@segmentify/ui 0.0.56 → 0.0.57

package/dist/segmentify-ui.js

@@ -1,6 +1,6 @@
 import { jsx as b, Fragment as Vn, jsxs as ie } from "react/jsx-runtime";
 import * as y from "react";
-import u, { useState as pt, useLayoutEffect as Du, createContext as zu, useContext as Bs, useCallback as Qe, useRef as $t, useEffect as Jn, useMemo as rn, isValidElement as CT, PureComponent as Ff, forwardRef as Hs, useImperativeHandle as ST, cloneElement as IT, createElement as M5, Component as AT, Fragment as Pd } from "react";
+import u, { useState as pt, useLayoutEffect as Du, createContext as zu, useContext as Bs, useCallback as Qe, useRef as Mt, useEffect as Jn, useMemo as rn, isValidElement as CT, PureComponent as Ff, forwardRef as Hs, useImperativeHandle as ST, cloneElement as IT, createElement as M5, Component as AT, Fragment as Pd } from "react";
 import * as Ei from "react-dom";
 import MT, { createPortal as $T } from "react-dom";
 import { ChevronDownIcon as Vs, Loader2 as T3, MoreHorizontal as RT, ChevronRight as NE, ChevronLeftIcon as PE, ChevronRightIcon as F3, ArrowRight as NT, ArrowLeft as PT, CheckIcon as Gs, XIcon as _f, SearchIcon as OT, PlusCircle as TT, CircleX as FT, Calendar as _T, CircleIcon as OE, Info as js, ChevronUpIcon as DT, CalendarIcon as zT, Upload as kT, FileText as LT, X as BT, EyeOff as HT, Eye as VT, ChevronsUpDown as GT, ChevronUp as jT, ChevronDown as WT, MoreHorizontalIcon as qT, PanelLeftIcon as UT, Loader2Icon as TE, OctagonXIcon as YT, TriangleAlertIcon as XT, InfoIcon as ZT, CircleCheckIcon as KT, Clock as JT, CircleMinus as QT, CirclePlus as eF, Columns2 as tF, ChevronLeft as nF, MoreVertical as rF } from "lucide-react";
@@ -4230,7 +4230,7 @@ function X3(e, t) {
   const n = Rt(e, t?.in), r = +fa(n, t) - +xD(n, t);
   return Math.round(r / px) + 1;
 }
