@konstructio/ui 0.1.2-alpha.7 → 0.1.2-alpha.71

package/dist/components/index.js

@@ -1,100 +1,138 @@
 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 { Autocomplete as m } from "./Autocomplete/Autocomplete.js";
+import { Badge as f } from "./Badge/Badge.js";
+import { Breadcrumb as i } from "./Breadcrumb/Breadcrumb.js";
+import { Button as l } from "./Button/Button.js";
+import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
+import { Card as c } from "./Card/Card.js";
+import { Checkbox as D } from "./Checkbox/Checkbox.js";
+import { Counter as S, Counter as V } from "./Counter/Counter.js";
+import { DatePicker as w } from "./Datepicker/DatePicker.js";
+import { DateRangePicker as v } from "./DateRangePicker/DateRangePicker.js";
+import { Divider as h } from "./Divider/Divider.js";
+import { Drawer as N } from "./Drawer/Drawer.js";
+import { DropdownButton as E } from "./DropdownButton/DropdownButton.js";
+import { Filter as M } from "./Filter/Filter.js";
+import { ImageUpload as A } from "./ImageUpload/ImageUpload.js";
+import { Input as G } from "./Input/Input.js";
+import { Loading as y } from "./Loading/Loading.js";
+import { M as U } from "../Modal-BGcucTHv.js";
+import { MultiSelectDropdown as j } from "./MultiSelectDropdown/MultiSelectDropdown.js";
+import { PhoneNumberInput as H } from "./PhoneNumberInput/PhoneNumberInput.js";
+import { PieChart as K } from "./PieChart/PieChart.js";
+import { ProgressBar as X } from "./ProgressBar/ProgressBar.js";
+import { Radio as Z } from "./Radio/Radio.js";
+import { RadioCard as $ } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as or } from "./RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as tr } from "./RadioGroup/RadioGroup.js";
+import { Range as ar } from "./Range/Range.js";
+import { Select as xr, Select as fr } from "./Select/Select.js";
+import { Sidebar as ir } from "./Sidebar/Sidebar.js";
+import { Slider as lr } from "./Slider/Slider.js";
+import { Spinner as ur } from "./Spinner/Spinner.js";
+import { Stepper as cr } from "./Stepper/Stepper.js";
+import { Switch as Dr } from "./Switch/Switch.js";
+import { Table as Sr } from "./Table/Table.js";
+import { Tabs as br } from "./Tabs/Tabs.js";
+import { Tag as Rr } from "./Tag/Tag.js";
+import { TagSelect as Br } from "./TagSelect/TagSelect.js";
+import { TextArea as Ir } from "./TextArea/TextArea.js";
+import { TimePicker as Pr } from "./TimePicker/TimePicker.js";
+import { Toast as Lr } from "./Toast/Toast.js";
+import { Tooltip as kr } from "./Tooltip/Tooltip.js";
+import { Typography as Fr } from "./Typography/Typography.js";
+import { VirtualizedTable as zr } from "./VirtualizedTable/VirtualizedTable.js";
+import { VirtualizedTableEvent as Or, sendCollapseRowEvent as Ur, sendExpandRowEvent as Wr, sendToggleRowEvent as jr } from "./VirtualizedTable/events/index.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 { BadgeMultiSelect as eo } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
+import { Content as po } from "./Tabs/components/Content.js";
+import { DateFilterDropdown as mo } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as fo } from "./Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { Footer as io } from "./Sidebar/components/Footer/Footer.js";
+import { List as lo } from "./Tabs/components/List.js";
+import { Logo as go } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as To } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as Co } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as Vo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as wo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { TextMultiSelect as vo } from "./Filter/components/TextMultiSelect/TextMultiSelect.js";
+import { Trigger as ho } from "./Tabs/components/Trigger.js";
+import { TruncateText as No } from "./VirtualizedTable/components/TruncateText/TruncateText.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
+  m as Autocomplete,
+  f as Badge,
+  eo as BadgeMultiSelect,
+  i as Breadcrumb,
+  l as Button,
+  u as ButtonGroup,
+  c as Card,
+  D as Checkbox,
+  po as Content,
+  S as Counter,
+  mo as DateFilterDropdown,
+  w as DatePicker,
+  fo as DateRangeFilterDropdown,
+  v as DateRangePicker,
+  h as Divider,
+  N as Drawer,
+  xr as Dropdown,
+  E as DropdownButton,
+  M as Filter,
+  io as Footer,
+  A as ImageUpload,
+  G as Input,
+  lo as List,
+  y as Loading,
+  go as Logo,
+  U as Modal,
+  j as MultiSelectDropdown,
+  To as Navigation,
+  Co as NavigationGroup,
+  Vo as NavigationOption,
+  wo as NavigationSeparator,
+  V as NumberInput,
+  H as PhoneNumberInput,
+  K as PieChart,
+  X as ProgressBar,
+  Z as Radio,
+  $ as RadioCard,
+  or as RadioCardGroup,
+  tr as RadioGroup,
+  ar as Range,
+  fr as Select,
+  ir as Sidebar,
+  lr as Slider,
+  ur as Spinner,
+  cr as Stepper,
+  Dr as Switch,
+  Sr as Table,
+  br as Tabs,
+  Rr as Tag,
+  Br as TagSelect,
+  Ir as TextArea,
+  vo as TextMultiSelect,
+  Pr as TimePicker,
+  Lr as Toast,
+  kr as Tooltip,
+  ho as Trigger,
+  No as TruncateText,
+  Fr as Typography,
+  zr as VirtualizedTable,
+  Or as VirtualizedTableEvent,
+  Hr as horizontalConnectorWrapperVariants,
+  Ur as sendCollapseRowEvent,
+  Wr as sendExpandRowEvent,
+  jr 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/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/contexts/theme.provider.js

@@ -2,7 +2,6 @@ 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];

package/dist/{createLucideIcon-D2CN7Ma9.js → createLucideIcon-CP-mMPfa.js}

@@ -1,28 +1,15 @@
 import { forwardRef as l, createElement as n } from "react";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-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;
 };
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var g = {
+var h = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -33,12 +20,12 @@ var g = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
+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",
@@ -53,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
     },
     [
@@ -68,12 +55,6 @@ const A = l(
     ]
   )
 );
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
 const k = (t, e) => {
   const r = l(
     ({ className: o, ...s }, a) => n(A, {

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-Cl3yNtOy.js

@@ -0,0 +1,9 @@
+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" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+], r = c("ellipsis-vertical", e);
+export {
+  r as E
+};

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,2 @@
+export { AccountsIcon, AddChartIcon, AlertOutlineIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BookOpenIcon, CalendarMonthIcon, CheckIcon, CheckCircleIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, CopyIcon, CpuIcon, CubeIcon, DatacenterIcon, DeleteIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, GitIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, HomeIcon, IdIcon, InformationOutlineIcon, InvoiceListIcon, KeyIcon, LoaderIcon, LightBulbIcon, NetworkIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, ReceiptLongIcon, RefreshIcon, ScatterPlotIcon, SearchIcon, ServerIcon, StartIcon, TabNewIcon, TeamsIcon, WarningIcon, XIcon, } from './assets/icons/components';
+export type { IconProps, IconComponent } from './assets/icons/components';