@konstructio/ui 0.1.2-alpha.12 → 0.1.2-alpha.120

package/dist/components/index.js

@@ -1,100 +1,200 @@
-import { Alert as e } from "./Alert/Alert.js";
-import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
-import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
-import { Badge as a } from "./Badge/Badge.js";
-import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
-import { Button as g } from "./Button/Button.js";
-import { Card as u } from "./Card/Card.js";
-import { Checkbox as c } from "./Checkbox/Checkbox.js";
-import { DatePicker as D } from "./Datepicker/DatePicker.js";
-import { Divider as B } from "./Divider/Divider.js";
-import { Dropdown as S } from "./Dropdown/Dropdown.js";
-import { DropdownButton as N } from "./DropdownButton/DropdownButton.js";
-import { Filter as h } from "./Filter/Filter.js";
-import { Input as A } from "./Input/Input.js";
-import { Loading as k } from "./Loading/Loading.js";
-import { M as G } from "../Modal-B8jrP02v.js";
-import { NumberInput as M } from "./NumberInput/NumberInput.js";
-import { PieChart as I } from "./PieChart/PieChart.js";
-import { ProgressBar as O } from "./ProgressBar/ProgressBar.js";
-import { Radio as j } from "./Radio/Radio.js";
-import { RadioCard as E } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as J } from "./RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as Q } from "./RadioGroup/RadioGroup.js";
-import { Range as W } from "./Range/Range.js";
-import { Sidebar as Y } from "./Sidebar/Sidebar.js";
-import { Slider as _ } from "./Slider/Slider.js";
-import { Switch as oo } from "./Switch/Switch.js";
-import { Table as eo } from "./Table/Table.js";
-import { Tabs as po } from "./Tabs/Tabs.js";
-import { Tag as xo } from "./Tag/Tag.js";
-import { TagSelect as ao } from "./TagSelect/TagSelect.js";
-import { TextArea as no } from "./TextArea/TextArea.js";
-import { TimePicker as lo } from "./TimePicker/TimePicker.js";
-import { Toast as To } from "./Toast/Toast.js";
-import { Tooltip as bo } from "./Tooltip/Tooltip.js";
-import { Typography as so } from "./Typography/Typography.js";
-import { VirtualizedTable as Co } from "./VirtualizedTable/VirtualizedTable.js";
-import { BadgeMultiSelect as vo } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as Ro } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
-import { Footer as wo } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as Po } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as Fo } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as Lo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as yo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as zo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
-import { Content as Vo } from "./Tabs/components/Content.js";
-import { List as qo } from "./Tabs/components/List.js";
-import { Trigger as Ho } from "./Tabs/components/Trigger.js";
-import { TruncateText as Ko } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { t as o } from "../Checkbox-DrounE52.js";
+import { t as m } from "../DropdownButton-BWfWN4fg.js";
+import { t as p } from "../Breadcrumb-DDRmDlWK.js";
+import { t as a } from "../Input-O2bqyJKW.js";
+import { t as n } from "../Counter-LQ5_uh06.js";
+import { Alert as l } from "./Alert/Alert.js";
+import { Button as T } from "./Button/Button.js";
+import { AlertDialog as g } from "./AlertDialog/AlertDialog.js";
+import { Autocomplete as D } from "./Autocomplete/Autocomplete.js";
+import { Avatar as C } from "./Avatar/Avatar.js";
+import { AvatarGroup as A } from "./AvatarGroup/AvatarGroup.js";
+import { t as b } from "../Loading-u8hXrFJR.js";
+import { Badge as E } from "./Badge/Badge.js";
+import { Tooltip as I } from "./Tooltip/Tooltip.js";
+import { BadgeGroup as h } from "./BadgeGroup/BadgeGroup.js";
+import { Typography as F } from "./Typography/Typography.js";
+import { ButtonGroup as x } from "./ButtonGroup/ButtonGroup.js";
+import { Card as _ } from "./Card/Card.js";
+import { CheckboxCard as y } from "./CheckboxCard/CheckboxCard.js";
+import { Collapse as M } from "./Collapse/Collapse.js";
+import { CopyButton as z } from "./CopyButton/CopyButton.js";
+import { t as W } from "../Modal-B-l4ii6w.js";
+import { ConfirmDialog as j } from "./ConfirmDialog/ConfirmDialog.js";
+import { DatePicker as H } from "./Datepicker/DatePicker.js";
+import { Radio as K } from "./Radio/Radio.js";
+import { RadioGroup as Y } from "./RadioGroup/RadioGroup.js";
+import { TimePicker as $ } from "./TimePicker/TimePicker.js";
+import { DateRangePicker as or } from "./DateRangePicker/DateRangePicker.js";
+import { Divider as mr } from "./Divider/Divider.js";
+import { Drawer as pr } from "./Drawer/Drawer.js";
+import { Sheet as ar } from "./Sheet/Sheet.js";
+import { BadgeMultiSelect as nr } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
+import { CustomDateRangeFilterDropdown as lr } from "./Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
+import { DateFilterDropdown as Tr } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as gr } from "./Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { TextMultiSelect as Dr } from "./Filter/components/TextMultiSelect/TextMultiSelect.js";
+import { TimeFilterDropdown as Cr } from "./Filter/components/TimeFilterDropdown/TimeFilterDropdown.js";
+import { Filter as Ar } from "./Filter/Filter.js";
+import { t as br } from "../ImageUpload-BNZjCUTX.js";
+import { LineChart as Er } from "./LineChart/LineChart.js";
+import { OtpInput as Ir } from "./OtpInput/OtpInput.js";
+import { PasswordRules as hr } from "./PasswordRules/PasswordRules.js";
+import { t as Fr } from "../components-Bq71eyUH.js";
+import { PhoneNumberInput as xr } from "./PhoneNumberInput/PhoneNumberInput.js";
+import { PieChart as _r } from "./PieChart/PieChart.js";
+import { ProgressBar as yr } from "./ProgressBar/ProgressBar.js";
+import { RadioCard as Mr } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as zr } from "./RadioCardGroup/RadioCardGroup.js";
+import { Range as Wr } from "./Range/Range.js";
+import { Select as jr } from "./Select/Select.js";
+import { CollapseTrigger as Hr } from "./Sidebar/components/CollapseTrigger/CollapseTrigger.js";
+import { Footer as Kr } from "./Sidebar/components/Footer/Footer.js";
+import { Label as Yr } from "./Sidebar/components/Label/Label.js";
+import { Logo as $r } from "./Sidebar/components/Logo/Logo.js";
+import { NavigationGroup as oo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as mo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as po } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Navigation as ao } from "./Sidebar/components/Navigation/Navigation.js";
+import { Sidebar as no } from "./Sidebar/Sidebar.js";
+import { Skeleton as lo } from "./Skeleton/Skeleton.js";
+import { Slider as uo } from "./Slider/Slider.js";
+import { t as So } from "../Spinner-CTonkSzG.js";
+import { horizontalConnectorWrapperVariants as co, stepConnectorVariants as Co, stepContentVariants as Ro, stepDescriptionVariants as Ao, stepIndicatorVariants as Vo, stepItemVariants as bo, stepLabelVariants as vo, stepListVariants as Eo, stepVariants as wo, stepperVariants as Io } from "./Stepper/Stepper.variants.js";
+import { Stepper as ho } from "./Stepper/Stepper.js";
+import { t as Fo } from "../Switch-5cdUxbhX.js";
+import { Table as xo } from "./Table/Table.js";
+import { Content as _o } from "./Tabs/components/Content.js";
+import { List as yo } from "./Tabs/components/List.js";
+import { Trigger as Mo } from "./Tabs/components/Trigger.js";
+import { Tabs as zo } from "./Tabs/Tabs.js";
+import { Tag as Wo } from "./Tag/Tag.js";
+import { TagSelect as jo } from "./TagSelect/TagSelect.js";
+import { TagsInput as Ho } from "./TagsInput/TagsInput.js";
+import { TextArea as Ko } from "./TextArea/TextArea.js";
+import { DEFAULT_MAX_VISIBLE_TOASTS as Yo, DEFAULT_TOAST_DURATION as Zo, DEFAULT_TOAST_LIMIT as $o } from "./Toast/constants/index.js";
+import { createToastStore as ot } from "./Toast/store/create-toast-store.js";
+import { useToastStore as mt, useToastStoreApi as it } from "./Toast/hooks/useToastStore/useToastStore.js";
+import { useToast as et } from "./Toast/hooks/useToast/useToast.js";
+import { Toast as ft } from "./Toast/Toast.js";
+import { ToastProvider as st } from "./Toast/ToastProvider.js";
+import { t as dt } from "../events.types-BG1Uh8i6.js";
+import { sendResetFiltersEvent as ut } from "./VirtualizedTable/events/filters/filters.js";
+import { sendRefreshEvent as St } from "./VirtualizedTable/events/refresh/refresh.js";
+import { sendCollapseRowEvent as ct, sendExpandRowEvent as Ct, sendToggleRowEvent as Rt } from "./VirtualizedTable/events/row/row.js";
+import { EmptyState as Vt } from "./VirtualizedTable/components/EmptyState/EmptyState.js";
+import { EmptyResults as vt } from "./VirtualizedTable/components/EmptyResults/EmptyResults.js";
+import { ErrorState as wt } from "./VirtualizedTable/components/ErrorState/ErrorState.js";
+import { TruncateText as Lt } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { preloadVirtualizedTable as Bt } from "./VirtualizedTable/utils/load-content/load-content.js";
+import { VirtualizedTable as Pt } from "./VirtualizedTable/VirtualizedTable.js";
+import { useVirtualizedTableReady as Nt } from "./VirtualizedTable/hooks/useVirtualizedTableReady/useVirtualizedTableReady.js";
 export {
-  e as Alert,
-  p as AlertDialog,
-  x as Autocomplete,
-  a as Badge,
-  vo as BadgeMultiSelect,
-  d as Breadcrumb,
-  g as Button,
-  u as Card,
-  c as Checkbox,
-  Vo as Content,
-  Ro as DateFilterDropdown,
-  D as DatePicker,
-  B as Divider,
-  S as Dropdown,
-  N as DropdownButton,
-  h as Filter,
-  wo as Footer,
-  A as Input,
-  qo as List,
-  k as Loading,
-  Po as Logo,
-  G as Modal,
-  Fo as Navigation,
-  Lo as NavigationGroup,
-  yo as NavigationOption,
-  zo as NavigationSeparator,
-  M as NumberInput,
-  I as PieChart,
-  O as ProgressBar,
-  j as Radio,
-  E as RadioCard,
-  J as RadioCardGroup,
-  Q as RadioGroup,
-  W as Range,
-  Y as Sidebar,
-  _ as Slider,
-  oo as Switch,
-  eo as Table,
-  po as Tabs,
-  xo as Tag,
-  ao as TagSelect,
-  no as TextArea,
-  lo as TimePicker,
-  To as Toast,
-  bo as Tooltip,
-  Ho as Trigger,
-  Ko as TruncateText,
-  so as Typography,
-  Co as VirtualizedTable
+  l as Alert,
+  g as AlertDialog,
+  D as Autocomplete,
+  C as Avatar,
+  A as AvatarGroup,
+  E as Badge,
+  h as BadgeGroup,
+  nr as BadgeMultiSelect,
+  p as Breadcrumb,
+  T as Button,
+  x as ButtonGroup,
+  _ as Card,
+  o as Checkbox,
+  y as CheckboxCard,
+  M as Collapse,
+  Hr as CollapseTrigger,
+  j as ConfirmDialog,
+  _o as Content,
+  z as CopyButton,
+  n as Counter,
+  lr as CustomDateRangeFilterDropdown,
+  Yo as DEFAULT_MAX_VISIBLE_TOASTS,
+  Zo as DEFAULT_TOAST_DURATION,
+  $o as DEFAULT_TOAST_LIMIT,
+  Tr as DateFilterDropdown,
+  H as DatePicker,
+  gr as DateRangeFilterDropdown,
+  or as DateRangePicker,
+  mr as Divider,
+  pr as Drawer,
+  jr as Dropdown,
+  m as DropdownButton,
+  vt as EmptyResults,
+  Vt as EmptyState,
+  wt as ErrorState,
+  Ar as Filter,
+  Kr as Footer,
+  br as ImageUpload,
+  a as Input,
+  Yr as Label,
+  Er as LineChart,
+  yo as List,
+  b as Loading,
+  $r as Logo,
+  W as Modal,
+  Fr as MultiSelectDropdown,
+  ao as Navigation,
+  oo as NavigationGroup,
+  mo as NavigationOption,
+  po as NavigationSeparator,
+  n as NumberInput,
+  Ir as OtpInput,
+  hr as PasswordRules,
+  xr as PhoneNumberInput,
+  _r as PieChart,
+  yr as ProgressBar,
+  K as Radio,
+  Mr as RadioCard,
+  zr as RadioCardGroup,
+  Y as RadioGroup,
+  Wr as Range,
+  jr as Select,
+  ar as Sheet,
+  no as Sidebar,
+  lo as Skeleton,
+  uo as Slider,
+  So as Spinner,
+  ho as Stepper,
+  Fo as Switch,
+  xo as Table,
+  zo as Tabs,
+  Wo as Tag,
+  jo as TagSelect,
+  Ho as TagsInput,
+  Ko as TextArea,
+  Dr as TextMultiSelect,
+  Cr as TimeFilterDropdown,
+  $ as TimePicker,
+  ft as Toast,
+  st as ToastProvider,
+  I as Tooltip,
+  Mo as Trigger,
+  Lt as TruncateText,
+  F as Typography,
+  Pt as VirtualizedTable,
+  dt as VirtualizedTableEvent,
+  ot as createToastStore,
+  co as horizontalConnectorWrapperVariants,
+  Bt as preloadVirtualizedTable,
+  ct as sendCollapseRowEvent,
+  Ct as sendExpandRowEvent,
+  St as sendRefreshEvent,
+  ut as sendResetFiltersEvent,
+  Rt as sendToggleRowEvent,
+  Co as stepConnectorVariants,
+  Ro as stepContentVariants,
+  Ao as stepDescriptionVariants,
+  Vo as stepIndicatorVariants,
+  bo as stepItemVariants,
+  vo as stepLabelVariants,
+  Eo as stepListVariants,
+  wo as stepVariants,
+  Io as stepperVariants,
+  et as useToast,
+  mt as useToastStore,
+  it as useToastStoreApi,
+  Nt as useVirtualizedTableReady
 };

