ui-lab-registry 0.3.0 → 0.3.2

package/dist/components/Button/examples/03-split-action-button.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-split-action-button.d.ts.map

package/dist/components/Button/examples/03-split-action-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-split-action-button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/03-split-action-button.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAa9B"}

package/dist/components/Button/examples/03-split-action-button.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group } from 'ui-lab-components';
-import { ChevronDown } from 'lucide-react';
-export const metadata = {
-    title: 'Split Action Button',
-    description: 'Primary action with dropdown trigger. Combines main action with secondary options menu.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "p-4 space-y-4", children: _jsx("div", { className: "space-y-2", children: _jsxs(Group, { orientation: "horizontal", spacing: "none", children: [_jsx(Group.Button, { size: "md", children: "Run Pipeline" }), _jsx(Group.Button, { size: "md", className: "px-2", children: _jsx(ChevronDown, { size: 16 }) })] }) }) }));
-}
-//# sourceMappingURL=03-split-action-button.js.map

package/dist/components/Button/examples/03-split-action-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-split-action-button.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/03-split-action-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,yFAAyF;CACvG,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC5B,cAAK,SAAS,EAAC,WAAW,YACxB,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,aAC5C,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,IAAI,6BAA4B,EACnD,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACtC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,IACT,GACJ,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/Button/examples/04-toolbar-buttons.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-toolbar-buttons.d.ts.map

package/dist/components/Button/examples/04-toolbar-buttons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-toolbar-buttons.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/04-toolbar-buttons.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAiC9B"}

package/dist/components/Button/examples/04-toolbar-buttons.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group, Divider } from 'ui-lab-components';
-import { Bold, Italic, Underline, Link as LinkIcon, List, Type } from 'lucide-react';
-export const metadata = {
-    title: 'Editor Toolbar',
-    description: 'Icon buttons grouped by function with dividers for visual separation. Common pattern in text editors and content creation tools.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "p-4 space-y-4", children: _jsxs("div", { className: "flex flex-row", children: [_jsxs(Group, { orientation: "horizontal", spacing: "none", children: [_jsx(Group.Button, { variant: "ghost", title: "Bold", children: _jsx(Bold, { size: 16 }) }), _jsx(Group.Button, { variant: "ghost", title: "Italic", children: _jsx(Italic, { size: 16 }) }), _jsx(Group.Button, { variant: "ghost", title: "Underline", children: _jsx(Underline, { size: 16 }) })] }), _jsx(Divider, { orientation: "vertical", spacing: "sm", className: "mx-1" }), _jsxs(Group, { orientation: "horizontal", spacing: "none", children: [_jsx(Group.Button, { variant: "ghost", title: "Link", children: _jsx(LinkIcon, { size: 16 }) }), _jsx(Group.Button, { variant: "ghost", title: "List", children: _jsx(List, { size: 16 }) })] }), _jsx(Divider, { orientation: "vertical", spacing: "sm", className: "mx-1" }), _jsx(Group, { orientation: "horizontal", spacing: "none", children: _jsx(Group.Button, { variant: "ghost", title: "Format", children: _jsx(Type, { size: 16 }) }) })] }) }));
-}
-//# sourceMappingURL=04-toolbar-buttons.js.map

package/dist/components/Button/examples/04-toolbar-buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-toolbar-buttons.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/04-toolbar-buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,IAAI,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEpF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,kIAAkI;CAChJ,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC5B,eAAK,SAAS,EAAC,eAAe,aAC5B,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,aAC5C,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,YACxC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACL,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,YAC1C,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACP,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,YAC7C,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GACV,IACT,EACR,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,GAAG,EAChE,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,aAC5C,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,YACxC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACT,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,YACxC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACL,IACT,EACR,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,GAAG,EAChE,KAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,YAC5C,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,YAC1C,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACL,GACT,IACJ,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/Button/examples/05-pagination-controls.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-pagination-controls.d.ts.map

