@tekton-ui/ui 0.2.0

package/dist/src/components/card.stories.d.ts

@@ -0,0 +1,46 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Simple {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace HeaderOnly {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace WithActions {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace WithForm {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace Dashboard {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+export namespace Notification {
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
+    export { render_6 as render };
+}
+export namespace Interactive {
+    export function render_7(): import("react/jsx-runtime").JSX.Element;
+    export { render_7 as render };
+}
+export namespace Grid {
+    export function render_8(): import("react/jsx-runtime").JSX.Element;
+    export { render_8 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Card as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Card } from './card';
+//# sourceMappingURL=card.stories.d.ts.map

package/dist/src/components/card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/card.stories.jsx"],"names":[],"mappings":";;IAqBY,2DAWA;;;IAMA,oEAIA;;;;IAMA,oEAKA;;;;IAMA,oEASA;;;;IAMA,oEA2BA;;;;IAMA,oEASA;;;;IAMA,oEA0BA;;;;IAMA,oEAQA;;;;IAMA,oEAyBD;;;;;;;;;;;qBA3L2E,QAAQ"}

package/dist/src/components/card.stories.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from './card';
+import { Button } from './button';
+const meta = {
+    title: 'Components/Card',
+    component: Card,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardDescription, { children: "Card description goes here." })] }), _jsx(CardContent, { children: _jsx("p", { children: "Card content goes here." }) }), _jsx(CardFooter, { children: _jsx(Button, { children: "Action" }) })] })),
+};
+export const Simple = {
+    render: () => (_jsx(Card, { className: "w-[350px]", children: _jsx(CardContent, { className: "pt-6", children: _jsx("p", { children: "A simple card with just content." }) }) })),
+};
+export const HeaderOnly = {
+    render: () => (_jsx(Card, { className: "w-[350px]", children: _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Notifications" }), _jsx(CardDescription, { children: "You have 3 unread messages." })] }) })),
+};
+export const WithActions = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Confirm Action" }), _jsx(CardDescription, { children: "Are you sure you want to continue?" })] }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Confirm" })] })] })),
+};
+export const WithForm = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Create Account" }), _jsx(CardDescription, { children: "Enter your email below to create your account." })] }), _jsx(CardContent, { children: _jsx("form", { children: _jsxs("div", { className: "grid w-full items-center gap-4", children: [_jsxs("div", { className: "flex flex-col space-y-1.5", children: [_jsx("label", { htmlFor: "name", className: "text-sm font-medium", children: "Name" }), _jsx("input", { id: "name", placeholder: "Enter your name", className: "flex h-10 w-full rounded-md border border-[var(--tekton-border-input)] bg-transparent px-3 py-2 text-sm" })] }), _jsxs("div", { className: "flex flex-col space-y-1.5", children: [_jsx("label", { htmlFor: "email", className: "text-sm font-medium", children: "Email" }), _jsx("input", { id: "email", type: "email", placeholder: "Enter your email", className: "flex h-10 w-full rounded-md border border-[var(--tekton-border-input)] bg-transparent px-3 py-2 text-sm" })] })] }) }) }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { children: "Create" })] })] })),
+};
+export const Dashboard = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Total Revenue" }), _jsx("span", { className: "text-2xl", children: "\uD83D\uDCB0" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: "$45,231.89" }), _jsx("p", { className: "text-xs text-[var(--tekton-bg-muted-foreground)]", children: "+20.1% from last month" })] })] })),
+};
+export const Notification = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Notifications" }), _jsx(CardDescription, { children: "You have 3 unread messages." })] }), _jsxs(CardContent, { className: "grid gap-4", children: [_jsxs("div", { className: "flex items-start space-x-4 rounded-md border p-4", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDCE7" }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("p", { className: "text-sm font-medium leading-none", children: "New message" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "You have a new message from John" })] })] }), _jsxs("div", { className: "flex items-start space-x-4 rounded-md border p-4", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDD14" }), _jsxs("div", { className: "flex-1 space-y-1", children: [_jsx("p", { className: "text-sm font-medium leading-none", children: "Reminder" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Meeting at 3:00 PM" })] })] })] }), _jsx(CardFooter, { children: _jsx(Button, { className: "w-full", children: "Mark all as read" }) })] })),
+};
+export const Interactive = {
+    render: () => (_jsxs(Card, { className: "w-[350px] cursor-pointer transition-all hover:shadow-lg hover:scale-105", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Interactive Card" }), _jsx(CardDescription, { children: "Hover to see the effect" })] }), _jsx(CardContent, { children: _jsx("p", { children: "This card has hover effects and is clickable." }) })] })),
+};
+export const Grid = {
+    render: () => (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card 1" }), _jsx(CardDescription, { children: "First card" })] }) }), _jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card 2" }), _jsx(CardDescription, { children: "Second card" })] }) }), _jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card 3" }), _jsx(CardDescription, { children: "Third card" })] }) }), _jsx(Card, { children: _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card 4" }), _jsx(CardDescription, { children: "Fourth card" })] }) })] })),
+};
+//# sourceMappingURL=card.stories.js.map

