@tekton-ui/ui 0.2.0

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Progress } from './progress';
+import { Button } from './button';
+const meta = {
+    title: 'Components/Progress',
+    component: Progress,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        value: {
+            control: { type: 'range', min: 0, max: 100, step: 1 },
+            description: 'Progress value (0-100)',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        value: 33,
+        className: 'w-[60%]',
+    },
+};
+export const Values = {
+    render: () => (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: "Progress" }), _jsx("span", { children: "25%" })] }), _jsx(Progress, { value: 25 })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: "Progress" }), _jsx("span", { children: "50%" })] }), _jsx(Progress, { value: 50 })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: "Progress" }), _jsx("span", { children: "75%" })] }), _jsx(Progress, { value: 75 })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: "Progress" }), _jsx("span", { children: "100%" })] }), _jsx(Progress, { value: 100 })] })] })),
+};
+export const Animated = {
+    render: () => {
+        const [progress, setProgress] = React.useState(0);
+        React.useEffect(() => {
+            const timer = setTimeout(() => setProgress(66), 500);
+            return () => clearTimeout(timer);
+        }, []);
+        return (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsx(Progress, { value: progress }), _jsx(Button, { onClick: () => setProgress(0), children: "Reset" })] }));
+    },
+};
+export const FileUpload = {
+    render: () => {
+        const [uploading, setUploading] = React.useState(false);
+        const [progress, setProgress] = React.useState(0);
+        const startUpload = () => {
+            setUploading(true);
+            setProgress(0);
+            const interval = setInterval(() => {
+                setProgress(prev => {
+                    if (prev >= 100) {
+                        clearInterval(interval);
+                        setUploading(false);
+                        return 100;
+                    }
+                    return prev + 10;
+                });
+            }, 500);
+        };
+        return (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: "Uploading document.pdf" }), _jsxs("span", { children: [progress, "%"] })] }), _jsx(Progress, { value: progress })] }), _jsx(Button, { onClick: startUpload, disabled: uploading, children: uploading ? 'Uploading...' : 'Start Upload' })] }));
+    },
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm", children: "Small" }), _jsx(Progress, { value: 60, className: "h-2" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm", children: "Default" }), _jsx(Progress, { value: 60 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm", children: "Large" }), _jsx(Progress, { value: 60, className: "h-6" })] })] })),
+};
+//# sourceMappingURL=progress.stories.js.map

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

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

package/dist/src/components/radio-group.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/src/components/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE,QAAA,MAAM,UAAU,+JAWd,CAAC;AAGH,QAAA,MAAM,cAAc,yKAkBlB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/radio-group.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { cn } from '../lib/utils';
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-[var(--tekton-spacing-2)]', className), ...props, ref: ref }));
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn('aspect-square h-4 w-4 rounded-[var(--tekton-radius-full)] border border-[var(--tekton-border-input)] text-[var(--tekton-bg-primary)] ring-offset-[var(--tekton-bg-background)] focus: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', className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) }) }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.js.map

package/dist/src/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mVAAmV,EACnV,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,YACzE,KAAC,MAAM,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC9B,GACP,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/radio-group.stories.d.ts