package/dist/components/Button/examples/05-pagination-controls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-pagination-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/05-pagination-controls.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAoD9B"}

package/dist/components/Button/examples/05-pagination-controls.js

@@ -1,16 +0,0 @@
-"use client";
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Group } from 'ui-lab-components';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-export const metadata = {
-    title: 'Pagination Controls',
-    description: 'Previous/Next navigation with page indicators. Demonstrates button sizing and state management for data pagination.'
-};
-export default function Example() {
-    const [currentPage, setCurrentPage] = useState(2);
-    const totalPages = 8;
-    return (_jsx("div", { className: "p-4 space-y-4", children: _jsx("div", { className: "space-y-2", children: _jsxs(Group, { orientation: "horizontal", spacing: "none", children: [_jsx(Group.Button, { variant: "ghost", onClick: () => setCurrentPage(Math.max(1, currentPage - 1)), isDisabled: currentPage === 1, title: "Previous page", children: _jsx(ChevronLeft, { size: 16 }) }), [1, 2, 3].map((page) => (_jsx(Group.Button, { variant: currentPage === page ? 'default' : 'outline', onClick: () => setCurrentPage(page), children: page }, page))), currentPage > 5 && (_jsx("span", { className: "text-foreground-400 text-xs px-2 flex items-center", children: "\u2026" })), totalPages > 3 && (_jsx(Group.Button, { variant: currentPage === totalPages ? 'default' : 'outline', onClick: () => setCurrentPage(totalPages), children: totalPages })), _jsx(Group.Button, { variant: "ghost", onClick: () => setCurrentPage(Math.min(totalPages, currentPage + 1)), isDisabled: currentPage === totalPages, title: "Next page", children: _jsx(ChevronRight, { size: 16 }) })] }) }) }));
-}
-//# sourceMappingURL=05-pagination-controls.js.map

package/dist/components/Button/examples/05-pagination-controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-pagination-controls.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/05-pagination-controls.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,qHAAqH;CACnI,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjD,MAAM,UAAU,GAAG,CAAC,CAAA;IAEpB,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC5B,cAAK,SAAS,EAAC,WAAW,YACxB,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,aAC5C,KAAC,KAAK,CAAC,MAAM,IACX,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,EAC3D,UAAU,EAAE,WAAW,KAAK,CAAC,EAC7B,KAAK,EAAC,eAAe,YAErB,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,EAEd,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,KAAC,KAAK,CAAC,MAAM,IAEX,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,YAElC,IAAI,IAJA,IAAI,CAKI,CAChB,CAAC,EAED,WAAW,GAAG,CAAC,IAAI,CAClB,eAAM,SAAS,EAAC,oDAAoD,uBAAS,CAC9E,EAEA,UAAU,GAAG,CAAC,IAAI,CACjB,KAAC,KAAK,CAAC,MAAM,IACX,OAAO,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,YAExC,UAAU,GACE,CAChB,EAED,KAAC,KAAK,CAAC,MAAM,IACX,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,EACpE,UAAU,EAAE,WAAW,KAAK,UAAU,EACtC,KAAK,EAAC,WAAW,YAEjB,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,IACT,GACJ,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/Card/examples/02-user-profile-card.d.ts

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

package/dist/components/Card/examples/02-user-profile-card.d.ts.map

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

