@tekton-ui/ui 0.2.0

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from './dialog';
+import { Button } from './button';
+import { Input } from './input';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Dialog',
+    component: Dialog,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Dialog" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Are you absolutely sure?" }), _jsx(DialogDescription, { children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers." })] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "submit", children: "Confirm" }) })] })] })),
+};
+export const WithForm = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Edit Profile" }) }), _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Edit profile" }), _jsx(DialogDescription, { children: "Make changes to your profile here. Click save when you're done." })] }), _jsxs("div", { className: "grid gap-4 py-4", children: [_jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [_jsx(Label, { htmlFor: "name", className: "text-right", children: "Name" }), _jsx(Input, { id: "name", defaultValue: "Pedro Duarte", className: "col-span-3" })] }), _jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [_jsx(Label, { htmlFor: "username", className: "text-right", children: "Username" }), _jsx(Input, { id: "username", defaultValue: "@peduarte", className: "col-span-3" })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "submit", children: "Save changes" }) })] })] })),
+};
+export const Confirmation = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "destructive", children: "Delete Account" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Delete Account" }), _jsx(DialogDescription, { children: "Are you sure you want to delete your account? This action cannot be undone." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Cancel" }), _jsx(Button, { variant: "destructive", children: "Delete" })] })] })] })),
+};
+export const Notification = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Show Notification" }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Success!" }), _jsx(DialogDescription, { children: "Your changes have been saved successfully." })] }), _jsx(DialogFooter, { children: _jsx(Button, { children: "OK" }) })] })] })),
+};
+export const CustomContent = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "View Details" }) }), _jsxs(DialogContent, { className: "sm:max-w-[600px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Project Details" }), _jsx(DialogDescription, { children: "Review the project information below." })] }), _jsxs("div", { className: "grid gap-4 py-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("h4", { className: "font-semibold", children: "Description" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "This is a comprehensive project management system built with modern technologies." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("h4", { className: "font-semibold", children: "Technologies" }), _jsxs("div", { className: "flex gap-2", children: [_jsx("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", children: "React" }), _jsx("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", children: "TypeScript" }), _jsx("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold", children: "Tailwind" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Close" }), _jsx(Button, { children: "Learn More" })] })] })] })),
+};
+export const NoDescription = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Simple Dialog" }) }), _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Quick Message" }) }), _jsx("p", { className: "text-sm", children: "This is a simple dialog without a description." }), _jsx(DialogFooter, { children: _jsx(Button, { children: "Close" }) })] })] })),
+};
+export const Scrollable = {
+    render: () => (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { children: "Terms and Conditions" }) }), _jsxs(DialogContent, { className: "sm:max-w-[600px] max-h-[80vh]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Terms and Conditions" }), _jsx(DialogDescription, { children: "Please read our terms and conditions carefully." })] }), _jsx("div", { className: "overflow-y-auto max-h-[400px] pr-4", children: Array.from({ length: 10 }).map((_, i) => (_jsx("p", { className: "mb-4 text-sm", 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." }, i))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", children: "Decline" }), _jsx(Button, { children: "Accept" })] })] })] })),
+};
+//# sourceMappingURL=dialog.stories.js.map

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

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

package/dist/src/components/dropdown-menu.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/src/components/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAChD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAC1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AACtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AACxD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAClD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAE0D,OAAO;wCAc3F,CAAC;AAGH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAGH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAE0D,OAAO;wCAWrF,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAE0D,OAAO;wCAWtF,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAI3F,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}

package/dist/src/components/dropdown-menu.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check, ChevronRight, Circle } from 'lucide-react';
+import { cn } from '../lib/utils';
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn('flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm outline-none focus:bg-[var(--tekton-bg-accent)] data-[state=open]:bg-[var(--tekton-bg-accent)]', inset && 'pl-8', className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] p-1 text-[var(--tekton-bg-popover-foreground)] shadow-lg 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', className), ...props })));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 min-w-[8rem] overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] p-1 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', className), ...props }) })));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-[var(--tekton-radius-sm)] px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm outline-none transition-colors focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className), ...props })));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn('relative flex 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 transition-colors focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn('relative flex 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 transition-colors 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(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn('px-[var(--tekton-spacing-2)] py-[var(--tekton-spacing-2)] text-sm font-semibold', inset && 'pl-8', className), ...props })));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-[var(--tekton-bg-muted)]', className), ...props })));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest opacity-60', className), ...props }));
+};
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/src/components/dropdown-menu.js.map

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

