@segmentify/ui 0.0.53 → 0.0.54

package/dist/segmentify-ui.js

@@ -4985,8 +4985,16 @@ function F(...e) {
 }
 function y4(...e) {
   return (t) => {
-    for (const n of e)
-      typeof n == "function" ? n(t) : n != null && (n.current = t);
+    const n = [];
+    for (const r of e)
+      if (typeof r == "function") {
+        const o = r(t);
+        typeof o == "function" && n.push(o);
+      } else r != null && (r.current = t);
+    if (n.length > 0)
+      return () => {
+        for (const r of n) r();
+      };
   };
 }
 const Xs = (e, t = "MMM d, yyyy h:mmaaa", n) => MA(e) ? si(e, t, n) : si(/* @__PURE__ */ new Date(), t, n);
@@ -20550,10 +20558,7 @@ function zM({
 }) {
   const [s, a] = m.useState(), l = m.useCallback(
     (u) => {
-      if (u) {
-        const c = parseInt(getComputedStyle(u).zIndex, 10);
-        isNaN(c) || a(c);
-      }
+      u && a(u);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps -- className changes affect computed z-index
     [e]
@@ -26710,7 +26715,9 @@ const hk = /* @__PURE__ */ m.forwardRef(function(t, n) {
   });
 });
 process.env.NODE_ENV !== "production" && (hk.displayName = "ComboboxChipRemove");
-const gk = () => ya(HM);
+const gk = () => ({
+  layer: ya(HM)
+});
 function Ou({ className: e, type: t, ...n }) {
   return /* @__PURE__ */ v(
     "input",
@@ -26916,8 +26923,8 @@ function NJ({
   anchor: i,
   ...s
 }) {
-  const a = gk();
-  return /* @__PURE__ */ v(ek, { children: /* @__PURE__ */ v(
+  const { layer: a } = gk();
+  return /* @__PURE__ */ v(ek, { container: a ?? void 0, children: /* @__PURE__ */ v(
     rk,
     {
       side: t,
@@ -26926,7 +26933,6 @@ function NJ({
       alignOffset: o,
       anchor: i,
       className: "ui:isolate ui:z-50 ui:pointer-events-auto",
-      style: a != null ? { zIndex: a + 1 } : void 0,
       children: /* @__PURE__ */ v(
         ok,
         {
@@ -28953,7 +28959,7 @@ function RK({
   style: i,
   ...s
 }) {
-  const a = gk(), l = a != null ? { zIndex: a + 1, ...i } : i, u = /* @__PURE__ */ Q(
+  const { layer: a } = gk(), l = a != null ? parseInt(getComputedStyle(a).zIndex, 10) : NaN, u = Number.isFinite(l) ? l + 1 : void 0, c = /* @__PURE__ */ Q(
     pH,
     {
       "data-slot": "select-content",
@@ -28964,7 +28970,7 @@ function RK({
       ),
       position: n,
       align: o,
-      style: l,
+      style: u != null ? { zIndex: u, ...i } : i,
       ...s,
       children: [
         /* @__PURE__ */ v(TK, {}),
@@ -28982,7 +28988,7 @@ function RK({
       ]
     }
   );
-  return r ? /* @__PURE__ */ v(fH, { children: u }) : u;
+  return r ? /* @__PURE__ */ v(fH, { children: c }) : c;
 }
 function Qfe({ className: e, ...t }) {
   return /* @__PURE__ */ v(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",