package/dist/components/Card/examples/02-user-profile-card.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, Badge, Group } from 'ui-lab-components';
-import { Mail, MapPin, MessageSquare } from 'lucide-react';
-export const metadata = {
-    title: 'User Profile Card',
-    description: 'A practical user profile card combining header with avatar, status badge, content details, and action buttons. Demonstrates rich composition with user information display.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-3 flex-1", children: [_jsx("div", { className: "h-12 w-12 rounded-full bg-background-700 flex-shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Alex Johnson" }), _jsx("p", { className: "text-sm text-foreground-400", children: "Product Designer" })] })] }), _jsx(Badge, { variant: "success", size: "sm", children: "Active" })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3 text-sm text-foreground-300", children: [_jsx(Mail, { className: "w-4 h-4 text-foreground-400" }), _jsx("span", { children: "alex.johnson@company.com" })] }), _jsxs("div", { className: "flex items-center gap-3 text-sm text-foreground-300", children: [_jsx(MapPin, { className: "w-4 h-4 text-foreground-400" }), _jsx("span", { children: "San Francisco, CA" })] })] }), _jsx("p", { className: "text-sm text-foreground-300 leading-relaxed", children: "Passionate about creating intuitive user experiences and mentoring design teams. Always exploring new design patterns." })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { variant: "ghost", spacing: "sm", children: [_jsxs(Group.Button, { variant: "outline", size: "md", className: "flex-1", children: [_jsx(MessageSquare, { className: "w-4 h-4" }), _jsx("span", { children: "Message" })] }), _jsx(Group.Button, { variant: "primary", size: "md", className: "flex-1", children: "View Profile" })] }) })] }) }));
-}
-//# sourceMappingURL=02-user-profile-card.js.map

package/dist/components/Card/examples/02-user-profile-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-user-profile-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/02-user-profile-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,6KAA6K;CAC3L,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,wCAAwC,aAC7D,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,wDAAwD,GAAG,EAC1E,eAAK,SAAS,EAAC,QAAQ,aACrB,aAAI,SAAS,EAAC,mCAAmC,6BAAkB,EACnE,YAAG,SAAS,EAAC,6BAA6B,iCAAqB,IAC3D,IACF,EACN,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,uBAAe,IACrC,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAC9B,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,GAAG,EAChD,sDAAqC,IACjC,EACN,eAAK,SAAS,EAAC,qDAAqD,aAClE,KAAC,MAAM,IAAC,SAAS,EAAC,6BAA6B,GAAG,EAClD,+CAA8B,IAC1B,IACF,EAEN,YAAG,SAAS,EAAC,6CAA6C,uIAEtD,IACM,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,aACjC,MAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,aAC1D,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,EACrC,qCAAoB,IACP,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE7C,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/components/Card/examples/03-settings-panel-card.js

@@ -1,17 +0,0 @@
-"use client";
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Card, Group, Badge, Checkbox } from 'ui-lab-components';
-import { Bell, Eye, Lock } from 'lucide-react';
-export const metadata = {
-    title: 'Settings Panel Card',
-    description: 'A card-based settings panel with grouped toggle controls and action buttons. Shows how cards structure configuration options with clear labeling and actions.'
-};
-export default function Example() {
-    const [notificationsEnabled, setNotificationsEnabled] = useState(true);
-    const [previewMode, setPreviewMode] = useState(false);
-    const [privateMode, setPrivateMode] = useState(false);
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(Card.Header, { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Preferences" }), _jsx(Badge, { variant: "info", size: "sm", children: "3 settings" })] }), _jsxs(Card.Body, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Bell, { className: "w-4 h-4 text-foreground-400 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "notifications", checked: notificationsEnabled, onChange: (e) => setNotificationsEnabled(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Notifications" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Stay updated with alerts" })] }), size: "md" })] }), _jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Eye, { className: "w-4 h-4 text-foreground-400 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "preview", checked: previewMode, onChange: (e) => setPreviewMode(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Preview Mode" }), _jsx("p", { className: "text-xs text-foreground-400", children: "See changes in real-time" })] }), size: "md" })] }), _jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Lock, { className: "w-4 h-4 text-foreground-400 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "privacy", checked: privateMode, onChange: (e) => setPrivateMode(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Privacy Mode" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Hide sensitive data" })] }), size: "md" })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "Reset to Defaults" }), _jsx(Group.Button, { variant: "primary", size: "md", className: "flex-1", children: "Save Changes" })] }) })] }) }));
-}
-//# sourceMappingURL=03-settings-panel-card.js.map

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

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

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

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

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

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

