ui-lab-registry 0.3.0 → 0.3.2

package/dist/components/Layout/index.js

@@ -1,85 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Layout } from 'ui-lab-components';
-const layoutControls = [
-    {
-        name: 'spacing',
-        label: 'Spacing',
-        type: 'select',
-        options: [
-            { label: 'None', value: 'none' },
-            { label: 'Small', value: 'sm' },
-            { label: 'Medium', value: 'md' },
-            { label: 'Large', value: 'lg' },
-        ],
-        defaultValue: 'md',
-    },
-    {
-        name: 'variant',
-        label: 'Variant',
-        type: 'select',
-        options: [
-            { label: 'Default', value: 'default' },
-            { label: 'Compact', value: 'compact' },
-        ],
-        defaultValue: 'default',
-    },
-    {
-        name: 'sticky',
-        label: 'Sticky Header',
-        type: 'toggle',
-        defaultValue: true,
-    },
-];
-const layoutBasicCode = `import { Layout } from "ui-lab-components";
-
-export function Example() {
-  return (
-    <Layout spacing="md">
-      <Layout.Header sticky>
-        <div className="p-4">Header</div>
-      </Layout.Header>
-      <Layout.Content>
-        <div className="p-4">Content area</div>
-      </Layout.Content>
-      <Layout.Footer>
-        <div className="p-4">Footer</div>
-      </Layout.Footer>
-    </Layout>
-  );
-}`;
-export const layoutDetail = {
-    id: 'layout',
-    name: 'Layout',
-    description: 'A flexible region coordinator that manages header, footer, and content areas with responsive stacking.',
-    overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Layout component coordinates multiple page regions (header, content, footer) with unified spacing, responsive behavior, and sticky/fixed positioning support." }), _jsx("p", { children: "Perfect for building page structures that need header, content, and footer regions. Provides context about responsive state so child components know when to collapse or reorganize." }), _jsx("p", { children: "Use Layout.Header, Layout.Content, and Layout.Footer sub-components to organize your page regions." })] })),
-    examples: [
-        {
-            id: 'preview',
-            title: 'Preview',
-            description: 'Adjust props to customize the layout',
-            code: layoutBasicCode,
-            preview: (_jsx("div", { style: { height: '300px', border: '1px solid var(--color-border)', borderRadius: '4px', overflow: 'hidden' }, children: _jsxs(Layout, { spacing: "md", children: [_jsx(Layout.Header, { sticky: true, children: _jsx("div", { style: {
-                                    padding: '1rem',
-                                    backgroundColor: 'var(--color-surface-secondary)',
-                                    borderBottom: '1px solid var(--color-border)',
-                                }, children: "Header" }) }), _jsx(Layout.Content, { children: _jsx("div", { style: { padding: '1rem' }, children: "Content area" }) }), _jsx(Layout.Footer, { children: _jsx("div", { style: {
-                                    padding: '1rem',
-                                    backgroundColor: 'var(--color-surface-secondary)',
-                                    borderTop: '1px solid var(--color-border)',
-                                }, children: "Footer" }) })] }) })),
-            controls: layoutControls,
-            renderPreview: (props) => (_jsx("div", { style: { height: '300px', border: '1px solid var(--color-border)', borderRadius: '4px', overflow: 'hidden' }, children: _jsxs(Layout, { spacing: props.spacing, variant: props.variant, children: [_jsx(Layout.Header, { sticky: props.sticky, children: _jsx("div", { style: {
-                                    padding: '1rem',
-                                    backgroundColor: 'var(--color-surface-secondary)',
-                                    borderBottom: '1px solid var(--color-border)',
-                                }, children: "Header" }) }), _jsx(Layout.Content, { children: _jsx("div", { style: { padding: '1rem' }, children: "Content area" }) }), _jsx(Layout.Footer, { children: _jsx("div", { style: {
-                                    padding: '1rem',
-                                    backgroundColor: 'var(--color-surface-secondary)',
-                                    borderTop: '1px solid var(--color-border)',
-                                }, children: "Footer" }) })] }) })),
-        },
-    ],
-};
-export { layoutControls };
-//# sourceMappingURL=index.js.map

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

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

package/dist/components/Toast/examples/03-destructive-toast.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-destructive-toast.d.ts.map

package/dist/components/Toast/examples/03-destructive-toast.d.ts.map

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

