ui-lab-registry 0.3.45 → 0.3.46

package/src/index.ts

@@ -1,24 +1,6 @@
 // Registry
 export { componentRegistry, componentMetadata } from './registry.js';
 
-// Design tokens
-export {
-  getColorRecommendation,
-  getAllColorRecommendations,
-  hasColorFamily,
-  getColorFamilyInfo,
-  hasColorShade,
-  getColorCssVar,
-  getAllColorFamilies,
-  getColorFamilyShades,
-  getColorFamilyWCAGLevel,
-} from './design-tokens/index.js';
-export type {
-  ColorFamilyInfo,
-  ColorRecommendation,
-  ColorRecommendationRegistry,
-} from './design-tokens/index.js';
-
 // Generated data (auto-populated by scripts)
 export { generatedAPI, generatedSourceCode, reactAriaUrls, generatedComponentDependencies, generatedCoreNpmDependencies, packageMetadata } from './generated-data.js';
 export { generatedStyles } from './generated-styles.js';

package/src/registry.ts

@@ -139,48 +139,7 @@ export const componentRegistry: ComponentRegistry = {
     tags: ["cta","interactive","primary-action"],
     accessibility: {"hasAriaSupport":true,"notes":["Supports keyboard navigation","Screen reader friendly"]},
     usage: undefined,
-    examples: [
-    {
-        "title": "Button Variants",
-        "description": "All available button variants side by side in a single row.",
-        "code": "import React from 'react'\nimport { Button, Flex } from 'ui-lab-components'\n\nconst buttonVariants = [\n  { label: \"Primary\", variant: \"primary\" },\n  { label: \"Default\", variant: \"default\" },\n  { label: \"Secondary\", variant: \"secondary\" },\n  { label: \"Outline\", variant: \"outline\" },\n  { label: \"Ghost\", variant: \"ghost\" },\n  { label: \"Danger\", variant: \"danger\" },\n] as const;\n\nexport default function Example() {\n  return (\n    <Flex gap=\"xs\" align=\"center\" justify=\"center\" wrap=\"nowrap\">\n      {buttonVariants.map((button) => (\n        <Button key={button.variant} variant={button.variant}>\n          {button.label}\n        </Button>\n      ))}\n    </Flex>\n  )\n}"
-    },
-    {
-        "title": "Multiple Actions",
-        "description": "A primary action button grouped with secondary actions and an options menu.",
-        "code": "\"use client\";\n\nimport { Button, Flex } from 'ui-lab-components'\nimport { FaEllipsisVertical } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Flex gap=\"xs\" className=\"w-110 *:not-last:flex-1\">\n      <Button size=\"sm\" variant=\"primary\" >Subscribe</Button>\n      <Button size=\"sm\" >Message</Button>\n      <Button size=\"icon\" variant=\"outline\" icon={<FaEllipsisVertical />} />\n    </Flex>\n  );\n}"
-    },
-    {
-        "title": "Joined Toggle Buttons",
-        "description": "Multiple buttons grouped together for view/mode selection with active state indication.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Group, Divider, Input, Flex } from 'ui-lab-components'\nimport { FaList, FaGrip, FaTable, FaPlus } from \"react-icons/fa6\";\nimport { LuSearch } from \"react-icons/lu\";\n\nexport default function Example() {\n  const [viewMode, setViewMode] = useState(\"list\");\n  return (\n    <Flex className=\"w-110\" gap=\"xs\" align=\"center\">\n      <Input\n        placeholder=\"Search items...\"\n        icon={<LuSearch />}\n        className=\"w-full\"\n      />\n      <Group orientation=\"horizontal\" value={viewMode} onChange={setViewMode}>\n        <Group.Button size=\"icon\" value=\"list\"><FaList /></Group.Button>\n        <Divider orientation=\"vertical\" />\n        <Group.Button size=\"icon\" value=\"grid\"><FaGrip /></Group.Button>\n        <Divider orientation=\"vertical\" />\n        <Group.Button size=\"icon\" value=\"table\"><FaTable /></Group.Button>\n      </Group>\n      <Button size=\"sm\" icon={{ left: <FaPlus size={12} /> }} >New</Button>\n    </Flex>\n  );\n}"
-    },
-    {
-        "title": "Sub Stack Actions",
-        "description": "A collection of buttons and inputs arranged horizontally for grouped actions and filtering.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Group, Input, Badge, Flex } from 'ui-lab-components'\nimport { FaList, FaGrip, FaPlus } from \"react-icons/fa6\";\nimport { LuSearch } from \"react-icons/lu\";\n\nexport default function Example() {\n  const [viewMode, setViewMode] = useState(\"list\");\n  return (\n    <Flex align=\"center\" gap=\"xs\" className=\"w-110\">\n      <Group orientation=\"horizontal\" spacing=\"xs\" value={viewMode} onChange={setViewMode}>\n        <Group.Button size=\"icon\" value=\"list\"><FaList /></Group.Button>\n        <Group.Button size=\"icon\" value=\"grid\"><FaGrip /></Group.Button>\n      </Group>\n      <Input\n        placeholder=\"Search...\"\n        icon={<LuSearch />}\n        hint={<Badge variant=\"secondary\" >Ctrl+K</Badge>}\n      />\n      <Button size=\"sm\" icon={{ right: <FaPlus size={12} /> }} >Upload</Button>\n    </Flex>\n  );\n}"
-    },
-    {
-        "title": "Split Action Button",
-        "description": "A split button for bulk actions with dynamic icons, variants, and async feedback while keeping the primary action easy to repeat.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Divider, Select, Badge, Flex } from 'ui-lab-components'\nimport { FaBox, FaSpinner, FaCheck, FaEllipsisVertical, FaCopy, FaTags, FaTrash } from \"react-icons/fa6\";\n\ntype BulkAction = \"archive\" | \"duplicate\" | \"tag\" | \"delete\";\n\nconst selectedCount: number = 12;\n\nconst bulkActions: Record<BulkAction, {\n  label: string;\n  loadingLabel: string;\n  successLabel: string;\n  variant: \"primary\" | \"outline\" | \"danger\";\n  icon: React.ReactNode;\n}> = {\n  archive: {\n    label: \"Archive\",\n    loadingLabel: \"Archiving...\",\n    successLabel: \"Archived\",\n    variant: \"primary\",\n    icon: <FaBox />,\n  },\n  duplicate: {\n    label: \"Duplicate\",\n    loadingLabel: \"Duplicating...\",\n    successLabel: \"Duplicated\",\n    variant: \"outline\",\n    icon: <FaCopy />,\n  },\n  tag: {\n    label: \"Add Tags\",\n    loadingLabel: \"Applying tags...\",\n    successLabel: \"Tagged\",\n    variant: \"outline\",\n    icon: <FaTags />,\n  },\n  delete: {\n    label: \"Delete\",\n    loadingLabel: \"Deleting...\",\n    successLabel: \"Deleted\",\n    variant: \"danger\",\n    icon: <FaTrash />,\n  },\n};\n\nexport default function Example() {\n  const [action, setAction] = useState<BulkAction>(\"archive\");\n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"done\">(\"idle\");\n  const cfg = bulkActions[action];\n  const itemsLabel = `${selectedCount} ${selectedCount === 1 ? \"item\" : \"items\"}`;\n\n  const handleExecute = () => {\n    setStatus(\"loading\");\n    setTimeout(() => {\n      setStatus(\"done\");\n      setTimeout(() => setStatus(\"idle\"), 2000);\n    }, 1500);\n  };\n\n  const leftIcon = status === \"loading\" ? <FaSpinner className=\"animate-spin\" /> : status === \"done\" ? <FaCheck /> : cfg.icon;\n  const label = status === \"loading\" ? cfg.loadingLabel : status === \"done\" ? cfg.successLabel : `${cfg.label} ${itemsLabel}`;\n\n  return (\n    <Flex gap=\"xs\" className=\"w-110\" align=\"center\">\n      <Badge variant=\"secondary\">{selectedCount} selected</Badge>\n      <Select className=\"flex h-10\" selectedKey={action} onSelectionChange={(key) => setAction(key as BulkAction)} isDisabled={status !== \"idle\"}>\n        <Button\n          onPress={handleExecute}\n          variant={cfg.variant}\n          size=\"sm\"\n          className=\"w-full rounded-none justify-start\"\n          isDisabled={status !== \"idle\" || selectedCount === 0}\n          icon={leftIcon}\n        >\n          {label}\n        </Button>\n        <Divider orientation=\"vertical\" spacing=\"none\" />\n        <Select.Trigger aria-label=\"Choose a bulk action\" />\n        <Select.Content>\n          <Select.Item value=\"archive\" textValue=\"Archive\" icon={<FaBox className=\"h-3 w-3\" />}>Archive</Select.Item>\n          <Select.Item value=\"duplicate\" textValue=\"Duplicate\" icon={<FaCopy className=\"h-3 w-3\" />}>Duplicate</Select.Item>\n          <Select.Item value=\"tag\" textValue=\"Add Tags\" icon={<FaTags className=\"h-3 w-3\" />}>Add Tags</Select.Item>\n          <Select.Item value=\"delete\" textValue=\"Delete\" icon={<FaTrash className=\"h-3 w-3\" />}>Delete</Select.Item>\n        </Select.Content>\n      </Select>\n      <Button size=\"icon\" variant=\"outline\" icon={<FaEllipsisVertical />} aria-label=\"More bulk actions\" />\n    </Flex>\n  );\n}"
-    },
-    {
-        "title": "Icons",
-        "description": "Left, right, and icon-only button patterns.",
-        "code": "import React from 'react'\nimport { Button, Flex } from 'ui-lab-components'\nimport { FaArrowRight, FaDownload, FaEllipsisVertical, FaPlus } from 'react-icons/fa6'\n\nexport default function Example() {\n  return (\n    <Flex gap=\"xs\" align=\"center\" justify=\"center\" wrap=\"wrap\">\n      <Button variant=\"primary\" icon={{ left: <FaPlus /> }}>\n        New Project\n      </Button>\n      <Button variant=\"outline\" icon={{ right: <FaArrowRight /> }}>\n        Continue\n      </Button>\n      <Button variant=\"secondary\" icon={<FaDownload />}>\n        Download\n      </Button>\n      <Button size=\"icon\" variant=\"ghost\" aria-label=\"More actions\" icon={<FaEllipsisVertical />} />\n    </Flex>\n  )\n}"
-    },
-    {
-        "title": "Split Button",
-        "description": "Group + Select primitives for a classic split button with a primary action and a separate menu trigger.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Divider, Flex, Group, Select } from 'ui-lab-components'\nimport { FaChevronDown } from 'react-icons/fa6'\n\nconst splitActions = [\n  { value: \"publish\", label: \"Publish now\" },\n  { value: \"schedule\", label: \"Schedule publish\" },\n  { value: \"save\", label: \"Save draft\" },\n] as const;\n\nexport default function Example() {\n  const [action, setAction] = useState<string | number | null>(splitActions[0].value);\n  const selectedAction = splitActions.find((item) => item.value === action) ?? splitActions[0];\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" align=\"center\">\n      <Group orientation=\"horizontal\">\n        <Group.Select className=\"w-full\" selectedKey={action} onSelectionChange={setAction}>\n          <Select.Value>\n            <Button variant=\"primary\">{selectedAction.label}</Button>\n          </Select.Value>\n          <Divider />\n          <Select.Trigger\n            chevron={<FaChevronDown className=\"h-3.5 w-3.5\" />}\n            aria-label=\"Choose split action\"\n          />\n          <Select.Content>\n            <Select.List>\n              {splitActions.map((item) => (\n                <Select.Item key={item.value} value={item.value} textValue={item.label}>\n                  {item.label}\n                </Select.Item>\n              ))}\n            </Select.List>\n          </Select.Content>\n        </Group.Select>\n      </Group>\n    </Flex>\n  )\n}"
-    },
-    {
-        "title": "Button Group",
-        "description": "Joined view switcher using the Group compound component with active state.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Divider, Group } from 'ui-lab-components'\nimport { FaGrip, FaList, FaTable } from 'react-icons/fa6'\n\nexport default function Example() {\n  const [viewMode, setViewMode] = useState(\"list\");\n\n  return (\n    <Group orientation=\"horizontal\" spacing=\"xs\">\n      <Group.Button active={viewMode === \"list\"} onPress={() => setViewMode(\"list\")}>\n        <FaList className=\"mr-1.5 text-foreground-400\" /> List\n      </Group.Button>\n      <Divider orientation=\"vertical\" />\n      <Group.Button active={viewMode === \"grid\"} onPress={() => setViewMode(\"grid\")}>\n        <FaGrip className=\"mr-1.5 text-foreground-400\" /> Grid\n      </Group.Button>\n      <Divider orientation=\"vertical\" />\n      <Group.Button active={viewMode === \"table\"} onPress={() => setViewMode(\"table\")}>\n        <FaTable className=\"mr-1.5 text-foreground-400\" /> Table\n      </Group.Button>\n    </Group>\n  )\n}"
-    }
-],
+    examples: [],
   },
 
   card: {
@@ -585,11 +544,6 @@ export const componentRegistry: ComponentRegistry = {
     accessibility: {"hasAriaSupport":false,"notes":["Semantic div element with grid layout","No built-in ARIA roles - use for layout purposes","Compose with accessible child components"]},
     usage: undefined,
     examples: [
-    {
-        "title": "Basic Grid",
-        "description": "A simple grid layout with multiple cells. Use this for organizing content in a responsive grid structure.",
-        "code": "import React from 'react';\nimport { Grid } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Grid columns={3} gap=\"md\">\n      <div style={{ padding: '1rem', background: '#e0e0e0' }}>Cell 1</div>\n      <div style={{ padding: '1rem', background: '#d0d0d0' }}>Cell 2</div>\n      <div style={{ padding: '1rem', background: '#c0c0c0' }}>Cell 3</div>\n      <div style={{ padding: '1rem', background: '#b0b0b0' }}>Cell 4</div>\n      <div style={{ padding: '1rem', background: '#a0a0a0' }}>Cell 5</div>\n      <div style={{ padding: '1rem', background: '#909090' }}>Cell 6</div>\n    </Grid>\n  );\n}"
-    },
     {
         "title": "Track Placement",
         "description": "Adjust columns, gap, alignment, and auto-placement flow to explore the CSS Grid track model.",
@@ -623,48 +577,7 @@ export const componentRegistry: ComponentRegistry = {
     tags: ["composition","grouped","compound","form"],
     accessibility: {"hasAriaSupport":true,"notes":["Uses role=\"group\" for semantic grouping","Propagates disabled state to children","Maintains keyboard navigation for all child components"]},
     usage: undefined,
-    examples: [
-    {
-        "title": "Basic Group",
-        "description": "A simple group container that arranges multiple elements together. Use this to organize related UI elements in a consistent layout.",
-        "code": "import { Group } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Group>\n      <Group.Button>First</Group.Button>\n      <Group.Button>Second</Group.Button>\n      <Group.Button>Third</Group.Button>\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Create Project",
-        "description": "A primary grouped action for creating a named item.",
-        "code": "import { Divider, Group } from \"ui-lab-components\";\nimport { FaPlus } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Group variant=\"primary\" orientation=\"horizontal\" spacing=\"xs\">\n      <Group.Input aria-label=\"Project name\" placeholder=\"Untitled project\" className=\"w-56\" />\n      <Divider orientation=\"vertical\" />\n      <Group.Button>\n        <FaPlus className=\"mr-1.5\" /> Create\n      </Group.Button>\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Filter Bar with Selects",
-        "description": "Horizontal group combining Select dropdowns with action buttons for filtering interfaces.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Divider, Group, Select } from \"ui-lab-components\";\nimport { FaMagnifyingGlass, FaFilter } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [status, setStatus] = useState<string | number | null>(\"active\");\n\n  return (\n    <Group variant=\"default\" orientation=\"horizontal\">\n      <Group.Input icon={<FaMagnifyingGlass />} placeholder=\"Search...\">\n      </Group.Input>\n      <Divider />\n      <Group.Select selectedKey={status} onSelectionChange={setStatus} className=\"w-36\">\n        <Select.Trigger><Select.Value placeholder=\"Status\" /></Select.Trigger>\n        <Select.Content>\n          <Select.List>\n            <Select.Item value=\"active\" textValue=\"Active\">Active</Select.Item>\n            <Select.Item value=\"inactive\" textValue=\"Inactive\">Inactive</Select.Item>\n            <Select.Item value=\"pending\" textValue=\"Pending\">Pending</Select.Item>\n          </Select.List>\n        </Select.Content>\n      </Group.Select>\n      <Divider />\n      <Group.Button size=\"md\"><FaFilter className=\"mr-1.5\" /> Apply</Group.Button>\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Documentation Search",
-        "description": "A search input with an icon prefix and joined submit button.",
-        "code": "import { Divider, Group } from \"ui-lab-components\";\nimport { FaMagnifyingGlass } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Group variant=\"secondary\">\n      <div className=\"bg-background-800 flex items-center px-3 text-foreground-400\">\n        <FaMagnifyingGlass />\n      </div>\n      <Divider />\n      <Group.Input placeholder=\"Search documentation...\" className=\"w-64\" />\n      <Divider />\n      <Group.Button className=\"w-full\">Search</Group.Button>\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Email Signup",
-        "description": "An email input with a joined subscription action.",
-        "code": "import { Divider, Group } from \"ui-lab-components\";\nimport { FaEnvelope } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Group variant=\"outline\">\n      <div className=\"bg-background-800 flex items-center px-3 text-foreground-400\">\n        <FaEnvelope />\n      </div>\n      <Divider />\n      <Group.Input placeholder=\"you@example.com\" type=\"email\" className=\"w-64\" />\n      <Divider />\n      <Group.Button>Subscribe</Group.Button>\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Copy Command",
-        "description": "A read-only command field with a joined copy action.",
-        "code": "import { Divider, Group } from \"ui-lab-components\";\nimport { FaCopy } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Group>\n      <Group.Input defaultValue=\"npm install ui-lab\" readOnly className=\"w-full font-mono text-sm\" />\n      <Divider />\n      <Group.Button icon={{ left: <FaCopy className=\"mr-1.5 text-foreground-400\" /> }} />\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Delete Confirmation",
-        "description": "A danger variant group for destructive confirmation flows.",
-        "code": "import { Divider, Group } from \"ui-lab-components\";\nimport { FaTrash } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Group variant=\"danger\">\n      <Group.Input aria-label=\"Confirmation\" placeholder=\"Type DELETE\" className=\"w-48\" />\n      <Divider />\n      <Group.Button>\n        <FaTrash className=\"mr-1.5\" /> Delete\n      </Group.Button>\n    </Group>\n  );\n}"
-    },
-    {
-        "title": "Slider with Input Group",
-        "description": "Numeric input synced with a slider for precise value selection.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Group, Slider } from \"ui-lab-components\";\nimport { FaPercent } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [sliderValue, setSliderValue] = useState<number[]>([45]);\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const val = parseInt(e.target.value);\n    if (!isNaN(val)) setSliderValue([Math.min(Math.max(val, 0), 100)]);\n  };\n\n  return (\n    <div className=\"space-y-4 w-64\">\n      <Group>\n        <Group.Input type=\"number\" min={0} max={100} value={sliderValue[0]} onChange={handleInputChange} className=\"w-full\" />\n        <div className=\"bg-background-800 flex items-center px-3 text-foreground-400 text-sm font-medium\">\n          <FaPercent />\n        </div>\n      </Group>\n      <Slider.Root value={sliderValue} onValueChange={setSliderValue} max={100} step={1} />\n    </div>\n  );\n}"
-    }
-],
+    examples: [],
   },
 
   input: {

package/src/sections/Hero/index.tsx

@@ -41,5 +41,3 @@ export function getPreview(): React.ReactNode {
 export const metadata = baseMetadata;
 export default sectionMetadata;
 
-export { SimpleHero, HeroWithCTA } from './variations/index.js';
-export { DEMO_MAP } from './variations/index.js';

package/dist/components/Anchor/examples/01-basic-anchor.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-anchor.d.ts.map

package/dist/components/Anchor/examples/01-basic-anchor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-basic-anchor.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAS9B"}

package/dist/components/Anchor/examples/01-basic-anchor.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Anchor',
-    description: 'A simple anchor component with custom underline. Hover to see the popover preview.'
-};
-export default function Example() {
-    return (_jsxs(Anchor, { children: ["Learn more about this topic", _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Preview content" }) })] }));
-}
-//# sourceMappingURL=01-basic-anchor.js.map

package/dist/components/Anchor/examples/01-basic-anchor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-anchor.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-basic-anchor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,oFAAoF;CAClG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,8CAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Anchor/examples/01-inline-text.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-inline-text.d.ts.map

package/dist/components/Anchor/examples/01-inline-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-inline-text.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-inline-text.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAc9B"}

package/dist/components/Anchor/examples/01-inline-text.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor } from 'ui-lab-components';
-export const metadata = {
-    title: 'Inline Text',
-    description: 'Anchor used inline within a paragraph — the primary use case for navigational links.',
-};
-export default function Example() {
-    return (_jsxs("p", { className: "text-sm text-foreground max-w-prose leading-relaxed", children: ["Read the", " ", _jsx(Anchor, { href: "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a", children: "MDN documentation" }), " ", "for a full reference on anchor semantics, or check the", " ", _jsx(Anchor, { href: "https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html", children: "WCAG link purpose guidelines" }), " ", "for accessibility requirements."] }));
-}
-//# sourceMappingURL=01-inline-text.js.map

package/dist/components/Anchor/examples/01-inline-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-inline-text.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-inline-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,sFAAsF;CACpG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,aAAG,SAAS,EAAC,qDAAqD,yBACvD,GAAG,EACZ,KAAC,MAAM,IAAC,IAAI,EAAC,6DAA6D,kCAEjE,EAAC,GAAG,4DAC0C,GAAG,EAC1D,KAAC,MAAM,IAAC,IAAI,EAAC,0EAA0E,6CAE9E,EAAC,GAAG,uCAEX,CACL,CAAC;AACJ,CAAC"}

package/dist/components/Anchor/examples/02-underline-variants.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-underline-variants.d.ts.map

package/dist/components/Anchor/examples/02-underline-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-underline-variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/02-underline-variants.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAgB9B"}

package/dist/components/Anchor/examples/02-underline-variants.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Underline Variants',
-    description: 'Three underline styles available via Anchor.Underline: solid (default), dashed, and dotted.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "lg", align: "center", children: [_jsx(Anchor, { href: "#", children: "Solid" }), _jsxs(Anchor, { href: "#", children: [_jsx(Anchor.Underline, { variant: "dashed" }), "Dashed"] }), _jsxs(Anchor, { href: "#", children: [_jsx(Anchor.Underline, { variant: "dotted" }), "Dotted"] })] }));
-}
-//# sourceMappingURL=02-underline-variants.js.map

package/dist/components/Anchor/examples/02-underline-variants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-underline-variants.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/02-underline-variants.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,WAAW,EAAE,6FAA6F;CAC3G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC3B,KAAC,MAAM,IAAC,IAAI,EAAC,GAAG,sBAEP,EACT,MAAC,MAAM,IAAC,IAAI,EAAC,GAAG,aACd,KAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,GAAG,cAE9B,EACT,MAAC,MAAM,IAAC,IAAI,EAAC,GAAG,aACd,KAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,GAAG,cAE9B,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Anchor/examples/03-preview-tooltip.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=03-preview-tooltip.d.ts.map

package/dist/components/Anchor/examples/03-preview-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-preview-tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/03-preview-tooltip.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAmB9B"}

package/dist/components/Anchor/examples/03-preview-tooltip.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Preview Tooltip',
-    description: 'Hover over the links to see a tooltip preview — composed via the preview prop or Anchor.Preview.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "lg", align: "center", children: [_jsx(Anchor, { href: "https://github.com", preview: _jsx("span", { className: "text-xs text-foreground-400", children: "github.com" }), children: "GitHub" }), _jsxs(Anchor, { href: "https://vercel.com", children: [_jsx(Anchor.Preview, { children: _jsx("span", { className: "text-xs text-foreground-400", children: "vercel.com" }) }), "Vercel"] })] }));
-}
-//# sourceMappingURL=03-preview-tooltip.js.map

package/dist/components/Anchor/examples/03-preview-tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-preview-tooltip.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/03-preview-tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,kGAAkG;CAChH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC3B,KAAC,MAAM,IACL,IAAI,EAAC,oBAAoB,EACzB,OAAO,EACL,eAAM,SAAS,EAAC,6BAA6B,2BAAkB,uBAI1D,EACT,MAAC,MAAM,IAAC,IAAI,EAAC,oBAAoB,aAC/B,KAAC,MAAM,CAAC,OAAO,cACb,eAAM,SAAS,EAAC,6BAA6B,2BAAkB,GAChD,cAEV,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Anchor/examples/04-breadcrumb.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=04-breadcrumb.d.ts.map

package/dist/components/Anchor/examples/04-breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/04-breadcrumb.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAe9B"}

package/dist/components/Anchor/examples/04-breadcrumb.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Breadcrumb',
-    description: 'Anchor used as navigational crumbs — the last segment is non-interactive text.',
-};
-const crumbs = [
-    { label: 'Home', href: '/' },
-    { label: 'Projects', href: '/projects' },
-    { label: 'ui-lab', href: '/projects/ui-lab' },
-];
-export default function Example() {
-    return (_jsx(Flex, { gap: "xs", align: "center", className: "text-sm", children: crumbs.map((crumb, i) => (_jsxs("span", { className: "flex items-center gap-xs", children: [i > 0 && _jsx("span", { className: "text-foreground-400 mx-1", children: "/" }), i < crumbs.length - 1 ? (_jsx(Anchor, { href: crumb.href, children: crumb.label })) : (_jsx("span", { className: "text-foreground-400", children: crumb.label }))] }, crumb.href))) }));
-}
-//# sourceMappingURL=04-breadcrumb.js.map

package/dist/components/Anchor/examples/04-breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/04-breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,gFAAgF;CAC9F,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;IAC5B,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;IACxC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE;CAC9C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,YAC9C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,gBAAuB,SAAS,EAAC,0BAA0B,aACxD,CAAC,GAAG,CAAC,IAAI,eAAM,SAAS,EAAC,0BAA0B,kBAAS,EAC5D,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,YAAG,KAAK,CAAC,KAAK,GAAU,CACjD,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAC3D,KANQ,KAAK,CAAC,IAAI,CAOd,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Anchor/examples.json

@@ -1,22 +0,0 @@
-{
-    "01-inline-text": {
-        "title": "Inline Text",
-        "description": "Anchor used inline within a paragraph — the primary use case for navigational links.",
-        "code": "import { Anchor } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <p className=\"text-sm text-foreground max-w-prose leading-relaxed\">\n      Read the{\" \"}\n      <Anchor href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a\">\n        MDN documentation\n      </Anchor>{\" \"}\n      for a full reference on anchor semantics, or check the{\" \"}\n      <Anchor href=\"https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context.html\">\n        WCAG link purpose guidelines\n      </Anchor>{\" \"}\n      for accessibility requirements.\n    </p>\n  );\n}"
-    },
-    "02-underline-variants": {
-        "title": "Underline Variants",
-        "description": "Three underline styles available via Anchor.Underline: solid (default), dashed, and dotted.",
-        "code": "import { Anchor, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex gap=\"lg\" align=\"center\">\n      <Anchor href=\"#\">\n        Solid\n      </Anchor>\n      <Anchor href=\"#\">\n        <Anchor.Underline variant=\"dashed\" />\n        Dashed\n      </Anchor>\n      <Anchor href=\"#\">\n        <Anchor.Underline variant=\"dotted\" />\n        Dotted\n      </Anchor>\n    </Flex>\n  );\n}"
-    },
-    "03-preview-tooltip": {
-        "title": "Preview Tooltip",
-        "description": "Hover over the links to see a tooltip preview — composed via the preview prop or Anchor.Preview.",
-        "code": "import { Anchor, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex gap=\"lg\" align=\"center\">\n      <Anchor\n        href=\"https://github.com\"\n        preview={\n          <span className=\"text-xs text-foreground-400\">github.com</span>\n        }\n      >\n        GitHub\n      </Anchor>\n      <Anchor href=\"https://vercel.com\">\n        <Anchor.Preview>\n          <span className=\"text-xs text-foreground-400\">vercel.com</span>\n        </Anchor.Preview>\n        Vercel\n      </Anchor>\n    </Flex>\n  );\n}"
-    },
-    "04-breadcrumb": {
-        "title": "Breadcrumb",
-        "description": "Anchor used as navigational crumbs — the last segment is non-interactive text.",
-        "code": "import { Anchor, Flex } from 'ui-lab-components';\n\nconst crumbs = [\n  { label: 'Home', href: '/' },\n  { label: 'Projects', href: '/projects' },\n  { label: 'ui-lab', href: '/projects/ui-lab' },\n];\n\nexport default function Example() {\n  return (\n    <Flex gap=\"xs\" align=\"center\" className=\"text-sm\">\n      {crumbs.map((crumb, i) => (\n        <span key={crumb.href} className=\"flex items-center gap-xs\">\n          {i > 0 && <span className=\"text-foreground-400 mx-1\">/</span>}\n          {i < crumbs.length - 1 ? (\n            <Anchor href={crumb.href}>{crumb.label}</Anchor>\n          ) : (\n            <span className=\"text-foreground-400\">{crumb.label}</span>\n          )}\n        </span>\n      ))}\n    </Flex>\n  );\n}"
-    }
-}

package/dist/components/Badge/examples/01-basic-badge.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-badge.d.ts.map

package/dist/components/Badge/examples/01-basic-badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/01-basic-badge.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAE9B"}

package/dist/components/Badge/examples/01-basic-badge.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Badge',
-    description: 'A simple badge with default styling. Use this to display labels, tags, or status indicators in your interface.'
-};
-export default function Example() {
-    return _jsx(Badge, { children: "New" });
-}
-//# sourceMappingURL=01-basic-badge.js.map

package/dist/components/Badge/examples/01-basic-badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/01-basic-badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,gHAAgH;CAC9H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,KAAC,KAAK,sBAAY,CAAC;AAC5B,CAAC"}

package/dist/components/Badge/examples/01-status-badges.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-status-badges.d.ts.map

package/dist/components/Badge/examples/01-status-badges.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-status-badges.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/01-status-badges.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAS9B"}

package/dist/components/Badge/examples/01-status-badges.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Status Labels',
-    description: 'Inline status labels alongside text content, such as document or workflow states.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "sm", align: "center", justify: "center", wrap: "wrap", children: [_jsx(Badge, { variant: "default", children: "Draft" }), _jsx(Badge, { variant: "default", children: "In Review" }), _jsx(Badge, { variant: "default", children: "Published" }), _jsx(Badge, { variant: "default", children: "Archived" })] }));
-}
-//# sourceMappingURL=01-status-badges.js.map

package/dist/components/Badge/examples/01-status-badges.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-status-badges.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/01-status-badges.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,mFAAmF;CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACxD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,sBAAc,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,0BAAkB,EAC1C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,0BAAkB,EAC1C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Badge/examples/02-icon-position.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-icon-position.d.ts.map

package/dist/components/Badge/examples/02-icon-position.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-icon-position.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-icon-position.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAS9B"}

package/dist/components/Badge/examples/02-icon-position.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Flex } from 'ui-lab-components';
-import { FaCircleCheck, FaTriangleExclamation, FaArrowRight, FaStar } from 'react-icons/fa6';
-export const metadata = {
-    title: 'Icon Position',
-    description: 'Icons placed on the left or right of the label — left for status/type indicators, right for directional cues.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "xs", align: "center", justify: "center", wrap: "wrap", children: [_jsx(Badge, { icon: { left: _jsx(FaCircleCheck, { size: 10 }) }, children: "Verified" }), _jsx(Badge, { icon: { left: _jsx(FaTriangleExclamation, { size: 10 }) }, children: "Warning" }), _jsx(Badge, { icon: { right: _jsx(FaArrowRight, { size: 10 }) }, children: "Continue" }), _jsx(Badge, { icon: { right: _jsx(FaStar, { size: 10 }) }, children: "Featured" })] }));
-}
-//# sourceMappingURL=02-icon-position.js.map

package/dist/components/Badge/examples/02-icon-position.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-icon-position.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-icon-position.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE7F,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,+GAA+G;CAC7H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACxD,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,yBAAkB,EACpE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAC,qBAAqB,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,wBAAiB,EAC3E,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,yBAAkB,EACpE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,yBAAkB,IACzD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Badge/examples/02-variants-and-sizes.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-variants-and-sizes.d.ts.map

package/dist/components/Badge/examples/02-variants-and-sizes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-variants-and-sizes.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-variants-and-sizes.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqC9B"}

package/dist/components/Badge/examples/02-variants-and-sizes.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from 'ui-lab-components';
-export const metadata = {
-    title: 'Badge Variants',
-    description: 'Showcases all available badge variants (default, success, warning, danger, info) and demonstrates pill-shaped badges.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "p-4 space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Variants" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "default", children: "Default" }), _jsx(Badge, { variant: "success", children: "Success" }), _jsx(Badge, { variant: "warning", children: "Warning" }), _jsx(Badge, { variant: "danger", children: "Danger" }), _jsx(Badge, { variant: "info", children: "Info" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Pill Shape" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { pill: true, variant: "default", children: "Default Pill" }), _jsx(Badge, { pill: true, variant: "success", children: "Success Pill" }), _jsx(Badge, { pill: true, variant: "warning", children: "Warning Pill" }), _jsx(Badge, { pill: true, variant: "danger", children: "Danger Pill" }), _jsx(Badge, { pill: true, variant: "info", children: "Info Pill" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "With Count" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "default", count: 5 }), _jsx(Badge, { variant: "success", count: 12 }), _jsx(Badge, { variant: "warning", count: 99 }), _jsx(Badge, { variant: "danger", count: 3, pill: true }), _jsx(Badge, { variant: "info", count: 42, pill: true })] })] })] }));
-}
-//# sourceMappingURL=02-variants-and-sizes.js.map

package/dist/components/Badge/examples/02-variants-and-sizes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-variants-and-sizes.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-variants-and-sizes.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,uHAAuH;CACrI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,aAAI,SAAS,EAAC,gDAAgD,yBAAc,EAC5E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,uBAAe,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,qBAAa,IAC9B,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,2BAAgB,EAC9E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,QAAQ,4BAAoB,EAChD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,MAAM,0BAAkB,IACxC,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,2BAAgB,EAC9E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,GAAI,EACrC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,SAAG,EACzC,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,IAAI,SAAG,IACpC,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Badge/examples/03-selectable-tags.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=03-selectable-tags.d.ts.map

package/dist/components/Badge/examples/03-selectable-tags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-selectable-tags.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/03-selectable-tags.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA0B9B"}

package/dist/components/Badge/examples/03-selectable-tags.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Badge, Flex } from 'ui-lab-components';
-import { FaTag } from 'react-icons/fa6';
-export const metadata = {
-    title: 'Selectable Tags',
-    description: 'Icon-prefixed tags that toggle active state, e.g. for filtering or labeling.',
-};
-const tags = ['design', 'frontend', 'api', 'docs'];
-export default function Example() {
-    const [active, setActive] = useState(['design']);
-    function toggle(tag) {
-        setActive((prev) => prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]);
-    }
-    return (_jsx(Flex, { gap: "xs", align: "center", justify: "center", wrap: "wrap", children: tags.map((tag) => (_jsx(Badge, { icon: _jsx(FaTag, { size: 10 }), onClick: () => toggle(tag), style: {
-                cursor: 'pointer',
-                opacity: active.includes(tag) ? 1 : 0.45,
-            }, children: tag }, tag))) }));
-}
-//# sourceMappingURL=03-selectable-tags.js.map