package/dist/components/Card/examples/04-task-progress-card.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, Badge, Group, Progress } from 'ui-lab-components';
-import { Calendar, CheckCircle2 } from 'lucide-react';
-export const metadata = {
-    title: 'Task Progress Card',
-    description: 'A project task card with progress tracking, team assignments, due dates, and status. Shows how cards organize complex project information with clear visual hierarchy.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Design System Audit" }), _jsx("p", { className: "text-xs text-foreground-400 mt-1", children: "Component documentation" })] }), _jsx(Badge, { variant: "info", size: "sm", children: "In Progress" })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-foreground-300", children: "Complete comprehensive audit of existing design system components and document best practices." }), _jsx(Progress, { value: 65, max: 100, label: "Progress", showValue: true, size: "sm", variant: "default" }), _jsxs("div", { className: "grid grid-cols-2 gap-3 pt-2 border-t border-background-800", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Assigned To" }), _jsxs("div", { className: "flex -space-x-2", children: [_jsx("div", { className: "w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300", children: "SA" }), _jsx("div", { className: "w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300", children: "JD" })] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Due Date" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Calendar, { className: "w-4 h-4 text-foreground-400" }), _jsx("span", { className: "text-sm font-medium text-foreground-300", children: "Mar 15" })] })] })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "View Details" }), _jsxs(Group.Button, { variant: "primary", size: "md", className: "flex-1 gap-2", children: [_jsx(CheckCircle2, { className: "w-4 h-4" }), "Complete"] })] }) })] }) }));
-}
-//# sourceMappingURL=04-task-progress-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"04-task-progress-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/04-task-progress-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,WAAW,EAAE,wKAAwK;CACtL,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,wCAAwC,aAC7D,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,mCAAmC,oCAAyB,EAC1E,YAAG,SAAS,EAAC,kCAAkC,wCAA4B,IACvE,EACN,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,4BAAoB,IACvC,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAE9B,YAAG,SAAS,EAAC,6BAA6B,+GAEtC,EAGJ,KAAC,QAAQ,IACP,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,UAAU,EAChB,SAAS,QACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,GACjB,EAGF,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,YAAG,SAAS,EAAC,iCAAiC,4BAAgB,EAC9D,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,oJAAoJ,mBAE7J,EACN,cAAK,SAAS,EAAC,oJAAoJ,mBAE7J,IACF,IACF,EACN,0BACE,YAAG,SAAS,EAAC,iCAAiC,yBAAa,EAC3D,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,EACpD,eAAM,SAAS,EAAC,yCAAyC,uBAAc,IACnE,IACF,IACF,IACI,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE3C,EACf,MAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,aAChE,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,gBAEvB,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/05-data-summary-card.d.ts

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

package/dist/components/Card/examples/05-data-summary-card.d.ts.map

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

package/dist/components/Card/examples/05-data-summary-card.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, Badge, Group, Button } from 'ui-lab-components';
-import { TrendingUp, MoreVertical } from 'lucide-react';
-export const metadata = {
-    title: 'Data Summary Card',
-    description: 'A dashboard card displaying key metrics with header, summary values, and comparison info. Shows how cards present quantitative data with visual hierarchy.'
-};
-export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Revenue" }), _jsx("p", { className: "text-xs text-foreground-400 mt-1", children: "Last 30 days" })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: _jsx(MoreVertical, { className: "w-4 h-4" }) })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-1", children: "Total Revenue" }), _jsx("p", { className: "text-3xl font-bold text-foreground-100", children: "$24,580" })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3 pt-3 border-t border-background-700", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Orders" }), _jsx("p", { className: "text-lg font-semibold text-foreground-100", children: "342" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Average" }), _jsx("p", { className: "text-lg font-semibold text-foreground-100", children: "$72" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Growth" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(TrendingUp, { className: "w-4 h-4 text-green-500" }), _jsx("p", { className: "text-lg font-semibold text-green-500", children: "12%" })] })] })] }), _jsxs("div", { className: "flex gap-2 flex-wrap pt-2", children: [_jsx(Badge, { variant: "success", size: "sm", children: "On Track" }), _jsx(Badge, { variant: "info", size: "sm", children: "Updated Today" })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "Export" }), _jsx(Group.Button, { variant: "outline", size: "md", className: "flex-1", children: "View Details" })] }) })] }) }));
-}
-//# sourceMappingURL=05-data-summary-card.js.map

