@konstructio/ui 0.1.2-alpha.52 → 0.1.2-alpha.53

package/dist/components/index.d.ts

@@ -0,0 +1,48 @@
+export * from './Alert/Alert';
+export * from './AlertDialog/AlertDialog';
+export * from './Autocomplete/Autocomplete';
+export * from './Badge/Badge';
+export * from './Breadcrumb/Breadcrumb';
+export * from './Button/Button';
+export * from './Card/Card';
+export * from './Checkbox/Checkbox';
+export * from './Counter/Counter';
+export * from './Datepicker/DatePicker';
+export * from './DateRangePicker/DateRangePicker';
+export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
+export * from './Divider/Divider';
+export * from './DropdownButton/DropdownButton';
+export * from './Filter/Filter';
+export * from './ImageUpload/ImageUpload';
+export * from './Input/Input';
+export * from './Loading/Loading';
+export * from './Modal/Modal';
+export * from './MultiSelectDropdown/MultiSelectDropdown';
+export * from './PhoneNumberInput/PhoneNumberInput';
+export * from './PieChart/PieChart';
+export * from './ProgressBar/ProgressBar';
+export * from './Radio/Radio';
+export * from './RadioCard/RadioCard';
+export * from './RadioCardGroup/RadioCardGroup';
+export * from './RadioGroup/RadioGroup';
+export * from './Range/Range';
+export * from './Select/Select';
+export * from './Sidebar/Sidebar';
+export * from './Slider/Slider';
+export * from './Stepper/Stepper';
+export * from './Switch/Switch';
+export * from './Table/Table';
+export * from './Tabs/Tabs';
+export * from './Tag/Tag';
+export * from './TagSelect/TagSelect';
+export * from './TextArea/TextArea';
+export * from './TimePicker/TimePicker';
+export * from './Toast/Toast';
+export * from './Tooltip/Tooltip';
+export * from './Typography/Typography';
+export * from './VirtualizedTable/VirtualizedTable';
+export type { ColumnDef, RowData, } from './VirtualizedTable/VirtualizedTable.types';
+export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
+export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
+export { Counter as NumberInput } from './Counter/Counter';
+export { Select as Dropdown } from './Select/Select';

package/dist/components/index.js

@@ -1,108 +1,125 @@
-import { Alert as e } from "./Alert/Alert.js";
+import { Alert as t } 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 { Autocomplete as m } from "./Autocomplete/Autocomplete.js";
+import { Badge as f } from "./Badge/Badge.js";
 import { Breadcrumb as n } from "./Breadcrumb/Breadcrumb.js";
-import { Button as l } from "./Button/Button.js";
+import { Button as d } from "./Button/Button.js";
 import { Card as g } from "./Card/Card.js";
 import { Checkbox as c } from "./Checkbox/Checkbox.js";
-import { Counter as b, Counter as s } from "./Counter/Counter.js";
-import { DatePicker as D } from "./Datepicker/DatePicker.js";
-import { Divider as N } from "./Divider/Divider.js";
-import { DropdownButton as v } from "./DropdownButton/DropdownButton.js";
+import { Counter as D, Counter as C } from "./Counter/Counter.js";
+import { DatePicker as S } from "./Datepicker/DatePicker.js";
+import { DateRangePicker as R } from "./DateRangePicker/DateRangePicker.js";
+import { Divider as w } from "./Divider/Divider.js";
+import { DropdownButton as I } from "./DropdownButton/DropdownButton.js";
 import { Filter as P } from "./Filter/Filter.js";
