ui-lab-registry 0.3.1 → 0.3.2

package/dist/component-dependencies.d.ts

@@ -13,15 +13,4 @@ export declare const coreNpmDependencies: readonly ["react-aria", "clsx", "class
  * Peer dependencies required by the project
  */
 export declare const corePeerDependencies: readonly ["react", "react-dom"];
-export declare function getComponentDeps(componentId: string): ComponentDeps | undefined;
-export declare function getAllComponentIds(): string[];
-/**
- * Build a reverse mapping from npm packages to the components that use them
- * Used for annotating npm packages in installation plans
- */
-export declare function buildNpmPackageComponentMap(): Record<string, string[]>;
-/**
- * Get the components that depend on a specific npm package
- */
-export declare function getComponentsForNpmPackage(npmPackage: string): string[];
 //# sourceMappingURL=component-dependencies.d.ts.map

package/dist/component-dependencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-dependencies.d.ts","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAkC/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,6DAItB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,oBAAoB,iCAGvB,CAAA;AAEV,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAE/E;AAED,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAatE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAEvE"}
+{"version":3,"file":"component-dependencies.d.ts","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAkC/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,6DAItB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,oBAAoB,iCAGvB,CAAA"}

package/dist/component-dependencies.js

@@ -53,17 +53,17 @@ export const corePeerDependencies = [
     'react',
     'react-dom',
 ];
-export function getComponentDeps(componentId) {
+function getComponentDeps(componentId) {
     return componentDependencies[componentId];
 }
-export function getAllComponentIds() {
+function getAllComponentIds() {
     return Object.keys(componentDependencies);
 }
 /**
  * Build a reverse mapping from npm packages to the components that use them
  * Used for annotating npm packages in installation plans
  */
-export function buildNpmPackageComponentMap() {
+function buildNpmPackageComponentMap() {
     const map = {};
     Object.entries(componentDependencies).forEach(([componentId, deps]) => {
         deps.npm.forEach(npmPackage => {
@@ -78,7 +78,7 @@ export function buildNpmPackageComponentMap() {
 /**
  * Get the components that depend on a specific npm package
  */
-export function getComponentsForNpmPackage(npmPackage) {
+function getComponentsForNpmPackage(npmPackage) {
     return buildNpmPackageComponentMap()[npmPackage] ?? [];
 }
 //# sourceMappingURL=component-dependencies.js.map

package/dist/component-dependencies.js.map

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

package/dist/components/Color/examples/03-format-switching.d.ts

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

package/dist/components/Color/examples/03-format-switching.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"03-format-switching.d.ts","sourceRoot":"","sources":["../../../../src/components/Color/examples/03-format-switching.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqC9B"}
+{"version":3,"file":"03-format-switching.d.ts","sourceRoot":"","sources":["../../../../src/components/Color/examples/03-format-switching.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqC9B"}

package/dist/components/Color/examples/03-format-switching.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Color } from 'ui-lab-components';
-export const metadata = {
+const metadata = {
     title: 'Format Switching',
     description: 'Color picker with format toggle between hex and RGB to copy colors in different formats.'
 };
@@ -11,6 +11,6 @@ export default function Example() {
     const handleFormatChange = () => {
         setFormat(format === 'hex' ? 'rgb' : 'hex');
     };
-    return (_jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("p", { className: "text-sm text-foreground-300", children: ["Selected color: ", _jsx("code", { className: "text-accent-500 font-mono", children: color })] }), _jsxs("button", { onClick: handleFormatChange, className: "px-3 py-1 text-xs bg-foreground-400 hover:bg-foreground-400 text-foreground-100 rounded transition-colors", children: ["Format: ", format.toUpperCase()] })] }), _jsx(Color, { value: color, onChange: setColor, format: format, defaultValue: "#3B82F6" })] }), _jsx("div", { className: "mt-4 p-3 bg-foreground-400 rounded border border-foreground-400", children: _jsxs("p", { className: "text-xs text-foreground-300", children: [_jsx("strong", { children: "Tip:" }), " Click the format button to switch between hex and RGB output formats. This is useful when you need to copy colors in different formats for different contexts."] }) })] }));
+    return (_jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("p", { className: "text-sm text-foreground-300", children: ["Selected color: ", _jsx("code", { className: "text-accent-500 font-mono", children: color })] }), _jsxs("button", { onClick: handleFormatChange, className: "px-3 py-1 text-sm bg-foreground-400 hover:bg-foreground-400 text-foreground-100 rounded transition-colors", children: ["Format: ", format.toUpperCase()] })] }), _jsx(Color, { value: color, onChange: setColor, format: format, defaultValue: "#3B82F6" })] }), _jsx("div", { className: "mt-4 p-3 bg-foreground-400 rounded border border-foreground-400", children: _jsxs("p", { className: "text-sm text-foreground-300", children: [_jsx("strong", { children: "Tip:" }), " Click the format button to switch between hex and RGB output formats. This is useful when you need to copy colors in different formats for different contexts."] }) })] }));
 }
 //# sourceMappingURL=03-format-switching.js.map

package/dist/components/Color/examples/03-format-switching.js.map

@@ -1 +1 @@
-{"version":3,"file":"03-format-switching.js","sourceRoot":"","sources":["../../../../src/components/Color/examples/03-format-switching.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,0FAA0F;CACxG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,KAAK,CAAC,CAAC;IAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,SAAS,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,eAAK,SAAS,EAAC,wCAAwC,aACrD,aAAG,SAAS,EAAC,6BAA6B,iCACxB,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACxE,EACJ,kBACE,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,2GAA2G,yBAE5G,MAAM,CAAC,WAAW,EAAE,IACtB,IACL,EACN,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,SAAS,GACtB,IACE,EACN,cAAK,SAAS,EAAC,iEAAiE,YAC9E,aAAG,SAAS,EAAC,6BAA6B,aACxC,oCAAqB,uKAEnB,GACA,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"03-format-switching.js","sourceRoot":"","sources":["../../../../src/components/Color/examples/03-format-switching.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,0FAA0F;CACxG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,KAAK,CAAC,CAAC;IAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,SAAS,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,eAAK,SAAS,EAAC,wCAAwC,aACrD,aAAG,SAAS,EAAC,6BAA6B,iCACxB,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACxE,EACJ,kBACE,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,2GAA2G,yBAE5G,MAAM,CAAC,WAAW,EAAE,IACtB,IACL,EACN,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,SAAS,GACtB,IACE,EACN,cAAK,SAAS,EAAC,iEAAiE,YAC9E,aAAG,SAAS,EAAC,6BAA6B,aACxC,oCAAqB,uKAEnB,GACA,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Color/examples.json

@@ -8,10 +8,5 @@
         "title": "Opacity Slider",
         "description": "Color picker with opacity/alpha slider enabled for transparent color selection.",
         "code": "import React, { useState } from 'react';\nimport { Color } from 'ui-lab-components';\n\nexport default function Example() {\n  const [color, setColor] = useState('rgba(106, 90, 205, 0.75)');\n\n  return (\n    <div className=\"p-4 space-y-4\">\n      <div>\n        <p className=\"text-sm text-foreground-300 mb-3\">Selected color: <code className=\"text-accent-500 font-mono\">{color}</code></p>\n        <Color\n          value={color}\n          onChange={setColor}\n          showOpacity\n          format=\"rgb\"\n          defaultValue=\"rgba(106, 90, 205, 0.75)\"\n        />\n      </div>\n    </div>\n  );\n}"
-    },
-    "03-format-switching": {
-        "title": "Format Switching",
-        "description": "Color picker with format toggle between hex and RGB to copy colors in different formats.",
-        "code": "import React, { useState } from 'react';\nimport { Color } from 'ui-lab-components';\n\nexport default function Example() {\n  const [color, setColor] = useState('#3B82F6');\n  const [format, setFormat] = useState<'hex' | 'rgb'>('hex');\n\n  const handleFormatChange = () => {\n    setFormat(format === 'hex' ? 'rgb' : 'hex');\n  };\n\n  return (\n    <div className=\"p-4 space-y-4\">\n      <div>\n        <div className=\"flex items-center justify-between mb-3\">\n          <p className=\"text-sm text-foreground-300\">\n            Selected color: <code className=\"text-accent-500 font-mono\">{color}</code>\n          </p>\n          <button\n            onClick={handleFormatChange}\n            className=\"px-3 py-1 text-xs bg-foreground-400 hover:bg-foreground-400 text-foreground-100 rounded transition-colors\"\n          >\n            Format: {format.toUpperCase()}\n          </button>\n        </div>\n        <Color\n          value={color}\n          onChange={setColor}\n          format={format}\n          defaultValue=\"#3B82F6\"\n        />\n      </div>\n      <div className=\"mt-4 p-3 bg-foreground-400 rounded border border-foreground-400\">\n        <p className=\"text-xs text-foreground-300\">\n          <strong>Tip:</strong> Click the format button to switch between hex and RGB output formats.\n          This is useful when you need to copy colors in different formats for different contexts.\n        </p>\n      </div>\n    </div>\n  );\n}"
     }
 }

