@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/components/index.js

@@ -1,18 +1,18 @@
-import { t as o } from "../Checkbox-B1rTwzR3.js";
-import { t as m } from "../DropdownButton-Beel5_gN.js";
-import { t as p } from "../Breadcrumb-Bmv0vzgt.js";
-import { t as a } from "../Input-DG3snJf_.js";
-import { t as n } from "../Counter-DWKyr569.js";
+import { t as o } from "../Checkbox-B_ngk9Dj.js";
+import { t as m } from "../DropdownButton-DfNojmCW.js";
+import { t as p } from "../Breadcrumb-Cp3abB2w.js";
+import { t as a } from "../Input-Cf44DzfE.js";
+import { t as n } from "../Counter-BV680M5r.js";
 import { Alert as l } from "./Alert/Alert.js";
 import { Button as g } from "./Button/Button.js";
-import { AlertDialog as c } from "./AlertDialog/AlertDialog.js";
+import { AlertDialog as T } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as D } from "./Autocomplete/Autocomplete.js";
-import { t as V } from "../Loading-fD0Xiyeq.js";
-import { Badge as w } from "./Badge/Badge.js";
-import { Typography as S } from "./Typography/Typography.js";
+import { t as R } from "../Loading-DUh9PMJN.js";
+import { Badge as b } from "./Badge/Badge.js";
+import { Typography as w } from "./Typography/Typography.js";
 import { ButtonGroup as h } from "./ButtonGroup/ButtonGroup.js";
-import { Card as L } from "./Card/Card.js";
-import { DatePicker as E } from "./Datepicker/DatePicker.js";
+import { Card as E } from "./Card/Card.js";
+import { DatePicker as x } from "./Datepicker/DatePicker.js";
 import { Radio as I } from "./Radio/Radio.js";
 import { RadioGroup as P } from "./RadioGroup/RadioGroup.js";
 import { TimePicker as A } from "./TimePicker/TimePicker.js";
@@ -25,121 +25,127 @@ import { DateRangeFilterDropdown as K } from "./Filter/components/DateRangeFilte
 import { TextMultiSelect as X } from "./Filter/components/TextMultiSelect/TextMultiSelect.js";
 import { TimeFilterDropdown as Z } from "./Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
 import { Filter as $ } from "./Filter/Filter.js";
-import { t as or } from "../ImageUpload-DZTm4SBB.js";
+import { t as or } from "../ImageUpload-DiwymQcU.js";
 import { LineChart as mr } from "./LineChart/LineChart.js";
-import { t as pr } from "../Modal-Bcu6LLAp.js";
-import { t as ar } from "../components-CYt24H4n.js";
+import { t as pr } from "../Modal-Dyn088X7.js";
+import { t as ar } from "../components-Cf345jTv.js";
 import { PhoneNumberInput as nr } from "./PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as lr } from "./PieChart/PieChart.js";
 import { ProgressBar as gr } from "./ProgressBar/ProgressBar.js";
-import { RadioCard as cr } from "./RadioCard/RadioCard.js";
+import { RadioCard as Tr } from "./RadioCard/RadioCard.js";
 import { RadioCardGroup as Dr } from "./RadioCardGroup/RadioCardGroup.js";
