@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.1

package/dist/components/Toast/Toast.variants.js

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const t = e([
+import { c as a } from "../../index-D29mdTf5.js";
+const e = a([
   "rounded-md",
   "shadow-md",
   "p-4",
@@ -14,10 +14,8 @@ const t = e([
   "data-[swipe=cancel]:translate-x-0",
   "data-[swipe=end]:animate-swipe-out",
   "shadow-purple-200",
-  "border-purple-100",
-  "colony:shadow-red-200",
-  "colony:border-red-100"
-]), o = e([
+  "border-purple-100"
+]), o = a([
   "fixed",
   "bottom-0",
   "right-0",
@@ -30,16 +28,15 @@ const t = e([
   "m-0",
   "z-50",
   "outline-none"
-]), r = e([
+]), i = a([
   "top-2",
   "right-2",
   "w-4",
   "h-4",
-  "text-kubefirst-primary",
-  "colony:text-red-400"
+  "text-kubefirst-primary"
 ]);
 export {
-  r as closeToastVariants,
-  t as toastVariants,
+  i as closeToastVariants,
+  e as toastVariants,
   o as viewportToastVariants
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { S as i } from "../../index-B5MIi2tR.js";
+import { S as i } from "../../index-DQH6odE9.js";
 import { forwardRef as v, useRef as N, useImperativeHandle as w, useMemo as h, isValidElement as x } from "react";
 import { cn as o } from "../../utils/index.js";
 import { arrowVariants as R, tooltipVariants as V } from "./Tooltip.variants.js";

package/dist/components/Tooltip/Tooltip.variants.js

@@ -1,5 +1,5 @@
-import { c as r } from "../../index-BNmRGtA6.js";
-const o = r(
+import { c as r } from "../../index-D29mdTf5.js";
+const a = r(
   [
     "absolute",
     "w-max",
@@ -12,8 +12,7 @@ const o = r(
     "duration-250",
     "[&[data-visible='true']]:opacity-100",
     "delay-100",
-    "bg-kubefirst-primary",
-    "colony:bg-red-700"
+    "bg-kubefirst-primary"
   ],
   {
     variants: {
@@ -28,14 +27,8 @@ const o = r(
       position: "right"
     }
   }
-), a = r(
-  [
-    "absolute",
-    "w-0",
-    "h-0",
-    "border-kubefirst-primary",
-    "colony:border-red-700"
-  ],
+), o = r(
+  ["absolute", "w-0", "h-0", "border-kubefirst-primary"],
   {
     variants: {
       position: {
@@ -87,6 +80,6 @@ const o = r(
   }
 );
 export {
-  a as arrowVariants,
-  o as tooltipVariants
+  o as arrowVariants,
+  a as tooltipVariants
 };

package/dist/components/Tooltip/hooks/useTooltip.js

@@ -1,14 +1,13 @@
-import { useRef as l, useState as i, useEffect as u } from "react";
-const c = () => {
-  const e = l(null), [o, n] = i(!1);
-  return u(() => {
-    var s, r;
+import { useRef as r, useState as o, useEffect as l } from "react";
+const u = () => {
+  const e = r(null), [s, n] = o(!1);
+  return l(() => {
     const t = new AbortController();
-    return (s = e.current) == null || s.addEventListener(
+    return e.current?.addEventListener(
       "mouseenter",
       () => n(!0),
       { signal: t.signal }
-    ), (r = e.current) == null || r.addEventListener(
+    ), e.current?.addEventListener(
       "mouseleave",
       () => n(!1),
       { signal: t.signal }
@@ -16,10 +15,10 @@ const c = () => {
       t.abort();
     };
   }, []), {
-    isVisible: o,
+    isVisible: s,
     componentRef: e
   };
 };
 export {
-  c as useTooltip
+  u as useTooltip
 };

package/dist/components/Typography/Typography.js

@@ -1,33 +1,28 @@
-import { jsx as c } from "react/jsx-runtime";
-import { cn as f } from "../../utils/index.js";
-import { typographyVariants as h } from "./Typography.variants.js";
-import { S as l } from "../../index-B5MIi2tR.js";
-const d = ({
-  className: p,
-  theme: m,
-  children: s,
-  variant: o,
-  component: e,
-  asChild: r = !1,
-  ...t
-}) => {
-  const y = r ? l : e ?? (o != null && o.includes("h") ? o : "p");
-  return /* @__PURE__ */ c(
-    y,
-    {
-      "data-theme": m,
-      className: f(
-        h({
-          className: p,
-          variant: o
-        })
-      ),
-      ...t,
-      children: s
-    }
-  );
-};
-d.displayName = "Typography";
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { cn as n } from "../../utils/index.js";
+import { typographyVariants as c } from "./Typography.variants.js";
+const h = f(
+  ({ className: r, theme: p, children: m, variant: o, component: t, ...e }, a) => {
+    const s = t ?? (o?.includes("h") ? o : "p");
+    return /* @__PURE__ */ y(
+      s,
+      {
+        ref: a,
+        "data-theme": p,
+        className: n(
+          c({
+            className: r,
+            variant: o
+          })
+        ),
+        ...e,
+        children: m
+      }
+    );
+  }
+);
+h.displayName = "Typography";
 export {
-  d as Typography
+  h as Typography
 };

package/dist/components/Typography/Typography.variants.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../index-BNmRGtA6.js";
+import { c as t } from "../../index-D29mdTf5.js";
 const e = t([], {
   variants: {
     variant: {

package/dist/components/index.js

@@ -3,82 +3,94 @@ 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 l } from "./Button/Button.js";
+import { Button as n } from "./Button/Button.js";
 import { Card as u } from "./Card/Card.js";
-import { Checkbox as T } from "./Checkbox/Checkbox.js";
-import { DatePicker as S } from "./Datepicker/DatePicker.js";
-import { Divider as v } from "./Divider/Divider.js";
-import { Dropdown as N } from "./Dropdown/Dropdown.js";
-import { Filter as s } from "./Filter/Filter.js";
-import { Input as C } from "./Input/Input.js";
+import { Checkbox as c } from "./Checkbox/Checkbox.js";
+import { DatePicker as b } 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 F } from "../Modal-CrG0m703.js";
+import { M as G } from "../Modal-0oht63vU.js";
 import { NumberInput as M } from "./NumberInput/NumberInput.js";
-import { ProgressBar as y } from "./ProgressBar/ProgressBar.js";
-import { Radio as L } from "./Radio/Radio.js";
-import { RadioCard as j } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as z } from "./RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as H } from "./RadioGroup/RadioGroup.js";
-import { Range as K } from "./Range/Range.js";
-import { Sidebar as U } from "./Sidebar/Sidebar.js";
-import { Slider as W } from "./Slider/Slider.js";
-import { Switch as Y } from "./Switch/Switch.js";
-import { Table as _ } from "./Table/Table.js";
-import { Tag as oo } from "./Tag/Tag.js";
-import { TagSelect as eo } from "./TagSelect/TagSelect.js";
-import { TextArea as po } from "./TextArea/TextArea.js";
-import { TimePicker as xo } from "./TimePicker/TimePicker.js";
-import { Toast as ao } from "./Toast/Toast.js";
-import { Tooltip as go } from "./Tooltip/Tooltip.js";
-import { Typography as no } from "./Typography/Typography.js";
-import { BadgeMultiSelect as co } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as Do } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
-import { Footer as bo } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as Bo } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as Ro } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as Ao } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as ho } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as wo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { PieChart as I } from "./PieChart/PieChart.js";
+import { ProgressBar as j } from "./ProgressBar/ProgressBar.js";
+import { Radio as z } from "./Radio/Radio.js";
+import { RadioCard as H } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as K } from "./RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as U } 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 go } from "./TextArea/TextArea.js";
+import { TimePicker as lo } from "./TimePicker/TimePicker.js";
+import { Toast as To } from "./Toast/Toast.js";
+import { Tooltip as Do } from "./Tooltip/Tooltip.js";
+import { Typography as so } from "./Typography/Typography.js";
+import { BadgeMultiSelect as Co } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
+import { DateFilterDropdown as vo } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
+import { Footer as Ro } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as wo } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as Po } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as Fo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as Lo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as yo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Content as Oo } from "./Tabs/components/Content.js";
+import { List as qo } from "./Tabs/components/List.js";
+import { Trigger as Eo } from "./Tabs/components/Trigger.js";
 export {
   e as Alert,
   p as AlertDialog,
   x as Autocomplete,
   a as Badge,
-  co as BadgeMultiSelect,
+  Co as BadgeMultiSelect,
   d as Breadcrumb,
-  l as Button,
+  n as Button,
   u as Card,
-  T as Checkbox,
-  Do as DateFilterDropdown,
-  S as DatePicker,
-  v as Divider,
-  N as Dropdown,
-  s as Filter,
-  bo as Footer,
-  C as Input,
+  c as Checkbox,
+  Oo as Content,
+  vo as DateFilterDropdown,
+  b as DatePicker,
+  B as Divider,
+  S as Dropdown,
+  N as DropdownButton,
+  h as Filter,
+  Ro as Footer,
+  A as Input,
+  qo as List,
   k as Loading,
-  Bo as Logo,
-  F as Modal,
-  Ro as Navigation,
-  Ao as NavigationGroup,
-  ho as NavigationOption,
-  wo as NavigationSeparator,
+  wo as Logo,
+  G as Modal,
+  Po as Navigation,
+  Fo as NavigationGroup,
+  Lo as NavigationOption,
+  yo as NavigationSeparator,
   M as NumberInput,
-  y as ProgressBar,
-  L as Radio,
-  j as RadioCard,
-  z as RadioCardGroup,
-  H as RadioGroup,
-  K as Range,
-  U as Sidebar,
-  W as Slider,
-  Y as Switch,
-  _ as Table,
-  oo as Tag,
-  eo as TagSelect,
-  po as TextArea,
-  xo as TimePicker,
-  ao as Toast,
-  go as Tooltip,
-  no as Typography
+  I as PieChart,
+  j as ProgressBar,
+  z as Radio,
+  H as RadioCard,
+  K as RadioCardGroup,
+  U 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,
+  go as TextArea,
+  lo as TimePicker,
+  To as Toast,
+  Do as Tooltip,
+  Eo as Trigger,
+  so as Typography
 };

package/dist/contexts/theme.provider.js

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

package/dist/{createLucideIcon-ByJ0JZvK.js → createLucideIcon-BpsAkT97.js}

@@ -1,6 +1,6 @@
 import { forwardRef as l, createElement as n } from "react";
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.542.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -17,7 +17,7 @@ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t)
       return !0;
 };
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.542.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -34,7 +34,7 @@ var g = {
   strokeLinejoin: "round"
 };
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.542.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -69,7 +69,7 @@ const A = l(
   )
 );
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.542.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/index-0ioNhtNM.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+function c(r) {
+  const t = e.useRef(r);
+  return e.useEffect(() => {
+    t.current = r;
+  }), e.useMemo(() => (...u) => t.current?.(...u), []);
+}
+export {
+  c as u
+};

package/dist/{index-CvfCCTEO.js → index-BAraV3ai.js}

@@ -1,13 +1,13 @@
 import * as s from "react";
-import { c as K, b as I, a as L } from "./index-Cq1I1cG9.js";
-import { c as ce } from "./index-rUBNhTeF.js";
-import { u as ie } from "./index-B5MIi2tR.js";
-import { u as O } from "./index-Cs8Lv8Wj.js";
-import { P as C } from "./index-BCGvACM9.js";
-import { u as ue } from "./index-DwYXX2sM.js";
+import { c as K, b as I, a as L } from "./index-BfXxHr_2.js";
+import { c as ce } from "./index-Cvx4lqTq.js";
+import { u as ie } from "./index-DQH6odE9.js";
+import { u as O } from "./index-bwWKd82e.js";
+import { P as C } from "./index-C9T9HQaa.js";
+import { u as ue } from "./index-0ioNhtNM.js";
 import { u as k } from "./index-BdMNhZnh.js";
 import { jsx as l } from "react/jsx-runtime";
-import { P as le } from "./index-Dm-ooN_M.js";
+import { P as le } from "./index-C1g_chDT.js";
 var N = "rovingFocusGroup.onEntryFocus", de = { bubbles: !1, cancelable: !0 }, h = "RovingFocusGroup", [D, V, fe] = ce(h), [ve, U] = K(
   h,
   [fe]