package/dist/components/Badge/examples/03-selectable-tags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-selectable-tags.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/03-selectable-tags.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE3D,SAAS,MAAM,CAAC,GAAW;QACzB,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CACjB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CACpE,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,YACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,KAAK,IAEJ,IAAI,EAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAC1B,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;aACzC,YAEA,GAAG,IARC,GAAG,CASF,CACT,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Badge/examples/04-dismissible.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=04-dismissible.d.ts.map

package/dist/components/Badge/examples/04-dismissible.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-dismissible.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/04-dismissible.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAwB9B"}

package/dist/components/Badge/examples/04-dismissible.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Badge, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Dismissible Tags',
-    description: 'Applied label chips in a multi-select input or filter bar that can be individually removed.',
-};
-const initial = ['React', 'TypeScript', 'CSS Modules', 'Next.js', 'Radix UI'];
-export default function Example() {
-    const [tags, setTags] = useState(initial);
-    return (_jsxs(Flex, { gap: "xs", align: "center", justify: "center", wrap: "wrap", children: [tags.map((tag) => (_jsx(Badge, { dismissible: true, onDismiss: () => setTags((prev) => prev.filter((t) => t !== tag)), children: tag }, tag))), tags.length === 0 && (_jsx("span", { className: "text-sm text-foreground-400 cursor-pointer", onClick: () => setTags(initial), children: "All dismissed \u2014 click to reset" }))] }));
-}
-//# sourceMappingURL=04-dismissible.js.map

