@dmsi/wedgekit-react 2.0.1 → 2.1.0

package/dist/components/MainBar.d.ts

@@ -8,7 +8,9 @@ type MainBarProps = {
     mobileRightContent?: ReactNode;
     cart?: ReactNode;
     footer?: boolean;
+    /** When true, centers content vertically with symmetric padding instead of the default flush-to-bottom padding (which exists so tab-strip content, e.g. `NavigationTabs`, sits attached to the bar's bottom edge). Useful for non-tab content like icon buttons. */
+    centerContent?: boolean;
 };
-export declare function MainBar({ id, testid, leftContent: left, rightContent: right, mobileLeftContent: mobileLeft, mobileRightContent: mobileRight, footer, cart, }: ComponentProps<"div"> & MainBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MainBar({ id, testid, leftContent: left, rightContent: right, mobileLeftContent: mobileLeft, mobileRightContent: mobileRight, footer, centerContent, cart, }: ComponentProps<"div"> & MainBarProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MainBar.d.ts.map

package/dist/components/MainBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainBar.d.ts","sourceRoot":"","sources":["../../src/components/MainBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlD,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,MAAM,EACN,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,UAAU,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,MAAc,EACd,IAAI,GACL,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,2CAyDtC"}
+{"version":3,"file":"MainBar.d.ts","sourceRoot":"","sources":["../../src/components/MainBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlD,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oQAAoQ;IACpQ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,MAAM,EACN,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,UAAU,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,MAAc,EACd,aAAqB,EACrB,IAAI,GACL,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,2CA6DtC"}

package/dist/components/MainBar.js

@@ -1,53 +1,54 @@
-import { jsx as e, Fragment as p, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, Fragment as f, jsxs as r } from "react/jsx-runtime";
 import { clsx as n } from "../node_modules/clsx/dist/clsx.js";
-import { layoutGap as l, layoutGroupGap as f, containerPaddingX as x, containerPaddingY as u, componentPaddingTopUsingComponentGap2xMobile as b } from "../classNames.js";
+import { layoutGap as s, layoutGroupGap as x, containerPaddingX as g, containerPaddingY as u, componentPaddingTopUsingComponentGap2xMobile as b } from "../classNames.js";
 function w({
-  id: s,
-  testid: m,
+  id: c,
+  testid: l,
   leftContent: a,
   rightContent: o,
-  mobileLeftContent: t,
+  mobileLeftContent: i,
   mobileRightContent: d,
-  footer: c = !1,
-  cart: i
+  footer: m = !1,
+  centerContent: p = !1,
+  cart: t
 }) {
-  return !a && !o ? /* @__PURE__ */ e(p, {}) : /* @__PURE__ */ r(
+  return !a && !o ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ r(
     "div",
     {
-      id: s,
-      "data-testid": m,
+      id: c,
+      "data-testid": l,
       className: n(
         "min-h-mobile-container-padding",
         "bg-background-brand-normal items-center justify-between",
         "z-10 shadow-4",
         "flex",
-        f,
         x,
-        c ? u : b
+        g,
+        m ? u : p ? "py-[calc((var(--spacing-mobile-component-gap)_+_8px)_/_2)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap" : b
       ),
       children: [
         a && /* @__PURE__ */ e(
           "div",
           {
-            className: n("hidden desktop:flex items-center flex-1 min-w-0 overflow-x-auto no-scrollbar", l),
+            className: n("hidden desktop:flex items-center flex-1 min-w-0 overflow-x-auto no-scrollbar", s),
             children: a
           }
         ),
-        (o || i) && /* @__PURE__ */ r(
+        (o || t) && /* @__PURE__ */ r(
           "div",
           {
             className: n(
               "hidden desktop:flex items-center ml-auto",
-              l
+              s
             ),
             children: [
               o,
-              o && i && /* @__PURE__ */ e("div", { className: "h-14 w-px bg-background-on-action-primary-normal" }),
-              i
+              o && t && /* @__PURE__ */ e("div", { className: "h-14 w-px bg-background-on-action-primary-normal" }),
+              t
             ]
           }
         ),
-        t && /* @__PURE__ */ e("div", { className: n("flex items-center desktop:hidden flex-1 min-w-0 overflow-x-auto no-scrollbar"), children: t }),
+        i && /* @__PURE__ */ e("div", { className: n("flex items-center desktop:hidden flex-1 min-w-0 overflow-x-auto no-scrollbar"), children: i }),
         d && /* @__PURE__ */ e("div", { className: n("flex items-center desktop:hidden"), children: d })
       ]
     }

package/dist/components/MobileDataGrid/ColumnSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/ColumnSelector/index.tsx"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,CAAC,CAAC,6CA0F/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/ColumnSelector/index.tsx"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,CAAC,6CA0F/B"}

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { useRef as g, useState as x, useCallback as y } from "react";
 import { Button as u } from "../../Button.js";

package/dist/components/MobileDataGrid/GridContextProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/GridContextProvider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,KAAK,gBAAgB,CAAC,CAAC,IAAI;IACzB,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACjE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAkHhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/GridContextProvider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,KAAK,gBAAgB,CAAC,CAAC,IAAI;IACzB,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACjE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAkHhE"}

package/dist/components/MobileDataGrid/GridContextProvider/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as M } from "react/jsx-runtime";
 import { useReducer as O, useState as v, useCallback as d, useMemo as P } from "react";
 import { dataGridReducer as T } from "../dataGridReducer.js";

package/dist/components/MobileDataGrid/GridContextProvider/useGridContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGridContext.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/GridContextProvider/useGridContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,wBAAgB,cAAc,CAAC,CAAC,wBAM/B"}
+{"version":3,"file":"useGridContext.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/GridContextProvider/useGridContext.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,wBAAgB,cAAc,CAAC,CAAC,wBAM/B"}

package/dist/components/MobileDataGrid/GridContextProvider/useGridContext.js

@@ -1,3 +1,4 @@
+"use client";
 import { useContext as r } from "react";
 import { GridContext as o } from "./GridContext.js";
 function n() {

package/dist/components/MobileDataGrid/index.d.ts

@@ -21,6 +21,8 @@ export type MobileDataGridProps<T> = {
     hideHeader?: boolean;
     rowActions?: RowActions<T>;
     rounded?: boolean;
+    /** When true, constrains the grid's height to leave room for the page's own footer below it. When false (default), the grid fills all available height — meant for views with no footer of their own, e.g. an external iframe embed. */
+    reserveFooterSpace?: boolean;
 };
 export declare function MobileDataGrid<T extends RowData>(props: MobileDataGridProps<T> & ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MobileDataGrid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MobileDataGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,EAC9C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,2CA4DtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MobileDataGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wOAAwO;IACxO,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,EAC9C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,2CA6DtD"}

package/dist/components/MobileDataGrid/index.js

@@ -1,78 +1,79 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { MobileDataGridHeader as x } from "./MobileDataGridHeader.js";
-import { GridContextProvider as y } from "./GridContextProvider/index.js";
-import { RowDetailModalProvider as D } from "./RowDetailModalProvider/index.js";
-import { ColumnList as G } from "./ColumnList.js";
-import { Stack as M } from "../Stack.js";
-function L(i) {
+import { MobileDataGridHeader as y } from "./MobileDataGridHeader.js";
+import { GridContextProvider as D } from "./GridContextProvider/index.js";
+import { RowDetailModalProvider as G } from "./RowDetailModalProvider/index.js";
+import { ColumnList as M } from "./ColumnList.js";
+import { Stack as R } from "../Stack.js";
+function P(i) {
   const {
     columns: t,
     data: d,
     renderLink: n,
     renderChevron: l,
-    getId: m,
-    id: a,
-    testid: f,
-    enableColumnSelector: s,
+    getId: a,
+    id: m,
+    testid: s,
+    enableColumnSelector: c,
     enableRowSelection: e,
-    header: h,
-    withBorder: u = !0,
-    footer: c,
+    header: f,
+    withBorder: h = !0,
+    footer: u,
     onRowSelect: p,
-    numberOfColumnsToShow: w,
-    primaryKey: b,
-    hideHeader: v,
+    numberOfColumnsToShow: v,
+    primaryKey: w,
+    hideHeader: b,
     rowActions: C,
-    rounded: S = !0
+    rounded: S = !0,
+    reserveFooterSpace: x = !1
   } = i;
   return /* @__PURE__ */ o(
-    y,
+    D,
     {
       initialColumns: t,
-      id: a,
-      testid: f,
+      id: m,
+      testid: s,
       data: d,
-      getId: m,
+      getId: a,
       onRowSelect: p,
-      numberOfColumnsToShow: w,
-      primaryKey: b,
+      numberOfColumnsToShow: v,
+      primaryKey: w,
       children: [
         /* @__PURE__ */ o(
-          M,
+          R,
           {
-            height: "full",
+            height: x ? "calc(100dvh - 40dvh)" : "full",
             rounded: S,
             overflowX: "hidden",
             overflowY: "hidden",
-            className: u ? "border border-border-primary-normal" : void 0,
+            className: h ? "border border-border-primary-normal" : void 0,
             children: [
-              !v && /* @__PURE__ */ r(
-                x,
+              !b && /* @__PURE__ */ r(
+                y,
                 {
-                  header: h,
-                  enableColumnSelector: s,
+                  header: f,
+                  enableColumnSelector: c,
                   enableRowSelection: e
                 }
               ),
               /* @__PURE__ */ r(
-                G,
+                M,
                 {
                   withBorder: !1,
                   renderLink: n,
                   renderChevron: l,
                   enableRowSelection: e,
-                  footer: c,
+                  footer: u,
                   rowActions: C
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ r(D, {})
+        /* @__PURE__ */ r(G, {})
       ]
     }
   );
 }
 export {
-  L as MobileDataGrid
+  P as MobileDataGrid
 };

package/dist/components/ProductImagePreview/MobileImageCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileImageCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/MobileImageCarousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,KAAW,EACX,MAAY,EACZ,aAAa,EACb,YAAY,EACZ,SAAc,GACf,EAAE,wBAAwB,kDA+M1B"}
+{"version":3,"file":"MobileImageCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/MobileImageCarousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,YAAY,EACZ,KAAW,EACX,MAAY,EACZ,aAAa,EACb,YAAY,EACZ,SAAc,GACf,EAAE,wBAAwB,kDA+M1B"}

package/dist/components/ProductImagePreview/MobileImageCarousel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r } from "react/jsx-runtime";
 import { useRef as q, useState as u, useCallback as h, useEffect as C } from "react";
 function H({

package/dist/components/ProductImagePreview/ProductPrimaryImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductPrimaryImage.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/ProductPrimaryImage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,oBAAoB,CAAC,EAAE,CACrB,IAAI,EAAE;QACJ,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,EACR,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAmB,EACnB,YAAkB,EAClB,mBAA2B,EAC3B,SAAc,EACd,aAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,YAAY,GACb,EAAE,wBAAwB,2CAoL1B"}
+{"version":3,"file":"ProductPrimaryImage.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/ProductPrimaryImage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,oBAAoB,CAAC,EAAE,CACrB,IAAI,EAAE;QACJ,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,EACR,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAmB,EACnB,YAAkB,EAClB,mBAA2B,EAC3B,SAAc,EACd,aAAqB,EACrB,YAAY,EACZ,oBAAoB,EACpB,YAAY,GACb,EAAE,wBAAwB,2CAoL1B"}

package/dist/components/ProductImagePreview/ProductPrimaryImage.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as b, jsx as Y } from "react/jsx-runtime";
 import { useRef as M, useState as _, useMemo as G, useCallback as d, useEffect as J } from "react";
 const R = "/placeholder.svg";

package/dist/components/ProductImagePreview/Thumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/Thumbnail.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,EACH,QAAQ,EACR,OAAO,EACP,aAAqB,EACrB,YAAY,GACb,EAAE,cAAc,2CAkChB"}
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/Thumbnail.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,EACH,QAAQ,EACR,OAAO,EACP,aAAqB,EACrB,YAAY,GACb,EAAE,cAAc,2CAkChB"}

package/dist/components/ProductImagePreview/Thumbnail.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { ImagePlaceholder as g } from "../ImagePlaceholder.js";

package/dist/components/ProductImagePreview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/index.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,8GAA8G;AAC9G,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,kDAqMlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/index.tsx"],"names":[],"mappings":"AA0BA,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,8GAA8G;AAC9G,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,kDAqMlE"}

package/dist/components/ProductImagePreview/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import { Thumbnail as x } from "./Thumbnail.js";
 import { Stack as $ } from "../Stack.js";

package/dist/components/ProductImagePreview/useProductImagePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProductImagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/useProductImagePreview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IAEzC,SAAS,EAAE;QACT,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,CAAC;IACT,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAGxC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAGxD,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wBAAwB,EAAE,CACxB,CAAC,EAAE;QACD,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,EACR,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GACjC,4BAA4B,CA4J9B"}
+{"version":3,"file":"useProductImagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/ProductImagePreview/useProductImagePreview.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAE7C,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IAEzC,SAAS,EAAE;QACT,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,CAAC;IACT,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAGxC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAGxD,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,wBAAwB,EAAE,CACxB,CAAC,EAAE;QACD,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,EACR,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GACjC,4BAA4B,CA4J9B"}

package/dist/components/ProductImagePreview/useProductImagePreview.js

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo as O, useState as u, useRef as P, useEffect as Z, useCallback as i } from "react";
 function B(b) {
   const {

package/dist/components/SearchResultImage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchResultImage/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,KAAU,EACV,MAAW,EACX,GAAG,EACH,GAAG,GACJ,EAAE,sBAAsB,2CAsBxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchResultImage/index.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,KAAU,EACV,MAAW,EACX,GAAG,EACH,GAAG,GACJ,EAAE,sBAAsB,2CAsBxB"}

package/dist/components/SearchResultImage/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r, Fragment as n } from "react/jsx-runtime";
 import { useState as s } from "react";
 import { ImagePlaceholder as g } from "../ImagePlaceholder.js";

package/dist/components/Stack.d.ts

@@ -23,7 +23,7 @@ type StackProps = {
     width?: number | "full" | "fit" | "max";
     maxWidth?: number | string;
     minWidth?: number;
-    height?: string | number | "full";
+    height?: string | number | "full" | "fit" | "screen";
     minHeight?: number | string;
     maxHeight?: number | string;
     borderColor?: BorderColorTokens;

package/dist/components/Stack.d.ts.map

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

package/dist/components/Stack.js

@@ -1,10 +1,10 @@
 import { jsx as z } from "react/jsx-runtime";
 import { clsx as f } from "../node_modules/clsx/dist/clsx.js";
 import { paddingYUsingLayoutGroupGap as oo } from "../classNames.js";
-const po = ({ items: p, justify: a, grow: y }) => f(
+const po = ({ items: p, justify: a, grow: b }) => f(
   "flex",
   p === "start" && "items-start",
-  y && "grow",
+  b && "grow",
   p === "start" && "items-start",
   p === "center" && "items-center",
   p === "end" && "items-end",
@@ -24,31 +24,31 @@ const po = ({ items: p, justify: a, grow: y }) => f(
 function no({
   children: p,
   items: a,
-  justify: y,
+  justify: b,
   grow: K,
-  padding: e,
-  paddingX: c,
-  paddingY: n,
-  paddingBottom: m,
-  paddingTop: l,
+  padding: c,
+  paddingX: n,
+  paddingY: m,
+  paddingBottom: l,
+  paddingTop: r,
   paddingLeft: i,
-  paddingRight: r,
+  paddingRight: s,
   margin: M,
   marginX: O,
   marginY: P,
   horizontal: Q,
   horizontalMobile: V,
-  elevation: s = 0,
+  elevation: u = 0,
   rounded: Z,
   centered: _,
-  width: d,
-  minHeight: u,
-  maxWidth: k,
+  width: e,
+  minHeight: k,
+  maxWidth: g,
   minWidth: $,
-  height: b,
-  maxHeight: g,
-  borderColor: w,
-  borderTopColor: N,
+  height: d,
+  maxHeight: y,
+  borderColor: N,
+  borderTopColor: w,
   borderRightColor: I,
   borderBottomColor: G,
   borderLeftColor: j,
@@ -61,34 +61,34 @@ function no({
   position: q,
   top: A,
   left: D,
-  id: h,
-  noGap: B,
-  marginTop: C,
-  marginBottom: W,
-  testid: H,
+  id: B,
+  noGap: C,
+  marginTop: W,
+  marginBottom: H,
+  testid: L,
   bottom: E,
   zIndex: J,
-  flexWrap: L,
-  className: R,
-  unclipEdges: T,
+  flexWrap: R,
+  className: T,
+  unclipEdges: Y,
   ...t
 }) {
-  const Y = po({ items: a, justify: y, grow: K }), X = to(o);
+  const X = po({ items: a, justify: b, grow: K }), h = to(o);
   return /* @__PURE__ */ z(
     "div",
     {
-      id: h,
-      "data-testid": H,
+      id: B,
+      "data-testid": L,
       ...t,
       style: {
-        height: b === "full" ? "100%" : b !== void 0 ? `${b}px` : void 0,
-        maxHeight: g !== void 0 ? isNaN(+g) ? g : `${g}px` : t.style?.maxHeight,
-        maxWidth: k !== void 0 ? isNaN(+k) ? k : `${k}px` : t.style?.maxWidth,
-        minHeight: u !== void 0 ? isNaN(+u) ? u : `${u}px` : t.style?.minHeight,
-        width: d !== void 0 && typeof d == "number" ? `${d}px` : void 0,
+        height: d === "screen" ? "100vh" : d === "full" ? "100%" : d === "fit" ? "fit-content" : d !== void 0 ? isNaN(+d) ? d : `${d}px` : void 0,
+        maxHeight: y !== void 0 ? isNaN(+y) ? y : `${y}px` : t.style?.maxHeight,
+        maxWidth: g !== void 0 ? isNaN(+g) ? g : `${g}px` : t.style?.maxWidth,
+        minHeight: k !== void 0 ? isNaN(+k) ? k : `${k}px` : t.style?.minHeight,
+        width: e !== void 0 && typeof e == "number" ? `${e}px` : void 0,
         minWidth: $ !== void 0 ? `${$}px` : void 0,
-        border: w ? `1px solid var(--color-${w})` : void 0,
-        borderTop: N ? `1px solid var(--color-${N})` : void 0,
+        border: N ? `1px solid var(--color-${N})` : void 0,
+        borderTop: w ? `1px solid var(--color-${w})` : void 0,
         borderRight: I ? `1px solid var(--color-${I})` : void 0,
         borderBottom: G ? `1px solid var(--color-${G})` : void 0,
         borderLeft: j ? `1px solid var(--color-${j})` : void 0,
@@ -102,7 +102,7 @@ function no({
         borderBlock: t.style?.borderBlock,
         marginInline: t.style?.marginInline,
         zIndex: J !== void 0 ? J : void 0,
-        flexWrap: L,
+        flexWrap: R,
         paddingInline: t.style?.paddingInline,
         gap: t.style?.gap,
         ...t.style
@@ -110,9 +110,9 @@ function no({
       className: f(
         "scrollbar-thin",
         "max-w-screen",
-        d !== "fit" && "w-full",
-        d === "full" && "w-full",
-        d === "max" && "w-max",
+        e !== "fit" && "w-full",
+        e === "full" && "w-full",
+        e === "max" && "w-max",
         _ && "mx-auto",
         x == "auto" && "overflow-y-auto",
         x == "hidden" && "overflow-y-hidden",
@@ -120,50 +120,50 @@ function no({
         v == "auto" && "overflow-x-auto",
         v == "hidden" && "overflow-x-hidden",
         v == "scroll" && "overflow-x-scroll",
-        e && o === "container" && "p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding",
-        e && o === "layout" && "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
-        e && o === "layout-group" && "p-mobile-layout-group-padding desktop:p-desktop-layout-group-padding compact:p-desktop-compact-layout-group-padding",
-        e && o === "component" && "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding",
-        c && o === "container" && "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding",
-        c && o === "layout" && "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding",
-        c && o === "layout-group" && "px-mobile-layout-group-padding desktop:px-desktop-layout-group-padding compact:px-desktop-compact-layout-group-padding",
-        c && o === "component" && "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding",
-        n && o === "container" && "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding",
-        n && o === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
-        n && o === "layout-group" && oo,
-        n && o === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
-        m && o === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
-        m && o === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
-        m && o === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
-        m && o === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
-        l && o === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
-        l && o === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
-        l && o === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
-        l && o === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
+        c && o === "container" && "p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding",
+        c && o === "layout" && "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
+        c && o === "layout-group" && "p-mobile-layout-group-padding desktop:p-desktop-layout-group-padding compact:p-desktop-compact-layout-group-padding",
+        c && o === "component" && "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding",
+        n && o === "container" && "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding",
+        n && o === "layout" && "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding",
+        n && o === "layout-group" && "px-mobile-layout-group-padding desktop:px-desktop-layout-group-padding compact:px-desktop-compact-layout-group-padding",
+        n && o === "component" && "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding",
+        m && o === "container" && "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding",
+        m && o === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
+        m && o === "layout-group" && oo,
+        m && o === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
+        l && o === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
+        l && o === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
+        l && o === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
+        l && o === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
+        r && o === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
+        r && o === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
+        r && o === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
+        r && o === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
         i && o === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
         i && o === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
         i && o === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
         i && o === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
-        r && o === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
-        r && o === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
-        r && o === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
-        r && o === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
+        s && o === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
+        s && o === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
+        s && o === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
+        s && o === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
         M && o === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
         O && o === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
-        C && o === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
-        W && o === "container" && "mb-mobile-container-padding desktop:mb-desktop-container-padding compact:mb-compact-container-padding",
+        W && o === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
+        H && o === "container" && "mb-mobile-container-padding desktop:mb-desktop-container-padding compact:mb-compact-container-padding",
         P && o === "container" && "my-mobile-container-padding desktop:my-desktop-container-padding compact:my-compact-container-padding",
         Q ? "desktop:flex-row" : "desktop:flex-col",
         V ? "flex-row" : "flex-col",
-        Y,
-        !B && X,
-        s === 0 && "shadow-none",
-        s === 2 && "shadow-2",
-        s === 4 && "shadow-4",
-        s === 16 && "shadow-16",
+        X,
+        !C && h,
+        u === 0 && "shadow-none",
+        u === 2 && "shadow-2",
+        u === 4 && "shadow-4",
+        u === 16 && "shadow-16",
         Z && "rounded",
-        T && "-m-0.75 p-1",
-        R
+        Y && "-m-0.75 p-1",
+        T
       ),
       children: p
     }