package/dist/src/components/dropdown-menu.stories.d.ts

@@ -0,0 +1,30 @@
+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 WithCheckboxes {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace WithRadioGroup {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace WithSubmenu {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { DropdownMenu as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { DropdownMenu } from './dropdown-menu';
+//# sourceMappingURL=dropdown-menu.stories.d.ts.map

package/dist/src/components/dropdown-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.stories.jsx"],"names":[],"mappings":";;IAuBY,2DAaQ;;;IAMR,oEA6BQ;;;;IAMR,oEAsBP;;;;IAMO,oEAgBP;;;;IAMO,oEAuBQ;;;;;;;;;;;6BA/ImS,iBAAiB"}

package/dist/src/components/dropdown-menu.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, } from './dropdown-menu';
+import { Button } from './button';
+const meta = {
+    title: 'Components/DropdownMenu',
+    component: DropdownMenu,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Profile" }), _jsx(DropdownMenuItem, { children: "Settings" }), _jsx(DropdownMenuItem, { children: "Team" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Logout" })] })] })),
+};
+export const WithShortcuts = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Edit" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "Edit" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: ["Undo", _jsx(DropdownMenuShortcut, { children: "\u2318Z" })] }), _jsxs(DropdownMenuItem, { children: ["Redo", _jsx(DropdownMenuShortcut, { children: "\u2318Y" })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: ["Cut", _jsx(DropdownMenuShortcut, { children: "\u2318X" })] }), _jsxs(DropdownMenuItem, { children: ["Copy", _jsx(DropdownMenuShortcut, { children: "\u2318C" })] }), _jsxs(DropdownMenuItem, { children: ["Paste", _jsx(DropdownMenuShortcut, { children: "\u2318V" })] })] })] })),
+};
+export const WithCheckboxes = {
+    render: () => {
+        const [showStatusBar, setShowStatusBar] = React.useState(true);
+        const [showActivityBar, setShowActivityBar] = React.useState(false);
+        const [showPanel, setShowPanel] = React.useState(false);
+        return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "View" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "Appearance" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuCheckboxItem, { checked: showStatusBar, onCheckedChange: setShowStatusBar, children: "Status Bar" }), _jsx(DropdownMenuCheckboxItem, { checked: showActivityBar, onCheckedChange: setShowActivityBar, children: "Activity Bar" }), _jsx(DropdownMenuCheckboxItem, { checked: showPanel, onCheckedChange: setShowPanel, children: "Panel" })] })] }));
+    },
+};
+export const WithRadioGroup = {
+    render: () => {
+        const [position, setPosition] = React.useState('bottom');
+        return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Panel Position" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "Panel Position" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuRadioGroup, { value: position, onValueChange: setPosition, children: [_jsx(DropdownMenuRadioItem, { value: "top", children: "Top" }), _jsx(DropdownMenuRadioItem, { value: "bottom", children: "Bottom" }), _jsx(DropdownMenuRadioItem, { value: "right", children: "Right" })] })] })] }));
+    },
+};
+export const WithSubmenu = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "More Options" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "Options" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuItem, { children: "Profile" }), _jsx(DropdownMenuItem, { children: "Billing" }), _jsx(DropdownMenuItem, { children: "Settings" }), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: "More Tools" }), _jsxs(DropdownMenuSubContent, { children: [_jsx(DropdownMenuItem, { children: "Save Page As..." }), _jsx(DropdownMenuItem, { children: "Create Shortcut..." }), _jsx(DropdownMenuItem, { children: "Name Window..." }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Developer Tools" })] })] })] })] })] })),
+};
+//# sourceMappingURL=dropdown-menu.stories.js.map

package/dist/src/components/dropdown-menu.stories.js.map

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

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { ControllerProps, FieldPath, FieldValues, FormProviderProps } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues = FieldValues, TContext = unknown>(props: FormProviderProps<TFieldValues, TContext>) => React.ReactElement;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAEX,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AAIzB,QAAA,MAAM,IAAI,EAAE,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EAAE,QAAQ,GAAG,OAAO,EAC7E,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,QAAQ,CAAC,KAC7C,KAAK,CAAC,YAA2B,CAAC;AAWvC,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAQF,QAAA,MAAM,QAAQ,6GAUb,CAAC;AAGF,QAAA,MAAM,SAAS,yJAcb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAef,CAAC;AAGH,QAAA,MAAM,eAAe,yHAcnB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAqBf,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}

package/dist/src/components/form.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { Controller, FormProvider, useFormContext, } from 'react-hook-form';
+import { cn } from '../lib/utils';
+import { Label } from './label';
+const Form = FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState, formState } = useFormContext();
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error('useFormField should be used within <FormField>');
+    }
+    const { id } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    };
+};
+const FormItemContext = React.createContext({});
+const FormItem = React.forwardRef(({ className, ...props }, ref) => {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn('space-y-[var(--tekton-spacing-2)]', className), ...props }) }));
+});
+FormItem.displayName = 'FormItem';
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { ref: ref, className: cn(error && 'text-[var(--tekton-bg-destructive)]', className), htmlFor: formItemId, ...props }));
+});
+FormLabel.displayName = 'FormLabel';
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot, { ref: ref, id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+});
+FormControl.displayName = 'FormControl';
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { ref: ref, id: formDescriptionId, className: cn('text-sm text-[var(--tekton-bg-muted-foreground)]', className), ...props }));
+});
+FormDescription.displayName = 'FormDescription';
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message) : children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { ref: ref, id: formMessageId, className: cn('text-sm font-medium text-[var(--tekton-bg-destructive)]', className), ...props, children: body }));
+});
+FormMessage.displayName = 'FormMessage';
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.js.map

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

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

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

