ui-lab-registry 0.3.45 → 0.3.46

package/dist/components/Input/examples/08-quantity.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Input, Flex } from "ui-lab-components";
-export const metadata = {
-    title: "Quantity",
-    description: "Number input with native spin controls for selecting a bounded quantity.",
-};
-export default function Example() {
-    const [qty, setQty] = useState(1);
-    return (_jsx(Flex, { direction: "column", gap: "sm", style: { width: 200 }, children: _jsx(Input, { type: "number", placeholder: "Qty", value: qty, min: 1, max: 99, onChange: (e) => setQty(Number(e.target.value)) }) }));
-}
-//# sourceMappingURL=08-quantity.js.map

package/dist/components/Input/examples/08-quantity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"08-quantity.js","sourceRoot":"","sources":["../../../../src/components/Input/examples/08-quantity.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,0EAA0E;CACxF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACrD,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAC/C,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Input/examples.json

@@ -1,42 +0,0 @@
-{
-    "01-basic-input": {
-        "title": "Basic Input",
-        "description": "A simple text input field with default styling. Use this as the standard input element for collecting user text input.",
-        "code": "import React from 'react';\nimport { Input } from 'ui-lab-components';\n\nexport default function Example() {\n  return <Input placeholder=\"Enter text...\" />;\n}"
-    },
-    "02-validation": {
-        "title": "Validation States",
-        "description": "Input fields with error and success validation states, including helper text for user feedback.",
-        "code": "import React from 'react';\nimport { Input, Label } from 'ui-lab-components';\nimport { FaCircleExclamation, FaCircleCheck } from 'react-icons/fa6';\n\nexport default function Example() {\n  return (\n    <div className=\"flex flex-col gap-6 w-full max-w-sm\">\n      {/* Error State */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label error helperText=\"Please enter a valid email address\" helperTextError>\n          Email\n        </Label>\n        <Input\n          type=\"email\"\n          placeholder=\"Enter your email\"\n          error\n          defaultValue=\"invalid-email\"\n          icon={{ suffix: <FaCircleExclamation className=\"text-danger-600\" size={14} /> }}\n        />\n      </div>\n\n      {/* Success State */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label helperText=\"Email address is available\">\n          Email\n        </Label>\n        <Input\n          type=\"email\"\n          placeholder=\"Enter your email\"\n          defaultValue=\"user@example.com\"\n          icon={{ suffix: <FaCircleCheck className=\"text-success-600\" size={14} /> }}\n          className=\"border-success-600 focus:border-success-600\"\n        />\n      </div>\n\n      {/* Default State with Helper Text */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label required helperText=\"We'll never share your email with anyone else.\">\n          Email\n        </Label>\n        <Input\n          type=\"email\"\n          placeholder=\"Enter your email\"\n        />\n      </div>\n    </div>\n  );\n}"
-    },
-    "03-sign-in": {
-        "title": "Sign In Form",
-        "description": "Email and password fields with a password visibility toggle — a common authentication pattern.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Input, Flex, Button } from \"ui-lab-components\";\nimport { FaEnvelope, FaLock, FaEye, FaEyeSlash } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [showPassword, setShowPassword] = useState(false);\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 320 }}>\n      <Input\n        type=\"email\"\n        icon={<FaEnvelope className=\"w-3.5 h-3.5 text-foreground-400\" />}\n        placeholder=\"Email address\"\n        autoComplete=\"email\"\n      />\n      <Input\n        type={showPassword ? \"text\" : \"password\"}\n        icon={<FaLock className=\"w-3.5 h-3.5 text-foreground-400\" />}\n        placeholder=\"Password\"\n        autoComplete=\"current-password\"\n        actions={[\n          {\n            icon: showPassword\n              ? <FaEyeSlash className=\"w-3.5 h-3.5\" />\n              : <FaEye className=\"w-3.5 h-3.5\" />,\n            title: showPassword ? \"Hide password\" : \"Show password\",\n            onClick: () => setShowPassword((v) => !v),\n          },\n        ]}\n      />\n      <Button variant=\"primary\" className=\"w-full mt-1\">Sign in</Button>\n    </Flex>\n  );\n}"
-    },
-    "04-search": {
-        "title": "Search",
-        "description": "Search input with a keyboard shortcut hint that switches to a clear action once the user types.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Input, Flex, Badge } from \"ui-lab-components\";\nimport { FaMagnifyingGlass, FaXmark } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [query, setQuery] = useState(\"\");\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 340 }}>\n      <Input\n        icon={<FaMagnifyingGlass className=\"w-3.5 h-3.5 text-foreground-400\" />}\n        placeholder=\"Search components...\"\n        value={query}\n        onChange={(e) => setQuery(e.target.value)}\n        hint={!query ? <Badge>⌘K</Badge> : undefined}\n        actions={\n          query\n            ? [{ icon: <FaXmark className=\"w-3.5 h-3.5\" />, title: \"Clear\", onClick: () => setQuery(\"\") }]\n            : []\n        }\n      />\n    </Flex>\n  );\n}"
-    },
-    "05-user-handle": {
-        "title": "User Handle",
-        "description": "Editable username field with an inline copy action.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Input, Flex } from \"ui-lab-components\";\nimport { FaAt, FaCopy, FaCheck } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [handle, setHandle] = useState(\"kyza\");\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = () => {\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 320 }}>\n      <Input\n        icon={<FaAt className=\"w-3.5 h-3.5 text-foreground-400\" />}\n        placeholder=\"username\"\n        value={handle}\n        onChange={(e) => setHandle(e.target.value)}\n        actions={[\n          {\n            icon: copied\n              ? <FaCheck className=\"w-3.5 h-3.5 text-green-500\" />\n              : <FaCopy className=\"w-3.5 h-3.5\" />,\n            title: copied ? \"Copied!\" : \"Copy handle\",\n            onClick: handleCopy,\n          },\n        ]}\n      />\n    </Flex>\n  );\n}"
-    },
-    "06-api-key": {
-        "title": "API Key",
-        "description": "Read-only secret field with reveal and copy actions — suitable for credentials and tokens.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Input, Flex } from \"ui-lab-components\";\nimport { FaKey, FaEye, FaEyeSlash, FaCopy, FaCheck } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [revealed, setRevealed] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const key = \"sk-proj-a8f2c1d9e4b7\";\n\n  const handleCopy = () => {\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 360 }}>\n      <Input\n        type={revealed ? \"text\" : \"password\"}\n        icon={<FaKey className=\"w-3.5 h-3.5 text-foreground-400\" />}\n        value={key}\n        readOnly\n        actions={[\n          {\n            icon: revealed\n              ? <FaEyeSlash className=\"w-3.5 h-3.5\" />\n              : <FaEye className=\"w-3.5 h-3.5\" />,\n            title: revealed ? \"Hide key\" : \"Reveal key\",\n            onClick: () => setRevealed((v) => !v),\n          },\n          {\n            icon: copied\n              ? <FaCheck className=\"w-3.5 h-3.5 text-green-500\" />\n              : <FaCopy className=\"w-3.5 h-3.5\" />,\n            title: copied ? \"Copied!\" : \"Copy key\",\n            onClick: handleCopy,\n          },\n        ]}\n      />\n    </Flex>\n  );\n}"
-    },
-    "07-url-validation": {
-        "title": "URL with Validation",
-        "description": "URL field that shows a success or error icon in the suffix slot based on the input value.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Input, Flex } from \"ui-lab-components\";\nimport { FaLink, FaCircleExclamation, FaCheck } from \"react-icons/fa6\";\n\nexport default function Example() {\n  const [url, setUrl] = useState(\"\");\n\n  const isValid = url.length === 0 || /^https?:\\/\\/.+\\..+/.test(url);\n  const showError = url.length > 0 && !isValid;\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 340 }}>\n      <Input\n        placeholder=\"https://example.com\"\n        value={url}\n        onChange={(e) => setUrl(e.target.value)}\n        error={showError}\n        icon={{\n          prefix: <FaLink className=\"w-3.5 h-3.5 text-foreground-400\" />,\n          suffix: showError\n            ? <FaCircleExclamation className=\"w-3.5 h-3.5 text-red-500\" />\n            : url.length > 0\n            ? <FaCheck className=\"w-3.5 h-3.5 text-green-500\" />\n            : undefined,\n        }}\n      />\n    </Flex>\n  );\n}"
-    },
-    "08-quantity": {
-        "title": "Quantity",
-        "description": "Number input with native spin controls for selecting a bounded quantity.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Input, Flex } from \"ui-lab-components\";\n\nexport default function Example() {\n  const [qty, setQty] = useState(1);\n\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 200 }}>\n      <Input\n        type=\"number\"\n        placeholder=\"Qty\"\n        value={qty}\n        min={1}\n        max={99}\n        onChange={(e) => setQty(Number(e.target.value))}\n      />\n    </Flex>\n  );\n}"
-    }
-}

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

package/dist/components/Label/examples/01-basic-label.d.ts.map

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

package/dist/components/Label/examples/01-basic-label.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, Input } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Label',
-    description: 'A simple label component associated with a form input. Use this to provide accessible labels for form elements.'
-};
-export default function Example() {
-    return (_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", placeholder: "Enter your name" })] }));
-}
-//# sourceMappingURL=01-basic-label.js.map

package/dist/components/Label/examples/01-basic-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-label.js","sourceRoot":"","sources":["../../../../src/components/Label/examples/01-basic-label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,iHAAiH;CAC/H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,qBAAa,EAClC,KAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,iBAAiB,GAAG,IAC7C,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Label/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-label": {
-        "title": "Basic Label",
-        "description": "A simple label component associated with a form input. Use this to provide accessible labels for form elements.",
-        "code": "import React from 'react';\nimport { Label, Input } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div>\n      <Label htmlFor=\"name\">Name</Label>\n      <Input id=\"name\" placeholder=\"Enter your name\" />\n    </div>\n  );\n}"
-    }
-}

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

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

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

