@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.80

package/dist/components/index.js

@@ -1,100 +1,142 @@
-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 { t as o } from "../Checkbox-Cn0UWlk8.js";
+import { t as m } from "../DropdownButton-B2XkEqPt.js";
+import { t as p } from "../Breadcrumb-C95aOsYk.js";
+import { t as a } from "../Input-GBMxM3Z7.js";
+import { t as n } from "../Counter-DtQu_T-D.js";
+import { Alert as l } from "./Alert/Alert.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 { AlertDialog as c } from "./AlertDialog/AlertDialog.js";
+import { Autocomplete as D } from "./Autocomplete/Autocomplete.js";
+import { t as V } from "../Loading-DKqxR-oV.js";
+import { Badge as S } from "./Badge/Badge.js";
+import { Typography as R } from "./Typography/Typography.js";
+import { ButtonGroup as h } from "./ButtonGroup/ButtonGroup.js";
+import { Card as x } from "./Card/Card.js";
+import { DatePicker as L } from "./Datepicker/DatePicker.js";
+import { Radio as P } from "./Radio/Radio.js";
+import { RadioGroup as F } from "./RadioGroup/RadioGroup.js";
+import { TimePicker as A } from "./TimePicker/TimePicker.js";
+import { DateRangePicker as M } from "./DateRangePicker/DateRangePicker.js";
+import { Divider as y } from "./Divider/Divider.js";
+import { Drawer as U } from "./Drawer/Drawer.js";
+import { BadgeMultiSelect as j } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
+import { DateFilterDropdown as H } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as K } from "./Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+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-BzXjGZ2w.js";
+import { LineChart as mr } from "./LineChart/LineChart.js";
+import { t as pr } from "../Modal-DbTe8PVX.js";
+import { t as ar } from "../components-DNFycJGm.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 { RadioCardGroup as Dr } from "./RadioCardGroup/RadioCardGroup.js";
+import { Range as Vr } from "./Range/Range.js";
+import { Select as Sr } from "./Select/Select.js";
+import { Footer as Rr } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as hr } from "./Sidebar/components/Logo/Logo.js";
+import { NavigationGroup as xr } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as Lr } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as Pr } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Navigation as Fr } from "./Sidebar/components/Navigation/Navigation.js";
+import { Sidebar as Ar } from "./Sidebar/Sidebar.js";
+import { Slider as Mr } from "./Slider/Slider.js";
+import { t as yr } from "../Spinner-CyuXAaC8.js";
+import { horizontalConnectorWrapperVariants as Ur, stepConnectorVariants as Wr, stepContentVariants as jr, stepDescriptionVariants as qr, stepIndicatorVariants as Hr, stepItemVariants as Jr, stepLabelVariants as Kr, stepListVariants as Qr, stepVariants as Xr, stepperVariants as Yr } from "./Stepper/Stepper.variants.js";
+import { Stepper as _r } from "./Stepper/Stepper.js";
+import { t as ro } from "../Switch-DjbC0A8y.js";
+import { Table as to } from "./Table/Table.js";
+import { Content as io } from "./Tabs/components/Content.js";
+import { List as eo } from "./Tabs/components/List.js";
+import { Trigger as fo } from "./Tabs/components/Trigger.js";
+import { Tabs as so } from "./Tabs/Tabs.js";
+import { Tag as go } from "./Tag/Tag.js";
+import { TagSelect as co } from "./TagSelect/TagSelect.js";
+import { TextArea as Do } from "./TextArea/TextArea.js";
+import { t as Vo } from "../Toast-D7GhS4fm.js";
+import { Tooltip as So } from "./Tooltip/Tooltip.js";
+import { VirtualizedTableEvent as Ro, sendCollapseRowEvent as vo, sendExpandRowEvent as ho, sendToggleRowEvent as Bo } from "./VirtualizedTable/events/index.js";
+import { TruncateText as Io } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { VirtualizedTable as No } from "./VirtualizedTable/VirtualizedTable.js";
 export {
-  e as Alert,
-  p as AlertDialog,
-  x as Autocomplete,
-  a as Badge,
-  vo as BadgeMultiSelect,
-  d as Breadcrumb,
+  l as Alert,
+  c as AlertDialog,
+  D as Autocomplete,
+  S as Badge,
+  j as BadgeMultiSelect,
+  p 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
+  h as ButtonGroup,
+  x as Card,
+  o as Checkbox,
+  io as Content,
+  n as Counter,
+  H as DateFilterDropdown,
+  L as DatePicker,
+  K as DateRangeFilterDropdown,
+  M as DateRangePicker,
+  y as Divider,
+  U as Drawer,
+  Sr as Dropdown,
+  m as DropdownButton,
+  $ as Filter,
+  Rr as Footer,
+  or as ImageUpload,
+  a as Input,
+  mr as LineChart,
+  eo as List,
+  V as Loading,
+  hr as Logo,
+  pr as Modal,
+  ar as MultiSelectDropdown,
+  Fr as Navigation,
+  xr as NavigationGroup,
+  Lr as NavigationOption,
+  Pr as NavigationSeparator,
+  n as NumberInput,
+  nr as PhoneNumberInput,
+  lr as PieChart,
+  gr as ProgressBar,
+  P as Radio,
+  cr as RadioCard,
+  Dr as RadioCardGroup,
+  F as RadioGroup,
+  Vr as Range,
+  Sr as Select,
+  Ar as Sidebar,
+  Mr as Slider,
+  yr as Spinner,
+  _r as Stepper,
+  ro as Switch,
+  to as Table,
+  so as Tabs,
+  go as Tag,
+  co as TagSelect,
+  Do as TextArea,
+  X as TextMultiSelect,
+  Z as TimeFilterDropdown,
+  A as TimePicker,
+  Vo as Toast,
+  So as Tooltip,
+  fo as Trigger,
+  Io as TruncateText,
+  R as Typography,
+  No as VirtualizedTable,
+  Ro as VirtualizedTableEvent,
+  Ur as horizontalConnectorWrapperVariants,
+  vo as sendCollapseRowEvent,
+  ho as sendExpandRowEvent,
+  Bo as sendToggleRowEvent,
+  Wr as stepConnectorVariants,
+  jr as stepContentVariants,
+  qr as stepDescriptionVariants,
+  Hr as stepIndicatorVariants,
+  Jr as stepItemVariants,
+  Kr as stepLabelVariants,
+  Qr as stepListVariants,
+  Xr as stepVariants,
+  Yr as stepperVariants
 };

