@caratlogic/design-system 0.0.3 → 0.0.5

package/README.md

@@ -50,4 +50,4 @@ import { Input } from '@caratlogic/design-system/ui';
 yarn install
 yarn build
 yarn test
-```
+```

package/dist/components/molecules/Sidebar/Sidebar.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.parts.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Sidebar/Sidebar.parts.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.parts.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Sidebar/Sidebar.parts.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useIsMobile.d.ts

@@ -1,2 +1,5 @@
-export declare function useIsMobile(breakpoint?: number): boolean;
+/** true for 0–767px */
+export declare function useIsMobile(): boolean;
+/** true for 768–1023px */
+export declare function useIsTablet(): boolean;
 //# sourceMappingURL=useIsMobile.d.ts.map

package/dist/hooks/useIsMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsMobile.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,UAAU,GAAE,MAAY,WAanD"}
+{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsMobile.tsx"],"names":[],"mappings":"AAqBA,uBAAuB;AACvB,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,0BAA0B;AAC1B,wBAAgB,WAAW,IAAI,OAAO,CAErC"}

package/dist/index.cjs.js

@@ -3359,19 +3359,11 @@ const Loader = createLucideIcon("loader", __iconNode$k);
 
 
 const __iconNode$j = [
-  [
-    "path",
-    {
-      d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
-      key: "e79jfc"
-    }
-  ],
-  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
-  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
-  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
-  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 18h16", key: "19g7jn" }],
+  ["path", { d: "M4 6h16", key: "1o0s65" }]
 ];
-const Palette = createLucideIcon("palette", __iconNode$j);
+const Menu$1 = createLucideIcon("menu", __iconNode$j);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -3382,10 +3374,19 @@ const Palette = createLucideIcon("palette", __iconNode$j);
 
 
 const __iconNode$i = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }]
+  [
+    "path",
+    {
+      d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+      key: "e79jfc"
+    }
+  ],
+  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
+  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
+  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
+  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$i);
+const Palette = createLucideIcon("palette", __iconNode$i);
 
 /**
  * @license lucide-react v0.539.0 - ISC
@@ -65550,15 +65551,26 @@ function isValidOrientation(orientation) {
 }
 var Root = Separator;
 
-// Simple media query hook for mobile screens
-function useIsMobile(breakpoint = 768) {
-    const [isMobile, setIsMobile] = React__namespace.useState(typeof window !== 'undefined' ? window.innerWidth < breakpoint : false);
+const MOBILE_MAX = 767;
+const TABLET_MAX = 1025;
+function useMediaQuery(query) {
+    const [matches, setMatches] = React__namespace.useState(() => typeof window !== 'undefined' && window.matchMedia(query).matches);
     React__namespace.useEffect(() => {
-        const handler = () => setIsMobile(window.innerWidth < breakpoint);
-        window.addEventListener('resize', handler);
-        return () => window.removeEventListener('resize', handler);
-    }, [breakpoint]);
-    return isMobile;
+        const mq = window.matchMedia(query);
+        setMatches(mq.matches);
+        const handler = (e) => setMatches(e.matches);
+        mq.addEventListener('change', handler);
+        return () => mq.removeEventListener('change', handler);
+    }, [query]);
+    return matches;
+}
+/** true for 0–767px */
+function useIsMobile() {
+    return useMediaQuery(`(max-width: ${MOBILE_MAX}px)`);
+}
+/** true for 768–1023px */
+function useIsTablet() {
+    return useMediaQuery(`(min-width: ${MOBILE_MAX + 1}px) and (max-width: ${TABLET_MAX}px)`);
 }
 
 // src/slot.tsx
@@ -66071,7 +66083,9 @@ function useSidebar() {
     return context;
 }
 const SidebarProvider = React__namespace.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
-    const isMobile = useIsMobile();
+    const _isMobile = useIsMobile();
+    const _isTablet = useIsTablet();
+    const isMobile = _isMobile || _isTablet;
     const [openMobile, setOpenMobile] = React__namespace.useState(false);
     const [_open, _setOpen] = React__namespace.useState(defaultOpen);
     const open = openProp ?? _open;
@@ -66145,7 +66159,7 @@ const SidebarTrigger = React__namespace.forwardRef(({ className, onClick, ...pro
     return (jsxRuntime.jsxs("button", { ref: ref, "data-sidebar": "trigger", className: cn('inline-flex h-8 w-7 cursor-pointer items-center justify-center rounded-md text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className), onClick: (e) => {
             onClick?.(e);
             toggleSidebar();
-        }, ...props, children: [jsxRuntime.jsx(PanelLeft, { size: 16 }), jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
+        }, ...props, children: [jsxRuntime.jsx(Menu$1, { size: 16 }), jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
 });
 SidebarTrigger.displayName = 'SidebarTrigger';
 const SidebarRail = React__namespace.forwardRef(({ className, ...props }, ref) => {
@@ -74240,11 +74254,11 @@ const PartnerShareCard = ({ index, percentage, name, subtitle, contributionLabel
 };
 
 function CreateFormPageHeader({ title, onBack, backLabel = 'Go back', }) {
-    return (jsxRuntime.jsxs("div", { className: "mb-6 flex items-center justify-between gap-4", children: [jsxRuntime.jsx("h1", { className: "min-w-0 text-xl font-semibold leading-7 text-foreground", children: title }), jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: jsxRuntime.jsxs(Button$1, { type: "button", variant: "ghost", onClick: onBack, className: "h-8 shrink-0 gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-secondary-foreground hover:text-secondary-foreground", children: [jsxRuntime.jsx(ChevronLeft, { className: "h-4 w-4", "aria-hidden": true }), backLabel] }) })] }));
+    return (jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between gap-4", children: [jsxRuntime.jsx("h1", { className: "min-w-0 text-xl font-semibold leading-7 text-foreground", children: title }), jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: jsxRuntime.jsxs(Button$1, { type: "button", variant: "ghost", onClick: onBack, className: "h-8 shrink-0 gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-secondary-foreground hover:text-secondary-foreground", children: [jsxRuntime.jsx(ChevronLeft, { className: "h-4 w-4", "aria-hidden": true }), backLabel] }) })] }));
 }
 
 function CreateFormPageShell({ title, onBack, children, backLabel, scrollable = false, containerClassName, }) {
-    const content = (jsxRuntime.jsxs("div", { className: cn('mx-auto w-full max-w-4xl px-6 py-8', containerClassName), children: [jsxRuntime.jsx(CreateFormPageHeader, { title: title, onBack: onBack, backLabel: backLabel }), children] }));
+    const content = (jsxRuntime.jsxs("div", { className: cn('mx-auto w-full max-w-4xl px-4 py-4', containerClassName), children: [jsxRuntime.jsx(CreateFormPageHeader, { title: title, onBack: onBack, backLabel: backLabel }), children] }));
     if (scrollable) {
         return (jsxRuntime.jsx("div", { className: "h-full min-h-0 overflow-y-auto bg-card", children: content }));
     }