package/dist/components/List/examples/01-basic.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { List } from 'ui-lab-components';
-import { Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic List',
-    description: 'A simple list displaying basic items with selection and interaction support.',
-};
-export default function Example() {
-    return (_jsxs(List, { "aria-label": "Basic List Example", children: [_jsx(List.Header, { children: _jsx("h2", { children: "Items" }) }), _jsx(List.Item, { interactive: true, children: "Item One" }), _jsx(List.Item, { interactive: true, children: "Item Two" }), _jsx(List.Item, { interactive: true, children: "Item Three" }), _jsx(List.Footer, { align: "center", children: _jsx(Button, { variant: "primary", size: "sm", children: "Load More" }) })] }));
-}
-//# sourceMappingURL=01-basic.js.map

package/dist/components/List/examples/01-basic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic.js","sourceRoot":"","sources":["../../../../src/components/List/examples/01-basic.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,kBAAY,oBAAoB,aACnC,KAAC,IAAI,CAAC,MAAM,cACV,iCAAc,GACF,EACd,KAAC,IAAI,CAAC,IAAI,IAAC,WAAW,+BAAqB,EAC3C,KAAC,IAAI,CAAC,IAAI,IAAC,WAAW,+BAAqB,EAC3C,KAAC,IAAI,CAAC,IAAI,IAAC,WAAW,iCAAuB,EAC7C,KAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,YACzB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,0BAE1B,GACG,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/List/examples/02-review-queue.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-review-queue.d.ts.map