package/dist/components-DNFycJGm.js

@@ -0,0 +1,120 @@
+import { n as L } from "./Wrapper-CjUokv72.js";
+import { t as o } from "./utils-DHuiYnx1.js";
+import { LoaderIcon as I } from "./assets/icons/components/Loader.js";
+import { t as C } from "./x-a0ouxoIM.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 { 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";
+var H = ({ theme: n }) => {
+  const { options: a, selectedOptions: r, isLoading: s, noOptionsText: l } = w();
+  return /* @__PURE__ */ e("ul", {
+    role: "listbox",
+    "data-theme": n,
+    className: o(j()),
+    children: s ? /* @__PURE__ */ e(g, {
+      option: {
+        id: "loading",
+        label: "Loading..."
+      },
+      className: "select-none pointer-events-none",
+      isSelected: !1
+    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(g, {
+      option: t,
+      isSelected: r.some((i) => i.id === t.id)
+    }, t.id)) : /* @__PURE__ */ e("li", {
+      className: "select-none",
+      children: /* @__PURE__ */ e(N, {
+        variant: "body2",
+        className: "italic px-2 py-2",
+        children: l ?? "No options"
+      })
+    })
+  });
+}, 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", {
+    ref: M,
+    className: o(z({ className: m })),
+    "data-theme": i,
+    children: [
+      a ? /* @__PURE__ */ e("div", {
+        className: o(s),
+        children: /* @__PURE__ */ h(N, {
+          component: "label",
+          variant: "labelLarge",
+          htmlFor: x,
+          className: o(W({ className: r })),
+          onClick: () => O(!0),
+          children: [
+            a,
+            " ",
+            n && /* @__PURE__ */ e(N, {
+              component: "span",
+              className: "text-red-500 dark:text-red-500 text-sm font-normal",
+              children: "*"
+            })
+          ]
+        })
+      }) : null,
+      /* @__PURE__ */ h("div", {
+        id: x,
+        className: o($()),
+        role: "combobox",
+        onClick: k,
+        "aria-expanded": f,
+        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 ?? "",
+            className: "select-none",
+            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(d) })
+          }, d.id))
+        }), S ? /* @__PURE__ */ e(I, {
+          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("input", {
+        ref: u,
+        type: "text",
+        name: l,
+        className: "hidden",
+        readOnly: !0
+      }),
+      f ? /* @__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, {
+  defaultOptions: l,
+  multiselect: a,
+  value: t,
+  onChange: i,
+  onBlur: m,
+  name: r,
+  isLoading: n,
+  noOptionsText: s,
+  children: /* @__PURE__ */ e(y, {
+    ref: p,
+    name: r,
+    ...c
+  })
+}));
+K.displayName = "KonstructMultiSelectDropdown";
+export {
+  y as n,
+  H as r,
+  K as t
+};