package/dist/components/Toast/examples/03-destructive-toast.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, toast, Toaster } from 'ui-lab-components';
-export const metadata = {
-    title: 'Destructive Toast',
-    description: 'Toast notification for errors or destructive operations.'
-};
-export default function Example() {
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", onClick: () => toast({
-                    title: 'Error',
-                    description: 'Something went wrong',
-                    variant: 'destructive',
-                }), children: "Show Error" }), _jsx(Toaster, {})] }));
-}
-//# sourceMappingURL=03-destructive-toast.js.map

package/dist/components/Toast/examples/03-destructive-toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-destructive-toast.js","sourceRoot":"","sources":["../../../../src/components/Toast/examples/03-destructive-toast.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,0DAA0D;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,8BACE,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC;oBACJ,KAAK,EAAE,OAAO;oBACd,WAAW,EAAE,sBAAsB;oBACnC,OAAO,EAAE,aAAa;iBACvB,CAAC,2BAIG,EACT,KAAC,OAAO,KAAG,IACV,CACJ,CAAC;AACJ,CAAC"}

package/dist/patterns/content/feature-grid/example.d.ts

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

package/dist/patterns/content/feature-grid/example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../../src/patterns/content/feature-grid/example.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAmCF,MAAM,CAAC,OAAO,UAAU,WAAW,4CAkClC"}

package/dist/patterns/content/feature-grid/example.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid, Card, Flex } from 'ui-lab-components';
-import { Zap, Shield, Palette, Layers, Code, Globe } from 'lucide-react';
-export const metadata = {
-    name: 'Feature Grid',
-    description: 'Responsive grid of feature cards with icons and descriptions',
-};
-const features = [
-    {
-        icon: Zap,
-        title: 'Lightning Fast',
-        description: 'Optimized for performance with minimal bundle size and zero runtime overhead.',
-    },
-    {
-        icon: Shield,
-        title: 'Accessible',
-        description: 'Built on React Aria with full keyboard navigation and screen reader support.',
-    },
-    {
-        icon: Palette,
-        title: 'Themeable',
-        description: 'Semantic color system with automatic light and dark mode support.',
-    },
-    {
-        icon: Layers,
-        title: 'Composable',
-        description: 'Compound component patterns that snap together like building blocks.',
-    },
-    {
-        icon: Code,
-        title: 'TypeScript First',
-        description: 'Full type safety with autocompletion and inline documentation.',
-    },
-    {
-        icon: Globe,
-        title: 'Framework Agnostic',
-        description: 'Works with Next.js, Vite, Remix, and any React framework.',
-    },
-];
-export default function FeatureGrid() {
-    return (_jsx("section", { className: "w-full px-6 py-20 bg-background-950", children: _jsxs("div", { className: "max-w-5xl mx-auto", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("h2", { className: "text-3xl font-bold text-foreground-50 mb-3", children: "Everything you need" }), _jsx("p", { className: "text-foreground-300 text-lg max-w-2xl mx-auto", children: "A complete toolkit for building modern user interfaces." })] }), _jsx(Grid, { columns: { sm: '1', md: '2', lg: '3' }, gap: "md", children: features.map((feature) => (_jsx(Card, { children: _jsx(Card.Body, { children: _jsxs(Flex, { direction: "column", gap: "sm", children: [_jsx("div", { className: "w-10 h-10 rounded-lg bg-accent-500/10 flex items-center justify-center", children: _jsx(feature.icon, { className: "w-5 h-5 text-accent-400" }) }), _jsx("h3", { className: "text-lg font-semibold text-foreground-50", children: feature.title }), _jsx("p", { className: "text-sm text-foreground-300", children: feature.description })] }) }) }, feature.title))) })] }) }));
-}
-//# sourceMappingURL=example.js.map