package/dist/components/List/examples/02-review-queue.d.ts.map

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

package/dist/components/List/examples/02-review-queue.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { List } from "ui-lab-components";
-export const metadata = {
-    title: "Review Queue",
-    description: "A compact checklist for work that can be completed directly from each row.",
-};
-const reviewItems = [
-    { id: "legal", title: "Legal review", desc: "Updated retention language" },
-    { id: "security", title: "Security review", desc: "New access scopes" },
-    { id: "billing", title: "Billing review", desc: "Invoice copy changes" },
-];
-export default function Example() {
-    const [checked, setChecked] = useState(() => new Set(["legal"]));
-    const setItem = (id, value) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            value ? next.add(id) : next.delete(id);
-            return next;
-        });
-    };
-    const toggleItem = (id) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            next.has(id) ? next.delete(id) : next.add(id);
-            return next;
-        });
-    };
-    return (_jsx(List, { items: reviewItems, spacing: "sm", style: { width: 320 }, children: reviewItems.map((item) => (_jsxs(List.Item, { value: item.id, interactive: true, onClick: () => toggleItem(item.id), children: [_jsx(List.Checkbox, { "aria-label": `Mark ${item.title} reviewed`, placement: "start", checked: checked.has(item.id), onCheckedChange: (value) => setItem(item.id, value) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(List.Title, { children: item.title }), _jsx(List.Desc, { children: item.desc })] })] }, item.id))) }));
-}
-//# sourceMappingURL=02-review-queue.js.map

package/dist/components/List/examples/02-review-queue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-review-queue.js","sourceRoot":"","sources":["../../../../src/components/List/examples/02-review-queue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,4EAA4E;CAC1F,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,4BAA4B,EAAE;IAC1E,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,mBAAmB,EAAE;IACvE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,sBAAsB,EAAE;CACzE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,KAAc,EAAE,EAAE;QAC7C,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9B,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACvC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,EAAU,EAAE,EAAE;QAChC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACzD,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,MAAC,IAAI,CAAC,IAAI,IAAe,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,aACrF,KAAC,IAAI,CAAC,QAAQ,kBACA,QAAQ,IAAI,CAAC,KAAK,WAAW,EACzC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,GACnD,EACF,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,IAAI,CAAC,KAAK,cAAE,IAAI,CAAC,KAAK,GAAc,EACrC,KAAC,IAAI,CAAC,IAAI,cAAE,IAAI,CAAC,IAAI,GAAa,IAC9B,KAVQ,IAAI,CAAC,EAAE,CAWX,CACb,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/List/examples/03-notification-rules.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-notification-rules.d.ts.map

package/dist/components/List/examples/03-notification-rules.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-notification-rules.d.ts","sourceRoot":"","sources":["../../../../src/components/List/examples/03-notification-rules.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA+D9B"}

package/dist/components/List/examples/03-notification-rules.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { List, Select } from "ui-lab-components";
-export const metadata = {
-    title: "Notification Rules",
-    description: "Rows can combine a leading checkbox with a trailing Select action.",
-};
-const notificationItems = [
-    { id: "comments", title: "Comments", desc: "Replies and mentions" },
-    { id: "deployments", title: "Deployments", desc: "Preview and production updates" },
-    { id: "incidents", title: "Incidents", desc: "Status changes and postmortems" },
-];
-export default function Example() {
-    const [checked, setChecked] = useState(() => new Set(["comments", "incidents"]));
-    const [delivery, setDelivery] = useState({
-        comments: "digest",
-        deployments: "email",
-        incidents: "push",
-    });
-    const setItem = (id, value) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            value ? next.add(id) : next.delete(id);
-            return next;
-        });
-    };
-    const toggleItem = (id) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            next.has(id) ? next.delete(id) : next.add(id);
-            return next;
-        });
-    };
-    const setDeliveryMode = (id, value) => {
-        setDelivery((current) => ({ ...current, [id]: value }));
-    };
-    return (_jsx(List, { items: notificationItems, spacing: "sm", style: { width: 400 }, children: notificationItems.map((item) => (_jsxs(List.Item, { value: item.id, interactive: true, onClick: () => toggleItem(item.id), children: [_jsx(List.Checkbox, { "aria-label": `Enable ${item.title.toLowerCase()} notifications`, placement: "start", checked: checked.has(item.id), onCheckedChange: (value) => setItem(item.id, value) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(List.Title, { children: item.title }), _jsx(List.Desc, { children: item.desc })] }), _jsxs(List.Select, { selectedKey: delivery[item.id], valueLabel: String(delivery[item.id] ?? ""), isDisabled: !checked.has(item.id), onSelectionChange: (value) => setDeliveryMode(item.id, value), children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, { placeholder: "Mode" }) }), _jsx(Select.Content, { children: _jsxs(Select.List, { children: [_jsx(Select.Item, { value: "email", children: "Email" }), _jsx(Select.Item, { value: "digest", children: "Digest" }), _jsx(Select.Item, { value: "push", children: "Push" })] }) })] })] }, item.id))) }));
-}
-//# sourceMappingURL=03-notification-rules.js.map