package/dist/constants-D96yCePL.js

@@ -0,0 +1,31 @@
+import { t } from "./utils-DHuiYnx1.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-[30px]", "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-[#314158]", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
+  day: t("p-0", "w-[37px]", "h-[38px]", "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-[4px]", "before:bottom-[4px]", "before:left-1/2", "before:right-0", "before:!bg-[#EFF6FF]", "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-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-1/2", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
+  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-[#314158]", "[&>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-[#62748e]", "dark:text-metal-400", e?.weekdays),
+  weeks: t("[&>tr>td]:p-0", "[&>tr]:h-[38px]", e?.weeks),
+  weekday: t("font-semibold", "text-xs", "uppercase", "text-[#62748e]", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
+  today: t("[&>button]:text-[#155dfc]", "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, d = 56, l = 28, u = 38;
+export {
+  l as a,
+  a as i,
+  d as n,
+  u as o,
+  n as r,
+  o as s,
+  b as t
+};

package/dist/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme.context';
+export * from './theme.hook';
+export * from './theme.provider';

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-BgxXUOMP.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.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '../domain/theme';
+export type ThemeContextType = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare const ThemeContext: import('react').Context<ThemeContextType>;

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.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../domain/theme';
+type ThemeProps = {
+    theme?: Theme;
+    setTheme?: (theme: Theme) => void;
+};
+export declare const useTheme: () => ThemeProps;
+export {};

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.d.ts

@@ -0,0 +1,38 @@
+import { FC, PropsWithChildren } from 'react';
+import { ThemeContextType } from './theme.context';
+/**
+ * Props for the ThemeProvider component.
+ */
+export type ThemeContextProps = PropsWithChildren & {
+    /** Initial theme to use */
+    theme?: ThemeContextType['theme'];
+};
+/**
+ * Theme provider component that wraps your app to enable theming.
+ * Sets the `data-theme` attribute on the body element and persists theme choice in cookies.
+ *
+ * @example
+ * ```tsx
+ * // Wrap your app with ThemeProvider
+ * import { ThemeProvider } from '@konstructio/ui';
+ *
+ * function App() {
+ *   return (
+ *     <ThemeProvider theme="kubefirst">
+ *       <YourApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ *
+ * // Access theme in components
+ * import { useTheme } from '@konstructio/ui';
+ *
+ * function MyComponent() {
+ *   const { theme, setTheme } = useTheme();
+ *   return <button onClick={() => setTheme('dark')}>Dark Mode</button>;
+ * }
+ * ```
+ *
+ * Available themes: 'kubefirst' | 'light' | 'kubefirst-dark' | 'dark'
+ */
+export declare const ThemeProvider: FC<ThemeContextProps>;

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-BgxXUOMP.js";
 export {
-  R as ThemeProvider
+  e as ThemeProvider
 };

package/dist/createLucideIcon-BVGkzDZC.js

@@ -0,0 +1,42 @@
+import { createContext as A, createElement as c, forwardRef as C, useContext as b } from "react";
+var h = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), L = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (t) => t.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()), d = (t) => {
+  const e = W(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}, S = (t) => {
+  for (const e in t) if (e.startsWith("aria-") || e === "role" || e === "title") return !0;
+  return !1;
+}, y = A({}), $ = () => b(y), j = C(({ color: t, size: e, strokeWidth: r, absoluteStrokeWidth: o, className: s = "", children: a, iconNode: m, ...l }, p) => {
+  const { size: i = 24, strokeWidth: u = 2, absoluteStrokeWidth: v = !1, color: x = "currentColor", className: w = "" } = $() ?? {}, f = o ?? v ? Number(r ?? u) * 24 / Number(e ?? i) : r ?? u;
+  return c("svg", {
+    ref: p,
+    ...n,
+    width: e ?? i ?? n.width,
+    height: e ?? i ?? n.height,
+    stroke: t ?? x,
+    strokeWidth: f,
+    className: h("lucide", w, s),
+    ...!a && !S(l) && { "aria-hidden": "true" },
+    ...l
+  }, [...m.map(([k, g]) => c(k, g)), ...Array.isArray(a) ? a : [a]]);
+}), N = (t, e) => {
+  const r = C(({ className: o, ...s }, a) => c(j, {
+    ref: a,
+    iconNode: e,
+    className: h(`lucide-${L(d(t))}`, `lucide-${t}`, o),
+    ...s
+  }));
+  return r.displayName = d(t), r;
+};
+export {
+  N as t
+};