@dmsi/wedgekit-react 2.0.2 → 2.1.0

package/dist/components/Button.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ButtonHTMLAttributes, Ref } from 'react';
+import { ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, Ref } from 'react';
 type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
     ref?: Ref<HTMLButtonElement>;
     as?: React.ElementType;
@@ -9,6 +9,10 @@ type BaseButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">
     disabled?: boolean;
     colorClassName?: string;
     href?: string;
+    /** Only meaningful when `as="a"`. */
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    /** Only meaningful when `as="a"`. */
+    rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
     id?: string;
     testid?: string;
     isLoading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAW7D,KAAK,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,sBAAsB,GACtB,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,GACnB,YAAY,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAIF,KAAK,kBAAkB,GACnB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,GACtF;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,GACtF;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,GACtF;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAChF;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAErF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAE/D,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,EAAa,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,EACd,QAAgB,EAChB,QAAQ,EACR,QAAgB,EAChB,cAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,SAAS,EACT,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,WAAW,2CAiLb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAWnF,KAAK,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,sBAAsB,GACtB,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,GACnB,YAAY,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3D,qCAAqC;IACrC,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAIF,KAAK,kBAAkB,GACnB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,GACtF;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,GACtF;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,GACtF;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAChF;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAErF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAE/D,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,EAAa,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,cAAc,EACd,QAAgB,EAChB,QAAQ,EACR,QAAgB,EAChB,cAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,SAAS,EACT,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,WAAW,2CAiLb"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAapD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CA+OhB"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAcpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,KAAK,OAAO,CAAC;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CAwThB"}

package/dist/components/DateInput.js

@@ -1,194 +1,227 @@
 "use client";
