@hilum/ui 3.6.4 → 3.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -585,17 +585,18 @@ function useProximityIndex(axis = "y") {
|
|
|
585
585
|
// src/lib/mobile-popper-sheet.ts
|
|
586
586
|
var mobileDialogSheetContentClassName = [
|
|
587
587
|
"fixed inset-x-0 bottom-0 z-50 max-h-[calc(100dvh-1rem)] w-full overflow-y-auto",
|
|
588
|
+
"max-lg:!w-full max-lg:!max-w-none max-lg:!rounded-b-none",
|
|
588
589
|
"rounded-t-2xl border border-border bg-card p-6 shadow-elevated",
|
|
589
|
-
"max-
|
|
590
|
-
"max-
|
|
591
|
-
"max-
|
|
590
|
+
"max-lg:pb-[calc(1.5rem+env(safe-area-inset-bottom))] max-lg:pt-8",
|
|
591
|
+
"max-lg:before:absolute max-lg:before:left-1/2 max-lg:before:top-3 max-lg:before:h-1 max-lg:before:w-9",
|
|
592
|
+
"max-lg:before:-translate-x-1/2 max-lg:before:rounded-full max-lg:before:bg-muted-foreground/35"
|
|
592
593
|
].join(" ");
|
|
593
|
-
var desktopDialogContentClassName = "
|
|
594
|
+
var desktopDialogContentClassName = "lg:bottom-auto lg:left-1/2 lg:top-1/2 lg:max-h-[calc(100dvh-2rem)] lg:-translate-x-1/2 lg:-translate-y-1/2 lg:rounded-2xl";
|
|
594
595
|
var dialogSheetMotionClassName = [
|
|
595
596
|
"data-[state=open]:animate-in data-[state=closed]:animate-out",
|
|
596
597
|
"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
597
598
|
"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
|
|
598
|
-
"
|
|
599
|
+
"lg:data-[state=closed]:zoom-out-95 lg:data-[state=open]:zoom-in-95"
|
|
599
600
|
].join(" ");
|
|
600
601
|
var mobilePopperSheetPositionClassName = [
|
|
601
602
|
"max-md:!fixed max-md:!inset-x-3 max-md:!bottom-3 max-md:!top-auto max-md:!left-3 max-md:!right-3",
|
|
@@ -1953,7 +1954,7 @@ var AlertDialogContent = React16.forwardRef(({ className, children, ...props },
|
|
|
1953
1954
|
className: cn(
|
|
1954
1955
|
mobileDialogSheetContentClassName,
|
|
1955
1956
|
desktopDialogContentClassName,
|
|
1956
|
-
"border border-border shadow-elevated
|
|
1957
|
+
"border border-border shadow-elevated max-w-md",
|
|
1957
1958
|
dialogSheetMotionClassName,
|
|
1958
1959
|
className
|
|
1959
1960
|
),
|
|
@@ -8255,7 +8256,7 @@ var DialogContent = forwardRef(
|
|
|
8255
8256
|
if (!open) setMounted(false);
|
|
8256
8257
|
};
|
|
8257
8258
|
if (!mounted) return null;
|
|
8258
|
-
const sizeClassName = size === "sm" ? container ? "max-w-[400px]" : "
|
|
8259
|
+
const sizeClassName = size === "sm" ? container ? "max-w-[400px]" : "max-w-[400px]" : container ? "max-w-[540px]" : "max-w-[540px]";
|
|
8259
8260
|
return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { forceMount: true, container: container ?? void 0, children: [
|
|
8260
8261
|
/* @__PURE__ */ jsx(DialogPrimitive.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx(
|
|
8261
8262
|
motion.div,
|