@shepai/cli 1.21.0 → 1.22.0

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
-import { Sidebar } from '../../layouts/sidebar';
-import { Header } from '../../layouts/header';
+import { cn } from '../../../lib/utils.js';
+import { Sidebar } from '../../layouts/sidebar/index.js';
+import { Header } from '../../layouts/header/index.js';
 export function DashboardLayout({ sidebarItems, pathname, title, actions, children, className, }) {
     return (_jsxs("div", { className: cn('flex h-screen', className), children: [_jsx("aside", { className: "w-64 border-r", children: _jsx(Sidebar, { items: sidebarItems, pathname: pathname }) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx(Header, { title: title, actions: actions }), _jsx("main", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
 }

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { DashboardLayout } from './dashboard-layout';
+import { DashboardLayout } from './dashboard-layout.js';
 declare const meta: Meta<typeof DashboardLayout>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DashboardLayout } from './dashboard-layout';
+import { DashboardLayout } from './dashboard-layout.js';
 const meta = {
     title: 'Layout/DashboardLayout',
     component: DashboardLayout,

package/dist/src/presentation/web/components/layouts/dashboard-layout/index.d.ts

@@ -1,2 +1,2 @@
-export { DashboardLayout } from './dashboard-layout';
+export { DashboardLayout } from './dashboard-layout.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/layouts/dashboard-layout/index.js

@@ -1 +1 @@
-export { DashboardLayout } from './dashboard-layout';
+export { DashboardLayout } from './dashboard-layout.js';

package/dist/src/presentation/web/components/layouts/header/header.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
+import { cn } from '../../../lib/utils.js';
 export function Header({ title, breadcrumbs, actions, className }) {
     return (_jsxs("header", { className: cn('flex flex-col gap-2 px-6 py-4', className), children: [breadcrumbs ? _jsx("div", { "data-slot": "breadcrumbs", children: breadcrumbs }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }), actions ? _jsx("div", { "data-slot": "actions", children: actions }) : null] })] }));
 }

package/dist/src/presentation/web/components/layouts/header/header.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Header } from './header';
+import { Header } from './header.js';
 declare const meta: Meta<typeof Header>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/layouts/header/header.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Header } from './header';
+import { Header } from './header.js';
 const meta = {
     title: 'Layout/Header',
     component: Header,

package/dist/src/presentation/web/components/layouts/header/index.d.ts

@@ -1,2 +1,2 @@
-export { Header } from './header';
+export { Header } from './header.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/layouts/header/index.js

@@ -1 +1 @@
-export { Header } from './header';
+export { Header } from './header.js';

package/dist/src/presentation/web/components/layouts/index.d.ts

@@ -0,0 +1,6 @@
+export { AppShell } from './app-shell/index.js';
+export { AppSidebar, type AppSidebarProps } from './app-sidebar/index.js';
+export { DashboardLayout } from './dashboard-layout/index.js';
+export { Header } from './header/index.js';
+export { Sidebar, type NavItem } from './sidebar/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/presentation/web/components/layouts/index.js

@@ -0,0 +1,5 @@
+export { AppShell } from './app-shell/index.js';
+export { AppSidebar } from './app-sidebar/index.js';
+export { DashboardLayout } from './dashboard-layout/index.js';
+export { Header } from './header/index.js';
+export { Sidebar } from './sidebar/index.js';

package/dist/src/presentation/web/components/layouts/sidebar/index.d.ts

@@ -1,3 +1,3 @@
-export { Sidebar } from './sidebar';
-export type { NavItem } from './sidebar';
+export { Sidebar } from './sidebar.js';
+export type { NavItem } from './sidebar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/layouts/sidebar/index.js

@@ -1 +1 @@
-export { Sidebar } from './sidebar';
+export { Sidebar } from './sidebar.js';

package/dist/src/presentation/web/components/layouts/sidebar/sidebar.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import Link from 'next/link';
-import { cn } from '../../../lib/utils';
+import { cn } from '../../../lib/utils.js';
 export function Sidebar({ items, pathname, className }) {
     return (_jsx("nav", { className: cn('flex flex-col gap-1 p-4', className), children: items.map((item) => {
             const isActive = pathname === item.href;

package/dist/src/presentation/web/components/layouts/sidebar/sidebar.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Sidebar } from './sidebar';
+import { Sidebar } from './sidebar.js';
 declare const meta: Meta<typeof Sidebar>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/layouts/sidebar/sidebar.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Sidebar } from './sidebar';
+import { Sidebar } from './sidebar.js';
 const meta = {
     title: 'Layout/Sidebar',
     component: Sidebar,

package/dist/src/presentation/web/components/ui/accordion.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Accordion as AccordionPrimitive } from 'radix-ui';
 import { ChevronDown } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn('border-b', className), ...props })));
 AccordionItem.displayName = 'AccordionItem';

package/dist/src/presentation/web/components/ui/accordion.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta } from '@storybook/react';
-import { Accordion } from './accordion';
+import { Accordion } from './accordion.js';
 declare const meta: Meta<typeof Accordion>;
 export default meta;
 export declare const Single: {

package/dist/src/presentation/web/components/ui/accordion.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion.js';
 const meta = {
     title: 'Primitives/Accordion',
     component: Accordion,

package/dist/src/presentation/web/components/ui/alert.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const alertVariants = cva('relative w-full rounded-lg border px-4 py-3 text-sm [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7', {
     variants: {
         variant: {

package/dist/src/presentation/web/components/ui/alert.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Alert } from './alert';
+import { Alert } from './alert.js';
 declare const meta: Meta<typeof Alert>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/alert.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertCircle, Terminal } from 'lucide-react';
-import { Alert, AlertDescription, AlertTitle } from './alert';
+import { Alert, AlertDescription, AlertTitle } from './alert.js';
 const meta = {
     title: 'Primitives/Alert',
     component: Alert,

package/dist/src/presentation/web/components/ui/badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const badgeVariants = cva('inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none', {
     variants: {
         variant: {

package/dist/src/presentation/web/components/ui/badge.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Badge } from './badge';
+import { Badge } from './badge.js';
 declare const meta: Meta<typeof Badge>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/badge.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from './badge';
+import { Badge } from './badge.js';
 const meta = {
     title: 'Primitives/Badge',
     component: Badge,

package/dist/src/presentation/web/components/ui/button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import { Slot } from 'radix-ui';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
     variants: {
         variant: {

package/dist/src/presentation/web/components/ui/button.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from './button';
+import { Button } from './button.js';
 declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/button.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from './button';
+import { Button } from './button.js';
 const meta = {
     title: 'Primitives/Button',
     component: Button,

package/dist/src/presentation/web/components/ui/card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('bg-card text-card-foreground rounded-xl border shadow', className), ...props })));
 Card.displayName = 'Card';
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));

package/dist/src/presentation/web/components/ui/card.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Card } from './card';
+import { Card } from './card.js';
 declare const meta: Meta<typeof Card>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/card.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './card';
-import { Button } from './button';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './card.js';
+import { Button } from './button.js';
 const meta = {
     title: 'Primitives/Card',
     component: Card,

package/dist/src/presentation/web/components/ui/comet-spinner.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const cometSpinnerVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CometSpinnerProps extends React.SVGAttributes<SVGSVGElement>, VariantProps<typeof cometSpinnerVariants> {
+    /** Duration in seconds for the outer rotation. */
+    duration?: number;
+}
+declare function CometSpinner({ className, size, duration, ...props }: CometSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export { CometSpinner, cometSpinnerVariants };
+//# sourceMappingURL=comet-spinner.d.ts.map

package/dist/src/presentation/web/components/ui/comet-spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comet-spinner.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/comet-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,oBAAoB;;8EAWxB,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EACxC,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAgBD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,IAAW,EAAE,QAAY,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAmE1F;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/comet-spinner.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+const cometSpinnerVariants = cva('inline-block shrink-0', {
+    variants: {
+        size: {
+            sm: 'size-5',
+            md: 'size-8',
+            lg: 'size-12',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const PARTICLES = [
+    { r: 9, spline: '0.12 0 0.04 1', opacity: 1 },
+    { r: 8.2, spline: '0.16 0 0.08 1', opacity: 0.95 },
+    { r: 7.4, spline: '0.20 0 0.12 1', opacity: 0.9 },
+    { r: 6.6, spline: '0.25 0 0.16 1', opacity: 0.84 },
+    { r: 5.8, spline: '0.30 0 0.20 1', opacity: 0.76 },
+    { r: 5, spline: '0.36 0 0.25 1', opacity: 0.67 },
+    { r: 4.2, spline: '0.42 0 0.31 1', opacity: 0.56 },
+    { r: 3.4, spline: '0.48 0 0.37 1', opacity: 0.44 },
+    { r: 2.6, spline: '0.55 0 0.44 1', opacity: 0.32 },
+    { r: 1.8, spline: '0.62 0 0.52 1', opacity: 0.2 },
+    { r: 1, spline: '0.70 0 0.60 1', opacity: 0.1 },
+];
+function CometSpinner({ className, size = 'md', duration = 5, ...props }) {
+    return (_jsxs("svg", { "data-slot": "comet-spinner", role: "status", "aria-label": "Loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100", className: cn(cometSpinnerVariants({ size }), className), ...props, children: [_jsx("defs", { children: _jsxs("filter", { id: "comet-gooey", x: "-100%", y: "-100%", width: "300%", height: "300%", colorInterpolationFilters: "sRGB", children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "2.5" }), _jsx("feColorMatrix", { mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 50 -30", result: "goo" })] }) }), _jsxs("g", { filter: "url(#comet-gooey)", children: [_jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 50 50", to: "360 50 50", dur: `${duration}s`, repeatCount: "indefinite" }), PARTICLES.map((p) => (_jsxs("g", { children: [_jsx("animateTransform", { attributeName: "transform", type: "rotate", calcMode: "spline", values: "0 50 50;360 50 50", keyTimes: "0;1", keySplines: p.spline, dur: "1s", repeatCount: "indefinite" }), _jsx("circle", { cx: "50", cy: "18", r: p.r, fill: "currentColor", opacity: p.opacity })] }, p.r))), _jsxs("circle", { cx: "50", cy: "50", r: "4", fill: "currentColor", opacity: "0.15", children: [_jsx("animate", { attributeName: "r", values: "3;5;3", dur: "2s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", values: "0.1;0.25;0.1", dur: "2s", repeatCount: "indefinite" })] })] })] }));
+}
+export { CometSpinner, cometSpinnerVariants };

package/dist/src/presentation/web/components/ui/comet-spinner.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CometSpinner } from './comet-spinner.js';
+declare const meta: Meta<typeof CometSpinner>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const AllSizes: Story;
+export declare const CustomColor: Story;
+export declare const SlowRotation: Story;
+export declare const OnDarkBackground: Story;
+//# sourceMappingURL=comet-spinner.stories.d.ts.map

package/dist/src/presentation/web/components/ui/comet-spinner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comet-spinner.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/comet-spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAgBnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC"}

package/dist/src/presentation/web/components/ui/comet-spinner.stories.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CometSpinner } from './comet-spinner.js';
+const meta = {
+    title: 'Primitives/CometSpinner',
+    component: CometSpinner,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        size: {
+            control: 'select',
+            options: ['sm', 'md', 'lg'],
+        },
+        duration: {
+            control: { type: 'range', min: 1, max: 10, step: 0.5 },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        size: 'md',
+    },
+};
+export const Small = {
+    args: {
+        size: 'sm',
+    },
+};
+export const Large = {
+    args: {
+        size: 'lg',
+    },
+};
+export const AllSizes = {
+    render: () => (_jsxs("div", { className: "flex items-center gap-6", children: [_jsx(CometSpinner, { size: "sm" }), _jsx(CometSpinner, { size: "md" }), _jsx(CometSpinner, { size: "lg" })] })),
+};
+export const CustomColor = {
+    render: () => (_jsxs("div", { className: "flex items-center gap-6", children: [_jsx(CometSpinner, { className: "text-primary" }), _jsx(CometSpinner, { className: "text-destructive" }), _jsx(CometSpinner, { className: "text-muted-foreground" })] })),
+};
+export const SlowRotation = {
+    args: {
+        size: 'lg',
+        duration: 8,
+    },
+};
+export const OnDarkBackground = {
+    render: () => (_jsxs("div", { className: "flex items-center gap-6 rounded-lg bg-zinc-900 p-8", children: [_jsx(CometSpinner, { size: "sm", className: "text-indigo-400" }), _jsx(CometSpinner, { size: "md", className: "text-cyan-400" }), _jsx(CometSpinner, { size: "lg", className: "text-violet-400" })] })),
+};

package/dist/src/presentation/web/components/ui/dialog.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Dialog as DialogPrimitive } from 'radix-ui';
 import { X } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;

package/dist/src/presentation/web/components/ui/dialog.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Dialog } from './dialog';
+import { Dialog } from './dialog.js';
 declare const meta: Meta<typeof Dialog>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/dialog.stories.js

@@ -1,8 +1,8 @@
 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';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from './dialog.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
 const meta = {
     title: 'Primitives/Dialog',
     component: Dialog,

package/dist/src/presentation/web/components/ui/input.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Input({ className, type, ...props }) {
     return (_jsx("input", { type: type, "data-slot": "input", className: cn('file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', className), ...props }));
 }

package/dist/src/presentation/web/components/ui/input.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Input } from './input';
+import { Input } from './input.js';
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/input.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from './input';
-import { Label } from './label';
+import { Input } from './input.js';
+import { Label } from './label.js';
 const meta = {
     title: 'Primitives/Input',
     component: Input,

package/dist/src/presentation/web/components/ui/label.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Label as LabelPrimitive } from 'radix-ui';
 import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const labelVariants = cva('text-sm leading-none font-medium 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;

package/dist/src/presentation/web/components/ui/label.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Label } from './label';
+import { Label } from './label.js';
 declare const meta: Meta<typeof Label>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/label.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from './label';
-import { Input } from './input';
+import { Label } from './label.js';
+import { Input } from './input.js';
 const meta = {
     title: 'Primitives/Label',
     component: Label,

package/dist/src/presentation/web/components/ui/popover.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Popover as PopoverPrimitive } from 'radix-ui';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;

package/dist/src/presentation/web/components/ui/popover.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Popover } from './popover';
+import { Popover } from './popover.js';
 declare const meta: Meta<typeof Popover>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/popover.stories.js

@@ -1,8 +1,8 @@
 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';
+import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
 const meta = {
     title: 'Primitives/Popover',
     component: Popover,

package/dist/src/presentation/web/components/ui/scroll-area.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function ScrollArea({ className, children, ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }

package/dist/src/presentation/web/components/ui/select.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Select as SelectPrimitive } from 'radix-ui';
 import { Check, ChevronDown, ChevronUp } from 'lucide-react';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;

package/dist/src/presentation/web/components/ui/select.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Select } from './select';
+import { Select } from './select.js';
 declare const meta: Meta<typeof Select>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/ui/select.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from './select';
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from './select.js';
 const meta = {
     title: 'Primitives/Select',
     component: Select,

package/dist/src/presentation/web/components/ui/separator.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Separator as SeparatorPrimitive } from 'radix-ui';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
     return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn('bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className), ...props }));
 }

package/dist/src/presentation/web/components/ui/sheet.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { XIcon } from 'lucide-react';
 import { Dialog as SheetPrimitive } from 'radix-ui';
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 function Sheet({ ...props }) {
     return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }

package/dist/src/presentation/web/components/ui/sidebar.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import { Button } from '../ui/button';
-import { Input } from '../ui/input';
-import { Separator } from '../ui/separator';
-import { TooltipContent } from '../ui/tooltip';
+import { Button } from '../ui/button.js';
+import { Input } from '../ui/input.js';
+import { Separator } from '../ui/separator.js';
+import { TooltipContent } from '../ui/tooltip.js';
 interface SidebarContextProps {
     state: 'expanded' | 'collapsed';
     open: boolean;

package/dist/src/presentation/web/components/ui/sidebar.js

@@ -4,14 +4,14 @@ import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';
 import { Slot } from 'radix-ui';
-import { useIsMobile } from '../../hooks/use-mobile';
-import { cn } from '../../lib/utils';
-import { Button } from '../ui/button';
-import { Input } from '../ui/input';
-import { Separator } from '../ui/separator';
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from '../ui/sheet';
-import { Skeleton } from '../ui/skeleton';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';
+import { useIsMobile } from '../../hooks/use-mobile.js';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../ui/button.js';
+import { Input } from '../ui/input.js';
+import { Separator } from '../ui/separator.js';
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from '../ui/sheet.js';
+import { Skeleton } from '../ui/skeleton.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip.js';
 const SIDEBAR_COOKIE_NAME = 'sidebar_state';
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = '16rem';