@adgytec/adgytec-web-ui-components 1.1.0 → 1.1.2

package/dist/chunks/NavigationSidebar

@@ -1,33 +1,34 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { T as r } from "./TextButton";
-import { S as i } from "./Sidebar";
-import { T as c } from "./Tree";
-import { X as m, Menu as l } from "lucide-react";
-import '../assets/NavigationSidebar.css';const h = "_nav_1fjh5_1", d = "_close_1fjh5_15", s = {
-  nav: h,
-  close: d
-}, j = ({
-  items: o,
-  ...a
+import { S as c } from "./Sidebar";
+import { T as m } from "./Tree";
+import { X as l, Menu as d } from "lucide-react";
+import s from "clsx";
+import '../assets/NavigationSidebar.css';const p = "_nav_49xbu_1", u = "_close_49xbu_8", o = {
+  nav: p,
+  close: u
+}, N = ({
+  items: a,
+  ...n
 }) => /* @__PURE__ */ e(
-  i,
+  c,
   {
-    ...a,
-    trigger: /* @__PURE__ */ e(r, { shape: "square", children: /* @__PURE__ */ e(l, {}) }),
-    children: ({ close: n }) => /* @__PURE__ */ t("div", { className: s.nav, children: [
-      /* @__PURE__ */ e("div", { className: s.close, children: /* @__PURE__ */ e(
+    ...n,
+    trigger: /* @__PURE__ */ e(r, { shape: "square", children: /* @__PURE__ */ e(d, {}) }),
+    children: ({ close: t }) => /* @__PURE__ */ i("div", { className: s(o.nav), children: [
+      /* @__PURE__ */ e("div", { className: s(o.close), children: /* @__PURE__ */ e(
         r,
         {
-          onPress: n,
+          onPress: t,
           shape: "square",
           theme: "inverse-surface",
-          children: /* @__PURE__ */ e(m, {})
+          children: /* @__PURE__ */ e(l, {})
         }
       ) }),
-      /* @__PURE__ */ e(c, { items: o })
+      /* @__PURE__ */ e(m, { items: a })
     ] })
   }
 );
 export {
-  j as N
+  N
 };

package/dist/chunks/Popover

@@ -1,14 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Popover as e } from "react-aria-components";
-import '../assets/Popover.css';const p = "_popover_cizdw_1", s = {
-  popover: p
-}, a = (o) => /* @__PURE__ */ r(
-  e,
+import { Popover as p } from "react-aria-components";
+import e from "clsx";
+import '../assets/Popover.css';const s = "_popover_14mpx_1", m = {
+  popover: s
+}, c = (o) => /* @__PURE__ */ r(
+  p,
   {
     ...o,
-    className: o.className ?? s.popover
+    className: e(m.popover, o.className)
   }
 );
 export {
-  a as P
+  c as P
 };

package/dist/chunks/Select

@@ -1,89 +1,121 @@
-import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { jsxs as o, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { F as d } from "./FilledButton";
-import { Select as B, SelectValue as m, ListBox as N, Text as p, ListBoxItem as y } from "react-aria-components";
-import { P as C } from "./Popover";
-import { ChevronsUpDown as F, Check as S } from "lucide-react";
-import { O as T } from "./OutlinedButton";
-import { T as V } from "./TextButton";
-import { T as $ } from "./Tooltip";
-import { L, F as D } from "./FieldError";
-import { B as j } from "./BaseCard";
-import '../assets/Select.css';const I = "_select_1tehw_1", O = "_trigger_1tehw_37", i = {
-  select: I,
-  "selected-value": "_selected-value_1tehw_11",
-  "option-description": "_option-description_1tehw_19",
-  trigger: O,
-  "options-list": "_options-list_1tehw_51",
-  "options-item-group": "_options-item-group_1tehw_63",
-  "options-item": "_options-item_1tehw_63"
-}, M = ({
-  options: h,
-  cardBackground: u = "gradient",
-  triggerTheme: l = "inverse-surface",
-  label: a,
-  name: _,
+import { Select as N, SelectValue as p, ListBox as y, Text as u, ListBoxItem as C } from "react-aria-components";
+import { P as F } from "./Popover";
+import { ChevronsUpDown as S, Check as T } from "lucide-react";
+import { O as V } from "./OutlinedButton";
+import { T as L } from "./TextButton";
+import { T as D } from "./Tooltip";
+import { L as j, F as I } from "./FieldError";
+import { B as O } from "./BaseCard";
+import { clsx as i } from "clsx";
+import '../assets/Select.css';const P = "_select_kw554_1", E = "_trigger_kw554_19", s = {
+  select: P,
+  "selected-value": "_selected-value_kw554_6",
+  "option-description": "_option-description_kw554_10",
+  trigger: E,
+  "options-list": "_options-list_kw554_26",
+  "options-item-group": "_options-item-group_kw554_32",
+  "options-item": "_options-item_kw554_32"
+}, R = ({
+  options: _,
+  cardBackground: h = "gradient",
+  triggerTheme: a = "inverse-surface",
+  label: c,
+  name: f,
   disabled: g,
-  isRequired: f,
-  triggerVariant: w = "filled",
-  description: x,
-  placeholder: c,
+  isRequired: k,
+  triggerVariant: x = "filled",
+  description: w,
+  placeholder: n,
   selectedKey: v,
   onSelectionChange: b
 }) => {
-  let s;
-  switch (w) {
+  let r;
+  switch (x) {
     case "filled":
-      s = d;
+      r = d;
       break;
     case "outlined":
-      s = T;
+      r = V;
       break;
     case "text":
-      s = V;
+      r = L;
       break;
     default:
-      s = d;
+      r = d;
   }
-  return /* @__PURE__ */ r(
-    B,
+  return /* @__PURE__ */ o(
+    N,
     {
-      className: i.select,
+      className: i(s.select),
       isDisabled: g,
-      isRequired: f,
-      name: _,
+      isRequired: k,
+      name: f,
       value: v,
       onChange: b,
       children: [
-        a && /* @__PURE__ */ e(L, { children: a }),
-        /* @__PURE__ */ e($, { description: x, theme: l, children: /* @__PURE__ */ e(s, { theme: l, children: /* @__PURE__ */ r("span", { className: i.trigger, children: [
-          c ? /* @__PURE__ */ e(m, { className: `${i["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: o }) => o ? c : t }) : /* @__PURE__ */ e(m, {}),
-          /* @__PURE__ */ e(F, {})
-        ] }) }) }),
-        /* @__PURE__ */ e(D, {}),
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(j, { background: u, children: /* @__PURE__ */ e(N, { className: `${i["options-list"]}`, items: h, children: (t) => {
-          const o = /* @__PURE__ */ r(n, { children: [
-            /* @__PURE__ */ e(p, { children: t.displayValue }),
-            t.description && /* @__PURE__ */ e(p, { className: i["option-description"], children: t.description })
-          ] });
-          return /* @__PURE__ */ e(
-            y,
+        c && /* @__PURE__ */ e(j, { children: c }),
+        /* @__PURE__ */ e(D, { description: w, theme: a, children: /* @__PURE__ */ e(r, { theme: a, children: /* @__PURE__ */ o("span", { className: i(s.trigger), children: [
+          n ? /* @__PURE__ */ e(
+            p,
             {
-              className: `${i["options-item-group"]}`,
-              id: t.key,
-              textValue: t.displayValue,
-              isDisabled: t.disabled,
-              children: ({ isSelected: k }) => /* @__PURE__ */ r(n, { children: [
-                /* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: o }),
-                k && /* @__PURE__ */ e(S, {})
-              ] })
-            },
-            t.key
-          );
-        } }) }) })
+              className: i(s["selected-value"]),
+              children: ({ defaultChildren: t, isPlaceholder: l }) => l ? n : t
+            }
+          ) : /* @__PURE__ */ e(p, {}),
+          /* @__PURE__ */ e(S, {})
+        ] }) }) }),
+        /* @__PURE__ */ e(I, {}),
+        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(O, { background: h, children: /* @__PURE__ */ e(
+          y,
+          {
+            className: i(s["options-list"]),
+            items: _,
+            children: (t) => {
+              const l = /* @__PURE__ */ o(m, { children: [
+                /* @__PURE__ */ e(u, { children: t.displayValue }),
+                t.description && /* @__PURE__ */ e(
+                  u,
+                  {
+                    className: i(
+                      s["option-description"]
+                    ),
+                    children: t.description
+                  }
+                )
+              ] });
+              return /* @__PURE__ */ e(
+                C,
+                {
+                  className: i(
+                    s["options-item-group"]
+                  ),
+                  id: t.key,
+                  textValue: t.displayValue,
+                  isDisabled: t.disabled,
+                  children: ({ isSelected: B }) => /* @__PURE__ */ o(m, { children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          s["options-item"]
+                        ),
+                        children: l
+                      }
+                    ),
+                    B && /* @__PURE__ */ e(T, {})
+                  ] })
+                },
+                t.key
+              );
+            }
+          }
+        ) }) })
       ]
     }
   );
 };
 export {
-  M as S
+  R as S
 };

package/dist/chunks/Sidebar

@@ -1,43 +1,48 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { DialogTrigger as h, ModalOverlay as m, Modal as x, Dialog as f } from "react-aria-components";
-import { B as u } from "./BaseCard";
-import '../assets/Sidebar.css';const b = "_modal_1hdcx_1", k = "_full_1hdcx_275", y = "_half_1hdcx_297", g = "_quarter_1hdcx_305", e = {
-  "modal-overlay": "_modal-overlay_1hdcx_1",
-  "modal-fade": "_modal-fade_1hdcx_1",
-  modal: b,
-  "inline-start": "_inline-start_1hdcx_109",
-  "inline-slide": "_inline-slide_1hdcx_1",
-  "inline-end": "_inline-end_1hdcx_135",
-  "block-start": "_block-start_1hdcx_161",
-  "block-slide": "_block-slide_1hdcx_1",
-  "block-end": "_block-end_1hdcx_187",
-  full: k,
-  "three-quarters": "_three-quarters_1hdcx_289",
-  half: y,
-  quarter: g
-}, D = ({
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { DialogTrigger as f, ModalOverlay as u, Modal as b, Dialog as h } from "react-aria-components";
+import { B as k } from "./BaseCard";
+import { clsx as d } from "clsx";
+import '../assets/Sidebar.css';const y = "_modal_d8775_1", g = "_full_d8775_138", p = "_half_d8775_149", q = "_quarter_d8775_153", e = {
+  "modal-overlay": "_modal-overlay_d8775_1",
+  "modal-fade": "_modal-fade_d8775_1",
+  modal: y,
+  "inline-start": "_inline-start_d8775_55",
+  "inline-slide": "_inline-slide_d8775_1",
+  "inline-end": "_inline-end_d8775_68",
+  "block-start": "_block-start_d8775_81",
+  "block-slide": "_block-slide_d8775_1",
+  "block-end": "_block-end_d8775_94",
+  full: g,
+  "three-quarters": "_three-quarters_d8775_145",
+  half: p,
+  quarter: q
+}, B = ({
   children: a,
-  trigger: d,
-  sidebarPosition: o = "inline-start",
-  sidebarSize: r = "full",
-  isDismissable: _,
-  isKeyboardDismissableDisabled: i,
+  trigger: o,
+  sidebarPosition: r = "inline-start",
+  sidebarSize: _ = "full",
+  isDismissable: i,
+  isKeyboardDismissableDisabled: s,
   cardBackground: n = "gradient"
 }) => {
-  const s = typeof a == "function";
-  return /* @__PURE__ */ t(h, { children: [
-    d,
+  const t = typeof a == "function";
+  return /* @__PURE__ */ m(f, { children: [
+    o,
     /* @__PURE__ */ l(
-      m,
+      u,
       {
-        className: `${e["modal-overlay"]}`,
-        isDismissable: _,
-        isKeyboardDismissDisabled: i,
+        className: d(e["modal-overlay"]),
+        isDismissable: i,
+        isKeyboardDismissDisabled: s,
         children: /* @__PURE__ */ l(
-          x,
+          b,
           {
-            className: `${e.modal} ${e[o]} ${e[r]}`,
-            children: /* @__PURE__ */ l(u, { background: n, children: /* @__PURE__ */ l(f, { children: s ? (c) => a(c) : a }) })
+            className: d(
+              e.modal,
+              e[r],
+              e[_]
+            ),
+            children: /* @__PURE__ */ l(k, { background: n, children: /* @__PURE__ */ l(h, { children: t ? (c) => a(c) : a }) })
           }
         )
       }
@@ -45,5 +50,5 @@ import '../assets/Sidebar.css';const b = "_modal_1hdcx_1", k = "_full_1hdcx_275"
   ] });
 };
 export {
-  D as S
+  B as S
 };

package/dist/chunks/Success

@@ -1,7 +1,8 @@
 import { jsx as c } from "react/jsx-runtime";
-import '../assets/Success.css';const e = "_success_1r4la_1", t = {
-  success: e
-}, r = ({ children: s }) => /* @__PURE__ */ c("p", { className: `${t.success}`, children: s });
+import e from "clsx";
+import '../assets/Success.css';const o = "_success_1bwy5_1", t = {
+  success: o
+}, m = ({ children: s }) => /* @__PURE__ */ c("p", { className: e(t.success), children: s });
 export {
-  r as S
+  m as S
 };

package/dist/chunks/TextArea

@@ -1,33 +1,34 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { TextField as m, TextArea as x } from "react-aria-components";
-import { L as d, F as l } from "./FieldError";
-import '../assets/TextArea.css';const n = "_textarea_3agtk_1", _ = "_editor_3agtk_11", s = {
-  textarea: n,
-  editor: _
-}, g = ({
-  label: a,
+import { TextField as x, TextArea as l } from "react-aria-components";
+import { L as d, F as n } from "./FieldError";
+import s from "clsx";
+import '../assets/TextArea.css';const _ = "_textarea_1798z_1", T = "_editor_1798z_6", o = {
+  textarea: _,
+  editor: T
+}, j = ({
+  label: r,
   textFieldProps: t,
-  textAreaProps: r,
-  labelProps: o,
+  textAreaProps: a,
+  labelProps: m,
   fieldErrorProps: c
 }) => /* @__PURE__ */ i(
-  m,
+  x,
   {
     ...t,
-    className: t?.className ?? s.textarea,
+    className: s(o.textarea, t?.className),
     children: [
-      a && /* @__PURE__ */ e(d, { ...o, children: a }),
+      r && /* @__PURE__ */ e(d, { ...m, children: r }),
       /* @__PURE__ */ e(
-        x,
+        l,
         {
-          ...r,
-          className: r?.className ?? s.editor
+          ...a,
+          className: s(o.editor, a?.className)
         }
       ),
-      /* @__PURE__ */ e(l, { ...c })
+      /* @__PURE__ */ e(n, { ...c })
     ]
   }
 );
 export {
-  g as T
+  j as T
 };

package/dist/chunks/ThemeSwitcher

@@ -1,48 +1,53 @@
-import { jsx as r, Fragment as c } from "react/jsx-runtime";
-import { useTernaryDarkMode as h } from "usehooks-ts";
-import { useEffect as l } from "react";
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import { useTernaryDarkMode as l } from "usehooks-ts";
+import { useEffect as g } from "react";
 import { T as f } from "./ToggleButtonGroup";
-const k = ({
-  ui: o = !0,
-  theme: a = "primary"
+const k = {
+  system: "System",
+  light: "Light",
+  dark: "Dark"
+}, M = ({
+  ui: m = !0,
+  theme: s = "primary",
+  displayValue: e = k
 }) => {
-  const { isDarkMode: e, ternaryDarkMode: m, setTernaryDarkMode: n } = h(), s = [
+  const { isDarkMode: t, ternaryDarkMode: n, setTernaryDarkMode: a } = l(), i = [
     {
       id: "system",
-      value: "System"
+      value: e.system
     },
     {
       id: "light",
-      value: "Light"
+      value: e.light
     },
     {
       id: "dark",
-      value: "Dark"
+      value: e.dark
     }
-  ], i = () => {
+  ], d = () => {
     document.documentElement.setAttribute(
       "data-theme",
-      e ? "dark" : "light"
+      t ? "dark" : "light"
     );
   };
-  l(() => {
-    i();
-  }, [e]);
-  const d = (u) => {
-    const t = Array.from(u)[0];
-    t && n(t);
+  g(() => {
+    d();
+  }, [t]);
+  const h = (u) => {
+    const r = Array.from(u)[0];
+    r && a(r);
   };
-  return o ? /* @__PURE__ */ r(
+  return m ? /* @__PURE__ */ o(
     f,
     {
-      items: s,
+      items: i,
       selectionMode: "single",
-      selectedKeys: [m],
-      onSelectionChange: d,
-      theme: a
+      selectedKeys: [n],
+      onSelectionChange: h,
+      theme: s
     }
-  ) : /* @__PURE__ */ r(c, {});
+  ) : /* @__PURE__ */ o(c, {});
 };
 export {
-  k as T
+  M as T
 };

package/dist/chunks/Toast

@@ -0,0 +1,49 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { T as h } from "./TextButton";
+import { B as p } from "./BaseCard";
+import { toast as c } from "sonner";
+import { X as _ } from "lucide-react";
+import { clsx as e } from "clsx";
+import '../assets/Toast.css';const l = "_toast_1wt0k_1", f = "_heading_1wt0k_9", u = "_content_1wt0k_14", x = "_prefix_1wt0k_20", k = "_description_1wt0k_25", r = {
+  toast: l,
+  heading: f,
+  content: u,
+  prefix: x,
+  description: k
+};
+function j(s) {
+  return c.custom(
+    (o) => /* @__PURE__ */ t(w, { id: o, ...s }),
+    {
+      toasterId: s.toasterID,
+      dismissible: s.dismissable,
+      duration: s.duration
+    }
+  );
+}
+const w = ({
+  id: s,
+  heading: o,
+  background: m,
+  prefixIcon: n,
+  description: i,
+  closeButton: d = !0
+}) => /* @__PURE__ */ a(p, { background: m, className: e(r.toast), children: [
+  n && /* @__PURE__ */ t("div", { className: e(r.prefix), children: n }),
+  /* @__PURE__ */ a("div", { className: e(r.content), children: [
+    /* @__PURE__ */ t("h3", { className: e(r.heading), children: o }),
+    i && /* @__PURE__ */ t("p", { className: e(r.description), children: i })
+  ] }),
+  d && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    h,
+    {
+      theme: "inverse-surface",
+      onPress: () => c.dismiss(s),
+      shape: "square-shrink",
+      children: /* @__PURE__ */ t(_, {})
+    }
+  ) })
+] });
+export {
+  j as t
+};

package/dist/chunks/ToggleButton

@@ -1,29 +1,35 @@
 import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { ToggleButton as p } from "react-aria-components";
-import { u as m, s as t, S as c } from "./useSplash";
-import { T as g } from "./Tooltip";
-const f = ({
-  id: n,
-  value: r,
+import { ToggleButton as m } from "react-aria-components";
+import { u as p, S as c, s as t } from "./useSplash";
+import { T as h } from "./Tooltip";
+import d from "clsx";
+const j = ({
+  id: r,
+  value: n,
   description: a,
   isDisabled: e,
   theme: l = "primary"
 }) => {
-  const { coords: o, handlePress: u } = m();
-  return /* @__PURE__ */ s(g, { description: a, children: /* @__PURE__ */ i(
-    p,
+  const { coords: o, handlePress: u } = p();
+  return /* @__PURE__ */ s(h, { description: a, children: /* @__PURE__ */ i(
+    m,
     {
-      id: n,
+      id: r,
       onPress: u,
-      className: `${t.button} ${t[l]} ${t["outlined"]} ${t["rectangle"]}`,
+      className: d(
+        t.button,
+        t[l],
+        t["outlined"],
+        t["default"]
+      ),
       isDisabled: e,
       children: [
         o && /* @__PURE__ */ s(c, { ...o }),
-        r
+        n
       ]
     }
   ) });
 };
 export {
-  f as T
+  j as T
 };

package/dist/chunks/ToggleButtonGroup

@@ -1,19 +1,20 @@
-import { jsx as g } from "react/jsx-runtime";
-import { ToggleButtonGroup as e } from "react-aria-components";
-import { T as u } from "./ToggleButton";
-import '../assets/ToggleButtonGroup.css';const l = {
-  "toggle-button-group": "_toggle-button-group_1tyg5_1"
-}, m = ({
-  items: r,
+import { jsx as r } from "react/jsx-runtime";
+import { ToggleButtonGroup as l } from "react-aria-components";
+import { T as e } from "./ToggleButton";
+import u from "clsx";
+import '../assets/ToggleButtonGroup.css';const a = {
+  "toggle-button-group": "_toggle-button-group_17ilm_1"
+}, b = ({
+  items: g,
   theme: s = "primary",
   ...o
-}) => /* @__PURE__ */ g(
-  e,
+}) => /* @__PURE__ */ r(
+  l,
   {
     ...o,
-    className: o.className ?? l["toggle-button-group"],
-    children: r.map((t) => /* @__PURE__ */ g(
-      u,
+    className: u(a["toggle-button-group"], o.className),
+    children: g.map((t) => /* @__PURE__ */ r(
+      e,
       {
         ...t,
         theme: s,
@@ -24,5 +25,5 @@ import '../assets/ToggleButtonGroup.css';const l = {
   }
 );
 export {
-  m as T
+  b as T
 };