package/dist/patterns/content/feature-grid/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../../src/patterns/content/feature-grid/example.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEzE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,cAAc;IACpB,WAAW,EAAE,8DAA8D;CAC5E,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf;QACE,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,+EAA+E;KAC7F;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,8EAA8E;KAC5F;IACD;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,mEAAmE;KACjF;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,sEAAsE;KACpF;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,kBAAkB;QACzB,WAAW,EAAE,gEAAgE;KAC9E;IACD;QACE,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EAAE,2DAA2D;KACzE;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,OAAO,CACL,kBAAS,SAAS,EAAC,qCAAqC,YACtD,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAK,SAAS,EAAC,mBAAmB,aAChC,aAAI,SAAS,EAAC,4CAA4C,oCAErD,EACL,YAAG,SAAS,EAAC,+CAA+C,wEAExD,IACA,EACN,KAAC,IAAI,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,EAAC,IAAI,YACnD,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,cACH,KAAC,IAAI,CAAC,IAAI,cACR,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,cAAK,SAAS,EAAC,wEAAwE,YACrF,KAAC,OAAO,CAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,GAAG,GAChD,EACN,aAAI,SAAS,EAAC,0CAA0C,YACrD,OAAO,CAAC,KAAK,GACX,EACL,YAAG,SAAS,EAAC,6BAA6B,YACvC,OAAO,CAAC,WAAW,GAClB,IACC,GACG,IAbH,OAAO,CAAC,KAAK,CAcjB,CACR,CAAC,GACG,IACH,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/patterns/content/feature-grid/metadata.json

@@ -1,17 +0,0 @@
-{
-    "id": "feature-grid",
-    "name": "Feature Grid",
-    "description": "Responsive grid of feature cards with icons, titles, and descriptions. Ideal for showcasing product capabilities or service offerings.",
-    "category": "content",
-    "tags": ["features", "grid", "cards", "icons", "showcase", "capabilities"],
-    "useCases": [
-        "Product features section",
-        "Service offerings page",
-        "Benefits overview",
-        "Technology stack display"
-    ],
-    "components": ["Grid", "Card", "Flex"],
-    "complexity": "simple",
-    "relatedPatterns": ["hero-with-cta", "pricing-cards"],
-    "notes": "Grid uses responsive columns (1 on mobile, 2 on medium, 3 on large). Cards use subtle border styling with hover states. Icons are passed as children for flexibility."
-}

package/dist/patterns/content/pricing-cards/example.d.ts

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

package/dist/patterns/content/pricing-cards/example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../../src/patterns/content/pricing-cards/example.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAsDF,MAAM,CAAC,OAAO,UAAU,YAAY,4CAiEnC"}