package/dist/components/List/examples/03-notification-rules.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-notification-rules.js","sourceRoot":"","sources":["../../../../src/components/List/examples/03-notification-rules.tsx"],"names":[],"mappings":"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"}

package/dist/components/List/examples/04-quota-editor.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-quota-editor.d.ts.map

package/dist/components/List/examples/04-quota-editor.d.ts.map

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

package/dist/components/List/examples/04-quota-editor.js

@@ -1,40 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { List } from "ui-lab-components";
-export const metadata = {
-    title: "Quota Editor",
-    description: "Inline inputs work as row actions without taking over the List primitive.",
-};
-const quotaItems = [
-    { id: "seats", title: "Seats", desc: "Maximum workspace members" },
-    { id: "projects", title: "Projects", desc: "Active projects per workspace" },
-    { id: "tokens", title: "Tokens", desc: "Monthly API token budget" },
-];
-export default function Example() {
-    const [checked, setChecked] = useState(() => new Set(["seats", "projects"]));
-    const [limits, setLimits] = useState({
-        seats: "24",
-        projects: "12",
-        tokens: "50000",
-    });
-    const setItem = (id, value) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            value ? next.add(id) : next.delete(id);
-            return next;
-        });
-    };
-    const toggleItem = (id) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            next.has(id) ? next.delete(id) : next.add(id);
-            return next;
-        });
-    };
-    const setLimit = (id, value) => {
-        setLimits((current) => ({ ...current, [id]: value }));
-    };
-    return (_jsx(List, { items: quotaItems, spacing: "sm", style: { width: 396 }, children: quotaItems.map((item) => (_jsxs(List.Item, { value: item.id, interactive: true, onClick: () => toggleItem(item.id), children: [_jsx(List.Checkbox, { "aria-label": `Enable ${item.title.toLowerCase()} limit`, placement: "start", checked: checked.has(item.id), onCheckedChange: (value) => setItem(item.id, value) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(List.Title, { children: item.title }), _jsx(List.Desc, { children: item.desc })] }), _jsx(List.Input, { "aria-label": `${item.title} limit`, type: "number", value: limits[item.id], disabled: !checked.has(item.id), onChange: (event) => setLimit(item.id, event.currentTarget.value), className: "w-24" })] }, item.id))) }));
-}
-//# sourceMappingURL=04-quota-editor.js.map

package/dist/components/List/examples/04-quota-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-quota-editor.js","sourceRoot":"","sources":["../../../../src/components/List/examples/04-quota-editor.tsx"],"names":[],"mappings":"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"}

package/dist/components/List/examples/05-permissions-matrix.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-permissions-matrix.d.ts.map

package/dist/components/List/examples/05-permissions-matrix.d.ts.map

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

package/dist/components/List/examples/05-permissions-matrix.js

@@ -1,39 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { List, Select } from "ui-lab-components";
-export const metadata = {
-    title: "Permissions Matrix",
-    description: "A parent checkbox can summarize rows that also expose per-row Select controls.",
-};
-const permissionItems = [
-    { id: "members", title: "Members", desc: "Invite and remove workspace members" },
-    { id: "billing", title: "Billing", desc: "Update plan, seats, and invoices" },
-    { id: "tokens", title: "Tokens", desc: "Issue scoped API credentials" },
-];
-export default function Example() {
-    const rows = useMemo(() => [{ id: "all", title: "All permissions" }, ...permissionItems], []);
-    const [checked, setChecked] = useState(() => new Set(["members", "tokens"]));
-    const [level, setLevel] = useState({
-        members: "edit",
-        billing: "view",
-        tokens: "edit",
-    });
-    const allChecked = checked.size === permissionItems.length;
-    const isIndeterminate = checked.size > 0 && !allChecked;
-    const setItem = (id, value) => {
-        setChecked((current) => {
-            const next = new Set(current);
-            value ? next.add(id) : next.delete(id);
-            return next;
-        });
-    };
-    const setAll = (value) => {
-        permissionItems.forEach((item) => setItem(item.id, value));
-    };
-    const setPermissionLevel = (id, value) => {
-        setLevel((current) => ({ ...current, [id]: value }));
-    };
-    return (_jsxs(List, { items: rows, spacing: "sm", style: { width: 420 }, children: [_jsxs(List.Item, { value: "all", interactive: true, onClick: () => setAll(!allChecked), children: [_jsx(List.Checkbox, { "aria-label": "Toggle all permissions", placement: "start", checked: allChecked, isIndeterminate: isIndeterminate, onCheckedChange: setAll }), _jsx(List.Title, { children: "All permissions" })] }), _jsx(List.Divider, {}), permissionItems.map((item) => (_jsxs(List.Item, { value: item.id, interactive: true, onClick: () => setItem(item.id, !checked.has(item.id)), children: [_jsx("div", { className: "w-5 flex-shrink-0" }), _jsx(List.Checkbox, { "aria-label": `Allow ${item.title.toLowerCase()}`, placement: "start", checked: checked.has(item.id), onCheckedChange: (value) => setItem(item.id, value) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(List.Title, { children: item.title }), _jsx(List.Desc, { children: item.desc })] }), _jsxs(List.Select, { selectedKey: level[item.id], valueLabel: String(level[item.id] ?? ""), isDisabled: !checked.has(item.id), onSelectionChange: (value) => setPermissionLevel(item.id, value), children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, { placeholder: "Access" }) }), _jsx(Select.Content, { children: _jsxs(Select.List, { children: [_jsx(Select.Item, { value: "view", children: "View" }), _jsx(Select.Item, { value: "edit", children: "Edit" }), _jsx(Select.Item, { value: "admin", children: "Admin" })] }) })] })] }, item.id)))] }));
-}
-//# sourceMappingURL=05-permissions-matrix.js.map

