@tekton-ui/ui 0.2.0

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

@@ -0,0 +1,101 @@
+export default meta;
+export namespace Default {
+    namespace args {
+        let placeholder: string;
+    }
+}
+export namespace Email {
+    export namespace args_1 {
+        export let type: string;
+        let placeholder_1: string;
+        export { placeholder_1 as placeholder };
+    }
+    export { args_1 as args };
+}
+export namespace Password {
+    export namespace args_2 {
+        let type_1: string;
+        export { type_1 as type };
+        let placeholder_2: string;
+        export { placeholder_2 as placeholder };
+    }
+    export { args_2 as args };
+}
+export namespace Number {
+    export namespace args_3 {
+        let type_2: string;
+        export { type_2 as type };
+        let placeholder_3: string;
+        export { placeholder_3 as placeholder };
+    }
+    export { args_3 as args };
+}
+export namespace Search {
+    export namespace args_4 {
+        let type_3: string;
+        export { type_3 as type };
+        let placeholder_4: string;
+        export { placeholder_4 as placeholder };
+    }
+    export { args_4 as args };
+}
+export namespace Disabled {
+    export namespace args_5 {
+        export let disabled: boolean;
+        let placeholder_5: string;
+        export { placeholder_5 as placeholder };
+        export let value: string;
+    }
+    export { args_5 as args };
+}
+export namespace WithLabel {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithHelperText {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace WithError {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace File {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace AllTypes {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Input as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace argTypes {
+        export namespace type_4 {
+            let control: string;
+            let options: string[];
+            let description: string;
+        }
+        export { type_4 as type };
+        export namespace placeholder_6 {
+            let control_1: string;
+            export { control_1 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        export { placeholder_6 as placeholder };
+        export namespace disabled_1 {
+            let control_2: string;
+            export { control_2 as control };
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export { disabled_1 as disabled };
+    }
+}
+import { Input } from './input';
+//# sourceMappingURL=input.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FY,2DAGD;;;IAMC,oEAMD;;;;IAMC,oEAMD;;;;IAMC,oEAGD;;;;IAMC,oEAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAtJW,SAAS"}

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

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from './input';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Input',
+    component: Input,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        type: {
+            control: 'select',
+            options: ['text', 'email', 'password', 'number', 'tel', 'url', 'search', 'date', 'time'],
+            description: 'HTML input type',
+        },
+        placeholder: {
+            control: 'text',
+            description: 'Placeholder text',
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'Disable input interaction',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        placeholder: 'Enter text...',
+    },
+};
+export const Email = {
+    args: {
+        type: 'email',
+        placeholder: 'email@example.com',
+    },
+};
+export const Password = {
+    args: {
+        type: 'password',
+        placeholder: 'Enter password',
+    },
+};
+export const Number = {
+    args: {
+        type: 'number',
+        placeholder: '0',
+    },
+};
+export const Search = {
+    args: {
+        type: 'search',
+        placeholder: 'Search...',
+    },
+};
+export const Disabled = {
+    args: {
+        disabled: true,
+        placeholder: 'Disabled input',
+        value: 'Cannot edit',
+    },
+};
+export const WithLabel = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { type: "email", id: "email", placeholder: "Email" })] })),
+};
+export const WithHelperText = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email-2", children: "Email" }), _jsx(Input, { type: "email", id: "email-2", placeholder: "Email" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "We'll never share your email." })] })),
+};
+export const WithError = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "email-3", children: "Email" }), _jsx(Input, { type: "email", id: "email-3", placeholder: "Email", className: "border-[var(--tekton-bg-destructive)]", "aria-invalid": "true", "aria-describedby": "email-error" }), _jsx("p", { id: "email-error", className: "text-sm text-[var(--tekton-bg-destructive)]", children: "Please enter a valid email address." })] })),
+};
+export const File = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "picture", children: "Picture" }), _jsx(Input, { id: "picture", type: "file" })] })),
+};
+export const AllTypes = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-4", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "text", children: "Text" }), _jsx(Input, { type: "text", id: "text", placeholder: "Text input" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "email-all", children: "Email" }), _jsx(Input, { type: "email", id: "email-all", placeholder: "email@example.com" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "password-all", children: "Password" }), _jsx(Input, { type: "password", id: "password-all", placeholder: "Password" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "number-all", children: "Number" }), _jsx(Input, { type: "number", id: "number-all", placeholder: "0" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "date", children: "Date" }), _jsx(Input, { type: "date", id: "date" })] })] })),
+};
+//# sourceMappingURL=input.stories.js.map

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

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

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,KAAK,4PAKT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/src/components/label.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/label.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,GAAG,CACvB,4FAA4F,CAC7F,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACxF,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -0,0 +1,34 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithInput {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Required {
+    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 Disabled {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace FormExample {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Label as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Label } from './label';
+//# sourceMappingURL=label.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../../src/components/label.stories.jsx"],"names":[],"mappings":";;IAuBY,2DAA0B;;;IAO1B,oEAGD;;;;IAMC,oEAKD;;;;IAMC,oEAKD;;;;IAOC,oEAKD;;;;IAMC,oEAeD;;;;;;;;;;;sBAlFW,SAAS"}

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from './label';
+import { Input } from './input';
+import { Checkbox } from './checkbox';
+const meta = {
+    title: 'Components/Label',
+    component: Label,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(Label, { children: "Label" }),
+};
+export const WithInput = {
+    render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "email", children: "Email address" }), _jsx(Input, { type: "email", id: "email", placeholder: "email@example.com" })] })),
+};
+export const Required = {
+    render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: "username", children: ["Username ", _jsx("span", { className: "text-[var(--tekton-bg-destructive)]", children: "*" })] }), _jsx(Input, { id: "username", placeholder: "Enter username", required: true })] })),
+};
+export const WithCheckbox = {
+    render: () => (_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", className: "cursor-pointer", children: "Accept terms and conditions" })] })),
+};
+export const Disabled = {
+    render: () => (_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "disabled", className: "opacity-70", children: "Disabled field" }), _jsx(Input, { id: "disabled", placeholder: "Cannot edit", disabled: true })] })),
+};
+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: "firstname", children: "First name" }), _jsx(Input, { id: "firstname", placeholder: "John" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "lastname", children: "Last name" }), _jsx(Input, { id: "lastname", placeholder: "Doe" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs(Label, { htmlFor: "email-form", children: ["Email ", _jsx("span", { className: "text-[var(--tekton-bg-destructive)]", children: "*" })] }), _jsx(Input, { id: "email-form", type: "email", placeholder: "john@example.com", required: true })] })] })),
+};
+//# sourceMappingURL=label.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../../src/components/label.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,KAAK,wBAAc;CACrC,CAAC;AAKF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,YAAY,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,8BAAsB,EAC5C,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,EAAC,WAAW,EAAC,mBAAmB,GAAE,IAC5D,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,YAAY,aACxC,MAAC,KAAK,IAAC,OAAO,EAAC,UAAU,0BACd,eAAM,SAAS,EAAC,qCAAqC,kBAAS,IACjE,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,gBAAgB,EAAC,QAAQ,SAAE,IACxD,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,6BAA6B,aACzD,KAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,GAAE,EACtB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,4CAEzC,IACJ,CAAC;CACV,CAAC;AAKF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,YAAY,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,YAAY,+BAExC,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,aAAa,EAAC,QAAQ,SAAE,IACrD,CAAC;CACV,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,4BAA4B,aACxD,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,2BAAmB,EAC7C,KAAC,KAAK,IAAC,EAAE,EAAC,WAAW,EAAC,WAAW,EAAC,MAAM,GAAE,IACtC,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,0BAAkB,EAC3C,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,KAAK,GAAE,IACpC,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,MAAC,KAAK,IAAC,OAAO,EAAC,YAAY,uBACnB,eAAM,SAAS,EAAC,qCAAqC,kBAAS,IAC9D,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,kBAAkB,EAAC,QAAQ,SAAE,IACzE,IACF,CAAC;CACV,CAAC"}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
+//# sourceMappingURL=navigation-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-menu.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAI3E,QAAA,MAAM,cAAc,iKAYlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,+KAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,uHAA+B,CAAC;AAExD,QAAA,MAAM,0BAA0B,oFAE/B,CAAC;AAEF,QAAA,MAAM,qBAAqB,oLA4BzB,CAAC;AAGH,QAAA,MAAM,qBAAqB,8KAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,2HAA+B,CAAC;AAExD,QAAA,MAAM,sBAAsB,+KAc1B,CAAC;AAGH,QAAA,MAAM,uBAAuB,gLAc3B,CAAC;AAGH,OAAO,EACL,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAC"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Root, { ref: ref, className: cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className), ...props, children: [children, _jsx(NavigationMenuViewport, {})] })));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn('group flex flex-1 list-none items-center justify-center gap-[var(--tekton-spacing-1)]', className), ...props })));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+const NavigationMenuItem = NavigationMenuPrimitive.Item;
+const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-center justify-center rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-background)] px-[var(--tekton-spacing-4)] py-[var(--tekton-spacing-2)] text-sm font-medium transition-colors hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)] focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[var(--tekton-bg-accent)]/50 data-[state=open]:bg-[var(--tekton-bg-accent)]/50');
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 4.5L6 8L9.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] })));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Content, { ref: ref, className: cn('left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto', className), ...props })));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+const NavigationMenuLink = NavigationMenuPrimitive.Link;
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('absolute left-0 top-full flex justify-center'), children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] text-[var(--tekton-text-popover-foreground)] shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className), ref: ref, ...props }) })));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-[var(--tekton-border-default)] shadow-md" }) })));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
+//# sourceMappingURL=navigation-menu.js.map

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

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

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

