ui-lab-registry 0.3.44 → 0.3.45

package/dist/components/Button/examples/08-button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"08-button-group.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/08-button-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAU,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,4EAA4E;CAC1F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,aAC1C,MAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAC3E,KAAC,MAAM,IAAC,SAAS,EAAC,4BAA4B,GAAG,aACpC,EACf,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,MAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAC3E,KAAC,MAAM,IAAC,SAAS,EAAC,4BAA4B,GAAG,aACpC,EACf,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,MAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,KAAK,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,aAC7E,KAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,GAAG,cACrC,IACT,CACT,CAAA;AACH,CAAC"}

package/dist/components/Button/examples/index.d.ts

@@ -8,4 +8,10 @@ export { default as Example4 } from './04-sub-stack-actions.js';
 export { metadata as metadata4 } from './04-sub-stack-actions.js';
 export { default as Example5 } from './05-split-action-button.js';
 export { metadata as metadata5 } from './05-split-action-button.js';
+export { default as Example6 } from './06-icons.js';
+export { metadata as metadata6 } from './06-icons.js';
+export { default as Example7 } from './07-split-button.js';
+export { metadata as metadata7 } from './07-split-button.js';
+export { default as Example8 } from './08-button-group.js';
+export { metadata as metadata8 } from './08-button-group.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/examples/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/Button/examples/index.js

@@ -8,4 +8,10 @@ export { default as Example4 } from './04-sub-stack-actions.js';
 export { metadata as metadata4 } from './04-sub-stack-actions.js';
 export { default as Example5 } from './05-split-action-button.js';
 export { metadata as metadata5 } from './05-split-action-button.js';
+export { default as Example6 } from './06-icons.js';
+export { metadata as metadata6 } from './06-icons.js';
+export { default as Example7 } from './07-split-button.js';
+export { metadata as metadata7 } from './07-split-button.js';
+export { default as Example8 } from './08-button-group.js';
+export { metadata as metadata8 } from './08-button-group.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Button/examples/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/Button/examples.json

@@ -1,13 +1,13 @@
 {
     "01-variants": {
         "title": "Button Variants",
-        "description": "All available button variants including primary, default, secondary, outline, and ghost styles.",
-        "code": "import React from 'react'\nimport { Button } from 'ui-lab-components'\n\nexport default function Example() {\n  return (\n    <div className=\"p-4 space-y-8\">\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Primary Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"primary\">Primary Button</Button>\n          <Button variant=\"primary\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Default Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"default\">Default Button</Button>\n          <Button variant=\"default\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Secondary Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"secondary\">Secondary Button</Button>\n          <Button variant=\"secondary\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Outline Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"outline\">Outline Button</Button>\n          <Button variant=\"outline\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Ghost Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"ghost\">Ghost Button</Button>\n          <Button variant=\"ghost\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Sizes</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Button size=\"sm\">Small</Button>\n          <Button size=\"md\">Medium</Button>\n          <Button size=\"lg\">Large</Button>\n        </div>\n      </div>\n    </div>\n  )\n}"
+        "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}"
     },
     "02-multi-actions": {
         "title": "Multiple Actions",
         "description": "A primary action button grouped with secondary actions and an options menu.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\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}"
+        "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}"
     },
     "03-joined-toggle": {
         "title": "Joined Toggle Buttons",
@@ -17,11 +17,26 @@
     "04-sub-stack-actions": {
         "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 size=\"sm\" variant=\"secondary\" >Ctrl+K</Badge>}\n      />\n      <Button size=\"sm\" icon={{ right: <FaPlus size={12} /> }} >Upload</Button>\n    </Flex>\n  );\n}"
+        "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}"
     },
     "05-split-action-button": {
         "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}"
+    },
+    "06-icons": {
+        "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}"
+    },
+    "07-split-button": {
+        "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}"
+    },
+    "08-button-group": {
+        "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}"
     }
 }

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAuC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAuC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}

package/dist/components/Button/index.js

@@ -5,6 +5,9 @@ import Example2, { metadata as metadata2 } from './examples/02-multi-actions.js'
 import Example3, { metadata as metadata3 } from './examples/03-joined-toggle.js';
 import Example4, { metadata as metadata4 } from './examples/04-sub-stack-actions.js';
 import Example5, { metadata as metadata5 } from './examples/05-split-action-button.js';