package/dist/components/List/examples/05-permissions-matrix.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-permissions-matrix.js","sourceRoot":"","sources":["../../../../src/components/List/examples/05-permissions-matrix.tsx"],"names":[],"mappings":"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"}

package/dist/components/List/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-basic": {
-        "title": "Basic List",
-        "description": "A simple list displaying basic items with selection and interaction support.",
-        "code": "import { List } from 'ui-lab-components';\nimport { Button } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <List aria-label=\"Basic List Example\">\n      <List.Header>\n        <h2>Items</h2>\n      </List.Header>\n      <List.Item interactive>Item One</List.Item>\n      <List.Item interactive>Item Two</List.Item>\n      <List.Item interactive>Item Three</List.Item>\n      <List.Footer align=\"center\">\n        <Button variant=\"primary\" size=\"sm\">\n          Load More\n        </Button>\n      </List.Footer>\n    </List>\n  );\n}"
-    },
-    "02-review-queue": {
-        "title": "Review Queue",
-        "description": "A compact checklist for work that can be completed directly from each row.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { List } from \"ui-lab-components\";\n\nconst reviewItems = [\n  { id: \"legal\", title: \"Legal review\", desc: \"Updated retention language\" },\n  { id: \"security\", title: \"Security review\", desc: \"New access scopes\" },\n  { id: \"billing\", title: \"Billing review\", desc: \"Invoice copy changes\" },\n];\n\nexport default function Example() {\n  const [checked, setChecked] = useState(() => new Set([\"legal\"]));\n\n  const setItem = (id: string, value: boolean) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      value ? next.add(id) : next.delete(id);\n      return next;\n    });\n  };\n\n  const toggleItem = (id: string) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      next.has(id) ? next.delete(id) : next.add(id);\n      return next;\n    });\n  };\n\n  return (\n    <List items={reviewItems} spacing=\"sm\" style={{ width: 320 }}>\n      {reviewItems.map((item) => (\n        <List.Item key={item.id} value={item.id} interactive onClick={() => toggleItem(item.id)}>\n          <List.Checkbox\n            aria-label={`Mark ${item.title} reviewed`}\n            placement=\"start\"\n            checked={checked.has(item.id)}\n            onCheckedChange={(value) => setItem(item.id, value)}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <List.Title>{item.title}</List.Title>\n            <List.Desc>{item.desc}</List.Desc>\n          </div>\n        </List.Item>\n      ))}\n    </List>\n  );\n}"
-    },
-    "03-notification-rules": {
-        "title": "Notification Rules",
-        "description": "Rows can combine a leading checkbox with a trailing Select action.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { List, Select } from \"ui-lab-components\";\n\nconst notificationItems = [\n  { id: \"comments\", title: \"Comments\", desc: \"Replies and mentions\" },\n  { id: \"deployments\", title: \"Deployments\", desc: \"Preview and production updates\" },\n  { id: \"incidents\", title: \"Incidents\", desc: \"Status changes and postmortems\" },\n];\n\nexport default function Example() {\n  const [checked, setChecked] = useState(() => new Set([\"comments\", \"incidents\"]));\n  const [delivery, setDelivery] = useState<Record<string, string | number | null>>({\n    comments: \"digest\",\n    deployments: \"email\",\n    incidents: \"push\",\n  });\n\n  const setItem = (id: string, value: boolean) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      value ? next.add(id) : next.delete(id);\n      return next;\n    });\n  };\n\n  const toggleItem = (id: string) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      next.has(id) ? next.delete(id) : next.add(id);\n      return next;\n    });\n  };\n\n  const setDeliveryMode = (id: string, value: string | number | null) => {\n    setDelivery((current) => ({ ...current, [id]: value }));\n  };\n\n  return (\n    <List items={notificationItems} spacing=\"sm\" style={{ width: 400 }}>\n      {notificationItems.map((item) => (\n        <List.Item key={item.id} value={item.id} interactive onClick={() => toggleItem(item.id)}>\n          <List.Checkbox\n            aria-label={`Enable ${item.title.toLowerCase()} notifications`}\n            placement=\"start\"\n            checked={checked.has(item.id)}\n            onCheckedChange={(value) => setItem(item.id, value)}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <List.Title>{item.title}</List.Title>\n            <List.Desc>{item.desc}</List.Desc>\n          </div>\n          <List.Select\n            selectedKey={delivery[item.id]}\n            valueLabel={String(delivery[item.id] ?? \"\")}\n            isDisabled={!checked.has(item.id)}\n            onSelectionChange={(value) => setDeliveryMode(item.id, value)}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder=\"Mode\" />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.List>\n                <Select.Item value=\"email\">Email</Select.Item>\n                <Select.Item value=\"digest\">Digest</Select.Item>\n                <Select.Item value=\"push\">Push</Select.Item>\n              </Select.List>\n            </Select.Content>\n          </List.Select>\n        </List.Item>\n      ))}\n    </List>\n  );\n}"
-    },
-    "04-quota-editor": {
-        "title": "Quota Editor",
-        "description": "Inline inputs work as row actions without taking over the List primitive.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { List } from \"ui-lab-components\";\n\nconst quotaItems = [\n  { id: \"seats\", title: \"Seats\", desc: \"Maximum workspace members\" },\n  { id: \"projects\", title: \"Projects\", desc: \"Active projects per workspace\" },\n  { id: \"tokens\", title: \"Tokens\", desc: \"Monthly API token budget\" },\n];\n\nexport default function Example() {\n  const [checked, setChecked] = useState(() => new Set([\"seats\", \"projects\"]));\n  const [limits, setLimits] = useState<Record<string, string>>({\n    seats: \"24\",\n    projects: \"12\",\n    tokens: \"50000\",\n  });\n\n  const setItem = (id: string, value: boolean) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      value ? next.add(id) : next.delete(id);\n      return next;\n    });\n  };\n\n  const toggleItem = (id: string) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      next.has(id) ? next.delete(id) : next.add(id);\n      return next;\n    });\n  };\n\n  const setLimit = (id: string, value: string) => {\n    setLimits((current) => ({ ...current, [id]: value }));\n  };\n\n  return (\n    <List items={quotaItems} spacing=\"sm\" style={{ width: 396 }}>\n      {quotaItems.map((item) => (\n        <List.Item key={item.id} value={item.id} interactive onClick={() => toggleItem(item.id)}>\n          <List.Checkbox\n            aria-label={`Enable ${item.title.toLowerCase()} limit`}\n            placement=\"start\"\n            checked={checked.has(item.id)}\n            onCheckedChange={(value) => setItem(item.id, value)}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <List.Title>{item.title}</List.Title>\n            <List.Desc>{item.desc}</List.Desc>\n          </div>\n          <List.Input\n            aria-label={`${item.title} limit`}\n            type=\"number\"\n            value={limits[item.id]}\n            disabled={!checked.has(item.id)}\n            onChange={(event) => setLimit(item.id, event.currentTarget.value)}\n            className=\"w-24\"\n          />\n        </List.Item>\n      ))}\n    </List>\n  );\n}"
-    },
-    "05-permissions-matrix": {
-        "title": "Permissions Matrix",
-        "description": "A parent checkbox can summarize rows that also expose per-row Select controls.",
-        "code": "\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport { List, Select } from \"ui-lab-components\";\n\nconst permissionItems = [\n  { id: \"members\", title: \"Members\", desc: \"Invite and remove workspace members\" },\n  { id: \"billing\", title: \"Billing\", desc: \"Update plan, seats, and invoices\" },\n  { id: \"tokens\", title: \"Tokens\", desc: \"Issue scoped API credentials\" },\n];\n\nexport default function Example() {\n  const rows = useMemo(() => [{ id: \"all\", title: \"All permissions\" }, ...permissionItems], []);\n  const [checked, setChecked] = useState(() => new Set([\"members\", \"tokens\"]));\n  const [level, setLevel] = useState<Record<string, string | number | null>>({\n    members: \"edit\",\n    billing: \"view\",\n    tokens: \"edit\",\n  });\n  const allChecked = checked.size === permissionItems.length;\n  const isIndeterminate = checked.size > 0 && !allChecked;\n\n  const setItem = (id: string, value: boolean) => {\n    setChecked((current) => {\n      const next = new Set(current);\n      value ? next.add(id) : next.delete(id);\n      return next;\n    });\n  };\n\n  const setAll = (value: boolean) => {\n    permissionItems.forEach((item) => setItem(item.id, value));\n  };\n\n  const setPermissionLevel = (id: string, value: string | number | null) => {\n    setLevel((current) => ({ ...current, [id]: value }));\n  };\n\n  return (\n    <List items={rows} spacing=\"sm\" style={{ width: 420 }}>\n      <List.Item value=\"all\" interactive onClick={() => setAll(!allChecked)}>\n        <List.Checkbox\n          aria-label=\"Toggle all permissions\"\n          placement=\"start\"\n          checked={allChecked}\n          isIndeterminate={isIndeterminate}\n          onCheckedChange={setAll}\n        />\n        <List.Title>All permissions</List.Title>\n      </List.Item>\n      <List.Divider />\n      {permissionItems.map((item) => (\n        <List.Item key={item.id} value={item.id} interactive onClick={() => setItem(item.id, !checked.has(item.id))}>\n          <div className=\"w-5 flex-shrink-0\" />\n          <List.Checkbox\n            aria-label={`Allow ${item.title.toLowerCase()}`}\n            placement=\"start\"\n            checked={checked.has(item.id)}\n            onCheckedChange={(value) => setItem(item.id, value)}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <List.Title>{item.title}</List.Title>\n            <List.Desc>{item.desc}</List.Desc>\n          </div>\n          <List.Select\n            selectedKey={level[item.id]}\n            valueLabel={String(level[item.id] ?? \"\")}\n            isDisabled={!checked.has(item.id)}\n            onSelectionChange={(value) => setPermissionLevel(item.id, value)}\n          >\n            <Select.Trigger>\n              <Select.Value placeholder=\"Access\" />\n            </Select.Trigger>\n            <Select.Content>\n              <Select.List>\n                <Select.Item value=\"view\">View</Select.Item>\n                <Select.Item value=\"edit\">Edit</Select.Item>\n                <Select.Item value=\"admin\">Admin</Select.Item>\n              </Select.List>\n            </Select.Content>\n          </List.Select>\n        </List.Item>\n      ))}\n    </List>\n  );\n}"
-    }
-}