package/dist/patterns/content/pricing-cards/example.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, Badge, Button, Grid, Flex } from 'ui-lab-components';
-import { Check } from 'lucide-react';
-export const metadata = {
-    name: 'Pricing Cards',
-    description: 'Side-by-side pricing plan cards with feature lists and CTAs',
-};
-const plans = [
-    {
-        name: 'Starter',
-        price: '$0',
-        period: '/month',
-        description: 'For individuals and side projects',
-        features: [
-            '5 projects',
-            '1 GB storage',
-            'Community support',
-            'Basic analytics',
-        ],
-        buttonVariant: 'outline',
-        buttonLabel: 'Get Started',
-        highlighted: false,
-    },
-    {
-        name: 'Pro',
-        price: '$29',
-        period: '/month',
-        description: 'For growing teams and businesses',
-        features: [
-            'Unlimited projects',
-            '100 GB storage',
-            'Priority support',
-            'Advanced analytics',
-            'Custom domains',
-            'Team collaboration',
-        ],
-        buttonVariant: 'primary',
-        buttonLabel: 'Start Free Trial',
-        highlighted: true,
-    },
-    {
-        name: 'Enterprise',
-        price: '$99',
-        period: '/month',
-        description: 'For large organizations',
-        features: [
-            'Everything in Pro',
-            '1 TB storage',
-            'Dedicated support',
-            'SSO & SAML',
-            'Audit logs',
-            'Custom contracts',
-        ],
-        buttonVariant: 'outline',
-        buttonLabel: 'Contact Sales',
-        highlighted: false,
-    },
-];
-export default function PricingCards() {
-    return (_jsx("section", { className: "w-full px-6 py-20 bg-background-950", children: _jsxs("div", { className: "max-w-5xl mx-auto", children: [_jsxs("div", { className: "text-center mb-12", children: [_jsx("h2", { className: "text-3xl font-bold text-foreground-50 mb-3", children: "Simple, transparent pricing" }), _jsx("p", { className: "text-foreground-300 text-lg", children: "Choose the plan that fits your needs." })] }), _jsx(Grid, { columns: { sm: '1', md: '3' }, gap: "md", children: plans.map((plan) => (_jsx(Card, { className: plan.highlighted
-                            ? 'border-accent-500 ring-1 ring-accent-500/20'
-                            : '', children: _jsx(Card.Body, { children: _jsxs(Flex, { direction: "column", gap: "md", children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsxs(Flex, { align: "center", gap: "sm", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-50", children: plan.name }), plan.highlighted && (_jsx(Badge, { variant: "default", children: "Popular" }))] }), _jsx("p", { className: "text-sm text-foreground-400", children: plan.description })] }), _jsxs("div", { children: [_jsx("span", { className: "text-4xl font-bold text-foreground-50", children: plan.price }), _jsx("span", { className: "text-foreground-400", children: plan.period })] }), _jsx("ul", { className: "space-y-2", children: plan.features.map((feature) => (_jsxs("li", { className: "flex items-center gap-2 text-sm text-foreground-200", children: [_jsx(Check, { className: "w-4 h-4 text-accent-400 shrink-0" }), feature] }, feature))) }), _jsx(Button, { variant: plan.buttonVariant, className: "w-full", children: plan.buttonLabel })] }) }) }, plan.name))) })] }) }));
-}
-//# sourceMappingURL=example.js.map

package/dist/patterns/content/pricing-cards/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../../src/patterns/content/pricing-cards/example.tsx"],"names":[],"mappings":"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"}

package/dist/patterns/content/pricing-cards/metadata.json

@@ -1,17 +0,0 @@
-{
-    "id": "pricing-cards",
-    "name": "Pricing Cards",
-    "description": "Side-by-side pricing plan cards with feature lists, badges for plan tiers, and call-to-action buttons. Standard pattern for SaaS and product pricing pages.",
-    "category": "content",
-    "tags": ["pricing", "cards", "plans", "badge", "saas", "subscription", "tiers"],
-    "useCases": [
-        "SaaS pricing page",
-        "Subscription plan selection",
-        "Service tier comparison",
-        "Product plan overview"
-    ],
-    "components": ["Card", "Badge", "Button", "Grid", "Flex"],
-    "complexity": "moderate",
-    "relatedPatterns": ["hero-with-cta", "feature-grid"],
-    "notes": "Highlighted plan uses accent border for visual emphasis. Badge indicates recommended tier. Feature lists use simple check marks. Grid is responsive: stacks on mobile, side-by-side on larger screens."
-}

package/dist/patterns/forms/settings-form-layout/example.d.ts

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

package/dist/patterns/forms/settings-form-layout/example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../../src/patterns/forms/settings-form-layout/example.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAuDzC"}

package/dist/patterns/forms/settings-form-layout/example.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Label, Switch, Button, Flex, Card } from 'ui-lab-components';
-export const metadata = {
-    name: 'Settings Form Layout',
-    description: 'Structured settings form with labeled inputs, toggles, and submit action',
-};
-export default function SettingsFormLayout() {
-    return (_jsxs("section", { className: "w-full max-w-2xl mx-auto px-6 py-12", children: [_jsx("h2", { className: "text-2xl font-bold text-foreground-50 mb-8", children: "Account Settings" }), _jsx(Card, { children: _jsx(Card.Body, { children: _jsxs(Flex, { direction: "column", gap: "lg", children: [_jsxs(Flex, { direction: "column", gap: "sm", children: [_jsx(Label, { htmlFor: "display-name", children: "Display Name" }), _jsx(Input, { id: "display-name", placeholder: "Your display name" })] }), _jsxs(Flex, { direction: "column", gap: "sm", children: [_jsx(Label, { htmlFor: "email", children: "Email Address" }), _jsx(Input, { id: "email", type: "email", placeholder: "you@example.com" })] }), _jsx("div", { className: "border-t border-background-800 my-2" }), _jsxs(Flex, { justify: "space-between", align: "center", children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("span", { className: "text-sm font-medium text-foreground-100", children: "Email Notifications" }), _jsx("span", { className: "text-xs text-foreground-400", children: "Receive email updates about your account activity" })] }), _jsx(Switch, { defaultSelected: true })] }), _jsxs(Flex, { justify: "space-between", align: "center", children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("span", { className: "text-sm font-medium text-foreground-100", children: "Marketing Emails" }), _jsx("span", { className: "text-xs text-foreground-400", children: "Receive tips, product updates, and announcements" })] }), _jsx(Switch, {})] }), _jsx("div", { className: "border-t border-background-800 my-2" }), _jsx(Flex, { justify: "flex-end", children: _jsx(Button, { variant: "primary", children: "Save Changes" }) })] }) }) })] }));
-}
-//# sourceMappingURL=example.js.map

package/dist/patterns/forms/settings-form-layout/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../../src/patterns/forms/settings-form-layout/example.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,0EAA0E;CACxF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,OAAO,CACL,mBAAS,SAAS,EAAC,qCAAqC,aACtD,aAAI,SAAS,EAAC,4CAA4C,iCAErD,EACL,KAAC,IAAI,cACH,KAAC,IAAI,CAAC,IAAI,cACR,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,KAAK,IAAC,OAAO,EAAC,cAAc,6BAAqB,EAClD,KAAC,KAAK,IAAC,EAAE,EAAC,cAAc,EAAC,WAAW,EAAC,mBAAmB,GAAG,IACtD,EAEP,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,8BAAsB,EAC5C,KAAC,KAAK,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,iBAAiB,GAAG,IAC1D,EAEP,cAAK,SAAS,EAAC,qCAAqC,GAAG,EAEvD,MAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aAC1C,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,eAAM,SAAS,EAAC,yCAAyC,oCAElD,EACP,eAAM,SAAS,EAAC,6BAA6B,kEAEtC,IACF,EACP,KAAC,MAAM,IAAC,eAAe,SAAG,IACrB,EAEP,MAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aAC1C,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,eAAM,SAAS,EAAC,yCAAyC,iCAElD,EACP,eAAM,SAAS,EAAC,6BAA6B,iEAEtC,IACF,EACP,KAAC,MAAM,KAAG,IACL,EAEP,cAAK,SAAS,EAAC,qCAAqC,GAAG,EAEvD,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YACtB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,6BAAsB,GAC1C,IACF,GACG,GACP,IACC,CACX,CAAC;AACJ,CAAC"}

package/dist/patterns/forms/settings-form-layout/metadata.json

@@ -1,17 +0,0 @@
-{
-    "id": "settings-form-layout",
-    "name": "Settings Form Layout",
-    "description": "Structured settings form with labeled inputs, toggle switches, and a submit button. Common pattern for account settings and preference pages.",
-    "category": "forms",
-    "tags": ["form", "settings", "input", "switch", "toggle", "preferences", "account"],
-    "useCases": [
-        "Account settings page",
-        "Notification preferences",
-        "Profile editing form",
-        "Application configuration"
-    ],
-    "components": ["Input", "Label", "Switch", "Button", "Flex", "Card"],
-    "complexity": "moderate",
-    "relatedPatterns": ["sticky-header"],
-    "notes": "Form sections are separated by dividers. Labels are associated with inputs for accessibility. Switch toggles use descriptive labels. Submit button is placed at the bottom with right alignment."
-}

package/dist/patterns/hero-landing/hero-with-cta/example.d.ts

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

package/dist/patterns/hero-landing/hero-with-cta/example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../../src/patterns/hero-landing/hero-with-cta/example.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,4CAwBlC"}

package/dist/patterns/hero-landing/hero-with-cta/example.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Group, Flex } from 'ui-lab-components';
-export const metadata = {
-    name: 'Hero with CTA',
-    description: 'Hero section with headline, subheadline, and call-to-action button group',
-};
-export default function HeroWithCTA() {
-    return (_jsx("section", { className: "w-full min-h-[70vh] flex items-center justify-center px-6 py-20 bg-background-950", children: _jsxs(Flex, { direction: "column", align: "center", gap: "lg", children: [_jsxs("div", { className: "text-center max-w-3xl", children: [_jsx("h1", { className: "text-5xl md:text-6xl font-bold text-foreground-50 mb-4 tracking-tight", children: "Build beautiful interfaces" }), _jsx("p", { className: "text-lg md:text-xl text-foreground-300 max-w-2xl mx-auto", children: "A composable component library for modern React applications. Ship faster with accessible, themeable components." })] }), _jsxs(Group, { spacing: "sm", children: [_jsx(Button, { variant: "primary", size: "lg", children: "Get Started" }), _jsx(Button, { variant: "ghost", size: "lg", children: "View Documentation" })] })] }) }));
-}
-//# sourceMappingURL=example.js.map

package/dist/patterns/hero-landing/hero-with-cta/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../../src/patterns/hero-landing/hero-with-cta/example.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,0EAA0E;CACxF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,OAAO,CACL,kBAAS,SAAS,EAAC,mFAAmF,YACpG,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9C,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,uEAAuE,2CAEhF,EACL,YAAG,SAAS,EAAC,0DAA0D,iIAGnE,IACA,EACN,MAAC,KAAK,IAAC,OAAO,EAAC,IAAI,aACjB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,4BAE1B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,mCAExB,IACH,IACH,GACC,CACX,CAAC;AACJ,CAAC"}

package/dist/patterns/hero-landing/hero-with-cta/metadata.json

@@ -1,17 +0,0 @@
-{
-    "id": "hero-with-cta",
-    "name": "Hero with CTA",
-    "description": "Hero section with headline, subheadline, and primary action button group. Perfect for landing pages and product launches.",
-    "category": "hero-landing",
-    "tags": ["hero", "cta", "call-to-action", "landing", "button-group", "headline"],
-    "useCases": [
-        "Product landing page",
-        "Feature announcement",
-        "Pricing page hero",
-        "Marketing homepage"
-    ],
-    "components": ["Button", "Group", "Flex"],
-    "complexity": "simple",
-    "relatedPatterns": ["feature-grid", "pricing-cards"],
-    "notes": "Button Group uses ghost variant for secondary actions. Hero container uses flex with center alignment. Text hierarchy established through font size scaling."
-}

package/dist/patterns/navigation/sticky-header/example.d.ts

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

package/dist/patterns/navigation/sticky-header/example.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../../../src/patterns/navigation/sticky-header/example.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,YAAY,4CAiCnC"}

package/dist/patterns/navigation/sticky-header/example.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Group, Flex } from 'ui-lab-components';
-export const metadata = {
-    name: 'Sticky Header',
-    description: 'Fixed navigation header with logo, links, and action buttons',
-};
-const navLinks = ['Features', 'Pricing', 'Docs', 'Blog'];
-export default function StickyHeader() {
-    return (_jsx("header", { className: "sticky top-0 z-50 w-full border-b border-background-800 bg-background-950/80 backdrop-blur-md", children: _jsxs(Flex, { align: "center", justify: "space-between", className: "max-w-6xl mx-auto h-16 px-6", children: [_jsxs(Flex, { align: "center", gap: "lg", children: [_jsx("span", { className: "text-lg font-bold text-foreground-50", children: "Acme" }), _jsx("nav", { children: _jsx(Group, { spacing: "sm", children: navLinks.map((link) => (_jsx(Button, { variant: "ghost", size: "sm", children: link }, link))) }) })] }), _jsxs(Group, { spacing: "sm", children: [_jsx(Button, { variant: "ghost", size: "sm", children: "Sign In" }), _jsx(Button, { variant: "primary", size: "sm", children: "Get Started" })] })] }) }));
-}
-//# sourceMappingURL=example.js.map

package/dist/patterns/navigation/sticky-header/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","sourceRoot":"","sources":["../../../../src/patterns/navigation/sticky-header/example.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,8DAA8D;CAC5E,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,CACL,iBAAQ,SAAS,EAAC,+FAA+F,YAC/G,MAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,SAAS,EAAC,6BAA6B,aAEvC,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC3B,eAAM,SAAS,EAAC,sCAAsC,qBAE/C,EACP,wBACE,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,YAChB,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,KAAC,MAAM,IAAY,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,YACzC,IAAI,IADM,IAAI,CAER,CACV,CAAC,GACI,GACJ,IACD,EACP,MAAC,KAAK,IAAC,OAAO,EAAC,IAAI,aACjB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,wBAExB,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,4BAE1B,IACH,IACH,GACA,CACV,CAAC;AACJ,CAAC"}

package/dist/patterns/navigation/sticky-header/metadata.json

@@ -1,17 +0,0 @@
-{
-    "id": "sticky-header",
-    "name": "Sticky Header",
-    "description": "Fixed-position header with logo, navigation links, and action buttons. Stays visible while scrolling for persistent access to navigation.",
-    "category": "navigation",
-    "tags": ["header", "navigation", "sticky", "fixed", "navbar", "menu", "responsive"],
-    "useCases": [
-        "Marketing website navigation",
-        "Application top bar",
-        "Documentation site header",
-        "Portfolio navigation"
-    ],
-    "components": ["Button", "Group", "Flex"],
-    "complexity": "simple",
-    "relatedPatterns": ["hero-with-cta", "settings-form-layout"],
-    "notes": "Uses sticky positioning with backdrop blur for visual depth. Navigation links use ghost button styling for consistency. Logo area and nav actions are separated with space-between layout."
-}