ui-lab-registry 0.3.45 → 0.3.46

package/dist/components/Button/examples.json

@@ -1,42 +0,0 @@
-{
-    "01-variants": {
-        "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}"
-    },
-    "02-multi-actions": {
-        "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}"
-    },
-    "03-joined-toggle": {
-        "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}"
-    },
-    "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 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/Card/examples/01-basic-card.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-card.d.ts.map

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

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

package/dist/components/Card/examples/01-basic-card.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Card',
-    description: 'A simple card container with header, body, and footer sections. Use this to group related content in your interface.'
-};
-export default function Example() {
-    return (_jsxs(Card, { children: [_jsx(Card.Header, { children: _jsx("h3", { children: "Card Title" }) }), _jsx(Card.Body, { children: _jsx("p", { children: "This is the card content area where you can place any information or components." }) }), _jsx(Card.Footer, { children: _jsx("p", { children: "Footer content" }) })] }));
-}
-//# sourceMappingURL=01-basic-card.js.map

package/dist/components/Card/examples/01-basic-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/01-basic-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sHAAsH;CACpI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,MAAM,cACV,sCAAmB,GACP,EACd,KAAC,IAAI,CAAC,IAAI,cACR,2GAAuF,GAC7E,EACZ,KAAC,IAAI,CAAC,MAAM,cACV,yCAAqB,GACT,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/01-notification.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-notification.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.json

@@ -1,17 +0,0 @@
-{
-    "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/Checkbox/examples/01-basic-checkbox.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-checkbox.d.ts.map

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

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

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

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Checkbox } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Checkbox',
-    description: 'A simple checkbox with a label. Use this as the standard checkbox input in your forms.'
-};
-export default function Example() {
-    const [checked, setChecked] = React.useState(false);
-    return (_jsx(Checkbox, { checked: checked, onChange: (e) => setChecked(e.target.checked), label: "Accept terms and conditions" }));
-}
-//# sourceMappingURL=01-basic-checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/01-basic-checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,wFAAwF;CACtG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC7C,KAAK,EAAC,6BAA6B,GACnC,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/01-basic-states.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-states.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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-checkbox-group-with-descriptions.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-checkbox-group-with-descriptions.d.ts.map

package/dist/components/Checkbox/examples/02-checkbox-group-with-descriptions.d.ts.map

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

package/dist/components/Checkbox/examples/02-checkbox-group-with-descriptions.js

@@ -1,21 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Checkbox, Card, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Checkbox Group with Descriptions',
-    description: 'Multiple checkboxes grouped together as a settings panel. Each checkbox includes a label and helper text for context.'
-};
-export default function Example() {
-    const [notifications, setNotifications] = React.useState({
-        email: true,
-        push: false,
-        sms: false,
-        marketing: false,
-    });
-    const handleChange = (key) => (e) => {
-        setNotifications(prev => ({ ...prev, [key]: e.target.checked }));
-    };
-    return (_jsxs(Card, { children: [_jsxs(Card.Header, { children: [_jsx("h3", { className: "text-lg font-medium text-foreground-100", children: "Notification Preferences" }), _jsx("p", { className: "text-sm text-foreground-400", children: "Choose how you want to be notified." })] }), _jsx(Card.Body, { children: _jsxs(Flex, { direction: "column", gap: "lg", children: [_jsx(Checkbox, { checked: notifications.email, onChange: handleChange('email'), label: "Email notifications", helperText: "Receive updates about your account activity via email." }), _jsx(Checkbox, { checked: notifications.push, onChange: handleChange('push'), label: "Push notifications", helperText: "Get instant alerts on your device for important updates." }), _jsx(Checkbox, { checked: notifications.sms, onChange: handleChange('sms'), label: "SMS notifications", helperText: "Receive text messages for critical alerts and reminders." }), _jsx(Checkbox, { checked: notifications.marketing, onChange: handleChange('marketing'), label: "Marketing emails", helperText: "Stay informed about new features, tips, and special offers." })] }) })] }));
-}
-//# sourceMappingURL=02-checkbox-group-with-descriptions.js.map