package/dist/src/components/card.stories.js.map

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

package/dist/src/components/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/src/components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAI9D,QAAA,MAAM,QAAQ,iKAgBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/components/checkbox.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check } from 'lucide-react';
+import { cn } from '../lib/utils';
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn('peer h-4 w-4 shrink-0 rounded-[var(--tekton-radius-sm)] border border-[var(--tekton-border-input)] ring-offset-[var(--tekton-bg-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--tekton-bg-primary)] data-[state=checked]:text-[var(--tekton-bg-primary-foreground)]', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current'), children: _jsx(Check, { className: "h-4 w-4" }) }) })));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/src/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4aAA4a,EAC5a,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,+CAA+C,CAAC,YACzF,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACD,GACP,CAC1B,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/components/checkbox.stories.d.ts

@@ -0,0 +1,50 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Checked {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Disabled {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Multiple {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace FormExample {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace WithError {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+export namespace Indeterminate {
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
+    export { render_6 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Checkbox as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace argTypes {
+        namespace checked {
+            let control: string;
+            let description: string;
+        }
+        namespace disabled {
+            let control_1: string;
+            export { control_1 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+    }
+}
+import { Checkbox } from './checkbox';
+//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/src/components/checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox.stories.jsx"],"names":[],"mappings":";;IAiCY,2DAKD;;;IAMC,oEAKD;;;;IAOC,oEAaD;;;;IAMC,oEAmBD;;;;IAMC,oEAuBD;;;;IAMC,oEAUD;;;;IAMC,oEAwBP;;;;;;;;;;;;;;;;;;;;;;;yBAlKoB,YAAY"}

package/dist/src/components/checkbox.stories.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Checkbox } from './checkbox';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Checkbox',
+    component: Checkbox,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        checked: {
+            control: 'boolean',
+            description: 'Checked state',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable checkbox interaction',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", className: "cursor-pointer", children: "Accept terms and conditions" })] })),
+};
+export const Checked = {
+    render: () => (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "checked", defaultChecked: true }), _jsx(Label, { htmlFor: "checked", className: "cursor-pointer", children: "Already accepted" })] })),
+};
+export const Disabled = {
+    render: () => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "disabled-unchecked", disabled: true }), _jsx(Label, { htmlFor: "disabled-unchecked", className: "cursor-not-allowed opacity-70", children: "Disabled unchecked" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "disabled-checked", disabled: true, defaultChecked: true }), _jsx(Label, { htmlFor: "disabled-checked", className: "cursor-not-allowed opacity-70", children: "Disabled checked" })] })] })),
+};
+export const Multiple = {
+    render: () => (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "option1" }), _jsx(Label, { htmlFor: "option1", className: "cursor-pointer", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "option2" }), _jsx(Label, { htmlFor: "option2", className: "cursor-pointer", children: "Option 2" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "option3" }), _jsx(Label, { htmlFor: "option3", className: "cursor-pointer", children: "Option 3" })] })] })),
+};
+export const FormExample = {
+    render: () => (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "marketing" }), _jsx(Label, { htmlFor: "marketing", className: "cursor-pointer", children: "Marketing emails" })] }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)] pl-6", children: "Receive emails about new products and features." })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "security", defaultChecked: true }), _jsx(Label, { htmlFor: "security", className: "cursor-pointer", children: "Security updates" })] }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)] pl-6", children: "Receive emails about your account security." })] })] })),
+};
+export const WithError = {
+    render: () => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "error-checkbox", className: "border-[var(--tekton-bg-destructive)]" }), _jsx(Label, { htmlFor: "error-checkbox", className: "cursor-pointer", children: "Required checkbox" })] }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-destructive)] pl-6", children: "You must accept the terms and conditions" })] })),
+};
+export const Indeterminate = {
+    render: () => {
+        const [checked, setChecked] = React.useState('indeterminate');
+        return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "parent", checked: checked, onCheckedChange: setChecked }), _jsx(Label, { htmlFor: "parent", className: "cursor-pointer", children: "Select all" })] }), _jsxs("div", { className: "ml-6 space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "child1" }), _jsx(Label, { htmlFor: "child1", className: "cursor-pointer", children: "Child option 1" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "child2" }), _jsx(Label, { htmlFor: "child2", className: "cursor-pointer", children: "Child option 2" })] })] })] }));
+    },
+};
+//# sourceMappingURL=checkbox.stories.js.map