+import Example6, { metadata as metadata6 } from './examples/06-icons.js';
+import Example7, { metadata as metadata7 } from './examples/07-split-button.js';
+import Example8, { metadata as metadata8 } from './examples/08-button-group.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 // Define examplesData locally
@@ -14,6 +17,9 @@ const examplesData = [
     { id: '03-joined-toggle', Component: Example3, metadata: metadata3 },
     { id: '04-sub-stack-actions', Component: Example4, metadata: metadata4 },
     { id: '05-split-action-button', Component: Example5, metadata: metadata5 },
+    { id: '06-icons', Component: Example6, metadata: metadata6 },
+    { id: '07-split-button', Component: Example7, metadata: metadata7 },
+    { id: '08-button-group', Component: Example8, metadata: metadata8 },
 ];
 const buttonControls = [
     {

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Card/examples/01-notification.d.ts

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

package/dist/components/Card/examples/01-notification.d.ts.map

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

package/dist/components/Card/examples/01-notification.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Card, Button, Flex, Badge } from 'ui-lab-components';
+export const metadata = {
+    title: 'Notification Card',
+    description: 'A status-driven card with a badge, body copy, and a footer action. Caller controls read state.',
+};
+export default function Example() {
+    const [read, setRead] = useState(false);
+    return (_jsxs(Card, { style: { width: 360, opacity: read ? 0.6 : 1, transition: 'opacity 0.2s' }, children: [_jsx(Card.Header, { children: _jsxs(Flex, { justify: "between", align: "center", children: [_jsx("span", { className: "text-sm font-medium text-foreground-100", children: "Deployment failed" }), _jsx(Badge, { variant: "destructive", children: "Error" })] }) }), _jsx(Card.Body, { children: _jsxs("p", { className: "text-sm text-foreground-400", children: ["The production deploy of ", _jsx("span", { className: "text-foreground-200", children: "api-gateway" }), " failed at step \"Run tests\". Check the logs for details."] }) }), _jsx(Card.Footer, { children: _jsxs(Flex, { justify: "between", align: "center", children: [_jsx("span", { className: "text-xs text-foreground-500", children: "2 minutes ago" }), _jsx(Button, { size: "sm", variant: "ghost", onPress: () => setRead(true), children: "Mark as read" })] }) })] }));
+}
+//# sourceMappingURL=01-notification.js.map

package/dist/components/Card/examples/01-notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-notification.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/01-notification.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,gGAAgG;CAC9G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,aAC9E,KAAC,IAAI,CAAC,MAAM,cACV,MAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,aACpC,eAAM,SAAS,EAAC,yCAAyC,kCAAyB,EAClF,KAAC,KAAK,IAAC,OAAO,EAAC,aAAa,sBAAc,IACrC,GACK,EACd,KAAC,IAAI,CAAC,IAAI,cACR,aAAG,SAAS,EAAC,6BAA6B,0CACf,eAAM,SAAS,EAAC,qBAAqB,4BAAmB,kEAC/E,GACM,EACZ,KAAC,IAAI,CAAC,MAAM,cACV,MAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,aACpC,eAAM,SAAS,EAAC,6BAA6B,8BAAqB,EAClE,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,6BAErD,IACJ,GACK,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/02-settings-panel.d.ts

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

package/dist/components/Card/examples/02-settings-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-settings-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/02-settings-panel.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA+B9B"}

package/dist/components/Card/examples/02-settings-panel.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Card, Button, Flex, Switch } from 'ui-lab-components';
+export const metadata = {
+    title: 'Settings Panel',
+    description: 'Card used as a settings section with a list of toggle rows and save/cancel actions in the footer.',
+};
+const items = [
+    { label: 'Email alerts', description: 'Receive alerts via email' },
+    { label: 'Push notifications', description: 'Browser push notifications' },
+    { label: 'Weekly digest', description: 'Summary sent every Monday' },
+];
+export default function Example() {
+    const [enabled, setEnabled] = useState(true);
+    return (_jsxs(Card, { style: { width: 360 }, children: [_jsx(Card.Header, { children: _jsx("span", { className: "text-sm font-medium text-foreground-100", children: "Notifications" }) }), _jsx(Card.Body, { className: "space-y-4 py-4", children: items.map((item) => (_jsxs(Flex, { justify: "between", align: "center", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-foreground-100", children: item.label }), _jsx("p", { className: "text-xs text-foreground-500", children: item.description })] }), _jsx(Switch, { isSelected: enabled, onChange: setEnabled, "aria-label": item.label })] }, item.label))) }), _jsx(Card.Footer, { children: _jsxs(Flex, { justify: "end", gap: "xs", children: [_jsx(Button, { size: "sm", variant: "ghost", children: "Cancel" }), _jsx(Button, { size: "sm", variant: "primary", children: "Save" })] }) })] }));
+}
+//# sourceMappingURL=02-settings-panel.js.map

package/dist/components/Card/examples/02-settings-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-settings-panel.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/02-settings-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,mGAAmG;CACjH,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,0BAA0B,EAAE;IAClE,EAAE,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,4BAA4B,EAAE;IAC1E,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,2BAA2B,EAAE;CACrE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACzB,KAAC,IAAI,CAAC,MAAM,cACV,eAAM,SAAS,EAAC,yCAAyC,8BAAqB,GAClE,EACd,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,YAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,IAAI,IAAkB,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,aACrD,0BACE,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,GAAK,EAC3D,YAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,WAAW,GAAK,IAC7D,EACN,KAAC,MAAM,IACL,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,UAAU,gBACR,IAAI,CAAC,KAAK,GACtB,KATO,IAAI,CAAC,KAAK,CAUd,CACR,CAAC,GACQ,EACZ,KAAC,IAAI,CAAC,MAAM,cACV,MAAC,IAAI,IAAC,OAAO,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,aAC1B,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,uBAAgB,EACjD,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,qBAAc,IAC5C,GACK,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/03-task-progress.d.ts

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

package/dist/components/Card/examples/03-task-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-task-progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/03-task-progress.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAWF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA0B9B"}

package/dist/components/Card/examples/03-task-progress.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Button, Flex, Progress } from 'ui-lab-components';
+export const metadata = {
+    title: 'Task Progress',
+    description: 'Card displaying a checklist with a progress bar in the header to summarize completion state.',
+};
+const tasks = [
+    { label: 'Design review', done: true },
+    { label: 'Write changelog', done: true },
+    { label: 'Update docs', done: false },
+    { label: 'Deploy to staging', done: false },
+];
+const completed = tasks.filter((t) => t.done).length;
+export default function Example() {
+    return (_jsxs(Card, { style: { width: 360 }, children: [_jsxs(Card.Header, { children: [_jsxs(Flex, { justify: "between", align: "center", children: [_jsx("span", { className: "text-sm font-medium text-foreground-100", children: "Release v2.4.0" }), _jsxs("span", { className: "text-xs text-foreground-500", children: [completed, "/", tasks.length] })] }), _jsx(Progress, { value: (completed / tasks.length) * 100, className: "mt-2" })] }), _jsx(Card.Body, { className: "py-3", children: _jsx("ul", { className: "space-y-2", children: tasks.map((task) => (_jsx("li", { className: "flex items-center gap-2 text-sm", children: _jsx("span", { className: task.done ? 'text-foreground-500 line-through' : 'text-foreground-200', children: task.label }) }, task.label))) }) }), _jsx(Card.Footer, { children: _jsx(Button, { size: "sm", variant: "outline", className: "w-full", children: "View milestone" }) })] }));
+}
+//# sourceMappingURL=03-task-progress.js.map

package/dist/components/Card/examples/03-task-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-task-progress.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/03-task-progress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,8FAA8F;CAC5G,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE;IACtC,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,EAAE;IACxC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE;IACrC,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,KAAK,EAAE;CAC5C,CAAC;AAEF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACzB,MAAC,IAAI,CAAC,MAAM,eACV,MAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,aACpC,eAAM,SAAS,EAAC,yCAAyC,+BAAsB,EAC/E,gBAAM,SAAS,EAAC,6BAA6B,aAAE,SAAS,OAAG,KAAK,CAAC,MAAM,IAAQ,IAC1E,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,EAAE,SAAS,EAAC,MAAM,GAAG,IAC1D,EACd,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACzB,aAAI,SAAS,EAAC,WAAW,YACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,aAAqB,SAAS,EAAC,iCAAiC,YAC9D,eAAM,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,qBAAqB,YACpF,IAAI,CAAC,KAAK,GACN,IAHA,IAAI,CAAC,KAAK,CAId,CACN,CAAC,GACC,GACK,EACZ,KAAC,IAAI,CAAC,MAAM,cACV,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,QAAQ,+BAAwB,GAClE,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/index.d.ts

@@ -1,3 +1,7 @@
-export { default as Example1 } from './01-basic-card.js';
-export { metadata as metadata1 } from './01-basic-card.js';
+export { default as Example1 } from './01-notification.js';
+export { metadata as metadata1 } from './01-notification.js';
+export { default as Example2 } from './02-settings-panel.js';
+export { metadata as metadata2 } from './02-settings-panel.js';
+export { default as Example3 } from './03-task-progress.js';
+export { metadata as metadata3 } from './03-task-progress.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Card/examples/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/Card/examples/index.js

@@ -1,3 +1,7 @@
-export { default as Example1 } from './01-basic-card.js';
-export { metadata as metadata1 } from './01-basic-card.js';
+export { default as Example1 } from './01-notification.js';
+export { metadata as metadata1 } from './01-notification.js';
+export { default as Example2 } from './02-settings-panel.js';
+export { metadata as metadata2 } from './02-settings-panel.js';
+export { default as Example3 } from './03-task-progress.js';
+export { metadata as metadata3 } from './03-task-progress.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Card/examples/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/Card/examples.json

@@ -1,7 +1,17 @@
 {
-    "01-basic-card": {
-        "title": "Basic Card",
-        "description": "A simple card container with header, body, and footer sections. Use this to group related content in your interface.",
-        "code": "import { Card } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Card>\n      <Card.Header>\n        <h3>Card Title</h3>\n      </Card.Header>\n      <Card.Body>\n        <p>This is the card content area where you can place any information or components.</p>\n      </Card.Body>\n      <Card.Footer>\n        <p>Footer content</p>\n      </Card.Footer>\n    </Card>\n  );\n}"
+    "01-notification": {
+        "title": "Notification Card",
+        "description": "A status-driven card with a badge, body copy, and a footer action. Caller controls read state.",
+        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Card, Button, Flex, Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  const [read, setRead] = useState(false);\n\n  return (\n    <Card style={{ width: 360, opacity: read ? 0.6 : 1, transition: 'opacity 0.2s' }}>\n      <Card.Header>\n        <Flex justify=\"between\" align=\"center\">\n          <span className=\"text-sm font-medium text-foreground-100\">Deployment failed</span>\n          <Badge variant=\"destructive\">Error</Badge>\n        </Flex>\n      </Card.Header>\n      <Card.Body>\n        <p className=\"text-sm text-foreground-400\">\n          The production deploy of <span className=\"text-foreground-200\">api-gateway</span> failed at step \"Run tests\". Check the logs for details.\n        </p>\n      </Card.Body>\n      <Card.Footer>\n        <Flex justify=\"between\" align=\"center\">\n          <span className=\"text-xs text-foreground-500\">2 minutes ago</span>\n          <Button size=\"sm\" variant=\"ghost\" onPress={() => setRead(true)}>\n            Mark as read\n          </Button>\n        </Flex>\n      </Card.Footer>\n    </Card>\n  );\n}"
+    },
+    "02-settings-panel": {
+        "title": "Settings Panel",
+        "description": "Card used as a settings section with a list of toggle rows and save/cancel actions in the footer.",
+        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Card, Button, Flex, Switch } from 'ui-lab-components';\n\nconst items = [\n  { label: 'Email alerts', description: 'Receive alerts via email' },\n  { label: 'Push notifications', description: 'Browser push notifications' },\n  { label: 'Weekly digest', description: 'Summary sent every Monday' },\n];\n\nexport default function Example() {\n  const [enabled, setEnabled] = useState(true);\n\n  return (\n    <Card style={{ width: 360 }}>\n      <Card.Header>\n        <span className=\"text-sm font-medium text-foreground-100\">Notifications</span>\n      </Card.Header>\n      <Card.Body className=\"space-y-4 py-4\">\n        {items.map((item) => (\n          <Flex key={item.label} justify=\"between\" align=\"center\">\n            <div>\n              <p className=\"text-sm text-foreground-100\">{item.label}</p>\n              <p className=\"text-xs text-foreground-500\">{item.description}</p>\n            </div>\n            <Switch\n              isSelected={enabled}\n              onChange={setEnabled}\n              aria-label={item.label}\n            />\n          </Flex>\n        ))}\n      </Card.Body>\n      <Card.Footer>\n        <Flex justify=\"end\" gap=\"xs\">\n          <Button size=\"sm\" variant=\"ghost\">Cancel</Button>\n          <Button size=\"sm\" variant=\"primary\">Save</Button>\n        </Flex>\n      </Card.Footer>\n    </Card>\n  );\n}"
+    },
+    "03-task-progress": {
+        "title": "Task Progress",
+        "description": "Card displaying a checklist with a progress bar in the header to summarize completion state.",
+        "code": "import { Card, Button, Flex, Progress } from 'ui-lab-components';\n\nconst tasks = [\n  { label: 'Design review', done: true },\n  { label: 'Write changelog', done: true },\n  { label: 'Update docs', done: false },\n  { label: 'Deploy to staging', done: false },\n];\n\nconst completed = tasks.filter((t) => t.done).length;\n\nexport default function Example() {\n  return (\n    <Card style={{ width: 360 }}>\n      <Card.Header>\n        <Flex justify=\"between\" align=\"center\">\n          <span className=\"text-sm font-medium text-foreground-100\">Release v2.4.0</span>\n          <span className=\"text-xs text-foreground-500\">{completed}/{tasks.length}</span>\n        </Flex>\n        <Progress value={(completed / tasks.length) * 100} className=\"mt-2\" />\n      </Card.Header>\n      <Card.Body className=\"py-3\">\n        <ul className=\"space-y-2\">\n          {tasks.map((task) => (\n            <li key={task.label} className=\"flex items-center gap-2 text-sm\">\n              <span className={task.done ? 'text-foreground-500 line-through' : 'text-foreground-200'}>\n                {task.label}\n              </span>\n            </li>\n          ))}\n        </ul>\n      </Card.Body>\n      <Card.Footer>\n        <Button size=\"sm\" variant=\"outline\" className=\"w-full\">View milestone</Button>\n      </Card.Footer>\n    </Card>\n  );\n}"
     }
 }

package/dist/components/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAStD,QAAA,MAAM,YAAY,EAAE,UAAU,EAAO,CAAC;AAmBtC,eAAO,MAAM,UAAU,EAAE,eAgDxB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAatD,QAAA,MAAM,YAAY,EAAE,UAAU,EAAO,CAAC;AAmBtC,eAAO,MAAM,UAAU,EAAE,eAgDxB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,qBAAqB,CAAC"}

package/dist/components/Card/index.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card } from 'ui-lab-components';
-import Example1, { metadata as metadata1 } from './examples/01-basic-card.js';
+import Example1, { metadata as metadata1 } from './examples/01-notification.js';
+import Example2, { metadata as metadata2 } from './examples/02-settings-panel.js';
+import Example3, { metadata as metadata3 } from './examples/03-task-progress.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
-    { id: '01-basic-card', Component: Example1, metadata: metadata1 },
+    { id: '01-notification', Component: Example1, metadata: metadata1 },
+    { id: '02-settings-panel', Component: Example2, metadata: metadata2 },
+    { id: '03-task-progress', Component: Example3, metadata: metadata3 },
 ];
 const cardControls = [];
 const basicCardCode = `import { Card } from "ui-lab-components";

package/dist/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAClE,CAAC;AAEF,MAAM,YAAY,GAAiB,EAAE,CAAC;AAEtC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;EAepB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,iGAAiG;IAC9G,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,0OAEI,EACJ,oKAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,yFAE9B,GACM,IACP,CACR;YACD,QAAQ,EAAE,YAAY;YACtB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,yFAE9B,GACM,IACP,CACR;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACnE,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACrE,EAAE,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACrE,CAAC;AAEF,MAAM,YAAY,GAAiB,EAAE,CAAC;AAEtC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;EAepB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,iGAAiG;IAC9G,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,0OAEI,EACJ,oKAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,yFAE9B,GACM,IACP,CACR;YACD,QAAQ,EAAE,YAAY;YACtB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,yFAE9B,GACM,IACP,CACR;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,qBAAqB,CAAC"}

package/dist/components/Checkbox/examples/01-basic-states.d.ts

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

package/dist/components/Checkbox/examples/01-basic-states.d.ts.map

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

package/dist/components/Checkbox/examples/01-basic-states.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, Flex } from 'ui-lab-components';
+export const metadata = {
+    title: 'Basic States',
+    description: 'The default checkbox states: unchecked, checked, disabled, and disabled checked.',
+};
+export default function Example() {
+    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 280 }, children: [_jsx(Checkbox, { id: "basic-unchecked", label: "Unchecked" }), _jsx(Checkbox, { id: "basic-checked", label: "Checked", defaultChecked: true }), _jsx(Checkbox, { id: "basic-disabled", label: "Disabled", disabled: true }), _jsx(Checkbox, { id: "basic-disabled-checked", label: "Disabled checked", disabled: true, defaultChecked: true })] }));
+}
+//# sourceMappingURL=01-basic-states.js.map

package/dist/components/Checkbox/examples/01-basic-states.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-basic-states.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/01-basic-states.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,kFAAkF;CAChG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,KAAC,QAAQ,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAC,WAAW,GAAG,EACnD,KAAC,QAAQ,IAAC,EAAE,EAAC,eAAe,EAAC,KAAK,EAAC,SAAS,EAAC,cAAc,SAAG,EAC9D,KAAC,QAAQ,IAAC,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,SAAG,EAC1D,KAAC,QAAQ,IAAC,EAAE,EAAC,wBAAwB,EAAC,KAAK,EAAC,kBAAkB,EAAC,QAAQ,QAAC,cAAc,SAAG,IACpF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/02-helper-text.d.ts

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

package/dist/components/Checkbox/examples/02-helper-text.d.ts.map

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

package/dist/components/Checkbox/examples/02-helper-text.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, Flex } from 'ui-lab-components';
+export const metadata = {
+    title: 'Helper and Error Text',
+    description: 'A labeled checkbox can include supporting text and an invalid state for form feedback.',
+};
+export default function Example() {
+    return (_jsxs(Flex, { direction: "column", gap: "lg", style: { width: 320 }, children: [_jsx(Checkbox, { id: "helper-release-notes", label: "Release notes", helper: "Get a short product update when a new version ships.", defaultChecked: true }), _jsx(Checkbox, { id: "helper-terms", label: "Accept terms", helper: "You must accept the terms before continuing.", helperTextError: true, "aria-invalid": "true" })] }));
+}
+//# sourceMappingURL=02-helper-text.js.map

package/dist/components/Checkbox/examples/02-helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-helper-text.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/02-helper-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,wFAAwF;CACtG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,KAAC,QAAQ,IACP,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAC,eAAe,EACrB,MAAM,EAAC,sDAAsD,EAC7D,cAAc,SACd,EACF,KAAC,QAAQ,IACP,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAC,8CAA8C,EACrD,eAAe,wBACF,MAAM,GACnB,IACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/03-controlled.d.ts

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

package/dist/components/Checkbox/examples/03-controlled.d.ts.map

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

package/dist/components/Checkbox/examples/03-controlled.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Checkbox, Flex } from 'ui-lab-components';
+export const metadata = {
+    title: 'Controlled',
+    description: 'Use checked and onChange when checkbox state is owned by the surrounding interface.',
+};
+export default function Example() {
+    const [checked, setChecked] = useState(true);
+    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 300 }, children: [_jsx(Checkbox, { id: "controlled-email", label: "Email notifications", helper: checked ? 'Notifications are enabled.' : 'Notifications are paused.', checked: checked, onChange: (event) => setChecked(event.currentTarget.checked) }), _jsx(Button, { variant: "secondary", onClick: () => setChecked((value) => !value), children: checked ? 'Turn off' : 'Turn on' })] }));
+}
+//# sourceMappingURL=03-controlled.js.map

package/dist/components/Checkbox/examples/03-controlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-controlled.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/03-controlled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,qFAAqF;CACnG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,KAAC,QAAQ,IACP,EAAE,EAAC,kBAAkB,EACrB,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,2BAA2B,EAC5E,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAC5D,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YACrE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GAC1B,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/04-group.d.ts

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

package/dist/components/Checkbox/examples/04-group.d.ts.map

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

package/dist/components/Checkbox/examples/04-group.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Checkbox, Flex } from 'ui-lab-components';
+export const metadata = {
+    title: 'Checkbox Group',
+    description: 'Use a small group when a user can select any number of related options.',
+};
+const subscriptionOptions = [
+    'Product updates',
+    'Security alerts',
+    'Billing reminders',
+];
+export default function Example() {
+    const [selected, setSelected] = useState(new Set(['Product updates', 'Security alerts']));
+    const toggleOption = (option) => {
+        setSelected((current) => {
+            const next = new Set(current);
+            next.has(option) ? next.delete(option) : next.add(option);
+            return next;
+        });
+    };
+    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 300 }, children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Subscriptions" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Choose the emails this workspace receives." })] }), _jsx(Flex, { direction: "column", gap: "sm", children: subscriptionOptions.map((option) => (_jsx(Checkbox, { id: `subscription-${option.toLowerCase().replace(/ /g, '-')}`, label: option, checked: selected.has(option), onChange: () => toggleOption(option) }, option))) })] }));
+}
+//# sourceMappingURL=04-group.js.map

package/dist/components/Checkbox/examples/04-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"04-group.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/04-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,yEAAyE;CACvF,CAAC;AAEF,MAAM,mBAAmB,GAAG;IAC1B,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CACtC,IAAI,GAAG,CAAC,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAChD,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACtC,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE;YACtB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC1D,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,0BACE,YAAG,SAAS,EAAC,yCAAyC,8BAAkB,EACxE,YAAG,SAAS,EAAC,6BAA6B,2DAA+C,IACrF,EACN,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,YAC9B,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAEP,EAAE,EAAE,gBAAgB,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EAC7D,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAJ/B,MAAM,CAKX,CACH,CAAC,GACG,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/05-indeterminate.d.ts

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

package/dist/components/Checkbox/examples/05-indeterminate.d.ts.map

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

package/dist/components/Checkbox/examples/05-indeterminate.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Checkbox, Divider, Flex } from 'ui-lab-components';
+export const metadata = {
+    title: 'Indeterminate',
+    description: 'A parent checkbox can show partial selection when only some child options are checked.',
+};
+const tableColumns = ['Name', 'Email', 'Role', 'Last active'];
+export default function Example() {
+    const [visibleColumns, setVisibleColumns] = useState(new Set(['Name', 'Email']));
+    const allSelected = visibleColumns.size === tableColumns.length;
+    const isIndeterminate = visibleColumns.size > 0 && !allSelected;
+    const toggleAll = () => {
+        setVisibleColumns(allSelected ? new Set() : new Set(tableColumns));
+    };
+    const toggleColumn = (column) => {
+        setVisibleColumns((current) => {
+            const next = new Set(current);
+            next.has(column) ? next.delete(column) : next.add(column);
+            return next;
+        });
+    };
+    return (_jsxs(Flex, { direction: "column", gap: "sm", style: { width: 280 }, children: [_jsx(Checkbox, { id: "columns-all", label: "Show all columns", checked: allSelected, isIndeterminate: isIndeterminate, onChange: toggleAll }), _jsx(Divider, {}), _jsx(Flex, { direction: "column", gap: "sm", styles: { root: 'pl-8' }, children: tableColumns.map((column) => (_jsx(Checkbox, { id: `column-${column.toLowerCase().replace(/ /g, '-')}`, label: column, checked: visibleColumns.has(column), onChange: () => toggleColumn(column) }, column))) })] }));
+}
+//# sourceMappingURL=05-indeterminate.js.map

package/dist/components/Checkbox/examples/05-indeterminate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"05-indeterminate.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/05-indeterminate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,wFAAwF;CACtG,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAC3B,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,CAAC;IAChE,MAAM,eAAe,GAAG,cAAc,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACtC,iBAAiB,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC1D,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,KAAC,QAAQ,IACP,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,SAAS,GACnB,EACF,KAAC,OAAO,KAAG,EACX,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YACvD,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,KAAC,QAAQ,IAEP,EAAE,EAAE,UAAU,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EACvD,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAJ/B,MAAM,CAKX,CACH,CAAC,GACG,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/06-consent-form.d.ts

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

package/dist/components/Checkbox/examples/06-consent-form.d.ts.map

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