package/dist/components/Mask/examples/01-read-more-fade.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-read-more-fade.d.ts.map

package/dist/components/Mask/examples/01-read-more-fade.d.ts.map

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

package/dist/components/Mask/examples/01-read-more-fade.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Mask } from 'ui-lab-components';
-export const metadata = {
-    title: 'Mask - Read More Effect',
-    description: 'Using the mask component to create a smooth fade effect on long text content.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "max-w-md mx-auto p-4 border rounded-lg bg-background", children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Terms of Service" }), _jsxs(Mask, { className: "h-48 bg-muted/30 rounded-md p-4", children: [_jsx(Mask.Fade, { direction: "top", intensity: 0.8, fixed: true }), _jsx(Mask.Fade, { direction: "bottom", intensity: 0.8, fixed: true }), _jsxs("div", { className: "space-y-4 text-sm text-muted-foreground", children: [_jsx("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }), _jsx("p", { children: "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }), _jsx("p", { children: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." }), _jsx("p", { children: "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet." })] })] })] }));
-}
-//# sourceMappingURL=01-read-more-fade.js.map

package/dist/components/Mask/examples/01-read-more-fade.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-read-more-fade.js","sourceRoot":"","sources":["../../../../src/components/Mask/examples/01-read-more-fade.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,+EAA+E;CAC7F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,sDAAsD,aACnE,aAAI,SAAS,EAAC,4BAA4B,iCAAsB,EAChE,MAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,aAC/C,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAE,GAAG,EAAE,KAAK,SAAG,EACnD,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,EAAE,KAAK,SAAG,EACtD,eAAK,SAAS,EAAC,yCAAyC,aACtD,kQAEI,EACJ,gPAEI,EACJ,kPAEI,EACJ,sPAEI,IACA,IACD,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Mask/examples/02-text-gradient.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-text-gradient.d.ts.map