package/dist/components/Card/examples/05-data-summary-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-data-summary-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/05-data-summary-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,4JAA4J;CAC1K,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,mCAAmC,aACxD,0BACE,aAAI,SAAS,EAAC,mCAAmC,wBAAa,EAC9D,YAAG,SAAS,EAAC,kCAAkC,6BAAiB,IAC5D,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,YACvD,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,GAC7B,IACG,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAC9B,0BACE,YAAG,SAAS,EAAC,iCAAiC,8BAAkB,EAChE,YAAG,SAAS,EAAC,wCAAwC,wBAAY,IAC7D,EAGN,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,YAAG,SAAS,EAAC,iCAAiC,uBAAW,EACzD,YAAG,SAAS,EAAC,2CAA2C,oBAAQ,IAC5D,EACN,0BACE,YAAG,SAAS,EAAC,iCAAiC,wBAAY,EAC1D,YAAG,SAAS,EAAC,2CAA2C,oBAAQ,IAC5D,EACN,0BACE,YAAG,SAAS,EAAC,iCAAiC,uBAAW,EACzD,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,GAAG,EACjD,YAAG,SAAS,EAAC,sCAAsC,oBAAQ,IACvD,IACF,IACF,EAGN,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,yBAAiB,EACnD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,8BAAsB,IACjD,IACI,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,uBAE3C,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE7C,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/CodeBlock/index.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDetail } from '@/types';
-export declare const codeBlockDetail: ComponentDetail;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqC/C,eAAO,MAAM,eAAe,EAAE,eAsC7B,CAAC"}

package/dist/components/CodeBlock/index.js

@@ -1,58 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CodeBlock } from "ui-lab-components";
-const basicCode = `import { CodeBlock } from 'ui-lab-components';
-
-export function Example() {
-  return (
-    <CodeBlock language="tsx">
-      {code}
-    </CodeBlock>
-  );
-}`;
-const withFilenameCode = `import { CodeBlock } from 'ui-lab-components';
-
-export function Example() {
-  return (
-    <CodeBlock
-      language="tsx"
-      filename="Button.tsx"
-      theme={{ light: 'github-light', dark: 'github-dark' }}
-    >
-      {code}
-    </CodeBlock>
-  );
-}`;
-const sampleCode = `export function Button({ children, onClick }: ButtonProps) {
-  return (
-    <button
-      onClick={onClick}
-      className="px-4 py-2 rounded bg-blue-500 text-white"
-    >
-      {children}
-    </button>
-  );
-}`;
-export const codeBlockDetail = {
-    id: "code-block",
-    name: "CodeBlock",
-    description: "Syntax-highlighted code display with horizontal scroll, line expand, and copy button.",
-    overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "CodeBlock renders syntax-highlighted code using Shiki. It adapts to light and dark mode automatically, supports horizontal scrolling for wide code, collapses long files with an expand toggle, and provides a one-click copy button." }), _jsxs("p", { children: ["Pass a named Shiki theme string or a ", _jsx("code", { children: `{ light, dark }` }), " object for automatic mode-aware theming. For SSR, pass pre-rendered HTML via ", _jsx("code", { children: "preHighlightedLight" }), " / ", _jsx("code", { children: "preHighlightedDark" }), " to avoid client-side flash."] })] })),
-    examples: [
-        {
-            id: "preview",
-            title: "Preview",
-            description: "Syntax-highlighted code with copy button",
-            code: basicCode,
-            preview: (_jsx("div", { className: "w-full max-w-lg", children: _jsx(CodeBlock, { language: "tsx", children: sampleCode }) })),
-        },
-        {
-            id: "with-filename",
-            title: "With Filename",
-            description: "Shows a header bar with the filename and language",
-            code: withFilenameCode,
-            preview: (_jsx("div", { className: "w-full max-w-lg", children: _jsx(CodeBlock, { language: "tsx", filename: "Button.tsx", children: sampleCode }) })),
-        },
-    ],
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,MAAM,SAAS,GAAG;;;;;;;;EAQhB,CAAC;AAEH,MAAM,gBAAgB,GAAG;;;;;;;;;;;;EAYvB,CAAC;AAEH,MAAM,UAAU,GAAG;;;;;;;;;EASjB,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAoB;IAC9C,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,uFAAuF;IACpG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,gQAEI,EACJ,iEACuC,yBAAO,iBAAiB,GAAQ,oFAA8E,iDAAgC,SAAG,gDAA+B,oCACnN,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,0CAA0C;YACvD,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,SAAS,IAAC,QAAQ,EAAC,KAAK,YAAE,UAAU,GAAa,GAC9C,CACP;SACF;QACD;YACE,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,WAAW,EAAE,mDAAmD;YAChE,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,SAAS,IAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,YAAY,YAAE,UAAU,GAAa,GACpE,CACP;SACF;KACF;CACF,CAAC"}

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

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

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