-import { ImageUpload as A } from "./ImageUpload/ImageUpload.js";
-import { Input as M } from "./Input/Input.js";
-import { Loading as F } from "./Loading/Loading.js";
-import { M as L } from "../Modal-CjC-CIJ8.js";
-import { MultiSelectDropdown as z } from "./MultiSelectDropdown/MultiSelectDropdown.js";
-import { PhoneNumberInput as U } from "./PhoneNumberInput/PhoneNumberInput.js";
-import { PieChart as j } from "./PieChart/PieChart.js";
-import { ProgressBar as E } from "./ProgressBar/ProgressBar.js";
-import { Radio as J } from "./Radio/Radio.js";
-import { RadioCard as Q } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as X } from "./RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as Z } from "./RadioGroup/RadioGroup.js";
-import { Range as $ } from "./Range/Range.js";
-import { Select as ro, Select as eo } from "./Select/Select.js";
-import { Sidebar as po } from "./Sidebar/Sidebar.js";
-import { Slider as xo } from "./Slider/Slider.js";
-import { Switch as ao } from "./Switch/Switch.js";
-import { Table as no } from "./Table/Table.js";
-import { Tabs as uo } from "./Tabs/Tabs.js";
-import { Tag as To } from "./Tag/Tag.js";
-import { TagSelect as So } from "./TagSelect/TagSelect.js";
-import { TextArea as so } from "./TextArea/TextArea.js";
-import { TimePicker as Do } from "./TimePicker/TimePicker.js";
-import { Toast as No } from "./Toast/Toast.js";
-import { Tooltip as vo } from "./Tooltip/Tooltip.js";
-import { Typography as Po } from "./Typography/Typography.js";
-import { VirtualizedTable as Ao } from "./VirtualizedTable/VirtualizedTable.js";
-import { BadgeMultiSelect as Mo } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as Fo } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
-import { Footer as Lo } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as zo } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as Uo } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as jo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as Eo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as Jo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
-import { Content as Qo } from "./Tabs/components/Content.js";
-import { List as Xo } from "./Tabs/components/List.js";
-import { Trigger as Zo } from "./Tabs/components/Trigger.js";
-import { TruncateText as $o } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
+import { ImageUpload as L } from "./ImageUpload/ImageUpload.js";
+import { Input as A } from "./Input/Input.js";
+import { Loading as M } from "./Loading/Loading.js";
+import { M as y } from "../Modal-CjC-CIJ8.js";
+import { MultiSelectDropdown as O } from "./MultiSelectDropdown/MultiSelectDropdown.js";
+import { PhoneNumberInput as W } from "./PhoneNumberInput/PhoneNumberInput.js";
+import { PieChart as q } from "./PieChart/PieChart.js";
+import { ProgressBar as H } from "./ProgressBar/ProgressBar.js";
+import { Radio as K } from "./Radio/Radio.js";
+import { RadioCard as X } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as Z } from "./RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as $ } from "./RadioGroup/RadioGroup.js";
+import { Range as or } from "./Range/Range.js";
+import { Select as er, Select as pr } from "./Select/Select.js";
+import { Sidebar as mr } from "./Sidebar/Sidebar.js";
+import { Slider as fr } from "./Slider/Slider.js";
+import { Stepper as nr } from "./Stepper/Stepper.js";
+import { Switch as dr } from "./Switch/Switch.js";
+import { Table as gr } from "./Table/Table.js";
+import { Tabs as cr } from "./Tabs/Tabs.js";
+import { Tag as Dr } from "./Tag/Tag.js";
+import { TagSelect as Vr } from "./TagSelect/TagSelect.js";
+import { TextArea as br } from "./TextArea/TextArea.js";
+import { TimePicker as hr } from "./TimePicker/TimePicker.js";
+import { Toast as Br } from "./Toast/Toast.js";
+import { Tooltip as Nr } from "./Tooltip/Tooltip.js";
+import { Typography as vr } from "./Typography/Typography.js";
+import { VirtualizedTable as kr } from "./VirtualizedTable/VirtualizedTable.js";
+import { horizontalConnectorWrapperVariants as Fr, stepConnectorVariants as Mr, stepContentVariants as Gr, stepDescriptionVariants as yr, stepIndicatorVariants as zr, stepItemVariants as Or, stepLabelVariants as Ur, stepListVariants as Wr, stepVariants as jr, stepperVariants as qr } from "./Stepper/Stepper.variants.js";
+import { BadgeMultiSelect as Hr } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
+import { DateFilterDropdown as Kr } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as Xr } from "./Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { Footer as Zr } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as $r } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as oo } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as eo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as ao } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as xo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Content as io } from "./Tabs/components/Content.js";
+import { List as so } from "./Tabs/components/List.js";
+import { Trigger as go } from "./Tabs/components/Trigger.js";
+import { TruncateText as co } from "./VirtualizedTable/components/TruncateText/TruncateText.js";
 export {
-  e as Alert,
+  t as Alert,
   p as AlertDialog,
-  x as Autocomplete,
-  a as Badge,
-  Mo as BadgeMultiSelect,
+  m as Autocomplete,
+  f as Badge,
+  Hr as BadgeMultiSelect,
   n as Breadcrumb,
-  l as Button,
+  d as Button,
   g as Card,
   c as Checkbox,
-  Qo as Content,
-  b as Counter,
-  Fo as DateFilterDropdown,
-  D as DatePicker,
-  N as Divider,
-  ro as Dropdown,
-  v as DropdownButton,
+  io as Content,
+  D as Counter,
+  Kr as DateFilterDropdown,
+  S as DatePicker,
+  Xr as DateRangeFilterDropdown,
+  R as DateRangePicker,
+  w as Divider,
+  er as Dropdown,
+  I as DropdownButton,
   P as Filter,
-  Lo as Footer,
-  A as ImageUpload,
-  M as Input,
-  Xo as List,
-  F as Loading,
-  zo as Logo,
-  L as Modal,
-  z as MultiSelectDropdown,
-  Uo as Navigation,
-  jo as NavigationGroup,
-  Eo as NavigationOption,
-  Jo as NavigationSeparator,
-  s as NumberInput,
-  U as PhoneNumberInput,
-  j as PieChart,
-  E as ProgressBar,
-  J as Radio,
-  Q as RadioCard,
-  X as RadioCardGroup,
-  Z as RadioGroup,
-  $ as Range,
-  eo as Select,
-  po as Sidebar,
-  xo as Slider,
-  ao as Switch,
-  no as Table,
-  uo as Tabs,
-  To as Tag,
-  So as TagSelect,
-  so as TextArea,
-  Do as TimePicker,
-  No as Toast,
-  vo as Tooltip,
-  Zo as Trigger,
-  $o as TruncateText,
-  Po as Typography,
-  Ao as VirtualizedTable
+  Zr as Footer,
+  L as ImageUpload,
+  A as Input,
+  so as List,
+  M as Loading,
+  $r as Logo,
+  y as Modal,
+  O as MultiSelectDropdown,
+  oo as Navigation,
+  eo as NavigationGroup,
+  ao as NavigationOption,
+  xo as NavigationSeparator,
+  C as NumberInput,
+  W as PhoneNumberInput,
+  q as PieChart,
+  H as ProgressBar,
+  K as Radio,
+  X as RadioCard,
+  Z as RadioCardGroup,
+  $ as RadioGroup,
+  or as Range,
+  pr as Select,
+  mr as Sidebar,
+  fr as Slider,
+  nr as Stepper,
+  dr as Switch,
+  gr as Table,
+  cr as Tabs,
+  Dr as Tag,
+  Vr as TagSelect,
+  br as TextArea,
+  hr as TimePicker,
+  Br as Toast,
+  Nr as Tooltip,
+  go as Trigger,
+  co as TruncateText,
+  vr as Typography,
+  kr as VirtualizedTable,
+  Fr as horizontalConnectorWrapperVariants,
+  Mr as stepConnectorVariants,
+  Gr as stepContentVariants,
+  yr as stepDescriptionVariants,
+  zr as stepIndicatorVariants,
+  Or as stepItemVariants,
+  Ur as stepLabelVariants,
+  Wr as stepListVariants,
+  jr as stepVariants,
+  qr as stepperVariants
 };

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/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.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.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/{createLucideIcon-D4r5Phnh.js → createLucideIcon-CP-mMPfa.js}