package/dist/components-Bq71eyUH.js

@@ -0,0 +1,147 @@
+import { n as W } from "./Wrapper-B5PmrW4J.js";
+import { n as z, t as n } from "./utils-DnIJruo0.js";
+import { LoaderIcon as E } from "./assets/icons/components/Loader.js";
+import { t as F } from "./x-C8O1IsaM.js";
+import { Badge as K } from "./components/Badge/Badge.js";
+import { Typography as h } from "./components/Typography/Typography.js";
+import { useMultiSelectDropdown as I } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js";
+import { MultiSelectDropdownProvider as P } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js";
+import { Item as k } from "./components/MultiSelectDropdown/components/Item/Item.js";
+import { listVariants as U } from "./components/MultiSelectDropdown/components/List/List.variants.js";
+import { useMultiSelectDropdown as X } from "./components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js";
+import { labelVariants as q, multiSelectDropdownVariants as A, wrapperVariants as G } from "./components/MultiSelectDropdown/MultiSelectDropdown.variants.js";
+import { forwardRef as O, useId as J, useImperativeHandle as Q } from "react";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+var Y = ({ theme: a }) => {
+  const { options: r, selectedOptions: l, isLoading: o, noOptionsText: s, loadingText: i } = I();
+  return /* @__PURE__ */ e("ul", {
+    role: "listbox",
+    "data-theme": a,
+    className: n(U()),
+    children: o ? /* @__PURE__ */ e(k, {
+      option: {
+        id: "loading",
+        label: i ?? "Loading..."
+      },
+      className: "select-none pointer-events-none",
+      isSelected: !1
+    }, "loading") : r.length > 0 ? r.map((t) => /* @__PURE__ */ e(k, {
+      option: t,
+      isSelected: l.some((d) => d.id === t.id)
+    }, t.id)) : /* @__PURE__ */ e("li", {
+      className: "select-none",
+      children: /* @__PURE__ */ e(h, {
+        variant: "body2",
+        className: "italic px-2 py-2",
+        children: s ?? "No options"
+      })
+    })
+  });
+}, D = O(({ disabled: a = !1, error: r, errorClassName: l, helperText: o, helperTextClassName: s, isRequired: i, label: t, labelClassName: d, labelWrapperClassName: x, name: u, placeholder: M = "", theme: L, wrapperClassName: $ }, C) => {
+  const c = J(), g = u ? `${c}-name` : "id", b = `${c}-error`, y = `${c}-helper-text`, m = typeof r == "string" && r.length > 0, w = !m && !!o, T = z(m && b, w && y), { inputRef: f, isLoading: V, isOpen: v, selectedOptions: S, onOpen: R, onRemoveOption: j } = I(), { wrapperRef: B, handleOpen: H } = X();
+  return Q(C, () => f.current, [f]), /* @__PURE__ */ N("div", {
+    ref: B,
+    className: n(G({ className: $ })),
+    "data-theme": L,
+    children: [
+      t ? /* @__PURE__ */ e("div", {
+        className: n(x),
+        children: /* @__PURE__ */ N(h, {
+          component: "label",
+          variant: "labelLarge",
+          id: `${c}-label`,
+          htmlFor: g,
+          className: n(q({ className: d })),
+          onClick: () => {
+            a || R(!0);
+          },
+          children: [
+            t,
+            " ",
+            i && /* @__PURE__ */ e(h, {
+              component: "span",
+              className: "text-red-500 dark:text-red-500 text-sm font-normal",
+              children: "*"
+            })
+          ]
+        })
+      }) : null,
+      /* @__PURE__ */ N("div", {
+        id: g,
+        className: n(A({
+          hasError: m,
+          disabled: a
+        })),
+        role: "combobox",
+        onClick: a ? void 0 : H,
+        "aria-expanded": v,
+        "aria-labelledby": t ? `${c}-label` : void 0,
+        "aria-invalid": m || void 0,
+        "aria-describedby": T,
+        "aria-disabled": a || void 0,
+        "aria-required": i || void 0,
+        children: [S.length === 0 ? /* @__PURE__ */ e("span", {
+          className: "text-base text-inherit select-none",
+          children: M
+        }) : /* @__PURE__ */ e("div", {
+          className: "flex flex-wrap gap-2",
+          children: S.map((p) => /* @__PURE__ */ e(K, {
+            "data-value": p.label,
+            label: p.value ?? p.label ?? "",
+            className: "select-none",
+            rightIcon: /* @__PURE__ */ e(F, { onClick: () => {
+              a || j(p);
+            } })
+          }, p.id))
+        }), V ? /* @__PURE__ */ e(E, {
+          size: 16,
+          className: "animate-spin shrink-0 text-gray-400"
+        }) : /* @__PURE__ */ e(W, { className: n("w-4 h-4 transition-all duration-50 shrink-0 text-gray-400", v ? "rotate-0" : "rotate-180") })]
+      }),
+      /* @__PURE__ */ e("input", {
+        ref: f,
+        type: "text",
+        name: u,
+        className: "hidden",
+        tabIndex: -1,
+        "aria-hidden": "true",
+        readOnly: !0
+      }),
+      v && !a ? /* @__PURE__ */ e(Y, {}) : null,
+      m ? /* @__PURE__ */ e(h, {
+        component: "span",
+        id: b,
+        className: n("text-xs tracking-normal text-red-700 dark:text-red-400", l),
+        children: r
+      }) : null,
+      w ? /* @__PURE__ */ e(h, {
+        component: "span",
+        id: y,
+        className: n("text-xs text-slate-600 dark:text-slate-200", s),
+        children: o
+      }) : null
+    ]
+  });
+});
+D.displayName = "MultiSelectDropdownWrapper";
+var Z = O(({ isLoading: a, multiselect: r, name: l, noOptionsText: o, options: s, value: i, onChange: t, onBlur: d, ...x }, u) => /* @__PURE__ */ e(P, {
+  defaultOptions: s,
+  multiselect: r,
+  value: i,
+  onChange: t,
+  onBlur: d,
+  name: l,
+  isLoading: a,
+  noOptionsText: o,
+  children: /* @__PURE__ */ e(D, {
+    ref: u,
+    name: l,
+    ...x
+  })
+}));
+Z.displayName = "KonstructMultiSelectDropdown";
+export {
+  D as n,
+  Y as r,
+  Z as t
+};