package/dist/components/Checkbox/examples/02-checkbox-group-with-descriptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-checkbox-group-with-descriptions.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/02-checkbox-group-with-descriptions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kCAAkC;IACzC,WAAW,EAAE,uHAAuH;CACrI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;QACvD,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,KAAK;KACjB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,GAA+B,EAAE,EAAE,CAAC,CAAC,CAAsC,EAAE,EAAE;QACnG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,eACH,MAAC,IAAI,CAAC,MAAM,eACV,aAAI,SAAS,EAAC,yCAAyC,yCAA8B,EACrF,YAAG,SAAS,EAAC,6BAA6B,oDAAwC,IACtE,EACd,KAAC,IAAI,CAAC,IAAI,cACR,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,KAAK,EAC5B,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,EAC/B,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAC,wDAAwD,GACnE,EACF,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,IAAI,EAC3B,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,EAC9B,KAAK,EAAC,oBAAoB,EAC1B,UAAU,EAAC,0DAA0D,GACrE,EACF,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,GAAG,EAC1B,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAC7B,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAC,0DAA0D,GACrE,EACF,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,QAAQ,EAAE,YAAY,CAAC,WAAW,CAAC,EACnC,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,6DAA6D,GACxE,IACG,GACG,IACP,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/02-helper-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=02-helper-text.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/Checkbox/examples/06-consent-form.js

@@ -1,14 +0,0 @@
-"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: 'Consent Form',
-    description: 'A required checkbox can gate a form action while optional choices remain independent.',
-};
-export default function Example() {
-    const [accepted, setAccepted] = useState(false);
-    const [updates, setUpdates] = useState(false);
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 320 }, children: [_jsx(Checkbox, { id: "consent-terms", label: "I agree to the terms", helper: "Required to create a workspace.", checked: accepted, onChange: (event) => setAccepted(event.currentTarget.checked) }), _jsx(Checkbox, { id: "consent-updates", label: "Send product updates", checked: updates, onChange: (event) => setUpdates(event.currentTarget.checked) }), _jsx(Button, { variant: "primary", isDisabled: !accepted, styles: { root: 'w-full' }, children: "Continue" })] }));
-}
-//# sourceMappingURL=06-consent-form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"06-consent-form.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/06-consent-form.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,cAAc;IACrB,WAAW,EAAE,uFAAuF;CACrG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,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,eAAe,EAClB,KAAK,EAAC,sBAAsB,EAC5B,MAAM,EAAC,iCAAiC,EACxC,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAC7D,EACF,KAAC,QAAQ,IACP,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAC,sBAAsB,EAC5B,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,SAAS,EAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,yBAElE,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples.json