-import { jsxs as F, jsx as f, Fragment as j } from "react/jsx-runtime";
-import { useState as h, useRef as P, useEffect as R, useLayoutEffect as q } from "react";
-import { createPortal as X } from "react-dom";
-import { InputBase as G } from "./Input.js";
-import { CalendarRange as U } from "./CalendarRange.js";
-import { Icon as _ } from "./Icon.js";
-import { findDocumentRoot as H } from "../utils.js";
-import { isValidDate as g, calculateCursorPosition as J } from "../utils/date.js";
-import { formatDateWithDashes as Q, formatInputValueWithDashes as B, parseInputDateWithDashes as b } from "../utils/date-patch-dashes.js";
-import { marginTopUsingComponentGap as Z } from "../classNames.js";
-function me({
-  id: o,
-  testid: w,
-  value: S,
-  onChange: D,
-  placeholder: T = "MM/DD/YYYY",
-  disabled: Y,
-  readOnly: d = !1,
-  label: M,
-  isDateAvailable: $,
-  disableManualInput: z,
-  theme: K,
-  ...W
+import { jsxs as $, jsx as l, Fragment as _ } from "react/jsx-runtime";
+import { useState as D, useRef as k, useEffect as I, useLayoutEffect as J } from "react";
+import { createPortal as Q } from "react-dom";
+import { clsx as Z } from "../node_modules/clsx/dist/clsx.js";
+import { InputBase as O } from "./Input.js";
+import { CalendarRange as T } from "./CalendarRange.js";
+import { Icon as ee } from "./Icon.js";
+import { findDocumentRoot as te } from "../utils.js";
+import { useMatchesMobile as ne } from "../hooks/useMatchesMedia.js";
+import { isValidDate as b, calculateCursorPosition as oe } from "../utils/date.js";
+import { formatDateWithDashes as re, formatInputValueWithDashes as A, parseInputDateWithDashes as E } from "../utils/date-patch-dashes.js";
+import { marginTopUsingComponentGap as ae } from "../classNames.js";
+function xe({
+  id: r,
+  testid: d,
+  value: z,
+  onChange: y,
+  placeholder: K = "MM/DD/YYYY",
+  disabled: j,
+  readOnly: h = !1,
+  label: H,
+  isDateAvailable: V,
+  disableManualInput: q,
+  theme: M,
+  ...X
 }) {
-  const [v, s] = h(!1), [y, p] = h(""), [k, i] = h(!1), C = P(null), n = P(null), I = P(null), [E, A] = h({
+  const [C, f] = D(!1), [x, g] = D(""), [B, p] = D(!1), w = k(null), s = k(null), P = k(null), c = ne(), [F, G] = D({
     top: 0,
     left: 0,
-    width: 0
-  }), l = S;
-  R(() => {
-    k || p(L(l));
-  }, [l, k]), q(() => {
-    v && c();
-  }, [v]);
-  const c = () => {
-    if (I.current) {
-      const e = I.current.getBoundingClientRect();
-      A({
-        top: e.bottom + window.scrollY,
-        left: e.left + window.scrollX,
-        width: e.width
-      });
+    width: 0,
+    openAbove: !1
+  }), u = z;
+  I(() => {
+    B || g(N(u));
+  }, [u, B]), J(() => {
+    C && m();
+  }, [C]);
+  const m = () => {
+    if (P.current) {
+      const e = P.current.getBoundingClientRect(), t = window.innerWidth, a = window.innerHeight, n = 340, i = 400;
+      let o = e.left;
+      o + n > t && (o = e.right - n, o < 0 && (o = Math.max(0, (t - n) / 2)));
+      const v = o + window.scrollX, W = a - e.bottom, U = e.top, Y = W < i && U > W;
+      let R;
+      Y ? R = e.top + window.scrollY - i - 4 : R = e.bottom + window.scrollY + 4, G({ top: R, left: v, width: e.width, openAbove: Y });
     }
   };
-  R(() => {
-    c();
-    const e = new ResizeObserver(c);
-    return n.current && e.observe(n.current), window.addEventListener("scroll", c), () => {
-      e.disconnect(), window.removeEventListener("scroll", c);
+  I(() => {
+    m();
+    const e = new ResizeObserver(m);
+    return s.current && e.observe(s.current), window.addEventListener("scroll", m), () => {
+      e.disconnect(), window.removeEventListener("scroll", m);
     };
-  }, []), R(() => {
+  }, []), I(() => {
     const e = (t) => {
-      t.key === "Escape" && C.current && (s(!1), n.current?.blur());
+      t.key === "Escape" && w.current && (f(!1), s.current?.blur());
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
   });
-  function N(e) {
-    D(e), s(!1), i(!1);
+  function L(e) {
+    y(e), f(!1), p(!1);
   }
-  const V = () => {
-    d || s(!0);
+  const S = () => {
+    h || f(!0);
   };
-  return /* @__PURE__ */ F("div", { className: "relative", children: [
-    /* @__PURE__ */ f(
-      G,
+  return /* @__PURE__ */ $("div", { className: "relative", children: [
+    /* @__PURE__ */ l(
+      O,
       {
-        id: o,
-        testid: w,
+        id: r,
+        testid: d,
         ref: (e) => {
-          n.current = e;
+          s.current = e;
         },
-        ...W,
-        wrapperRef: I,
-        value: y,
-        placeholder: T,
-        disabled: Y,
-        readOnly: d,
-        after: /* @__PURE__ */ f(_, { name: "calendar_month" }),
-        onFocus: z ? (e) => {
+        ...X,
+        wrapperRef: P,
+        value: x,
+        placeholder: K,
+        disabled: j,
+        readOnly: h,
+        after: /* @__PURE__ */ l(ee, { name: "calendar_month" }),
+        onFocus: q ? (e) => {
           e.preventDefault(), e.stopPropagation(), e.currentTarget.blur();
-        } : V,
+        } : S,
         onClick: () => {
-          V();
+          S();
         },
         onChange: (e) => {
-          if (d) return;
-          const t = e.target.value, r = e.target.selectionStart || 0;
-          i(!0);
-          const a = B(t);
-          p(a), requestAnimationFrame(() => {
-            if (n.current) {
-              const m = J(
+          if (h) return;
+          const t = e.target.value, a = e.target.selectionStart || 0;
+          p(!0);
+          const n = A(t);
+          g(n), requestAnimationFrame(() => {
+            if (s.current) {
+              const o = oe(
                 t,
-                a,
-                r
+                n,
+                a
               );
-              n.current.setSelectionRange(m, m);
+              s.current.setSelectionRange(o, o);
             }
           });
-          const u = b(a);
-          u && g(u) && D(u);
+          const i = E(n);
+          i && b(i) && y(i);
         },
         onBlur: () => {
-          i(!1);
-          const e = b(y);
-          (!e || !g(e)) && p(L(l));
+          p(!1);
+          const e = E(x);
+          (!e || !b(e)) && g(N(u));
         },
         onKeyDown: (e) => {
           if (e.key === "Backspace") {
-            const t = e.target, r = t.selectionStart || 0, a = t.value;
-            if (r > 0 && a[r - 1] === "/") {
+            const t = e.target, a = t.selectionStart || 0, n = t.value;
+            if (a > 0 && n[a - 1] === "/") {
               e.preventDefault();
-              const u = a.slice(0, r - 2) + a.slice(r), m = B(u);
-              p(m), requestAnimationFrame(() => {
-                if (n.current) {
-                  const x = Math.max(0, r - 2);
-                  n.current.setSelectionRange(x, x);
+              const i = n.slice(0, a - 2) + n.slice(a), o = A(i);
+              g(o), requestAnimationFrame(() => {
+                if (s.current) {
+                  const v = Math.max(0, a - 2);
+                  s.current.setSelectionRange(v, v);
                 }
-              }), i(!0);
+              }), p(!0);
               return;
             }
           }
           if (e.key === "Enter") {
-            const t = b(y);
-            t && g(t) && (D(t), s(!1), i(!1));
+            const t = E(x);
+            t && b(t) && (y(t), f(!1), p(!1));
           }
         },
-        label: M,
+        label: H,
         secondaryIconColor: !0
       }
     ),
-    v && !d && X(
-      /* @__PURE__ */ F(j, { children: [
-        /* @__PURE__ */ f(
+    C && !h && Q(
+      /* @__PURE__ */ $(_, { children: [
+        /* @__PURE__ */ l(
           "div",
           {
-            className: "fixed inset-0 z-30",
-            onClick: () => s(!1),
+            className: Z(
+              "fixed inset-0 z-30",
+              c && "overflow-y-auto bg-neutral-600/50"
+            ),
+            "data-theme": M,
+            onClick: () => f(!1),
             onMouseDown: (e) => {
-              e.preventDefault();
+              c || e.preventDefault();
             },
             onWheel: (e) => {
-              const t = document.scrollingElement ?? document.documentElement;
-              t.scrollTop += e.deltaY, t.scrollLeft += e.deltaX;
+              if (!c) {
+                const t = document.scrollingElement ?? document.documentElement;
+                t.scrollTop += e.deltaY, t.scrollLeft += e.deltaX;
+              }
             },
             onTouchMove: (e) => {
-              e.stopPropagation();
+              c || e.stopPropagation();
             },
-            style: { touchAction: "pan-y pan-x" },
-            "aria-hidden": "true"
+            style: { touchAction: c ? "auto" : "pan-y pan-x" },
+            "aria-hidden": "true",
+            children: c && /* @__PURE__ */ l("div", { className: "min-h-full flex items-start justify-center py-4 px-2", children: /* @__PURE__ */ l(
+              "div",
+              {
+                ref: (e) => {
+                  w.current = e;
+                },
+                className: "bg-background-primary-normal rounded-base shadow-4 max-w-full",
+                onClick: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ l(
+                  T,
+                  {
+                    id: r ? `${r}-calendar` : void 0,
+                    testid: d ? `${d}-calendar` : void 0,
+                    from: u,
+                    to: u,
+                    onChange: L,
+                    cardStyle: !0,
+                    mode: "single",
+                    disableRange: !0,
+                    isDateAvailable: V
+                  }
+                )
+              }
+            ) })
           }
         ),
-        /* @__PURE__ */ f(
+        !c && /* @__PURE__ */ l(
           "div",
           {
             ref: (e) => {
-              C.current = e;
+              w.current = e;
             },
-            className: `absolute z-50 ${Z}`,
-            "data-theme": K,
+            className: `absolute z-50 ${ae}`,
+            "data-theme": M,
             style: {
-              top: `${E.top}px`,
-              left: `${E.left}px`
+              top: `${F.top}px`,
+              left: `${F.left}px`
             },
-            children: /* @__PURE__ */ f(
-              U,
+            children: /* @__PURE__ */ l(
+              T,
               {
-                id: o ? `${o}-calendar` : void 0,
-                testid: w ? `${w}-calendar` : void 0,
-                from: l,
-                to: l,
-                onChange: N,
+                id: r ? `${r}-calendar` : void 0,
+                testid: d ? `${d}-calendar` : void 0,
+                from: u,
+                to: u,
+                onChange: L,
                 cardStyle: !0,
                 mode: "single",
                 disableRange: !0,
-                isDateAvailable: $
+                isDateAvailable: V
               }
             )
           }
         )
       ] }),
-      H(C.current)
+      te(w.current)
     )
   ] });
 }
-function L(o) {
-  return !o || !g(o) ? "" : Q(o);
+function N(r) {
+  return !r || !b(r) ? "" : re(r);
 }
 export {
-  me as DateInput
+  xe as DateInput
 };

package/dist/components/Link.d.ts

@@ -10,7 +10,8 @@ export type LinkProps = AsProps & TextAttributes & TypographyProps & {
     underline?: boolean;
     id?: string;
     testid?: string;
+    block?: boolean;
     addOverflow?: boolean;
 };
-export declare function Link({ as, className, variant, typographyStyle, disabled, color, paddedY, align, underline, testid, active, addOverflow, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ as, className, variant, typographyStyle, disabled, color, paddedY, align, underline, testid, active, block, addOverflow, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,MAAM,MAAM,SAAS,GAAG,OAAO,GAC7B,cAAc,GACd,eAAe,GAAG;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,EAAQ,EACR,SAAS,EACT,OAAmB,EACnB,eAA6B,EAC7B,QAAgB,EAChB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACT,EAAE,SAAS,2CAkFX"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,MAAM,MAAM,SAAS,GAAG,OAAO,GAC7B,cAAc,GACd,eAAe,GAAG;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,wBAAgB,IAAI,CAAC,EACnB,EAAQ,EACR,SAAS,EACT,OAAmB,EACnB,eAA6B,EAC7B,QAAgB,EAChB,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAiB,EACjB,MAAM,EACN,MAAM,EACN,KAAa,EACb,WAAW,EACX,GAAG,KAAK,EACT,EAAE,SAAS,2CAmFX"}

package/dist/components/Link.js

@@ -1,7 +1,7 @@
-import { jsx as Y } from "react/jsx-runtime";
+import { jsx as C } from "react/jsx-runtime";
 import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
-import { baseTransition as C, typography as l, componentPaddingY as D } from "../classNames.js";
-function P({
+import { baseTransition as D, typography as l, componentPaddingY as I } from "../classNames.js";
+function T({
   as: x = "a",
   className: s,
   variant: r = "primary",
@@ -11,23 +11,24 @@ function P({
   paddedY: p,
   align: i,
   underline: d = !1,
-  testid: m,
+  testid: f,
   active: n,
-  addOverflow: y,
+  block: m = !1,
+  addOverflow: u,
   ...a
 }) {
-  const f = x, u = r === "primary" && !t && e(
+  const y = x, v = r === "primary" && !t && e(
     n ? "text-text-link-active" : "text-text-link-normal",
     "hover:text-text-link-hover active:text-text-link-active"
-  ), v = r === "secondary" && !t && e(
+  ), h = r === "secondary" && !t && e(
     n ? "text-text-link-active" : "text-text-primary-normal",
     "hover:text-text-link-hover active:text-text-link-active"
-  ), h = r === "critical" && !t && e(
+  ), S = r === "critical" && !t && e(
     n ? "text-text-action-critical-active" : "text-text-action-critical-normal",
     "hover:text-text-action-critical-hover active:text-text-action-critical-active"
-  ), S = t && r === "critical" && e("text-text-action-critical-disabled"), k = t && ["primary", "secondary"].includes(r) && e("text-text-link-disabled"), g = t && e("pointer-events-none cursor-default"), w = d ? "decoration-current" : "decoration-decoration-underline", j = p && D;
-  return /* @__PURE__ */ Y(
-    f,
+  ), k = t && r === "critical" && e("text-text-action-critical-disabled"), g = t && ["primary", "secondary"].includes(r) && e("text-text-link-disabled"), w = t && e("pointer-events-none cursor-default"), j = d ? "decoration-current" : "decoration-decoration-underline", Y = p && I;
+  return /* @__PURE__ */ C(
+    y,
     {
       className: e(
         "inline",
@@ -36,22 +37,23 @@ function P({
         !t && "hover:decoration-current",
         !t && "active:decoration-decoration-underline",
         "flex flex-col items-center justify-center",
-        C,
-        u,
+        D,
         v,
         h,
         S,
         k,
         g,
         w,
+        j,
         o === "caption" && l.caption,
         o === "paragraph" && l.paragraph,
         i === "left" && "text-left",
         i === "center" && "text-center",
         i === "right" && "text-right",
-        j,
-        y && "whitespace-nowrap text-ellipsis overflow-hidden",
-        s
+        Y,
+        u && "whitespace-nowrap text-ellipsis overflow-hidden",
+        s,
+        m ? "w-full" : "w-fit"
       ),
       ...a,
       style: {
@@ -60,10 +62,10 @@ function P({
       },
       "aria-disabled": t,
       tabIndex: t ? -1 : void 0,
-      "data-testid": m
+      "data-testid": f
     }
   );
 }
 export {
-  P as Link
+  T as Link
 };

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/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"}