@humain/ui 2.1.62 → 2.1.65

package/dist/index215.js

@@ -1,29 +1,102 @@
-import * as React from "react";
-//#region src/hooks/use-mobile.ts
-var MOBILE_BREAKPOINT = 768;
-function getClientWindow() {
-	return typeof window === "undefined" ? void 0 : window;
-}
-function useIsMobile() {
-	const [isMobile, setIsMobile] = React.useState(false);
-	React.useEffect(() => {
-		const clientWindow = getClientWindow();
-		if (!clientWindow?.matchMedia) return;
-		const mql = clientWindow.matchMedia(`(max-width: 767px)`);
-		const onChange = (e) => {
-			setIsMobile(e.matches);
-		};
-		onChange(mql);
-		if (mql.addEventListener) mql.addEventListener("change", onChange);
-		else if ("addListener" in mql) mql.addListener(onChange);
-		return () => {
-			if (mql.removeEventListener) mql.removeEventListener("change", onChange);
-			else if ("removeListener" in mql) mql.removeListener(onChange);
-		};
-	}, []);
-	return isMobile;
+"use client";
+import { cn } from "./index2.js";
+import { CloseButton } from "./index108.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/ui/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "sheet",
+		...props
+	});
 }
+function SheetTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+}
+function SheetClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, disableAnimation, disableBackdropBlur, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "sheet-overlay",
+		className: cn("bg-background/80/10 fixed inset-0 z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0", !disableBackdropBlur && "supports-backdrop-filter:backdrop-blur-xs", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", showCloseButton = true, disableAnimation, disableBackdropBlur, ...props }) {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {
+		disableAnimation,
+		disableBackdropBlur
+	}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+		"data-slot": "sheet-content",
+		"data-side": side,
+		className: cn("bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", !disableAnimation && "data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, { render: /* @__PURE__ */ jsx(CloseButton, { className: "absolute top-4 end-4" }) })]
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("gap-1.5 p-4 flex flex-col", className),
+		...props
+	});
+}
+function SheetFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("gap-2 p-4 mt-auto flex flex-col", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground font-medium", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+SheetTrigger.displayName = "Sheet.Trigger";
+SheetClose.displayName = "Sheet.Close";
+SheetPortal.displayName = "Sheet.Portal";
+SheetOverlay.displayName = "Sheet.Overlay";
+SheetContent.displayName = "Sheet.Content";
+SheetHeader.displayName = "Sheet.Header";
+SheetFooter.displayName = "Sheet.Footer";
+SheetTitle.displayName = "Sheet.Title";
+SheetDescription.displayName = "Sheet.Description";
+Sheet.displayName = "Sheet";
+var SheetNamespace = Object.assign(Sheet, {
+	Trigger: SheetTrigger,
+	Close: SheetClose,
+	Portal: SheetPortal,
+	Overlay: SheetOverlay,
+	Content: SheetContent,
+	Header: SheetHeader,
+	Footer: SheetFooter,
+	Title: SheetTitle,
+	Description: SheetDescription
+});
 //#endregion
-export { MOBILE_BREAKPOINT, useIsMobile };
+export { SheetNamespace as Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 
 //# sourceMappingURL=index215.js.map

package/dist/index215.js.map

@@ -1 +1 @@
-{"version":3,"file":"index215.js","names":[],"sources":["../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const MOBILE_BREAKPOINT = 768;\n\nfunction getClientWindow(): Window | undefined {\n  return typeof window === 'undefined' ? undefined : window;\n}\n\nexport function useIsMobile() {\n  // SSR-safe: always return false on server for consistent hydration\n  const [isMobile, setIsMobile] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    const clientWindow = getClientWindow();\n    if (!clientWindow?.matchMedia) {\n      return;\n    }\n\n    const mql = clientWindow.matchMedia(\n      `(max-width: ${MOBILE_BREAKPOINT - 1}px)`,\n    );\n\n    const onChange = (e: MediaQueryListEvent | MediaQueryList) => {\n      setIsMobile(e.matches);\n    };\n\n    // Initial sync on mount\n    onChange(mql);\n\n    // Safari < 14 compatibility: use addListener/removeListener as fallback\n    if (mql.addEventListener) {\n      mql.addEventListener('change', onChange);\n    } else if ('addListener' in mql) {\n      (mql as { addListener: (cb: typeof onChange) => void }).addListener(\n        onChange,\n      );\n    }\n\n    return () => {\n      if (mql.removeEventListener) {\n        mql.removeEventListener('change', onChange);\n      } else if ('removeListener' in mql) {\n        (\n          mql as { removeListener: (cb: typeof onChange) => void }\n        ).removeListener(onChange);\n      }\n    };\n  }, []);\n\n  return isMobile;\n}\n"],"mappings":";;AAEA,IAAa,oBAAoB;AAEjC,SAAS,kBAAsC;CAC7C,OAAO,OAAO,WAAW,cAAc,KAAA,IAAY;AACrD;AAEA,SAAgB,cAAc;CAE5B,MAAM,CAAC,UAAU,eAAe,MAAM,SAAkB,KAAK;CAE7D,MAAM,gBAAgB;EACpB,MAAM,eAAe,gBAAgB;EACrC,IAAI,CAAC,cAAc,YACjB;EAGF,MAAM,MAAM,aAAa,WACvB,oBACF;EAEA,MAAM,YAAY,MAA4C;GAC5D,YAAY,EAAE,OAAO;EACvB;EAGA,SAAS,GAAG;EAGZ,IAAI,IAAI,kBACN,IAAI,iBAAiB,UAAU,QAAQ;OAClC,IAAI,iBAAiB,KAC1B,IAAwD,YACtD,QACF;EAGF,aAAa;GACX,IAAI,IAAI,qBACN,IAAI,oBAAoB,UAAU,QAAQ;QACrC,IAAI,oBAAoB,KAC7B,IAEE,eAAe,QAAQ;EAE7B;CACF,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}
+{"version":3,"file":"index215.js","names":[],"sources":["../src/components/ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as SheetPrimitive } from '@base-ui/react/dialog';\nimport type * as React from 'react';\nimport { CloseButton } from '@/components/ui/close-button';\nimport { cn } from '@/lib/utils';\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nexport interface SheetOverlayProps extends SheetPrimitive.Backdrop.Props {\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction SheetOverlay({\n  className,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: SheetOverlayProps) {\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'bg-background/80/10 fixed inset-0 z-50',\n        !disableAnimation &&\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0',\n        !disableBackdropBlur && 'supports-backdrop-filter:backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface SheetContentProps extends SheetPrimitive.Popup.Props {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  showCloseButton?: boolean;\n  /** Disables open/close animations */\n  disableAnimation?: boolean;\n  /** Disables backdrop blur effect */\n  disableBackdropBlur?: boolean;\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  showCloseButton = true,\n  disableAnimation,\n  disableBackdropBlur,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay\n        disableAnimation={disableAnimation}\n        disableBackdropBlur={disableBackdropBlur}\n      />\n      <SheetPrimitive.Popup\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          'bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm',\n          !disableAnimation &&\n            'data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            render={<CloseButton className=\"absolute top-4 end-4\" />}\n          />\n        )}\n      </SheetPrimitive.Popup>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('gap-1.5 p-4 flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nSheetTrigger.displayName = 'Sheet.Trigger';\nSheetClose.displayName = 'Sheet.Close';\nSheetPortal.displayName = 'Sheet.Portal';\nSheetOverlay.displayName = 'Sheet.Overlay';\nSheetContent.displayName = 'Sheet.Content';\nSheetHeader.displayName = 'Sheet.Header';\nSheetFooter.displayName = 'Sheet.Footer';\nSheetTitle.displayName = 'Sheet.Title';\nSheetDescription.displayName = 'Sheet.Description';\nSheet.displayName = 'Sheet';\n\nconst SheetNamespace = Object.assign(Sheet, {\n  Trigger: SheetTrigger,\n  Close: SheetClose,\n  Portal: SheetPortal,\n  Overlay: SheetOverlay,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n});\n\nexport {\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetNamespace as Sheet,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"mappings":";;;;;;AAOA,SAAS,MAAM,EAAE,GAAG,SAAoC;CACtD,OAAO,oBAAC,OAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;AAEA,SAAS,aAAa,EAAE,GAAG,SAAuC;CAChE,OAAO,oBAAC,OAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,WAAW,EAAE,GAAG,SAAqC;CAC5D,OAAO,oBAAC,OAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;AAEA,SAAS,YAAY,EAAE,GAAG,SAAsC;CAC9D,OAAO,oBAAC,OAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AASA,SAAS,aAAa,EACpB,WACA,kBACA,qBACA,GAAG,SACiB;CACpB,OACE,oBAAC,OAAe,UAAhB;EACE,aAAU;EACV,WAAW,GACT,0CACA,CAAC,oBACC,kKACF,CAAC,uBAAuB,6CACxB,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAWA,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,kBACA,qBACA,GAAG,SACiB;CACpB,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,cAAD;EACoB;EACG;CACtB,CAAA,GACD,qBAAC,OAAe,OAAhB;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,0lBACA,CAAC,oBACC,mhBACF,SACF;EACA,GAAI;YATN,CAWG,UACA,mBACC,oBAAC,OAAe,OAAhB,EACE,QAAQ,oBAAC,aAAD,EAAa,WAAU,uBAAwB,CAAA,EACxD,CAAA,CAEiB;GACX,EAAA,CAAA;AAEjB;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,SAAS;EACpD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;CACvE,OACE,oBAAC,OAAe,OAAhB;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SACgC;CACnC,OACE,oBAAC,OAAe,aAAhB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc;AAC3B,WAAW,cAAc;AACzB,YAAY,cAAc;AAC1B,aAAa,cAAc;AAC3B,aAAa,cAAc;AAC3B,YAAY,cAAc;AAC1B,YAAY,cAAc;AAC1B,WAAW,cAAc;AACzB,iBAAiB,cAAc;AAC/B,MAAM,cAAc;AAEpB,IAAM,iBAAiB,OAAO,OAAO,OAAO;CAC1C,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,aAAa;AACf,CAAC"}