@@ -0,0 +1,34 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithDescriptions {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace DisabledOptions {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace FormExample {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace PaymentMethod {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace Horizontal {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { RadioGroup as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { RadioGroup } from './radio-group';
+//# sourceMappingURL=radio-group.stories.d.ts.map

package/dist/src/components/radio-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group.stories.jsx"],"names":[],"mappings":";;IAsBY,2DAmBM;;;IAMN,oEAkCM;;;;IAON,oEAmBM;;;;IAMN,oEAwBD;;;;IAMC,oEAgCM;;;;IAMN,oEAmBM;;;;;;;;;;;2BAlMyB,eAAe"}

package/dist/src/components/radio-group.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RadioGroup, RadioGroupItem } from './radio-group';
+import { Label } from './label';
+const meta = {
+    title: 'Components/RadioGroup',
+    component: RadioGroup,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "option-one", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-one", id: "option-one" }), _jsx(Label, { htmlFor: "option-one", className: "cursor-pointer", children: "Option One" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-two", id: "option-two" }), _jsx(Label, { htmlFor: "option-two", className: "cursor-pointer", children: "Option Two" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-three", id: "option-three" }), _jsx(Label, { htmlFor: "option-three", className: "cursor-pointer", children: "Option Three" })] })] })),
+};
+export const WithDescriptions = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", children: [_jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "default", id: "r1", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r1", className: "cursor-pointer", children: "Default" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "The default spacing for your content." })] })] }), _jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "comfortable", id: "r2", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r2", className: "cursor-pointer", children: "Comfortable" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "More space between elements." })] })] }), _jsxs("div", { className: "flex items-start space-x-2", children: [_jsx(RadioGroupItem, { value: "compact", id: "r3", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none", children: [_jsx(Label, { htmlFor: "r3", className: "cursor-pointer", children: "Compact" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Minimal spacing between elements." })] })] })] })),
+};
+export const DisabledOptions = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "enabled", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "enabled", id: "enabled" }), _jsx(Label, { htmlFor: "enabled", className: "cursor-pointer", children: "Enabled option" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "disabled", id: "disabled", disabled: true }), _jsx(Label, { htmlFor: "disabled", className: "cursor-not-allowed opacity-70", children: "Disabled option" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "another", id: "another" }), _jsx(Label, { htmlFor: "another", className: "cursor-pointer", children: "Another option" })] })] })),
+};
+export const FormExample = {
+    render: () => (_jsx("div", { className: "w-full max-w-sm space-y-4", children: _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Notification preferences" }), _jsxs(RadioGroup, { defaultValue: "all", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "all", id: "all" }), _jsx(Label, { htmlFor: "all", className: "cursor-pointer", children: "All new messages" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "mentions", id: "mentions" }), _jsx(Label, { htmlFor: "mentions", className: "cursor-pointer", children: "Direct messages and mentions" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "none", id: "none" }), _jsx(Label, { htmlFor: "none", className: "cursor-pointer", children: "Nothing" })] })] })] }) })),
+};
+export const PaymentMethod = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "card", children: [_jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "card", id: "card", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "card", className: "cursor-pointer font-medium", children: "Credit Card" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Pay with credit or debit card" })] })] }), _jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "paypal", id: "paypal", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "paypal", className: "cursor-pointer font-medium", children: "PayPal" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Pay with your PayPal account" })] })] }), _jsxs("div", { className: "flex items-start space-x-2 rounded-lg border p-4", children: [_jsx(RadioGroupItem, { value: "bank", id: "bank", className: "mt-1" }), _jsxs("div", { className: "grid gap-1.5 leading-none flex-1", children: [_jsx(Label, { htmlFor: "bank", className: "cursor-pointer font-medium", children: "Bank Transfer" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Pay via bank transfer" })] })] })] })),
+};
+export const Horizontal = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "option-one", className: "flex space-x-4", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-one", id: "h1" }), _jsx(Label, { htmlFor: "h1", className: "cursor-pointer", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-two", id: "h2" }), _jsx(Label, { htmlFor: "h2", className: "cursor-pointer", children: "Option 2" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(RadioGroupItem, { value: "option-three", id: "h3" }), _jsx(Label, { htmlFor: "h3", className: "cursor-pointer", children: "Option 3" })] })] })),
+};
+//# sourceMappingURL=radio-group.stories.js.map

package/dist/src/components/radio-group.stories.js.map

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