-import { Range as Vr } from "./Range/Range.js";
-import { Select as wr } from "./Select/Select.js";
-import { Footer as Sr } from "./Sidebar/components/Footer/Footer.js";
-import { Label as hr } from "./Sidebar/components/Label/Label.js";
-import { Logo as Lr } from "./Sidebar/components/Logo/Logo.js";
-import { NavigationGroup as Er } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as Ir } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as Pr } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
-import { Navigation as Ar } from "./Sidebar/components/Navigation/Navigation.js";
-import { Sidebar as Mr } from "./Sidebar/Sidebar.js";
-import { Slider as yr } from "./Slider/Slider.js";
-import { t as Ur } from "../Spinner-BegZ5yd7.js";
-import { horizontalConnectorWrapperVariants as jr, stepConnectorVariants as qr, stepContentVariants as Hr, stepDescriptionVariants as Jr, stepIndicatorVariants as Kr, stepItemVariants as Qr, stepLabelVariants as Xr, stepListVariants as Yr, stepVariants as Zr, stepperVariants as _r } from "./Stepper/Stepper.variants.js";
-import { Stepper as ro } from "./Stepper/Stepper.js";
-import { t as to } from "../Switch-1RGhhTtg.js";
-import { Table as io } from "./Table/Table.js";
-import { Content as eo } from "./Tabs/components/Content.js";
-import { List as fo } from "./Tabs/components/List.js";
-import { Trigger as so } from "./Tabs/components/Trigger.js";
-import { Tabs as go } from "./Tabs/Tabs.js";
-import { Tag as co } from "./Tag/Tag.js";
-import { TagSelect as Do } from "./TagSelect/TagSelect.js";
-import { TextArea as Vo } from "./TextArea/TextArea.js";
-import { t as wo } from "../Toast-CS-igZor.js";
-import { Tooltip as So } from "./Tooltip/Tooltip.js";
-import { VirtualizedTableEvent as ho, sendCollapseRowEvent as Bo, sendExpandRowEvent as Lo, sendResetFiltersEvent as xo, sendToggleRowEvent as Eo } from "./VirtualizedTable/events/index.js";
-import { TruncateText as Io } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
-import { VirtualizedTable as Po } from "./VirtualizedTable/VirtualizedTable.js";
+import { Range as Rr } from "./Range/Range.js";
+import { Select as br } from "./Select/Select.js";
+import { CollapseTrigger as wr } from "./Sidebar/components/CollapseTrigger/CollapseTrigger.js";
+import { Footer as hr } from "./Sidebar/components/Footer/Footer.js";
+import { Label as Er } from "./Sidebar/components/Label/Label.js";
+import { Logo as xr } from "./Sidebar/components/Logo/Logo.js";
+import { NavigationGroup as Ir } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as Pr } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as Ar } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Navigation as Mr } from "./Sidebar/components/Navigation/Navigation.js";
+import { Sidebar as yr } from "./Sidebar/Sidebar.js";
+import { Slider as Ur } from "./Slider/Slider.js";
+import { t as jr } from "../Spinner-CUwE2bLm.js";
+import { horizontalConnectorWrapperVariants as Hr, stepConnectorVariants as Jr, stepContentVariants as Kr, stepDescriptionVariants as Qr, stepIndicatorVariants as Xr, stepItemVariants as Yr, stepLabelVariants as Zr, stepListVariants as _r, stepVariants as $r, stepperVariants as ro } from "./Stepper/Stepper.variants.js";
+import { Stepper as to } from "./Stepper/Stepper.js";
+import { t as io } from "../Switch-aPhL5rNG.js";
+import { Table as eo } from "./Table/Table.js";
+import { Content as fo } from "./Tabs/components/Content.js";
+import { List as so } from "./Tabs/components/List.js";
+import { Trigger as go } from "./Tabs/components/Trigger.js";
+import { Tabs as To } from "./Tabs/Tabs.js";
+import { Tag as Do } from "./Tag/Tag.js";
+import { TagSelect as Ro } from "./TagSelect/TagSelect.js";
+import { TextArea as bo } from "./TextArea/TextArea.js";
+import { t as wo } from "../Toast-3NEz7LLa.js";
+import { Tooltip as ho } from "./Tooltip/Tooltip.js";
+import { t as Eo } from "../events.types-BG1Uh8i6.js";
+import { sendResetFiltersEvent as xo } from "./VirtualizedTable/events/filters/filters.js";
+import { sendRefreshEvent as Io } from "./VirtualizedTable/events/refresh/refresh.js";
+import { sendCollapseRowEvent as Po, sendExpandRowEvent as ko, sendToggleRowEvent as Ao } from "./VirtualizedTable/events/row/row.js";
+import { TruncateText as Mo } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { VirtualizedTable as yo } from "./VirtualizedTable/VirtualizedTable.js";
 export {
   l as Alert,
-  c as AlertDialog,
+  T as AlertDialog,
   D as Autocomplete,
-  w as Badge,
+  b as Badge,
   j as BadgeMultiSelect,
   p as Breadcrumb,
   g as Button,
   h as ButtonGroup,
-  L as Card,
+  E as Card,
   o as Checkbox,
-  eo as Content,
+  wr as CollapseTrigger,
+  fo as Content,
   n as Counter,
   H as DateFilterDropdown,
-  E as DatePicker,
+  x as DatePicker,
   K as DateRangeFilterDropdown,
   M as DateRangePicker,
   y as Divider,
   U as Drawer,
-  wr as Dropdown,
+  br as Dropdown,
   m as DropdownButton,
   $ as Filter,
-  Sr as Footer,
+  hr as Footer,
   or as ImageUpload,
   a as Input,
-  hr as Label,
+  Er as Label,
   mr as LineChart,
-  fo as List,
-  V as Loading,
-  Lr as Logo,
+  so as List,
+  R as Loading,
+  xr as Logo,
   pr as Modal,
   ar as MultiSelectDropdown,
-  Ar as Navigation,
-  Er as NavigationGroup,
-  Ir as NavigationOption,
-  Pr as NavigationSeparator,
+  Mr as Navigation,
+  Ir as NavigationGroup,
+  Pr as NavigationOption,
+  Ar as NavigationSeparator,
   n as NumberInput,
   nr as PhoneNumberInput,
   lr as PieChart,
   gr as ProgressBar,
   I as Radio,
-  cr as RadioCard,
+  Tr as RadioCard,
   Dr as RadioCardGroup,
   P as RadioGroup,
-  Vr as Range,
-  wr as Select,
-  Mr as Sidebar,
-  yr as Slider,
-  Ur as Spinner,
-  ro as Stepper,
-  to as Switch,
-  io as Table,
-  go as Tabs,
-  co as Tag,
-  Do as TagSelect,
-  Vo as TextArea,
+  Rr as Range,
+  br as Select,
+  yr as Sidebar,
+  Ur as Slider,
+  jr as Spinner,
+  to as Stepper,
+  io as Switch,
+  eo as Table,
+  To as Tabs,
+  Do as Tag,
+  Ro as TagSelect,
+  bo as TextArea,
   X as TextMultiSelect,
   Z as TimeFilterDropdown,
   A as TimePicker,
   wo as Toast,
-  So as Tooltip,
-  so as Trigger,
-  Io as TruncateText,
-  S as Typography,
-  Po as VirtualizedTable,
-  ho as VirtualizedTableEvent,
-  jr as horizontalConnectorWrapperVariants,
-  Bo as sendCollapseRowEvent,
-  Lo as sendExpandRowEvent,
+  ho as Tooltip,
+  go as Trigger,
+  Mo as TruncateText,
+  w as Typography,
+  yo as VirtualizedTable,
+  Eo as VirtualizedTableEvent,
+  Hr as horizontalConnectorWrapperVariants,
+  Po as sendCollapseRowEvent,
+  ko as sendExpandRowEvent,
+  Io as sendRefreshEvent,
   xo as sendResetFiltersEvent,
-  Eo as sendToggleRowEvent,
-  qr as stepConnectorVariants,
-  Hr as stepContentVariants,
-  Jr as stepDescriptionVariants,
-  Kr as stepIndicatorVariants,
-  Qr as stepItemVariants,
-  Xr as stepLabelVariants,
-  Yr as stepListVariants,
-  Zr as stepVariants,
-  _r as stepperVariants
+  Ao as sendToggleRowEvent,
+  Jr as stepConnectorVariants,
+  Kr as stepContentVariants,
+  Qr as stepDescriptionVariants,
+  Xr as stepIndicatorVariants,
+  Yr as stepItemVariants,
+  Zr as stepLabelVariants,
+  _r as stepListVariants,
+  $r as stepVariants,
+  ro as stepperVariants
 };

