@shepai/cli 1.12.0 → 1.14.0

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

@@ -4,7 +4,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './car
 import { Input } from './input';
 import { Label } from './label';
 const meta = {
-    title: 'UI/Tabs',
+    title: 'Primitives/Tabs',
     component: Tabs,
     parameters: {
         layout: 'centered',

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIvD,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEhF;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE1F;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import { cn } from '../../lib/utils';
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/presentation/web/hooks/use-deferred-mount.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Defers mount/unmount of content to allow opacity transitions.
+ * When expanding: mounts immediately, then sets visible on next frame.
+ * When collapsing: hides immediately, then unmounts after `ms` delay.
+ */
+export declare function useDeferredMount(isCollapsed: boolean, ms: number): {
+    mounted: boolean;
+    visible: boolean;
+};
+//# sourceMappingURL=use-deferred-mount.d.ts.map

package/dist/src/presentation/web/hooks/use-deferred-mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-deferred-mount.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-deferred-mount.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM;;;EAiBhE"}

package/dist/src/presentation/web/hooks/use-deferred-mount.js

@@ -0,0 +1,23 @@
+'use client';
+import { useState, useEffect } from 'react';
+/**
+ * Defers mount/unmount of content to allow opacity transitions.
+ * When expanding: mounts immediately, then sets visible on next frame.
+ * When collapsing: hides immediately, then unmounts after `ms` delay.
+ */
+export function useDeferredMount(isCollapsed, ms) {
+    const [mounted, setMounted] = useState(!isCollapsed);
+    const [visible, setVisible] = useState(!isCollapsed);
+    useEffect(() => {
+        if (!isCollapsed) {
+            setMounted(true);
+            // delay visibility by one frame so the element mounts at opacity-0 first
+            const raf = requestAnimationFrame(() => setVisible(true));
+            return () => cancelAnimationFrame(raf);
+        }
+        setVisible(false);
+        const t = window.setTimeout(() => setMounted(false), ms);
+        return () => window.clearTimeout(t);
+    }, [isCollapsed, ms]);
+    return { mounted, visible };
+}

package/dist/src/presentation/web/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/src/presentation/web/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/src/presentation/web/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener('change', onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/src/presentation/web/hooks/useTheme.d.ts

@@ -5,8 +5,7 @@ import { type Theme } from '../types/theme';
  */
 export declare function useTheme(): {
     theme: Theme;
-    resolvedTheme: "light" | "dark";
+    resolvedTheme: "dark" | "light";
     setTheme: (newTheme: Theme) => void;
-    systemTheme: "light" | "dark";
 };
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/src/presentation/web/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAqB,MAAM,eAAe,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,QAAQ;;;yBAoCT,KAAK;;EA6CnB"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAqB,MAAM,eAAe,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,QAAQ;;;yBAoCT,KAAK;EA4CnB"}

package/dist/src/presentation/web/hooks/useTheme.js

@@ -6,7 +6,7 @@ import { THEME_STORAGE_KEY } from '../types/theme';
  * and system preference detection.
  */
 export function useTheme() {
-    const [theme, setThemeState] = useState('system');
+    const [theme, setTheme] = useState('system');
     const [resolvedTheme, setResolvedTheme] = useState('light');
     // Get the system preference
     const getSystemTheme = useCallback(() => {
@@ -33,8 +33,8 @@ export function useTheme() {
         setResolvedTheme(resolved);
     }, []);
     // Set theme and persist to localStorage
-    const setTheme = useCallback((newTheme) => {
-        setThemeState(newTheme);
+    const setThemeAndPersist = useCallback((newTheme) => {
+        setTheme(newTheme);
         if (typeof localStorage !== 'undefined') {
             localStorage.setItem(THEME_STORAGE_KEY, newTheme);
         }
@@ -45,7 +45,7 @@ export function useTheme() {
     useEffect(() => {
         const stored = localStorage.getItem(THEME_STORAGE_KEY);
         const initialTheme = stored ?? 'system';
-        setThemeState(initialTheme);
+        setTheme(initialTheme);
         const resolved = resolveTheme(initialTheme);
         applyTheme(resolved);
     }, [resolveTheme, applyTheme]);
@@ -67,7 +67,6 @@ export function useTheme() {
     return {
         theme,
         resolvedTheme,
-        setTheme,
-        systemTheme: getSystemTheme(),
+        setTheme: setThemeAndPersist,
     };
 }