-function Mt(e, t) {
+function $t(e, t) {
   const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
   return n + r;
 }
@@ -4238,16 +4238,16 @@ const po = {
   // Year
   y(e, t) {
     const n = e.getFullYear(), r = n > 0 ? n : 1 - n;
-    return Mt(t === "yy" ? r % 100 : r, t.length);
+    return $t(t === "yy" ? r % 100 : r, t.length);
   },
   // Month
   M(e, t) {
     const n = e.getMonth();
-    return t === "M" ? String(n + 1) : Mt(n + 1, 2);
+    return t === "M" ? String(n + 1) : $t(n + 1, 2);
   },
   // Day of the month
   d(e, t) {
-    return Mt(e.getDate(), t.length);
+    return $t(e.getDate(), t.length);
   },
   // AM or PM
   a(e, t) {
@@ -4266,26 +4266,26 @@ const po = {
   },
   // Hour [1-12]
   h(e, t) {
-    return Mt(e.getHours() % 12 || 12, t.length);
+    return $t(e.getHours() % 12 || 12, t.length);
   },
   // Hour [0-23]
   H(e, t) {
-    return Mt(e.getHours(), t.length);
+    return $t(e.getHours(), t.length);
   },
   // Minute
   m(e, t) {
-    return Mt(e.getMinutes(), t.length);
+    return $t(e.getMinutes(), t.length);
   },
   // Second
   s(e, t) {
-    return Mt(e.getSeconds(), t.length);
+    return $t(e.getSeconds(), t.length);
   },
   // Fraction of second
   S(e, t) {
     const n = t.length, r = e.getMilliseconds(), i = Math.trunc(
       r * Math.pow(10, n - 3)
     );
-    return Mt(i, t.length);
+    return $t(i, t.length);
   }
 }, Ua = {
   midnight: "midnight",
@@ -4324,14 +4324,14 @@ const po = {
     const i = Cx(e, r), o = i > 0 ? i : 1 - i;
     if (t === "YY") {
       const a = o % 100;
-      return Mt(a, 2);
+      return $t(a, 2);
     }
-    return t === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : Mt(o, t.length);
+    return t === "Yo" ? n.ordinalNumber(o, { unit: "year" }) : $t(o, t.length);
   },
   // ISO week-numbering year
   R: function(e, t) {
     const n = mx(e);
-    return Mt(n, t.length);
+    return $t(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
   // The main difference between `y` and `u` localizers are B.C. years:
@@ -4344,7 +4344,7 @@ const po = {
   // while `uu` pads single digit years to 2 characters and returns other years unchanged.
   u: function(e, t) {
     const n = e.getFullYear();
-    return Mt(n, t.length);
+    return $t(n, t.length);
   },
   // Quarter
   Q: function(e, t, n) {
@@ -4355,7 +4355,7 @@ const po = {
         return String(r);
       // 01, 02, 03, 04
       case "QQ":
-        return Mt(r, 2);
+        return $t(r, 2);
       // 1st, 2nd, 3rd, 4th
       case "Qo":
         return n.ordinalNumber(r, { unit: "quarter" });
@@ -4387,7 +4387,7 @@ const po = {
         return String(r);
       // 01, 02, 03, 04
       case "qq":
-        return Mt(r, 2);
+        return $t(r, 2);
       // 1st, 2nd, 3rd, 4th
       case "qo":
         return n.ordinalNumber(r, { unit: "quarter" });
@@ -4445,7 +4445,7 @@ const po = {
         return String(r + 1);
       // 01, 02, ..., 12
       case "LL":
-        return Mt(r + 1, 2);
+        return $t(r + 1, 2);
       // 1st, 2nd, ..., 12th
       case "Lo":
         return n.ordinalNumber(r + 1, { unit: "month" });
@@ -4468,12 +4468,12 @@ const po = {
   // Local week of year
   w: function(e, t, n, r) {
     const i = X3(e, r);
-    return t === "wo" ? n.ordinalNumber(i, { unit: "week" }) : Mt(i, t.length);
+    return t === "wo" ? n.ordinalNumber(i, { unit: "week" }) : $t(i, t.length);
   },
   // ISO week of year
   I: function(e, t, n) {
     const r = Y3(e);
-    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : Mt(r, t.length);
+    return t === "Io" ? n.ordinalNumber(r, { unit: "week" }) : $t(r, t.length);
   },
   // Day of the month
   d: function(e, t, n) {
@@ -4482,7 +4482,7 @@ const po = {
   // Day of year
   D: function(e, t, n) {
     const r = ED(e);
-    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : Mt(r, t.length);
+    return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : $t(r, t.length);
   },
   // Day of week
   E: function(e, t, n) {
@@ -4524,7 +4524,7 @@ const po = {
         return String(o);
       // Padded numerical value
       case "ee":
-        return Mt(o, 2);
+        return $t(o, 2);
       // 1st, 2nd, ..., 7th
       case "eo":
         return n.ordinalNumber(o, { unit: "day" });
@@ -4561,7 +4561,7 @@ const po = {
         return String(o);
       // Padded numerical value
       case "cc":
-        return Mt(o, t.length);
+        return $t(o, t.length);
       // 1st, 2nd, ..., 7th
       case "co":
         return n.ordinalNumber(o, { unit: "day" });
@@ -4598,7 +4598,7 @@ const po = {
         return String(i);
       // 02
       case "ii":
-        return Mt(i, t.length);
+        return $t(i, t.length);
       // 2nd
       case "io":
         return n.ordinalNumber(i, { unit: "day" });
@@ -4721,12 +4721,12 @@ const po = {
   // Hour [0-11]
   K: function(e, t, n) {
     const r = e.getHours() % 12;
-    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : Mt(r, t.length);
+    return t === "Ko" ? n.ordinalNumber(r, { unit: "hour" }) : $t(r, t.length);
   },
   // Hour [1-24]
   k: function(e, t, n) {
     let r = e.getHours();
-    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : Mt(r, t.length);
+    return r === 0 && (r = 24), t === "ko" ? n.ordinalNumber(r, { unit: "hour" }) : $t(r, t.length);
   },
   // Minute
   m: function(e, t, n) {
@@ -4807,22 +4807,22 @@ const po = {
   // Seconds timestamp
   t: function(e, t, n) {
     const r = Math.trunc(+e / 1e3);
-    return Mt(r, t.length);
+    return $t(r, t.length);
   },
   // Milliseconds timestamp
   T: function(e, t, n) {
-    return Mt(+e, t.length);
+    return $t(+e, t.length);
   }
 };
 function B5(e, t = "") {
   const n = e > 0 ? "-" : "+", r = Math.abs(e), i = Math.trunc(r / 60), o = r % 60;
-  return o === 0 ? n + String(i) : n + String(i) + t + Mt(o, 2);
+  return o === 0 ? n + String(i) : n + String(i) + t + $t(o, 2);
 }
 function H5(e, t) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + Mt(Math.abs(e) / 60, 2) : sa(e, t);
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + $t(Math.abs(e) / 60, 2) : sa(e, t);
 }
 function sa(e, t = "") {
-  const n = e > 0 ? "-" : "+", r = Math.abs(e), i = Mt(Math.trunc(r / 60), 2), o = Mt(r % 60, 2);
+  const n = e > 0 ? "-" : "+", r = Math.abs(e), i = $t(Math.trunc(r / 60), 2), o = $t(r % 60, 2);
   return n + i + t + o;
 }
 const V5 = (e, t) => {
@@ -13413,7 +13413,7 @@ const rc = (e) => e instanceof HTMLElement ? e : null, I0 = (e) => [
   ...e.querySelectorAll("[data-animated-month]") ?? []
 ], CW = (e) => rc(e.querySelector("[data-animated-month]")), A0 = (e) => rc(e.querySelector("[data-animated-caption]")), M0 = (e) => rc(e.querySelector("[data-animated-weeks]")), SW = (e) => rc(e.querySelector("[data-animated-nav]")), IW = (e) => rc(e.querySelector("[data-animated-weekdays]"));
 function AW(e, t, { classNames: n, months: r, focused: i, dateLib: o }) {
-  const a = $t(null), s = $t(r), l = $t(!1);
+  const a = Mt(null), s = Mt(r), l = Mt(!1);
   Du(() => {
     const c = s.current;
     if (s.current = r, !t || !e.current || // safety check because the ref can be set to anything by consumers
@@ -13903,7 +13903,7 @@ function qW(e) {
   }, [a, Q]), { className: Et, style: Dt } = rn(() => ({
     className: [l[Be.Root], t.className].filter(Boolean).join(" "),
     style: { ...M?.[Be.Root], ...t.style }
-  }), [l, t.className, t.style, M]), Wt = rW(t), ot = $t(null);
+  }), [l, t.className, t.style, M]), Wt = rW(t), ot = Mt(null);
   AW(ot, !!t.animate, {
     classNames: l,
     months: T,
@@ -15438,7 +15438,7 @@ function Zd(e, t, n) {
 }
 Zd.globalOptions = void 0;
 function Bv(e = {}, t = []) {
-  const n = $t(e), r = $t(t), [i, o] = pt(), [a, s] = pt(), l = Qe(() => {
+  const n = Mt(e), r = Mt(t), [i, o] = pt(), [a, s] = pt(), l = Qe(() => {
     i && i.reInit(n.current, r.current);
   }, [i]);
   return Jn(() => {
@@ -19743,7 +19743,7 @@ var eK = /* @__PURE__ */ Hs(function(e, t) {
   var n = e.aspect, r = e.initialDimension, i = r === void 0 ? {
     width: -1,
     height: -1
-  } : r, o = e.width, a = o === void 0 ? "100%" : o, s = e.height, l = s === void 0 ? "100%" : s, c = e.minWidth, d = c === void 0 ? 0 : c, f = e.minHeight, h = e.maxHeight, p = e.children, m = e.debounce, v = m === void 0 ? 0 : m, g = e.id, w = e.className, E = e.onResize, x = e.style, C = x === void 0 ? {} : x, S = $t(null), M = $t();
+  } : r, o = e.width, a = o === void 0 ? "100%" : o, s = e.height, l = s === void 0 ? "100%" : s, c = e.minWidth, d = c === void 0 ? 0 : c, f = e.minHeight, h = e.maxHeight, p = e.children, m = e.debounce, v = m === void 0 ? 0 : m, g = e.id, w = e.className, E = e.onResize, x = e.style, C = x === void 0 ? {} : x, S = Mt(null), M = Mt();
   M.current = E, ST(t, function() {
     return Object.defineProperty(S.current, "current", {
       get: function() {
@@ -27744,7 +27744,7 @@ const Ate = ({
   ] });
 };
 function Mte({ value: e, onChange: t, className: n, inputClassName: r, name: i, placeholder: o, label: a }) {
-  const [s, l] = pt(e), c = $t(null), d = $t(t);
+  const [s, l] = pt(e), c = Mt(null), d = Mt(t);
   Jn(() => {
     d.current = t;
   }, [t]);
@@ -29625,13 +29625,15 @@ const pne = ({ hasFormControlWrapper: e = !1, children: t }) => e ? /* @__PURE__
   showErrorPlaceholder: i,
   step: o = 60
 }) => {
-  const { control: a } = or();
+  const { control: a } = or(), s = Mt(null), l = () => {
+    s.current?.showPicker();
+  };
   return /* @__PURE__ */ b(
     Un,
     {
       control: a,
       name: e,
-      render: ({ field: s }) => /* @__PURE__ */ ie(_n, { className: L("ui:flex ui:flex-col ui:gap-2 ui:w-full ui:space-y-0", r), children: [
+      render: ({ field: c }) => /* @__PURE__ */ ie(_n, { className: L("ui:flex ui:flex-col ui:gap-2 ui:w-full ui:space-y-0", r), children: [
         t && /* @__PURE__ */ b($r, { children: t }),
         /* @__PURE__ */ b(rr, { children: /* @__PURE__ */ b(
           Da,
@@ -29639,7 +29641,9 @@ const pne = ({ hasFormControlWrapper: e = !1, children: t }) => e ? /* @__PURE__
             type: "time",
             step: o,
             className: "ui:bg-background ui:appearance-none [&::-webkit-calendar-picker-indicator]:ui:hidden [&::-webkit-calendar-picker-indicator]:ui:appearance-none",
-            ...s
+            ref: s,
+            ...c,
+            onClick: l
           }
         ) }),
         n && /* @__PURE__ */ b(Nr, { children: n }),
@@ -29751,7 +29755,7 @@ const pne = ({ hasFormControlWrapper: e = !1, children: t }) => e ? /* @__PURE__
   const m = or(), v = t ?? m?.control;
   if (!v)
     throw new Error("FormFileUpload must be used within a FormProvider or receive a control prop");
-  const g = $t(null), [w, E] = pt(!1), x = async (S, M, A) => {
+  const g = Mt(null), [w, E] = pt(!1), x = async (S, M, A) => {
     const R = S.target.files;
     if (R?.length) {
       E(!0);
@@ -30173,7 +30177,7 @@ const JEe = ({
   const w = or(), E = t ?? w?.control;
   if (!E)
     throw new Error("FormSlider must be used within a FormProvider or receive a control prop");
-  const x = $t(!1), C = oF({
+  const x = Mt(!1), C = oF({
     control: E,
     name: e
   });
@@ -30612,7 +30616,7 @@ function Yne(e, t) {
   return n;
 }
 function Xne(e) {
-  var t = e.ref, n = e.parse, r = e.format, i = e.value, o = e.defaultValue, a = e.controlled, s = a === void 0 ? !0 : a, l = e.onChange, c = e.onKeyDown, d = Une(e, Wne), f = $t(), h = Qe(function(g) {
+  var t = e.ref, n = e.parse, r = e.format, i = e.value, o = e.defaultValue, a = e.controlled, s = a === void 0 ? !0 : a, l = e.onChange, c = e.onKeyDown, d = Une(e, Wne), f = Mt(), h = Qe(function(g) {
     f.current = g, t && (typeof t == "function" ? t(g) : t.current = g);
   }, [t]), p = Qe(function(g) {
     return Vne(g, f.current, n, r, l);
@@ -42489,7 +42493,7 @@ function cxe({
   showErrorPlaceholder: f = !1,
   error: h = ""
 }) {
-  const [p, m] = pt(!1), [v, g] = pt(n), w = $t(null), E = (M) => {
+  const [p, m] = pt(!1), [v, g] = pt(n), w = Mt(null), E = (M) => {
     typeof r == "function" && r(M);
   }, x = (M) => {
     let A = [...v || []];
@@ -44143,7 +44147,7 @@ var VP = function(t) {
     marginTop: s.menuGutter
   });
 }, GP = /* @__PURE__ */ zu(null), Pge = function(t) {
-  var n = t.children, r = t.minMenuHeight, i = t.maxMenuHeight, o = t.menuPlacement, a = t.menuPosition, s = t.menuShouldScrollIntoView, l = t.theme, c = Bs(GP) || {}, d = c.setPortalPlacement, f = $t(null), h = pt(i), p = qi(h, 2), m = p[0], v = p[1], g = pt(null), w = qi(g, 2), E = w[0], x = w[1], C = l.spacing.controlHeight;
+  var n = t.children, r = t.minMenuHeight, i = t.maxMenuHeight, o = t.menuPlacement, a = t.menuPosition, s = t.menuShouldScrollIntoView, l = t.theme, c = Bs(GP) || {}, d = c.setPortalPlacement, f = Mt(null), h = pt(i), p = qi(h, 2), m = p[0], v = p[1], g = pt(null), w = qi(g, 2), E = w[0], x = w[1], C = l.spacing.controlHeight;
   return u3(function() {
     var S = f.current;
     if (S) {
@@ -44228,7 +44232,7 @@ var VP = function(t) {
     zIndex: 1
   };
 }, Hge = function(t) {
-  var n = t.appendTo, r = t.children, i = t.controlElement, o = t.innerProps, a = t.menuPlacement, s = t.menuPosition, l = $t(null), c = $t(null), d = pt(VP(a)), f = qi(d, 2), h = f[0], p = f[1], m = rn(function() {
+  var n = t.appendTo, r = t.children, i = t.controlElement, o = t.innerProps, a = t.menuPlacement, s = t.menuPosition, l = Mt(null), c = Mt(null), d = pt(VP(a)), f = qi(d, 2), h = f[0], p = f[1], m = rn(function() {
     return {
       setPortalPlacement: p
     };
@@ -45222,7 +45226,7 @@ var nve = function(t) {
   t.cancelable && t.preventDefault(), t.stopPropagation();
 };
 function rve(e) {
-  var t = e.isEnabled, n = e.onBottomArrive, r = e.onBottomLeave, i = e.onTopArrive, o = e.onTopLeave, a = $t(!1), s = $t(!1), l = $t(0), c = $t(null), d = Qe(function(g, w) {
+  var t = e.isEnabled, n = e.onBottomArrive, r = e.onBottomLeave, i = e.onTopArrive, o = e.onTopLeave, a = Mt(!1), s = Mt(!1), l = Mt(0), c = Mt(null), d = Qe(function(g, w) {
     if (c.current !== null) {
       var E = c.current, x = E.scrollTop, C = E.scrollHeight, S = E.clientHeight, M = c.current, A = w > 0, R = C - S - x, P = !1;
       R > w && a.current && (r && r(g), a.current = !1), A && s.current && (o && o(g), s.current = !1), A && w > R ? (n && !a.current && n(g), M.scrollTop = C, P = !0, a.current = !0) : !A && -w > x && (i && !s.current && i(g), M.scrollTop = 0, P = !0, s.current = !0), P && nve(g);
@@ -45280,7 +45284,7 @@ var mw = !!(typeof window < "u" && window.document && window.document.createElem
   passive: !1
 };
 function ive(e) {
-  var t = e.isEnabled, n = e.accountForScrollbars, r = n === void 0 ? !0 : n, i = $t({}), o = $t(null), a = Qe(function(l) {
+  var t = e.isEnabled, n = e.accountForScrollbars, r = n === void 0 ? !0 : n, i = Mt({}), o = Mt(null), a = Qe(function(l) {
     if (mw) {
       var c = document.body, d = c && c.style;
       if (r && uw.forEach(function(m) {
@@ -47512,7 +47516,7 @@ const d3 = [
 ), s4e = {
   PRODUCT: "PRODUCT"
 }, l4e = ({ fields: e, swap: t }) => {
-  const n = $t(!1);
+  const n = Mt(!1);
   return Jn(() => {
     if (n.current || e.length === 0) return;
     const r = e.findIndex((i) => i?.staticType === s4e.PRODUCT);
@@ -55211,7 +55215,7 @@ he.register({
 }, !0);
 const d8e = Hs(
   ({ readOnly: e, defaultValue: t, onTextChange: n, onSelectionChange: r, theme: i = "snow" }, o) => {
-    const a = $t(null), s = $t(t), l = $t(n), c = $t(r), d = $t(null);
+    const a = Mt(null), s = Mt(t), l = Mt(n), c = Mt(r), d = Mt(null);
     return Du(() => {
       l.current = n, c.current = r;
     }), Jn(() => {

package/package.json

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