@base-framework/ui 1.2.35 → 1.2.37

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-import { c as t, f as e, h as n, i as o, k as l, l as i, m as u, n as r, t as p, w as I, J as g, L as c, M as d, N as m, O as F, P as T, Q as B, R as S, S as b, T as C, U as x, a0 as f, a7 as P, a8 as h, a9 as k, ac as M, ad as U, ae as w, ai as E, an as G, au as L, ax as N, aB as R, aC as Z, aE as D, aF as H, aG as J, aK as Q, aP as V, aQ as W, aS as v, aW as K, aX as O, aY as X, aZ as Y, b0 as j, b1 as q, b2 as y, b5 as z, b6 as A } from "./full-page-o3ZyRrhO.js";
+import { c as t, f as e, h as n, i as o, k as l, l as i, m as u, n as r, t as p, w as I, J as g, L as c, M as d, N as m, O as F, P as T, Q as B, R as S, S as b, T as C, U as x, a0 as f, a7 as P, a8 as h, a9 as k, ac as M, ad as U, ae as w, ai as E, an as G, au as L, ax as N, aB as R, aC as Z, aE as D, aF as H, aG as J, aK as Q, aP as V, aQ as W, aS as v, aW as K, aX as O, aY as X, aZ as Y, b0 as j, b1 as q, b2 as y, b5 as z, b6 as A } from "./full-page-8QnW4jBp.js";
 import { S as $ } from "./skeleton-BlY3opxG.js";
 export {
   t as Badge,

package/dist/{confirmation-CGMZ-lmm.js → confirmation-C4LCqeSd.js}

@@ -1,8 +1,8 @@
-import { Component as c, Html as m, Dom as y, base as w, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
-import { Li as v, Span as u, Div as r, Ul as D, Button as S, I as x, OnState as B, Time as Y } from "@base-framework/atoms";
-import { az as k, b8 as C, f as h, at as N, F as O } from "./full-page-o3ZyRrhO.js";
-import { List as F, DynamicTime as E } from "@base-framework/organisms";
-class X extends c {
+import { Component as d, Html as m, Dom as y, base as v, Data as T, Builder as b, DateTime as g } from "@base-framework/base";
+import { Li as S, Span as p, Div as a, Ul as w, Button as D, I as x, OnState as Y, Time as B } from "@base-framework/atoms";
+import { az as k, b8 as C, f as c, at as E, F as L } from "./full-page-8QnW4jBp.js";
+import { List as N, DynamicTime as M } from "@base-framework/organisms";
+class X extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -23,45 +23,45 @@ class X extends c {
       m.removeElement(t);
       return;
     }
-    y.addClass(t, s), w.on("animationend", t, (o) => m.removeElement(t));
+    y.addClass(t, s), v.on("animationend", t, (o) => m.removeElement(t));
   }
 }
-const L = (e) => u({ class: "ml-auto text-xs tracking-widest opacity-60" }, e), M = (e) => u({ class: "flex w-4 h-4", html: e }), P = (e) => u({ class: "flex-auto" }, e), I = (e, t) => v({
+const O = (e) => p({ class: "ml-auto text-xs tracking-widest opacity-60" }, e), F = (e) => p({ class: "flex w-4 h-4", html: e }), P = (e) => p({ class: "flex-auto" }, e), I = (e, t) => S({
   class: "relative flex cursor-pointer hover:bg-muted/50 select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   click: () => t(e)
 }, [
-  e.icon && M(e.icon),
+  e.icon && F(e.icon),
   P(e.label),
-  e.shortcut && L(e.shortcut)
-]), A = (e, t) => D({ class: "grid gap-2" }, [
+  e.shortcut && O(e.shortcut)
+]), _ = (e, t) => w({ class: "grid gap-2" }, [
   e.map((s) => I(s, t))
-]), z = (e) => r({ class: "w-full z-10" }, [
-  r({
+]), A = (e) => a({ class: "w-full z-10" }, [
+  a({
     class: "max-h-60 border rounded-md overflow-y-auto p-1 grid gap-2 divide-y divide-border",
-    for: ["groups", (t) => A(t, e)]
+    for: ["groups", (t) => _(t, e)]
   })
-]), U = ({ label: e, icon: t, toggleDropdown: s }) => S({
+]), z = ({ label: e, icon: t, toggleDropdown: s }) => D({
   cache: "button",
   class: `inline-flex items-center justify-between rounded-md border
 			px-2 py-2 text-sm font-medium hover:bg-muted
 			focus:outline-none transition duration-150 ease-in-out`,
   click: s
 }, [
-  e && u(e),
+  e && p(e),
   t && x({ html: t })
-]), $ = ({ onSelect: e }) => r([
-  B(
+]), U = ({ onSelect: e }) => a([
+  Y(
     "open",
     (t, s, o) => t ? new k({
       cache: "dropdown",
       parent: o,
       button: o.button
     }, [
-      z(e)
+      A(e)
     ]) : null
   )
 ]);
-class Z extends c {
+class Z extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -114,18 +114,18 @@ class Z extends c {
    * @returns {object}
    */
   render() {
-    return r({ class: "relative" }, [
-      U({
+    return a({ class: "relative" }, [
+      z({
         label: this.label,
         icon: this.icon,
         toggleDropdown: this.toggleDropdown.bind(this)
       }),
-      $({ onSelect: this.handleSelect.bind(this) })
+      U({ onSelect: this.handleSelect.bind(this) })
     ]);
   }
 }
-const H = (e) => b.render(e, app.root);
-class W extends c {
+const $ = (e) => b.render(e, app.root);
+class W extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -190,8 +190,8 @@ class W extends c {
    */
   getButtons() {
     return [
-      h({ variant: "outline", click: () => this.destroy() }, "Cancel"),
-      this.hidePrimaryButton !== !0 && h({ variant: "primary", type: "submit" }, "Save")
+      c({ variant: "outline", click: () => this.destroy() }, "Cancel"),
+      this.hidePrimaryButton !== !0 && c({ variant: "primary", type: "submit" }, "Save")
     ];
   }
   /**
@@ -259,7 +259,7 @@ class W extends c {
    * @returns {void}
    */
   open() {
-    H(this), this.showModal();
+    $(this), this.showModal();
   }
   /**
    * This will destroy the modal.
@@ -306,10 +306,21 @@ class G {
       modalContent: o = null,
       modalBody: i = null,
       closeThreshold: n = 150,
-      snapThreshold: a = 50,
-      onClose: p = null
+      snapThreshold: r = 50,
+      onClose: h = null
     } = t;
-    this.modal = s, this.modalContent = o, this.modalBody = i, this.closeThreshold = n, this.snapThreshold = a, this.onClose = p, this.reset();
+    this.modal = s, this.modalContent = o, this.modalBody = i, this.closeThreshold = n, this.snapThreshold = r, this.onClose = h, this._boundTouchStart = this.handleTouchStart.bind(this), this._boundTouchMove = this.handleTouchMove.bind(this), this._boundTouchEnd = this.handleTouchEnd.bind(this), this.reset(), this.modalContent && this._bindListeners();
+  }
+  /**
+   * Registers touch event listeners on the modal content element.
+   * touchmove uses { passive: false } so preventDefault() can block scroll
+   * while the drawer is being dragged.
+   *
+   * @private
+   * @returns {void}
+   */
+  _bindListeners() {
+    this.modalContent.addEventListener("touchstart", this._boundTouchStart, { passive: !0 }), this.modalContent.addEventListener("touchmove", this._boundTouchMove, { passive: !1 }), this.modalContent.addEventListener("touchend", this._boundTouchEnd, { passive: !0 });
   }
   /**
    * Resets the drag state to initial values
@@ -322,7 +333,14 @@ class G {
       startY: 0,
       currentY: 0,
       startScrollTop: 0,
-      canDrag: !1
+      canDrag: !1,
+      /**
+       * True if the body has scrolled during this gesture.
+       * Prevents drag from starting mid-gesture on iOS when rubber-band
+       * overscroll briefly resets scrollTop to 0 at the bottom boundary.
+       * @type {boolean}
+       */
+      hasScrolled: !1
     };
   }
   /**
@@ -340,10 +358,10 @@ class G {
    * @returns {void}
    */
   handleTouchStart(t) {
-    if (!this.modalBody)
+    if (!this.modal)
       return;
-    const s = t.touches[0];
-    this.state.startY = s.clientY, this.state.currentY = s.clientY, this.state.startScrollTop = this.modalBody.scrollTop, this.state.canDrag = this.modalBody.scrollTop === 0;
+    const s = t.touches[0], o = this.modal.scrollTop;
+    this.state.startY = s.clientY, this.state.currentY = s.clientY, this.state.startScrollTop = o, this.state.hasScrolled = !1, this.state.canDrag = o <= 1;
   }
   /**
    * Handles touch move event
@@ -352,18 +370,20 @@ class G {
    * @returns {void}
    */
   handleTouchMove(t) {
-    if (!this.modalContent || !this.modalBody)
+    if (!this.modal || !this.modalContent)
       return;
     const s = t.touches[0];
     this.state.currentY = s.clientY;
-    const o = this.getDeltaY();
-    if (!this.state.isDragging && this.state.canDrag && o > 0 && this.modalBody.scrollTop === 0 && (this.state.isDragging = !0), this.state.isDragging && o > 0) {
+    const o = this.getDeltaY(), i = this.modal.scrollTop;
+    i !== this.state.startScrollTop && (this.state.hasScrolled = !0);
+    const n = this.state.canDrag && !this.state.hasScrolled;
+    if (!this.state.isDragging && n && o > 0 && i <= 1 && (this.state.isDragging = !0), this.state.isDragging && o > 0) {
       t.preventDefault();
-      const i = this.calculateTranslateY(o);
-      this.modal.style.transform = `translateY(${i}px)`, this.modal.style.transition = "none";
-      const n = this.calculateBackdropOpacity(o);
-      this.updateBackdropOpacity(n);
-    } else this.modalBody.scrollTop > 0 && (this.state.canDrag = !1);
+      const r = this.calculateTranslateY(o);
+      this.modal.style.transform = `translateY(${r}px)`, this.modal.style.transition = "none";
+      const h = this.calculateBackdropOpacity(o);
+      this.updateBackdropOpacity(h);
+    } else i > 1 && (this.state.canDrag = !1);
   }
   /**
    * Handles touch end event
@@ -447,7 +467,7 @@ class G {
    * @returns {void}
    */
   destroy() {
-    this.reset(), this.modal = null, this.onClose = null;
+    this.modalContent && (this.modalContent.removeEventListener("touchstart", this._boundTouchStart), this.modalContent.removeEventListener("touchmove", this._boundTouchMove), this.modalContent.removeEventListener("touchend", this._boundTouchEnd)), this.reset(), this.modal = null, this.modalContent = null, this.onClose = null;
   }
 }
 class tt extends W {
@@ -465,8 +485,7 @@ class tt extends W {
    * @returns {object}
    */
   getContainerProps() {
-    const t = {};
-    return this.swipeToClose && (t.gestureHandlers = this.getGestureHandlers()), t;
+    return {};
   }
   /**
    * Renders the drawer with gesture handlers
@@ -486,8 +505,8 @@ class tt extends W {
         // @ts-ignore
         titleCenter: this.titleCenter,
         onSubmit: (n) => {
-          let a = !0;
-          this.onSubmit && (a = this.onSubmit(n)), a !== !1 && this.destroy();
+          let r = !0;
+          this.onSubmit && (r = this.onSubmit(n)), r !== !1 && this.destroy();
         },
         icon: this.icon,
         back: this.back ?? !1,
@@ -516,20 +535,6 @@ class tt extends W {
       onClose: () => this.destroy()
     }));
   }
-  /**
-   * Gets gesture event handlers for modal content.
-   * Returns event props to be spread onto the modal-content element.
-   * Handlers are bound methods that will work once gesture is initialized.
-   *
-   * @returns {object}
-   */
-  getGestureHandlers() {
-    return this.swipeToClose ? {
-      touchstart: (t) => this.gesture?.handleTouchStart(t),
-      touchmove: (t) => this.gesture?.handleTouchMove(t),
-      touchend: (t) => this.gesture?.handleTouchEnd(t)
-    } : {};
-  }
   /**
    * Cleans up before destroy
    *
@@ -540,20 +545,20 @@ class tt extends W {
     this.gesture && (this.gesture.destroy(), this.gesture = null), super.beforeDestroy();
   }
 }
-let _ = 0;
-class et extends c {
+let H = 0;
+class et extends d {
   /**
    * This will render the component.
    *
    * @returns {object}
    */
   render() {
-    return r({ class: "notification-container pointer-events-none inset-auto bg-transparent backdrop:bg-transparent overflow-visible fixed bottom-[80px] right-0 z-50 p-5", popover: "manual" }, [
-      new F({
+    return a({ class: "notification-container pointer-events-none inset-auto bg-transparent backdrop:bg-transparent overflow-visible fixed bottom-[80px] right-0 z-50 p-5", popover: "manual" }, [
+      new N({
         cache: "list",
         key: "id",
         role: "list",
-        rowItem: (t) => new N(t)
+        rowItem: (t) => new E(t)
       })
     ]);
   }
@@ -564,7 +569,7 @@ class et extends c {
    * @returns {void}
    */
   addNotice(t = {}) {
-    t.id = _++, t.callBack = () => this.removeNotice(t), this?.list?.append([t]), this?.panel?.hidePopover(), this?.panel?.showPopover();
+    t.id = H++, t.callBack = () => this.removeNotice(t), this?.list?.append([t]), this?.panel?.hidePopover(), this?.panel?.showPopover();
   }
   /**
    * This will remove a notification.
@@ -576,7 +581,7 @@ class et extends c {
     this?.list?.delete(t.id), this?.list?.isEmpty() && this?.panel?.hidePopover();
   }
 }
-const d = {
+const u = {
   ONLINE: "online",
   OFFLINE: "offline",
   BUSY: "busy",
@@ -586,18 +591,18 @@ const d = {
   OFFLINE: "bg-gray-500",
   BUSY: "bg-red-500",
   AWAY: "bg-yellow-500"
-}, j = (e = "") => (e = e.toUpperCase(), l[e] || l.OFFLINE), st = (e) => r({
+}, j = (e = "") => (e = e.toUpperCase(), l[e] || l.OFFLINE), st = (e) => a({
   class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${j(e)}`
-}), ot = ({ propName: e = "status" } = {}) => r({
+}), ot = ({ propName: e = "status" } = {}) => a({
   class: "absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full",
   onSet: [e, {
-    [l.ONLINE]: d.ONLINE,
-    [l.OFFLINE]: d.OFFLINE,
-    [l.BUSY]: d.BUSY,
-    [l.AWAY]: d.AWAY
+    [l.ONLINE]: u.ONLINE,
+    [l.OFFLINE]: u.OFFLINE,
+    [l.BUSY]: u.BUSY,
+    [l.AWAY]: u.AWAY
   }]
-}), it = ({ dateTime: e = "", remoteTimeZone: t = "America/Denver", filter: s = null }) => Y([
-  new E({
+}), it = ({ dateTime: e = "", remoteTimeZone: t = "America/Denver", filter: s = null }) => B([
+  new M({
     dateTime: e,
     filter: s || ((o) => {
       const i = g.getLocalTime(o, !0, !1, t);
@@ -631,7 +636,7 @@ const d = {
     iconColor: "text-muted-foreground"
   }
 };
-class J extends c {
+class J extends d {
   /**
    * This will declare the props for the compiler.
    *
@@ -646,12 +651,12 @@ class J extends c {
    * @returns {object}
    */
   render() {
-    const t = (p) => {
-      p.target === this.panel && this.close();
-    }, { borderColor: s, bgColor: o, iconColor: i } = f[this.type] || f.default, n = `${this.getMainClass()} ${o} ${s}`, a = this.title || "Dialog Title";
-    return O({
+    const t = (h) => {
+      h.target === this.panel && this.close();
+    }, { borderColor: s, bgColor: o, iconColor: i } = f[this.type] || f.default, n = `${this.getMainClass()} ${o} ${s}`, r = this.title || "Dialog Title";
+    return L({
       class: n,
-      title: a,
+      title: r,
       click: t,
       icon: this.icon,
       iconColor: i,
@@ -666,7 +671,7 @@ class J extends c {
    */
   getButtons() {
     return this.hideFooter ? null : this.buttons ? this.buttons : [
-      h({ variant: "outline", click: () => this.close() }, "Close")
+      c({ variant: "outline", click: () => this.close() }, "Close")
     ];
   }
   /**
@@ -721,8 +726,8 @@ class nt extends J {
   getButtons() {
     const t = this.confirmTextLabel || "Confirm";
     return [
-      h({ variant: "outline", click: () => this.close() }, "Cancel"),
-      h({ variant: "primary", click: () => this.confirm() }, t)
+      c({ variant: "outline", click: () => this.close() }, "Cancel"),
+      c({ variant: "primary", click: () => this.confirm() }, t)
     ];
   }
   /**
@@ -739,11 +744,11 @@ export {
   X as D,
   W as M,
   et as N,
-  d as S,
+  u as S,
   it as T,
   J as a,
   tt as b,
-  z as c,
+  A as c,
   I as d,
   Z as e,
   l as f,

package/dist/{full-page-o3ZyRrhO.js → full-page-8QnW4jBp.js}

@@ -1325,7 +1325,7 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
   return o({
     popover: "manual",
     // @ts-ignore
-    class: `modal ${s ? "" : "m-auto top-0 right-0 bottom-0 left-0"} ${s ? "" : "h-full max-h-screen"} fixed z-20 grid w-full gap-2 lg:border bg-background text-foreground shadow-xl wrap-break-words p-0 overflow-y-auto ${e.class}`,
+    class: `modal ${s ? "" : "m-auto top-0 right-0 bottom-0 left-0"} ${s ? "" : "h-full max-h-screen"} fixed z-20 grid w-full gap-2 lg:border bg-background text-foreground shadow-xl wrap-break-words p-0 overflow-y-auto overscroll-y-contain ${e.class}`,
     click: (l, i) => {
       l.target === i.panel && (l.preventDefault(), l.stopPropagation(), i.state.open = !1);
     }
@@ -1334,9 +1334,7 @@ const gs = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
       class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
       // @ts-ignore
       submit: (l, i) => e.onSubmit && e.onSubmit(i),
-      cache: "modalContent",
-      // @ts-ignore
-      ...e.gestureHandlers
+      cache: "modalContent"
     }, [
       vs(e),
       o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-o3ZyRrhO.js";
+import { A as s, a as o, B as t, b as n, c as r, d as l, e as i, f as u, C as p, g as m, h as d, i as g, j as c, k as T, l as b, m as I, n as C, o as S, p as F, q as D, r as B, D as P, s as k, t as M, u as v, v as N, w as f, x, y as h, z as y, E as U, F as W, G as w, H as L, I as H, J as A, K as G, L as R, M as E, N as O, O as V, P as Z, Q as j, R as J, S as _, T as q, U as z, V as K, W as Q, X, Y, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as na, a4 as ra, a5 as la, a6 as ia, a7 as ua, a8 as pa, a9 as ma, aa as da, ab as ga, ac as ca, ad as Ta, ae as ba, af as Ia, ag as Ca, ah as Sa, ai as Fa, aj as Da, ak as Ba, al as Pa, am as ka, an as Ma, ao as va, ap as Na, aq as fa, ar as xa, as as ha, at as ya, au as Ua, av as Wa, aw as wa, ax as La, ay as Ha, az as Aa, aA as Ga, aB as Ra, aC as Ea, aD as Oa, aE as Va, aF as Za, aG as ja, aH as Ja, aI as _a, aJ as qa, aK as za, aL as Ka, aM as Qa, aN as Xa, aO as Ya, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as ne, aW as re, aX as le, aY as ie, aZ as ue, a_ as pe, a$ as me, b0 as de, b1 as ge, b2 as ce, b3 as Te, b4 as be, b5 as Ie, b6 as Ce, b7 as Se } from "./full-page-8QnW4jBp.js";
 import { S as De } from "./skeleton-BlY3opxG.js";
 import { Icons as Pe, MaterialSymbols as ke } from "./icons.es.js";
-import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-CGMZ-lmm.js";
-import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-CgtSgfCe.js";
-import { S as ms } from "./sidebar-menu-mYgytpVA.js";
-import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-DXi2h9YO.js";
+import { C as ve, D as Ne, a as fe, b as xe, c as he, d as ye, e as Ue, M as We, N as we, S as Le, f as He, g as Ae, h as Ge, T as Re, i as Ee } from "./confirmation-C4LCqeSd.js";
+import { B as Ve, I as Ze, N as je, P as Je, S as _e, T as qe, a as ze, b as Ke, U as Qe, c as Xe, d as Ye, e as $e, W as as, f as es, g as ss, h as os, i as ts, j as ns, k as rs, l as ls, m as is, n as us } from "./signature-panel-ij4f7Q0J.js";
+import { S as ms } from "./sidebar-menu-Dge07Ioy.js";
+import { B as gs, C as cs, F as Ts, a as bs, S as Is } from "./sidebar-menu-page-B0Mx6PQz.js";
 import { A as Ss, B as Fs, F as Ds, M as Bs, T as Ps, a as ks } from "./bside-template-C7AQgQ6H.js";
 import { F as vs, c as Ns } from "./format-DE4rFWuD.js";
 import { I as xs } from "./image-scaler-1G-JzJVG.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-o3ZyRrhO.js";
-import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-CGMZ-lmm.js";
+import { A as s, a as t, e, o as r, p as i, q as n, r as m, u as l, v as d, z as C, E as p, F as D, H as S, K as u, V as c, W as g, X as F, Y as T, Z as f, _ as b, $ as w, a1 as A, a2 as I, a3 as M, aa as P, af as y, aj as B, at as R, ay as U, az as k, aM as v, aR as x, aT as E, aV as L, b4 as N } from "./full-page-8QnW4jBp.js";
+import { C as z, D as V, a as _, b as j, c as q, d as G, e as H, M as K, N as O, S as W, f as X, g as Y, h as Z, T as $, i as J } from "./confirmation-C4LCqeSd.js";
 export {
   s as Alert,
   t as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-o3ZyRrhO.js";
-import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-CgtSgfCe.js";
-import { S as da } from "./sidebar-menu-mYgytpVA.js";
+import { B as s, b as n, C as t, g as r, j as o, D as l, s as i, x as d, y as b, G as u, I as g, a4 as p, a6 as v, ab as D, ag as N, ak as T, al as k, am as C, ao as c, ap as m, aq as y, ar as B, as as S, av as h, aA as M, aD as W, aH as I, aI as U, aJ as H, aL as x, aN as P, aO as L, aU as f, a_ as G, a$ as O, b3 as j, b7 as F } from "./full-page-8QnW4jBp.js";
+import { B as w, I as A, N as J, P as R, S as _, T as $, a as z, b as E, U as K, c as Q, d as V, e as X, W as Y, f as Z, g as aa, h as ea, i as sa, j as na, k as ta, l as ra, m as oa, n as la } from "./signature-panel-ij4f7Q0J.js";
+import { S as da } from "./sidebar-menu-Dge07Ioy.js";
 export {
   s as BackButton,
   n as Backdrop,

package/dist/pages.es.js

@@ -1,5 +1,5 @@
-import { d as s, a5 as g, ah as n, aw as P } from "./full-page-o3ZyRrhO.js";
-import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-DXi2h9YO.js";
+import { d as s, a5 as g, ah as n, aw as P } from "./full-page-8QnW4jBp.js";
+import { B as r, C as o, F as i, a as t, S as u } from "./sidebar-menu-page-B0Mx6PQz.js";
 export {
   s as BasicPage,
   r as BlankPage,

package/dist/{sidebar-menu-mYgytpVA.js → sidebar-menu-Dge07Ioy.js}

@@ -1,5 +1,5 @@
 import { Div as r, Header as x, H1 as c } from "@base-framework/atoms";
-import { ab as n } from "./full-page-o3ZyRrhO.js";
+import { ab as n } from "./full-page-8QnW4jBp.js";
 const b = ({ title: l, options: a, class: s = "", mobileBorder: t = !1, sticky: e = !1, topNav: o = null, bottomNav: p = null }) => r({ class: `pb-12 p-4 pt-0 lg:p-6 lg:border-r w-full lg:max-w-[300px] flex-auto flex-col ${s}` }, [
   o,
   l && x({ class: "pb-4 md:pb-2 px-6 flex" }, [

package/dist/{sidebar-menu-page-DXi2h9YO.js → sidebar-menu-page-B0Mx6PQz.js}

@@ -1,7 +1,7 @@
 import { Div as s } from "@base-framework/atoms";
-import { d as a, ah as i, aw as r, al as n } from "./full-page-o3ZyRrhO.js";
+import { d as a, ah as i, aw as r, al as n } from "./full-page-8QnW4jBp.js";
 import { F as l, A as d } from "./bside-template-C7AQgQ6H.js";
-import { S as c } from "./sidebar-menu-mYgytpVA.js";
+import { S as c } from "./sidebar-menu-Dge07Ioy.js";
 class f extends a {
   /**
    * This will render the page.

package/dist/{signature-panel-CgtSgfCe.js → signature-panel-ij4f7Q0J.js}

@@ -1,6 +1,6 @@
 import { Div as r, Button as v, On as j, Span as T, Nav as f, Ul as p, Section as y, Li as w, Canvas as z } from "@base-framework/atoms";
 import { Component as k, Data as I, DateTime as U, router as b, NavLink as S, base as L, Dom as B } from "@base-framework/base";
-import { f as C, av as A, b0 as u, a7 as F } from "./full-page-o3ZyRrhO.js";
+import { f as C, av as A, b0 as u, a7 as F } from "./full-page-8QnW4jBp.js";
 import { Icons as D } from "./icons.es.js";
 import { IntervalTimer as O } from "@base-framework/organisms";
 class Lt extends k {

package/dist/types/components/molecules/modals/drawer/drawer-gesture.d.ts

@@ -39,6 +39,18 @@ export class DrawerGesture {
     closeThreshold: number;
     snapThreshold: number;
     onClose: Function;
+    _boundTouchStart: any;
+    _boundTouchMove: any;
+    _boundTouchEnd: any;
+    /**
+     * Registers touch event listeners on the modal content element.
+     * touchmove uses { passive: false } so preventDefault() can block scroll
+     * while the drawer is being dragged.
+     *
+     * @private
+     * @returns {void}
+     */
+    private _bindListeners;
     /**
      * Resets the drag state to initial values
      *
@@ -51,6 +63,13 @@ export class DrawerGesture {
         currentY: number;
         startScrollTop: number;
         canDrag: boolean;
+        /**
+         * True if the body has scrolled during this gesture.
+         * Prevents drag from starting mid-gesture on iOS when rubber-band
+         * overscroll briefly resets scrollTop to 0 at the bottom boundary.
+         * @type {boolean}
+         */
+        hasScrolled: boolean;
     };
     /**
      * Checks if the viewport is mobile size

package/dist/types/components/molecules/modals/drawer/drawer.d.ts

@@ -55,13 +55,5 @@ export class Drawer extends Modal {
      * @returns {object}
      */
     getContainerProps(): object;
-    /**
-     * Gets gesture event handlers for modal content.
-     * Returns event props to be spread onto the modal-content element.
-     * Handlers are bound methods that will work once gesture is initialized.
-     *
-     * @returns {object}
-     */
-    getGestureHandlers(): object;
 }
 import { Modal } from '../modal.js';

package/dist/types/components/molecules/modals/modal-container.d.ts

@@ -14,7 +14,6 @@
  * @param {Array} [props.buttons=[]] - Footer buttons
  * @param {boolean} [props.hideFooter=false] - Hide footer section
  * @param {Function} [props.onSubmit] - Form submission handler
- * @param {object} [props.gestureHandlers] - Touch gesture handlers for drawer
  * @param {boolean} [props.titleCenter=false] - Center title and description vertically in header
  * @param {Array} children - Modal body content
  * @returns {object}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.2.35",
+	"version": "1.2.37",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {