@rdna/radiants 0.1.2 → 0.1.4

package/dist/schemas/index.mjs

@@ -1,2386 +0,0 @@
-// components/core/Accordion/Accordion.schema.json
-var Accordion_schema_default = {
-  name: "Accordion",
-  description: "Collapsible content sections with smooth expand/collapse animations. Supports single or multiple expanded items.",
-  subcomponents: ["AccordionItem", "AccordionTrigger", "AccordionContent"],
-  props: {
-    type: {
-      type: "enum",
-      values: ["single", "multiple"],
-      default: "single",
-      description: "Allow single or multiple items to be expanded at once"
-    },
-    defaultValue: {
-      type: "string | string[]",
-      description: "Default expanded item(s) - string for single, array for multiple"
-    },
-    value: {
-      type: "string | string[]",
-      description: "Controlled expanded value(s)"
-    },
-    onValueChange: {
-      type: "function",
-      description: "Callback when expanded items change"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes to apply"
-    }
-  },
-  slots: {
-    children: {
-      description: "AccordionItem components"
-    }
-  },
-  examples: [
-    {
-      name: "Single accordion",
-      code: '<Accordion>\n  <AccordionItem value="item-1">\n    <AccordionTrigger>Section 1</AccordionTrigger>\n    <AccordionContent>Content for section 1</AccordionContent>\n  </AccordionItem>\n  <AccordionItem value="item-2">\n    <AccordionTrigger>Section 2</AccordionTrigger>\n    <AccordionContent>Content for section 2</AccordionContent>\n  </AccordionItem>\n</Accordion>'
-    },
-    {
-      name: "Multiple expanded",
-      code: '<Accordion type="multiple" defaultValue={["item-1", "item-2"]}>\n  <AccordionItem value="item-1">\n    <AccordionTrigger>FAQ 1</AccordionTrigger>\n    <AccordionContent>Answer 1</AccordionContent>\n  </AccordionItem>\n  <AccordionItem value="item-2">\n    <AccordionTrigger>FAQ 2</AccordionTrigger>\n    <AccordionContent>Answer 2</AccordionContent>\n  </AccordionItem>\n</Accordion>'
-    },
-    {
-      name: "Controlled accordion",
-      code: '<Accordion value={expanded} onValueChange={setExpanded}>\n  <AccordionItem value="settings">\n    <AccordionTrigger>Settings</AccordionTrigger>\n    <AccordionContent>Settings content</AccordionContent>\n  </AccordionItem>\n</Accordion>'
-    }
-  ]
-};
-
-// components/core/Accordion/Accordion.dna.json
-var Accordion_dna_default = {
-  component: "Accordion",
-  tokenBindings: {
-    item: {
-      background: "surface-primary",
-      border: "edge-primary"
-    },
-    trigger: {
-      text: "content-primary",
-      hoverBackground: "content-primary/5"
-    },
-    content: {
-      text: "content-primary"
-    }
-  }
-};
-
-// components/core/Alert/Alert.schema.json
-var Alert_schema_default = {
-  name: "Alert",
-  description: "Static alert banners for important messages. Supports multiple semantic variants with optional icons and close button.",
-  props: {
-    variant: {
-      type: "enum",
-      values: ["default", "success", "warning", "error", "info"],
-      default: "default",
-      description: "Visual variant determining background and border colors for status indication"
-    },
-    title: {
-      type: "string",
-      description: "Optional alert title displayed above the content"
-    },
-    closable: {
-      type: "boolean",
-      default: false,
-      description: "Show close button to dismiss the alert"
-    },
-    onClose: {
-      type: "function",
-      description: "Callback when close button is clicked"
-    }
-  },
-  slots: {
-    children: {
-      description: "Alert message content"
-    },
-    icon: {
-      description: "Icon component rendered before the content"
-    },
-    closeIcon: {
-      description: "Custom close icon component (replaces default X icon)"
-    }
-  },
-  examples: [
-    {
-      name: "Default alert",
-      code: "<Alert>This is a default alert message.</Alert>"
-    },
-    {
-      name: "Alert with title",
-      code: '<Alert title="Notice">Important information here.</Alert>'
-    },
-    {
-      name: "Success alert",
-      code: '<Alert variant="success" title="Success">Operation completed successfully.</Alert>'
-    },
-    {
-      name: "Warning alert",
-      code: '<Alert variant="warning">Please review before continuing.</Alert>'
-    },
-    {
-      name: "Error alert",
-      code: '<Alert variant="error" title="Error">Something went wrong.</Alert>'
-    },
-    {
-      name: "Info alert with icon",
-      code: '<Alert variant="info" icon={<InfoIcon />}>Additional details here.</Alert>'
-    },
-    {
-      name: "Closable alert",
-      code: "<Alert closable onClose={() => setVisible(false)}>Dismissible message.</Alert>"
-    }
-  ]
-};
-
-// components/core/Alert/Alert.dna.json
-var Alert_dna_default = {
-  component: "Alert",
-  description: "Token bindings for Alert component variants",
-  tokenBindings: {
-    base: {
-      padding: "spacing-md",
-      gap: "spacing-sm",
-      font: "body",
-      titleFont: "heading",
-      borderWidth: "2px",
-      borderRadius: "sm"
-    },
-    default: {
-      background: "surface-primary",
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    success: {
-      background: "status-success/10",
-      text: "content-primary",
-      border: "status-success"
-    },
-    warning: {
-      background: "status-warning/10",
-      text: "content-primary",
-      border: "status-warning"
-    },
-    error: {
-      background: "status-error/10",
-      text: "content-primary",
-      border: "status-error"
-    },
-    info: {
-      background: "status-info/10",
-      text: "content-primary",
-      border: "status-info"
-    }
-  },
-  elements: {
-    title: {
-      font: "heading",
-      fontSize: "xs",
-      textTransform: "uppercase",
-      marginBottom: "spacing-xs"
-    },
-    content: {
-      font: "body",
-      fontSize: "base",
-      textOpacity: "80%"
-    },
-    closeButton: {
-      textOpacity: "50%",
-      textHoverOpacity: "100%"
-    }
-  }
-};
-
-// components/core/Badge/Badge.schema.json
-var Badge_schema_default = {
-  name: "Badge",
-  description: "Status indicator and label component with semantic color variants.",
-  props: {
-    variant: {
-      type: "enum",
-      values: ["default", "success", "warning", "error", "info"],
-      default: "default",
-      description: "Visual variant determining background color for status indication"
-    },
-    size: {
-      type: "enum",
-      values: ["sm", "md"],
-      default: "md",
-      description: "Size preset controlling padding and text size"
-    }
-  },
-  slots: {
-    children: {
-      description: "Badge label text or content"
-    }
-  },
-  examples: [
-    {
-      name: "Default badge",
-      code: "<Badge>Label</Badge>"
-    },
-    {
-      name: "Success status",
-      code: '<Badge variant="success">Active</Badge>'
-    },
-    {
-      name: "Warning status",
-      code: '<Badge variant="warning">Pending</Badge>'
-    },
-    {
-      name: "Error status",
-      code: '<Badge variant="error">Failed</Badge>'
-    },
-    {
-      name: "Info status",
-      code: '<Badge variant="info">New</Badge>'
-    },
-    {
-      name: "Small badge",
-      code: '<Badge size="sm">Tiny</Badge>'
-    }
-  ]
-};
-
-// components/core/Badge/Badge.dna.json
-var Badge_dna_default = {
-  component: "Badge",
-  description: "Token bindings for Badge component variants",
-  tokenBindings: {
-    base: {
-      font: "heading",
-      border: "edge-primary",
-      text: "content-primary"
-    },
-    default: {
-      background: "surface-primary",
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    success: {
-      background: "status-success",
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    warning: {
-      background: "status-warning",
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    error: {
-      background: "status-error",
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    info: {
-      background: "status-info",
-      text: "content-primary",
-      border: "edge-primary"
-    }
-  },
-  sizes: {
-    sm: {
-      paddingX: "spacing-sm",
-      paddingY: "spacing-xs",
-      fontSize: "2xs"
-    },
-    md: {
-      paddingX: "spacing-sm",
-      paddingY: "spacing-xs",
-      fontSize: "xs"
-    }
-  }
-};
-
-// components/core/Breadcrumbs/Breadcrumbs.schema.json
-var Breadcrumbs_schema_default = {
-  name: "Breadcrumbs",
-  description: "Navigation hierarchy component showing the current page location within a site structure.",
-  props: {
-    items: {
-      type: "array",
-      required: true,
-      description: "Array of breadcrumb items with label and optional href"
-    },
-    separator: {
-      type: "string",
-      default: "/",
-      description: "Character or string used as separator between items"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes for the nav container"
-    }
-  },
-  slots: {
-    items: {
-      description: "Breadcrumb items rendered as list elements with links or text"
-    }
-  },
-  examples: [
-    {
-      name: "Basic breadcrumbs",
-      code: "<Breadcrumbs items={[{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'Details' }]} />"
-    },
-    {
-      name: "Custom separator",
-      code: `<Breadcrumbs items={[{ label: 'Dashboard', href: '/dashboard' }, { label: 'Settings' }]} separator=">" />`
-    },
-    {
-      name: "Single item",
-      code: "<Breadcrumbs items={[{ label: 'Home' }]} />"
-    }
-  ]
-};
-
-// components/core/Breadcrumbs/Breadcrumbs.dna.json
-var Breadcrumbs_dna_default = {
-  component: "Breadcrumbs",
-  description: "Token bindings for Breadcrumbs navigation component",
-  tokenBindings: {
-    base: {
-      font: "heading",
-      gap: "spacing-sm"
-    },
-    separator: {
-      text: "content-primary/40"
-    },
-    link: {
-      text: "content-primary/60",
-      textHover: "content-primary"
-    },
-    current: {
-      text: "content-primary",
-      fontWeight: "semibold"
-    },
-    inactive: {
-      text: "content-primary/60"
-    }
-  },
-  states: {
-    hover: {
-      textDecoration: "underline"
-    }
-  }
-};
-
-// components/core/Button/Button.schema.json
-var Button_schema_default = {
-  name: "Button",
-  description: "Primary action trigger with retro lift effect. Supports button and link behaviors with customizable variants and sizes.",
-  props: {
-    variant: {
-      type: "enum",
-      values: ["primary", "secondary", "outline", "ghost"],
-      default: "primary",
-      description: "Visual variant determining colors and hover states"
-    },
-    size: {
-      type: "enum",
-      values: ["sm", "md", "lg"],
-      default: "md",
-      description: "Size preset controlling height, padding, and text size"
-    },
-    fullWidth: {
-      type: "boolean",
-      default: false,
-      description: "Expand button to fill container width"
-    },
-    iconOnly: {
-      type: "boolean",
-      default: false,
-      description: "Square button with icon only (no text)"
-    },
-    loading: {
-      type: "boolean",
-      default: false,
-      description: "Show loading state (replaces icon with loadingIndicator slot)"
-    },
-    disabled: {
-      type: "boolean",
-      default: false,
-      description: "Disable button interactions"
-    },
-    href: {
-      type: "string",
-      description: "URL for link navigation. When provided, button renders as anchor or opens via window.open"
-    },
-    asLink: {
-      type: "boolean",
-      default: true,
-      description: "When href is provided: true renders as <a>, false uses window.open"
-    },
-    target: {
-      type: "string",
-      description: "Link target (e.g., '_blank' for new tab)"
-    }
-  },
-  slots: {
-    children: {
-      description: "Button label text"
-    },
-    icon: {
-      description: "Icon component rendered on the right side of the button"
-    },
-    loadingIndicator: {
-      description: "Spinner component shown when loading is true (replaces icon)"
-    }
-  },
-  examples: [
-    {
-      name: "Primary button",
-      code: "<Button>Click me</Button>"
-    },
-    {
-      name: "Secondary with icon",
-      code: '<Button variant="secondary" icon={<ArrowIcon />}>Next</Button>'
-    },
-    {
-      name: "Icon-only button",
-      code: '<Button iconOnly icon={<MenuIcon />} aria-label="Open menu" />'
-    },
-    {
-      name: "Link button",
-      code: '<Button href="/dashboard">Go to Dashboard</Button>'
-    },
-    {
-      name: "Loading state",
-      code: "<Button loading loadingIndicator={<Spinner />} icon={<SendIcon />}>Submit</Button>"
-    }
-  ]
-};
-
-// components/core/Button/Button.dna.json
-var Button_dna_default = {
-  component: "Button",
-  description: "Token bindings for Button component variants",
-  tokenBindings: {
-    base: {
-      border: "edge-primary",
-      font: "heading",
-      focusRing: "edge-focus",
-      shadow: "btn",
-      shadowHover: "btn-hover"
-    },
-    primary: {
-      background: "action-primary",
-      text: "content-primary",
-      border: "edge-primary",
-      backgroundHover: "action-primary",
-      backgroundActive: "action-primary"
-    },
-    secondary: {
-      background: "surface-secondary",
-      text: "content-inverted",
-      border: "edge-primary",
-      backgroundHover: "surface-primary",
-      textHover: "content-primary",
-      backgroundActive: "action-primary",
-      textActive: "content-primary"
-    },
-    outline: {
-      background: "transparent",
-      text: "content-primary",
-      border: "edge-primary",
-      backgroundHover: "content-primary/5",
-      backgroundActive: "action-primary"
-    },
-    ghost: {
-      background: "transparent",
-      text: "content-primary",
-      border: "transparent",
-      borderHover: "edge-primary",
-      backgroundActive: "action-primary",
-      borderActive: "edge-primary"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    },
-    hover: {
-      transform: "translateY(-0.125rem)",
-      shadow: "btn-hover"
-    },
-    active: {
-      transform: "translateY(0.125rem)",
-      shadow: "none"
-    }
-  }
-};
-
-// components/core/Card/Card.schema.json
-var Card_schema_default = {
-  name: "Card",
-  description: "Container with header, body, and footer sections",
-  props: {
-    variant: {
-      type: "enum",
-      values: ["default", "dark", "raised"],
-      default: "default",
-      description: "Visual variant controlling background and text colors"
-    },
-    noPadding: {
-      type: "boolean",
-      default: false,
-      description: "Remove default padding from the card container"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes to apply"
-    }
-  },
-  slots: ["children"],
-  subcomponents: ["CardHeader", "CardBody", "CardFooter"]
-};
-
-// components/core/Card/Card.dna.json
-var Card_dna_default = {
-  component: "Card",
-  tokenBindings: {
-    default: {
-      background: "surface-primary",
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    dark: {
-      background: "surface-secondary",
-      text: "content-inverted",
-      border: "edge-primary"
-    },
-    raised: {
-      background: "surface-primary",
-      text: "content-primary",
-      border: "edge-primary",
-      shadow: "shadow-card"
-    }
-  }
-};
-
-// components/core/Checkbox/Checkbox.schema.json
-var Checkbox_schema_default = {
-  name: "Checkbox",
-  description: "Retro-styled checkbox and radio components for form selections. Provides accessible input controls with visual feedback states.",
-  subcomponents: ["Checkbox", "Radio"],
-  props: {
-    label: {
-      type: "string",
-      description: "Label text displayed next to the input"
-    },
-    disabled: {
-      type: "boolean",
-      default: false,
-      description: "Disable input interactions"
-    },
-    checked: {
-      type: "boolean",
-      description: "Controlled checked state (native HTML attribute)"
-    },
-    defaultChecked: {
-      type: "boolean",
-      description: "Initial checked state for uncontrolled usage"
-    },
-    name: {
-      type: "string",
-      description: "Input name for form submission"
-    },
-    value: {
-      type: "string",
-      description: "Input value for form submission"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Basic checkbox",
-      code: '<Checkbox label="Accept terms" />'
-    },
-    {
-      name: "Checked checkbox",
-      code: '<Checkbox label="Subscribe to newsletter" defaultChecked />'
-    },
-    {
-      name: "Disabled checkbox",
-      code: '<Checkbox label="Locked option" disabled />'
-    },
-    {
-      name: "Basic radio",
-      code: '<Radio label="Option A" name="choice" value="a" />'
-    },
-    {
-      name: "Radio group",
-      code: '<>\n  <Radio label="Small" name="size" value="sm" />\n  <Radio label="Medium" name="size" value="md" defaultChecked />\n  <Radio label="Large" name="size" value="lg" />\n</>'
-    }
-  ]
-};
-
-// components/core/Checkbox/Checkbox.dna.json
-var Checkbox_dna_default = {
-  component: "Checkbox",
-  description: "Token bindings for Checkbox and Radio components",
-  tokenBindings: {
-    container: {
-      gap: "spacing-xs"
-    },
-    input: {
-      background: "surface-primary",
-      border: "edge-primary",
-      backgroundChecked: "action-primary",
-      focusRing: "edge-focus"
-    },
-    checkmark: {
-      color: "content-primary"
-    },
-    radioDot: {
-      background: "content-primary"
-    },
-    label: {
-      text: "content-primary",
-      font: "mondwest"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    },
-    checked: {
-      background: "action-primary"
-    },
-    focus: {
-      ring: "edge-focus",
-      ringOffset: "1px"
-    }
-  }
-};
-
-// components/core/ContextMenu/ContextMenu.schema.json
-var ContextMenu_schema_default = {
-  name: "ContextMenu",
-  description: "Right-click context menu with customizable items. Provides a native-feeling context menu experience with support for icons, separators, and destructive actions.",
-  subcomponents: ["ContextMenuContent", "ContextMenuItem", "ContextMenuSeparator"],
-  props: {
-    className: {
-      type: "string",
-      description: "Additional CSS classes for the trigger container"
-    }
-  },
-  slots: {
-    children: {
-      description: "Content that triggers context menu on right-click, plus ContextMenuContent with menu items"
-    }
-  },
-  examples: [
-    {
-      name: "Basic context menu",
-      code: "<ContextMenu>\n  <div>Right-click me</div>\n  <ContextMenuContent>\n    <ContextMenuItem onClick={() => console.log('Edit')}>Edit</ContextMenuItem>\n    <ContextMenuItem onClick={() => console.log('Copy')}>Copy</ContextMenuItem>\n    <ContextMenuSeparator />\n    <ContextMenuItem onClick={() => console.log('Delete')} destructive>Delete</ContextMenuItem>\n  </ContextMenuContent>\n</ContextMenu>"
-    },
-    {
-      name: "With icons",
-      code: "<ContextMenu>\n  <div>Right-click me</div>\n  <ContextMenuContent>\n    <ContextMenuItem icon={<EditIcon />}>Edit</ContextMenuItem>\n    <ContextMenuItem icon={<CopyIcon />}>Copy</ContextMenuItem>\n    <ContextMenuItem icon={<TrashIcon />} destructive>Delete</ContextMenuItem>\n  </ContextMenuContent>\n</ContextMenu>"
-    },
-    {
-      name: "With disabled items",
-      code: "<ContextMenu>\n  <div>Right-click me</div>\n  <ContextMenuContent>\n    <ContextMenuItem>Enabled action</ContextMenuItem>\n    <ContextMenuItem disabled>Disabled action</ContextMenuItem>\n  </ContextMenuContent>\n</ContextMenu>"
-    }
-  ]
-};
-
-// components/core/ContextMenu/ContextMenu.dna.json
-var ContextMenu_dna_default = {
-  component: "ContextMenu",
-  description: "Token bindings for ContextMenu component",
-  tokenBindings: {
-    content: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "edge-primary"
-    },
-    item: {
-      text: "content-primary",
-      textDestructive: "status-error",
-      backgroundHover: "action-primary"
-    },
-    separator: {
-      border: "edge-primary/20"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    }
-  }
-};
-
-// components/core/CountdownTimer/CountdownTimer.schema.json
-var CountdownTimer_schema_default = {
-  name: "CountdownTimer",
-  description: "Live countdown timer for auction and event countdowns. Supports multiple size variants with automatic status detection (active, ended, upcoming).",
-  props: {
-    endTime: {
-      type: "number | Date",
-      required: true,
-      description: "Target timestamp (Unix ms or Date object) when the countdown ends"
-    },
-    startTime: {
-      type: "number | Date",
-      description: "Optional start time for detecting 'upcoming' status before countdown begins"
-    },
-    variant: {
-      type: "enum",
-      values: ["default", "compact", "large"],
-      default: "default",
-      description: "Size variant controlling container, text sizes, and spacing"
-    },
-    label: {
-      type: "string",
-      description: "Label text shown above the timer display"
-    },
-    onComplete: {
-      type: "function",
-      description: "Callback fired when countdown reaches zero"
-    },
-    endedMessage: {
-      type: "string",
-      default: "Ended",
-      description: "Custom message displayed when countdown has ended"
-    },
-    upcomingMessage: {
-      type: "string",
-      default: "Starting soon",
-      description: "Custom message displayed when countdown has not yet started"
-    },
-    showDays: {
-      type: "boolean",
-      default: true,
-      description: "Show days segment when remaining time exceeds 24 hours"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Default countdown",
-      code: "<CountdownTimer endTime={Date.now() + 3600000} />"
-    },
-    {
-      name: "Countdown with label",
-      code: '<CountdownTimer endTime={auctionEndTime} label="Auction ends in" />'
-    },
-    {
-      name: "Compact variant",
-      code: '<CountdownTimer variant="compact" endTime={deadline} />'
-    },
-    {
-      name: "Large variant with callback",
-      code: `<CountdownTimer variant="large" endTime={eventTime} onComplete={() => alert('Time is up!')} />`
-    },
-    {
-      name: "Upcoming countdown",
-      code: "<CountdownTimer startTime={futureStart} endTime={futureEnd} />"
-    },
-    {
-      name: "Custom ended message",
-      code: '<CountdownTimer endTime={pastTime} endedMessage="Auction closed" />'
-    }
-  ]
-};
-
-// components/core/CountdownTimer/CountdownTimer.dna.json
-var CountdownTimer_dna_default = {
-  component: "CountdownTimer",
-  description: "Token bindings for CountdownTimer component variants",
-  tokenBindings: {
-    base: {
-      textAlign: "center",
-      font: "mono"
-    },
-    default: {
-      background: "surface-primary",
-      border: "edge-primary",
-      padding: "spacing-md",
-      borderRadius: "md"
-    },
-    compact: {
-      background: "surface-primary",
-      border: "edge-primary",
-      paddingX: "spacing-sm",
-      paddingY: "spacing-xs",
-      borderRadius: "sm"
-    },
-    large: {
-      background: "surface-primary",
-      border: "edge-primary",
-      padding: "spacing-lg",
-      borderRadius: "md",
-      shadow: "card"
-    }
-  },
-  elements: {
-    label: {
-      font: "mono",
-      textOpacity: "60%"
-    },
-    timer: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    segment: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center"
-    },
-    segmentLarge: {
-      background: "surface-muted",
-      border: "edge-primary",
-      borderRadius: "sm",
-      paddingX: "spacing-sm",
-      paddingY: "spacing-xs"
-    },
-    value: {
-      font: "heading",
-      text: "content-primary",
-      fontVariantNumeric: "tabular-nums"
-    },
-    unit: {
-      font: "mono",
-      textTransform: "uppercase",
-      textOpacity: "50%"
-    },
-    separator: {
-      font: "heading",
-      textOpacity: "40%"
-    },
-    endedMessage: {
-      font: "heading",
-      textOpacity: "60%"
-    }
-  },
-  states: {
-    ended: {
-      textOpacity: "60%"
-    },
-    upcoming: {
-      labelText: "Starts in"
-    }
-  }
-};
-
-// components/core/Dialog/Dialog.schema.json
-var Dialog_schema_default = {
-  name: "Dialog",
-  description: "Modal dialog with overlay for focused user interactions. Supports controlled and uncontrolled states with keyboard accessibility.",
-  subcomponents: ["DialogTrigger", "DialogContent", "DialogHeader", "DialogTitle", "DialogDescription", "DialogBody", "DialogFooter", "DialogClose"],
-  props: {
-    open: {
-      type: "boolean",
-      description: "Controlled open state for the dialog"
-    },
-    defaultOpen: {
-      type: "boolean",
-      default: false,
-      description: "Default open state for uncontrolled usage"
-    },
-    onOpenChange: {
-      type: "function",
-      description: "Callback when open state changes"
-    }
-  },
-  slots: {
-    children: {
-      description: "Dialog subcomponents (DialogTrigger, DialogContent, etc.)"
-    }
-  },
-  variants: {},
-  examples: [
-    {
-      name: "Basic dialog",
-      code: '<Dialog>\n  <DialogTrigger asChild>\n    <Button>Open Dialog</Button>\n  </DialogTrigger>\n  <DialogContent>\n    <DialogHeader>\n      <DialogTitle>Dialog Title</DialogTitle>\n      <DialogDescription>This is a description of the dialog.</DialogDescription>\n    </DialogHeader>\n    <DialogBody>\n      <p>Dialog content goes here.</p>\n    </DialogBody>\n    <DialogFooter>\n      <DialogClose asChild>\n        <Button variant="outline">Cancel</Button>\n      </DialogClose>\n      <Button>Confirm</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>'
-    },
-    {
-      name: "Controlled dialog",
-      code: "<Dialog open={isOpen} onOpenChange={setIsOpen}>\n  <DialogTrigger asChild>\n    <Button>Settings</Button>\n  </DialogTrigger>\n  <DialogContent>\n    <DialogHeader>\n      <DialogTitle>Settings</DialogTitle>\n    </DialogHeader>\n    <DialogBody>\n      <p>Configure your preferences.</p>\n    </DialogBody>\n    <DialogFooter>\n      <Button onClick={() => setIsOpen(false)}>Save</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>"
-    },
-    {
-      name: "Simple confirmation dialog",
-      code: '<Dialog>\n  <DialogTrigger asChild>\n    <Button variant="outline">Delete</Button>\n  </DialogTrigger>\n  <DialogContent>\n    <DialogHeader>\n      <DialogTitle>Confirm Deletion</DialogTitle>\n      <DialogDescription>Are you sure you want to delete this item?</DialogDescription>\n    </DialogHeader>\n    <DialogFooter>\n      <DialogClose asChild>\n        <Button variant="outline">Cancel</Button>\n      </DialogClose>\n      <Button>Delete</Button>\n    </DialogFooter>\n  </DialogContent>\n</Dialog>'
-    }
-  ]
-};
-
-// components/core/Dialog/Dialog.dna.json
-var Dialog_dna_default = {
-  component: "Dialog",
-  tokenBindings: {
-    overlay: {
-      background: "surface-secondary/50"
-    },
-    content: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "shadow-card"
-    },
-    header: {
-      border: "edge-primary/20"
-    },
-    title: {
-      text: "content-primary"
-    },
-    description: {
-      text: "content-primary/70"
-    },
-    body: {
-      text: "content-primary"
-    },
-    footer: {
-      border: "edge-primary/20"
-    }
-  }
-};
-
-// components/core/Divider/Divider.schema.json
-var Divider_schema_default = {
-  name: "Divider",
-  description: "Visual separator for content sections. Supports horizontal and vertical orientations with solid, dashed, or decorated styling.",
-  props: {
-    orientation: {
-      type: "enum",
-      values: ["horizontal", "vertical"],
-      default: "horizontal",
-      description: "Direction of the divider line"
-    },
-    variant: {
-      type: "enum",
-      values: ["solid", "dashed", "decorated"],
-      default: "solid",
-      description: "Visual style of the divider. Decorated adds a centered diamond ornament."
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes for customization"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Horizontal solid",
-      code: "<Divider />"
-    },
-    {
-      name: "Horizontal dashed",
-      code: '<Divider variant="dashed" />'
-    },
-    {
-      name: "Decorated with diamond",
-      code: '<Divider variant="decorated" />'
-    },
-    {
-      name: "Vertical divider",
-      code: '<Divider orientation="vertical" />'
-    }
-  ]
-};
-
-// components/core/Divider/Divider.dna.json
-var Divider_dna_default = {
-  component: "Divider",
-  description: "Token bindings for Divider component variants",
-  tokenBindings: {
-    base: {
-      border: "edge-primary/20",
-      lineHeight: "2px"
-    },
-    decorated: {
-      lineColor: "edge-primary/20",
-      ornamentBackground: "action-primary",
-      ornamentBorder: "edge-primary"
-    }
-  },
-  states: {}
-};
-
-// components/core/DropdownMenu/DropdownMenu.schema.json
-var DropdownMenu_schema_default = {
-  name: "DropdownMenu",
-  description: "Dropdown menu triggered by a button or custom element. Provides accessible menu navigation with support for icons, separators, labels, and destructive actions.",
-  subcomponents: [
-    "DropdownMenuTrigger",
-    "DropdownMenuContent",
-    "DropdownMenuItem",
-    "DropdownMenuSeparator",
-    "DropdownMenuLabel"
-  ],
-  props: {
-    open: {
-      type: "boolean",
-      description: "Controlled open state"
-    },
-    defaultOpen: {
-      type: "boolean",
-      default: false,
-      description: "Default open state for uncontrolled usage"
-    },
-    onOpenChange: {
-      type: "function",
-      description: "Callback when open state changes"
-    },
-    position: {
-      type: "enum",
-      values: ["bottom-start", "bottom-end", "top-start", "top-end"],
-      default: "bottom-start",
-      description: "Position of the dropdown relative to the trigger"
-    }
-  },
-  slots: {
-    children: {
-      description: "DropdownMenuTrigger and DropdownMenuContent components"
-    }
-  },
-  examples: [
-    {
-      name: "Basic dropdown menu",
-      code: "<DropdownMenu>\n  <DropdownMenuTrigger asChild>\n    <Button>Open Menu</Button>\n  </DropdownMenuTrigger>\n  <DropdownMenuContent>\n    <DropdownMenuItem onClick={() => console.log('Edit')}>Edit</DropdownMenuItem>\n    <DropdownMenuItem onClick={() => console.log('Copy')}>Copy</DropdownMenuItem>\n    <DropdownMenuSeparator />\n    <DropdownMenuItem onClick={() => console.log('Delete')} destructive>Delete</DropdownMenuItem>\n  </DropdownMenuContent>\n</DropdownMenu>"
-    },
-    {
-      name: "With labels",
-      code: "<DropdownMenu>\n  <DropdownMenuTrigger asChild>\n    <Button>Options</Button>\n  </DropdownMenuTrigger>\n  <DropdownMenuContent>\n    <DropdownMenuLabel>Actions</DropdownMenuLabel>\n    <DropdownMenuItem>Edit</DropdownMenuItem>\n    <DropdownMenuItem>Duplicate</DropdownMenuItem>\n    <DropdownMenuSeparator />\n    <DropdownMenuLabel>Danger Zone</DropdownMenuLabel>\n    <DropdownMenuItem destructive>Delete</DropdownMenuItem>\n  </DropdownMenuContent>\n</DropdownMenu>"
-    },
-    {
-      name: "Positioned menu",
-      code: '<DropdownMenu position="bottom-end">\n  <DropdownMenuTrigger asChild>\n    <Button iconOnly><MoreIcon /></Button>\n  </DropdownMenuTrigger>\n  <DropdownMenuContent>\n    <DropdownMenuItem>Settings</DropdownMenuItem>\n    <DropdownMenuItem>Help</DropdownMenuItem>\n    <DropdownMenuSeparator />\n    <DropdownMenuItem>Log out</DropdownMenuItem>\n  </DropdownMenuContent>\n</DropdownMenu>'
-    },
-    {
-      name: "With disabled items",
-      code: "<DropdownMenu>\n  <DropdownMenuTrigger asChild>\n    <Button>Actions</Button>\n  </DropdownMenuTrigger>\n  <DropdownMenuContent>\n    <DropdownMenuItem>Available action</DropdownMenuItem>\n    <DropdownMenuItem disabled>Unavailable action</DropdownMenuItem>\n  </DropdownMenuContent>\n</DropdownMenu>"
-    }
-  ]
-};
-
-// components/core/DropdownMenu/DropdownMenu.dna.json
-var DropdownMenu_dna_default = {
-  component: "DropdownMenu",
-  description: "Token bindings for DropdownMenu component",
-  tokenBindings: {
-    content: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "edge-primary"
-    },
-    item: {
-      text: "content-primary",
-      textDestructive: "status-error",
-      backgroundHover: "content-primary/5"
-    },
-    separator: {
-      border: "edge-primary/20"
-    },
-    label: {
-      text: "content-primary/50"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    }
-  }
-};
-
-// components/core/HelpPanel/HelpPanel.schema.json
-var HelpPanel_schema_default = {
-  name: "HelpPanel",
-  description: "Slide-in help panel that appears from the right side of the window. Used to display contextual help content within app windows.",
-  props: {
-    isOpen: {
-      type: "boolean",
-      required: true,
-      description: "Whether the panel is open"
-    },
-    onClose: {
-      type: "function",
-      required: true,
-      description: "Callback when panel should close"
-    },
-    title: {
-      type: "string",
-      default: "Help",
-      description: "Optional title for the help panel"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes to apply"
-    }
-  },
-  slots: {
-    children: {
-      description: "Help content to display"
-    },
-    closeButton: {
-      description: "Custom close button/icon slot - renders your own close button component"
-    }
-  },
-  examples: [
-    {
-      name: "Basic help panel",
-      code: "<HelpPanel isOpen={showHelp} onClose={() => setShowHelp(false)}>\n  <p>This is some helpful content.</p>\n</HelpPanel>"
-    },
-    {
-      name: "Custom title",
-      code: '<HelpPanel isOpen={showHelp} onClose={() => setShowHelp(false)} title="Getting Started">\n  <p>Welcome to the app!</p>\n</HelpPanel>'
-    },
-    {
-      name: "Custom close button",
-      code: "<HelpPanel isOpen={showHelp} onClose={() => setShowHelp(false)} closeButton={<XIcon />}>\n  <p>Content with custom close icon.</p>\n</HelpPanel>"
-    }
-  ]
-};
-
-// components/core/HelpPanel/HelpPanel.dna.json
-var HelpPanel_dna_default = {
-  component: "HelpPanel",
-  tokenBindings: {
-    overlay: {
-      background: "surface-secondary/20"
-    },
-    panel: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "card-lg"
-    },
-    header: {
-      border: "edge-primary",
-      text: "content-primary"
-    },
-    closeButton: {
-      text: "content-primary/50",
-      hoverText: "content-primary"
-    },
-    content: {
-      text: "content-primary"
-    }
-  }
-};
-
-// components/core/Input/Input.schema.json
-var Input_schema_default = {
-  name: "Input",
-  description: "Text input field with optional icon and error state",
-  props: {
-    size: {
-      type: "enum",
-      values: ["sm", "md", "lg"],
-      default: "md",
-      description: "Size preset for input height and padding"
-    },
-    error: {
-      type: "boolean",
-      default: false,
-      description: "Shows error state styling"
-    },
-    fullWidth: {
-      type: "boolean",
-      default: false,
-      description: "Makes input take full container width"
-    },
-    iconName: {
-      type: "string",
-      description: "Icon name for leading icon slot"
-    },
-    disabled: {
-      type: "boolean",
-      default: false,
-      description: "Disables the input"
-    }
-  },
-  slots: ["icon"],
-  relatedComponents: ["TextArea", "Label"]
-};
-
-// components/core/Input/Input.dna.json
-var Input_dna_default = {
-  component: "Input",
-  tokenBindings: {
-    default: {
-      background: "surface-primary",
-      text: "content-primary",
-      border: "edge-primary",
-      placeholder: "content-muted",
-      focusRing: "edge-focus"
-    },
-    error: {
-      border: "status-error",
-      focusRing: "status-error"
-    }
-  },
-  sizes: {
-    sm: {
-      height: "2rem",
-      padding: "0.5rem",
-      fontSize: "0.875rem"
-    },
-    md: {
-      height: "2.5rem",
-      padding: "0.75rem",
-      fontSize: "1rem"
-    },
-    lg: {
-      height: "3rem",
-      padding: "1rem",
-      fontSize: "1rem"
-    }
-  }
-};
-
-// components/core/MockStatesPopover/MockStatesPopover.schema.json
-var MockStatesPopover_schema_default = {
-  name: "MockStatesPopover",
-  description: "Development-only popover for toggling between mock states. Displays categorized mock state presets that can be applied to test different UI scenarios.",
-  subcomponents: ["MockStatesPopoverTrigger", "MockStatesPopoverContent"],
-  props: {
-    isOpen: {
-      type: "boolean",
-      required: true,
-      description: "Whether the popover is open"
-    },
-    onClose: {
-      type: "function",
-      required: true,
-      description: "Callback when the popover should close"
-    },
-    mockStates: {
-      type: "array",
-      required: true,
-      description: "Array of mock state definitions with id, name, description, category, and optional icon"
-    },
-    activeMockState: {
-      type: "string",
-      description: "Currently active mock state ID"
-    },
-    onSelectState: {
-      type: "function",
-      required: true,
-      description: "Callback when a mock state is selected, receives the state ID"
-    },
-    categories: {
-      type: "array",
-      description: "Categories to display (in order). States are grouped by category. Auto-derived from mockStates if not provided."
-    },
-    title: {
-      type: "string",
-      default: "Mock States",
-      description: "Title shown in the header"
-    },
-    footerText: {
-      type: "string",
-      default: "Dev mode only",
-      description: "Footer text displayed at the bottom"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes for the popover container"
-    }
-  },
-  variants: {
-    state: {
-      values: ["open", "closed"],
-      description: "Visibility state of the popover"
-    }
-  },
-  slots: {
-    header: {
-      description: "Header area with title and close button"
-    },
-    content: {
-      description: "Scrollable content area with categorized state buttons"
-    },
-    footer: {
-      description: "Footer area with optional text"
-    }
-  },
-  examples: [
-    {
-      name: "Basic usage",
-      code: "<MockStatesPopover\n  isOpen={isOpen}\n  onClose={() => setIsOpen(false)}\n  mockStates={[\n    { id: 'wallet-connected', name: 'Connected', description: 'Wallet is connected', category: 'wallet' },\n    { id: 'wallet-disconnected', name: 'Disconnected', description: 'No wallet', category: 'wallet' }\n  ]}\n  activeMockState={activeState}\n  onSelectState={setActiveState}\n/>"
-    },
-    {
-      name: "With custom categories",
-      code: "<MockStatesPopover\n  isOpen={isOpen}\n  onClose={handleClose}\n  mockStates={mockStates}\n  activeMockState={activeState}\n  onSelectState={handleSelect}\n  categories={[\n    { id: 'wallet', label: 'Wallet States' },\n    { id: 'auction', label: 'Auction States' }\n  ]}\n/>"
-    },
-    {
-      name: "With icons",
-      code: "<MockStatesPopover\n  isOpen={isOpen}\n  onClose={handleClose}\n  mockStates={[\n    { id: 'success', name: 'Success', description: 'Operation succeeded', category: 'status', icon: '\\u2713' },\n    { id: 'error', name: 'Error', description: 'Operation failed', category: 'status', icon: '\\u2717' }\n  ]}\n  onSelectState={handleSelect}\n/>"
-    }
-  ]
-};
-
-// components/core/MockStatesPopover/MockStatesPopover.dna.json
-var MockStatesPopover_dna_default = {
-  component: "MockStatesPopover",
-  tokenBindings: {
-    popover: {
-      background: "surface-primary",
-      border: "edge-primary"
-    },
-    header: {
-      text: "content-primary",
-      border: "edge-primary/20"
-    },
-    content: {
-      text: "content-primary"
-    },
-    categoryLabel: {
-      text: "content-secondary"
-    },
-    stateButton: {
-      text: "content-primary",
-      description: "content-secondary",
-      hoverBackground: "content-primary/5"
-    },
-    stateButtonActive: {
-      background: "action-primary",
-      text: "content-primary"
-    },
-    footer: {
-      text: "content-secondary",
-      background: "content-primary/5",
-      border: "edge-primary/20"
-    }
-  }
-};
-
-// components/core/Popover/Popover.schema.json
-var Popover_schema_default = {
-  name: "Popover",
-  description: "Floating content panel anchored to a trigger element. Supports controlled and uncontrolled states with keyboard accessibility and click-outside dismissal.",
-  subcomponents: ["PopoverTrigger", "PopoverContent"],
-  props: {
-    open: {
-      type: "boolean",
-      description: "Controlled open state for the popover"
-    },
-    defaultOpen: {
-      type: "boolean",
-      default: false,
-      description: "Default open state for uncontrolled usage"
-    },
-    onOpenChange: {
-      type: "function",
-      description: "Callback when open state changes"
-    },
-    position: {
-      type: "enum",
-      values: ["top", "bottom", "left", "right"],
-      default: "bottom",
-      description: "Position of the popover relative to the trigger"
-    }
-  },
-  slots: {
-    children: {
-      description: "Popover subcomponents (PopoverTrigger, PopoverContent)"
-    }
-  },
-  variants: {},
-  examples: [
-    {
-      name: "Basic popover",
-      code: "<Popover>\n  <PopoverTrigger asChild>\n    <Button>Open Popover</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <p>Popover content goes here.</p>\n  </PopoverContent>\n</Popover>"
-    },
-    {
-      name: "Controlled popover",
-      code: "<Popover open={isOpen} onOpenChange={setIsOpen}>\n  <PopoverTrigger asChild>\n    <Button>Info</Button>\n  </PopoverTrigger>\n  <PopoverContent>\n    <p>Some helpful information.</p>\n  </PopoverContent>\n</Popover>"
-    },
-    {
-      name: "Popover with position",
-      code: '<Popover position="right">\n  <PopoverTrigger asChild>\n    <Button variant="outline">More Options</Button>\n  </PopoverTrigger>\n  <PopoverContent align="start">\n    <p>Additional options appear to the right.</p>\n  </PopoverContent>\n</Popover>'
-    }
-  ]
-};
-
-// components/core/Popover/Popover.dna.json
-var Popover_dna_default = {
-  component: "Popover",
-  tokenBindings: {
-    content: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "shadow-card"
-    }
-  }
-};
-
-// components/core/Progress/Progress.schema.json
-var Progress_schema_default = {
-  name: "Progress",
-  description: "Progress bar with retro pixel-art styling. Displays completion state with optional percentage label.",
-  subcomponents: ["Spinner"],
-  props: {
-    value: {
-      type: "number",
-      required: true,
-      description: "Current progress value (0 to max)"
-    },
-    max: {
-      type: "number",
-      default: 100,
-      description: "Maximum progress value"
-    },
-    variant: {
-      type: "enum",
-      values: ["default", "success", "warning", "error"],
-      default: "default",
-      description: "Visual variant for different states/meanings"
-    },
-    size: {
-      type: "enum",
-      values: ["sm", "md", "lg"],
-      default: "md",
-      description: "Height preset for the progress bar"
-    },
-    showLabel: {
-      type: "boolean",
-      default: false,
-      description: "Display percentage label below the bar"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes for the container"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Default progress",
-      code: "<Progress value={50} />"
-    },
-    {
-      name: "Success variant with label",
-      code: '<Progress value={75} variant="success" showLabel />'
-    },
-    {
-      name: "Error variant small",
-      code: '<Progress value={30} variant="error" size="sm" />'
-    },
-    {
-      name: "Large progress bar",
-      code: '<Progress value={90} size="lg" showLabel />'
-    }
-  ]
-};
-
-// components/core/Progress/Progress.dna.json
-var Progress_dna_default = {
-  component: "Progress",
-  description: "Token bindings for Progress component variants",
-  tokenBindings: {
-    track: {
-      background: "surface-primary",
-      border: "edge-primary"
-    },
-    fill: {
-      default: "action-primary",
-      success: "status-success",
-      warning: "surface-tertiary",
-      error: "status-error"
-    },
-    label: {
-      text: "content-primary",
-      font: "heading"
-    }
-  },
-  subcomponents: {
-    Spinner: {
-      description: "PixelCode animated loader with completion checkmark",
-      tokenBindings: {
-        text: "content-primary",
-        font: "monospace"
-      }
-    }
-  }
-};
-
-// components/core/Select/Select.schema.json
-var Select_schema_default = {
-  name: "Select",
-  description: "Custom dropdown select with retro styling. Provides a fully accessible select experience with keyboard navigation and customizable states.",
-  props: {
-    options: {
-      type: "array",
-      required: true,
-      description: "Array of option objects with value, label, and optional disabled properties"
-    },
-    value: {
-      type: "string",
-      description: "Currently selected value"
-    },
-    placeholder: {
-      type: "string",
-      default: "Select...",
-      description: "Placeholder text when no value is selected"
-    },
-    onChange: {
-      type: "function",
-      description: "Callback fired when selection changes, receives the selected value"
-    },
-    disabled: {
-      type: "boolean",
-      default: false,
-      description: "Disable select interactions"
-    },
-    error: {
-      type: "boolean",
-      default: false,
-      description: "Show error state with red border"
-    },
-    fullWidth: {
-      type: "boolean",
-      default: false,
-      description: "Expand select to fill container width"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Basic select",
-      code: "<Select options={[{value: 'a', label: 'Option A'}, {value: 'b', label: 'Option B'}]} value={selected} onChange={setSelected} />"
-    },
-    {
-      name: "With placeholder",
-      code: '<Select options={options} placeholder="Choose an option..." onChange={handleChange} />'
-    },
-    {
-      name: "Full width",
-      code: "<Select options={options} value={selected} onChange={setSelected} fullWidth />"
-    },
-    {
-      name: "Error state",
-      code: "<Select options={options} value={selected} onChange={setSelected} error />"
-    },
-    {
-      name: "Disabled",
-      code: "<Select options={options} value={selected} onChange={setSelected} disabled />"
-    },
-    {
-      name: "With disabled option",
-      code: "<Select options={[{value: 'a', label: 'Option A'}, {value: 'b', label: 'Option B', disabled: true}]} value={selected} onChange={setSelected} />"
-    }
-  ]
-};
-
-// components/core/Select/Select.dna.json
-var Select_dna_default = {
-  component: "Select",
-  description: "Token bindings for Select component",
-  tokenBindings: {
-    trigger: {
-      background: "surface-primary",
-      text: "content-primary",
-      textPlaceholder: "content-primary/40",
-      border: "edge-primary",
-      borderError: "status-error",
-      shadow: "edge-primary",
-      focusRing: "edge-focus"
-    },
-    dropdown: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "edge-primary"
-    },
-    option: {
-      text: "content-primary",
-      backgroundSelected: "action-primary",
-      backgroundHover: "action-primary"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    },
-    open: {
-      shadowOffset: "3px",
-      transform: "translateY(-0.125rem)"
-    },
-    closed: {
-      shadowOffset: "1px"
-    },
-    optionDisabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    }
-  }
-};
-
-// components/core/Sheet/Sheet.schema.json
-var Sheet_schema_default = {
-  name: "Sheet",
-  description: "Slide-in panel from screen edges for contextual content, navigation, or forms. Supports all four sides with smooth animations and keyboard accessibility.",
-  subcomponents: ["SheetTrigger", "SheetContent", "SheetHeader", "SheetTitle", "SheetDescription", "SheetBody", "SheetFooter", "SheetClose"],
-  props: {
-    open: {
-      type: "boolean",
-      description: "Controlled open state for the sheet"
-    },
-    defaultOpen: {
-      type: "boolean",
-      default: false,
-      description: "Default open state for uncontrolled usage"
-    },
-    onOpenChange: {
-      type: "function",
-      description: "Callback when open state changes"
-    },
-    side: {
-      type: "enum",
-      values: ["left", "right", "top", "bottom"],
-      default: "right",
-      description: "Side of the screen to slide in from"
-    }
-  },
-  slots: {
-    children: {
-      description: "Sheet subcomponents (SheetTrigger, SheetContent, etc.)"
-    }
-  },
-  variants: {
-    side: {
-      left: "Slides in from the left edge",
-      right: "Slides in from the right edge (default)",
-      top: "Slides in from the top edge",
-      bottom: "Slides in from the bottom edge"
-    }
-  },
-  examples: [
-    {
-      name: "Basic sheet",
-      code: '<Sheet>\n  <SheetTrigger asChild>\n    <Button>Open Sheet</Button>\n  </SheetTrigger>\n  <SheetContent>\n    <SheetHeader>\n      <SheetTitle>Sheet Title</SheetTitle>\n      <SheetDescription>This is a description of the sheet.</SheetDescription>\n    </SheetHeader>\n    <SheetBody>\n      <p>Sheet content goes here.</p>\n    </SheetBody>\n    <SheetFooter>\n      <SheetClose asChild>\n        <Button variant="outline">Close</Button>\n      </SheetClose>\n    </SheetFooter>\n  </SheetContent>\n</Sheet>'
-    },
-    {
-      name: "Left-side navigation sheet",
-      code: '<Sheet side="left">\n  <SheetTrigger asChild>\n    <Button iconOnly aria-label="Menu"><MenuIcon /></Button>\n  </SheetTrigger>\n  <SheetContent>\n    <SheetHeader>\n      <SheetTitle>Navigation</SheetTitle>\n    </SheetHeader>\n    <SheetBody>\n      <nav>\n        <ul>\n          <li><a href="/home">Home</a></li>\n          <li><a href="/settings">Settings</a></li>\n        </ul>\n      </nav>\n    </SheetBody>\n  </SheetContent>\n</Sheet>'
-    },
-    {
-      name: "Controlled sheet",
-      code: '<Sheet open={isOpen} onOpenChange={setIsOpen}>\n  <SheetTrigger asChild>\n    <Button>Filters</Button>\n  </SheetTrigger>\n  <SheetContent>\n    <SheetHeader>\n      <SheetTitle>Filters</SheetTitle>\n    </SheetHeader>\n    <SheetBody>\n      <p>Filter options here.</p>\n    </SheetBody>\n    <SheetFooter>\n      <Button variant="outline" onClick={() => setIsOpen(false)}>Cancel</Button>\n      <Button onClick={applyFilters}>Apply</Button>\n    </SheetFooter>\n  </SheetContent>\n</Sheet>'
-    }
-  ]
-};
-
-// components/core/Sheet/Sheet.dna.json
-var Sheet_dna_default = {
-  component: "Sheet",
-  tokenBindings: {
-    overlay: {
-      background: "surface-secondary/50"
-    },
-    content: {
-      background: "surface-primary",
-      border: "edge-primary",
-      shadow: "shadow-card"
-    },
-    header: {
-      border: "edge-primary/20"
-    },
-    title: {
-      text: "content-primary"
-    },
-    description: {
-      text: "content-primary/70"
-    },
-    body: {
-      text: "content-primary"
-    },
-    footer: {
-      border: "edge-primary/20"
-    }
-  }
-};
-
-// components/core/Slider/Slider.schema.json
-var Slider_schema_default = {
-  name: "Slider",
-  description: "Numeric range input with draggable thumb. Supports keyboard navigation and customizable sizes.",
-  props: {
-    value: {
-      type: "number",
-      required: true,
-      description: "Current numeric value"
-    },
-    onChange: {
-      type: "function",
-      required: true,
-      description: "Callback when value changes: (value: number) => void"
-    },
-    min: {
-      type: "number",
-      default: 0,
-      description: "Minimum value"
-    },
-    max: {
-      type: "number",
-      default: 100,
-      description: "Maximum value"
-    },
-    step: {
-      type: "number",
-      default: 1,
-      description: "Step increment between values"
-    },
-    size: {
-      type: "enum",
-      values: ["sm", "md", "lg"],
-      default: "md",
-      description: "Size preset controlling track height and thumb dimensions"
-    },
-    disabled: {
-      type: "boolean",
-      default: false,
-      description: "Disable slider interactions"
-    },
-    showValue: {
-      type: "boolean",
-      default: false,
-      description: "Display current value next to label"
-    },
-    label: {
-      type: "string",
-      description: "Label text displayed above the slider"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Basic slider",
-      code: "<Slider value={50} onChange={setValue} />"
-    },
-    {
-      name: "With label and value display",
-      code: '<Slider value={volume} onChange={setVolume} label="Volume" showValue />'
-    },
-    {
-      name: "Custom range with step",
-      code: "<Slider value={temp} onChange={setTemp} min={0} max={10} step={0.5} />"
-    },
-    {
-      name: "Large disabled slider",
-      code: '<Slider value={75} onChange={() => {}} size="lg" disabled />'
-    }
-  ]
-};
-
-// components/core/Slider/Slider.dna.json
-var Slider_dna_default = {
-  component: "Slider",
-  description: "Token bindings for Slider component",
-  tokenBindings: {
-    label: {
-      text: "content-primary",
-      font: "heading"
-    },
-    value: {
-      text: "content-primary/60",
-      font: "heading"
-    },
-    track: {
-      background: "edge-primary/10",
-      border: "edge-primary",
-      focusRing: "edge-focus"
-    },
-    fill: {
-      background: "action-primary"
-    },
-    thumb: {
-      background: "surface-muted",
-      border: "edge-primary"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    },
-    dragging: {
-      thumbScale: "110%"
-    }
-  },
-  sizes: {
-    sm: {
-      trackHeight: "0.25rem",
-      thumbSize: "0.75rem"
-    },
-    md: {
-      trackHeight: "0.5rem",
-      thumbSize: "1rem"
-    },
-    lg: {
-      trackHeight: "0.75rem",
-      thumbSize: "1.25rem"
-    }
-  }
-};
-
-// components/core/Switch/Switch.schema.json
-var Switch_schema_default = {
-  name: "Switch",
-  description: "On/off toggle control for binary settings. Provides accessible switch interaction with customizable sizes and optional label.",
-  props: {
-    checked: {
-      type: "boolean",
-      required: true,
-      description: "Controlled checked state of the switch"
-    },
-    onChange: {
-      type: "function",
-      required: true,
-      description: "Callback fired when checked state changes, receives new checked value"
-    },
-    size: {
-      type: "enum",
-      values: ["sm", "md", "lg"],
-      default: "md",
-      description: "Size preset controlling track and thumb dimensions"
-    },
-    disabled: {
-      type: "boolean",
-      default: false,
-      description: "Disable switch interactions"
-    },
-    label: {
-      type: "string",
-      description: "Optional label text for the switch"
-    },
-    labelPosition: {
-      type: "enum",
-      values: ["left", "right"],
-      default: "right",
-      description: "Position of label relative to switch"
-    },
-    id: {
-      type: "string",
-      description: "ID for accessibility linking between label and switch"
-    }
-  },
-  slots: {},
-  examples: [
-    {
-      name: "Basic switch",
-      code: "<Switch checked={enabled} onChange={setEnabled} />"
-    },
-    {
-      name: "With label",
-      code: '<Switch checked={enabled} onChange={setEnabled} label="Enable notifications" />'
-    },
-    {
-      name: "Label on left",
-      code: '<Switch checked={enabled} onChange={setEnabled} label="Dark mode" labelPosition="left" />'
-    },
-    {
-      name: "Small size",
-      code: '<Switch checked={enabled} onChange={setEnabled} size="sm" />'
-    },
-    {
-      name: "Disabled state",
-      code: '<Switch checked={true} onChange={() => {}} disabled label="Locked setting" />'
-    }
-  ]
-};
-
-// components/core/Switch/Switch.dna.json
-var Switch_dna_default = {
-  component: "Switch",
-  description: "Token bindings for Switch component",
-  tokenBindings: {
-    track: {
-      border: "edge-primary",
-      backgroundOff: "edge-primary/10",
-      backgroundOn: "action-primary",
-      focusRing: "edge-focus"
-    },
-    thumb: {
-      background: "surface-secondary",
-      border: "edge-primary"
-    },
-    label: {
-      text: "content-primary",
-      font: "mondwest"
-    }
-  },
-  states: {
-    disabled: {
-      opacity: "50%",
-      cursor: "not-allowed"
-    },
-    checked: {
-      background: "action-primary",
-      thumbTranslate: "size-dependent"
-    }
-  },
-  sizes: {
-    sm: {
-      trackWidth: "2rem",
-      trackHeight: "1rem",
-      thumbSize: "0.75rem"
-    },
-    md: {
-      trackWidth: "2.5rem",
-      trackHeight: "1.25rem",
-      thumbSize: "1rem"
-    },
-    lg: {
-      trackWidth: "3rem",
-      trackHeight: "1.5rem",
-      thumbSize: "1.25rem"
-    }
-  }
-};
-
-// components/core/Tabs/Tabs.schema.json
-var Tabs_schema_default = {
-  name: "Tabs",
-  description: "Tab-based navigation with support for pill and line variants. Compound component with TabsList, TabsTrigger, and TabsContent subcomponents.",
-  subcomponents: ["TabsList", "TabsTrigger", "TabsContent"],
-  props: {
-    defaultValue: {
-      type: "string",
-      description: "Default active tab ID for uncontrolled mode"
-    },
-    value: {
-      type: "string",
-      description: "Active tab ID for controlled mode"
-    },
-    onValueChange: {
-      type: "function",
-      description: "Callback when tab changes (controlled mode)"
-    },
-    variant: {
-      type: "enum",
-      values: ["pill", "line"],
-      default: "pill",
-      description: "Visual variant - pill for filled background, line for underline style"
-    },
-    layout: {
-      type: "enum",
-      values: ["default", "bottom-tabs"],
-      default: "bottom-tabs",
-      description: "Layout pattern - bottom-tabs for fixed bottom navigation, default for top tabs"
-    }
-  },
-  slots: {
-    children: {
-      description: "TabsList and TabsContent subcomponents"
-    }
-  },
-  variants: {
-    pill: {
-      description: "Filled background on active tab with rounded borders"
-    },
-    line: {
-      description: "Connected line style with seamless content integration"
-    }
-  },
-  examples: [
-    {
-      name: "Basic tabs (pill variant)",
-      code: '<Tabs defaultValue="tab1">\n  <TabsList>\n    <TabsTrigger value="tab1">Tab 1</TabsTrigger>\n    <TabsTrigger value="tab2">Tab 2</TabsTrigger>\n  </TabsList>\n  <TabsContent value="tab1">Content for tab 1</TabsContent>\n  <TabsContent value="tab2">Content for tab 2</TabsContent>\n</Tabs>'
-    },
-    {
-      name: "Tabs with icons",
-      code: '<Tabs defaultValue="home" variant="pill">\n  <TabsList>\n    <TabsTrigger value="home" icon={<HomeIcon />}>Home</TabsTrigger>\n    <TabsTrigger value="settings" icon={<SettingsIcon />}>Settings</TabsTrigger>\n  </TabsList>\n  <TabsContent value="home">Home content</TabsContent>\n  <TabsContent value="settings">Settings content</TabsContent>\n</Tabs>'
-    },
-    {
-      name: "Line variant tabs",
-      code: '<Tabs defaultValue="overview" variant="line">\n  <TabsList>\n    <TabsTrigger value="overview">Overview</TabsTrigger>\n    <TabsTrigger value="details">Details</TabsTrigger>\n  </TabsList>\n  <TabsContent value="overview">Overview content</TabsContent>\n  <TabsContent value="details">Details content</TabsContent>\n</Tabs>'
-    },
-    {
-      name: "Controlled tabs",
-      code: '<Tabs value={activeTab} onValueChange={setActiveTab}>\n  <TabsList>\n    <TabsTrigger value="first">First</TabsTrigger>\n    <TabsTrigger value="second">Second</TabsTrigger>\n  </TabsList>\n  <TabsContent value="first">First tab content</TabsContent>\n  <TabsContent value="second">Second tab content</TabsContent>\n</Tabs>'
-    }
-  ]
-};
-
-// components/core/Tabs/Tabs.dna.json
-var Tabs_dna_default = {
-  component: "Tabs",
-  tokenBindings: {
-    list: {
-      background: "surface-primary",
-      border: "edge-primary"
-    },
-    trigger: {
-      text: "content-primary",
-      border: "edge-primary"
-    },
-    triggerPill: {
-      inactive: {
-        background: "transparent",
-        hoverBackground: "surface-secondary/5"
-      },
-      active: {
-        background: "action-primary",
-        text: "content-primary"
-      }
-    },
-    triggerLine: {
-      inactive: {
-        background: "transparent",
-        hoverBackground: "surface-primary/50"
-      },
-      active: {
-        background: "surface-primary",
-        border: "edge-primary"
-      }
-    },
-    content: {
-      line: {
-        background: "surface-primary",
-        border: "edge-primary"
-      }
-    }
-  }
-};
-
-// components/core/Toast/Toast.schema.json
-var Toast_schema_default = {
-  name: "Toast",
-  description: "Toast notification system with provider pattern. Displays temporary feedback messages with variant-based styling.",
-  props: {
-    variant: {
-      type: "enum",
-      values: ["default", "success", "warning", "error", "info"],
-      default: "default",
-      description: "Visual variant controlling background and border colors"
-    },
-    title: {
-      type: "string",
-      required: true,
-      description: "Toast title text displayed in uppercase"
-    },
-    description: {
-      type: "string",
-      description: "Optional description text below the title"
-    },
-    duration: {
-      type: "number",
-      default: 5e3,
-      description: "Auto-dismiss duration in milliseconds. Set to 0 for persistent toasts"
-    },
-    icon: {
-      type: "ReactNode",
-      description: "Custom icon element - overrides variant default"
-    }
-  },
-  slots: {
-    icon: {
-      description: "Icon slot for custom icons per variant or toast"
-    },
-    closeIcon: {
-      description: "Custom close button icon"
-    }
-  },
-  subcomponents: ["ToastProvider", "useToast"],
-  examples: [
-    {
-      name: "Basic toast via hook",
-      code: "const { addToast } = useToast();\naddToast({ title: 'Saved!', description: 'Your changes have been saved.' });"
-    },
-    {
-      name: "Success toast",
-      code: "addToast({ title: 'Success', description: 'Operation completed.', variant: 'success' });"
-    },
-    {
-      name: "Error toast",
-      code: "addToast({ title: 'Error', description: 'Something went wrong.', variant: 'error' });"
-    },
-    {
-      name: "Provider setup",
-      code: "<ToastProvider defaultDuration={5000}>\n  <App />\n</ToastProvider>"
-    }
-  ]
-};
-
-// components/core/Toast/Toast.dna.json
-var Toast_dna_default = {
-  component: "Toast",
-  tokenBindings: {
-    default: {
-      background: "surface-primary",
-      text: "content-primary",
-      border: "edge-primary",
-      shadow: "shadow-card"
-    },
-    success: {
-      background: "status-success",
-      text: "content-primary",
-      border: "status-success"
-    },
-    warning: {
-      background: "status-warning",
-      text: "content-primary",
-      border: "surface-tertiary"
-    },
-    error: {
-      background: "status-error",
-      text: "content-primary",
-      border: "status-error"
-    },
-    info: {
-      background: "status-info",
-      text: "content-primary",
-      border: "status-info"
-    }
-  }
-};
-
-// components/core/Tooltip/Tooltip.schema.json
-var Tooltip_schema_default = {
-  name: "Tooltip",
-  description: "Contextual hover/focus information overlay positioned relative to a trigger element. Supports multiple positions and delayed display.",
-  props: {
-    content: {
-      type: "ReactNode",
-      required: true,
-      description: "Tooltip content to display"
-    },
-    position: {
-      type: "enum",
-      values: ["top", "bottom", "left", "right"],
-      default: "top",
-      description: "Position relative to trigger element"
-    },
-    delay: {
-      type: "number",
-      default: 0,
-      description: "Delay before showing tooltip (ms). Set to 0 for instant display."
-    },
-    size: {
-      type: "enum",
-      values: ["sm", "md", "lg"],
-      default: "md",
-      description: "Size preset controlling text size (sm=12px, md=12px, lg=14px)"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes for the wrapper element"
-    }
-  },
-  slots: {
-    children: {
-      description: "Trigger element that activates the tooltip on hover/focus"
-    },
-    content: {
-      description: "Tooltip content (passed via content prop)"
-    }
-  },
-  examples: [
-    {
-      name: "Basic tooltip",
-      code: '<Tooltip content="Click to submit"><Button>Submit</Button></Tooltip>'
-    },
-    {
-      name: "Bottom position",
-      code: '<Tooltip content="More options" position="bottom"><IconButton icon={<MenuIcon />} /></Tooltip>'
-    },
-    {
-      name: "With delay",
-      code: '<Tooltip content="Detailed info" delay={500}><HelpIcon /></Tooltip>'
-    },
-    {
-      name: "Large size",
-      code: '<Tooltip content="Important action" size="lg"><Button>Action</Button></Tooltip>'
-    }
-  ]
-};
-
-// components/core/Tooltip/Tooltip.dna.json
-var Tooltip_dna_default = {
-  component: "Tooltip",
-  description: "Token bindings for Tooltip component",
-  tokenBindings: {
-    base: {
-      background: "surface-secondary",
-      text: "content-inverted",
-      font: "heading",
-      borderRadius: "sm",
-      paddingX: "spacing-sm",
-      paddingY: "spacing-xs"
-    },
-    arrow: {
-      border: "surface-secondary"
-    }
-  },
-  sizes: {
-    sm: {
-      fontSize: "xs"
-    },
-    md: {
-      fontSize: "xs"
-    },
-    lg: {
-      fontSize: "sm"
-    }
-  },
-  positions: {
-    top: {
-      offset: "mb-2",
-      arrowPosition: "top-full"
-    },
-    bottom: {
-      offset: "mt-2",
-      arrowPosition: "bottom-full"
-    },
-    left: {
-      offset: "mr-2",
-      arrowPosition: "left-full"
-    },
-    right: {
-      offset: "ml-2",
-      arrowPosition: "right-full"
-    }
-  }
-};
-
-// components/core/Web3ActionBar/Web3ActionBar.schema.json
-var Web3ActionBar_schema_default = {
-  name: "Web3ActionBar",
-  description: "Universal bottom bar for Web3 apps providing wallet connection and blockchain action buttons. Pairs with TabList for hybrid web2/web3 app navigation.",
-  props: {
-    isConnected: {
-      type: "boolean",
-      required: true,
-      description: "Whether a wallet is currently connected"
-    },
-    walletAddress: {
-      type: "string",
-      description: "Connected wallet address to display (truncated automatically)"
-    },
-    onConnect: {
-      type: "function",
-      required: true,
-      description: "Callback when connect button is clicked"
-    },
-    onDisconnect: {
-      type: "function",
-      description: "Callback when disconnect button is clicked"
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes for the container"
-    }
-  },
-  slots: {
-    children: {
-      description: "App-specific action buttons (My Vault, Place Offering, Stake, etc.) shown when connected"
-    },
-    disconnectIcon: {
-      description: "Icon component for the disconnect button"
-    }
-  },
-  examples: [
-    {
-      name: "Disconnected state",
-      code: "<Web3ActionBar isConnected={false} onConnect={handleConnect} />"
-    },
-    {
-      name: "Connected with actions",
-      code: '<Web3ActionBar\n  isConnected={true}\n  walletAddress="0x1234...5678"\n  onConnect={handleConnect}\n  onDisconnect={handleDisconnect}\n  disconnectIcon={<CloseIcon />}\n>\n  <Button variant="outline">My Vault</Button>\n  <Button>Place Offering</Button>\n</Web3ActionBar>'
-    },
-    {
-      name: "Connected minimal",
-      code: "<Web3ActionBar\n  isConnected={true}\n  walletAddress={walletAddress}\n  onConnect={handleConnect}\n  onDisconnect={handleDisconnect}\n  disconnectIcon={<XIcon />}\n/>"
-    }
-  ]
-};
-
-// components/core/Web3ActionBar/Web3ActionBar.dna.json
-var Web3ActionBar_dna_default = {
-  component: "Web3ActionBar",
-  description: "Token bindings for Web3ActionBar component",
-  tokenBindings: {
-    base: {
-      background: "surface-primary",
-      borderTop: "edge-primary",
-      paddingX: "spacing-sm",
-      paddingY: "spacing-sm",
-      gap: "spacing-md"
-    }
-  },
-  elements: {
-    walletAddress: {
-      text: "content-primary",
-      font: "mono",
-      fontSize: "xs"
-    },
-    actionGroup: {
-      gap: "spacing-sm"
-    }
-  }
-};
-
-// schemas/index.ts
-var schemas = {
-  Accordion: Accordion_schema_default,
-  Alert: Alert_schema_default,
-  Badge: Badge_schema_default,
-  Breadcrumbs: Breadcrumbs_schema_default,
-  Button: Button_schema_default,
-  Card: Card_schema_default,
-  Checkbox: Checkbox_schema_default,
-  ContextMenu: ContextMenu_schema_default,
-  CountdownTimer: CountdownTimer_schema_default,
-  Dialog: Dialog_schema_default,
-  Divider: Divider_schema_default,
-  DropdownMenu: DropdownMenu_schema_default,
-  HelpPanel: HelpPanel_schema_default,
-  Input: Input_schema_default,
-  MockStatesPopover: MockStatesPopover_schema_default,
-  Popover: Popover_schema_default,
-  Progress: Progress_schema_default,
-  Select: Select_schema_default,
-  Sheet: Sheet_schema_default,
-  Slider: Slider_schema_default,
-  Switch: Switch_schema_default,
-  Tabs: Tabs_schema_default,
-  Toast: Toast_schema_default,
-  Tooltip: Tooltip_schema_default,
-  Web3ActionBar: Web3ActionBar_schema_default
-};
-var dna = {
-  Accordion: Accordion_dna_default,
-  Alert: Alert_dna_default,
-  Badge: Badge_dna_default,
-  Breadcrumbs: Breadcrumbs_dna_default,
-  Button: Button_dna_default,
-  Card: Card_dna_default,
-  Checkbox: Checkbox_dna_default,
-  ContextMenu: ContextMenu_dna_default,
-  CountdownTimer: CountdownTimer_dna_default,
-  Dialog: Dialog_dna_default,
-  Divider: Divider_dna_default,
-  DropdownMenu: DropdownMenu_dna_default,
-  HelpPanel: HelpPanel_dna_default,
-  Input: Input_dna_default,
-  MockStatesPopover: MockStatesPopover_dna_default,
-  Popover: Popover_dna_default,
-  Progress: Progress_dna_default,
-  Select: Select_dna_default,
-  Sheet: Sheet_dna_default,
-  Slider: Slider_dna_default,
-  Switch: Switch_dna_default,
-  Tabs: Tabs_dna_default,
-  Toast: Toast_dna_default,
-  Tooltip: Tooltip_dna_default,
-  Web3ActionBar: Web3ActionBar_dna_default
-};
-var componentNames = Object.keys(schemas);
-function getComponentData(name) {
-  return {
-    schema: schemas[name],
-    dna: dna[name]
-  };
-}
-
-export { Accordion_dna_default as AccordionDna, Accordion_schema_default as AccordionSchema, Alert_dna_default as AlertDna, Alert_schema_default as AlertSchema, Badge_dna_default as BadgeDna, Badge_schema_default as BadgeSchema, Breadcrumbs_dna_default as BreadcrumbsDna, Breadcrumbs_schema_default as BreadcrumbsSchema, Button_dna_default as ButtonDna, Button_schema_default as ButtonSchema, Card_dna_default as CardDna, Card_schema_default as CardSchema, Checkbox_dna_default as CheckboxDna, Checkbox_schema_default as CheckboxSchema, ContextMenu_dna_default as ContextMenuDna, ContextMenu_schema_default as ContextMenuSchema, CountdownTimer_dna_default as CountdownTimerDna, CountdownTimer_schema_default as CountdownTimerSchema, Dialog_dna_default as DialogDna, Dialog_schema_default as DialogSchema, Divider_dna_default as DividerDna, Divider_schema_default as DividerSchema, DropdownMenu_dna_default as DropdownMenuDna, DropdownMenu_schema_default as DropdownMenuSchema, HelpPanel_dna_default as HelpPanelDna, HelpPanel_schema_default as HelpPanelSchema, Input_dna_default as InputDna, Input_schema_default as InputSchema, MockStatesPopover_dna_default as MockStatesPopoverDna, MockStatesPopover_schema_default as MockStatesPopoverSchema, Popover_dna_default as PopoverDna, Popover_schema_default as PopoverSchema, Progress_dna_default as ProgressDna, Progress_schema_default as ProgressSchema, Select_dna_default as SelectDna, Select_schema_default as SelectSchema, Sheet_dna_default as SheetDna, Sheet_schema_default as SheetSchema, Slider_dna_default as SliderDna, Slider_schema_default as SliderSchema, Switch_dna_default as SwitchDna, Switch_schema_default as SwitchSchema, Tabs_dna_default as TabsDna, Tabs_schema_default as TabsSchema, Toast_dna_default as ToastDna, Toast_schema_default as ToastSchema, Tooltip_dna_default as TooltipDna, Tooltip_schema_default as TooltipSchema, Web3ActionBar_dna_default as Web3ActionBarDna, Web3ActionBar_schema_default as Web3ActionBarSchema, componentNames, dna, getComponentData, schemas };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map