@@ -1,32 +0,0 @@
-{
-    "01-basic-states": {
-        "title": "Basic States",
-        "description": "The default checkbox states: unchecked, checked, disabled, and disabled checked.",
-        "code": "import { Checkbox, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 280 }}>\n      <Checkbox id=\"basic-unchecked\" label=\"Unchecked\" />\n      <Checkbox id=\"basic-checked\" label=\"Checked\" defaultChecked />\n      <Checkbox id=\"basic-disabled\" label=\"Disabled\" disabled />\n      <Checkbox id=\"basic-disabled-checked\" label=\"Disabled checked\" disabled defaultChecked />\n    </Flex>\n  );\n}"
-    },
-    "02-helper-text": {
-        "title": "Helper and Error Text",
-        "description": "A labeled checkbox can include supporting text and an invalid state for form feedback.",
-        "code": "import { Checkbox, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"lg\" style={{ width: 320 }}>\n      <Checkbox\n        id=\"helper-release-notes\"\n        label=\"Release notes\"\n        helper=\"Get a short product update when a new version ships.\"\n        defaultChecked\n      />\n      <Checkbox\n        id=\"helper-terms\"\n        label=\"Accept terms\"\n        helper=\"You must accept the terms before continuing.\"\n        helperTextError\n        aria-invalid=\"true\"\n      />\n    </Flex>\n  );\n}"
-    },
-    "03-controlled": {
-        "title": "Controlled",
-        "description": "Use checked and onChange when checkbox state is owned by the surrounding interface.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Button, Checkbox, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  const [checked, setChecked] = useState(true);\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 300 }}>\n      <Checkbox\n        id=\"controlled-email\"\n        label=\"Email notifications\"\n        helper={checked ? 'Notifications are enabled.' : 'Notifications are paused.'}\n        checked={checked}\n        onChange={(event) => setChecked(event.currentTarget.checked)}\n      />\n      <Button variant=\"secondary\" onClick={() => setChecked((value) => !value)}>\n        {checked ? 'Turn off' : 'Turn on'}\n      </Button>\n    </Flex>\n  );\n}"
-    },
-    "04-group": {
-        "title": "Checkbox Group",
-        "description": "Use a small group when a user can select any number of related options.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Checkbox, Flex } from 'ui-lab-components';\n\nconst subscriptionOptions = [\n  'Product updates',\n  'Security alerts',\n  'Billing reminders',\n];\n\nexport default function Example() {\n  const [selected, setSelected] = useState<Set<string>>(\n    new Set(['Product updates', 'Security alerts'])\n  );\n\n  const toggleOption = (option: string) => {\n    setSelected((current) => {\n      const next = new Set(current);\n      next.has(option) ? next.delete(option) : next.add(option);\n      return next;\n    });\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 300 }}>\n      <div>\n        <p className=\"text-sm font-medium text-foreground-100\">Subscriptions</p>\n        <p className=\"text-xs text-foreground-400\">Choose the emails this workspace receives.</p>\n      </div>\n      <Flex direction=\"column\" gap=\"sm\">\n        {subscriptionOptions.map((option) => (\n          <Checkbox\n            key={option}\n            id={`subscription-${option.toLowerCase().replace(/ /g, '-')}`}\n            label={option}\n            checked={selected.has(option)}\n            onChange={() => toggleOption(option)}\n          />\n        ))}\n      </Flex>\n    </Flex>\n  );\n}"
-    },
-    "05-indeterminate": {
-        "title": "Indeterminate",
-        "description": "A parent checkbox can show partial selection when only some child options are checked.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Checkbox, Divider, Flex } from 'ui-lab-components';\n\nconst tableColumns = ['Name', 'Email', 'Role', 'Last active'];\n\nexport default function Example() {\n  const [visibleColumns, setVisibleColumns] = useState<Set<string>>(\n    new Set(['Name', 'Email'])\n  );\n\n  const allSelected = visibleColumns.size === tableColumns.length;\n  const isIndeterminate = visibleColumns.size > 0 && !allSelected;\n\n  const toggleAll = () => {\n    setVisibleColumns(allSelected ? new Set() : new Set(tableColumns));\n  };\n\n  const toggleColumn = (column: string) => {\n    setVisibleColumns((current) => {\n      const next = new Set(current);\n      next.has(column) ? next.delete(column) : next.add(column);\n      return next;\n    });\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 280 }}>\n      <Checkbox\n        id=\"columns-all\"\n        label=\"Show all columns\"\n        checked={allSelected}\n        isIndeterminate={isIndeterminate}\n        onChange={toggleAll}\n      />\n      <Divider />\n      <Flex direction=\"column\" gap=\"sm\" styles={{ root: 'pl-8' }}>\n        {tableColumns.map((column) => (\n          <Checkbox\n            key={column}\n            id={`column-${column.toLowerCase().replace(/ /g, '-')}`}\n            label={column}\n            checked={visibleColumns.has(column)}\n            onChange={() => toggleColumn(column)}\n          />\n        ))}\n      </Flex>\n    </Flex>\n  );\n}"
-    },
-    "06-consent-form": {
-        "title": "Consent Form",
-        "description": "A required checkbox can gate a form action while optional choices remain independent.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Button, Checkbox, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  const [accepted, setAccepted] = useState(false);\n  const [updates, setUpdates] = useState(false);\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 320 }}>\n      <Checkbox\n        id=\"consent-terms\"\n        label=\"I agree to the terms\"\n        helper=\"Required to create a workspace.\"\n        checked={accepted}\n        onChange={(event) => setAccepted(event.currentTarget.checked)}\n      />\n      <Checkbox\n        id=\"consent-updates\"\n        label=\"Send product updates\"\n        checked={updates}\n        onChange={(event) => setUpdates(event.currentTarget.checked)}\n      />\n      <Button variant=\"primary\" isDisabled={!accepted} styles={{ root: 'w-full' }}>\n        Continue\n      </Button>\n    </Flex>\n  );\n}"
-    }
-}

package/dist/components/Color/examples/01-basic-color-picker.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-color-picker.d.ts.map

package/dist/components/Color/examples/01-basic-color-picker.d.ts.map

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