package/dist/{components-CYt24H4n.js → components-Cf345jTv.js}

@@ -1,33 +1,33 @@
-import { n as L } from "./Wrapper-DwxJAkNQ.js";
-import { t as o } from "./utils-Cx-WzRZF.js";
-import { LoaderIcon as I } from "./assets/icons/components/Loader.js";
-import { t as C } from "./x-a_LpoXzG.js";
+import { n as I } from "./Wrapper-CVJSuYWx.js";
+import { t as i } from "./utils-Cx-WzRZF.js";
+import { LoaderIcon as L } from "./assets/icons/components/Loader.js";
+import { t as C } from "./x-a_LpoXzG2.js";
 import { Badge as R } from "./components/Badge/Badge.js";
 import { Typography as N } from "./components/Typography/Typography.js";
-import { useMultiSelectDropdown as w } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js";
+import { useMultiSelectDropdown as g } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js";
 import { MultiSelectDropdownProvider as V } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js";
-import { Item as g } from "./components/MultiSelectDropdown/components/Item/Item.js";
-import { listVariants as j } from "./components/MultiSelectDropdown/components/List/List.variants.js";
-import { useMultiSelectDropdown as T } from "./components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js";
-import { labelVariants as W, multiSelectDropdownVariants as $, wrapperVariants as z } from "./components/MultiSelectDropdown/MultiSelectDropdown.variants.js";
-import { forwardRef as b, useId as B, useImperativeHandle as F } from "react";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { Item as b } from "./components/MultiSelectDropdown/components/Item/Item.js";
+import { listVariants as $ } from "./components/MultiSelectDropdown/components/List/List.variants.js";
+import { useMultiSelectDropdown as j } from "./components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js";
+import { labelVariants as T, multiSelectDropdownVariants as W, wrapperVariants as z } from "./components/MultiSelectDropdown/MultiSelectDropdown.variants.js";
+import { forwardRef as w, useId as B, useImperativeHandle as F } from "react";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
 var H = ({ theme: n }) => {
-  const { options: a, selectedOptions: r, isLoading: s, noOptionsText: l } = w();
+  const { options: a, selectedOptions: r, isLoading: o, noOptionsText: l } = g();
   return /* @__PURE__ */ e("ul", {
     role: "listbox",
     "data-theme": n,
-    className: o(j()),
-    children: s ? /* @__PURE__ */ e(g, {
+    className: i($()),
+    children: o ? /* @__PURE__ */ e(b, {
       option: {
         id: "loading",
         label: "Loading..."
       },
       className: "select-none pointer-events-none",
       isSelected: !1
-    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(g, {
+    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(b, {
       option: t,
-      isSelected: r.some((i) => i.id === t.id)
+      isSelected: r.some((s) => s.id === t.id)
     }, t.id)) : /* @__PURE__ */ e("li", {
       className: "select-none",
       children: /* @__PURE__ */ e(N, {
@@ -37,20 +37,21 @@ var H = ({ theme: n }) => {
       })
     })
   });
-}, y = b(({ isRequired: n, label: a, labelClassName: r, labelWrapperClassName: s, name: l, placeholder: t = "", theme: i, wrapperClassName: m }, c) => {
-  const p = B(), x = l ? `${p}-name` : "id", { inputRef: u, isLoading: S, isOpen: f, selectedOptions: v, onOpen: O, onRemoveOption: D } = w(), { wrapperRef: M, handleOpen: k } = T();
-  return F(c, () => u.current, [u]), /* @__PURE__ */ h("div", {
+}, y = w(({ isRequired: n, label: a, labelClassName: r, labelWrapperClassName: o, name: l, placeholder: t = "", theme: s, wrapperClassName: c }, p) => {
+  const d = B(), x = l ? `${d}-name` : "id", { inputRef: u, isLoading: S, isOpen: h, selectedOptions: v, onOpen: O, onRemoveOption: D } = g(), { wrapperRef: M, handleOpen: k } = j();
+  return F(p, () => u.current, [u]), /* @__PURE__ */ f("div", {
     ref: M,
-    className: o(z({ className: m })),
-    "data-theme": i,
+    className: i(z({ className: c })),
+    "data-theme": s,
     children: [
       a ? /* @__PURE__ */ e("div", {
-        className: o(s),
-        children: /* @__PURE__ */ h(N, {
+        className: i(o),
+        children: /* @__PURE__ */ f(N, {
           component: "label",
           variant: "labelLarge",
+          id: `${d}-label`,
           htmlFor: x,
-          className: o(W({ className: r })),
+          className: i(T({ className: r })),
           onClick: () => O(!0),
           children: [
             a,
@@ -63,53 +64,56 @@ var H = ({ theme: n }) => {
           ]
         })
       }) : null,
-      /* @__PURE__ */ h("div", {
+      /* @__PURE__ */ f("div", {
         id: x,
-        className: o($()),
+        className: i(W()),
         role: "combobox",
         onClick: k,
-        "aria-expanded": f,
+        "aria-expanded": h,
+        "aria-labelledby": a ? `${d}-label` : void 0,
         children: [v.length === 0 ? /* @__PURE__ */ e("span", {
           className: "text-base text-inherit select-none",
           children: t
         }) : /* @__PURE__ */ e("div", {
           className: "flex flex-wrap gap-2",
-          children: v.map((d) => /* @__PURE__ */ e(R, {
-            "data-value": d.label,
-            label: d.value ?? d.label ?? "",
+          children: v.map((m) => /* @__PURE__ */ e(R, {
+            "data-value": m.label,
+            label: m.value ?? m.label ?? "",
             className: "select-none",
-            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(d) })
-          }, d.id))
-        }), S ? /* @__PURE__ */ e(I, {
+            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(m) })
+          }, m.id))
+        }), S ? /* @__PURE__ */ e(L, {
           size: 16,
           className: "animate-spin shrink-0 text-gray-400"
-        }) : /* @__PURE__ */ e(L, { className: o("w-4 h-4 transition-all duration-50 shrink-0 text-gray-400", f ? "rotate-0" : "rotate-180") })]
+        }) : /* @__PURE__ */ e(I, { className: i("w-4 h-4 transition-all duration-50 shrink-0 text-gray-400", h ? "rotate-0" : "rotate-180") })]
       }),
       /* @__PURE__ */ e("input", {
         ref: u,
         type: "text",
         name: l,
         className: "hidden",
+        tabIndex: -1,
+        "aria-hidden": "true",
         readOnly: !0
       }),
-      f ? /* @__PURE__ */ e(H, {}) : null
+      h ? /* @__PURE__ */ e(H, {}) : null
     ]
   });
 });
 y.displayName = "MultiSelectDropdownWrapper";
-var K = b(({ isLoading: n, multiselect: a, name: r, noOptionsText: s, options: l, value: t, onChange: i, onBlur: m, ...c }, p) => /* @__PURE__ */ e(V, {
+var K = w(({ isLoading: n, multiselect: a, name: r, noOptionsText: o, options: l, value: t, onChange: s, onBlur: c, ...p }, d) => /* @__PURE__ */ e(V, {
   defaultOptions: l,
   multiselect: a,
   value: t,
-  onChange: i,
-  onBlur: m,
+  onChange: s,
+  onBlur: c,
   name: r,
   isLoading: n,
-  noOptionsText: s,
+  noOptionsText: o,
   children: /* @__PURE__ */ e(y, {
-    ref: p,
+    ref: d,
     name: r,
-    ...c
+    ...p
   })
 }));
 K.displayName = "KonstructMultiSelectDropdown";

package/dist/constants-CxJJRVK3.js

@@ -0,0 +1,31 @@
+import { t } from "./utils-Cx-WzRZF.js";
+var o = (e) => ({
+  root: t("w-fit", e?.root),
+  months: t("flex", e?.months),
+  month: t("flex flex-col w-[259px]", e?.month),
+  month_caption: "hidden",
+  nav: "hidden",
+  day_button: t("size-7.5", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-slate-700", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
+  day: t("p-0", "w-[37px]", "h-9.5", "text-center", "align-middle", e?.day),
+  selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900", e?.selected),
+  range_start: t("drp-range-start", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-1/2", "before:right-0", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "last:before:!hidden", e?.rangeStart),
+  range_end: t("drp-range-end", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-0", "before:right-1/2", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
+  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-1", "before:bottom-1", "before:left-0", "before:right-0", "before:!bg-blue-50", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-slate-700", "[&>button]:!bg-transparent", "[&>button]:!rounded-full", "[&>button]:relative", "[&>button]:z-10", "[&>button]:hover:!bg-blue-100", "dark:[&>button]:!text-white", "dark:[&>button]:hover:!bg-aurora-500/20", e?.rangeMiddle),
+  table: t("w-full border-collapse table-fixed", e?.table),
+  weekdays: t("text-slate-500", "dark:text-metal-400", e?.weekdays),
+  weeks: t("[&>tr>td]:p-0", "[&>tr]:h-9.5", e?.weeks),
+  weekday: t("font-semibold", "text-xs", "uppercase", "text-slate-500", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
+  today: t("[&>button]:text-blue-600", "dark:[&>button]:text-aurora-500", e?.today),
+  month_grid: "w-full",
+  disabled: t("[&>button]:opacity-50", "[&>button]:cursor-not-allowed", e?.disabled),
+  outside: t("[&>button]:!text-slate-400", "dark:[&>button]:!text-metal-500", e?.outside)
+}), a = 259, b = 32, n = 720 * 60 * 60 * 1e3, l = 56, d = 28, u = 38;
+export {
+  d as a,
+  a as i,
+  l as n,
+  u as o,
+  n as r,
+  o as s,
+  b as t
+};

package/dist/{debounce-KoeGNmnW.js → debounce-C5Ycjilj.js}

@@ -1,5 +1,5 @@
 import { t as b } from "./rolldown-runtime-Ck3dxwZt.js";
-import { n as R, o as $, t as A } from "./isObject-1ZmdWuhC.js";
+import { n as R, o as $, t as A } from "./isObject-BeFFiVJK.js";
 var F = /* @__PURE__ */ b(((T, s) => {
   var u = $(), i = function() {
     return u.Date.now();
@@ -36,23 +36,23 @@ var F = /* @__PURE__ */ b(((T, s) => {
 })), X = /* @__PURE__ */ b(((T, s) => {
   var u = A(), i = F(), m = J(), t = "Expected a function", h = Math.max, y = Math.min;
   function E(g, a, r) {
-    var o, f, _, v, n, d, x = 0, O = !1, l = !1, q = !0;
+    var o, f, _, d, n, v, x = 0, O = !1, l = !1, q = !0;
     if (typeof g != "function") throw new TypeError(t);
     a = m(a) || 0, u(r) && (O = !!r.leading, l = "maxWait" in r, _ = l ? h(m(r.maxWait) || 0, a) : _, q = "trailing" in r ? !!r.trailing : q);
     function N(e) {
       var c = o, p = f;
-      return o = f = void 0, x = e, v = g.apply(p, c), v;
+      return o = f = void 0, x = e, d = g.apply(p, c), d;
     }
     function C(e) {
-      return x = e, n = setTimeout(I, a), O ? N(e) : v;
+      return x = e, n = setTimeout(I, a), O ? N(e) : d;
     }
     function L(e) {
-      var c = e - d, p = e - x, M = a - c;
+      var c = e - v, p = e - x, M = a - c;
       return l ? y(M, _ - p) : M;
     }
     function k(e) {
-      var c = e - d, p = e - x;
-      return d === void 0 || c >= a || c < 0 || l && p >= _;
+      var c = e - v, p = e - x;
+      return v === void 0 || c >= a || c < 0 || l && p >= _;
     }
     function I() {
       var e = i();
@@ -60,22 +60,22 @@ var F = /* @__PURE__ */ b(((T, s) => {
       n = setTimeout(I, L(e));
     }
     function W(e) {
-      return n = void 0, q && o ? N(e) : (o = f = void 0, v);
+      return n = void 0, q && o ? N(e) : (o = f = void 0, d);
     }
     function j() {
-      n !== void 0 && clearTimeout(n), x = 0, o = d = f = n = void 0;
+      n !== void 0 && clearTimeout(n), x = 0, o = v = f = n = void 0;
     }
     function B() {
-      return n === void 0 ? v : W(i());
+      return n === void 0 ? d : W(i());
     }
     function S() {
       var e = i(), c = k(e);
-      if (o = arguments, f = this, d = e, c) {
-        if (n === void 0) return C(d);
+      if (o = arguments, f = this, v = e, c) {
+        if (n === void 0) return C(v);
         if (l)
-          return clearTimeout(n), n = setTimeout(I, a), N(d);
+          return clearTimeout(n), n = setTimeout(I, a), N(v);
       }
-      return n === void 0 && (n = setTimeout(I, a)), v;
+      return n === void 0 && (n = setTimeout(I, a)), d;
     }
     return S.cancel = j, S.flush = B, S;
   }

package/dist/dist-BUocnzkM.js

@@ -0,0 +1,99 @@
+import { n as y } from "./dist-D-yS0HN8.js";
+import * as o from "react";
+var P = Object.defineProperty, f = (n, e) => P(n, "name", {
+  value: e,
+  configurable: !0
+});
+function g(n, e) {
+  return o.useReducer((t, r) => e[t][r] ?? t, n);
+}
+f(g, "useStateMachine");
+var h = /* @__PURE__ */ f((n) => {
+  const { present: e, children: t } = n, r = M(e), s = typeof t == "function" ? t({ present: r.isPresent }) : o.Children.only(t), u = O(r.ref, v(s));
+  return typeof t == "function" || r.isPresent ? o.cloneElement(s, { ref: u }) : null;
+}, "Presence");
+function M(n) {
+  const [e, t] = o.useState(), r = o.useRef(null), s = o.useRef(n), u = o.useRef("none"), i = o.useRef(void 0), [a, l] = g(n ? "mounted" : "unmounted", {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  });
+  return o.useEffect(() => {
+    a === "mounted" ? (u.current = i.current ?? N(r.current), i.current = void 0) : u.current = "none";
+  }, [a]), y(() => {
+    const c = r.current, m = s.current;
+    if (m !== n) {
+      const d = u.current, p = N(c);
+      n ? (i.current = p, l("MOUNT")) : p === "none" || c?.display === "none" ? l("UNMOUNT") : l(m && d !== p ? "ANIMATION_OUT" : "UNMOUNT"), s.current = n;
+    }
+  }, [n, l]), y(() => {
+    if (e) {
+      let c;
+      const m = e.ownerDocument.defaultView ?? window, d = /* @__PURE__ */ f((R) => {
+        const E = N(r.current).includes(CSS.escape(R.animationName));
+        if (R.target === e && E && (l("ANIMATION_END"), !s.current)) {
+          const T = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", c = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = T);
+          });
+        }
+      }, "handleAnimationEnd"), p = /* @__PURE__ */ f((R) => {
+        R.target === e && (u.current = N(r.current));
+      }, "handleAnimationStart");
+      return e.addEventListener("animationstart", p), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(c), e.removeEventListener("animationstart", p), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else l("ANIMATION_END");
+  }, [e, l]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(a),
+    ref: o.useCallback((c) => {
+      if (c) {
+        const m = getComputedStyle(c);
+        r.current = m, i.current = N(m);
+      } else r.current = null;
+      t(c);
+    }, [])
+  };
+}
+f(M, "usePresence");
+function A(n, e) {
+  if (typeof n == "function") return n(e);
+  n != null && (n.current = e);
+}
+f(A, "setRef");
+function O(...n) {
+  const e = o.useRef(n);
+  return e.current = n, o.useCallback((t) => {
+    const r = e.current;
+    let s = !1;
+    const u = r.map((i) => {
+      const a = A(i, t);
+      return !s && typeof a == "function" && (s = !0), a;
+    });
+    if (s) return () => {
+      for (let i = 0; i < u.length; i++) {
+        const a = u[i];
+        typeof a == "function" ? a() : A(r[i], null);
+      }
+    };
+  }, []);
+}
+f(O, "useStableComposedRefs");
+function N(n) {
+  return n?.animationName || "none";
+}
+f(N, "getAnimationName");
+function v(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+}
+f(v, "getElementRef");
+export {
+  h as t
+};