@hilum/ui 3.6.8 → 3.6.10

package/dist/index.d.ts

@@ -1826,9 +1826,10 @@ interface StackedListProps {
     children: React.ReactNode;
     divided?: boolean;
     bordered?: boolean;
+    surface?: "card" | "responsive";
     className?: string;
 }
-declare function StackedList({ children, divided, bordered, className }: StackedListProps): react_jsx_runtime.JSX.Element;
+declare function StackedList({ children, divided, bordered, surface, className, }: StackedListProps): react_jsx_runtime.JSX.Element;
 interface StackedListItemProps {
     children: React.ReactNode;
     href?: string;

package/dist/index.js

@@ -585,9 +585,11 @@ function useProximityIndex(axis = "y") {
 // src/lib/mobile-popper-sheet.ts
 var mobileDialogSheetContentClassName = [
   "fixed inset-x-0 bottom-0 z-50 max-h-[calc(100dvh-1rem)] w-full overflow-y-auto",
-  "max-lg:!w-full max-lg:!max-w-none max-lg:!rounded-b-none",
+  "max-lg:!fixed max-lg:!inset-x-0 max-lg:!bottom-0 max-lg:!top-auto",
+  "max-lg:!w-full max-lg:!max-w-none max-lg:!max-h-[calc(100dvh-1rem)]",
+  "max-lg:!rounded-b-none max-lg:overscroll-contain",
   "rounded-t-2xl border border-border bg-card p-6 shadow-elevated",
-  "max-lg:pb-[calc(1.5rem+env(safe-area-inset-bottom))] max-lg:pt-8",
+  "max-lg:!px-5 max-lg:!pb-[calc(1.25rem+env(safe-area-inset-bottom))] max-lg:!pt-8",
   "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",
   "max-lg:before:-translate-x-1/2 max-lg:before:rounded-full max-lg:before:bg-muted-foreground/35"
 ].join(" ");
@@ -8333,7 +8335,17 @@ function DialogHeader({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 mb-4", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex justify-end gap-2 mt-6", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "mt-6 flex justify-end gap-2",
+        "max-sm:flex-col-reverse max-sm:[&>*]:w-full",
+        className
+      ),
+      ...props
+    }
+  );
 }
 var DialogTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
@@ -13514,7 +13526,13 @@ function SectionHeading({
     }
   );
 }
-function StackedList({ children, divided = true, bordered = true, className }) {
+function StackedList({
+  children,
+  divided = true,
+  bordered = true,
+  surface = "card",
+  className
+}) {
   return /* @__PURE__ */ jsx(
     "ul",
     {
@@ -13523,6 +13541,7 @@ function StackedList({ children, divided = true, bordered = true, className }) {
         "overflow-hidden rounded-xl bg-card",
         bordered && "border border-border shadow-natural",
         divided && "divide-y divide-border",
+        surface === "responsive" && "rounded-lg shadow-none max-sm:rounded-none max-sm:border-x-0 max-sm:bg-transparent",
         className
       ),
       children