unifyedx-storybook-new 0.2.96 → 0.2.97

package/dist/unifyedx-storybook-new.es.js

@@ -1,12 +1,12 @@
 import { jsxs as n, jsx as e, Fragment as re } from "react/jsx-runtime";
-import ne, { useState as B, useMemo as ae, useId as Ze, Fragment as ee, useEffect as te, useCallback as K, useRef as ge } from "react";
-import { c as Z, U as ct, X as Ne, P as c, L as Ra, C as ve, a as tt, D as dt, f as Ct, b as Wt, F as Ia, d as Oa, e as Ma, T as Be, u as Pa, I as Jt, g as Xt, h as La, i as Ba, j as Va, k as Qt, S as yt, l as Ht, M as ja, m as _a, n as xt, o as Ga, A as Ua, E as Zt, p as qa, q as Ya, r as Wa, s as Ja, t as Kt, v as Xa, w as Qa, x as Ha, y as Za, z as Ka, B as er, G as Ve, H as zt, J as St, K as tr, N as ea, O as ar, Q as vt, R as rr, V as nr, W as je, Y as sr, Z as lr, _ as ir, $ as or, a0 as cr, a1 as dr, a2 as Dt, a3 as mr, a4 as ur, a5 as hr, a6 as pr, a7 as gr, a8 as br, a9 as fr, aa as yr, ab as Te, ac as ta, ad as xr, ae as vr, af as Nr, ag as wr, ah as kr, ai as aa, aj as Cr, ak as zr, al as ra, am as Sr, an as mt, ao as na, ap as Dr } from "./vendor-j6TpyJEY.js";
+import ne, { useState as B, useMemo as ae, useId as He, Fragment as ee, useEffect as te, useCallback as K, useRef as ge } from "react";
+import { c as H, U as ct, X as Ne, P as c, L as Ra, C as ve, a as tt, D as dt, f as Ct, b as Wt, F as Ia, d as Oa, e as Ma, T as Be, u as Pa, I as Jt, g as Xt, h as La, i as Ba, j as Va, k as Qt, S as yt, l as Zt, M as ja, m as _a, n as xt, o as Ga, A as Ua, E as Ht, p as qa, q as Ya, r as Wa, s as Ja, t as Kt, v as Xa, w as Qa, x as Za, y as Ha, z as Ka, B as er, G as Ve, H as zt, J as St, K as tr, N as ea, O as ar, Q as vt, R as rr, V as nr, W as je, Y as sr, Z as lr, _ as ir, $ as or, a0 as cr, a1 as dr, a2 as Dt, a3 as mr, a4 as ur, a5 as hr, a6 as pr, a7 as gr, a8 as br, a9 as fr, aa as yr, ab as Te, ac as ta, ad as xr, ae as vr, af as Nr, ag as wr, ah as kr, ai as aa, aj as Cr, ak as zr, al as ra, am as Sr, an as mt, ao as na, ap as Dr } from "./vendor-j6TpyJEY.js";
 import { Popover as $r, PopoverButton as Ar, PopoverPanel as Tr, Transition as fe, Dialog as xe, TransitionChild as ke, DialogPanel as Fe, DialogTitle as at, TabGroup as Fr, TabList as Er, Tab as le, TabPanels as Rr, RadioGroup as qe, Listbox as oe, ListboxButton as Ir, ListboxOptions as Or, ListboxOption as Mr, SwitchGroup as Pr, Switch as it, Menu as Lr, MenuButton as Br, Portal as Vr, MenuItems as jr, MenuItem as _r, DialogBackdrop as Gr } from "@headlessui/react";
 import { motion as ce, AnimatePresence as De } from "framer-motion";
 import Ur from "lodash/debounce";
 import { useFloating as qr, offset as Yr, flip as Wr, shift as Jr, autoUpdate as Xr } from "@floating-ui/react";
 import ot, { debounce as Qr } from "lodash";