@@ -1,16 +1,15 @@
 import { forwardRef as l, createElement as n } from "react";
-const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
+const u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim();
+const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const f = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
-), i = (t) => {
-  const e = h(t);
+);
+const i = (t) => {
+  const e = f(t);
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), f = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
 };
-var g = {
+var h = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -21,6 +20,12 @@ var g = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
+const g = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+  return !1;
+};
 const A = l(
   ({
     color: t = "currentColor",
@@ -35,13 +40,13 @@ const A = l(
     "svg",
     {
       ref: m,
-      ...g,
+      ...h,
       width: e,
       height: e,
       stroke: t,
       strokeWidth: o ? Number(r) * 24 / Number(e) : r,
       className: u("lucide", s),
-      ...!a && !f(c) && { "aria-hidden": "true" },
+      ...!a && !g(c) && { "aria-hidden": "true" },
       ...c
     },
     [

package/dist/debounce-DJveWHr_.js

@@ -0,0 +1,114 @@
+import { g as U } from "./_commonjsHelpers-DaMA6jEr.js";
+import { r as X, a as z, b as F } from "./isObject-9XxUefZH.js";
+var y, A;
+function G() {
+  if (A) return y;
+  A = 1;
+  var f = /* @__PURE__ */ X(), i = function() {
+    return f.Date.now();
+  };
+  return y = i, y;
+}
+var N, D;
+function J() {
+  if (D) return N;
+  D = 1;
+  var f = /\s/;
+  function i(o) {
+    for (var n = o.length; n-- && f.test(o.charAt(n)); )
+      ;
+    return n;
+  }
+  return N = i, N;
+}
+var R, L;
+function K() {
+  if (L) return R;
+  L = 1;
+  var f = /* @__PURE__ */ J(), i = /^\s+/;
+  function o(n) {
+    return n && n.slice(0, f(n) + 1).replace(i, "");
+  }
+  return R = o, R;
+}
+var O, M;
+function Q() {
+  if (M) return O;
+  M = 1;
+  var f = /* @__PURE__ */ K(), i = /* @__PURE__ */ F(), o = /* @__PURE__ */ z(), n = NaN, g = /^[-+]0x[0-9a-f]+$/i, h = /^0b[01]+$/i, E = /^0o[0-7]+$/i, T = parseInt;
+  function a(e) {
+    if (typeof e == "number")
+      return e;
+    if (o(e))
+      return n;
+    if (i(e)) {
+      var u = typeof e.valueOf == "function" ? e.valueOf() : e;
+      e = i(u) ? u + "" : u;
+    }
+    if (typeof e != "string")
+      return e === 0 ? e : +e;
+    e = f(e);
+    var d = h.test(e);
+    return d || E.test(e) ? T(e.slice(2), d ? 2 : 8) : g.test(e) ? n : +e;
+  }
+  return O = a, O;
+}
+var S, B;
+function V() {
+  if (B) return S;
+  B = 1;
+  var f = /* @__PURE__ */ F(), i = /* @__PURE__ */ G(), o = /* @__PURE__ */ Q(), n = "Expected a function", g = Math.max, h = Math.min;
+  function E(T, a, e) {
+    var u, d, x, c, t, m, v = 0, k = !1, b = !1, q = !0;
+    if (typeof T != "function")
+      throw new TypeError(n);
+    a = o(a) || 0, f(e) && (k = !!e.leading, b = "maxWait" in e, x = b ? g(o(e.maxWait) || 0, a) : x, q = "trailing" in e ? !!e.trailing : q);
+    function p(r) {
+      var s = u, l = d;
+      return u = d = void 0, v = r, c = T.apply(l, s), c;
+    }
+    function $(r) {
+      return v = r, t = setTimeout(I, a), k ? p(r) : c;
+    }
+    function w(r) {
+      var s = r - m, l = r - v, j = a - s;
+      return b ? h(j, x - l) : j;
+    }
+    function W(r) {
+      var s = r - m, l = r - v;
+      return m === void 0 || s >= a || s < 0 || b && l >= x;
+    }
+    function I() {
+      var r = i();
+      if (W(r))
+        return C(r);
+      t = setTimeout(I, w(r));
+    }
+    function C(r) {
+      return t = void 0, q && u ? p(r) : (u = d = void 0, c);
+    }
+    function H() {
+      t !== void 0 && clearTimeout(t), v = 0, u = m = d = t = void 0;
+    }
+    function P() {
+      return t === void 0 ? c : C(i());
+    }
+    function _() {
+      var r = i(), s = W(r);
+      if (u = arguments, d = this, m = r, s) {
+        if (t === void 0)
+          return $(m);
+        if (b)
+          return clearTimeout(t), t = setTimeout(I, a), p(m);
+      }
+      return t === void 0 && (t = setTimeout(I, a)), c;
+    }
+    return _.cancel = H, _.flush = P, _;
+  }
+  return S = E, S;
+}
+var Y = /* @__PURE__ */ V();
+const re = /* @__PURE__ */ U(Y);
+export {
+  re as d
+};

package/dist/domain/theme.d.ts

@@ -0,0 +1 @@
+export type Theme = 'kubefirst' | 'light' | 'kubefirst-dark' | 'dark' | undefined;

package/dist/{ellipsis-vertical-BVPtjl5f.js → ellipsis-vertical-Cl3yNtOy.js}

@@ -1,4 +1,4 @@
-import { c } from "./createLucideIcon-D4r5Phnh.js";
+import { c } from "./createLucideIcon-CP-mMPfa.js";
 const e = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useToggle';

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1 @@
+export declare const useToggle: (initialState?: boolean) => [boolean, (value?: boolean) => void];

package/dist/icons.d.ts

@@ -0,0 +1 @@
+export { CloudIcon, CloseIcon, GridViewIcon, HelpIcon, LoaderIcon, PagesStackIcon, PhotoLibraryIcon, ReceiptLongIcon, ScatterPlotIcon, SearchIcon, WarningIcon, } from './assets/icons/components';

package/dist/icons.js

@@ -0,0 +1,24 @@
+import { CloudIcon as e } from "./assets/icons/components/Cloud.js";
+import { CloseIcon as c } from "./assets/icons/components/Close.js";
+import { GridViewIcon as p } from "./assets/icons/components/GridView.js";
+import { HelpIcon as m } from "./assets/icons/components/Help.js";
+import { LoaderIcon as I } from "./assets/icons/components/Loader.js";
+import { PagesStackIcon as i } from "./assets/icons/components/PagesStack.js";
+import { PhotoLibraryIcon as d } from "./assets/icons/components/PhotoLibrary.js";
+import { ReceiptLongIcon as L } from "./assets/icons/components/ReceiptLong.js";
+import { ScatterPlotIcon as S } from "./assets/icons/components/ScatterPlot.js";
+import { SearchIcon as s } from "./assets/icons/components/Search.js";
+import { WarningIcon as b } from "./assets/icons/components/Warning.js";
+export {
+  c as CloseIcon,
+  e as CloudIcon,
+  p as GridViewIcon,
+  m as HelpIcon,
+  I as LoaderIcon,
+  i as PagesStackIcon,
+  d as PhotoLibraryIcon,
+  L as ReceiptLongIcon,
+  S as ScatterPlotIcon,
+  s as SearchIcon,
+  b as WarningIcon
+};