@@ -0,0 +1,26 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithDropdowns {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace MultiLevel {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Compact {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { NavigationMenu as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { NavigationMenu } from './navigation-menu';
+//# sourceMappingURL=navigation-menu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-menu.stories.jsx"],"names":[],"mappings":";;IAqBY,2DAYU;;;IAOV,oEAuDU;;;;IAMV,oEA0CU;;;;IAMV,oEAkBU;;;;;;;;;;;+BAjKgJ,mBAAmB"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, } from './navigation-menu';
+import { cn } from '../lib/utils';
+const meta = {
+    title: 'Components/NavigationMenu',
+    component: NavigationMenu,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), children: "Home" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), children: "About" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), children: "Contact" }) })] }) })),
+};
+export const WithDropdowns = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Products" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { className: "flex h-full w-full select-none flex-col justify-end rounded-[var(--tekton-radius-md)] bg-gradient-to-b from-[var(--tekton-bg-muted)]/50 to-[var(--tekton-bg-muted)] p-6 no-underline outline-none focus:shadow-md", href: "/", children: [_jsx("div", { className: "mb-2 mt-4 text-lg font-medium", children: "Featured Product" }), _jsx("p", { className: "text-sm leading-tight text-[var(--tekton-text-muted-foreground)]", children: "Beautifully designed components built with Radix UI and Tailwind CSS." })] }) }) }), _jsx(ListItem, { href: "/product-1", title: "Product 1", children: "A powerful solution for your needs" }), _jsx(ListItem, { href: "/product-2", title: "Product 2", children: "Advanced features and capabilities" }), _jsx(ListItem, { href: "/product-3", title: "Product 3", children: "Enterprise-grade reliability" })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Solutions" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]", children: [_jsx(ListItem, { href: "/marketing", title: "Marketing", children: "Reach your audience effectively" }), _jsx(ListItem, { href: "/analytics", title: "Analytics", children: "Data-driven insights and reports" }), _jsx(ListItem, { href: "/commerce", title: "Commerce", children: "Build your online store" }), _jsx(ListItem, { href: "/insights", title: "Insights", children: "Understand your customers" })] }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: navigationMenuTriggerStyle(), href: "/pricing", children: "Pricing" }) })] }) })),
+};
+export const MultiLevel = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Resources" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2", children: [_jsx(ListItem, { href: "/docs", title: "Documentation", children: "Learn how to integrate our products" }), _jsx(ListItem, { href: "/guides", title: "Guides", children: "Step-by-step tutorials and examples" }), _jsx(ListItem, { href: "/api", title: "API Reference", children: "Complete API documentation" }), _jsx(ListItem, { href: "/changelog", title: "Changelog", children: "Latest updates and releases" })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Company" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[300px] gap-3 p-4", children: [_jsx(ListItem, { href: "/about", title: "About Us", children: "Our mission and values" }), _jsx(ListItem, { href: "/team", title: "Team", children: "Meet the people behind the product" }), _jsx(ListItem, { href: "/careers", title: "Careers", children: "Join our growing team" }), _jsx(ListItem, { href: "/blog", title: "Blog", children: "Latest news and insights" })] }) })] })] }) })),
+};
+export const Compact = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { className: "gap-0", children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: cn(navigationMenuTriggerStyle(), 'px-3 py-2 text-xs'), children: "Home" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: cn(navigationMenuTriggerStyle(), 'px-3 py-2 text-xs'), children: "About" }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { className: cn(navigationMenuTriggerStyle(), 'px-3 py-2 text-xs'), children: "Contact" }) })] }) })),
+};
+const ListItem = React.forwardRef(({ className, title, children, ...props }, ref) => {
+    return (_jsx("li", { children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { ref: ref, className: cn('block select-none space-y-1 rounded-[var(--tekton-radius-md)] p-3 leading-none no-underline outline-none transition-colors hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)] focus:bg-[var(--tekton-bg-accent)] focus:text-[var(--tekton-bg-accent-foreground)]', className), ...props, children: [_jsx("div", { className: "text-sm font-medium leading-none", children: title }), _jsx("p", { className: "line-clamp-2 text-sm leading-snug text-[var(--tekton-text-muted-foreground)]", children: children })] }) }) }));
+});
+ListItem.displayName = 'ListItem';
+import * as React from 'react';
+//# sourceMappingURL=navigation-menu.stories.js.map

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,QAAA,MAAM,OAAO,yCAAwB,CAAC;AACtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/popover.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../lib/utils';
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-[var(--tekton-radius-md)] border border-[var(--tekton-border-default)] bg-[var(--tekton-bg-popover)] p-[var(--tekton-spacing-4)] text-[var(--tekton-bg-popover-foreground)] shadow-md outline-none 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 }) })));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,uiBAAuiB,EACviB,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,22 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace WithForm {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Alignments {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Popover as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Popover } from './popover';
+//# sourceMappingURL=popover.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/popover.stories.jsx"],"names":[],"mappings":";;IAwBY,2DAYG;;;IAMH,oEA4BG;;;;IAMH,oEA2BD;;;;;;;;;;;wBAjG6C,WAAW"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { Button } from './button';
+import { Input } from './input';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Popover',
+    component: Popover,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open popover" }) }), _jsx(PopoverContent, { children: _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "font-medium leading-none", children: "Dimensions" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Set the dimensions for the layer." })] }) })] })),
+};
+export const WithForm = {
+    render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Settings" }) }), _jsx(PopoverContent, { className: "w-80", children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "font-medium leading-none", children: "Dimensions" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Set the dimensions for the layer." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "width", children: "Width" }), _jsx(Input, { id: "width", defaultValue: "100%", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "maxWidth", children: "Max. width" }), _jsx(Input, { id: "maxWidth", defaultValue: "300px", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "height", children: "Height" }), _jsx(Input, { id: "height", defaultValue: "25px", className: "col-span-2 h-8" })] })] })] }) })] })),
+};
+export const Alignments = {
+    render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Align Start" }) }), _jsx(PopoverContent, { align: "start", children: _jsx("p", { children: "Aligned to start" }) })] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Align Center" }) }), _jsx(PopoverContent, { align: "center", children: _jsx("p", { children: "Aligned to center" }) })] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Align End" }) }), _jsx(PopoverContent, { align: "end", children: _jsx("p", { children: "Aligned to end" }) })] })] })),
+};
+//# sourceMappingURL=popover.stories.js.map

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

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

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

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

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

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