package/dist/src/components/scroll-area.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/src/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAGnE,QAAA,MAAM,UAAU,+JAed,CAAC;AAGH,QAAA,MAAM,SAAS,wKAiBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/components/scroll-area.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../lib/utils';
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn('relative overflow-hidden', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn('flex touch-none select-none transition-colors', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent p-[1px]', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-[var(--tekton-radius-full)] bg-[var(--tekton-border-default)]" }) })));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.js.map

package/dist/src/components/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,MAAC,mBAAmB,CAAC,IAAI,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,IAAC,SAAS,EAAC,iCAAiC,YACtE,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5D,KAAC,mBAAmB,CAAC,mBAAmB,IACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU,IAAI,oDAAoD,EAClF,WAAW,KAAK,YAAY,IAAI,sDAAsD,EACtF,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,uFAAuF,GAAG,GACjG,CAC3C,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/components/scroll-area.stories.d.ts

@@ -0,0 +1,46 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Vertical {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Horizontal {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace BothDirections {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace ImageGallery {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace ChatMessages {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+export namespace LongText {
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
+    export { render_6 as render };
+}
+export namespace CodeBlock {
+    export function render_7(): import("react/jsx-runtime").JSX.Element;
+    export { render_7 as render };
+}
+export namespace Nested {
+    export function render_8(): import("react/jsx-runtime").JSX.Element;
+    export { render_8 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { ScrollArea as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { ScrollArea } from './scroll-area';
+//# sourceMappingURL=scroll-area.stories.d.ts.map

package/dist/src/components/scroll-area.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.stories.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.stories.jsx"],"names":[],"mappings":";;IAsBY,2DAMM;;;IAMN,oEAQM;;;;IAMN,oEAMM;;;;IAMN,oEAQM;;;;IAMN,oEAQM;;;;IAMN,oEAWM;;;;IAMN,oEASM;;;;IAMN,oEAUM;;;;IAMN,oEAcM;;;;;;;;;;;2BAhJS,eAAe"}

package/dist/src/components/scroll-area.stories.js

@@ -0,0 +1,44 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ScrollArea } from './scroll-area';
+import { Separator } from './separator';
+const meta = {
+    title: 'Components/ScrollArea',
+    component: ScrollArea,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsx(ScrollArea, { className: "h-[200px] w-[350px] rounded-md border p-4", children: _jsx("div", { className: "space-y-4", children: Array.from({ length: 20 }).map((_, i) => (_jsxs("p", { className: "text-sm", children: ["This is item ", i + 1, " in the scroll area."] }, i))) }) })),
+};
+export const Vertical = {
+    render: () => (_jsx(ScrollArea, { className: "h-72 w-48 rounded-md border", children: _jsxs("div", { className: "p-4", children: [_jsx("h4", { className: "mb-4 text-sm font-medium leading-none", children: "Tags" }), Array.from({ length: 50 }).map((_, i) => (_jsxs("div", { children: [_jsxs("div", { className: "text-sm", children: ["Tag ", i + 1] }), _jsx(Separator, { className: "my-2" })] }, i)))] }) })),
+};
+export const Horizontal = {
+    render: () => (_jsx(ScrollArea, { className: "w-96 whitespace-nowrap rounded-md border", children: _jsx("div", { className: "flex w-max space-x-4 p-4", children: Array.from({ length: 20 }).map((_, i) => (_jsxs("div", { className: "shrink-0 rounded-md border w-[200px] h-[150px] flex items-center justify-center", children: ["Card ", i + 1] }, i))) }) })),
+};
+export const BothDirections = {
+    render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[600px] rounded-md border", children: _jsx("div", { className: "w-[1200px] p-4", children: _jsx("div", { className: "grid grid-cols-6 gap-4", children: Array.from({ length: 60 }).map((_, i) => (_jsxs("div", { className: "rounded-md border p-4 flex items-center justify-center h-[100px]", children: ["Item ", i + 1] }, i))) }) }) })),
+};
+export const ImageGallery = {
+    render: () => (_jsx(ScrollArea, { className: "w-96 whitespace-nowrap rounded-md border", children: _jsx("div", { className: "flex w-max space-x-4 p-4", children: Array.from({ length: 10 }).map((_, i) => (_jsx("div", { className: "shrink-0 overflow-hidden rounded-md w-[250px] h-[200px]", children: _jsxs("div", { className: "h-full w-full bg-[var(--tekton-bg-muted)] flex items-center justify-center", children: ["Image ", i + 1] }) }, i))) }) })),
+};
+export const ChatMessages = {
+    render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[350px] rounded-md border p-4", children: _jsx("div", { className: "space-y-4", children: Array.from({ length: 15 }).map((_, i) => (_jsx("div", { className: `flex ${i % 2 === 0 ? 'justify-start' : 'justify-end'}`, children: _jsxs("div", { className: `rounded-lg p-3 max-w-[70%] ${i % 2 === 0
+                        ? 'bg-[var(--tekton-bg-muted)]'
+                        : 'bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)]'}`, children: [_jsxs("p", { className: "text-sm", children: ["Message ", i + 1] }), _jsx("p", { className: "text-xs opacity-70 mt-1", children: new Date().toLocaleTimeString() })] }) }, i))) }) })),
+};
+export const LongText = {
+    render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[500px] rounded-md border p-4", children: _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Article Title" }), Array.from({ length: 10 }).map((_, i) => (_jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." }, i)))] }) })),
+};
+export const CodeBlock = {
+    render: () => (_jsx(ScrollArea, { className: "h-[300px] w-[600px] rounded-md border", children: _jsx("div", { className: "p-4", children: _jsx("pre", { className: "text-sm", children: _jsx("code", { children: Array.from({ length: 30 })
+                        .map((_, i) => `function example${i}() {\n  console.log("Hello World");\n}\n`)
+                        .join('\n') }) }) }) })),
+};
+export const Nested = {
+    render: () => (_jsx(ScrollArea, { className: "h-[400px] w-[600px] rounded-md border p-4", children: _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Nested ScrollAreas" }), Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "border rounded-md p-4", children: [_jsxs("h4", { className: "font-medium mb-2", children: ["Section ", i + 1] }), _jsx(ScrollArea, { className: "h-[100px] rounded-md border p-2", children: _jsx("div", { className: "space-y-2", children: Array.from({ length: 10 }).map((_, j) => (_jsxs("p", { className: "text-sm", children: ["Nested item ", j + 1] }, j))) }) })] }, i)))] }) })),
+};
+//# sourceMappingURL=scroll-area.stories.js.map

package/dist/src/components/scroll-area.stories.js.map

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.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,WAAW,yGAAwB,CAAC;AAC1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAWxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAW1B,CAAC;AAGH,QAAA,MAAM,aAAa,8JA6BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JAYf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAoBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}

package/dist/src/components/select.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+import { cn } from '../lib/utils';
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 w-full items-center justify-between rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-input)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm ring-offset-[var(--tekton-bg-background)] placeholder:text-[var(--tekton-bg-muted-foreground)] focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronUp, { className: "h-4 w-4" }) })));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn('relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] text-[var(--tekton-bg-popover-foreground)] shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                    'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm font-semibold', className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('relative flex w-full cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] py-[var(--tekton-spacing-2)] pl-8 pr-[var(--tekton-spacing-2)] text-sm outline-none focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-[var(--tekton-bg-muted)]', className), ...props })));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.js.map

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

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

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

@@ -0,0 +1,42 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithLabel {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace WithGroups {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace WithDisabledItems {
+    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 LongList {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+export namespace Disabled {
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
+    export { render_6 as render };
+}
+export namespace MultipleSelects {
+    export function render_7(): import("react/jsx-runtime").JSX.Element;
+    export { render_7 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Select as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Select } from './select';
+//# sourceMappingURL=select.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/select.stories.jsx"],"names":[],"mappings":";;IAsBY,2DAWE;;;IAOF,oEAYD;;;;IAMC,oEAkBE;;;;IAOF,oEAeE;;;;IAMF,oEAgCD;;;;IAMC,oEASE;;;;IAOF,oEASE;;;;IAMF,oEAyCD;;;;;;;;;;;uBAhN8F,UAAU"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from './select';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Select',
+    component: Select,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" }), _jsx(SelectItem, { value: "grape", children: "Grape" }), _jsx(SelectItem, { value: "mango", children: "Mango" })] })] })),
+};
+export const WithLabel = {
+    render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "fruit-select", children: "Favorite Fruit" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "fruit-select", className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] })] })] })),
+};
+export const WithGroups = {
+    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a food" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fruits" }), _jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] }), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Vegetables" }), _jsx(SelectItem, { value: "carrot", children: "Carrot" }), _jsx(SelectItem, { value: "potato", children: "Potato" }), _jsx(SelectItem, { value: "tomato", children: "Tomato" })] })] })] })),
+};
+export const WithDisabledItems = {
+    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", disabled: true, children: "Banana (Out of stock)" }), _jsx(SelectItem, { value: "orange", children: "Orange" }), _jsx(SelectItem, { value: "grape", disabled: true, children: "Grape (Out of stock)" }), _jsx(SelectItem, { value: "mango", children: "Mango" })] })] })),
+};
+export const FormExample = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "country", children: "Country" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "country", children: _jsx(SelectValue, { placeholder: "Select a country" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "us", children: "United States" }), _jsx(SelectItem, { value: "uk", children: "United Kingdom" }), _jsx(SelectItem, { value: "ca", children: "Canada" }), _jsx(SelectItem, { value: "au", children: "Australia" }), _jsx(SelectItem, { value: "de", children: "Germany" }), _jsx(SelectItem, { value: "fr", children: "France" })] })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "language", children: "Language" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "language", children: _jsx(SelectValue, { placeholder: "Select a language" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "en", children: "English" }), _jsx(SelectItem, { value: "es", children: "Spanish" }), _jsx(SelectItem, { value: "fr", children: "French" }), _jsx(SelectItem, { value: "de", children: "German" }), _jsx(SelectItem, { value: "zh", children: "Chinese" })] })] })] })] })),
+};
+export const LongList = {
+    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a number" }) }), _jsx(SelectContent, { children: Array.from({ length: 50 }, (_, i) => (_jsxs(SelectItem, { value: `item-${i}`, children: ["Item ", i + 1] }, i))) })] })),
+};
+export const Disabled = {
+    render: () => (_jsxs(Select, { disabled: true, children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] })] })),
+};
+export const MultipleSelects = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: "Theme" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select theme" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "light", children: "Light" }), _jsx(SelectItem, { value: "dark", children: "Dark" }), _jsx(SelectItem, { value: "system", children: "System" })] })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: "Font Size" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select size" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "sm", children: "Small" }), _jsx(SelectItem, { value: "md", children: "Medium" }), _jsx(SelectItem, { value: "lg", children: "Large" }), _jsx(SelectItem, { value: "xl", children: "Extra Large" })] })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { children: "Layout" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select layout" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "compact", children: "Compact" }), _jsx(SelectItem, { value: "comfortable", children: "Comfortable" }), _jsx(SelectItem, { value: "spacious", children: "Spacious" })] })] })] })] })),
+};
+//# sourceMappingURL=select.stories.js.map

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

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/separator.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,SAAS,6JAeb,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/components/separator.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../lib/utils';
+const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-[var(--tekton-border-default)]', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className), ...props })));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/components/separator.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjF,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAClE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,47 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Horizontal {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Vertical {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Navigation {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace SectionDivider {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace CustomThickness {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Separator as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace argTypes {
+        namespace orientation {
+            let control: string;
+            let options: string[];
+            let description: string;
+        }
+        namespace decorative {
+            let control_1: string;
+            export { control_1 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+    }
+}
+import { Separator } from './separator';
+//# sourceMappingURL=separator.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.stories.d.ts","sourceRoot":"","sources":["../../../src/components/separator.stories.jsx"],"names":[],"mappings":";;IAgCY,2DAeD;;;IAMC,oEAID;;;;IAMC,oEAMD;;;;IAMC,oEAYD;;;;IAMC,oEAqBD;;;;IAMC,oEAaD;;;;;;;;;;;;;;;;;;;;;;;;0BA/He,aAAa"}