package/dist/src/components/checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/checkbox.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,eAAe;SAC/B;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,8BAA8B;SAC9C;KACJ;CACJ,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,6BAA6B,aACzD,KAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,GAAE,EACtB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,4CAEzC,IACJ,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,6BAA6B,aACzD,KAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,EAAC,cAAc,SAAE,EACvC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB,iCAE3C,IACJ,CAAC;CACV,CAAC;AAKF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,WAAW,aACvC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,oBAAoB,EAAC,QAAQ,SAAE,EAC5C,KAAC,KAAK,IAAC,OAAO,EAAC,oBAAoB,EAAC,SAAS,EAAC,+BAA+B,mCAErE,IACJ,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,QAAC,cAAc,SAAE,EACzD,KAAC,KAAK,IAAC,OAAO,EAAC,kBAAkB,EAAC,SAAS,EAAC,+BAA+B,iCAEnE,IACJ,IACF,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,WAAW,aACvC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,GAAE,EACxB,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB,yBAE3C,IACJ,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,GAAE,EACxB,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB,yBAE3C,IACJ,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,GAAE,EACxB,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,gBAAgB,yBAE3C,IACJ,IACF,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,WAAW,aACvC,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,WAAW,GAAE,EAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,gBAAgB,iCAE7C,IACJ,EACN,YAAG,SAAS,EAAC,uDAAuD,gEAEhE,IACA,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,UAAU,EAAC,cAAc,SAAE,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,iCAE5C,IACJ,EACN,YAAG,SAAS,EAAC,uDAAuD,4DAEhE,IACA,IACF,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,WAAW,aACvC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,gBAAgB,EAAC,SAAS,EAAC,uCAAuC,GAAE,EACjF,KAAC,KAAK,IAAC,OAAO,EAAC,gBAAgB,EAAC,SAAS,EAAC,gBAAgB,kCAElD,IACJ,EACN,YAAG,SAAS,EAAC,kDAAkD,yDAE3D,IACA,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAC9D,OAAO,CAAC,eAAK,SAAS,EAAC,WAAW,aAClC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,GAAG,EACtE,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,2BAE1C,IACJ,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,QAAQ,GAAE,EACvB,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,+BAE1C,IACJ,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,EAAE,EAAC,QAAQ,GAAE,EACvB,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,SAAS,EAAC,gBAAgB,+BAE1C,IACJ,IACF,IACF,CAAC,CAAC;IACV,CAAC;CACJ,CAAC"}

package/dist/src/components/command.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: React.ComponentPropsWithoutRef<typeof CommandPrimitive.Dialog>) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, };
+//# sourceMappingURL=command.d.ts.map

package/dist/src/components/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/command.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAGnD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,QAAA,MAAM,aAAa,GAAI,wBAGpB,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAehE,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAgChB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAGH,QAAA,MAAM,eAAe;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUtF,CAAC;AAGF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC"}