package/dist/components/Fold/examples/01-basic-fold.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fold } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Fold',
-    description: 'An expandable/collapsible disclosure component. Use this to show and hide content sections while maintaining accessibility and keyboard support.'
-};
-export default function Example() {
-    return (_jsx(Fold, { title: "What is a Fold component?", children: _jsx("p", { className: "text-foreground-300", children: "A Fold component is a disclosure widget that expands and collapses content. It's built with React Aria for full accessibility support." }) }));
-}
-//# sourceMappingURL=01-basic-fold.js.map

package/dist/components/Fold/examples/01-basic-fold.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-fold.js","sourceRoot":"","sources":["../../../../src/components/Fold/examples/01-basic-fold.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,kJAAkJ;CAChK,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,2BAA2B,YACrC,YAAG,SAAS,EAAC,qBAAqB,uJAG9B,GACC,CACR,CAAC;AACJ,CAAC"}

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

@@ -1,3 +0,0 @@
-export { default as Example1 } from './01-basic-fold.js';
-export { metadata as metadata1 } from './01-basic-fold.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Fold/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -1,4 +0,0 @@
-"use client";
-export { default as Example1 } from './01-basic-fold.js';
-export { metadata as metadata1 } from './01-basic-fold.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Fold/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Fold/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-fold": {
-        "title": "Basic Fold",
-        "description": "An expandable/collapsible disclosure component. Use this to show and hide content sections while maintaining accessibility and keyboard support.",
-        "code": "import React from 'react';\nimport { Fold } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Fold title=\"What is a Fold component?\">\n      <p className=\"text-foreground-300\">\n        A Fold component is a disclosure widget that expands and collapses content.\n        It's built with React Aria for full accessibility support.\n      </p>\n    </Fold>\n  );\n}"
-    }
-}

package/dist/components/Fold/index.d.ts

@@ -1,6 +0,0 @@
-import { ControlDef, ComponentDetail } from '@/types';
-declare const foldControls: ControlDef[];
-export declare const foldDetail: ComponentDetail;
-export { foldControls };
-export * from './examples/index';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fold/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAWtD,QAAA,MAAM,YAAY,EAAE,UAAU,EAO7B,CAAC;AAcF,eAAO,MAAM,UAAU,EAAE,eAgExB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,kBAAkB,CAAC"}

