{ "schemaVersion": 1, "methodology": "Static observations from current working tree, including uncommitted files. Props copied from generated reference; not a parser or visual/behavior certification. Literal declaration count is a heuristic and includes legitimate structural values.", "componentCount": 104, "referenceCount": 104, "catalogCount": 104, "referenceOnly": [], "catalogOnly": [], "components": [ { "name": "Accordion", "source": "packages/ui/components/Accordion.wrn", "sha256": "51714cc2103e4727fc64a5e6cb37f060d5b495c72e1660c1a04948982b7f4c53", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "variant", "class", "id", "items", "defaultOpen", "multiple", "alwaysOpen", "disabled", "indicator", "indicatorPosition", "showIndicator", "bordered", "separated", "flush", "contentItalic" ], "tokenReferences": [ "accordion-accent", "color-border", "color-border-strong", "color-danger", "color-info", "color-muted", "color-primary", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "ease-standard", "font-sans", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-2" ], "dataAttributes": [ "data-disabled", "data-indicator", "data-indicator-position", "data-multiple", "data-open", "data-variant", "data-wrn-axis-bordered", "data-wrn-axis-color", "data-wrn-axis-flush", "data-wrn-axis-separated", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 15, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "AdvancedSelect", "source": "packages/ui/components/AdvancedSelect.wrn", "sha256": "b812acc74cd717af6f102d29fd07b47de2b2ad6e3879706730e0a32eada6f3ee", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "name", "value", "values", "options", "groups", "placeholder", "placeholderIcon", "searchPlaceholder", "multiple", "searchable", "defaultOpen", "clearable", "allowEmpty", "tags", "disabled", "required", "invalid", "validationMessage", "helpText", "loading", "loadingLabel", "emptyLabel", "selectedOptionsLabel", "clearLabel", "createLabel", "loadMoreLabel", "searchMode", "searchFields", "minSearchLength", "searchResultLimit", "maxSelections", "showCounter", "counterTemplate", "optionTemplate", "selectedTemplate", "closeOnSelect", "scrollToSelected", "fixed", "placement", "remote", "remoteUrl", "remoteQueryParam", "remoteDebounce", "remoteAutoLoad", "infinite", "hasMore", "page", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-input-placeholder", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface-2", "color-surface-muted", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "control-height", "font-sans", "radius-sm" ], "dataAttributes": [ "data-error", "data-infinite", "data-option-value", "data-page", "data-placement", "data-remote", "data-remote-auto-load", "data-remote-debounce", "data-remote-query-param", "data-remote-url", "data-search-mode", "data-show", "data-text", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "AnnouncementBar", "source": "packages/ui/components/AnnouncementBar.wrn", "sha256": "b2b833350eb9a37627e4047f371c12ff7a8c25385a70294c0fc25ddfd4bb74c8", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "badge", "badgeIcon", "message", "description", "icon", "actionLabel", "actionHref", "actionIcon", "dismissible", "dismissLabel", "sticky", "compact", "flush", "mobileCompact", "mobileMessageLines", "hideBadgeOnMobile", "hideDescriptionOnMobile", "mobileActionSize", "gutter", "contentGutter", "flushMobile", "size", "width", "color", "variant", "role", "live", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-contrast", "color-danger-muted", "color-danger-soft", "color-focus", "color-info", "color-info-contrast", "color-info-muted", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-muted", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-muted", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-muted", "color-success-soft", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "color-warning-contrast", "color-warning-muted", "color-warning-soft", "shadow-2" ], "dataAttributes": [ "data-color", "data-compact", "data-content-gutter", "data-flush", "data-flush-mobile", "data-gutter", "data-hide-badge-mobile", "data-hide-description-mobile", "data-mobile-action-size", "data-mobile-compact", "data-mobile-message-lines", "data-show", "data-size", "data-sticky", "data-ui-component", "data-variant", "data-width", "data-wrn-axis-color", "data-wrn-axis-compact", "data-wrn-axis-flush", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 34, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "AuthForm", "source": "packages/ui/components/AuthForm.wrn", "sha256": "8a7bf17ee92d98caae1e987eeade29d0effc89b0eca4b8787dc10b2abad25de8", "category": "core", "inReference": true, "inCatalog": true, "props": [ "size", "color", "mode", "action", "method", "title", "description", "returnTo", "schema", "showRemember", "showName", "submitLabel", "class" ], "tokenReferences": [ "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "font-sans" ], "dataAttributes": [ "data-schema", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrnexus-runtime" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 0, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "AuthSplitLayout", "source": "packages/ui/components/AuthSplitLayout.wrn", "sha256": "e5ca3b96f68fbc666d47ad2efac9f6c37fe321fcf222109aec5f05f4433b99d6", "category": "core", "inReference": true, "inCatalog": true, "props": ["size", "color", "eyebrow", "title", "description", "brand", "features", "class"], "tokenReferences": [ "color-bg", "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "font-sans" ], "dataAttributes": [ "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["aside-extra", "form"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "AvatarGroup", "source": "packages/ui/components/AvatarGroup.wrn", "sha256": "535d9c043aa2fc9e1976aa7472f5932be79ee9cef92a68d7c61ae53948f3a42e", "category": "base", "inReference": true, "inCatalog": true, "props": [ "items", "size", "color", "variant", "shape", "layout", "maxVisible", "columns", "borderColor", "showTooltips", "overflowLabel", "class" ], "tokenReferences": [ "avatar-group-color", "avatar-group-columns", "avatar-group-size", "color-bg", "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "ease-emphasized", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-color", "data-layout", "data-shape", "data-show", "data-size", "data-variant", "data-wrn-axis-color", "data-wrn-axis-shape", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 17, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "BackToTop", "source": "packages/ui/components/BackToTop.wrn", "sha256": "a7fea53e8ef130e62df5a11e2fa7d7f44cf26b56fd25de298adfa8a035d07aaa", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "threshold", "label", "ariaLabel", "icon", "position", "offset", "behavior", "showProgress", "showLabel", "alwaysVisible", "size", "color", "variant", "shape", "class" ], "tokenReferences": [ "back-to-top-progress", "color-border", "color-danger", "color-danger-contrast", "color-danger-hover", "color-danger-soft", "color-focus", "color-info", "color-info-contrast", "color-info-hover", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-hover", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-hover", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-hover", "color-success-soft", "color-surface-raised", "color-warning", "color-warning-contrast", "color-warning-hover", "color-warning-soft" ], "dataAttributes": [ "data-color", "data-offset", "data-position", "data-progress", "data-shape", "data-show", "data-show-label", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-shape", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 19, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Blockquote", "source": "packages/ui/components/Blockquote.wrn", "sha256": "91aa254ea60f94a8e01a668bcfc858124631c717a96c18ae3fc52d1c90f1e56e", "category": "base", "inReference": true, "inCatalog": true, "props": [ "quote", "citation", "citationTitle", "citationUrl", "avatarSrc", "avatarAlt", "size", "color", "align", "variant", "quoteMark", "italic", "maxWidth", "class" ], "tokenReferences": [ "blockquote-color", "blockquote-font-size", "blockquote-mark-size", "blockquote-max-width", "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "font-sans", "radius", "shadow-1" ], "dataAttributes": [ "data-align", "data-color", "data-italic", "data-max-width", "data-size", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 4, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Breadcrumb", "source": "packages/ui/components/Breadcrumb.wrn", "sha256": "879d72c0fcf3f98077c374f26eb9990696b7134263f51b38c2559ea445252596", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "label", "items", "active", "activeIcon", "separator", "showHome", "homeLabel", "homeHref", "homeIcon", "size", "color", "variant", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-muted", "color-danger-soft", "color-danger-text", "color-info", "color-info-muted", "color-info-soft", "color-info-text", "color-primary", "color-primary-muted", "color-primary-soft", "color-primary-text", "color-secondary", "color-secondary-muted", "color-secondary-soft", "color-secondary-text", "color-success", "color-success-muted", "color-success-soft", "color-success-text", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "color-warning-muted", "color-warning-soft", "color-warning-text", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-color", "data-current", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 8, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "ButtonGroup", "source": "packages/ui/components/ButtonGroup.wrn", "sha256": "fa060f809027a4fe943acab46fe557a103424411690642c2b769e00d672dff82", "category": "base", "inReference": true, "inCatalog": true, "props": [ "items", "value", "size", "color", "variant", "orientation", "responsive", "attached", "selectable", "toolbar", "disabled", "ariaLabel", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "control-height", "font-sans", "radius-sm" ], "dataAttributes": [ "data-attached", "data-color", "data-disabled", "data-orientation", "data-responsive", "data-selectable", "data-selected", "data-size", "data-value", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 5, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "CTASection", "source": "packages/ui/components/CTASection.wrn", "sha256": "544d8fd6222f01c5140b26f29077998c4af004e90e2b237a18e2e42ef3b93290", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "eyebrow", "title", "description", "icon", "align", "size", "color", "variant", "spacing", "radius", "titleMaxWidth", "contentPadding", "mobilePadding", "mobileActions", "primaryLabel", "primaryHref", "primaryIcon", "secondaryLabel", "secondaryHref", "secondaryIcon", "backgroundImage", "visualImage", "visualAlt", "visualIcon", "visualTitle", "visualDescription", "visualItems", "visualPosition", "maxWidth", "fullBleed", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-contrast", "color-danger-hover", "color-danger-muted", "color-danger-soft", "color-focus", "color-info", "color-info-contrast", "color-info-hover", "color-info-muted", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-hover", "color-primary-muted", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-hover", "color-secondary-muted", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-hover", "color-success-muted", "color-success-soft", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-contrast", "color-warning-hover", "color-warning-muted", "color-warning-soft", "cta-title-max-width", "highlight-edge", "shadow-3" ], "dataAttributes": [ "data-align", "data-color", "data-content-padding", "data-full-bleed", "data-max-width", "data-mobile-actions", "data-mobile-padding", "data-radius", "data-size", "data-spacing", "data-ui-component", "data-variant", "data-visual-position", "data-wrn-axis-color", "data-wrn-axis-radius", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["actions", "footer", "visual"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 32, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Card", "source": "packages/ui/components/Card.wrn", "sha256": "777d277b04292f650c6bb38a83a4b14c9f28940b567d250a87c20488d8324804", "category": "base", "inReference": true, "inCatalog": true, "props": [ "title", "icon", "titleKey", "subtitle", "subtitleKey", "description", "descriptionKey", "showHeader", "showFooter", "header", "footer", "imageSrc", "imageAlt", "imagePosition", "actionLabel", "actionLabelKey", "actionHref", "headerActions", "navigation", "activeNav", "mobileNavigation", "alertTitle", "alertDescription", "empty", "emptyTitle", "emptyIcon", "items", "size", "color", "variant", "layout", "align", "hover", "radius", "shadow", "equalHeight", "scrollable", "maxHeight", "dismissible", "ariaLabel", "class" ], "tokenReferences": [ "card-color", "card-icon-color", "card-max-height", "card-padding", "color-border", "color-danger", "color-danger-text", "color-info", "color-info-text", "color-muted", "color-primary", "color-primary-text", "color-secondary", "color-secondary-text", "color-success", "color-success-text", "color-surface", "color-surface-2", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-text", "component-color", "component-scale", "ease-emphasized", "font-mono", "font-sans", "motion-base", "radius", "radius-md", "radius-sm", "shadow-1", "shadow-2", "space-panel" ], "dataAttributes": [ "data-active", "data-align", "data-color", "data-equal-height", "data-hover", "data-index", "data-layout", "data-mobile-navigation", "data-radius", "data-scrollable", "data-shadow", "data-size", "data-t", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-radius", "data-wrn-axis-shadow", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "header"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 26, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Carousel", "source": "packages/ui/components/Carousel.wrn", "sha256": "5d8bd031007e7522c81f6acb16538534230cb8ea5fad4eef12b10db5f109c67a", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "activeIndex", "slidesPerView", "gap", "showPagination", "isAutoPlay", "autoplayInterval", "isInfiniteLoop", "isRTL", "isCentered", "isDraggable", "isAutoHeight", "isSnap", "showCounter", "thumbnails", "ariaLabel", "framed", "variant", "class" ], "tokenReferences": [ "carousel-color", "carousel-drag-offset", "carousel-gap", "carousel-index", "carousel-per-view", "carousel-snap-slide", "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-raised", "color-surface-subtle", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "ease-emphasized", "font-sans", "motion-base", "radius-md", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-active", "data-auto-height", "data-centered", "data-draggable", "data-dragging", "data-framed", "data-rtl", "data-snap", "data-t", "data-thumbnails", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 28, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Chart", "source": "packages/ui/components/Chart.wrn", "sha256": "d87254752284ba10eb6f36b8654872b0defe84222c01c739c0086809e05dba12", "category": "integrations", "inReference": true, "inCatalog": true, "props": [ "title", "description", "items", "data", "labels", "datasets", "options", "type", "valueKey", "labelKey", "height", "showLegend", "showValues", "size", "color", "variant", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-surface", "color-text", "color-text-muted", "color-warning", "radius" ], "dataAttributes": [ "data-chart-config", "data-color", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrnexus-runtime" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 2, "status": "recipe-supported", "contractVersion": 1, "regions": { "canvas": { "ownership": "provider", "parts": ["canvas"], "limitations": "Chart.js draws canvas pixels; use the existing chart options/data API." }, "accessible": { "ownership": "provider", "parts": ["accessible"], "limitations": "Runtime-generated accessible data table is owned by the chart adapter." } } }, { "name": "ChatBubble", "source": "packages/ui/components/ChatBubble.wrn", "sha256": "f81c2630542b7c8a171acf2c9102a91b64cc06f925a014bc7f96d3778adbafdc", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "oneSided", "showAvatars", "showMetadata", "ariaLabel", "variant", "class" ], "tokenReferences": [ "chat-color", "color-border", "color-danger", "color-danger-text", "color-info", "color-muted", "color-primary", "color-primary-contrast", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-raised", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "font-sans", "highlight-edge", "shadow-1" ], "dataAttributes": [ "data-avatars", "data-direction", "data-one-sided", "data-receipt", "data-tone", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 15, "status": "recipe-supported", "contractVersion": 1, "regions": { "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "Clipboard", "source": "packages/ui/components/Clipboard.wrn", "sha256": "fcc4e8a3b3a24b599eb6a52337a31d06c2c4dee3b1a000281d324b8b71678f1b", "category": "integrations", "inReference": true, "inCatalog": true, "props": [ "value", "label", "copiedLabel", "errorLabel", "title", "description", "iconOnly", "code", "size", "color", "disabled", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-code-background", "color-code-border", "color-code-text", "color-danger", "color-focus", "color-input-background", "color-input-border", "color-muted", "color-success", "color-surface", "color-surface-soft", "color-text", "color-text-muted", "font-mono", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-color", "data-show", "data-size", "data-status", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 10, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Collapse", "source": "packages/ui/components/Collapse.wrn", "sha256": "c5ecae44b455498e5eae527100abdc27bf9e18f7a361ce563d45087c0cc4a3d3", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "items", "multiple", "mode", "initialOpenIndexes", "ariaLabel", "class" ], "tokenReferences": [ "collapse-color", "color-border", "color-border-strong", "color-danger", "color-info", "color-muted", "color-primary", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "ease-emphasized", "ease-standard", "font-sans", "motion-base", "radius", "shadow-1", "shadow-2" ], "dataAttributes": [ "data-mode", "data-open", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 15, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "ColorPicker", "source": "packages/ui/components/ColorPicker.wrn", "sha256": "561b1cef73ff86f50072fefabade212b0cf10a48e6dd6c6aa93fd6e900fe3f50", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "value", "icon", "iconPosition", "helperText", "cornerHint", "error", "inline", "variant", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-input-border-hover", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 55, "status": "recipe-supported", "contractVersion": 1, "regions": { "control": { "ownership": "native", "parts": ["control"], "limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS." } } }, { "name": "Columns", "source": "packages/ui/components/Columns.wrn", "sha256": "c892798d910745453b617a7f0dcf20ab1fd6506095c150de0f36e9fcf7661783", "category": "layout", "inReference": true, "inCatalog": true, "props": ["size", "color", "columns", "gap", "maxWidth", "class"], "tokenReferences": [], "dataAttributes": [ "data-color", "data-columns", "data-gap", "data-max-width", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 0, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "ComboBox", "source": "packages/ui/components/Combobox.wrn", "sha256": "1268286b6dcb00f187d985d5e7fedf0371c8febf04c16907beb10cf36ced2d25", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "name", "value", "options", "groups", "placeholder", "searchPlaceholder", "clearable", "allowCustomValue", "disabled", "required", "invalid", "validationMessage", "helpText", "loading", "loadingLabel", "emptyLabel", "clearLabel", "toggleLabel", "searchMode", "searchFields", "minSearchLength", "searchResultLimit", "optionTemplate", "defaultOpen", "closeOnSelect", "fixed", "placement", "autocomplete", "remote", "remoteUrl", "remoteQueryParam", "remoteDebounce", "remoteAutoLoad", "infinite", "hasMore", "page", "loadMoreLabel", "class" ], "tokenReferences": [ "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "font-sans" ], "dataAttributes": [ "data-error", "data-infinite", "data-option-value", "data-page", "data-placement", "data-remote", "data-remote-auto-load", "data-remote-debounce", "data-remote-query-param", "data-remote-url", "data-search-mode", "data-show", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 2, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Confetti", "source": "packages/ui/components/Confetti.wrn", "sha256": "91f72aa66babd721d5b8406992b13df442cd3d2a093540b0e504380242479ca6", "category": "integrations", "inReference": true, "inCatalog": true, "props": ["label", "duration", "count", "autoStart", "disabled", "size", "color", "class"], "tokenReferences": [ "color-focus", "color-on-primary", "color-primary", "confetti-delay", "confetti-duration", "confetti-index", "confetti-x", "radius" ], "dataAttributes": [ "data-autostart", "data-running", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 8, "status": "recipe-supported", "contractVersion": 1, "regions": { "canvas": { "ownership": "framework", "parts": ["canvas"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "Container", "source": "packages/ui/components/Container.wrn", "sha256": "eefa6f3dfaecb1e86172f6f2b886adfad7dcacf07f75098f7d07948bff5d0a50", "category": "layout", "inReference": true, "inCatalog": true, "props": ["size", "color", "columns", "gap", "maxWidth", "centered", "class"], "tokenReferences": [], "dataAttributes": [ "data-centered", "data-color", "data-columns", "data-gap", "data-max-width", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 6, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "ContextMenu", "source": "packages/ui/components/ContextMenu.wrn", "sha256": "5dcf067343e35307c1e0de1c319112e6741bcc9b1c827cef5d09721383f4d066", "category": "overlays", "inReference": true, "inCatalog": true, "props": [ "items", "open", "defaultOpen", "trigger", "placement", "align", "size", "color", "variant", "title", "description", "label", "closeOnSelect", "closeOnOutside", "disabled", "minWidth", "maxWidth", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-soft", "color-focus", "color-info", "color-info-soft", "color-primary", "color-primary-soft", "color-secondary", "color-secondary-soft", "color-success", "color-success-soft", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "color-warning-soft", "context-max-width", "context-min-width", "context-x", "context-y", "font-mono", "highlight-edge", "radius", "radius-sm", "shadow-3" ], "dataAttributes": [ "data-align", "data-color", "data-danger", "data-open", "data-placement", "data-selected", "data-show", "data-size", "data-trigger", "data-ui-component", "data-variant", "data-wrn-anchored", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-open", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "header", "trigger"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 18, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "CustomScrollbar", "source": "packages/ui/components/CustomScrollbar.wrn", "sha256": "5325c9429b432b113e232a19786bb3f873454f8f4c7c0d6a3ecf81897fa35f09", "category": "layout", "inReference": true, "inCatalog": true, "props": ["color", "size", "axis", "thickness", "maxHeight", "radius", "class"], "tokenReferences": [ "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-surface-soft" ], "dataAttributes": [ "data-axis", "data-color", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-radius", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 2, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "DataMap", "source": "packages/ui/components/DataMap.wrn", "sha256": "66752f98718c748f25e0eed76d39f504fc20b26d3b3ae841db85f5d5f02df6cb", "category": "integrations", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "class"], "tokenReferences": [ "color-border", "color-muted", "color-primary", "color-primary-soft", "color-primary-text", "color-surface", "color-text" ], "dataAttributes": [ "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "DataTable", "source": "packages/ui/components/DataTable.wrn", "sha256": "c25aa8849d140562970cd2ffaa33b720cc903e809ef7fb20a564425e8295d5b9", "category": "tables", "inReference": true, "inCatalog": true, "props": [ "color", "size", "columns", "rows", "rowKey", "remote", "loadingLabel", "errorLabel", "retryLabel", "caption", "description", "searchable", "searchPlaceholder", "paginated", "pageSize", "paginationStyle", "pageSizes", "selectable", "actions", "striped", "bordered", "gridlines", "density", "emptyLabel", "noResultsLabel", "clearSearchLabel", "stickyFirstColumn", "layout", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-muted", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "font-mono", "font-sans", "highlight-edge", "radius", "radius-md", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-active", "data-align", "data-bordered", "data-color", "data-density", "data-for", "data-gridlines", "data-html", "data-key", "data-label", "data-layout", "data-loading", "data-selected", "data-show", "data-size", "data-slot", "data-sticky-first", "data-striped", "data-tone", "data-ui-component", "data-wrn-axis-bordered", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 40, "status": "recipe-supported", "contractVersion": 1, "regions": { "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." }, "sortIcon": { "ownership": "framework", "parts": ["sortIcon"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "DatePicker", "source": "packages/ui/components/DatePicker.wrn", "sha256": "107be1aa2ae2b329b50c9063f2f25bf4ac7dccebe6a2b6ca412cc12afac8f3af", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "id", "name", "value", "placeholder", "type", "locale", "firstDayOfWeek", "months", "days", "years", "min", "max", "step", "helperText", "cornerHint", "error", "variant", "inline", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-outside", "data-right-aligned", "data-show", "data-text", "data-today", "data-value", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 53, "status": "recipe-supported", "contractVersion": 1, "regions": { "control": { "ownership": "native", "parts": ["control"], "limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS." } } }, { "name": "DeviceFrame", "source": "packages/ui/components/DeviceFrame.wrn", "sha256": "20485a867f404098afec5814174e3f83ca7110e193c787027c8b755bb1f5909e", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "variant", "device", "orientation", "src", "srcdoc", "frameTitle", "showToolbar", "allow", "class" ], "tokenReferences": [ "color-background", "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "ease-standard", "font-sans", "motion-normal", "radius-md", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-device", "data-orientation", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 7, "status": "recipe-supported", "contractVersion": 1, "regions": { "embeddedFrame": { "ownership": "provider", "parts": ["embeddedFrame"], "limitations": "Cross-origin embedded content cannot be styled through this contract." } } }, { "name": "Divider", "source": "packages/ui/components/Divider.wrn", "sha256": "3d1065aa2dccb11f31eff35105ce7a3a0321317850e4df02b6c298e4a492cadc", "category": "layout", "inReference": true, "inCatalog": true, "props": ["size", "color", "label", "orientation", "variant", "class"], "tokenReferences": [ "color-border", "color-danger", "color-primary", "color-secondary", "color-success", "color-text-muted", "color-warning" ], "dataAttributes": [ "data-color", "data-labelled", "data-orientation", "data-show", "data-size", "data-tone", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 1, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "DragAndDrop", "source": "packages/ui/components/DragAndDrop.wrn", "sha256": "5af6c01a9b58eca44868205708f47738c1c2b25589b94035cb2f4f31eec06ba6", "category": "integrations", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "class"], "tokenReferences": [ "color-border", "color-muted", "color-surface", "color-text", "radius-sm" ], "dataAttributes": [ "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Drawer", "source": "packages/ui/components/Drawer.wrn", "sha256": "54f4a07464cc7bcd3f52453207c568d81044fca45850ca2ec1d8b6e6442b24d5", "category": "overlays", "inReference": true, "inCatalog": true, "props": [ "open", "defaultOpen", "placement", "size", "color", "variant", "title", "description", "icon", "label", "closeLabel", "showClose", "closeOnBackdrop", "closeOnEscape", "duration", "overlay", "scrollable", "triggerLabel", "triggerIcon", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-soft", "color-info", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-soft", "color-secondary", "color-secondary-soft", "color-success", "color-success-soft", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-soft", "control-height", "highlight-edge", "radius-lg", "radius-sm", "shadow-3" ], "dataAttributes": [ "data-color", "data-open", "data-overlay", "data-placement", "data-scrollable", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "header", "trigger"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 22, "status": "recipe-supported", "contractVersion": 1, "regions": { "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "DrawflowCanvas", "source": "packages/ui/components/DrawflowCanvas.wrn", "sha256": "9c1d04d070d27e88d443daab5adf4afb5a9d08a1224f06c96d015c4e988d5617", "category": "core", "inReference": true, "inCatalog": true, "props": ["nodes", "toolbar", "class"], "tokenReferences": [], "dataAttributes": [ "data-active-node", "data-flow-kind", "data-flow-nodes", "data-flow-zoom", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrnexus-runtime" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 1, "status": "recipe-supported", "contractVersion": 1, "regions": { "viewport": { "ownership": "provider", "parts": ["viewport"], "limitations": "Drawflow owns generated graph DOM and its styles. Use the existing provider options and CSS integration." } } }, { "name": "Dropdown", "source": "packages/ui/components/Dropdown.wrn", "sha256": "10dacd8dca91937ceb65f3d0b69a9c26e7a1035055ea9178fa6415d78afa2b69", "category": "overlays", "inReference": true, "inCatalog": true, "props": [ "value", "items", "open", "defaultOpen", "label", "ariaLabel", "icon", "showChevron", "menuLabel", "placement", "mobilePanel", "width", "size", "color", "variant", "closeOnSelect", "closeOnOutside", "disabled", "emptyLabel", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-soft", "color-info", "color-info-soft", "color-primary", "color-primary-soft", "color-primary-text", "color-secondary", "color-secondary-soft", "color-success", "color-success-soft", "color-surface", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "color-warning-soft", "control-height", "control-height-lg", "control-height-sm", "font-mono", "highlight-edge", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-color", "data-danger", "data-mobile-panel", "data-open", "data-placement", "data-selected", "data-size", "data-ui-component", "data-variant", "data-width", "data-wrn-anchored", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "header", "trigger"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 22, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "FeatureCard", "source": "packages/ui/components/FeatureCard.wrn", "sha256": "eab5df7460c9135978364d9efe1f76943f5b4c36d5d7cd5560ff49e3aa405d3d", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "icon", "iconStyle", "iconSize", "eyebrow", "title", "description", "image", "imageAlt", "imagePosition", "imageAspect", "imageLoading", "href", "target", "rel", "external", "actionLabel", "actionIcon", "showArrow", "stretchedLink", "badge", "badgeColor", "size", "color", "variant", "hover", "align", "disabled", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-contrast", "color-danger-muted", "color-danger-soft", "color-focus", "color-info", "color-info-contrast", "color-info-muted", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-hover", "color-primary-muted", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-hover", "color-secondary-muted", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-muted", "color-success-soft", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-contrast", "color-warning-muted", "color-warning-soft", "color-warning-text", "highlight-edge", "shadow-2", "shadow-3" ], "dataAttributes": [ "data-align", "data-color", "data-disabled", "data-hover", "data-icon-size", "data-icon-style", "data-image-aspect", "data-image-position", "data-size", "data-stretched-link", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "icon", "media"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 33, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "FeatureGrid", "source": "packages/ui/components/FeatureGrid.wrn", "sha256": "166214d4a00c604d1a70420128e2a7a3585afc6f60eae915d21a21c54c8364c2", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "size", "color", "items", "columns", "tabletColumns", "mobileColumns", "gap", "minItemWidth", "equalHeight", "align", "maxWidth", "variant", "label", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "feature-grid-columns", "feature-grid-min-item-width", "feature-grid-mobile-columns", "feature-grid-tablet-columns", "font-sans" ], "dataAttributes": [ "data-align", "data-autofit", "data-color", "data-columns", "data-equal-height", "data-gap", "data-max-width", "data-mobile-columns", "data-size", "data-tablet-columns", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 6, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "FeatureIconCard", "source": "packages/ui/components/FeatureIconCard.wrn", "sha256": "978eccf49716814595a29fd8e94ba8e4c7345e0a9589f498a6517df0c41533de", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "icon", "iconSize", "iconVariant", "title", "description", "href", "actionLabel", "badge", "size", "color", "variant", "align", "hover", "radius", "shadow", "clickableSurface", "descriptionTone", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-soft", "color-on-primary", "color-primary", "color-primary-muted", "color-primary-soft", "color-success", "color-success-soft", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning-soft", "color-warning-text", "motion-base", "radius", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-align", "data-clickable-surface", "data-color", "data-description-tone", "data-hover", "data-radius", "data-shadow", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-radius", "data-wrn-axis-shadow", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 16, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "FileInput", "source": "packages/ui/components/FileInput.wrn", "sha256": "76b0719609ff2204cccbad9692a3b820ce63ee98754f2394be6dbd9b8510e873", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "value", "icon", "iconPosition", "accept", "multiple", "helperText", "cornerHint", "error", "inline", "variant", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-focus", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 46, "status": "recipe-supported", "contractVersion": 1, "regions": { "control": { "ownership": "native", "parts": ["control"], "limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS." } } }, { "name": "FileUploadProgress", "source": "packages/ui/components/FileUploadProgress.wrn", "sha256": "4f4dbaf9eb165d9aa48742c03ce51d895891bb234f80b2865bce03d4da0e24ba", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "value", "max", "showValue", "fileName", "fileSize", "uploadedSize", "status", "cancelLabel", "retryLabel", "showCompleteAction", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-success-text", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "motion-slow", "radius", "radius-sm", "shadow-1", "shadow-3", "upload-color" ], "dataAttributes": [ "data-card", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-status", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 59, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "FlowCanvas", "source": "packages/ui/components/FlowCanvas.wrn", "sha256": "8ca776800047ae4f4e1032352f2e17a295c9b8198d48d7ce3fc9ee26c2033ecd", "category": "core", "inReference": true, "inCatalog": true, "props": [ "nodes", "palette", "activeNode", "label", "arrangeLabel", "connectLabel", "color", "size", "class" ], "tokenReferences": [ "color-border", "color-primary", "color-surface", "color-surface-muted", "color-text", "color-text-muted", "radius-lg" ], "dataAttributes": [ "data-flow-node-id", "data-pending", "data-selected", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 8, "status": "recipe-supported", "contractVersion": 1, "regions": { "links": { "ownership": "framework", "parts": ["links"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "Footer", "source": "packages/ui/components/Footer.wrn", "sha256": "ea931e624eb820beaef698e93191ed707403ea8b4be4117fa5b83d5a6b0b0f55", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "items", "columns", "maxWidth", "mobileColumns", "mobileCopyrightAlign", "copyright", "copyrightKey", "translationPrefix", "class" ], "tokenReferences": [ "color-border", "color-muted", "color-primary", "color-surface", "color-surface-2", "color-text", "component-color", "footer-columns" ], "dataAttributes": [ "data-color", "data-mobile-columns", "data-mobile-copyright-align", "data-size", "data-t", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["copyright-left", "copyright-right", "post-footer", "pre-footer"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 4, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Grid", "source": "packages/ui/components/Grid.wrn", "sha256": "b44e041a627cf0f62f676b83ca3c0ea2b671e07876f0649310081edefde4217a", "category": "layout", "inReference": true, "inCatalog": true, "props": ["size", "color", "columns", "gap", "maxWidth", "minItemWidth", "class"], "tokenReferences": [], "dataAttributes": [ "data-auto", "data-color", "data-columns", "data-gap", "data-max-width", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 0, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Hero", "source": "packages/ui/components/Hero.wrn", "sha256": "dbc4cb3099d422edc2a7bc0500499db5c7c67aa272cbe9329a21e6d665aca047", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "eyebrow", "eyebrowIcon", "icon", "title", "highlight", "description", "align", "size", "color", "variant", "layout", "visualPosition", "visualStyle", "showDecorations", "fullBleed", "visualEyebrow", "visualTitle", "visualDescription", "visualIcon", "visualImage", "visualAlt", "visualItems", "primaryLabel", "primaryHref", "primaryIcon", "primaryTarget", "secondaryLabel", "secondaryHref", "secondaryIcon", "secondaryTarget", "tertiaryLabel", "tertiaryHref", "tertiaryIcon", "tertiaryTarget", "badges", "trustItems", "maxWidth", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-contrast", "color-danger-muted", "color-danger-soft", "color-info", "color-info-contrast", "color-info-muted", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-muted", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-muted", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-muted", "color-success-soft", "color-surface", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "color-warning-contrast", "color-warning-muted", "color-warning-soft", "hero-accent", "hero-accent-muted", "hero-accent-soft", "hero-contrast" ], "dataAttributes": [ "data-align", "data-color", "data-full-bleed", "data-layout", "data-max-width", "data-size", "data-ui-component", "data-variant", "data-visual-position", "data-visual-style", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["actions", "eyebrow", "footer", "trust", "visual"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 39, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "HeroActions", "source": "packages/ui/components/HeroActions.wrn", "sha256": "f3e633751e1bdfca11d5fe3d4eb96d4aaba11cba298a62794ed3e2201d3ca038", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "actions", "align", "orientation", "stackOnMobile", "fullWidthMobile", "size", "color", "class" ], "tokenReferences": [], "dataAttributes": [ "data-align", "data-full-mobile", "data-orientation", "data-stack-mobile", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 0, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Image", "source": "packages/ui/components/Image.wrn", "sha256": "e62edb27eb2debb3089ac6a9033acbf54d32a24dd9959127f39db70ef675b51a", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "size", "color", "src", "alt", "width", "height", "loading", "fit", "rounded", "class" ], "tokenReferences": ["color-surface-soft", "color-text-muted", "radius-lg"], "dataAttributes": [ "data-color", "data-fit", "data-rounded", "data-show", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-rounded", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 1, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "InputGroup", "source": "packages/ui/components/InputGroup.wrn", "sha256": "6059e1169d06dcf2cd38bbe10e626432b3d36d096411decdc4da7506fd8bf743", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "value", "placeholder", "type", "startText", "endText", "icon", "iconPosition", "actionLabel", "helperText", "cornerHint", "error", "inline", "variant", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-position", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 50, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "InputNumber", "source": "packages/ui/components/InputNumber.wrn", "sha256": "91d210f3f2341f46507f46459c89555127c8b4598fa4b88216dcb8a8e82f116e", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "variant", "class", "id", "name", "value", "min", "max", "step", "precision", "label", "description", "helpText", "error", "invalid", "prefix", "suffix", "placeholder", "autocomplete", "inputMode", "ariaLabel", "required", "disabled", "inputDisabled", "buttonsDisabled", "readonly", "allowInput", "keyboard", "wheel", "clamp", "fullWidth", "showButtons", "showValidationMessage", "decrementLabel", "incrementLabel", "controlsLabel", "requiredMessage", "minMessage", "maxMessage" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "motion-base", "motion-fast", "radius-sm" ], "dataAttributes": [ "data-color", "data-disabled", "data-full-width", "data-invalid", "data-size", "data-value", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 12, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Kbd", "source": "packages/ui/components/Kbd.wrn", "sha256": "5c0bc26cc9acd984c297dd6457189110aef3fcfdfe3bcf16bf7d43d55ceaecd1", "category": "layout", "inReference": true, "inCatalog": true, "props": ["size", "color", "label", "class"], "tokenReferences": [ "color-border", "color-border-strong", "color-surface", "color-surface-soft", "color-text", "color-text-muted", "font-mono", "highlight-edge" ], "dataAttributes": [ "data-color", "data-size", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 5, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "LayoutSplitter", "source": "packages/ui/components/LayoutSplitter.wrn", "sha256": "394a765f26c6634d4d75cf91b47b2874bee2250f15f399c325b740fc671cb1ad", "category": "layout", "inReference": true, "inCatalog": true, "props": ["color", "size", "orientation", "minSize", "step", "label", "class"], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-raised", "color-surface-soft", "color-text", "radius", "radius-sm", "shadow-1", "split" ], "dataAttributes": [ "data-color", "data-orientation", "data-slot", "data-ui-component", "data-wrn-axis-color", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-splitter", "data-wrn-splitter-dragging", "data-wrn-splitter-handle", "data-wrn-splitter-min", "data-wrn-splitter-step" ], "slots": ["end", "start"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 8, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "LegendIndicator", "source": "packages/ui/components/LegendIndicator.wrn", "sha256": "6d72694259ad877ae987f260887a1d60301f692bf05622d9a36b3a7f02b57dd3", "category": "base", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "class"], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "font-sans", "radius", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 9, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Link", "source": "packages/ui/components/Link.wrn", "sha256": "59b7590d68ddbc8c70dd1926ebeed22dbe7b3d0d60613eb74d156633808d9db9", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "href", "target", "rel", "underline", "external", "class" ], "tokenReferences": [ "color-danger", "color-focus", "color-info", "color-primary", "color-primary-hover", "color-secondary", "color-secondary-hover", "color-success", "color-text", "color-warning-text", "radius-sm" ], "dataAttributes": [ "data-color", "data-external", "data-show", "data-size", "data-ui-component", "data-underline", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 1, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "List", "source": "packages/ui/components/List.wrn", "sha256": "79ba3e76767a8ffccfc6a25c1d4d13e765cfaf2ef02c961d0490b385fe199036", "category": "base", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "class"], "tokenReferences": [ "color-border", "color-border-strong", "color-focus", "color-primary", "color-primary-text", "color-surface", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "motion-base", "radius", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-active", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 18, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "ListGroup", "source": "packages/ui/components/ListGroup.wrn", "sha256": "40c1e8f3030fdc41101f65a06ef8752e52a9e88d85f2c85773fa1544bb6527b9", "category": "base", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "value", "class"], "tokenReferences": [ "color-border", "color-muted", "color-primary", "color-surface", "color-text", "radius", "shadow-1" ], "dataAttributes": [ "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 4, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Map", "source": "packages/ui/components/Map.wrn", "sha256": "aba6b73a89fe69f84a245d6685771cd7f34e813ca4c54d45a46c2e96135ecb70", "category": "integrations", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "variant", "provider", "apiKey", "query", "latitude", "longitude", "zoomLevel", "mapType", "imageSrc", "imageAlt", "class" ], "tokenReferences": [ "color-border", "color-focus", "color-on-primary", "color-primary", "color-primary-soft", "color-surface", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "ease-standard", "motion-base", "radius", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 14, "status": "recipe-supported", "contractVersion": 1, "regions": { "embeddedFrame": { "ownership": "provider", "parts": ["embeddedFrame"], "limitations": "Cross-origin embedded content cannot be styled through this contract." } } }, { "name": "MarketingSectionHeader", "source": "packages/ui/components/MarketingSectionHeader.wrn", "sha256": "b05e7fa1341fbd633145a702ab07fe04b163194bd2513f14b572eb63e09348ea", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "id", "eyebrow", "title", "description", "align", "size", "color", "actionLabel", "actionHref", "actionIcon", "actionExternal", "class" ], "tokenReferences": [], "dataAttributes": [ "data-color", "data-size", "data-slot", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["actions", "icon"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 0, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Marquee", "source": "packages/ui/components/Marquee.wrn", "sha256": "dd95881db4096cf9f10eed812ab501e4ad7f20994cad0b344919c5c0a856bf8a", "category": "base", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "class"], "tokenReferences": [ "color-border", "color-danger", "color-focus", "color-on-primary", "color-primary", "color-primary-soft", "color-success", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "motion-base" ], "dataAttributes": [ "data-color", "data-show", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 8, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "MegaMenu", "source": "packages/ui/components/MegaMenu.wrn", "sha256": "5667b0c46af1937c013bfea2d36863a297dfae14c5cf49643eb3c1e22a5c66da", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "label", "icon", "columns", "rail", "featured", "variant", "density", "panelWidth", "panelAlign", "columnCount", "fullWidth", "openOnHover", "activeCategory", "actionLabel", "actionHref", "actionIcon", "footer", "defaultOpen", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-soft", "color-text", "color-text-muted", "radius-lg", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-active", "data-color", "data-column-count", "data-density", "data-full-width", "data-label", "data-open", "data-panel-align", "data-panel-width", "data-show", "data-size", "data-ui-component", "data-variant", "data-wrn-anchored", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving", "data-wrn-roving-item" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 40, "status": "recipe-supported", "contractVersion": 1, "regions": { "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "MetricCard", "source": "packages/ui/components/MetricCard.wrn", "sha256": "a5ce0dcf7d254330ea7a7ecf2e93dc933c4f563ebb249755abc180ee04af47a9", "category": "data", "inReference": true, "inCatalog": true, "props": [ "label", "value", "description", "icon", "iconStyle", "prefix", "suffix", "badge", "trend", "trendLabel", "trendDirection", "progress", "progressLabel", "href", "target", "rel", "external", "actionLabel", "actionIcon", "showArrow", "selectable", "disabled", "size", "color", "variant", "hover", "align", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-contrast", "color-danger-hover", "color-danger-muted", "color-danger-soft", "color-danger-text", "color-focus", "color-info", "color-info-contrast", "color-info-hover", "color-info-muted", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-hover", "color-primary-muted", "color-primary-soft", "color-primary-text", "color-secondary", "color-secondary-contrast", "color-secondary-hover", "color-secondary-muted", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-hover", "color-success-muted", "color-success-soft", "color-success-text", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "color-warning-contrast", "color-warning-hover", "color-warning-muted", "color-warning-soft", "highlight-edge", "metric-progress", "radius", "radius-lg", "radius-sm", "shadow-1", "shadow-2", "shadow-3", "space-panel" ], "dataAttributes": [ "data-align", "data-color", "data-direction", "data-disabled", "data-hover", "data-icon-style", "data-selectable", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 27, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "MetricGrid", "source": "packages/ui/components/MetricGrid.wrn", "sha256": "c9f228b4b6bd371ad94c1e534501b9708ea555bef1e64c8bdf95fa5e07576d1d", "category": "data", "inReference": true, "inCatalog": true, "props": [ "items", "columns", "tabletColumns", "mobileColumns", "gap", "equalHeight", "dividers", "size", "color", "variant", "maxWidth", "minItemWidth", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-surface-raised", "color-surface-soft", "color-text-muted", "metric-columns", "metric-min-item-width", "metric-mobile-columns", "metric-tablet-columns", "radius" ], "dataAttributes": [ "data-auto-fit", "data-color", "data-dividers", "data-equal-height", "data-gap", "data-max-width", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 6, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Modal", "source": "packages/ui/components/Modal.wrn", "sha256": "7ad50502de6f6ff20ec2dc62fdc923f78afc222509771c5f26e5a56810ead374", "category": "overlays", "inReference": true, "inCatalog": true, "props": [ "open", "defaultOpen", "title", "description", "icon", "label", "size", "placement", "color", "variant", "showHeader", "showClose", "closeLabel", "closeOnBackdrop", "closeOnEscape", "closeOnCancel", "closeOnConfirm", "showFooter", "cancelLabel", "cancelIcon", "confirmLabel", "confirmIcon", "confirmDisabled", "confirmLoading", "destructive", "triggerLabel", "triggerIcon", "scrollable", "scrollBehavior", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-soft", "color-info", "color-info-contrast", "color-info-soft", "color-on-danger", "color-primary", "color-primary-contrast", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-soft", "color-surface", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-soft", "color-warning-text", "control-height", "highlight-edge", "radius-lg", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-color", "data-destructive", "data-open", "data-placement", "data-scroll", "data-scrollable", "data-show", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-open", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "header", "trigger"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 29, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Nav", "source": "packages/ui/components/Nav.wrn", "sha256": "dd7d67b15ffe88fb991321a3707c82770bc0c14ced5cc6f2710adf7ef2045c6c", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "items", "active", "orientation", "label", "collapsible", "toggleLabel", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "highlight-edge", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-active", "data-color", "data-expanded", "data-has-children", "data-orientation", "data-show", "data-size", "data-ui-component", "data-wrn-anchored", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving", "data-wrn-roving-item" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 14, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Navbar", "source": "packages/ui/components/Navbar.wrn", "sha256": "02081bcbbf88f9fbbaff7348ad7183d914a424c8fe22ed3c870b61620c2920fa", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "topbarLabel", "brand", "items", "actions", "active", "sticky", "floating", "startFloating", "openOnHover", "maxWidth", "mobileLabel", "collapseAt", "mobilePanel", "mobileUtilitiesPosition", "gutter", "contentGutter", "flushMobile", "translationPrefix", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-muted", "color-on-primary", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "font-mono", "font-sans", "highlight-edge", "motion-fast", "navbar-floating-start", "radius", "radius-sm", "shadow-1", "shadow-2", "shadow-3" ], "dataAttributes": [ "data-active", "data-collapse-at", "data-content-gutter", "data-floating", "data-flush-mobile", "data-full-width", "data-gutter", "data-mobile-panel", "data-mobile-utilities-position", "data-open", "data-open-on-hover", "data-t", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving", "data-wrn-roving-item" ], "slots": ["actions", "brand", "topbar", "utilities"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 45, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "PageHeader", "source": "packages/ui/components/PageHeader.wrn", "sha256": "7586f4579031e9391d673eb413dfe2ca65f9e3da2a0257c6f987bfc3b3482927", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "eyebrow", "title", "description", "icon", "id", "align", "centered", "compact", "size", "maxWidth", "showBreadcrumbs", "breadcrumbs", "breadcrumbParent", "breadcrumbParentHref", "breadcrumbCurrent", "primaryLabel", "primaryHref", "primaryIcon", "secondaryLabel", "secondaryHref", "secondaryIcon", "color", "variant", "borderBottom", "class" ], "tokenReferences": [ "color-background", "color-border", "color-danger", "color-danger-muted", "color-danger-soft", "color-danger-text", "color-info", "color-info-muted", "color-info-soft", "color-info-text", "color-primary", "color-primary-muted", "color-primary-soft", "color-primary-text", "color-secondary", "color-secondary-muted", "color-secondary-soft", "color-secondary-text", "color-success", "color-success-muted", "color-success-soft", "color-success-text", "color-surface", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "color-warning-muted", "color-warning-soft", "color-warning-text", "shadow-sm" ], "dataAttributes": [ "data-align", "data-border-bottom", "data-color", "data-compact", "data-max-width", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["actions", "meta"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 10, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Pagination", "source": "packages/ui/components/Pagination.wrn", "sha256": "df6faf0dbafd1249092b45e586159b575c3d37c73d81847376a28c3ea8fdb5cd", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "page", "pageSize", "total", "variant", "siblingCount", "showSummary", "label", "previousLabel", "nextLabel", "hrefTemplate", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-muted", "color-surface-soft", "color-text", "color-text-muted", "highlight-edge", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-active", "data-color", "data-disabled", "data-show", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 7, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "PinInput", "source": "packages/ui/components/PinInput.wrn", "sha256": "c17b2a1bb38ba0420de7c9179e64fd104cbd8d3b84127a308a4333d46232b3fb", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "name", "value", "length", "pattern", "type", "inputMode", "placeholder", "autocomplete", "masked", "disabled", "readonly", "required", "autoFocus", "autoSubmit", "allowPaste", "clearable", "clearLabel", "separator", "groupSize", "helpText", "invalid", "validationMessage", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "control-height", "ease-standard", "font-mono", "font-sans", "motion-base", "radius-sm" ], "dataAttributes": [ "data-allow-paste", "data-auto-submit", "data-complete", "data-error", "data-length", "data-pattern", "data-pin-index", "data-value", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 9, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Popover", "source": "packages/ui/components/Popover.wrn", "sha256": "aa73c63bde88d6f52061a98fdc8c84f1147e784abfeb802f094a89c061b9a893", "category": "overlays", "inReference": true, "inCatalog": true, "props": [ "open", "defaultOpen", "triggerLabel", "triggerIcon", "title", "description", "icon", "placement", "width", "size", "color", "variant", "showArrow", "showClose", "closeLabel", "closeOnOutside", "closeOnEscape", "actionLabel", "actionHref", "actionIcon", "closeOnAction", "disabled", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-soft", "color-info", "color-info-contrast", "color-info-soft", "color-on-danger", "color-primary", "color-primary-contrast", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-soft", "color-surface", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-soft", "color-warning-text", "control-height", "control-height-lg", "control-height-sm", "highlight-edge", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-color", "data-open", "data-placement", "data-show", "data-size", "data-ui-component", "data-variant", "data-width", "data-wrn-anchor-arrow", "data-wrn-anchored", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["footer", "header", "trigger"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 26, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "PortalDashboard", "source": "packages/ui/components/PortalDashboard.wrn", "sha256": "ef67fdf9faac850ef34b1d2564386d41a0cfa4c754ed0988e85f2e7ea2f50cdb", "category": "core", "inReference": true, "inCatalog": true, "props": [ "size", "color", "eyebrow", "eyebrowKey", "title", "titleKey", "description", "descriptionKey", "userName", "metrics", "actions", "updates", "tasks", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "font-sans", "radius-md" ], "dataAttributes": [ "data-t", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["hero-action"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 17, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "PreferenceSwitcher", "source": "packages/ui/components/PreferenceSwitcher.wrn", "sha256": "b1a5a72997dec35a1294f8a7724abc52ba9e50a108e175da9442816ca9adf0ec", "category": "core", "inReference": true, "inCatalog": true, "props": [ "size", "color", "themeLabel", "colorLabel", "languageLabel", "languages", "colors", "compact", "iconOnly", "themeIcon", "colorIcon", "languageIcon", "panelPlacement", "mobilePanel", "showCurrentLanguage", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "font-sans", "preference-swatch", "radius-sm", "shadow-lg" ], "dataAttributes": [ "data-icon-only", "data-mobile-panel", "data-open", "data-panel-placement", "data-wrn-accent-set", "data-wrn-axis-color", "data-wrn-axis-compact", "data-wrn-axis-size", "data-wrn-component", "data-wrn-lang-set", "data-wrn-owner", "data-wrn-part", "data-wrn-theme-set" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 15, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "PublicPageShell", "source": "packages/ui/components/PublicPageShell.wrn", "sha256": "1e28f4f387f235198a723ed13b0128fe484894e4962b73a482a5a28c8acf003f", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "maxWidth", "fullWidth", "headerOffset", "background", "overflow", "minHeight", "size", "color", "variant", "class" ], "tokenReferences": [ "color-background", "color-surface-raised", "color-surface-soft", "color-text" ], "dataAttributes": [ "data-background", "data-color", "data-full-width", "data-header-offset", "data-max-width", "data-min-height", "data-overflow", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["after", "before"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "RangeSlider", "source": "packages/ui/components/RangeSlider.wrn", "sha256": "a4005dcca80e3e23b6488e865b92486b368f46e00d3f05e7b0663d421652be06", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "variant", "icon", "iconPosition", "value", "min", "max", "step", "showValue", "showBounds", "showSteps", "marks", "helperText", "cornerHint", "error", "inline", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "range-progress", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-disabled", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-readonly", "data-right-aligned", "data-show-steps", "data-value", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 56, "status": "recipe-supported", "contractVersion": 1, "regions": { "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "Rating", "source": "packages/ui/components/Rating.wrn", "sha256": "8456d577da017eac6e54db78b4beced73930da6fe8ef7a5b74c65c2902571ea9", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "variant", "value", "max", "step", "readonly", "disabled", "class" ], "tokenReferences": [ "color-border-strong", "color-focus", "color-muted", "color-primary", "color-text", "color-warning", "font-mono", "radius-sm" ], "dataAttributes": [ "data-filled", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": { "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." }, "fill": { "ownership": "framework", "parts": ["fill"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." }, "precise": { "ownership": "native", "parts": ["precise"], "limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS." } } }, { "name": "Scrollspy", "source": "packages/ui/components/Scrollspy.wrn", "sha256": "a02f8bff11e611c867caf44aff9d16db51ce00adb7814760cc18950db2461aa4", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "items", "active", "label", "heading", "sticky", "topOffset", "sectionOffset", "collapseAt", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-text", "color-text-muted", "color-text-subtle", "font-mono", "scrollspy-section-offset", "scrollspy-top" ], "dataAttributes": [ "data-active", "data-collapse-at", "data-color", "data-show", "data-size", "data-sticky", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-scrollspy" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "SearchBox", "source": "packages/ui/components/SearchBox.wrn", "sha256": "9705699c05a83ea03a639b79618f62d2cd71bfe711fe2a6ed837d152ccf259a7", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "name", "value", "placeholder", "type", "min", "max", "step", "disabled", "required", "class" ], "tokenReferences": [ "color-focus", "color-input-background", "color-input-border", "color-input-border-focus", "color-input-border-hover", "color-input-placeholder", "color-input-text", "color-on-primary", "color-primary", "color-primary-hover", "color-surface-soft", "color-text", "color-text-muted", "highlight-edge", "motion-base", "radius-sm" ], "dataAttributes": [ "data-hidden", "data-show", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 8, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Section", "source": "packages/ui/components/Section.wrn", "sha256": "84df1d77f5f6c374a244fb30f76e28dd5dd8dbd168ebdb10d3f3a0eaa5dbee90", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "id", "size", "color", "variant", "spacing", "maxWidth", "fullWidth", "borderTop", "borderBottom", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-soft", "color-info", "color-info-soft", "color-on-danger", "color-on-primary", "color-on-secondary", "color-primary", "color-primary-soft", "color-secondary", "color-success", "color-success-soft", "color-surface", "color-surface-raised", "color-surface-soft", "color-warning", "color-warning-soft", "radius-lg", "shadow-1", "sticky-header-offset" ], "dataAttributes": [ "data-border-bottom", "data-border-top", "data-color", "data-size", "data-spacing", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 11, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "SectionHeader", "source": "packages/ui/components/SectionHeader.wrn", "sha256": "981ea9852591edeb02125219ae670e49c3be10c91cb57a6398d592dfff259667", "category": "layout", "inReference": true, "inCatalog": true, "props": [ "id", "eyebrow", "title", "description", "align", "size", "color", "headingLevel", "maxWidth", "class" ], "tokenReferences": [ "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-text", "color-text-muted", "color-warning-text" ], "dataAttributes": [ "data-align", "data-color", "data-max-width", "data-show", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["actions", "icon"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 1, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Sidebar", "source": "packages/ui/components/Sidebar.wrn", "sha256": "0c461f054007465f187368c066270ffbb6df850b66767e1479bbafa056384b1d", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "label", "items", "active", "mobileLabel", "drawerTitle", "mobile", "drawerPlacement", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-primary", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "font-mono", "radius", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-active", "data-color", "data-group", "data-mobile", "data-show", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving", "data-wrn-roving-item" ], "slots": ["drawer"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 14, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "SplitHero", "source": "packages/ui/components/SplitHero.wrn", "sha256": "dd449b79bdad8f3a480f654be665a98e0db43e63ca28c0d7c609bc1ca42a95c0", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "eyebrow", "eyebrowIcon", "title", "highlight", "description", "primaryLabel", "primaryHref", "primaryIcon", "secondaryLabel", "secondaryHref", "secondaryIcon", "visualPosition", "reverse", "ratio", "align", "size", "color", "variant", "maxWidth", "fullBleed", "gutter", "contentGutter", "flushMobile", "titleSize", "titleMaxWidth", "descriptionWeight", "mobileTitleSize", "mobileStack", "backgroundImage", "visualImage", "visualAlt", "visualIcon", "visualEyebrow", "visualTitle", "visualDescription", "visualItems", "visualStyle", "trustItems", "class" ], "tokenReferences": [ "color-background", "color-border", "color-danger", "color-danger-contrast", "color-danger-hover", "color-danger-muted", "color-danger-soft", "color-focus", "color-info", "color-info-contrast", "color-info-hover", "color-info-muted", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-hover", "color-primary-muted", "color-primary-soft", "color-secondary", "color-secondary-contrast", "color-secondary-hover", "color-secondary-muted", "color-secondary-soft", "color-success", "color-success-contrast", "color-success-hover", "color-success-muted", "color-success-soft", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "color-warning-contrast", "color-warning-hover", "color-warning-muted", "color-warning-soft", "highlight-edge", "shadow-3", "split-title-max-width" ], "dataAttributes": [ "data-align", "data-color", "data-content-gutter", "data-description-weight", "data-flush-mobile", "data-full-bleed", "data-gutter", "data-max-width", "data-mobile-stack", "data-mobile-title-size", "data-position", "data-ratio", "data-size", "data-title-size", "data-ui-component", "data-variant", "data-visual-style", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["actions", "trust", "visual"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 29, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "StatsBar", "source": "packages/ui/components/StatsBar.wrn", "sha256": "98fc8dea715ee0fcef9535c4a349499039140edf7bd150859bf54464b3331ab0", "category": "data", "inReference": true, "inCatalog": true, "props": [ "items", "columns", "compact", "dividers", "icons", "size", "color", "variant", "maxWidth", "radius", "shadow", "gutter", "outerSpacing", "mobileColumns", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-contrast", "color-danger-text", "color-info", "color-info-contrast", "color-primary", "color-primary-contrast", "color-secondary", "color-secondary-contrast", "color-success", "color-success-contrast", "color-success-text", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "color-warning-contrast", "radius", "radius-lg", "radius-sm", "shadow-2", "shadow-3" ], "dataAttributes": [ "data-color", "data-columns", "data-compact", "data-direction", "data-dividers", "data-gutter", "data-icons", "data-index", "data-max-width", "data-mobile-columns", "data-outer-spacing", "data-radius", "data-shadow", "data-size", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-compact", "data-wrn-axis-radius", "data-wrn-axis-shadow", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 21, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Stepper", "source": "packages/ui/components/Stepper.wrn", "sha256": "35025eadca0738fc1eba291b54c8c6f8b5d79022ad3325f727becbb7169aebc5", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "steps", "active", "controlled", "orientation", "clickable", "label", "showPanel", "controls", "allowSkip", "nextDisabled", "backLabel", "nextLabel", "skipLabel", "finishLabel", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-primary", "color-primary-contrast", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-soft", "color-text", "color-text-muted", "control-height", "font-mono", "highlight-edge", "radius", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-clickable", "data-color", "data-orientation", "data-primary", "data-show", "data-size", "data-slot", "data-status", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving", "data-wrn-roving-item" ], "slots": ["panel-{index}", "step-{index}"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 17, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "StrongPassword", "source": "packages/ui/components/StrongPassword.wrn", "sha256": "080e31a667fe77f19af1465771262d99a42d3d74dadc16153b19bc8383baf6d4", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "name", "value", "placeholder", "autocomplete", "minLength", "specialCharactersSet", "requireLowercase", "requireUppercase", "requireNumber", "requireSpecialCharacter", "showRequirements", "presentation", "hintText", "emptyLabel", "weakLabel", "fairLabel", "goodLabel", "strongLabel", "disabled", "readonly", "required", "invalid", "validationMessage", "showLabel", "hideLabel", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-success-text", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-met", "data-open", "data-orientation", "data-right-aligned", "data-score", "data-strength", "data-text", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 65, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "StyledIcon", "source": "packages/ui/components/StyledIcon.wrn", "sha256": "64ac0aeaa9f0b833f68943dc0116acc1d0a9c8816d3b4bb2c91d00cf7ec3dc0a", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "variant", "icon", "label", "class" ], "tokenReferences": [ "color-primary-text", "color-success-text", "color-warning-text", "radius-sm" ], "dataAttributes": [ "data-color", "data-size", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 0, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Tabs", "source": "packages/ui/components/Tabs.wrn", "sha256": "462b8d821dd4390213fc6e75263d30d2b0f9a3d19f7b83053ae41f780c2c2671", "category": "navigation", "inReference": true, "inCatalog": true, "props": [ "color", "size", "items", "active", "orientation", "mode", "param", "label", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-muted", "color-surface-soft", "color-text", "color-text-muted", "radius-md", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-color", "data-mode", "data-orientation", "data-param", "data-show", "data-size", "data-slide", "data-ui-component", "data-value", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving", "data-wrn-roving-item" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 13, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "TextLink", "source": "packages/ui/components/TextLink.wrn", "sha256": "3d8ec57f065fbb12a2ba42e85f1d66ff24adf041e8a1ec4b59cc3f1a17004f4e", "category": "marketing", "inReference": true, "inCatalog": true, "props": [ "label", "href", "target", "rel", "external", "icon", "iconPosition", "showArrow", "underline", "size", "color", "variant", "disabled", "class" ], "tokenReferences": [ "color-danger", "color-focus", "color-info", "color-primary", "color-primary-hover", "color-primary-soft", "color-secondary", "color-success", "color-text", "color-warning-text", "ease-standard", "motion-base", "radius", "radius-sm" ], "dataAttributes": [ "data-color", "data-size", "data-ui-component", "data-underline", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 4, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "TimePicker", "source": "packages/ui/components/TimePicker.wrn", "sha256": "1695e1cc66f1c41f61bd194db0ba8abfba45a528ca414bb700272a1884f908de", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "value", "placeholder", "variant", "icon", "iconPosition", "helperText", "cornerHint", "error", "inline", "min", "max", "step", "format", "minuteStep", "hours", "minutes", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-part", "data-right-aligned", "data-show", "data-value", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 47, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Timeline", "source": "packages/ui/components/Timeline.wrn", "sha256": "1f46194e222b7eb04750785542a8933028fb4d23a94f199874ffe27d9dc74e79", "category": "base", "inReference": true, "inCatalog": true, "props": ["size", "color", "title", "description", "items", "variant", "numbered", "class"], "tokenReferences": [ "color-bg", "color-border", "color-border-strong", "color-danger", "color-info", "color-on-primary", "color-primary", "color-primary-hover", "color-primary-text", "color-success", "color-surface", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "font-mono", "highlight-edge", "radius", "shadow-1", "shadow-2", "timeline-accent" ], "dataAttributes": [ "data-color", "data-interactive", "data-size", "data-status", "data-ui-component", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 25, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Toaster", "source": "packages/ui/components/Toaster.wrn", "sha256": "e46b15818d8f50467521e58c5dae605871c107c09e80e8dade60da675b40b8e6", "category": "core", "inReference": true, "inCatalog": true, "props": [ "color", "size", "position", "duration", "max", "pauseOnHover", "showIcon", "successIcon", "dangerIcon", "warningIcon", "infoIcon", "closable", "showProgress", "closeLabel", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-primary", "color-success", "color-surface", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-warning", "highlight-edge", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-for", "data-key", "data-leaving", "data-position", "data-ref", "data-show", "data-size", "data-toaster", "data-tone", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 20, "status": "recipe-supported", "contractVersion": 1, "regions": { "icon": { "ownership": "framework", "parts": ["icon"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." }, "vector": { "ownership": "framework", "parts": ["vector"], "limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only." } } }, { "name": "ToggleCount", "source": "packages/ui/components/ToggleCount.wrn", "sha256": "b95bc9967d40d954427caea544c1b465f30dede623ed8d25b0aefee5b2453910", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "variant", "class", "name", "value", "firstValue", "firstLabel", "secondValue", "secondLabel", "ariaLabel", "items", "currency", "suffix", "firstValueKey", "secondValueKey", "emptyValue", "align", "fullWidth", "disabled", "animate", "animationDuration", "animationSteps" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "ease-emphasized", "ease-standard", "font-sans", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "toggle-count-accent" ], "dataAttributes": [ "data-disabled", "data-first-value", "data-second-value", "data-selected", "data-value", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 15, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "TogglePassword", "source": "packages/ui/components/TogglePassword.wrn", "sha256": "181b1c01ec9f43ded279825eef6a3a654b3fa51f087d93d4b578da0e4f76dc48", "category": "advanced-forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "label", "icon", "name", "value", "placeholder", "autocomplete", "minlength", "maxlength", "pattern", "fields", "visible", "toggleable", "toggleMode", "checkboxLabel", "showLabel", "hideLabel", "disabled", "readonly", "required", "invalid", "helpText", "validationMessage", "cornerHint", "cornerHref", "class" ], "tokenReferences": [ "color-bg", "color-border", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-primary-text", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-visible", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 54, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "TreeView", "source": "packages/ui/components/TreeView.wrn", "sha256": "b9dd8b1633c391ba3c036230ebaa8d6fc0f9900eccf1a889005b8a1abb2d1649", "category": "base", "inReference": true, "inCatalog": true, "props": [ "title", "description", "items", "valueKey", "labelKey", "defaultExpanded", "selected", "size", "color", "class" ], "tokenReferences": [ "color-border", "color-focus", "color-muted", "color-primary", "color-surface", "color-surface-2", "color-surface-muted", "color-text", "color-text-subtle", "motion-fast", "radius", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-show", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part", "data-wrn-roving" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 10, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Typography", "source": "packages/ui/components/Typography.wrn", "sha256": "329dbcd9e040e363d6c4904e89e08ac19bbdbef9491ac99b6e6cbc99c4abf075", "category": "layout", "inReference": true, "inCatalog": true, "props": ["size", "color", "columns", "gap", "maxWidth", "class"], "tokenReferences": [ "color-border", "color-primary", "color-primary-hover", "color-primary-soft", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted" ], "dataAttributes": [ "data-columns", "data-gap", "data-max-width", "data-size", "data-ui-component", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 7, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "WysiwygEditor", "source": "packages/ui/components/WysiwygEditor.wrn", "sha256": "a6e3d9a47915aaa26f6b16d9db7752a0af0c83301d8295439948e16c6c293905", "category": "integrations", "inReference": true, "inCatalog": true, "props": [ "size", "color", "title", "description", "items", "variant", "value", "readonly", "placeholder", "class" ], "tokenReferences": [ "color-border", "color-muted", "color-surface", "color-surface-2", "color-text", "radius-md" ], "dataAttributes": [ "data-placeholder", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 3, "status": "recipe-supported", "contractVersion": 1, "regions": { "content": { "ownership": "content", "parts": ["content"], "limitations": "Styles apply to the editor container, never rewrite the user-authored document or formatting." } } }, { "name": "Alert", "source": "packages/ui/components/alert.wrn", "sha256": "aac21d2b7b80aebf13f762ff5cc2ac761c21079655b412a6a8d9b2f39fcaf702", "category": "base", "inReference": true, "inCatalog": true, "props": [ "size", "color", "variant", "class", "radius", "shadow", "title", "description", "items", "actions", "showIcon", "icon", "dismissible", "dismissLabel", "role", "live", "linkLabel", "linkHref", "actionLabel", "actionHref", "compact" ], "tokenReferences": [ "alert-color", "alert-ink", "alert-soft", "color-border", "color-danger", "color-danger-text", "color-info", "color-info-text", "color-muted", "color-primary", "color-primary-text", "color-secondary", "color-success", "color-success-text", "color-surface", "color-text", "color-text-muted", "color-warning", "color-warning-text", "component-color", "component-scale", "font-sans", "radius", "radius-sm", "shadow-1", "shadow-2", "shadow-3" ], "dataAttributes": [ "data-color", "data-radius", "data-shadow", "data-show", "data-variant", "data-wrn-axis-color", "data-wrn-axis-radius", "data-wrn-axis-shadow", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 16, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Avatar", "source": "packages/ui/components/avatar.wrn", "sha256": "6d7a581b401dd1c267a5aee0ee44a963eda92b2f9a415b4d2d1349d3582d20fb", "category": "base", "inReference": true, "inCatalog": true, "props": [ "src", "alt", "initials", "size", "color", "variant", "shape", "status", "statusLabel", "statusPosition", "badge", "badgeIcon", "badgeLabel", "tooltip", "name", "description", "loading", "class" ], "tokenReferences": [ "avatar-color", "avatar-size", "color-bg", "color-border", "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface", "color-text", "color-text-muted", "color-warning", "component-color", "component-scale", "ease-standard", "font-sans", "motion-fast", "shadow-1" ], "dataAttributes": [ "data-color", "data-shape", "data-size", "data-status", "data-status-position", "data-variant", "data-wrn-axis-color", "data-wrn-axis-shape", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 17, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Badge", "source": "packages/ui/components/badge.wrn", "sha256": "862e8c70ccd11486fca9a8026981a3b58e385bfd4ec5bc8667c0f93d7b9b757f", "category": "base", "inReference": true, "inCatalog": true, "props": [ "label", "humanize", "size", "color", "variant", "shape", "class", "icon", "iconPosition", "dot", "dotOnly", "dotLabel", "animated", "avatarSrc", "avatarAlt", "dismissible", "dismissLabel", "truncate", "maxWidth", "anchorLabel", "anchorIcon", "placement", "anchorLabelText" ], "tokenReferences": [ "badge-color", "badge-ink", "badge-max-width", "color-bg", "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-info-text", "color-muted", "color-primary", "color-primary-contrast", "color-primary-text", "color-secondary", "color-secondary-text", "color-success", "color-success-text", "color-surface", "color-text", "color-text-muted", "color-warning", "color-warning-text", "component-color", "component-scale", "font-sans", "highlight-edge", "radius-sm", "shadow-1" ], "dataAttributes": [ "data-animated", "data-color", "data-placement", "data-shape", "data-show", "data-size", "data-variant", "data-wrn-axis-color", "data-wrn-axis-shape", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 22, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Button", "source": "packages/ui/components/button.wrn", "sha256": "392366662ad0f5b54511d51bc6d51fcb5c251761adca46965d83e1b62eb594c3", "category": "base", "inReference": true, "inCatalog": true, "props": [ "label", "loadingLabel", "description", "as", "href", "target", "rel", "type", "variant", "color", "size", "disabled", "loading", "pill", "fullWidth", "icon", "iconPosition", "ariaLabel", "ariaPressed", "ariaExpanded", "ariaControls", "title", "tooltipPlacement", "autofocus", "controlClass", "class" ], "tokenReferences": [ "btn-color", "btn-contrast", "color-bg", "color-border", "color-border-strong", "color-danger", "color-info", "color-muted", "color-primary", "color-primary-contrast", "color-success", "color-surface", "color-surface-soft", "color-text", "color-warning", "control-height", "control-height-lg", "control-height-sm", "ease-emphasized", "ease-standard", "highlight-edge", "motion-base", "motion-fast", "radius-sm", "shadow-1", "shadow-2" ], "dataAttributes": [ "data-full-width", "data-placement", "data-wrn-axis-color", "data-wrn-axis-pill", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 28, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Checkbox", "source": "packages/ui/components/checkbox.wrn", "sha256": "65b764703ffb36b3485bd473cf76126dfb2c746ab65a44d0bbc94b121f10e986", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "variant", "icon", "iconPosition", "value", "values", "options", "checked", "indeterminate", "orientation", "card", "rightAligned", "list", "helperText", "cornerHint", "error", "inline", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-disabled", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 50, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Input", "source": "packages/ui/components/input.wrn", "sha256": "3e43ccab4d80cdb9fe0a760748474b427c6faddd89a6183bc888e53d773b2f03", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "value", "type", "variant", "icon", "iconPosition", "helperText", "cornerHint", "error", "invalidMessage", "inline", "readonly", "disabled", "required", "autocomplete", "inputmode", "minlength", "maxlength", "pattern", "min", "max", "step", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-input-border-hover", "color-input-placeholder", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-empty", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-input-type", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 44, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Progress", "source": "packages/ui/components/progress.wrn", "sha256": "f55ff8ccaf18960b967ab69d278b720da5f744251f1f614a284bfd99c93168e2", "category": "base", "inReference": true, "inCatalog": true, "props": ["size", "color", "label", "value", "max", "showValue", "class"], "tokenReferences": [ "color-danger", "color-info", "color-muted", "color-primary", "color-secondary", "color-success", "color-surface-2", "color-surface-muted", "color-text", "color-text-muted", "color-warning", "ease-emphasized", "font-mono", "motion-slow", "progress-color" ], "dataAttributes": [ "data-color", "data-size", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 6, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Radio", "source": "packages/ui/components/radio.wrn", "sha256": "537b8c992a0040f84ea382127ccdc68c63d24d809e8c663ce9f0c16b79c22e54", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "variant", "icon", "iconPosition", "value", "options", "checked", "orientation", "card", "rightAligned", "list", "helperText", "cornerHint", "error", "inline", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-disabled", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 50, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Select", "source": "packages/ui/components/select.wrn", "sha256": "9bb6c0a6238c76ef1b96ecc30eee1e7208abc6b1d195d9f0880244aada465791", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "value", "values", "options", "placeholder", "variant", "icon", "iconPosition", "helperText", "cornerHint", "error", "inline", "multiple", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-input-border-hover", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-readonly", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 44, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Skeleton", "source": "packages/ui/components/skeleton.wrn", "sha256": "8bf41be508416c9cb3dc05103bde9ae944499da12ea244fe853749daaed07f3f", "category": "base", "inReference": true, "inCatalog": true, "props": ["color", "label", "size", "lines", "class"], "tokenReferences": [ "color-primary", "color-secondary", "color-surface", "color-text", "skeleton-base", "skeleton-line", "skeleton-shine" ], "dataAttributes": [ "data-color", "data-size", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 2, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Spinner", "source": "packages/ui/components/spinner.wrn", "sha256": "0144152d936a861ffcd3c37f226ede28d31c0dc945f3c3cf85474db5b4335cf9", "category": "base", "inReference": true, "inCatalog": true, "props": ["color", "label", "size", "lines", "class"], "tokenReferences": [ "color-danger", "color-info", "color-primary", "color-secondary", "color-success", "color-warning", "spinner-color", "spinner-size" ], "dataAttributes": [ "data-color", "data-size", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 2, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Switch", "source": "packages/ui/components/switch.wrn", "sha256": "00a40becd26bc7ddc63954f1c8856b3c9b0a4ad13b78c8db5c86910bc9e260d0", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "variant", "icon", "iconPosition", "value", "checked", "helperText", "cornerHint", "error", "inline", "readonly", "disabled", "required", "class" ], "tokenReferences": [ "color-border", "color-border-strong", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 49, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Textarea", "source": "packages/ui/components/textarea.wrn", "sha256": "e1402419f3f6bd91b2119a8a49704683cabfba3329a9806c4a78242fd0ff0036", "category": "forms", "inReference": true, "inCatalog": true, "props": [ "size", "color", "id", "name", "label", "hiddenLabel", "placeholder", "value", "variant", "icon", "iconPosition", "helperText", "cornerHint", "error", "inline", "rows", "resize", "readonly", "disabled", "required", "minlength", "maxlength", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-text", "color-info", "color-input-background", "color-input-border", "color-muted", "color-primary", "color-primary-contrast", "color-secondary", "color-success", "color-surface", "color-surface-2", "color-surface-muted", "color-surface-raised", "color-surface-soft", "color-text", "color-text-muted", "color-text-subtle", "color-warning", "component-color", "component-scale", "control-height", "ease-emphasized", "ease-standard", "field-color", "font-mono", "font-sans", "highlight-edge", "motion-base", "motion-fast", "radius", "radius-sm", "shadow-1", "shadow-3" ], "dataAttributes": [ "data-card", "data-error", "data-expanded", "data-floating", "data-has-icon", "data-icon-position", "data-inline", "data-invalid", "data-list", "data-orientation", "data-right-aligned", "data-variant", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": [], "hasDefaultSlot": false, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 43, "status": "recipe-supported", "contractVersion": 1, "regions": {} }, { "name": "Tooltip", "source": "packages/ui/components/tooltip.wrn", "sha256": "2bd977b0b8e6fccfeac4ea96b71d01065a237779243d3b8236db34448ea3b381", "category": "overlays", "inReference": true, "inCatalog": true, "props": [ "id", "open", "defaultOpen", "title", "description", "content", "trigger", "placement", "size", "color", "variant", "maxWidth", "offset", "showArrow", "interactive", "disabled", "class" ], "tokenReferences": [ "color-border", "color-danger", "color-danger-soft", "color-focus", "color-info", "color-info-soft", "color-primary", "color-primary-contrast", "color-primary-soft", "color-secondary", "color-secondary-soft", "color-success", "color-success-soft", "color-surface", "color-surface-raised", "color-text", "color-warning", "color-warning-soft", "radius-sm", "shadow-2", "tooltip-max-width", "tooltip-offset" ], "dataAttributes": [ "data-color", "data-interactive", "data-open", "data-placement", "data-show", "data-size", "data-trigger", "data-ui-component", "data-variant", "data-wrn-anchor-arrow", "data-wrn-anchored", "data-wrn-axis-color", "data-wrn-axis-size", "data-wrn-axis-variant", "data-wrn-component", "data-wrn-owner", "data-wrn-part" ], "slots": ["trigger"], "hasDefaultSlot": true, "hasLocalStyle": true, "hasContractPartHooks": true, "literalGeometryDeclarations": 21, "status": "recipe-supported", "contractVersion": 1, "regions": {} } ] }