package/dist/src/components/command.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { cn } from '../lib/utils';
+const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-popover)] text-[var(--tekton-text-popover-foreground)]', className), ...props })));
+Command.displayName = CommandPrimitive.displayName;
+const CommandDialog = ({ children, ...props }) => {
+    return (_jsx(CommandPrimitive.Dialog, { ...props, className: cn('fixed inset-0 z-50 bg-[var(--tekton-bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0'), children: _jsx("div", { className: "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)] p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--tekton-text-muted-foreground)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) }) }));
+};
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b border-[var(--tekton-border-default)] px-3", "cmdk-input-wrapper": "", children: [_jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "mr-2 h-4 w-4 shrink-0 opacity-50", children: _jsx("path", { d: "M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex h-11 w-full rounded-[var(--tekton-radius-md)] bg-transparent py-3 text-sm outline-none placeholder:text-[var(--tekton-text-muted-foreground)] disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm text-[var(--tekton-text-muted-foreground)]", ...props })));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-[var(--tekton-bg-foreground)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--tekton-text-muted-foreground)]', className), ...props })));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-[var(--tekton-border-default)]', className), ...props })));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] px-2 py-1.5 text-sm outline-none aria-selected:bg-[var(--tekton-bg-accent)] aria-selected:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props })));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-[var(--tekton-text-muted-foreground)]', className), ...props }));
+};
+CommandShortcut.displayName = 'CommandShortcut';
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, };
+//# sourceMappingURL=command.js.map

package/dist/src/components/command.js.map

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

package/dist/src/components/command.stories.d.ts

@@ -0,0 +1,34 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithShortcuts {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace WithGroupsAndIcons {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Dialog {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Compact {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace MultipleGroups {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Command as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Command } from './command';
+//# sourceMappingURL=command.stories.d.ts.map

package/dist/src/components/command.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.stories.d.ts","sourceRoot":"","sources":["../../../src/components/command.stories.jsx"],"names":[],"mappings":";;IAqBY,2DAgBG;;;IAOH,oEAkCG;;;;IAMH,oEAqCG;;;;IAOH,oEA2CP;;;;IAMO,oEAUG;;;;IAMH,oEAsBG;;;;;;;;;;;wBAjNgI,WAAW"}

package/dist/src/components/command.stories.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from './command';
+const meta = {
+    title: 'Components/Command',
+    component: Command,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--tekton-border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Type a command or search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Suggestions", children: [_jsx(CommandItem, { children: "\uD83D\uDCC5 Calendar" }), _jsx(CommandItem, { children: "\uD83D\uDE00 Search Emoji" }), _jsx(CommandItem, { children: "\uD83E\uDDEE Calculator" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Settings", children: [_jsx(CommandItem, { children: "\uD83D\uDC64 Profile" }), _jsx(CommandItem, { children: "\uD83D\uDCB3 Billing" }), _jsx(CommandItem, { children: "\u2699\uFE0F Settings" })] })] })] })),
+};
+export const WithShortcuts = {
+    render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--tekton-border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Search commands..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Actions", children: [_jsxs(CommandItem, { children: [_jsx("span", { children: "New File" }), _jsx(CommandShortcut, { children: "\u2318N" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Open File" }), _jsx(CommandShortcut, { children: "\u2318O" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Save" }), _jsx(CommandShortcut, { children: "\u2318S" })] })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Edit", children: [_jsxs(CommandItem, { children: [_jsx("span", { children: "Copy" }), _jsx(CommandShortcut, { children: "\u2318C" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Paste" }), _jsx(CommandShortcut, { children: "\u2318V" })] }), _jsxs(CommandItem, { children: [_jsx("span", { children: "Cut" }), _jsx(CommandShortcut, { children: "\u2318X" })] })] })] })] })),
+};
+export const WithGroupsAndIcons = {
+    render: () => (_jsxs(Command, { className: "w-[450px] rounded-lg border border-[var(--tekton-border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Files", children: [_jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCC4" }), _jsx("span", { children: "New Document" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCC1" }), _jsx("span", { children: "New Folder" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCCB" }), _jsx("span", { children: "New Template" })] })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Navigation", children: [_jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83C\uDFE0" }), _jsx("span", { children: "Go to Dashboard" }), _jsx(CommandShortcut, { children: "\u2318D" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\uD83D\uDCCA" }), _jsx("span", { children: "Go to Analytics" }), _jsx(CommandShortcut, { children: "\u2318A" })] }), _jsxs(CommandItem, { children: [_jsx("span", { className: "mr-2", children: "\u2699\uFE0F" }), _jsx("span", { children: "Go to Settings" }), _jsx(CommandShortcut, { children: "\u2318," })] })] })] })] })),
+};
+export const Dialog = {
+    render: () => {
+        const [open, setOpen] = React.useState(false);
+        React.useEffect(() => {
+            const down = (e) => {
+                if (e.key === 'k' && (e.metaKey || e.ctrlKey)) {
+                    e.preventDefault();
+                    setOpen(open => !open);
+                }
+            };
+            document.addEventListener('keydown', down);
+            return () => document.removeEventListener('keydown', down);
+        }, []);
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-center", children: [_jsxs("p", { className: "text-sm text-[var(--tekton-text-muted-foreground)]", children: ["Press", ' ', _jsxs("kbd", { className: "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--tekton-border-border)] bg-[var(--tekton-bg-muted)] px-1.5 font-mono text-[10px] font-medium text-[var(--tekton-text-muted-foreground)] opacity-100", children: [_jsx("span", { className: "text-xs", children: "\u2318" }), "K"] }), ' ', "to open the command palette"] }), _jsx("button", { onClick: () => setOpen(true), className: "mt-4 rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-primary)] px-4 py-2 text-sm text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90", children: "Open Command Palette" })] }), _jsxs(CommandDialog, { open: open, onOpenChange: setOpen, children: [_jsx(CommandInput, { placeholder: "Type a command or search..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Suggestions", children: [_jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDCC5 Calendar" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDE00 Search Emoji" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83E\uDDEE Calculator" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Settings", children: [_jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDC64 Profile" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\uD83D\uDCB3 Billing" }), _jsx(CommandItem, { onSelect: () => setOpen(false), children: "\u2699\uFE0F Settings" })] })] })] })] }));
+    },
+};
+export const Compact = {
+    render: () => (_jsxs(Command, { className: "w-[350px] rounded-lg border border-[var(--tekton-border-border)]", children: [_jsx(CommandInput, { placeholder: "Quick search..." }), _jsxs(CommandList, { className: "max-h-[200px]", children: [_jsx(CommandEmpty, { children: "No results." }), _jsxs(CommandGroup, { children: [_jsx(CommandItem, { children: "Dashboard" }), _jsx(CommandItem, { children: "Analytics" }), _jsx(CommandItem, { children: "Settings" })] })] })] })),
+};
+export const MultipleGroups = {
+    render: () => (_jsxs(Command, { className: "w-[500px] rounded-lg border border-[var(--tekton-border-border)] shadow-md", children: [_jsx(CommandInput, { placeholder: "Search everything..." }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsxs(CommandGroup, { heading: "Pages", children: [_jsx(CommandItem, { children: "\uD83C\uDFE0 Home" }), _jsx(CommandItem, { children: "\uD83D\uDCCA Dashboard" }), _jsx(CommandItem, { children: "\uD83D\uDC65 Users" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Actions", children: [_jsx(CommandItem, { children: "\u2795 Create New" }), _jsx(CommandItem, { children: "\uD83D\uDCE5 Import" }), _jsx(CommandItem, { children: "\uD83D\uDCE4 Export" })] }), _jsx(CommandSeparator, {}), _jsxs(CommandGroup, { heading: "Settings", children: [_jsx(CommandItem, { children: "\u2699\uFE0F General" }), _jsx(CommandItem, { children: "\uD83D\uDD12 Privacy" }), _jsx(CommandItem, { children: "\uD83C\uDFA8 Appearance" })] })] })] })),
+};
+import * as React from 'react';
+//# sourceMappingURL=command.stories.js.map

package/dist/src/components/command.stories.js.map

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

package/dist/src/components/dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/src/components/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,QAAA,MAAM,MAAM,uCAAuB,CAAC;AACpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAC9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAC5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQlF,CAAC;AAGF,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQlF,CAAC;AAGF,QAAA,MAAM,WAAW,oKASf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/src/components/dialog.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { cn } from '../lib/utils';
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-[var(--tekton-bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-[var(--tekton-spacing-4)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)] p-[var(--tekton-spacing-6)] shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-[var(--tekton-radius-lg)]', className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--tekton-radius-sm)] opacity-70 ring-offset-[var(--tekton-bg-background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-[var(--tekton-bg-accent)] data-[state=open]:text-[var(--tekton-bg-muted-foreground)]", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-[var(--tekton-spacing-2)] text-center sm:text-left', className), ...props }));
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--tekton-spacing-2)]', className), ...props }));
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn('text-sm text-[var(--tekton-bg-muted-foreground)]', className), ...props })));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.js.map

package/dist/src/components/dialog.js.map

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

package/dist/src/components/dialog.stories.d.ts

@@ -0,0 +1,38 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithForm {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Confirmation {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Notification {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace CustomContent {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace NoDescription {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+export namespace Scrollable {
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
+    export { render_6 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Dialog as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Dialog } from './dialog';
+//# sourceMappingURL=dialog.stories.d.ts.map

package/dist/src/components/dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dialog.stories.jsx"],"names":[],"mappings":";;IAwBY,2DAgBE;;;IAMF,oEA6BE;;;;IAMF,oEAgBE;;;;IAMF,oEAaE;;;;IAMF,oEAoCE;;;;IAMF,oEAaE;;;;IAMF,oEAqBE;;;;;;;;;;;uBAtMoG,UAAU"}