package/dist/components/Fold/index.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fold } from 'ui-lab-components';
-import Example1, { metadata as metadata1 } from './examples/01-basic-fold.js';
-import examplesJson from './examples.json' with { type: 'json' };
-import { loadComponentExamples } from '../../utils/load-component-examples.js';
-// Define examplesData locally
-const examplesData = [
-    { id: '01-basic-fold', Component: Example1, metadata: metadata1 },
-];
-const foldControls = [
-    {
-        name: 'expanded',
-        label: 'Default Expanded',
-        type: 'toggle',
-        defaultValue: false,
-    },
-];
-const basicFoldCode = `import { Fold } from "ui-lab-components";
-
-export function Example() {
-  return (
-    <Fold title="What is a Fold component?">
-      <p>
-        A Fold component is a disclosure widget that expands and collapses content.
-      </p>
-    </Fold>
-  );
-}`;
-export const foldDetail = {
-    id: 'fold',
-    name: 'Fold',
-    description: 'A disclosure component that expands and collapses content sections with full keyboard support and ARIA compliance.',
-    overview: (_jsx("div", { className: "space-y-4 text-foreground-300", children: _jsx("p", { children: "The Fold component provides a lightweight, accessible way to organize collapsible content. Built with React Aria, it supports keyboard navigation, proper ARIA roles and attributes, and smooth animations." }) })),
-    examples: [
-        {
-            id: 'preview',
-            title: 'Preview',
-            description: 'Adjust props to customize the component',
-            code: basicFoldCode,
-            preview: (_jsx(Fold, { title: "What is a Fold component?", children: _jsx("p", { className: "text-foreground-300", children: "A Fold component is a disclosure widget that expands and collapses content." }) })),
-            controls: foldControls,
-            renderPreview: (props) => (_jsx(Fold, { title: "What is a Fold component?", defaultExpanded: props.expanded, children: _jsx("p", { className: "text-foreground-300", children: "A Fold component is a disclosure widget that expands and collapses content. It's built with React Aria for full accessibility support." }) })),
-        },
-        ...loadComponentExamples(examplesData, examplesJson),
-    ],
-    variants: [
-        {
-            id: 'default',
-            name: 'Default',
-            description: 'Standard fold component in collapsed state.',
-            code: basicFoldCode,
-            preview: (_jsx(Fold, { title: "What is a Fold component?", children: _jsx("p", { className: "text-foreground-300", children: "Content goes here" }) })),
-        },
-        {
-            id: 'expanded',
-            name: 'Expanded',
-            description: 'Fold component in expanded state showing content.',
-            code: `<Fold title="Title" defaultExpanded>
-  <p>Content goes here</p>
-</Fold>`,
-            preview: (_jsx(Fold, { title: "Expanded Fold", defaultExpanded: true, children: _jsx("p", { className: "text-foreground-300", children: "Content is visible by default" }) })),
-        },
-    ],
-};
-export { foldControls };
-export * from './examples/index.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Fold/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAG5E,8BAA8B;AAC9B,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAClE,CAAC;AAEF,MAAM,YAAY,GAAiB;IACjC;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,aAAa,GAAG;;;;;;;;;;EAUpB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,oHAAoH;IACjI,QAAQ,EAAE,CACR,cAAK,SAAS,EAAC,+BAA+B,YAC5C,sOAII,GACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,KAAK,EAAC,2BAA2B,YACrC,YAAG,SAAS,EAAC,qBAAqB,4FAE9B,GACC,CACR;YACD,QAAQ,EAAE,YAAY;YACtB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,KAAC,IAAI,IAAC,KAAK,EAAC,2BAA2B,EAAC,eAAe,EAAE,KAAK,CAAC,QAAQ,YACrE,YAAG,SAAS,EAAC,qBAAqB,uJAG9B,GACC,CACR;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,6CAA6C;YAC1D,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,KAAK,EAAC,2BAA2B,YACrC,YAAG,SAAS,EAAC,qBAAqB,kCAAsB,GACnD,CACR;SACF;QACD;YACE,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,mDAAmD;YAChE,IAAI,EAAE;;QAEJ;YACF,OAAO,EAAE,CACP,KAAC,IAAI,IAAC,KAAK,EAAC,eAAe,EAAC,eAAe,kBACzC,YAAG,SAAS,EAAC,qBAAqB,8CAAkC,GAC/D,CACR;SACF;KACF;CACF,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,kBAAkB,CAAC"}

