@shepai/cli 1.13.0 → 1.14.1

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SidebarCollapseToggle } from './sidebar-collapse-toggle';
+declare const meta: Meta<typeof SidebarCollapseToggle>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Expanded: Story;
+export declare const Collapsed: Story;
+//# sourceMappingURL=sidebar-collapse-toggle.stories.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-collapse-toggle.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAkB5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAAU,CAAC;AAElC,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC"}

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarProvider, SidebarMenu, SidebarMenuItem } from '../../ui/sidebar';
+import { SidebarCollapseToggle } from './sidebar-collapse-toggle';
+const meta = {
+    title: 'Composed/SidebarCollapseToggle',
+    component: SidebarCollapseToggle,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx(Story, {}) }) }) })),
+    ],
+};
+export default meta;
+export const Expanded = {};
+export const Collapsed = {
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { defaultOpen: false, children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx(Story, {}) }) }) })),
+    ],
+};

package/dist/src/presentation/web/components/common/sidebar-nav-item/index.d.ts

@@ -0,0 +1,3 @@
+export { SidebarNavItem } from './sidebar-nav-item';
+export type { SidebarNavItemProps } from './sidebar-nav-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-nav-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-nav-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/presentation/web/components/common/sidebar-nav-item/index.js

@@ -0,0 +1 @@
+export { SidebarNavItem } from './sidebar-nav-item';

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.d.ts

