@companix/uikit 0.1.37 → 0.1.39

package/dist/Popup/index.d.ts

@@ -6,6 +6,8 @@ export interface PopupLayotProps {
     defaultOpen?: boolean;
     disableEsc?: boolean;
     onClosed?: () => void;
+    modal?: boolean;
+    container?: HTMLElement | null;
     overlay?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
     overlayRef?: React.Ref<HTMLDivElement>;
     content?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {

package/dist/bundle.es23.js

@@ -10,17 +10,17 @@ import { set as R, reset as ae, composeRefs as Q, isInput as ce, isMobileFirefox
 import { usePreventScroll as de } from "./bundle.es72.js";
 import { DRAG_CLASS as j, VELOCITY_THRESHOLD as ge, CLOSE_THRESHOLD as me, SCROLL_LOCK_TIMEOUT as pe, TRANSITIONS as Y, WINDOW_TOP_OFFSET as he } from "./bundle.es73.js";
 const we = (m) => {
-  const { open: p, onOpenChange: l, onClosed: D, children: y, defaultOpen: S = !1, disableEsc: f } = m, [x, M] = t.useState(!1), [T, P] = t.useState(!1), [_, A] = t.useState(!1), v = t.useRef(null), H = t.useRef(null), I = t.useRef(null), L = t.useRef(null), o = t.useRef(null), d = t.useRef(!1), h = t.useRef(0), b = t.useRef(!1), N = t.useRef(!S), e = t.useRef(null), O = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), C = t.useRef(0), w = p ?? !1, V = t.useCallback(
+  const { open: p, onOpenChange: l, onClosed: D, children: y, defaultOpen: S = !1, disableEsc: f } = m, [M, P] = t.useState(!1), [T, v] = t.useState(!1), [_, A] = t.useState(!1), x = t.useRef(null), H = t.useRef(null), I = t.useRef(null), L = t.useRef(null), o = t.useRef(null), d = t.useRef(!1), h = t.useRef(0), b = t.useRef(!1), N = t.useRef(!S), e = t.useRef(null), O = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), C = t.useRef(0), w = p ?? !1, V = t.useCallback(
     (r) => {
       l(r);
     },
     [l]
   );
   de({
-    isDisabled: !w || T || _ || !x
+    isDisabled: !w || T || _ || !M
   });
   const ee = (r) => {
-    e.current && !e.current.contains(r.target) || (O.current = e.current?.getBoundingClientRect().height || 0, P(!0), I.current = /* @__PURE__ */ new Date(), le() && window.addEventListener("touchend", () => d.current = !1, { once: !0 }), r.target.setPointerCapture(r.pointerId), h.current = r.pageY);
+    e.current && !e.current.contains(r.target) || (O.current = e.current?.getBoundingClientRect().height || 0, v(!0), I.current = /* @__PURE__ */ new Date(), le() && window.addEventListener("touchend", () => d.current = !1, { once: !0 }), r.target.setPointerCapture(r.pointerId), h.current = r.pageY);
   }, z = (r, c) => {
     let n = r;
     const u = window.getSelection()?.toString(), i = e.current ? W(e.current) : null, a = /* @__PURE__ */ new Date();
@@ -48,7 +48,7 @@ const we = (m) => {
       if (!d.current && !z(r.target, n)) return;
       if (e.current.classList.add(j), d.current = !0, R(e.current, {
         transition: "none"
-      }), R(v.current, {
+      }), R(x.current, {
         transition: "none"
       }), n) {
         const F = fe(c), U = Math.min(F * -1, 0) * 1;
@@ -59,7 +59,7 @@ const we = (m) => {
       }
       const k = 1 - a;
       R(
-        v.current,
+        x.current,
         {
           opacity: `${k}`,
           transition: "none"
@@ -103,15 +103,15 @@ const we = (m) => {
     e.current && (R(e.current, {
       transform: "translate3d(0, 0, 0)",
       transition: `transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`
-    }), R(v.current, {
+    }), R(x.current, {
       transition: `opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`,
       opacity: "1"
     }));
   }, re = () => {
-    !T || !e.current || (e.current.classList.remove(j), d.current = !1, P(!1), L.current = /* @__PURE__ */ new Date());
+    !T || !e.current || (e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date());
   }, ne = (r) => {
     if (!T || !e.current) return;
-    e.current.classList.remove(j), d.current = !1, P(!1), L.current = /* @__PURE__ */ new Date();
+    e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date();
     const c = W(e.current);
     if (!r || !z(r.target, !1) || !c || Number.isNaN(c) || I.current === null) return;
     const n = L.current.getTime() - I.current.getTime(), u = h.current - r.pageY, i = Math.abs(u) / n;
@@ -135,7 +135,7 @@ const we = (m) => {
     }
     X();
   };
-  return t.useEffect(() => (w && (R(document.documentElement, {
+  return t.useEffect(() => (w && (P(!0), R(document.documentElement, {
     scrollBehavior: "auto"
   }), H.current = /* @__PURE__ */ new Date()), () => {
     ae(document.documentElement, "scrollBehavior");
@@ -144,7 +144,7 @@ const we = (m) => {
     {
       defaultOpen: S,
       onOpenChange: (r) => {
-        r ? M(!0) : B(!0), V(r);
+        r ? P(!0) : B(!0), V(r);
       },
       open: w,
       modal: !0,
@@ -153,7 +153,7 @@ const we = (m) => {
         {
           value: {
             drawerRef: e,
-            overlayRef: v,
+            overlayRef: x,
             onPress: ee,
             onRelease: ne,
             onDrag: te,
@@ -172,14 +172,14 @@ const we = (m) => {
   );
 }, Re = t.forwardRef(
   ({ className: m, ...p }, l) => {
-    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), x = t.useCallback(
-      (M) => y(M),
+    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), M = t.useCallback(
+      (P) => y(P),
       [y]
     );
     return /* @__PURE__ */ s(
       E.Overlay,
       {
-        onMouseUp: x,
+        onMouseUp: M,
         ref: f,
         "data-animate": S?.current ? "true" : "false",
         className: G("popup-overlay drawer-overlay", m),
@@ -188,28 +188,28 @@ const we = (m) => {
     );
   }
 ), De = t.forwardRef(
-  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, x) => {
+  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, M) => {
     const {
-      drawerRef: M,
+      drawerRef: P,
       onPress: T,
-      onRelease: P,
+      onRelease: v,
       onDrag: _,
       keyboardIsOpen: A,
-      shouldAnimate: v,
+      shouldAnimate: x,
       onClosed: H,
       disableEsc: I
-    } = J(), L = Q(x, M), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), b = (e, O = 0) => {
+    } = J(), L = Q(M, P), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), b = (e, O = 0) => {
       if (h.current) return !0;
       const g = Math.abs(e.y), w = Math.abs(e.x) > g;
       return !(e.y * 1 < 0) && g >= 0 && g <= O ? !w : (h.current = !0, !0);
     }, N = (e) => {
-      o.current = null, h.current = !1, P(e);
+      o.current = null, h.current = !1, v(e);
     };
     return /* @__PURE__ */ q(
       E.Content,
       {
         "data-direction": "bottom",
-        "data-animate": v?.current ? "true" : "false",
+        "data-animate": x?.current ? "true" : "false",
         className: G("popup drawer drawer-mobile", D),
         style: { ...oe({ "--drawer-size": y ?? "50%" }), ...p },
         ...f,
@@ -232,7 +232,7 @@ const we = (m) => {
           b({ x: g, y: O }, C) ? _(e) : (Math.abs(g) > C || Math.abs(O) > C) && (o.current = null);
         },
         onPointerUp: (e) => {
-          f.onPointerUp?.(e), o.current = null, h.current = !1, P(e);
+          f.onPointerUp?.(e), o.current = null, h.current = !1, v(e);
         },
         onPointerOut: (e) => {
           f.onPointerOut?.(e), N(d.current);

package/dist/bundle.es25.js

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import y from "classnames";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import C from "classnames";
 import * as o from "@radix-ui/react-dialog";
 import { VisuallyHidden as l } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as u } from "./bundle.es60.js";
-const C = (t) => {
-  const { open: i, onOpenChange: a, children: s, onClosed: c, disableEsc: p, overlay: r = {}, overlayRef: m, content: d = {}, contentRef: f } = t, h = (v) => {
-    p && v.preventDefault();
+import { RemoveListener as D } from "./bundle.es60.js";
+const R = (t) => {
+  const { open: i, onOpenChange: a, children: c, onClosed: s, disableEsc: p, modal: m, container: d, overlay: n = {}, overlayRef: f, content: h = {}, contentRef: v } = t, y = (u) => {
+    p && u.preventDefault();
   };
-  return /* @__PURE__ */ e(o.Root, { open: i, onOpenChange: a, children: /* @__PURE__ */ n(o.Portal, { children: [
-    /* @__PURE__ */ e(o.Overlay, { ...r, ref: m, className: y("popup-overlay", r.className) }),
-    /* @__PURE__ */ n(o.Content, { ...d, ref: f, onEscapeKeyDown: h, children: [
-      /* @__PURE__ */ e(u, { callback: c }),
+  return /* @__PURE__ */ e(o.Root, { open: i, onOpenChange: a, modal: m, children: /* @__PURE__ */ r(o.Portal, { container: d, children: [
+    /* @__PURE__ */ e(o.Overlay, { ...n, ref: f, className: C("popup-overlay", n.className) }),
+    /* @__PURE__ */ r(o.Content, { ...h, ref: v, onEscapeKeyDown: y, children: [
+      /* @__PURE__ */ e(D, { callback: s }),
       /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o.Title, {}) }),
       /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(o.Description, {}) }),
-      s
+      c
     ] })
   ] }) });
 };
-C.Close = o.Close;
+R.Close = o.Close;
 export {
-  C as PopupLayout
+  R as PopupLayout
 };

package/dist/index.d.ts

@@ -97,7 +97,7 @@ export { createToaster } from './Toaster';
 export { Toast } from './Toaster/Toast';
 export * from './types';
 export type { CalendarProps } from './Calendar/Calendar';
-export type { OptionsSource, UseOptionsResponse } from './Select/OptionsPopover';
+export type { OptionsSource, OptionsPopover, UseOptionsResponse } from './Select/OptionsPopover';
 export { createPopupRegistry, DialogShell, DrawerShell, MobileDrawerShell, usePopup } from './__helpers/createPopupRegistry';
 export { createPopoversRegistry } from './__helpers/createPopoversRegistry';
 export { createScope, createStaticScope } from './__helpers/createScope';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",