package/dist/components/Command/examples/01-basic-command.js

@@ -31,6 +31,6 @@ export default function Example() {
             action: () => console.log('Settings'),
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette (\u2318K)" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.SearchInput, { placeholder: "Search commands..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderCategory: (category) => category ? _jsx(Command.Category, { children: category }) : null, renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, hint: cmd.shortcut, children: _jsx("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, children: _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 500 }, children: cmd.label }), cmd.description && (_jsx("div", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.description }))] }) }) }, cmd.id)) }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette (\u2318K)" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.Input, { placeholder: "Search commands..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderCategory: (category) => category ? _jsx(Command.Category, { children: category }) : null, renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, hint: cmd.shortcut, children: _jsx("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, children: _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 500 }, children: cmd.label }), cmd.description && (_jsx("div", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.description }))] }) }) }, cmd.id)) }) })] })] }));
 }
 //# sourceMappingURL=01-basic-command.js.map

package/dist/components/Command/examples/01-basic-command.js.map

@@ -1 +1 @@
-{"version":3,"file":"01-basic-command.js","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAS,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,sFAAsF;CACpG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG;QACf;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,kBAAkB;YAC/B,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,YAAY;YACnB,WAAW,EAAE,uBAAuB;YACpC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,2BAA2B;YACxC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;SACtC;KACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,uCAE3B,EACT,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,QAAQ,aAEf,KAAC,OAAO,CAAC,WAAW,IAAC,WAAW,EAAC,oBAAoB,GAAG,EACxD,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,MAAM,IACb,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAC3B,QAAQ,CAAC,CAAC,CAAC,KAAC,OAAO,CAAC,QAAQ,cAAE,QAAQ,GAAoB,CAAC,CAAC,CAAC,IAAI,EAEnE,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACnB,KAAC,OAAO,CAAC,IAAI,IAEX,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,GAAG,CAAC,QAAQ,YAElB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,YACpF,0BACE,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,GAAG,CAAC,KAAK,GAAO,EACjD,GAAG,CAAC,WAAW,IAAI,CAClB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,YAC9C,GAAG,CAAC,WAAW,GACZ,CACP,IACG,GACF,IAfD,GAAG,CAAC,EAAE,CAgBE,CAChB,GACD,GACW,IACP,IACT,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"01-basic-command.js","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAS,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,sFAAsF;CACpG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG;QACf;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,kBAAkB;YAC/B,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,YAAY;YACnB,WAAW,EAAE,uBAAuB;YACpC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,2BAA2B;YACxC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;SACtC;KACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,uCAE3B,EACT,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,QAAQ,aAEf,KAAC,OAAO,CAAC,KAAK,IAAC,WAAW,EAAC,oBAAoB,GAAG,EAClD,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,MAAM,IACb,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAC3B,QAAQ,CAAC,CAAC,CAAC,KAAC,OAAO,CAAC,QAAQ,cAAE,QAAQ,GAAoB,CAAC,CAAC,CAAC,IAAI,EAEnE,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACnB,KAAC,OAAO,CAAC,IAAI,IAEX,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,GAAG,CAAC,QAAQ,YAElB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,YACpF,0BACE,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,GAAG,CAAC,KAAK,GAAO,EACjD,GAAG,CAAC,WAAW,IAAI,CAClB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,YAC9C,GAAG,CAAC,WAAW,GACZ,CACP,IACG,GACF,IAfD,GAAG,CAAC,EAAE,CAgBE,CAChB,GACD,GACW,IACP,IACT,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Command/examples.json

@@ -2,6 +2,6 @@
     "01-basic-command": {
         "title": "Basic Command Palette",
         "description": "A searchable command palette with keyboard shortcuts. Use Cmd+K (or Ctrl+K) to open.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Command, Button, Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  const [open, setOpen] = React.useState(false);\n\n  const commands = [\n    {\n      id: 'search',\n      label: 'Search',\n      description: 'Search documents',\n      shortcut: '⌘F',\n      action: () => console.log('Search'),\n    },\n    {\n      id: 'create',\n      label: 'Create new',\n      description: 'Create a new document',\n      shortcut: '⌘N',\n      action: () => console.log('Create'),\n    },\n    {\n      id: 'settings',\n      label: 'Settings',\n      description: 'Open application settings',\n      shortcut: '⌘,',\n      action: () => console.log('Settings'),\n    },\n  ];\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>\n        Open Palette (⌘K)\n      </Button>\n      <Command\n        open={open}\n        onOpenChange={setOpen}\n        items={commands}\n      >\n        <Command.SearchInput placeholder=\"Search commands...\" />\n        <Command.List>\n          <Command.Groups\n            renderCategory={(category) =>\n              category ? <Command.Category>{category}</Command.Category> : null\n            }\n            renderItem={(cmd) => (\n              <Command.Item\n                key={cmd.id}\n                value={cmd.id}\n                textValue={cmd.label}\n                action={cmd.action}\n                hint={cmd.shortcut}\n              >\n                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n                  <div>\n                    <div style={{ fontWeight: 500 }}>{cmd.label}</div>\n                    {cmd.description && (\n                      <div style={{ fontSize: '0.875em', opacity: 0.7 }}>\n                        {cmd.description}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </Command.Item>\n            )}\n          />\n        </Command.List>\n      </Command>\n    </>\n  );\n}"
+        "code": "'use client';\n\nimport React from 'react';\nimport { Command, Button, Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  const [open, setOpen] = React.useState(false);\n\n  const commands = [\n    {\n      id: 'search',\n      label: 'Search',\n      description: 'Search documents',\n      shortcut: '⌘F',\n      action: () => console.log('Search'),\n    },\n    {\n      id: 'create',\n      label: 'Create new',\n      description: 'Create a new document',\n      shortcut: '⌘N',\n      action: () => console.log('Create'),\n    },\n    {\n      id: 'settings',\n      label: 'Settings',\n      description: 'Open application settings',\n      shortcut: '⌘,',\n      action: () => console.log('Settings'),\n    },\n  ];\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>\n        Open Palette (⌘K)\n      </Button>\n      <Command\n        open={open}\n        onOpenChange={setOpen}\n        items={commands}\n      >\n        <Command.Input placeholder=\"Search commands...\" />\n        <Command.List>\n          <Command.Groups\n            renderCategory={(category) =>\n              category ? <Command.Category>{category}</Command.Category> : null\n            }\n            renderItem={(cmd) => (\n              <Command.Item\n                key={cmd.id}\n                value={cmd.id}\n                textValue={cmd.label}\n                action={cmd.action}\n                hint={cmd.shortcut}\n              >\n                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n                  <div>\n                    <div style={{ fontWeight: 500 }}>{cmd.label}</div>\n                    {cmd.description && (\n                      <div style={{ fontSize: '0.875em', opacity: 0.7 }}>\n                        {cmd.description}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </Command.Item>\n            )}\n          />\n        </Command.List>\n      </Command>\n    </>\n  );\n}"
     }
 }

package/dist/components/Command/index.js

@@ -48,7 +48,7 @@ export function Example() {
         onOpenChange={setOpen}
         items={commands}
       >
-        <Command.SearchInput placeholder="Search..." />
+        <Command.Input placeholder="Search..." />
         <Command.List>
           <Command.Groups
             renderItem={(cmd) => (
@@ -87,7 +87,7 @@ const CommandPreview = () => {
             action: () => console.log('Create'),
         },
     ];
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.SearchInput, { placeholder: "Search..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("div", { children: cmd.label }), cmd.shortcut && _jsx("span", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.shortcut })] }) })) }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.Input, { placeholder: "Search..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("div", { children: cmd.label }), cmd.shortcut && _jsx("span", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.shortcut })] }) })) }) })] })] }));
 };
 const CommandRenderPreview = (props) => {
     const [open, setOpen] = useState(props.open ?? false);
@@ -110,7 +110,7 @@ const CommandRenderPreview = (props) => {
     return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette" }), _jsxs(Command, { open: open, onOpenChange: (value) => {
                     setOpen(value);
                     props.handleControlChange('open', value);
-                }, items: commands, children: [_jsx(Command.SearchInput, { placeholder: "Search..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("div", { children: cmd.label }), cmd.shortcut && _jsx("span", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.shortcut })] }) })) }) })] })] }));
+                }, items: commands, children: [_jsx(Command.Input, { placeholder: "Search..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("div", { children: cmd.label }), cmd.shortcut && _jsx("span", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.shortcut })] }) })) }) })] })] }));
 };
 export const commandDetail = {
     id: 'command',

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

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

package/dist/components/Divider/examples/02-pattern-variants.js

@@ -5,6 +5,6 @@ export const metadata = {
     description: 'Dividers support three distinct pattern styles: solid for continuous lines, dashed for rectangular segments, and dotted for circular dots.'
 };
 export default function Example() {
-    return (_jsxs("div", { className: "space-y-6 w-full", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-xs text-foreground-400", children: "Solid" }), _jsx(Divider, { variant: "solid" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-xs text-foreground-400", children: "Dashed" }), _jsx(Divider, { variant: "dashed" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-xs text-foreground-400", children: "Dotted" }), _jsx(Divider, { variant: "dotted" })] })] }));
+    return (_jsxs("div", { className: "space-y-6 w-full", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Solid" }), _jsx(Divider, { variant: "solid" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Dashed" }), _jsx(Divider, { variant: "dashed" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Dotted" }), _jsx(Divider, { variant: "dotted" })] })] }));
 }
 //# sourceMappingURL=02-pattern-variants.js.map

package/dist/components/Divider/examples.json

@@ -7,7 +7,7 @@
     "02-pattern-variants": {
         "title": "Pattern Variants",
         "description": "Dividers support three distinct pattern styles: solid for continuous lines, dashed for rectangular segments, and dotted for circular dots.",
-        "code": "import { Divider } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"space-y-6 w-full\">\n      <div className=\"space-y-2\">\n        <span className=\"text-xs text-foreground-400\">Solid</span>\n        <Divider variant=\"solid\" />\n      </div>\n      <div className=\"space-y-2\">\n        <span className=\"text-xs text-foreground-400\">Dashed</span>\n        <Divider variant=\"dashed\" />\n      </div>\n      <div className=\"space-y-2\">\n        <span className=\"text-xs text-foreground-400\">Dotted</span>\n        <Divider variant=\"dotted\" />\n      </div>\n    </div>\n  );\n}"
+        "code": "import { Divider } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"space-y-6 w-full\">\n      <div className=\"space-y-2\">\n        <span className=\"text-sm text-foreground-400\">Solid</span>\n        <Divider variant=\"solid\" />\n      </div>\n      <div className=\"space-y-2\">\n        <span className=\"text-sm text-foreground-400\">Dashed</span>\n        <Divider variant=\"dashed\" />\n      </div>\n      <div className=\"space-y-2\">\n        <span className=\"text-sm text-foreground-400\">Dotted</span>\n        <Divider variant=\"dotted\" />\n      </div>\n    </div>\n  );\n}"
     },
     "03-vertical-divider": {
         "title": "Vertical Orientation",

package/dist/components/Grid/examples/01-basic-grid.js

@@ -5,6 +5,6 @@ export const metadata = {
     description: 'A simple grid layout with multiple cells. Use this for organizing content in a responsive grid structure.'
 };
 export default function Example() {
-    return (_jsxs(Grid, { columns: "3", gap: "md", children: [_jsx("div", { style: { padding: '1rem', background: '#e0e0e0' }, children: "Cell 1" }), _jsx("div", { style: { padding: '1rem', background: '#d0d0d0' }, children: "Cell 2" }), _jsx("div", { style: { padding: '1rem', background: '#c0c0c0' }, children: "Cell 3" }), _jsx("div", { style: { padding: '1rem', background: '#b0b0b0' }, children: "Cell 4" }), _jsx("div", { style: { padding: '1rem', background: '#a0a0a0' }, children: "Cell 5" }), _jsx("div", { style: { padding: '1rem', background: '#909090' }, children: "Cell 6" })] }));
+    return (_jsxs(Grid, { columns: 3, gap: "md", children: [_jsx("div", { style: { padding: '1rem', background: '#e0e0e0' }, children: "Cell 1" }), _jsx("div", { style: { padding: '1rem', background: '#d0d0d0' }, children: "Cell 2" }), _jsx("div", { style: { padding: '1rem', background: '#c0c0c0' }, children: "Cell 3" }), _jsx("div", { style: { padding: '1rem', background: '#b0b0b0' }, children: "Cell 4" }), _jsx("div", { style: { padding: '1rem', background: '#a0a0a0' }, children: "Cell 5" }), _jsx("div", { style: { padding: '1rem', background: '#909090' }, children: "Cell 6" })] }));
 }
 //# sourceMappingURL=01-basic-grid.js.map

package/dist/components/Grid/examples/01-basic-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"01-basic-grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/examples/01-basic-grid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,2GAA2G;CACzH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,aACxB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,IAC/D,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"01-basic-grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/examples/01-basic-grid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,2GAA2G;CACzH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,GAAG,EAAC,IAAI,aACxB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,EACpE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,uBAAc,IAC/D,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Grid/examples.json

@@ -2,6 +2,6 @@
     "01-basic-grid": {
         "title": "Basic Grid",
         "description": "A simple grid layout with multiple cells. Use this for organizing content in a responsive grid structure.",
-        "code": "import React from 'react';\nimport { Grid } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Grid columns=\"3\" gap=\"md\">\n      <div style={{ padding: '1rem', background: '#e0e0e0' }}>Cell 1</div>\n      <div style={{ padding: '1rem', background: '#d0d0d0' }}>Cell 2</div>\n      <div style={{ padding: '1rem', background: '#c0c0c0' }}>Cell 3</div>\n      <div style={{ padding: '1rem', background: '#b0b0b0' }}>Cell 4</div>\n      <div style={{ padding: '1rem', background: '#a0a0a0' }}>Cell 5</div>\n      <div style={{ padding: '1rem', background: '#909090' }}>Cell 6</div>\n    </Grid>\n  );\n}"
+        "code": "import React from 'react';\nimport { Grid } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Grid columns={3} gap=\"md\">\n      <div style={{ padding: '1rem', background: '#e0e0e0' }}>Cell 1</div>\n      <div style={{ padding: '1rem', background: '#d0d0d0' }}>Cell 2</div>\n      <div style={{ padding: '1rem', background: '#c0c0c0' }}>Cell 3</div>\n      <div style={{ padding: '1rem', background: '#b0b0b0' }}>Cell 4</div>\n      <div style={{ padding: '1rem', background: '#a0a0a0' }}>Cell 5</div>\n      <div style={{ padding: '1rem', background: '#909090' }}>Cell 6</div>\n    </Grid>\n  );\n}"
     }
 }

package/dist/components/Grid/index.js

@@ -78,7 +78,7 @@ const gridBasicCode = `import { Grid } from "ui-lab-components";
 
 export function Example() {
   return (
-    <Grid columns="3" gap="md">
+    <Grid columns={3} gap="md">
       <div className="h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center">1</div>
       <div className="h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center">2</div>
       <div className="h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center">3</div>
@@ -115,7 +115,7 @@ export const gridDetail = {
             name: 'Default',
             description: 'Standard grid with 3 columns and medium gap.',
             code: gridBasicCode,
-            preview: (_jsxs(Grid, { columns: "3", gap: "md", children: [_jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "1" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "2" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "3" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "4" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "5" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "6" })] })),
+            preview: (_jsxs(Grid, { columns: 3, gap: "md", children: [_jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "1" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "2" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "3" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "4" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "5" }), _jsx("div", { className: "h-20 bg-accent-500/20 rounded border border-accent-500/50 flex items-center justify-center", children: "6" })] })),
         },
     ],
 };

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

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

package/dist/components/Input/examples/02-validation.js

@@ -6,6 +6,6 @@ export const metadata = {
     description: 'Input fields with error and success validation states, including helper text for user feedback.'
 };
 export default function Example() {
-    return (_jsxs("div", { className: "flex flex-col gap-6 w-full max-w-sm", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { error: true, helperText: "Please enter a valid email address", helperTextError: true, children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", error: true, defaultValue: "invalid-email", suffixIcon: _jsx(FaCircleExclamation, { className: "text-danger-600", size: 14 }) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { helperText: "Email address is available", children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", defaultValue: "user@example.com", suffixIcon: _jsx(FaCircleCheck, { className: "text-success-600", size: 14 }), className: "border-success-600 focus:border-success-600" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { required: true, helperText: "We'll never share your email with anyone else.", children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email" })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-6 w-full max-w-sm", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { error: true, helperText: "Please enter a valid email address", helperTextError: true, children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", error: true, defaultValue: "invalid-email", icon: { suffix: _jsx(FaCircleExclamation, { className: "text-danger-600", size: 14 }) } })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { helperText: "Email address is available", children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", defaultValue: "user@example.com", icon: { suffix: _jsx(FaCircleCheck, { className: "text-success-600", size: 14 }) }, className: "border-success-600 focus:border-success-600" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { required: true, helperText: "We'll never share your email with anyone else.", children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email" })] })] }));
 }
 //# sourceMappingURL=02-validation.js.map

package/dist/components/Input/examples/02-validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"02-validation.js","sourceRoot":"","sources":["../../../../src/components/Input/examples/02-validation.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,iGAAiG;CAC/G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAElD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,KAAK,QAAC,UAAU,EAAC,oCAAoC,EAAC,eAAe,4BAEpE,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,KAAK,QACL,YAAY,EAAC,eAAe,EAC5B,UAAU,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI,GACzE,IACE,EAGN,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,UAAU,EAAC,4BAA4B,sBAEtC,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAC,kBAAkB,EAC/B,UAAU,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAI,EACpE,SAAS,EAAC,6CAA6C,GACvD,IACE,EAGN,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,QAAQ,QAAC,UAAU,EAAC,gDAAgD,sBAEnE,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,GAC9B,IACE,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"02-validation.js","sourceRoot":"","sources":["../../../../src/components/Input/examples/02-validation.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,iGAAiG;CAC/G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,qCAAqC,aAElD,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,KAAK,QAAC,UAAU,EAAC,oCAAoC,EAAC,eAAe,4BAEpE,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,KAAK,QACL,YAAY,EAAC,eAAe,EAC5B,IAAI,EAAE,EAAE,MAAM,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI,EAAE,GAC/E,IACE,EAGN,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,UAAU,EAAC,4BAA4B,sBAEtC,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAC,kBAAkB,EAC/B,IAAI,EAAE,EAAE,MAAM,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAI,EAAE,EAC1E,SAAS,EAAC,6CAA6C,GACvD,IACE,EAGN,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,QAAQ,QAAC,UAAU,EAAC,gDAAgD,sBAEnE,EACR,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,kBAAkB,GAC9B,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Input/examples.json

@@ -7,6 +7,6 @@
     "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          suffixIcon={<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          suffixIcon={<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}"
+        "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}"
     }
 }

package/dist/components/Path/examples.json

@@ -1,9 +1,4 @@
 {
-    "01-basic-breadcrumbs": {
-        "title": "Basic Path",
-        "description": "A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.",
-        "code": "import { PathItem, Path } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Path>\n      <PathItem href=\"/\">Home</PathItem>\n      <PathItem href=\"/products\">Products</PathItem>\n      <PathItem href=\"/products/electronics\">Electronics</PathItem>\n      <PathItem>Laptop</PathItem>\n    </Path>\n  );\n}"
-    },
     "01-basic-path": {
         "title": "Basic Path",
         "description": "A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.",

package/dist/components/Radio/index.js

@@ -55,7 +55,7 @@ export const radioDetail = {
     id: "radio",
     name: "Radio",
     description: "A radio button group component for mutually exclusive selections with support for grouping, disabled state, and descriptions.",
-    overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Radio component is a form control for capturing a single choice from a set of mutually exclusive options. Radio buttons are ideal when users need to select one option from a group." }), _jsxs("p", { children: ["The component supports labels, descriptions, helper text, and various visual states including checked, unchecked, disabled, and error states. Use the compound component pattern with ", _jsx("code", { className: "text-accent-500 bg-background-900 px-1.5 py-0.5 rounded text-xs", children: "Radio.Group" }), " and ", _jsx("code", { className: "text-accent-500 bg-background-900 px-1.5 py-0.5 rounded text-xs", children: "Radio.Item" }), " for automatic group management, or use individual ", _jsx("code", { className: "text-accent-500 bg-background-900 px-1.5 py-0.5 rounded text-xs", children: "Radio" }), " components for standalone use."] })] })),
+    overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Radio component is a form control for capturing a single choice from a set of mutually exclusive options. Radio buttons are ideal when users need to select one option from a group." }), _jsxs("p", { children: ["The component supports labels, descriptions, helper text, and various visual states including checked, unchecked, disabled, and error states. Use the compound component pattern with ", _jsx("code", { className: "text-accent-500 bg-background-900 px-1.5 py-0.5 rounded text-sm", children: "Radio.Group" }), " and ", _jsx("code", { className: "text-accent-500 bg-background-900 px-1.5 py-0.5 rounded text-sm", children: "Radio.Item" }), " for automatic group management, or use individual ", _jsx("code", { className: "text-accent-500 bg-background-900 px-1.5 py-0.5 rounded text-sm", children: "Radio" }), " components for standalone use."] })] })),
     examples: [
         {
             id: "preview",

package/dist/components/Select/examples/02-searchable-select.js

@@ -33,6 +33,6 @@ const countries = [
     { value: 'nz', label: 'New Zealand' },
 ];
 export default function Example() {
-    return (_jsxs(Select, { children: [_jsx(Searchable.Trigger, { placeholder: "Search countries..." }), _jsx(Searchable.Content, { searchPlaceholder: "Type to filter...", children: countries.map((country) => (_jsx(Select.Item, { value: country.value, textValue: country.label, children: country.label }, country.value))) })] }));
+    return (_jsxs(Select, { children: [_jsx(Searchable.Input, { placeholder: "Search countries..." }), _jsx(Searchable.Content, { searchPlaceholder: "Type to filter...", children: countries.map((country) => (_jsx(Select.Item, { value: country.value, textValue: country.label, children: country.label }, country.value))) })] }));
 }
 //# sourceMappingURL=02-searchable-select.js.map

package/dist/components/Select/examples/02-searchable-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"02-searchable-select.js","sourceRoot":"","sources":["../../../../src/components/Select/examples/02-searchable-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,kGAAkG;CAChH,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE;IACvC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACxC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE;IAClC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,eACL,KAAC,UAAU,CAAC,OAAO,IAAC,WAAW,EAAC,qBAAqB,GAAG,EACxD,KAAC,UAAU,CAAC,OAAO,IAAC,iBAAiB,EAAC,mBAAmB,YACtD,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,KAAC,MAAM,CAAC,IAAI,IAAqB,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,YAC5E,OAAO,CAAC,KAAK,IADE,OAAO,CAAC,KAAK,CAEjB,CACf,CAAC,GACiB,IACd,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"02-searchable-select.js","sourceRoot":"","sources":["../../../../src/components/Select/examples/02-searchable-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,kGAAkG;CAChH,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE;IACvC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACxC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE;IAClC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,eACL,KAAC,UAAU,CAAC,KAAK,IAAC,WAAW,EAAC,qBAAqB,GAAG,EACtD,KAAC,UAAU,CAAC,OAAO,IAAC,iBAAiB,EAAC,mBAAmB,YACtD,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,KAAC,MAAM,CAAC,IAAI,IAAqB,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,YAC5E,OAAO,CAAC,KAAK,IADE,OAAO,CAAC,KAAK,CAEjB,CACf,CAAC,GACiB,IACd,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Select/examples.json

@@ -7,6 +7,6 @@
     "02-searchable-select": {
         "title": "Searchable Select",
         "description": "A filterable select component with search input. Type to filter through a large list of options.",
-        "code": "import React from 'react';\nimport { Select, Searchable } from 'ui-lab-components';\n\nconst countries = [\n  { value: 'us', label: 'United States' },\n  { value: 'ca', label: 'Canada' },\n  { value: 'mx', label: 'Mexico' },\n  { value: 'br', label: 'Brazil' },\n  { value: 'ar', label: 'Argentina' },\n  { value: 'uk', label: 'United Kingdom' },\n  { value: 'fr', label: 'France' },\n  { value: 'de', label: 'Germany' },\n  { value: 'it', label: 'Italy' },\n  { value: 'es', label: 'Spain' },\n  { value: 'pt', label: 'Portugal' },\n  { value: 'nl', label: 'Netherlands' },\n  { value: 'be', label: 'Belgium' },\n  { value: 'ch', label: 'Switzerland' },\n  { value: 'at', label: 'Austria' },\n  { value: 'se', label: 'Sweden' },\n  { value: 'no', label: 'Norway' },\n  { value: 'dk', label: 'Denmark' },\n  { value: 'fi', label: 'Finland' },\n  { value: 'pl', label: 'Poland' },\n  { value: 'jp', label: 'Japan' },\n  { value: 'cn', label: 'China' },\n  { value: 'kr', label: 'South Korea' },\n  { value: 'in', label: 'India' },\n  { value: 'au', label: 'Australia' },\n  { value: 'nz', label: 'New Zealand' },\n];\n\nexport default function Example() {\n  return (\n    <Select>\n      <Searchable.Trigger placeholder=\"Search countries...\" />\n      <Searchable.Content searchPlaceholder=\"Type to filter...\">\n        {countries.map((country) => (\n          <Select.Item key={country.value} value={country.value} textValue={country.label}>\n            {country.label}\n          </Select.Item>\n        ))}\n      </Searchable.Content>\n    </Select>\n  );\n}"
+        "code": "import React from 'react';\nimport { Select, Searchable } from 'ui-lab-components';\n\nconst countries = [\n  { value: 'us', label: 'United States' },\n  { value: 'ca', label: 'Canada' },\n  { value: 'mx', label: 'Mexico' },\n  { value: 'br', label: 'Brazil' },\n  { value: 'ar', label: 'Argentina' },\n  { value: 'uk', label: 'United Kingdom' },\n  { value: 'fr', label: 'France' },\n  { value: 'de', label: 'Germany' },\n  { value: 'it', label: 'Italy' },\n  { value: 'es', label: 'Spain' },\n  { value: 'pt', label: 'Portugal' },\n  { value: 'nl', label: 'Netherlands' },\n  { value: 'be', label: 'Belgium' },\n  { value: 'ch', label: 'Switzerland' },\n  { value: 'at', label: 'Austria' },\n  { value: 'se', label: 'Sweden' },\n  { value: 'no', label: 'Norway' },\n  { value: 'dk', label: 'Denmark' },\n  { value: 'fi', label: 'Finland' },\n  { value: 'pl', label: 'Poland' },\n  { value: 'jp', label: 'Japan' },\n  { value: 'cn', label: 'China' },\n  { value: 'kr', label: 'South Korea' },\n  { value: 'in', label: 'India' },\n  { value: 'au', label: 'Australia' },\n  { value: 'nz', label: 'New Zealand' },\n];\n\nexport default function Example() {\n  return (\n    <Select>\n      <Searchable.Input placeholder=\"Search countries...\" />\n      <Searchable.Content searchPlaceholder=\"Type to filter...\">\n        {countries.map((country) => (\n          <Select.Item key={country.value} value={country.value} textValue={country.label}>\n            {country.label}\n          </Select.Item>\n        ))}\n      </Searchable.Content>\n    </Select>\n  );\n}"
     }
 }

package/dist/components/Tabs/examples/01-basic-tabs.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger, TabsContent } from 'ui-lab-components';
+import { Tabs } from 'ui-lab-components';
 export const metadata = {
     title: 'Basic Tabs',
     description: 'A simple tabbed interface with content switching. Use this to organize related content into separate views.'
 };
 export default function Example() {
-    return (_jsxs(Tabs, { defaultValue: "overview", children: [_jsxs(TabsList, { "aria-label": "Content sections", children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "details", children: "Details" }), _jsx(TabsTrigger, { value: "settings", children: "Settings" })] }), _jsx(TabsContent, { value: "overview", children: _jsx("p", { children: "Overview content goes here." }) }), _jsx(TabsContent, { value: "details", children: _jsx("p", { children: "Details content goes here." }) }), _jsx(TabsContent, { value: "settings", children: _jsx("p", { children: "Settings content goes here." }) })] }));
+    return (_jsxs(Tabs, { defaultValue: "overview", children: [_jsxs(Tabs.List, { "aria-label": "Content sections", children: [_jsx(Tabs.Trigger, { value: "overview", children: "Overview" }), _jsx(Tabs.Trigger, { value: "details", children: "Details" }), _jsx(Tabs.Trigger, { value: "settings", children: "Settings" })] }), _jsx(Tabs.Content, { value: "overview", children: _jsx("p", { children: "Overview content goes here." }) }), _jsx(Tabs.Content, { value: "details", children: _jsx("p", { children: "Details content goes here." }) }), _jsx(Tabs.Content, { value: "settings", children: _jsx("p", { children: "Settings content goes here." }) })] }));
 }
 //# sourceMappingURL=01-basic-tabs.js.map

package/dist/components/Tabs/examples/01-basic-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"01-basic-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/01-basic-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,6GAA6G;CAC3H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,YAAY,EAAC,UAAU,aAC3B,MAAC,QAAQ,kBAAY,kBAAkB,aACrC,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,yBAAuB,EACpD,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,wBAAsB,EAClD,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,yBAAuB,IAC3C,EACX,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAC3B,sDAAkC,GACtB,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAC1B,qDAAiC,GACrB,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAC3B,sDAAkC,GACtB,IACT,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"01-basic-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/01-basic-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,6GAA6G;CAC3H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,YAAY,EAAC,UAAU,aAC3B,MAAC,IAAI,CAAC,IAAI,kBAAY,kBAAkB,aACtC,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,yBAAwB,EACtD,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,SAAS,wBAAuB,EACpD,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,yBAAwB,IAC5C,EACZ,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,YAC5B,sDAAkC,GACrB,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,SAAS,YAC3B,qDAAiC,GACpB,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,YAC5B,sDAAkC,GACrB,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Tabs/examples/02-vertical-tabs.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs, TabsList, TabsTrigger, TabsContent, Card } from 'ui-lab-components';
+import { Tabs, Card } from 'ui-lab-components';
 import { User, Settings, Bell, Shield } from 'lucide-react';
 export const metadata = {
     title: 'Vertical Tabs (Sidebar)',
     description: 'A vertical tab layout ideal for settings pages or sidebar navigation. Tabs are stacked vertically with content panels beside them.'
 };
 export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4 min-h-[400px]", children: _jsx(Card, { className: "w-full max-w-2xl", children: _jsxs(Tabs, { defaultValue: "profile", className: "flex flex-row", children: [_jsxs(TabsList, { "aria-label": "Settings sections", className: "flex-col items-stretch justify-start h-auto w-48 border-r border-background-700 rounded-none bg-transparent p-2", children: [_jsx(TabsTrigger, { value: "profile", icon: _jsx(User, { className: "w-4 h-4" }), className: "justify-start", children: "Profile" }), _jsx(TabsTrigger, { value: "notifications", icon: _jsx(Bell, { className: "w-4 h-4" }), className: "justify-start", children: "Notifications" }), _jsx(TabsTrigger, { value: "security", icon: _jsx(Shield, { className: "w-4 h-4" }), className: "justify-start", children: "Security" }), _jsx(TabsTrigger, { value: "preferences", icon: _jsx(Settings, { className: "w-4 h-4" }), className: "justify-start", children: "Preferences" })] }), _jsxs("div", { className: "flex-1 p-6", children: [_jsxs(TabsContent, { value: "profile", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Profile Settings" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Manage your personal information and how others see you on the platform." }), _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "h-10 w-full bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-10 w-full bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-10 w-2/3 bg-background-800 rounded border border-background-700" })] })] }), _jsxs(TabsContent, { value: "notifications", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Notification Preferences" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Control how and when you receive alerts and updates." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-accent-500 rounded" }), _jsx("div", { className: "h-4 w-32 bg-background-800 rounded" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-background-700 rounded" }), _jsx("div", { className: "h-4 w-40 bg-background-800 rounded" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-accent-500 rounded" }), _jsx("div", { className: "h-4 w-28 bg-background-800 rounded" })] })] })] }), _jsxs(TabsContent, { value: "security", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Security Settings" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Protect your account with passwords, two-factor authentication, and more." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "p-3 bg-background-800 rounded border border-background-700", children: [_jsx("div", { className: "h-4 w-24 bg-background-700 rounded mb-2" }), _jsx("div", { className: "h-3 w-48 bg-background-700/50 rounded" })] }), _jsxs("div", { className: "p-3 bg-background-800 rounded border border-background-700", children: [_jsx("div", { className: "h-4 w-32 bg-background-700 rounded mb-2" }), _jsx("div", { className: "h-3 w-40 bg-background-700/50 rounded" })] })] })] }), _jsxs(TabsContent, { value: "preferences", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "General Preferences" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Customize your experience with theme, language, and display options." }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" })] })] })] })] }) }) }));
+    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4 min-h-[400px]", children: _jsx(Card, { className: "w-full max-w-2xl", children: _jsxs(Tabs, { defaultValue: "profile", className: "flex flex-row", children: [_jsxs(Tabs.List, { "aria-label": "Settings sections", className: "flex-col items-stretch justify-start h-auto w-48 border-r border-background-700 rounded-none bg-transparent p-2", children: [_jsx(Tabs.Trigger, { value: "profile", icon: _jsx(User, { className: "w-4 h-4" }), className: "justify-start", children: "Profile" }), _jsx(Tabs.Trigger, { value: "notifications", icon: _jsx(Bell, { className: "w-4 h-4" }), className: "justify-start", children: "Notifications" }), _jsx(Tabs.Trigger, { value: "security", icon: _jsx(Shield, { className: "w-4 h-4" }), className: "justify-start", children: "Security" }), _jsx(Tabs.Trigger, { value: "preferences", icon: _jsx(Settings, { className: "w-4 h-4" }), className: "justify-start", children: "Preferences" })] }), _jsxs("div", { className: "flex-1 p-6", children: [_jsxs(Tabs.Content, { value: "profile", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Profile Settings" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Manage your personal information and how others see you on the platform." }), _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "h-10 w-full bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-10 w-full bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-10 w-2/3 bg-background-800 rounded border border-background-700" })] })] }), _jsxs(Tabs.Content, { value: "notifications", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Notification Preferences" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Control how and when you receive alerts and updates." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-accent-500 rounded" }), _jsx("div", { className: "h-4 w-32 bg-background-800 rounded" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-background-700 rounded" }), _jsx("div", { className: "h-4 w-40 bg-background-800 rounded" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-accent-500 rounded" }), _jsx("div", { className: "h-4 w-28 bg-background-800 rounded" })] })] })] }), _jsxs(Tabs.Content, { value: "security", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Security Settings" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Protect your account with passwords, two-factor authentication, and more." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "p-3 bg-background-800 rounded border border-background-700", children: [_jsx("div", { className: "h-4 w-24 bg-background-700 rounded mb-2" }), _jsx("div", { className: "h-3 w-48 bg-background-700/50 rounded" })] }), _jsxs("div", { className: "p-3 bg-background-800 rounded border border-background-700", children: [_jsx("div", { className: "h-4 w-32 bg-background-700 rounded mb-2" }), _jsx("div", { className: "h-3 w-40 bg-background-700/50 rounded" })] })] })] }), _jsxs(Tabs.Content, { value: "preferences", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "General Preferences" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Customize your experience with theme, language, and display options." }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" })] })] })] })] }) }) }));
 }
 //# sourceMappingURL=02-vertical-tabs.js.map

package/dist/components/Tabs/examples/02-vertical-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"02-vertical-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/02-vertical-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,oIAAoI;CAClJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,sEAAsE,YACnF,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,YAChC,MAAC,IAAI,IAAC,YAAY,EAAC,SAAS,EAAC,SAAS,EAAC,eAAe,aAEpD,MAAC,QAAQ,kBACI,mBAAmB,EAC9B,SAAS,EAAC,iHAAiH,aAE3H,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAAE,SAAS,EAAC,eAAe,wBAE5E,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAAE,SAAS,EAAC,eAAe,8BAElF,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EAAE,SAAS,EAAC,eAAe,yBAE/E,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,EAAE,SAAS,EAAC,eAAe,4BAEpF,IACL,EAGX,eAAK,SAAS,EAAC,YAAY,aACzB,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,aAC3C,aAAI,SAAS,EAAC,gDAAgD,iCAAsB,EACpF,YAAG,SAAS,EAAC,kCAAkC,yFAE3C,EACJ,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,oEAAoE,GAAG,EACtF,cAAK,SAAS,EAAC,oEAAoE,GAAG,EACtF,cAAK,SAAS,EAAC,mEAAmE,GAAG,IACjF,IACM,EAEd,MAAC,WAAW,IAAC,KAAK,EAAC,eAAe,EAAC,SAAS,EAAC,MAAM,aACjD,aAAI,SAAS,EAAC,gDAAgD,yCAA8B,EAC5F,YAAG,SAAS,EAAC,kCAAkC,qEAE3C,EACJ,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,+BAA+B,GAAG,EACjD,cAAK,SAAS,EAAC,oCAAoC,GAAG,IAClD,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,cAAK,SAAS,EAAC,oCAAoC,GAAG,IAClD,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,+BAA+B,GAAG,EACjD,cAAK,SAAS,EAAC,oCAAoC,GAAG,IAClD,IACF,IACM,EAEd,MAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,MAAM,aAC5C,aAAI,SAAS,EAAC,gDAAgD,kCAAuB,EACrF,YAAG,SAAS,EAAC,kCAAkC,0FAE3C,EACJ,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,4DAA4D,aACzE,cAAK,SAAS,EAAC,yCAAyC,GAAG,EAC3D,cAAK,SAAS,EAAC,uCAAuC,GAAG,IACrD,EACN,eAAK,SAAS,EAAC,4DAA4D,aACzE,cAAK,SAAS,EAAC,yCAAyC,GAAG,EAC3D,cAAK,SAAS,EAAC,uCAAuC,GAAG,IACrD,IACF,IACM,EAEd,MAAC,WAAW,IAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,aAC/C,aAAI,SAAS,EAAC,gDAAgD,oCAAyB,EACvF,YAAG,SAAS,EAAC,kCAAkC,qFAE3C,EACJ,eAAK,SAAS,EAAC,wBAAwB,aACrC,cAAK,SAAS,EAAC,6DAA6D,GAAG,EAC/E,cAAK,SAAS,EAAC,6DAA6D,GAAG,EAC/E,cAAK,SAAS,EAAC,6DAA6D,GAAG,EAC/E,cAAK,SAAS,EAAC,6DAA6D,GAAG,IAC3E,IACM,IACV,IACD,GACF,GACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"02-vertical-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/02-vertical-tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tabs/examples.json

@@ -2,11 +2,11 @@
     "01-basic-tabs": {
         "title": "Basic Tabs",
         "description": "A simple tabbed interface with content switching. Use this to organize related content into separate views.",
-        "code": "import React from 'react';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Tabs defaultValue=\"overview\">\n      <TabsList aria-label=\"Content sections\">\n        <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n        <TabsTrigger value=\"details\">Details</TabsTrigger>\n        <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"overview\">\n        <p>Overview content goes here.</p>\n      </TabsContent>\n      <TabsContent value=\"details\">\n        <p>Details content goes here.</p>\n      </TabsContent>\n      <TabsContent value=\"settings\">\n        <p>Settings content goes here.</p>\n      </TabsContent>\n    </Tabs>\n  );\n}"
+        "code": "import React from 'react';\nimport { Tabs } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Tabs defaultValue=\"overview\">\n      <Tabs.List aria-label=\"Content sections\">\n        <Tabs.Trigger value=\"overview\">Overview</Tabs.Trigger>\n        <Tabs.Trigger value=\"details\">Details</Tabs.Trigger>\n        <Tabs.Trigger value=\"settings\">Settings</Tabs.Trigger>\n      </Tabs.List>\n      <Tabs.Content value=\"overview\">\n        <p>Overview content goes here.</p>\n      </Tabs.Content>\n      <Tabs.Content value=\"details\">\n        <p>Details content goes here.</p>\n      </Tabs.Content>\n      <Tabs.Content value=\"settings\">\n        <p>Settings content goes here.</p>\n      </Tabs.Content>\n    </Tabs>\n  );\n}"
     },
     "02-vertical-tabs": {
         "title": "Vertical Tabs (Sidebar)",
         "description": "A vertical tab layout ideal for settings pages or sidebar navigation. Tabs are stacked vertically with content panels beside them.",
-        "code": "import React from 'react';\nimport { Tabs, TabsList, TabsTrigger, TabsContent, Card } from 'ui-lab-components';\nimport { User, Settings, Bell, Shield } from 'lucide-react';\n\nexport default function Example() {\n  return (\n    <div className=\"flex items-center justify-center bg-background-950 p-4 min-h-[400px]\">\n      <Card className=\"w-full max-w-2xl\">\n        <Tabs defaultValue=\"profile\" className=\"flex flex-row\">\n          {/* Vertical tab list - styled as sidebar */}\n          <TabsList\n            aria-label=\"Settings sections\"\n            className=\"flex-col items-stretch justify-start h-auto w-48 border-r border-background-700 rounded-none bg-transparent p-2\"\n          >\n            <TabsTrigger value=\"profile\" icon={<User className=\"w-4 h-4\" />} className=\"justify-start\">\n              Profile\n            </TabsTrigger>\n            <TabsTrigger value=\"notifications\" icon={<Bell className=\"w-4 h-4\" />} className=\"justify-start\">\n              Notifications\n            </TabsTrigger>\n            <TabsTrigger value=\"security\" icon={<Shield className=\"w-4 h-4\" />} className=\"justify-start\">\n              Security\n            </TabsTrigger>\n            <TabsTrigger value=\"preferences\" icon={<Settings className=\"w-4 h-4\" />} className=\"justify-start\">\n              Preferences\n            </TabsTrigger>\n          </TabsList>\n\n          {/* Content panels */}\n          <div className=\"flex-1 p-6\">\n            <TabsContent value=\"profile\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Profile Settings</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Manage your personal information and how others see you on the platform.\n              </p>\n              <div className=\"space-y-3\">\n                <div className=\"h-10 w-full bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-10 w-full bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-10 w-2/3 bg-background-800 rounded border border-background-700\" />\n              </div>\n            </TabsContent>\n\n            <TabsContent value=\"notifications\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Notification Preferences</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Control how and when you receive alerts and updates.\n              </p>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-5 w-5 bg-accent-500 rounded\" />\n                  <div className=\"h-4 w-32 bg-background-800 rounded\" />\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-5 w-5 bg-background-700 rounded\" />\n                  <div className=\"h-4 w-40 bg-background-800 rounded\" />\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-5 w-5 bg-accent-500 rounded\" />\n                  <div className=\"h-4 w-28 bg-background-800 rounded\" />\n                </div>\n              </div>\n            </TabsContent>\n\n            <TabsContent value=\"security\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Security Settings</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Protect your account with passwords, two-factor authentication, and more.\n              </p>\n              <div className=\"space-y-3\">\n                <div className=\"p-3 bg-background-800 rounded border border-background-700\">\n                  <div className=\"h-4 w-24 bg-background-700 rounded mb-2\" />\n                  <div className=\"h-3 w-48 bg-background-700/50 rounded\" />\n                </div>\n                <div className=\"p-3 bg-background-800 rounded border border-background-700\">\n                  <div className=\"h-4 w-32 bg-background-700 rounded mb-2\" />\n                  <div className=\"h-3 w-40 bg-background-700/50 rounded\" />\n                </div>\n              </div>\n            </TabsContent>\n\n            <TabsContent value=\"preferences\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">General Preferences</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Customize your experience with theme, language, and display options.\n              </p>\n              <div className=\"grid grid-cols-2 gap-3\">\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n              </div>\n            </TabsContent>\n          </div>\n        </Tabs>\n      </Card>\n    </div>\n  );\n}"
+        "code": "import React from 'react';\nimport { Tabs, Card } from 'ui-lab-components';\nimport { User, Settings, Bell, Shield } from 'lucide-react';\n\nexport default function Example() {\n  return (\n    <div className=\"flex items-center justify-center bg-background-950 p-4 min-h-[400px]\">\n      <Card className=\"w-full max-w-2xl\">\n        <Tabs defaultValue=\"profile\" className=\"flex flex-row\">\n          {/* Vertical tab list - styled as sidebar */}\n          <Tabs.List\n            aria-label=\"Settings sections\"\n            className=\"flex-col items-stretch justify-start h-auto w-48 border-r border-background-700 rounded-none bg-transparent p-2\"\n          >\n            <Tabs.Trigger value=\"profile\" icon={<User className=\"w-4 h-4\" />} className=\"justify-start\">\n              Profile\n            </Tabs.Trigger>\n            <Tabs.Trigger value=\"notifications\" icon={<Bell className=\"w-4 h-4\" />} className=\"justify-start\">\n              Notifications\n            </Tabs.Trigger>\n            <Tabs.Trigger value=\"security\" icon={<Shield className=\"w-4 h-4\" />} className=\"justify-start\">\n              Security\n            </Tabs.Trigger>\n            <Tabs.Trigger value=\"preferences\" icon={<Settings className=\"w-4 h-4\" />} className=\"justify-start\">\n              Preferences\n            </Tabs.Trigger>\n          </Tabs.List>\n\n          {/* Content panels */}\n          <div className=\"flex-1 p-6\">\n            <Tabs.Content value=\"profile\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Profile Settings</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Manage your personal information and how others see you on the platform.\n              </p>\n              <div className=\"space-y-3\">\n                <div className=\"h-10 w-full bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-10 w-full bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-10 w-2/3 bg-background-800 rounded border border-background-700\" />\n              </div>\n            </Tabs.Content>\n\n            <Tabs.Content value=\"notifications\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Notification Preferences</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Control how and when you receive alerts and updates.\n              </p>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-5 w-5 bg-accent-500 rounded\" />\n                  <div className=\"h-4 w-32 bg-background-800 rounded\" />\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-5 w-5 bg-background-700 rounded\" />\n                  <div className=\"h-4 w-40 bg-background-800 rounded\" />\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"h-5 w-5 bg-accent-500 rounded\" />\n                  <div className=\"h-4 w-28 bg-background-800 rounded\" />\n                </div>\n              </div>\n            </Tabs.Content>\n\n            <Tabs.Content value=\"security\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Security Settings</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Protect your account with passwords, two-factor authentication, and more.\n              </p>\n              <div className=\"space-y-3\">\n                <div className=\"p-3 bg-background-800 rounded border border-background-700\">\n                  <div className=\"h-4 w-24 bg-background-700 rounded mb-2\" />\n                  <div className=\"h-3 w-48 bg-background-700/50 rounded\" />\n                </div>\n                <div className=\"p-3 bg-background-800 rounded border border-background-700\">\n                  <div className=\"h-4 w-32 bg-background-700 rounded mb-2\" />\n                  <div className=\"h-3 w-40 bg-background-700/50 rounded\" />\n                </div>\n              </div>\n            </Tabs.Content>\n\n            <Tabs.Content value=\"preferences\" className=\"mt-0\">\n              <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">General Preferences</h3>\n              <p className=\"text-foreground-400 text-sm mb-4\">\n                Customize your experience with theme, language, and display options.\n              </p>\n              <div className=\"grid grid-cols-2 gap-3\">\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n                <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n              </div>\n            </Tabs.Content>\n          </div>\n        </Tabs>\n      </Card>\n    </div>\n  );\n}"
     }
 }