package/dist/components/Mask/examples/02-text-gradient.d.ts.map

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

package/dist/components/Mask/examples/02-text-gradient.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Mask } from 'ui-lab-components';
-export const metadata = {
-    title: 'Mask - Text Gradient',
-    description: 'Using the mask component to create a generic gradient effect on text elements.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "w-full flex flex-col items-center justify-center space-y-8 p-8", children: _jsx("div", { className: "w-full max-w-2xl", children: _jsx(Mask.Gradient, { gradient: "linear-gradient(to right, var(--foreground-200), var(--accent-500))", children: _jsx("div", { className: "whitespace-nowrap text-3xl text-center", children: "Gradient" }) }) }) }));
-}
-//# sourceMappingURL=02-text-gradient.js.map

package/dist/components/Mask/examples/02-text-gradient.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-text-gradient.js","sourceRoot":"","sources":["../../../../src/components/Mask/examples/02-text-gradient.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,gFAAgF;CAC9F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,gEAAgE,YAC7E,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,IAAI,CAAC,QAAQ,IAAC,QAAQ,EAAC,qEAAqE,YAC3F,cAAK,SAAS,EAAC,wCAAwC,yBAEjD,GACQ,GACZ,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Mask/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-read-more-fade": {
-        "title": "Mask - Read More Effect",
-        "description": "Using the mask component to create a smooth fade effect on long text content.",
-        "code": "import React from 'react';\nimport { Mask } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"max-w-md mx-auto p-4 border rounded-lg bg-background\">\n      <h3 className=\"text-lg font-semibold mb-2\">Terms of Service</h3>\n      <Mask className=\"h-48 bg-muted/30 rounded-md p-4\">\n        <Mask.Fade direction=\"top\" intensity={0.8} fixed />\n        <Mask.Fade direction=\"bottom\" intensity={0.8} fixed />\n        <div className=\"space-y-4 text-sm text-muted-foreground\">\n          <p>\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n          </p>\n          <p>\n            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          </p>\n          <p>\n            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\n          </p>\n          <p>\n            Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.\n          </p>\n        </div>\n      </Mask>\n    </div>\n  );\n}"
-    },
-    "02-text-gradient": {
-        "title": "Mask - Text Gradient",
-        "description": "Using the mask component to create a generic gradient effect on text elements.",
-        "code": "import React from 'react';\nimport { Mask } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"w-full flex flex-col items-center justify-center space-y-8 p-8\">\n      <div className=\"w-full max-w-2xl\">\n        <Mask.Gradient gradient=\"linear-gradient(to right, var(--foreground-200), var(--accent-500))\">\n          <div className=\"whitespace-nowrap text-3xl text-center\">\n            Gradient\n          </div>\n        </Mask.Gradient>\n      </div>\n    </div>\n  );\n}"
-    }
-}

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

