@tekton-ui/ui 0.2.0

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from './separator';
+const meta = {
+    title: 'Components/Separator',
+    component: Separator,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        orientation: {
+            control: 'select',
+            options: ['horizontal', 'vertical'],
+            description: 'Separator orientation',
+        },
+        decorative: {
+            control: 'boolean',
+            description: 'Whether the separator is decorative',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs("div", { className: "w-[300px]", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-sm font-medium leading-none", children: "Radix Primitives" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "An open-source UI component library." })] }), _jsx(Separator, { className: "my-4" }), _jsxs("div", { className: "flex h-5 items-center space-x-4 text-sm", children: [_jsx("div", { children: "Blog" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Docs" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Source" })] })] })),
+};
+export const Horizontal = {
+    render: () => (_jsxs("div", { className: "w-[300px] space-y-4", children: [_jsx("div", { children: "Content above" }), _jsx(Separator, {}), _jsx("div", { children: "Content below" })] })),
+};
+export const Vertical = {
+    render: () => (_jsxs("div", { className: "flex h-20 items-center space-x-4", children: [_jsx("div", { children: "Left" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Middle" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Right" })] })),
+};
+export const Navigation = {
+    render: () => (_jsxs("div", { className: "flex items-center space-x-4 text-sm", children: [_jsx("a", { href: "#", className: "hover:underline", children: "Home" }), _jsx(Separator, { orientation: "vertical", className: "h-4" }), _jsx("a", { href: "#", className: "hover:underline", children: "About" }), _jsx(Separator, { orientation: "vertical", className: "h-4" }), _jsx("a", { href: "#", className: "hover:underline", children: "Contact" })] })),
+};
+export const SectionDivider = {
+    render: () => (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 1" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Content for the first section" })] }), _jsx(Separator, {}), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 2" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Content for the second section" })] }), _jsx(Separator, {}), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Section 3" }), _jsx("p", { className: "text-sm text-[var(--tekton-bg-muted-foreground)]", children: "Content for the third section" })] })] })),
+};
+export const CustomThickness = {
+    render: () => (_jsxs("div", { className: "w-[300px] space-y-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm", children: "Thin separator (default)" }), _jsx(Separator, { className: "my-2" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm", children: "Medium separator" }), _jsx(Separator, { className: "my-2 h-[2px]" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm", children: "Thick separator" }), _jsx(Separator, { className: "my-2 h-[4px]" })] })] })),
+};
+//# sourceMappingURL=separator.stories.js.map

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

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

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { type VariantProps } from 'class-variance-authority';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/sheet.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAClC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAC5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AACxC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,UAAU,iBACR,SACE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAC7D,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,YAAY,0FAchB,CAAC;AAGH,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQjF,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQjF,CAAC;AAGF,QAAA,MAAM,UAAU,mKASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KASpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}