package/dist/components/Group/examples/02-active-buttons.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-active-buttons.d.ts.map

package/dist/components/Group/examples/02-active-buttons.d.ts.map

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

package/dist/components/Group/examples/02-active-buttons.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Group } from 'ui-lab-components';
-export const metadata = {
-    title: 'Active Buttons',
-    description: 'Ghost variant automatically applies default styling with full border radius to active buttons, while inactive buttons remain ghost. Perfect for tabs and pagination.'
-};
-export default function Example() {
-    const [activeTab, setActiveTab] = React.useState('overview');
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm text-foreground-300", children: "Ghost variant (tabs & pagination)" }), _jsxs(Group, { variant: "ghost", children: [_jsx(Group.Button, { active: activeTab === 'overview', onClick: () => setActiveTab('overview'), children: "Overview" }), _jsx(Group.Button, { active: activeTab === 'details', onClick: () => setActiveTab('details'), children: "Details" }), _jsx(Group.Button, { active: activeTab === 'settings', onClick: () => setActiveTab('settings'), children: "Settings" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm text-foreground-300", children: "Ghost variant pagination" }), _jsx(Group, { variant: "ghost", spacing: "none", children: [1, 2, 3, 4, 5].map((page) => (_jsx(Group.Button, { active: page === 2, onClick: () => { }, children: page }, page))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm text-foreground-300", children: "Primary variant with active" }), _jsxs(Group, { variant: "primary", children: [_jsx(Group.Button, { active: true, children: "Active" }), _jsx(Group.Button, { children: "Inactive" }), _jsx(Group.Button, { children: "Inactive" })] })] })] }));
-}
-//# sourceMappingURL=02-active-buttons.js.map

package/dist/components/Group/examples/02-active-buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-active-buttons.js","sourceRoot":"","sources":["../../../../src/components/Group/examples/02-active-buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,sKAAsK;CACpL,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aAExB,eAAK,SAAS,EAAC,WAAW,aACxB,gBAAO,SAAS,EAAC,6BAA6B,kDAA0C,EACxF,MAAC,KAAK,IAAC,OAAO,EAAC,OAAO,aACpB,KAAC,KAAK,CAAC,MAAM,IACX,MAAM,EAAE,SAAS,KAAK,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,yBAG1B,EACf,KAAC,KAAK,CAAC,MAAM,IACX,MAAM,EAAE,SAAS,KAAK,SAAS,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,wBAGzB,EACf,KAAC,KAAK,CAAC,MAAM,IACX,MAAM,EAAE,SAAS,KAAK,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,yBAG1B,IACT,IACJ,EAGN,eAAK,SAAS,EAAC,WAAW,aACxB,gBAAO,SAAS,EAAC,6BAA6B,yCAAiC,EAC/E,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,YAClC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,CAAC,MAAM,IAEX,MAAM,EAAE,IAAI,KAAK,CAAC,EAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,YAEhB,IAAI,IAJA,IAAI,CAKI,CAChB,CAAC,GACI,IACJ,EAGN,eAAK,SAAS,EAAC,WAAW,aACxB,gBAAO,SAAS,EAAC,6BAA6B,4CAAoC,EAClF,MAAC,KAAK,IAAC,OAAO,EAAC,SAAS,aACtB,KAAC,KAAK,CAAC,MAAM,IAAC,MAAM,6BAAsB,EAC1C,KAAC,KAAK,CAAC,MAAM,2BAAwB,EACrC,KAAC,KAAK,CAAC,MAAM,2BAAwB,IAC/B,IACJ,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Layout/index.d.ts

@@ -1,5 +0,0 @@
-import { ControlDef, ComponentDetail } from '@/types';
-declare const layoutControls: ControlDef[];
-export declare const layoutDetail: ComponentDetail;
-export { layoutControls };
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAErD,QAAA,MAAM,cAAc,EAAE,UAAU,EA6B/B,CAAA;AAoBD,eAAO,MAAM,YAAY,EAAE,eA0F1B,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}