package/dist/components/Menu/examples/01-basic-menu.d.ts.map

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

package/dist/components/Menu/examples/01-basic-menu.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Menu',
-    description: 'A simple context menu triggered by right-click. Use this to provide quick access to common actions and context-specific commands.'
-};
-export default function Example() {
-    return (_jsxs(Menu, { children: [_jsx(Menu.Trigger, { className: "flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors", children: "Right click here" }), _jsxs(Menu.Content, { children: [_jsx(Menu.Item, { children: "Copy" }), _jsx(Menu.Item, { children: "Paste" }), _jsx(Menu.Item, { disabled: true, children: "Cut" })] })] }));
-}
-//# sourceMappingURL=01-basic-menu.js.map

package/dist/components/Menu/examples/01-basic-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/01-basic-menu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,mIAAmI;CACjJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,wMAAwM,iCAEjN,EACf,MAAC,IAAI,CAAC,OAAO,eACX,KAAC,IAAI,CAAC,IAAI,uBAAiB,EAC3B,KAAC,IAAI,CAAC,IAAI,wBAAkB,EAC5B,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,0BAAgB,IACtB,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples/02-nested-menu.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-nested-menu.d.ts.map

package/dist/components/Menu/examples/02-nested-menu.d.ts.map

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

package/dist/components/Menu/examples/02-nested-menu.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu } from 'ui-lab-components';
-export const metadata = {
-    title: 'Nested Menu',
-    description: 'Context menu with submenus for organizing related actions. Hover over items with arrows to reveal nested options.'
-};
-export default function Example() {
-    return (_jsxs(Menu, { children: [_jsx(Menu.Trigger, { className: "flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors", children: "Right click here" }), _jsxs(Menu.Content, { children: [_jsx(Menu.Item, { children: "New File" }), _jsx(Menu.Item, { children: "New Folder" }), _jsx(Menu.Separator, {}), _jsxs(Menu.Sub, { children: [_jsx(Menu.SubTrigger, { children: "Open with..." }), _jsxs(Menu.SubContent, { children: [_jsx(Menu.Item, { children: "VS Code" }), _jsx(Menu.Item, { children: "Sublime Text" }), _jsx(Menu.Item, { children: "Vim" }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { children: "Other Application..." })] })] }), _jsxs(Menu.Sub, { children: [_jsx(Menu.SubTrigger, { children: "Share" }), _jsxs(Menu.SubContent, { children: [_jsx(Menu.Item, { children: "Copy Link" }), _jsx(Menu.Item, { children: "Email" }), _jsxs(Menu.Sub, { children: [_jsx(Menu.SubTrigger, { children: "Social Media" }), _jsxs(Menu.SubContent, { children: [_jsx(Menu.Item, { children: "Twitter" }), _jsx(Menu.Item, { children: "LinkedIn" }), _jsx(Menu.Item, { children: "Facebook" })] })] })] })] }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { children: "Rename" }), _jsx(Menu.Item, { disabled: true, children: "Delete" })] })] }));
-}
-//# sourceMappingURL=02-nested-menu.js.map

package/dist/components/Menu/examples/02-nested-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-nested-menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/02-nested-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,mHAAmH;CACjI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,wMAAwM,iCAEjN,EACf,MAAC,IAAI,CAAC,OAAO,eACX,KAAC,IAAI,CAAC,IAAI,2BAAqB,EAC/B,KAAC,IAAI,CAAC,IAAI,6BAAuB,EACjC,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,MAAC,IAAI,CAAC,GAAG,eACP,KAAC,IAAI,CAAC,UAAU,+BAA+B,EAC/C,MAAC,IAAI,CAAC,UAAU,eACd,KAAC,IAAI,CAAC,IAAI,0BAAoB,EAC9B,KAAC,IAAI,CAAC,IAAI,+BAAyB,EACnC,KAAC,IAAI,CAAC,IAAI,sBAAgB,EAC1B,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,uCAAiC,IAC3B,IACT,EACX,MAAC,IAAI,CAAC,GAAG,eACP,KAAC,IAAI,CAAC,UAAU,wBAAwB,EACxC,MAAC,IAAI,CAAC,UAAU,eACd,KAAC,IAAI,CAAC,IAAI,4BAAsB,EAChC,KAAC,IAAI,CAAC,IAAI,wBAAkB,EAC5B,MAAC,IAAI,CAAC,GAAG,eACP,KAAC,IAAI,CAAC,UAAU,+BAA+B,EAC/C,MAAC,IAAI,CAAC,UAAU,eACd,KAAC,IAAI,CAAC,IAAI,0BAAoB,EAC9B,KAAC,IAAI,CAAC,IAAI,2BAAqB,EAC/B,KAAC,IAAI,CAAC,IAAI,2BAAqB,IACf,IACT,IACK,IACT,EACX,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,yBAAmB,EAC7B,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,6BAAmB,IACzB,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples/03-toolbar-dropdown.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-toolbar-dropdown.d.ts.map

package/dist/components/Menu/examples/03-toolbar-dropdown.d.ts.map

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