package/dist/constants-q2QnJrOb.js

@@ -0,0 +1,31 @@
+import { t } from "./utils-DnIJruo0.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 = 2592e6, 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/contexts/index.js

@@ -1,8 +1,8 @@
-import { ThemeContext as r } from "./theme.context.js";
-import { useTheme as t } from "./theme.hook.js";
-import { ThemeProvider as f } from "./theme.provider.js";
+import { ThemeContext as m } from "./theme.context.js";
+import { useTheme as r } from "./theme.hook.js";
+import { t as i } from "../theme.provider-CvL6sqHq.js";
 export {
-  r as ThemeContext,
-  f as ThemeProvider,
-  t as useTheme
+  m as ThemeContext,
+  i as ThemeProvider,
+  r as useTheme
 };

package/dist/contexts/theme.context.js

@@ -1,10 +1,10 @@
 import { createContext as e } from "react";
-const o = e({
+var r = e({
   theme: void 0,
   setTheme() {
     throw new Error("setTheme function must be overridden");
   }
 });
 export {
-  o as ThemeContext
+  r as ThemeContext
 };

package/dist/contexts/theme.hook.js

@@ -1,6 +1,6 @@
-import { useContext as t } from "react";
 import { ThemeContext as e } from "./theme.context.js";
-const m = () => t(e);
+import { useContext as r } from "react";
+var m = () => r(e);
 export {
   m as useTheme
 };

package/dist/contexts/theme.provider.js

@@ -1,87 +1,4 @@
-import { jsx as v } from "react/jsx-runtime";
-import { useState as h, useEffect as g } from "react";
-import { isClient as l } from "../utils/index.js";
-import { ThemeContext as C } from "./theme.context.js";
-/*! js-cookie v3.0.5 | MIT */
-function p(r) {
-  for (var o = 1; o < arguments.length; o++) {
-    var t = arguments[o];
-    for (var f in t)
-      r[f] = t[f];
-  }
-  return r;
-}
-var a = {
-  read: function(r) {
-    return r[0] === '"' && (r = r.slice(1, -1)), r.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(r) {
-    return encodeURIComponent(r).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function s(r, o) {
-  function t(n, u, e) {
-    if (!(typeof document > "u")) {
-      e = p({}, o, e), typeof e.expires == "number" && (e.expires = new Date(Date.now() + e.expires * 864e5)), e.expires && (e.expires = e.expires.toUTCString()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var i = "";
-      for (var c in e)
-        e[c] && (i += "; " + c, e[c] !== !0 && (i += "=" + e[c].split(";")[0]));
-      return document.cookie = n + "=" + r.write(u, n) + i;
-    }
-  }
-  function f(n) {
-    if (!(typeof document > "u" || arguments.length && !n)) {
-      for (var u = document.cookie ? document.cookie.split("; ") : [], e = {}, i = 0; i < u.length; i++) {
-        var c = u[i].split("="), m = c.slice(1).join("=");
-        try {
-          var d = decodeURIComponent(c[0]);
-          if (e[d] = r.read(m, d), n === d)
-            break;
-        } catch {
-        }
-      }
-      return n ? e[n] : e;
-    }
-  }
-  return Object.create(
-    {
-      set: t,
-      get: f,
-      remove: function(n, u) {
-        t(
-          n,
-          "",
-          p({}, u, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(n) {
-        return s(this.converter, p({}, this.attributes, n));
-      },
-      withConverter: function(n) {
-        return s(p({}, this.converter, n), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(o) },
-      converter: { value: Object.freeze(r) }
-    }
-  );
-}
-var x = s(a, { path: "/" });
-const R = ({
-  children: r,
-  theme: o
-}) => {
-  const [t, f] = h(() => o || (l ? x.get("konstruct-theme") : "kubefirst"));
-  return g(() => {
-    document.querySelector("body")?.setAttribute("data-theme", t);
-  }, [t]), /* @__PURE__ */ v(C.Provider, { value: { theme: t, setTheme: f }, children: r });
-};
+import { t as e } from "../theme.provider-CvL6sqHq.js";
 export {
-  R as ThemeProvider
+  e as ThemeProvider
 };