@@ -0,0 +1,9 @@
+import type { LucideIcon } from 'lucide-react';
+export interface SidebarNavItemProps {
+    icon: LucideIcon;
+    label: string;
+    href: string;
+    active?: boolean;
+}
+export declare function SidebarNavItem({ icon: Icon, label, href, active }: SidebarNavItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-nav-item.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-nav-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAc,EAAE,EAAE,mBAAmB,2CAW9F"}

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar';
+export function SidebarNavItem({ icon: Icon, label, href, active = false }) {
+    return (_jsx(SidebarMenuItem, { "data-testid": "sidebar-nav-item", children: _jsx(SidebarMenuButton, { asChild: true, isActive: active, tooltip: label, children: _jsxs(Link, { href: href, children: [_jsx(Icon, {}), _jsx("span", { children: label })] }) }) }));
+}

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SidebarNavItem } from './sidebar-nav-item';
+declare const meta: Meta<typeof SidebarNavItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const WithBrainIcon: Story;
+export declare const WithSettingsIcon: Story;
+export declare const WithDashboardIcon: Story;
+//# sourceMappingURL=sidebar-nav-item.stories.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-nav-item.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC"}

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.stories.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Home, Brain, Settings, LayoutDashboard } from 'lucide-react';
+import { SidebarProvider, SidebarMenu } from '../../ui/sidebar';
+import { SidebarNavItem } from './sidebar-nav-item';
+const meta = {
+    title: 'Composed/SidebarNavItem',
+    component: SidebarNavItem,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { children: _jsx(SidebarMenu, { children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        icon: Home,
+        label: 'Control Center',
+        href: '/',
+    },
+};
+export const Active = {
+    args: {
+        icon: Home,
+        label: 'Control Center',
+        href: '/',
+        active: true,
+    },
+};
+export const WithBrainIcon = {
+    args: {
+        icon: Brain,
+        label: 'Memory',
+        href: '/memory',
+    },
+};
+export const WithSettingsIcon = {
+    args: {
+        icon: Settings,
+        label: 'Settings',
+        href: '/settings',
+    },
+};
+export const WithDashboardIcon = {
+    args: {
+        icon: LayoutDashboard,
+        label: 'Dashboard',
+        href: '/dashboard',
+        active: true,
+    },
+};

package/dist/src/presentation/web/components/common/sidebar-section-header/index.d.ts

@@ -0,0 +1,3 @@
+export { SidebarSectionHeader } from './sidebar-section-header';
+export type { SidebarSectionHeaderProps } from './sidebar-section-header';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-section-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-section-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/src/presentation/web/components/common/sidebar-section-header/index.js

@@ -0,0 +1 @@
+export { SidebarSectionHeader } from './sidebar-section-header';

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.d.ts

@@ -0,0 +1,8 @@
+export interface SidebarSectionHeaderProps {
+    label: string;
+    onFolderClick?: () => void;
+    onMenuClick?: () => void;
+    className?: string;
+}
+export declare function SidebarSectionHeader({ label, onFolderClick, onMenuClick, className, }: SidebarSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-section-header.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,GACV,EAAE,yBAAyB,2CA0C3B"}

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Folder, GripHorizontal } from 'lucide-react';
+import { SidebarGroup } from '../../ui/sidebar';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip';
+import { useSidebar } from '../../ui/sidebar';
+import { cn } from '../../../lib/utils';
+export function SidebarSectionHeader({ label, onFolderClick, onMenuClick, className, }) {
+    const { state, isMobile } = useSidebar();
+    return (_jsx(SidebarGroup, { "data-testid": "sidebar-section-header", className: cn('px-2 py-1', className), children: _jsxs("div", { className: "text-sidebar-foreground flex h-7 w-full shrink-0 items-center px-2 text-sm font-medium", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: label }), _jsxs("span", { className: "text-sidebar-foreground/70 flex shrink-0 items-center gap-0.5", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onFolderClick, className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground ring-sidebar-ring flex size-7 items-center justify-center rounded-md p-0 outline-hidden transition-colors focus-visible:ring-2 [&>svg]:size-4", "aria-label": "Open features folder", children: _jsx(Folder, { className: "size-4" }) }) }), _jsx(TooltipContent, { side: "right", align: "center", hidden: state !== 'collapsed' || isMobile, children: "Open features folder" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onMenuClick, className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground ring-sidebar-ring flex size-7 items-center justify-center rounded-md p-0 outline-hidden transition-colors focus-visible:ring-2 [&>svg]:size-4", "aria-label": "Features options", children: _jsx(GripHorizontal, { className: "size-4" }) }) }), _jsx(TooltipContent, { side: "right", align: "center", hidden: state !== 'collapsed' || isMobile, children: "Features options" })] })] })] }) }));
+}

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SidebarSectionHeader } from './sidebar-section-header';
+declare const meta: Meta<typeof SidebarSectionHeader>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithActions: Story;
+//# sourceMappingURL=sidebar-section-header.stories.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section-header.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAgB3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAOF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarProvider } from '../../ui/sidebar';
+import { SidebarSectionHeader } from './sidebar-section-header';
+const meta = {
+    title: 'Composed/SidebarSectionHeader',
+    component: SidebarSectionHeader,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { children: _jsx("div", { className: "w-64", children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Features',
+    },
+};
+function noop() {
+    // Intentional no-op for Storybook interaction demos
+    return;
+}
+export const WithActions = {
+    args: {
+        label: 'Features',
+        onFolderClick: noop,
+        onMenuClick: noop,
+    },
+};

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAanD"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAenD"}

package/dist/src/presentation/web/components/layouts/app-shell/app-shell.js

@@ -1,13 +1,9 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { usePathname } from 'next/navigation';
-import { DashboardLayout } from '../../layouts/dashboard-layout';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarProvider, SidebarInset, SidebarTrigger } from '../../ui/sidebar';
+import { Separator } from '../../ui/separator';
+import { AppSidebar } from '../../layouts/app-sidebar';
 import { ThemeToggle } from '../../common/theme-toggle';