-import { ToastContainer as Hr, Slide as Zr, toast as Me } from "react-toastify";
+import { ToastContainer as Zr, Slide as Hr, toast as Me } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import { Page as Kr, Selection as en, Sort as tn, Filter as an, Group as rn, Search as nn, ExcelExport as sn, PdfExport as ln, ColumnChooser as on, Resize as cn, Reorder as dn, Print as mn, GridComponent as un, ColumnsDirective as hn, Inject as pn, ColumnDirective as $t } from "@syncfusion/ej2-react-grids";
 const gn = (t) => {
@@ -29,7 +29,7 @@ const gn = (t) => {
   className: u,
   ...o
 }) => {
-  const [h, f] = B(!1), v = ae(() => bn(a), []), g = t && !h, r = !g && a, x = !g && !a, d = Z(
+  const [h, f] = B(!1), v = ae(() => bn(a), []), g = t && !h, r = !g && a, x = !g && !a, d = H(
     "avatar-container",
     `avatar--size-${s}`,
     u
@@ -74,7 +74,7 @@ const gn = (t) => {
   className: h,
   ...f
 }) => {
-  const v = Z(
+  const v = H(
     "badge",
     `badge--variant-${a}`,
     `badge--size-${s}`,
@@ -161,7 +161,7 @@ const vn = {
   onClick: T,
   ...A
 }) => {
-  const O = f || u, V = h && !g, _ = Z(
+  const O = f || u, V = h && !g, _ = H(
     "btn-base",
     vn[v],
     Nn[o],
@@ -223,7 +223,7 @@ const vn = {
   onChange: o,
   ...h
 }) => {
-  const f = Ze(), v = a || f;
+  const f = He(), v = a || f;
   return /* @__PURE__ */ n("div", { className: `checkbox-container ${i || ""}`, children: [
     /* @__PURE__ */ n("label", { htmlFor: v, className: "checkbox-wrapper", children: [
       /* @__PURE__ */ e(
@@ -241,7 +241,7 @@ const vn = {
       /* @__PURE__ */ e(
         "div",
         {
-          className: Z("checkbox-box", {
+          className: H("checkbox-box", {
             "checkbox-box--checked": u,
             "checkbox-box--error": !!s
           }),
@@ -263,7 +263,7 @@ const vn = {
   disabled: o = !1,
   className: h,
   ...f
-}) => /* @__PURE__ */ n("div", { className: Z("datepicker-wrapper", h), children: [
+}) => /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
   l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: l }),
   /* @__PURE__ */ e(
     sa,
@@ -299,7 +299,7 @@ const vn = {
     " - ",
     Ct(g, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: i });
-  return /* @__PURE__ */ n("div", { className: Z("datepicker-wrapper", h), children: [
+  return /* @__PURE__ */ n("div", { className: H("datepicker-wrapper", h), children: [
     l && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: l }),
     /* @__PURE__ */ n(kn, { children: [
       /* @__PURE__ */ e(Cn, { asChild: !0, children: /* @__PURE__ */ n("div", { className: "datepicker-input-container", children: [
@@ -308,7 +308,7 @@ const vn = {
           {
             id: "daterangepicker-input",
             type: "button",
-            className: Z("datepicker-trigger", {
+            className: H("datepicker-trigger", {
               "datepicker-trigger--error": !!u,
               "datepicker-trigger--disabled": o
             }),
@@ -1283,7 +1283,7 @@ const vn = {
       }
     ) }) })
   ] }) });
-}, H = ({
+}, Z = ({
   label: t,
   id: a,
   type: s = "text",
@@ -1305,7 +1305,7 @@ const vn = {
           id: f,
           type: s,
           ref: o,
-          className: Z("input-field", {
+          className: H("input-field", {
             "input-field--error": !!l,
             "input-field--with-icon": !!i
           }),
@@ -1528,7 +1528,7 @@ const vn = {
         qe.Option,
         {
           value: o.value,
-          className: ({ active: h, checked: f }) => Z("radiogroup-option", {
+          className: ({ active: h, checked: f }) => H("radiogroup-option", {
             "radiogroup-option--active": h,
             "radiogroup-option--checked": f,
             "radiogroup-option--error": !!l
@@ -1632,12 +1632,12 @@ const vn = {
       /* @__PURE__ */ n(
         Ir,
         {
-          className: Z("select-button", {
+          className: H("select-button", {
             "select-button--error": !!o
           }),
           children: [
             /* @__PURE__ */ e("span", { className: "select-value-display", children: x ? x.label : /* @__PURE__ */ e("span", { className: "placeholder", children: l }) }),
-            /* @__PURE__ */ e(Ht, { className: "select-chevron", "aria-hidden": "true" })
+            /* @__PURE__ */ e(Zt, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
       ),
@@ -1718,7 +1718,7 @@ const vn = {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: Z("nav-item-container", {
+      className: H("nav-item-container", {
         "nav-item-container--parent-active": v,
         [`nav-item-container--level-${s}`]: s > 0
       }),
@@ -1729,7 +1729,7 @@ const vn = {
             href: l,
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
-            className: Z("nav-item", {
+            className: H("nav-item", {
               "nav-item--active": f,
               "nav-item--collapsed": a
             }),
@@ -1747,7 +1747,7 @@ const vn = {
                   children: /* @__PURE__ */ e(
                     xt,
                     {
-                      className: Z("nav-chevron", {
+                      className: H("nav-chevron", {
                         "nav-chevron--open": u
                       })
                     }
@@ -1760,7 +1760,7 @@ const vn = {
         t.children && /* @__PURE__ */ e(
           "div",
           {
-            className: Z("sub-menu", {
+            className: H("sub-menu", {
               "sub-menu--open": u,
               "sub-menu--collapsed": a
             }),
@@ -1800,7 +1800,7 @@ const vn = {
   /* @__PURE__ */ n(
     "aside",
     {
-      className: Z("sidebar", {
+      className: H("sidebar", {
         "sidebar--collapsed": a,
         "sidebar--mobile-open": i
       }),
@@ -1858,7 +1858,7 @@ const vn = {
   className: s,
   ...i
 }) => {
-  const l = Z(
+  const l = H(
     "spinner",
     `spinner--size-${t}`,
     `spinner--color-${a}`,
@@ -1916,7 +1916,7 @@ const vn = {
       {
         id: f,
         ref: l,
-        className: Z("textarea-field", {
+        className: H("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: u,
@@ -1942,7 +1942,7 @@ const vn = {
       {
         checked: a,
         onChange: s,
-        className: Z("switch-element", {
+        className: H("switch-element", {
           // Renamed from switch-wrapper
           "switch-element--error": !!l
         }),
@@ -2130,7 +2130,7 @@ const vn = {
   onClick: r,
   ...x
 }) => {
-  const d = h, b = Z(
+  const d = h, b = H(
     "btn-base-icon",
     "btn-icon-only",
     In[f],
@@ -2161,7 +2161,7 @@ const vn = {
   // fullHeight = false, 
   ...o
 }) => {
-  const h = Z(
+  const h = H(
     "page-layout",
     {
       "page-layout--with-footer": a
@@ -2217,14 +2217,14 @@ const vn = {
       children: /* @__PURE__ */ e($n, { width: 30, height: 30 })
     }
   ),
-  /* @__PURE__ */ n("div", { className: "page-header-content", children: [
-    t && /* @__PURE__ */ e("h1", { className: "page-header-heading", children: t }),
-    s.length > 1 ? /* @__PURE__ */ e(wn, { crumbs: s }) : a ? /* @__PURE__ */ e("p", { className: "page-header-subheading", children: a }) : null
+  /* @__PURE__ */ n("header", { className: "page-header-content", role: "banner", "aria-labelledby": "page-heading", "aria-describedby": a ? "page-subheading" : void 0, children: [
+    t && /* @__PURE__ */ e("h1", { className: "page-header-heading", tabIndex: "-1", children: t }),
+    s.length > 1 ? /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ e(wn, { crumbs: s }) }) : a ? /* @__PURE__ */ e("p", { id: "page-subheading", className: "page-header-subheading", children: a }) : null
   ] })
 ] }), Pn = ({
   options: t = [],
   onSelect: a,
-  triggerIcon: s = Zt
+  triggerIcon: s = Ht
 }) => {
   const { refs: i, floatingStyles: l } = qr({
     whileElementsMounted: Xr,
@@ -2652,7 +2652,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
   { id: 3, name: $e.ROLE, icon: Xa, code: "roles" }
 ], Lt = [
   { id: 1, name: At.View, icon: Qa },
-  { id: 2, name: At.Manage, icon: Ha }
+  { id: 2, name: At.Manage, icon: Za }
 ], Xn = Ya().shape({
   pendingInvites: Wa().min(1, "You must add at least one person to invite.")
 }), Qn = ({
@@ -2671,7 +2671,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
     handleSubmit: W,
     watch: J,
     formState: { errors: E, isSubmitting: U }
-  } = Za({
+  } = Ha({
     defaultValues: { pendingInvites: [] },
     resolver: tr(Xn)
   }), { fields: F, append: m, remove: k, update: L } = Ka({
@@ -3046,7 +3046,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
       ] })
     ] }) })
   ] });
-}, Hn = ({
+}, Zn = ({
   entity: t,
   //entire file or folder details
   onBack: a,
@@ -3211,7 +3211,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
       ] }) })
     ] })
   );
-}, Zn = () => /* @__PURE__ */ n("div", { className: "flex items-center gap-4 p-4", children: [
+}, Hn = () => /* @__PURE__ */ n("div", { className: "flex items-center gap-4 p-4", children: [
   /* @__PURE__ */ e("div", { className: "h-10 w-10 rounded-full bg-gray-200 animate-pulse" }),
   /* @__PURE__ */ n("div", { className: "flex-grow space-y-2", children: [
     /* @__PURE__ */ e("div", { className: "h-4 w-3/5 rounded bg-gray-200 animate-pulse" }),
@@ -3240,7 +3240,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
     exit: { opacity: 0, x: -20 }
   }, x = () => l ? (
     // Show 5 skeleton items while loading
-    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, b) => /* @__PURE__ */ e(Zn, {}, b)) })
+    /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, b) => /* @__PURE__ */ e(Hn, {}, b)) })
   ) : v.length === 0 ? /* @__PURE__ */ n(
     ce.div,
     {
@@ -3380,7 +3380,7 @@ const Ee = qn(), Ke = Ee.axiosGet, Ml = Ee.axiosDelete, ft = Ee.axiosPost, Pl =
               transition: { duration: 0.3, ease: "easeInOut" },
               className: "absolute top-0 left-0 w-full h-full",
               children: /* @__PURE__ */ e(
-                Hn,
+                Zn,
                 {
                   entity: i,
                   onBack: E,
@@ -3474,7 +3474,7 @@ function rt({
   getOptionId: d = (C) => String(C.id),
   getOptionLabel: b = (C) => C.name
 }) {
-  const C = Ze(), T = Ze(), [A, O] = B(""), V = ge(""), _ = ae(() => {
+  const C = He(), T = He(), [A, O] = B(""), V = ge(""), _ = ae(() => {
     const F = /* @__PURE__ */ new Map();
     for (const m of a) F.set(d(m), m);
     return F;
@@ -3532,7 +3532,7 @@ function rt({
           ),
           children: [
             /* @__PURE__ */ e("span", { className: "block truncate", children: E() }),
-            /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Ht, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
+            /* @__PURE__ */ e("span", { className: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none", children: /* @__PURE__ */ e(Zt, { className: "w-5 h-5 text-gray-400", "aria-hidden": "true" }) })
           ]
         }
       ),
@@ -4148,7 +4148,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ),
       r.fieldtype === "text" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "text",
             name: r.key,
@@ -4190,7 +4190,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "number" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "number",
             name: r.key,
@@ -4265,7 +4265,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "email" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "email",
             name: r.key,
@@ -4285,7 +4285,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "url" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "url",
             name: r.key,
@@ -4305,7 +4305,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "password" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "password",
             name: r.key,
@@ -4442,7 +4442,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       (r.fieldtype === "datetime" || r.fieldtype === "datetime-local") && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "datetime-local",
             name: r.key,
@@ -4461,7 +4461,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "time" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "time",
             name: r.key,
@@ -4480,7 +4480,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "color" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "color",
             name: r.key,
@@ -4497,7 +4497,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "range" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "range",
             name: r.key,
@@ -4525,7 +4525,7 @@ function ms({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       ] }),
       r.fieldtype === "file" && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "file",
             name: r.key,
@@ -4616,7 +4616,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "text":
         return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               value: $[m.key] || "",
               onChange: (S) => k(p, S.target.value),
@@ -4645,7 +4645,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "number":
         return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               type: "number",
               value: $[m.key] || "",
@@ -4678,7 +4678,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "email":
         return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               type: "email",
               value: $[m.key] || "",
@@ -4693,7 +4693,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "url":
         return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               type: "url",
               value: $[m.key] || "",
@@ -4708,7 +4708,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "password":
         return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               type: "password",
               value: $[m.key] || "",
@@ -4815,7 +4815,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "datetime":
         return ($, p) => /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "datetime-local",
             value: $[m.key] || "",
@@ -4827,7 +4827,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "time":
         return ($, p) => /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "time",
             value: $[m.key] || "",
@@ -4888,7 +4888,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         };
       case "color":
         return ($, p) => /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "color",
             value: $[m.key] || "#000000",
@@ -4899,7 +4899,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       case "range":
         return ($, p) => /* @__PURE__ */ n("div", { className: "w-full", children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               type: "range",
               value: $[m.key] || m.min || 0,
@@ -4914,7 +4914,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         ] });
       case "file":
         return ($, p) => /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "file",
             onChange: (S) => {
@@ -4927,7 +4927,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
         );
       case "hidden":
         return ($, p) => /* @__PURE__ */ e(
-          H,
+          Z,
           {
             type: "hidden",
             value: $[m.key] || "",
@@ -4938,7 +4938,7 @@ function hs({ item: t, data: a, updateHandler: s, validationErrors: i = {} }) {
       default:
         return ($, p) => /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(
-            H,
+            Z,
             {
               value: $[m.key] || "",
               onChange: (S) => k(p, S.target.value),
@@ -5748,7 +5748,7 @@ function ql({ children: t }) {
   return /* @__PURE__ */ n(re, { children: [
     t,
     /* @__PURE__ */ e(
-      Hr,
+      Zr,
       {
         position: "bottom-right",
         autoClose: 3500,
@@ -5758,7 +5758,7 @@ function ql({ children: t }) {
         pauseOnFocusLoss: !1,
         draggable: !0,
         pauseOnHover: !0,
-        transition: Zr,
+        transition: Hr,
         limit: 4,
         closeButton: !0,
         bodyClassName: "ui-toast__body",
@@ -5777,11 +5777,11 @@ const Pe = {
   pauseOnFocusLoss: !1,
   closeOnClick: !0
 };
-let He = 0;
+let Ze = 0;
 const Bt = () => {
-  typeof document > "u" || (He += 1, document.body.classList.add("toast-backdrop"));
+  typeof document > "u" || (Ze += 1, document.body.classList.add("toast-backdrop"));
 }, Vt = () => {
-  typeof document > "u" || (He = Math.max(0, He - 1), He === 0 && document.body.classList.remove("toast-backdrop"));
+  typeof document > "u" || (Ze = Math.max(0, Ze - 1), Ze === 0 && document.body.classList.remove("toast-backdrop"));
 }, We = {
   success: (t, a) => Me.success(t, { ...Pe, ...a }),
   info: (t, a) => Me.info(t, { ...Pe, ...a }),
@@ -6257,7 +6257,7 @@ function de({
   details: o = {},
   ...h
 }) {
-  const f = Ze(), v = xs(h, u), g = (x) => {
+  const f = He(), v = xs(h, u), g = (x) => {
     l?.({
       key: v,
       checked: x.target.checked,
@@ -7658,7 +7658,7 @@ Qs.propTypes = {
     })
   )
 };
-const Hs = {
+const Zs = {
   sm: {
     wrap: "max-w-xs w-full",
     title: "text-base font-semibold",
@@ -7725,7 +7725,7 @@ function Ut({ leave: t, sizeMeta: a }) {
     ] }, i)) })
   ] });
 }
-function Zs({
+function Hs({
   size: t = "md",
   showCheckbox: a = !1,
   checkboxPosition: s = "top-left",
@@ -7735,7 +7735,7 @@ function Zs({
   term: o = "Fall 2025",
   ...h
 }) {
-  const [f, v] = B("vacation"), [g, r] = B(!1), x = ue(t), d = he[x], b = Hs[x], C = Je.find((T) => T.id === f) || Je[0];
+  const [f, v] = B("vacation"), [g, r] = B(!1), x = ue(t), d = he[x], b = Zs[x], C = Je.find((T) => T.id === f) || Je[0];
   return /* @__PURE__ */ n(
     de,
     {
@@ -7801,7 +7801,7 @@ function Zs({
     }
   );
 }
-Zs.propTypes = {
+Hs.propTypes = {
   size: c.string,
   showCheckbox: c.bool,
   checkboxPosition: c.oneOf(["top-left", "top-right"]),
@@ -7949,7 +7949,7 @@ function al({
               {
                 className: "flex items-center gap-1 p-2 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-800 rounded-md transition-colors duration-200",
                 onClick: () => v(!f),
-                children: /* @__PURE__ */ e(Zt, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(Ht, { className: "h-4 w-4" })
               }
             ),
             f && /* @__PURE__ */ n("div", { className: "absolute right-0 top-full mt-1 w-48 bg-white dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded-md shadow-lg z-10 py-1", children: [
@@ -8444,8 +8444,8 @@ export {
   Al as FullScreenLoader,
   Sl as GenericFilter,
   ze as IconButton,
-  H as Input,
-  Zs as LeaveBalanceMock,
+  Z as Input,
+  Hs as LeaveBalanceMock,
   ys as ManageCollectionList,
   Fn as Modal,
   rt as MultiSelect,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "unifyedx-storybook-new",
   "private": false,
-  "version": "0.2.96",
+  "version": "0.2.97",
   "type": "module",
   "main": "dist/unifyedx-storybook-new.es.js",
   "module": "dist/unifyedx-storybook-new.es.js",