package/dist/components/Badge/examples/04-dismissible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-dismissible.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/04-dismissible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,6FAA6F;CAC3G,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAE9E,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,KAAK,IAEJ,WAAW,QACX,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,YAEhE,GAAG,IAJC,GAAG,CAKF,CACT,CAAC,EACD,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CACpB,eACE,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,oDAG1B,CACR,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Badge/examples/05-semantic-colors.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=05-semantic-colors.d.ts.map

package/dist/components/Badge/examples/05-semantic-colors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-semantic-colors.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/05-semantic-colors.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAU9B"}

package/dist/components/Badge/examples/05-semantic-colors.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Semantic Colors',
-    description: 'Badges styled with design system semantic color tokens for success, warning, danger, info, and accent states.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "sm", align: "center", justify: "center", wrap: "wrap", children: [_jsx(Badge, { className: "bg-success-500/20 text-success-500 border-none", children: "Success" }), _jsx(Badge, { className: "bg-warning-500/20 text-warning-500 border-none", children: "Warning" }), _jsx(Badge, { className: "bg-danger-500/20 text-danger-500 border-none", children: "Danger" }), _jsx(Badge, { className: "bg-info-500/20 text-info-500 border-none", children: "Info" }), _jsx(Badge, { className: "bg-accent-500/20 text-accent-500 border-none", children: "Accent" })] }));
-}
-//# sourceMappingURL=05-semantic-colors.js.map

package/dist/components/Badge/examples/05-semantic-colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-semantic-colors.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/05-semantic-colors.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,+GAA+G;CAC7H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACxD,KAAC,KAAK,IAAC,SAAS,EAAC,gDAAgD,wBAAgB,EACjF,KAAC,KAAK,IAAC,SAAS,EAAC,gDAAgD,wBAAgB,EACjF,KAAC,KAAK,IAAC,SAAS,EAAC,8CAA8C,uBAAe,EAC9E,KAAC,KAAK,IAAC,SAAS,EAAC,0CAA0C,qBAAa,EACxE,KAAC,KAAK,IAAC,SAAS,EAAC,8CAA8C,uBAAe,IACzE,CACR,CAAC;AACJ,CAAC"}