-const navItems = [
-    { label: 'Home', href: '/' },
-    { label: 'Version', href: '/version' },
-];
 export function AppShell({ children }) {
-    const pathname = usePathname();
-    return (_jsx(DashboardLayout, { sidebarItems: navItems, pathname: pathname, title: "Shep AI", actions: _jsx(ThemeToggle, {}), children: children }));
+    return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: [] }), _jsxs(SidebarInset, { children: [_jsxs("header", { className: "flex h-14 items-center gap-2 border-b px-4", children: [_jsx(SidebarTrigger, {}), _jsx(Separator, { orientation: "vertical", className: "h-4" }), _jsx("div", { className: "flex-1" }), _jsx(ThemeToggle, {})] }), _jsx("main", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
 }

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

@@ -0,0 +1,17 @@
+import type { FeatureStatus } from '../../common/feature-status-config';
+interface FeatureItem {
+    name: string;
+    status: FeatureStatus;
+    startedAt?: number;
+    duration?: string;
+}
+export interface AppSidebarProps {
+    features: FeatureItem[];
+    onNewFeature?: () => void;
+    onFeatureClick?: (name: string) => void;
+    onFeaturesFolderClick?: () => void;
+    onFeaturesMenuClick?: () => void;
+}
+export declare function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesFolderClick, onFeaturesMenuClick, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app-sidebar.d.ts.map

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,EAAE,eAAe,2CA+FjB"}

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

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname } from 'next/navigation';
+import { Home, Brain, Plus } from 'lucide-react';
+import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar';
+import { ScrollArea } from '../../ui/scroll-area';
+import { SidebarNavItem } from '../../common/sidebar-nav-item';
+import { SidebarCollapseToggle } from '../../common/sidebar-collapse-toggle';
+import { ShepLogo } from '../../common/shep-logo';
+import { FeatureListItem } from '../../common/feature-list-item';
+import { FeatureStatusGroup } from '../../common/feature-status-group';
+import { SidebarSectionHeader } from '../../common/sidebar-section-header';
+import { featureStatusConfig, featureStatusOrder } from '../../common/feature-status-config';
+import { useDeferredMount } from '../../../hooks/use-deferred-mount';
+export function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesFolderClick, onFeaturesMenuClick, }) {
+    const pathname = usePathname();
+    const { state } = useSidebar();
+    const collapsed = state === 'collapsed';
+    const { mounted: showExpanded, visible: expandedVisible } = useDeferredMount(collapsed, 200);
+    const grouped = featureStatusOrder.map((key) => {
+        const { label } = featureStatusConfig[key];
+        const items = features.filter((f) => f.status === key);
+        return { key, label, items };
+    });
+    return (_jsxs(Sidebar, { "data-testid": "app-sidebar", collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-8 items-center group-data-[collapsible=icon]:justify-center", children: [showExpanded ? (_jsxs("div", { className: [
+                                            'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
+                                            'transition-opacity duration-200 ease-out',
+                                            expandedVisible ? 'opacity-100' : 'opacity-0',
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Brain, label: "Memory", href: "/memory", active: pathname === '/memory' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                        'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
+                        '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
+                        expandedVisible ? 'opacity-100' : 'opacity-0',
+                    ].join(' '), children: [_jsx(SidebarSectionHeader, { label: "Features", onFolderClick: onFeaturesFolderClick, onMenuClick: onFeaturesMenuClick }), _jsx(ScrollArea, { children: grouped.map(({ key, label, items }) => items.length > 0 ? (_jsx(FeatureStatusGroup, { label: label, count: items.length, children: items.map((feature) => (_jsx(FeatureListItem, { name: feature.name, status: feature.status, startedAt: feature.startedAt, duration: feature.duration, onClick: onFeatureClick ? () => onFeatureClick(feature.name) : undefined }, feature.name))) }, key)) : null) })] })) : null }), _jsx(SidebarFooter, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { onClick: onNewFeature, tooltip: "New feature", children: [_jsx(Plus, {}), _jsx("span", { children: "New feature" })] }) }) }) }), _jsx(SidebarRail, {})] }));
+}

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AppSidebar } from './app-sidebar';
+declare const meta: Meta<typeof AppSidebar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsed: Story;
+export declare const Empty: Story;
+export declare const AllInProgress: Story;
+export declare const AllDone: Story;
+//# sourceMappingURL=app-sidebar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarProvider, SidebarInset } from '../../ui/sidebar';
+import { AppSidebar } from './app-sidebar';
+const meta = {
+    title: 'Layout/AppSidebar',
+    component: AppSidebar,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story, context) => {
+            const defaultOpen = context.parameters?.sidebar?.defaultOpen ?? true;
+            return (_jsxs(SidebarProvider, { defaultOpen: defaultOpen, children: [_jsx(Story, {}), _jsx(SidebarInset, { "aria-label": "Main content", children: _jsx("div", { className: "flex items-center gap-2 border-b px-4 py-2", children: _jsx("span", { className: "text-muted-foreground text-sm", children: "Content area" }) }) })] }));
+        },
+    ],
+};
+export default meta;
+const mockFeatures = [
+    { name: 'Auth Module', status: 'action-needed' },
+    { name: 'Payment Flow', status: 'action-needed' },
+    { name: 'Dashboard', status: 'in-progress', startedAt: Date.now() - 330_000 },
+    { name: 'API Gateway', status: 'in-progress', startedAt: Date.now() - 60_000 },
+    { name: 'Settings Page', status: 'done', duration: '2h' },
+    { name: 'User Profile', status: 'done', duration: '1h' },
+];
+export const Default = {
+    args: {
+        features: mockFeatures,
+    },
+};
+export const Collapsed = {
+    args: {
+        features: mockFeatures,
+    },
+    parameters: {
+        sidebar: { defaultOpen: false },
+    },
+};
+export const Empty = {
+    args: {
+        features: [],
+    },
+};
+export const AllInProgress = {
+    args: {
+        features: [
+            { name: 'Feature A', status: 'in-progress', startedAt: Date.now() - 120_000 },
+            { name: 'Feature B', status: 'in-progress', startedAt: Date.now() - 600_000 },
+        ],
+    },
+};
+export const AllDone = {
+    args: {
+        features: [
+            { name: 'Feature A', status: 'done', duration: '30m' },
+            { name: 'Feature B', status: 'done', duration: '1h' },
+            { name: 'Feature C', status: 'done', duration: '3h' },
+        ],
+    },
+};

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