package/dist/src/components/progress.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cn } from '../lib/utils';
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, value: value, "aria-valuenow": value ?? undefined, "aria-valuemin": 0, "aria-valuemax": 100, className: cn('relative h-4 w-full overflow-hidden rounded-[var(--tekton-radius-full)] bg-[var(--tekton-bg-secondary)]', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-[var(--tekton-bg-primary)] transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export { Progress };
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/components/progress.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,mBACG,KAAK,IAAI,SAAS,mBAClB,CAAC,mBACD,GAAG,EAClB,SAAS,EAAE,EAAE,CACX,yGAAyG,EACzG,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,IAC1B,SAAS,EAAC,mEAAmE,EAC7E,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC3D,GACqB,CAC1B,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,44 @@
+export default meta;
+export namespace Default {
+    namespace args {
+        let value: number;
+        let className: string;
+    }
+}
+export namespace Values {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Animated {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace FileUpload {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Sizes {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Progress as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace argTypes {
+        export namespace value_1 {
+            namespace control {
+                let type: string;
+                let min: number;
+                let max: number;
+                let step: number;
+            }
+            let description: string;
+        }
+        export { value_1 as value };
+    }
+}
+import { Progress } from './progress';
+//# sourceMappingURL=progress.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/progress.stories.jsx"],"names":[],"mappings":";;;;;;;;IAsCY,2DA6BD;;;IAMC,oEAUP;;;;IAMO,oEA6BP;;;;IAMO,oEAaD;;;;;;;;;;;;;;;;;;;;;;;yBAlIc,YAAY"}