package/dist/src/components/sheet.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { cn } from '../lib/utils';
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-[var(--tekton-bg-background)]/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props, ref: ref })));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva('fixed z-50 gap-[var(--tekton-spacing-4)] bg-[var(--tekton-bg-background)] p-[var(--tekton-spacing-6)] shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500', {
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 border-b border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+            bottom: 'inset-x-0 bottom-0 border-t border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+            left: 'inset-y-0 left-0 h-full w-3/4 border-r border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+            right: 'inset-y-0 right-0 h-full w-3/4 border-l border-[var(--tekton-border-default)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});
+const SheetContent = React.forwardRef(({ side = 'right', className, children, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { ref: ref, className: cn(sheetVariants({ side }), className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-[var(--tekton-radius-sm)] opacity-70 ring-offset-[var(--tekton-bg-background)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--tekton-border-ring)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-[var(--tekton-bg-secondary)]", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-[var(--tekton-spacing-2)] text-center sm:text-left', className), ...props }));
+SheetHeader.displayName = 'SheetHeader';
+const SheetFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--tekton-spacing-2)]', className), ...props }));
+SheetFooter.displayName = 'SheetFooter';
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold text-[var(--tekton-bg-foreground)]', className), ...props })));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, className: cn('text-sm text-[var(--tekton-bg-muted-foreground)]', className), ...props })));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=sheet.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sheet.stories.jsx"],"names":[],"mappings":";;IAwBY,2DA6BC;;;IAMD,oEAgDD;;;;;;;;;;;sBArGgG,SAAS"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, SheetFooter, } from './sheet';
+import { Button } from './button';
+import { Input } from './input';
+import { Label } from './label';
+const meta = {
+    title: 'Components/Sheet',
+    component: Sheet,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Sheet" }) }), _jsxs(SheetContent, { children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Edit profile" }), _jsx(SheetDescription, { 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", value: "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", value: "@peduarte", className: "col-span-3" })] })] }), _jsx(SheetFooter, { children: _jsx(Button, { type: "submit", children: "Save changes" }) })] })] })),
+};
+export const Sides = {
+    render: () => (_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "From Top" }) }), _jsx(SheetContent, { side: "top", children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Top Sheet" }), _jsx(SheetDescription, { children: "This sheet slides in from the top." })] }) })] }), _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "From Right" }) }), _jsx(SheetContent, { side: "right", children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Right Sheet" }), _jsx(SheetDescription, { children: "This sheet slides in from the right." })] }) })] }), _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "From Bottom" }) }), _jsx(SheetContent, { side: "bottom", children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Bottom Sheet" }), _jsx(SheetDescription, { children: "This sheet slides in from the bottom." })] }) })] }), _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "From Left" }) }), _jsx(SheetContent, { side: "left", children: _jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Left Sheet" }), _jsx(SheetDescription, { children: "This sheet slides in from the left." })] }) })] })] })),
+};
+//# sourceMappingURL=sheet.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.stories.js","sourceRoot":"","sources":["../../../src/components/sheet.stories.jsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,GAAG,MAAM,SAAS,CAAC;AACrH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,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,CAAC,MAAC,KAAK,eACnB,KAAC,YAAY,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,2BAAoB,GAChC,EACf,MAAC,YAAY,eACX,MAAC,WAAW,eACV,KAAC,UAAU,+BAA0B,EACrC,KAAC,gBAAgB,kFAEE,IACP,EACd,eAAK,SAAS,EAAC,iBAAiB,aAC9B,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,YAAY,qBAEpC,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,SAAS,EAAC,YAAY,GAAE,IAC1D,EACN,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,YAAY,yBAExC,EACR,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,YAAY,GAAE,IAC3D,IACF,EACN,KAAC,WAAW,cACV,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,6BAAsB,GAC/B,IACD,IACT,CAAC;CACZ,CAAC;AAIF,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,eAAK,SAAS,EAAC,sBAAsB,aAClD,MAAC,KAAK,eACJ,KAAC,YAAY,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,yBAAkB,GAC9B,EACf,KAAC,YAAY,IAAC,IAAI,EAAC,KAAK,YACtB,MAAC,WAAW,eACV,KAAC,UAAU,4BAAuB,EAClC,KAAC,gBAAgB,qDAAsD,IAC3D,GACD,IACT,EAER,MAAC,KAAK,eACJ,KAAC,YAAY,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,2BAAoB,GAChC,EACf,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,YACxB,MAAC,WAAW,eACV,KAAC,UAAU,8BAAyB,EACpC,KAAC,gBAAgB,uDAAwD,IAC7D,GACD,IACT,EAER,MAAC,KAAK,eACJ,KAAC,YAAY,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,4BAAqB,GACjC,EACf,KAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,YACzB,MAAC,WAAW,eACV,KAAC,UAAU,+BAA0B,EACrC,KAAC,gBAAgB,wDAAyD,IAC9D,GACD,IACT,EAER,MAAC,KAAK,eACJ,KAAC,YAAY,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,0BAAmB,GAC/B,EACf,KAAC,YAAY,IAAC,IAAI,EAAC,MAAM,YACvB,MAAC,WAAW,eACV,KAAC,UAAU,6BAAwB,EACnC,KAAC,gBAAgB,sDAAuD,IAC5D,GACD,IACT,IACJ,CAAC;CACV,CAAC"}

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const sidebarVariants: (props?: ({
+    variant?: "default" | "compact" | null | undefined;
+    size?: "default" | "compact" | "expanded" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const sidebarHeaderVariants: (props?: ({
+    size?: "default" | "compact" | "expanded" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const sidebarContentVariants: (props?: ({
+    spacing?: "default" | "compact" | "relaxed" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const sidebarItemVariants: (props?: ({
+    variant?: "default" | "active" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarVariants> {
+    collapsed?: boolean;
+}
+declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarHeaderVariants> {
+}
+declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarContentVariants> {
+}
+declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof sidebarItemVariants> {
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    active?: boolean;
+}
+declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement>>;
+export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    collapsed?: boolean;
+}
+declare const SidebarSection: React.ForwardRefExoticComponent<SidebarSectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSectionTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Sidebar, SidebarHeader, SidebarContent, SidebarItem, SidebarSection, SidebarSectionTitle, SidebarFooter, sidebarVariants, };
+//# sourceMappingURL=sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;8EAmBpB,CAAC;AAEF,QAAA,MAAM,qBAAqB;;8EAc1B,CAAC;AAEF,QAAA,MAAM,sBAAsB;;8EAW1B,CAAC;AAEH,QAAA,MAAM,mBAAmB;;8EAexB,CAAC;AAoBF,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC;IAKlF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,qFAYZ,CAAC;AAGF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAE7F,QAAA,MAAM,aAAa,2FAIlB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC;CAAG;AAE9F,QAAA,MAAM,cAAc,4FAMnB,CAAC;AAGF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAI/F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAIvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAKxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,WAAW,4FAchB,CAAC;AAGF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAI/E,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,4FAoCnB,CAAC;AAGF,QAAA,MAAM,mBAAmB,6GAIxB,CAAC;AAGF,QAAA,MAAM,aAAa,6GAIlB,CAAC;AAGF,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,eAAe,GAChB,CAAC"}

package/dist/src/components/sidebar.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+const sidebarVariants = cva('flex flex-col border-r border-[var(--tekton-border-default)] bg-[var(--tekton-bg-background)] transition-all duration-300', {
+    variants: {
+        variant: {
+            default: 'shadow-sm',
+            compact: 'shadow-none',
+        },
+        size: {
+            default: 'w-64',
+            compact: 'w-16',
+            expanded: 'w-80',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const sidebarHeaderVariants = cva('flex items-center gap-[var(--tekton-spacing-2)] border-b border-[var(--tekton-border-default)] bg-[var(--tekton-bg-card)] p-[var(--tekton-spacing-4)]', {
+    variants: {
+        size: {
+            default: 'h-16',
+            compact: 'h-16 justify-center',
+            expanded: 'h-20',
+        },
+    },
+    defaultVariants: {
+        size: 'default',
+    },
+});
+const sidebarContentVariants = cva('flex-1 overflow-y-auto p-[var(--tekton-spacing-4)]', {
+    variants: {
+        spacing: {
+            default: 'space-y-[var(--tekton-spacing-2)]',
+            compact: 'space-y-[var(--tekton-spacing-1)]',
+            relaxed: 'space-y-[var(--tekton-spacing-4)]',
+        },
+    },
+    defaultVariants: {
+        spacing: 'default',
+    },
+});
+const sidebarItemVariants = cva('flex w-full items-center gap-[var(--tekton-spacing-3)] rounded-[var(--tekton-radius-md)] px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tekton-border-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
+    variants: {
+        variant: {
+            default: 'text-[var(--tekton-bg-foreground)] hover:bg-[var(--tekton-bg-accent)] hover:text-[var(--tekton-bg-accent-foreground)]',
+            active: 'bg-[var(--tekton-bg-primary)] text-[var(--tekton-bg-primary-foreground)] hover:bg-[var(--tekton-bg-primary)]/90',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const sidebarSectionVariants = cva('space-y-[var(--tekton-spacing-1)]', {
+    variants: {},
+});
+const sidebarSectionTitleVariants = cva('px-[var(--tekton-spacing-3)] py-[var(--tekton-spacing-2)] text-xs font-semibold uppercase tracking-wider text-[var(--tekton-text-muted-foreground)]', {
+    variants: {},
+});
+const sidebarFooterVariants = cva('border-t border-[var(--tekton-border-default)] p-[var(--tekton-spacing-4)]', {
+    variants: {},
+});
+const Sidebar = React.forwardRef(({ className, variant, size, collapsed, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(sidebarVariants({ variant, size: collapsed ? 'compact' : size, className })), role: "navigation", "aria-label": "Main sidebar navigation", ...props }));
+});
+Sidebar.displayName = 'Sidebar';
+const SidebarHeader = React.forwardRef(({ className, size, ...props }, ref) => {
+    return _jsx("div", { ref: ref, className: cn(sidebarHeaderVariants({ size, className })), ...props });
+});
+SidebarHeader.displayName = 'SidebarHeader';
+const SidebarContent = React.forwardRef(({ className, spacing, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(sidebarContentVariants({ spacing, className })), ...props }));
+});
+SidebarContent.displayName = 'SidebarContent';
+const SidebarItem = React.forwardRef(({ className, variant, icon, badge, children, active, ...props }, ref) => {
+    return (_jsxs("button", { ref: ref, className: cn(sidebarItemVariants({ variant: active ? 'active' : variant, className })), ...props, children: [icon && _jsx("span", { className: "flex-shrink-0", children: icon }), _jsx("span", { className: "flex-1 truncate text-left", children: children }), badge && _jsx("span", { className: "flex-shrink-0", children: badge })] }));
+});
+SidebarItem.displayName = 'SidebarItem';
+const SidebarSection = React.forwardRef(({ className, title, collapsed, children, ...props }, ref) => {
+    const [isCollapsed, setIsCollapsed] = React.useState(collapsed ?? false);
+    React.useEffect(() => {
+        if (collapsed !== undefined) {
+            setIsCollapsed(collapsed);
+        }
+    }, [collapsed]);
+    return (_jsxs("div", { ref: ref, className: cn(sidebarSectionVariants({ className })), ...props, children: [title && (_jsx("button", { className: cn(sidebarSectionTitleVariants(), 'w-full text-left hover:text-[var(--tekton-bg-foreground)] transition-colors'), onClick: () => setIsCollapsed(!isCollapsed), "aria-expanded": !isCollapsed, children: _jsxs("span", { className: "flex items-center justify-between", children: [title, _jsx("span", { className: cn('transition-transform', isCollapsed ? 'rotate-0' : 'rotate-90'), "aria-hidden": "true", children: "\u203A" })] }) })), !isCollapsed && _jsx("div", { className: "space-y-[var(--tekton-spacing-1)]", children: children })] }));
+});
+SidebarSection.displayName = 'SidebarSection';
+const SidebarSectionTitle = React.forwardRef(({ className, ...props }, ref) => {
+    return _jsx("div", { ref: ref, className: cn(sidebarSectionTitleVariants({ className })), ...props });
+});
+SidebarSectionTitle.displayName = 'SidebarSectionTitle';
+const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => {
+    return _jsx("div", { ref: ref, className: cn(sidebarFooterVariants({ className })), ...props });
+});
+SidebarFooter.displayName = 'SidebarFooter';
+export { Sidebar, SidebarHeader, SidebarContent, SidebarItem, SidebarSection, SidebarSectionTitle, SidebarFooter, sidebarVariants, };
+//# sourceMappingURL=sidebar.js.map

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

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

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

@@ -0,0 +1,55 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace DashboardExample {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Collapsed {
+    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 };
+}
+export namespace Expanded {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace WithToggle {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Sidebar as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+    export namespace argTypes {
+        namespace variant {
+            let control: string;
+            let options: string[];
+            let description: string;
+        }
+        namespace size {
+            let control_1: string;
+            export { control_1 as control };
+            let options_1: string[];
+            export { options_1 as options };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        namespace collapsed {
+            let control_2: string;
+            export { control_2 as control };
+            let description_2: string;
+            export { description_2 as description };
+        }
+    }
+}
+import { Sidebar } from './sidebar';
+//# sourceMappingURL=sidebar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.stories.jsx"],"names":[],"mappings":";;IAqCY,2DAcD;;;IAOC,oEAoCD;;;;IAOC,oEAYD;;;;IAMC,oEAWD;;;;IAMC,oEAeD;;;;IAMC,oEA4BP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAnL+F,WAAW"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sidebar, SidebarHeader, SidebarContent, SidebarItem, SidebarSection, SidebarFooter, } from './sidebar';
+import { Badge } from './badge';
+const meta = {
+    title: 'Components/Sidebar',
+    component: Sidebar,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: 'select',
+            options: ['default', 'compact'],
+            description: 'Sidebar visual style variant',
+        },
+        size: {
+            control: 'select',
+            options: ['default', 'compact', 'expanded'],
+            description: 'Sidebar width size',
+        },
+        collapsed: {
+            control: 'boolean',
+            description: 'Whether the sidebar is collapsed',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsx("div", { className: "h-screen", children: _jsxs(Sidebar, { children: [_jsx(SidebarHeader, { children: _jsx("span", { className: "text-xl font-bold", children: "Logo" }) }), _jsxs(SidebarContent, { children: [_jsx(SidebarItem, { icon: "\uD83C\uDFE0", active: true, children: "Dashboard" }), _jsx(SidebarItem, { icon: "\uD83D\uDCCA", children: "Analytics" }), _jsx(SidebarItem, { icon: "\uD83D\uDC65", children: "Users" }), _jsx(SidebarItem, { icon: "\u2699\uFE0F", children: "Settings" })] })] }) })),
+};
+export const DashboardExample = {
+    render: () => (_jsx("div", { className: "h-screen", children: _jsxs(Sidebar, { children: [_jsx(SidebarHeader, { children: _jsx("span", { className: "text-xl font-bold text-[var(--tekton-bg-primary)]", children: "Tekton" }) }), _jsxs(SidebarContent, { children: [_jsx(SidebarItem, { icon: "\uD83C\uDFE0", active: true, children: "Overview" }), _jsxs(SidebarSection, { title: "Analytics", children: [_jsx(SidebarItem, { icon: "\uD83D\uDCCA", children: "Dashboard" }), _jsx(SidebarItem, { icon: "\uD83D\uDCC8", badge: _jsx(Badge, { variant: "secondary", children: "New" }), children: "Reports" }), _jsx(SidebarItem, { icon: "\uD83C\uDFAF", children: "Goals" })] }), _jsxs(SidebarSection, { title: "Management", children: [_jsx(SidebarItem, { icon: "\uD83D\uDC65", badge: _jsx(Badge, { children: "12" }), children: "Users" }), _jsx(SidebarItem, { icon: "\uD83C\uDFE2", children: "Teams" }), _jsx(SidebarItem, { icon: "\uD83D\uDCCB", children: "Projects" })] }), _jsxs(SidebarSection, { title: "Settings", children: [_jsx(SidebarItem, { icon: "\u2699\uFE0F", children: "General" }), _jsx(SidebarItem, { icon: "\uD83D\uDD12", children: "Security" }), _jsx(SidebarItem, { icon: "\uD83D\uDCB3", children: "Billing" })] })] }), _jsx(SidebarFooter, { children: _jsx(SidebarItem, { icon: "\uD83D\uDC64", children: "Profile" }) })] }) })),
+};
+export const Collapsed = {
+    render: () => (_jsx("div", { className: "h-screen", children: _jsxs(Sidebar, { collapsed: true, children: [_jsx(SidebarHeader, { children: _jsx("span", { className: "text-xl", children: "T" }) }), _jsxs(SidebarContent, { children: [_jsx(SidebarItem, { icon: "\uD83C\uDFE0", "aria-label": "Dashboard" }), _jsx(SidebarItem, { icon: "\uD83D\uDCCA", "aria-label": "Analytics" }), _jsx(SidebarItem, { icon: "\uD83D\uDC65", "aria-label": "Users" }), _jsx(SidebarItem, { icon: "\u2699\uFE0F", "aria-label": "Settings" })] })] }) })),
+};
+export const Compact = {
+    render: () => (_jsx("div", { className: "h-screen", children: _jsxs(Sidebar, { variant: "compact", children: [_jsx(SidebarHeader, { children: _jsx("span", { className: "font-semibold", children: "App" }) }), _jsxs(SidebarContent, { spacing: "compact", children: [_jsx(SidebarItem, { icon: "\uD83C\uDFE0", children: "Home" }), _jsx(SidebarItem, { icon: "\uD83D\uDCC1", children: "Files" }), _jsx(SidebarItem, { icon: "\u2B50", children: "Favorites" })] })] }) })),
+};
+export const Expanded = {
+    render: () => (_jsx("div", { className: "h-screen", children: _jsxs(Sidebar, { size: "expanded", children: [_jsx(SidebarHeader, { children: _jsx("span", { className: "text-2xl font-bold", children: "Application" }) }), _jsxs(SidebarContent, { spacing: "relaxed", children: [_jsx(SidebarItem, { icon: "\uD83C\uDFE0", active: true, children: "Dashboard Overview" }), _jsx(SidebarItem, { icon: "\uD83D\uDCCA", children: "Analytics & Reports" }), _jsx(SidebarItem, { icon: "\uD83D\uDC65", badge: _jsx(Badge, { children: "5 online" }), children: "Team Members" })] })] }) })),
+};
+export const WithToggle = {
+    render: () => {
+        const [collapsed, setCollapsed] = React.useState(false);
+        return (_jsxs("div", { className: "h-screen flex", children: [_jsxs(Sidebar, { collapsed: collapsed, children: [_jsx(SidebarHeader, { children: _jsx("span", { className: collapsed ? 'text-sm' : 'text-xl font-bold', children: collapsed ? 'T' : 'Tekton' }) }), _jsxs(SidebarContent, { children: [_jsx(SidebarItem, { icon: "\u2630", onClick: () => setCollapsed(!collapsed), "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar', children: !collapsed && 'Toggle' }), _jsx(SidebarItem, { icon: "\uD83C\uDFE0", "aria-label": "Dashboard", children: !collapsed && 'Dashboard' }), _jsx(SidebarItem, { icon: "\uD83D\uDCCA", "aria-label": "Analytics", children: !collapsed && 'Analytics' })] })] }), _jsxs("main", { className: "flex-1 p-8 bg-[var(--tekton-bg-muted)]", children: [_jsx("h1", { className: "text-2xl font-bold", children: "Main Content" }), _jsx("p", { className: "mt-4 text-[var(--tekton-text-muted-foreground)]", children: "Toggle the sidebar using the button" })] })] }));
+    },
+};
+import * as React from 'react';
+//# sourceMappingURL=sidebar.stories.js.map

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

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

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

@@ -0,0 +1,3 @@
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton.tsx"],"names":[],"mappings":"AAaA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAU9E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/components/skeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+function Skeleton({ className, ...props }) {
+    return (_jsx("div", { className: cn('animate-pulse rounded-[var(--tekton-radius-md)] bg-[var(--tekton-bg-muted)]', className), ...props }));
+}
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/components/skeleton.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC7E,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,50 @@
+export default meta;
+export namespace Default {
+    function render(): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Shapes {
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Card {
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace List {
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Profile {
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+export namespace BlogPost {
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
+    export { render_5 as render };
+}
+export namespace DashboardStats {
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
+    export { render_6 as render };
+}
+export namespace Table {
+    export function render_7(): import("react/jsx-runtime").JSX.Element;
+    export { render_7 as render };
+}
+export namespace Comments {
+    export function render_8(): import("react/jsx-runtime").JSX.Element;
+    export { render_8 as render };
+}
+export namespace Form {
+    export function render_9(): import("react/jsx-runtime").JSX.Element;
+    export { render_9 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { Skeleton as component };
+    export namespace parameters {
+        let layout: string;
+    }
+    export let tags: string[];
+}
+import { Skeleton } from './skeleton';
+//# sourceMappingURL=skeleton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton.stories.jsx"],"names":[],"mappings":";;IAqBY,2DAAgD;;;IAMhD,oEAKD;;;;IAMC,oEAMD;;;;IAMC,oEAQD;;;;IAMC,oEAMD;;;;IAMC,oEAgBD;;;;IAMC,oEAMD;;;;IAMC,oEAaD;;;;IAMC,oEASD;;;;IAMC,oEAcD;;;;;;;;;;;yBAxJc,YAAY"}

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from './skeleton';
+const meta = {
+    title: 'Components/Skeleton',
+    component: Skeleton,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(Skeleton, { className: "w-[100px] h-[20px]" }),
+};
+export const Shapes = {
+    render: () => (_jsxs("div", { className: "space-y-4", children: [_jsx(Skeleton, { className: "h-12 w-12 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-[250px]" }), _jsx(Skeleton, { className: "h-4 w-[200px]" }), _jsx(Skeleton, { className: "h-[125px] w-[250px] rounded-xl" })] })),
+};
+export const Card = {
+    render: () => (_jsxs("div", { className: "flex flex-col space-y-3 w-[350px]", children: [_jsx(Skeleton, { className: "h-[125px] w-full rounded-xl" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-4/5" })] })] })),
+};
+export const List = {
+    render: () => (_jsx("div", { className: "w-[350px] space-y-3", children: Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx(Skeleton, { className: "h-12 w-12 rounded-full" }), _jsxs("div", { className: "space-y-2 flex-1", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-3/4" })] })] }, i))) })),
+};
+export const Profile = {
+    render: () => (_jsxs("div", { className: "flex items-center space-x-4 w-[350px]", children: [_jsx(Skeleton, { className: "h-16 w-16 rounded-full" }), _jsxs("div", { className: "space-y-2 flex-1", children: [_jsx(Skeleton, { className: "h-4 w-[200px]" }), _jsx(Skeleton, { className: "h-4 w-[150px]" })] })] })),
+};
+export const BlogPost = {
+    render: () => (_jsxs("div", { className: "w-[500px] space-y-4", children: [_jsx(Skeleton, { className: "h-8 w-3/4" }), _jsxs("div", { className: "flex items-center space-x-4", children: [_jsx(Skeleton, { className: "h-10 w-10 rounded-full" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[150px]" }), _jsx(Skeleton, { className: "h-4 w-[100px]" })] })] }), _jsx(Skeleton, { className: "h-[200px] w-full rounded-lg" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-3/4" })] })] })),
+};
+export const DashboardStats = {
+    render: () => (_jsx("div", { className: "grid grid-cols-3 gap-4", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "space-y-3 p-4 border rounded-lg", children: [_jsx(Skeleton, { className: "h-4 w-[100px]" }), _jsx(Skeleton, { className: "h-8 w-[80px]" }), _jsx(Skeleton, { className: "h-3 w-[120px]" })] }, i))) })),
+};
+export const Table = {
+    render: () => (_jsxs("div", { className: "w-[600px] space-y-2", children: [_jsxs("div", { className: "grid grid-cols-4 gap-4 p-4 bg-[var(--tekton-bg-muted)]", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" })] }), Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "grid grid-cols-4 gap-4 p-4 border-b", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" })] }, i)))] })),
+};
+export const Comments = {
+    render: () => (_jsx("div", { className: "w-[500px] space-y-4", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-[120px]" }), _jsx(Skeleton, { className: "h-4 w-[60px]" })] }), _jsx(Skeleton, { className: "h-16 w-full rounded-lg ml-10" })] }, i))) })),
+};
+export const Form = {
+    render: () => (_jsxs("div", { className: "w-[400px] space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[100px]" }), _jsx(Skeleton, { className: "h-10 w-full" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[100px]" }), _jsx(Skeleton, { className: "h-10 w-full" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-[100px]" }), _jsx(Skeleton, { className: "h-24 w-full" })] }), _jsx(Skeleton, { className: "h-10 w-[120px]" })] })),
+};
+//# sourceMappingURL=skeleton.stories.js.map