@@ -0,0 +1,34 @@
+export default meta;
+export namespace Simple {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace ProfileForm {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace WithSelect {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace WithCheckbox {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace WithRadioGroup {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace WithSwitch {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Form as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Form } from './form';
+//# sourceMappingURL=form.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form.stories.jsx"],"names":[],"mappings":";;IA+BY,2DA4BP;;;IAMO,oEAkDP;;;;IAMO,oEAmCP;;;;IAMO,oEAgCP;;;;IAMO,oEA6CP;;;;IAMO,oEA0CP;;;;;;;;;;;qBA5R4F,QAAQ"}

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

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from './form';
+import { Input } from './input';
+import { Textarea } from './textarea';
+import { Button } from './button';
+import { Checkbox } from './checkbox';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';
+import { RadioGroup, RadioGroupItem } from './radio-group';
+import { Switch } from './switch';
+const meta = {
+    title: 'Components/Form',
+    component: Form,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Simple = {
+    render: () => {
+        const formSchema = z.object({
+            username: z.string().min(2, {
+                message: 'Username must be at least 2 characters.',
+            }),
+        });
+        const form = useForm({
+            resolver: zodResolver(formSchema),
+            defaultValues: {
+                username: '',
+            },
+        });
+        function onSubmit(values) {
+            console.log(values);
+        }
+        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-[350px] space-y-6", children: [_jsx(FormField, { control: form.control, name: "username", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Username" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "shadcn", ...field }) }), _jsx(FormDescription, { children: "This is your public display name." }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
+    },
+};
+export const ProfileForm = {
+    render: () => {
+        const formSchema = z.object({
+            username: z.string().min(2).max(30),
+            email: z.string().email(),
+            bio: z.string().max(160).optional(),
+        });
+        const form = useForm({
+            resolver: zodResolver(formSchema),
+            defaultValues: {
+                username: '',
+                email: '',
+                bio: '',
+            },
+        });
+        function onSubmit(values) {
+            console.log(values);
+        }
+        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-[400px] space-y-6", children: [_jsx(FormField, { control: form.control, name: "username", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Username" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "johndoe", ...field }) }), _jsx(FormDescription, { children: "This is your public display name. It can be your real name or a pseudonym." }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "email", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Email" }), _jsx(FormControl, { children: _jsx(Input, { type: "email", placeholder: "john@example.com", ...field }) }), _jsx(FormDescription, { children: "We'll never share your email with anyone." }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "bio", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Bio" }), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: "Tell us about yourself", ...field }) }), _jsx(FormDescription, { children: "Brief description for your profile. Max 160 characters." }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Update profile" })] }) }));
+    },
+};
+export const WithSelect = {
+    render: () => {
+        const formSchema = z.object({
+            country: z.string({
+                required_error: 'Please select a country.',
+            }),
+        });
+        const form = useForm({
+            resolver: zodResolver(formSchema),
+        });
+        function onSubmit(values) {
+            console.log(values);
+        }
+        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-[350px] space-y-6", children: [_jsx(FormField, { control: form.control, name: "country", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Country" }), _jsxs(Select, { onValueChange: field.onChange, defaultValue: field.value, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { 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(FormDescription, { children: "Select your country of residence." }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
+    },
+};
+export const WithCheckbox = {
+    render: () => {
+        const formSchema = z.object({
+            terms: z.boolean().refine(val => val === true, {
+                message: 'You must accept the terms and conditions',
+            }),
+        });
+        const form = useForm({
+            resolver: zodResolver(formSchema),
+            defaultValues: {
+                terms: false,
+            },
+        });
+        function onSubmit(values) {
+            console.log(values);
+        }
+        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-[350px] space-y-6", children: [_jsx(FormField, { control: form.control, name: "terms", render: ({ field }) => (_jsxs(FormItem, { className: "flex flex-row items-start space-x-3 space-y-0", children: [_jsx(FormControl, { children: _jsx(Checkbox, { checked: field.value, onCheckedChange: field.onChange }) }), _jsxs("div", { className: "space-y-1 leading-none", children: [_jsx(FormLabel, { children: "Accept terms and conditions" }), _jsx(FormDescription, { children: "You agree to our Terms of Service and Privacy Policy." })] })] })) }), _jsx(FormMessage, {}), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
+    },
+};
+export const WithRadioGroup = {
+    render: () => {
+        const formSchema = z.object({
+            type: z.enum(['all', 'mentions', 'none'], {
+                required_error: 'You need to select a notification type.',
+            }),
+        });
+        const form = useForm({
+            resolver: zodResolver(formSchema),
+        });
+        function onSubmit(values) {
+            console.log(values);
+        }
+        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-[350px] space-y-6", children: [_jsx(FormField, { control: form.control, name: "type", render: ({ field }) => (_jsxs(FormItem, { className: "space-y-3", children: [_jsx(FormLabel, { children: "Notify me about..." }), _jsx(FormControl, { children: _jsxs(RadioGroup, { onValueChange: field.onChange, defaultValue: field.value, className: "flex flex-col space-y-1", children: [_jsxs(FormItem, { className: "flex items-center space-x-3 space-y-0", children: [_jsx(FormControl, { children: _jsx(RadioGroupItem, { value: "all" }) }), _jsx(FormLabel, { className: "font-normal cursor-pointer", children: "All new messages" })] }), _jsxs(FormItem, { className: "flex items-center space-x-3 space-y-0", children: [_jsx(FormControl, { children: _jsx(RadioGroupItem, { value: "mentions" }) }), _jsx(FormLabel, { className: "font-normal cursor-pointer", children: "Direct messages and mentions" })] }), _jsxs(FormItem, { className: "flex items-center space-x-3 space-y-0", children: [_jsx(FormControl, { children: _jsx(RadioGroupItem, { value: "none" }) }), _jsx(FormLabel, { className: "font-normal cursor-pointer", children: "Nothing" })] })] }) }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
+    },
+};
+export const WithSwitch = {
+    render: () => {
+        const formSchema = z.object({
+            marketing_emails: z.boolean().default(false),
+            security_emails: z.boolean(),
+        });
+        const form = useForm({
+            resolver: zodResolver(formSchema),
+            defaultValues: {
+                marketing_emails: false,
+                security_emails: true,
+            },
+        });
+        function onSubmit(values) {
+            console.log(values);
+        }
+        return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "w-full max-w-sm space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(FormField, { control: form.control, name: "marketing_emails", render: ({ field }) => (_jsxs(FormItem, { className: "flex flex-row items-center justify-between rounded-lg border p-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(FormLabel, { className: "text-base", children: "Marketing emails" }), _jsx(FormDescription, { children: "Receive emails about new products and features." })] }), _jsx(FormControl, { children: _jsx(Switch, { checked: field.value, onCheckedChange: field.onChange }) })] })) }), _jsx(FormField, { control: form.control, name: "security_emails", render: ({ field }) => (_jsxs(FormItem, { className: "flex flex-row items-center justify-between rounded-lg border p-4", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(FormLabel, { className: "text-base", children: "Security emails" }), _jsx(FormDescription, { children: "Receive emails about your account security." })] }), _jsx(FormControl, { children: _jsx(Switch, { checked: field.value, onCheckedChange: field.onChange }) })] })) })] }), _jsx(Button, { type: "submit", children: "Submit" })] }) }));
+    },
+};
+//# sourceMappingURL=form.stories.js.map

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

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,QAAA,MAAM,KAAK,qFAcV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/src/components/input.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../lib/utils';
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn('flex h-10 w-full 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)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[var(--tekton-bg-muted-foreground)] 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', className), ref: ref, ...props }));
+});
+Input.displayName = 'Input';
+export { Input };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAIlC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,4gBAA4gB,EAC5gB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}