@@ -0,0 +1,3 @@
+export { AppSidebar } from './app-sidebar';
+export type { AppSidebarProps } from './app-sidebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1 @@
+export { AppSidebar } from './app-sidebar';

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';
 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 }), _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 })] })] }));
+    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/sidebar/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAwBnE"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAwBnE"}

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

@@ -1,9 +1,10 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Link from 'next/link';
 import { cn } from '../../../lib/utils';
 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;
-            return (_jsxs("a", { href: item.href, "aria-current": isActive ? 'page' : undefined, className: cn('flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors', isActive
+            return (_jsxs(Link, { href: item.href, "aria-current": isActive ? 'page' : undefined, className: cn('flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors', isActive
                     ? 'bg-accent text-accent-foreground'
                     : 'text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground'), children: [item.icon, item.label] }, item.href));
         }) }));

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

@@ -2,7 +2,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';
-const alertVariants = cva('relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7', {
+const alertVariants = cva('[&>svg]:text-foreground relative w-full rounded-lg border px-4 py-3 text-sm [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7', {
     variants: {
         variant: {
             default: 'bg-background text-foreground',

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

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

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

@@ -2,11 +2,10 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+}): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAyBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAOX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAYF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,23 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Slot } from 'radix-ui';
 import { cva } from 'class-variance-authority';
+import { Slot } from 'radix-ui';
 import { cn } from '../../lib/utils';
-const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+const buttonVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
     variants: {
         variant: {
-            default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
-            destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
-            outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
-            secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
-            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white',
+            outline: 'bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
             link: 'text-primary underline-offset-4 hover:underline',
         },
         size: {
-            default: 'h-9 px-4 py-2',
-            sm: 'h-8 rounded-md px-3 text-xs',
-            lg: 'h-10 rounded-md px-8',
-            icon: 'h-9 w-9',
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+            xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
+            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+            icon: 'size-9',
+            'icon-xs': "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+            'icon-sm': 'size-8',
+            'icon-lg': 'size-10',
         },
     },
     defaultVariants: {
@@ -25,9 +28,8 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
         size: 'default',
     },
 });
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+function Button({ className, variant = 'default', size = 'default', asChild = false, ...props }) {
     const Comp = asChild ? Slot.Root : 'button';
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
-Button.displayName = 'Button';
+    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
 export { Button, buttonVariants };

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
 export { Input };
 //# sourceMappingURL=input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,8KAcV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAc1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
 import { cn } from '../../lib/utils';
-const Input = React.forwardRef(({ className, type, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn('border-input file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
-});
-Input.displayName = 'Input';
+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 }));
+}
 export { Input };

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Label as LabelPrimitive } from 'radix-ui';
 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 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;
 export { Label };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI7D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAmBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}