@adgytec/adgytec-web-ui-components 0.0.21 → 0.0.22

package/dist/{BaseCard-DrG8XXVz.js → BaseCard-DwISGHZS.js}

@@ -1,9 +1,9 @@
 import { jsx as _ } from "react/jsx-runtime";
-import { ComponentStyle as e } from "./index.js";
+import { a as e } from "./types-a-x658UQ.js";
 import './assets/BaseCard.css';var o = /* @__PURE__ */ ((s) => (s.solid = "solid", s.solidLow = "solid-low", s.solidLowest = "solid-lowest", s.solidHigh = "solid-high", s.solidHighest = "solid-highest", s.gradient = "gradient", s))(o || {});
-const c = "_card_c3d4l_1", a = "_glass_c3d4l_51", h = "_solid_c3d4l_61", r = "_gradient_c3d4l_101", l = {
-  card: c,
-  glass: a,
+const a = "_card_c3d4l_1", c = "_glass_c3d4l_51", h = "_solid_c3d4l_61", r = "_gradient_c3d4l_101", l = {
+  card: a,
+  glass: c,
   solid: h,
   "solid-low": "_solid-low_c3d4l_69",
   "solid-lowest": "_solid-lowest_c3d4l_77",

package/dist/{Button-C8yUSxx_.js → Button-Dzny6hTG.js}

@@ -1,10 +1,10 @@
 import { jsx as s, jsxs as l, Fragment as c } from "react/jsx-runtime";
 import { u as $, s as t, S as u } from "./Splash-neeaI9j6.js";
 import { Button as d } from "react-aria-components";
-import { T as x } from "./Tooltip-D-jCnOvo.js";
+import { T as x } from "./Tooltip-TbcvVNbx.js";
 import { ButtonShape as a, ButtonVariant as S } from "./components/Button/ButtonBase/index.js";
-import { ColorTheme as g } from "./index.js";
-const C = ({
+import { C as g } from "./types-a-x658UQ.js";
+const k = ({
   variant: i,
   theme: m = g.primary,
   shape: r = a.rectangle,
@@ -30,5 +30,5 @@ const C = ({
   ) });
 };
 export {
-  C as B
+  k as B
 };

package/dist/{ButtonLink-DNXUq90W.js → ButtonLink-CBN0G98a.js}

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as i, Fragment as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as a, Fragment as i } from "react/jsx-runtime";
 import { u as $, s as o, S as l } from "./Splash-neeaI9j6.js";
 import { Link as B } from "react-aria-components";
-import { T as S } from "./Tooltip-D-jCnOvo.js";
+import { T as S } from "./Tooltip-TbcvVNbx.js";
 import { ButtonVariant as k, ButtonShape as x } from "./components/Button/ButtonBase/index.js";
-import { ColorTheme as y } from "./index.js";
+import { C as y } from "./types-a-x658UQ.js";
 const F = ({
   variant: m = k.filled,
   theme: n = y.primary,
@@ -21,10 +21,10 @@ const F = ({
       ...c && { "data-underline": !0 },
       onPress: f,
       className: `${o.button} ${o["button-link"]} ${o[m]} ${o[n]} ${o[u]}`,
-      children: d ? (h) => /* @__PURE__ */ i(a, { children: [
+      children: d ? (h) => /* @__PURE__ */ a(i, { children: [
         t && /* @__PURE__ */ r(l, { ...t }),
         s(h)
-      ] }) : /* @__PURE__ */ i(a, { children: [
+      ] }) : /* @__PURE__ */ a(i, { children: [
         t && /* @__PURE__ */ r(l, { ...t }),
         s
       ] })

package/dist/ComponentShapeSwitcher-BjQDLIf4.js

@@ -0,0 +1,46 @@
+import { jsx as a, Fragment as h } from "react/jsx-runtime";
+import { useLocalStorage as i } from "usehooks-ts";
+import { useEffect as u } from "react";
+import "react-aria-components";
+import { b as d, a as f } from "./index-CpZa0Xux.js";
+var r = /* @__PURE__ */ ((e) => (e.sharp = "sharp", e.round = "round", e))(r || {});
+const l = "component-shape-preference", x = ({
+  ui: e = !0,
+  theme: n = f.primary
+}) => {
+  const [t, s, S] = i(
+    l,
+    r.sharp
+  ), p = [
+    {
+      id: r.sharp,
+      value: "Sharp"
+    },
+    {
+      id: r.round,
+      value: "Round"
+    }
+  ];
+  u(() => {
+    document.documentElement.setAttribute("data-shape", t);
+  }, [t]);
+  const m = (c) => {
+    const o = Array.from(c)[0];
+    o && s(o);
+  };
+  return e ? /* @__PURE__ */ a(
+    d,
+    {
+      items: p,
+      selectionMode: "single",
+      selectedKeys: [t],
+      onSelectionChange: m,
+      theme: n
+    }
+  ) : /* @__PURE__ */ a(h, {});
+};
+export {
+  x as C,
+  r as a,
+  l as b
+};

package/dist/{Disclosure-sItjZ-jf.js → Disclosure-Dq8vN5eK.js}

@@ -1,15 +1,15 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { Disclosure as c, DisclosurePanel as l } from "react-aria-components";
 import { ChevronRight as n } from "lucide-react";
-import { T as a } from "./TextButton-Ct0ffSsq.js";
-import { ColorTheme as m } from "./index.js";
+import { T as a } from "./TextButton-DAbG31wy.js";
+import { C as m } from "./types-a-x658UQ.js";
 import { ButtonShape as p } from "./components/Button/ButtonBase/index.js";
-import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_1cz7p_23", g = "_panel_1cz7p_55", e = {
+import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_1cz7p_23", g = "_panel_1cz7p_55", s = {
   disclosure: h,
   trigger: u,
   panel: g
-}, N = ({ heading: o, children: t, id: i }) => /* @__PURE__ */ s(c, { className: e.disclosure, id: i, children: [
-  /* @__PURE__ */ r("h2", { className: e.trigger, children: /* @__PURE__ */ s(
+}, C = ({ heading: o, children: t, id: i }) => /* @__PURE__ */ e(c, { className: s.disclosure, id: i, children: [
+  /* @__PURE__ */ r("h2", { className: s.trigger, children: /* @__PURE__ */ e(
     a,
     {
       slot: "trigger",
@@ -21,8 +21,8 @@ import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_
       ]
     }
   ) }),
-  /* @__PURE__ */ r(l, { className: e.panel, children: /* @__PURE__ */ r("p", { children: t }) })
+  /* @__PURE__ */ r(l, { className: s.panel, children: /* @__PURE__ */ r("p", { children: t }) })
 ] });
 export {
-  N as D
+  C as D
 };

package/dist/{FilledButton-LnYvKzE9.js → FilledButton-D7z5cN5n.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ButtonVariant as n } from "./components/Button/ButtonBase/index.js";
-import { B as i } from "./Button-C8yUSxx_.js";
+import { B as i } from "./Button-Dzny6hTG.js";
 const l = (t) => {
   const { children: o } = t;
   return /* @__PURE__ */ r(i, { ...t, variant: n.filled, children: o });

package/dist/{Link-Be6F1iXD.js → Link-CnRAx1uH.js}

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { Link as t } from "react-aria-components";
-import { ColorTheme as _ } from "./index.js";
-import { T as c } from "./Tooltip-D-jCnOvo.js";
+import { C as _ } from "./types-a-x658UQ.js";
+import { T as c } from "./Tooltip-TbcvVNbx.js";
 import './assets/Link.css';const m = "_link_e0vn4_1", y = "_primary_e0vn4_65", v = "_secondary_e0vn4_81", l = "_tertiary_e0vn4_89", p = "_error_e0vn4_97", u = "_success_e0vn4_113", s = {
   link: m,
   primary: y,

package/dist/{Menu-DvZqs_yA.js → Menu-CfOITc2Q.js}

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { MenuTrigger as d, Menu as m, Separator as h, MenuItem as l, SubmenuTrigger as _ } from "react-aria-components";
 import { P as u } from "./Popover-CNBII_iI.js";
 import { ChevronRight as g } from "lucide-react";
-import { B as c, C as f } from "./BaseCard-DrG8XXVz.js";
+import { B as c, C as f } from "./BaseCard-DwISGHZS.js";
 import './assets/Menu.css';const x = "_menu_18vtx_1", v = "_separator_18vtx_85", s = {
   menu: x,
   "menu-item": "_menu-item_18vtx_13",

package/dist/{MenuLabel-B0FrGXKS.js → MenuLabel-DYMKz1XJ.js}

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { M as l } from "./Menu-DvZqs_yA.js";
+import { M as l } from "./Menu-CfOITc2Q.js";
 import { Pressable as t } from "react-aria-components";
-import { T as a } from "./Tooltip-D-jCnOvo.js";
+import { T as a } from "./Tooltip-TbcvVNbx.js";
 import './assets/MenuLabel.css';const p = "_pressable_13cip_1", n = {
   pressable: p
 }, f = ({

package/dist/{ModalBase-DOU0cBij.js → ModalBase-bdXf9IQh.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { DialogTrigger as i, ModalOverlay as n, Modal as t, Dialog as g } from "react-aria-components";
-import { B as _, C as h } from "./BaseCard-DrG8XXVz.js";
+import { B as _, C as h } from "./BaseCard-DwISGHZS.js";
 import './assets/ModalBase.css';const y = "_modal_e27rd_1", r = {
   "modal-overlay": "_modal-overlay_e27rd_1",
   modal: y

package/dist/{NavigationMenu-x2hSYr4B.js → NavigationMenu-12u9zep-.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { M as u } from "./MenuLabel-B0FrGXKS.js";
-import { L as m } from "./Link-Be6F1iXD.js";
-import { T as i } from "./TextButton-Ct0ffSsq.js";
-import { ColorTheme as n } from "./index.js";
+import { M as u } from "./MenuLabel-DYMKz1XJ.js";
+import { L as m } from "./Link-CnRAx1uH.js";
+import { T as i } from "./TextButton-DAbG31wy.js";
+import { C as n } from "./types-a-x658UQ.js";
 import { ButtonShape as c } from "./components/Button/ButtonBase/index.js";
 import { ChevronDown as p } from "lucide-react";
 import './assets/NavigationMenu.css';const h = "_menu_sata7_1", d = {

package/dist/{NavigationSidebar-mEaAZE9d.js → NavigationSidebar-BG7cSZai.js}

@@ -1,20 +1,20 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { T as r } from "./TextButton-Ct0ffSsq.js";
+import { T as r } from "./TextButton-DAbG31wy.js";
 import { ButtonShape as o } from "./components/Button/ButtonBase/index.js";
-import { S as m } from "./Sidebar-BqNH6hIl.js";
+import { S as m } from "./Sidebar-BDLl0HXv.js";
 import { T as c } from "./Tree-DwJPCnFr.js";
 import { X as l, Menu as h } from "lucide-react";
-import { ColorTheme as p } from "./index.js";
+import { C as p } from "./types-a-x658UQ.js";
 import './assets/NavigationSidebar.css';const f = "_nav_1fjh5_1", d = "_close_1fjh5_15", s = {
   nav: f,
   close: d
 }, N = ({
-  items: t,
-  ...a
+  items: a,
+  ...t
 }) => /* @__PURE__ */ e(
   m,
   {
-    ...a,
+    ...t,
     trigger: /* @__PURE__ */ e(r, { shape: o.square, children: /* @__PURE__ */ e(h, {}) }),
     children: ({ close: n }) => /* @__PURE__ */ i("div", { className: s.nav, children: [
       /* @__PURE__ */ e("div", { className: s.close, children: /* @__PURE__ */ e(
@@ -26,7 +26,7 @@ import './assets/NavigationSidebar.css';const f = "_nav_1fjh5_1", d = "_close_1f
           children: /* @__PURE__ */ e(l, {})
         }
       ) }),
-      /* @__PURE__ */ e(c, { items: t })
+      /* @__PURE__ */ e(c, { items: a })
     ] })
   }
 );

package/dist/{OutlinedButton-BesEreKQ.js → OutlinedButton-DtPOxjfV.js}

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { ButtonVariant as r } from "./components/Button/ButtonBase/index.js";
-import { B as i } from "./Button-C8yUSxx_.js";
+import { B as i } from "./Button-Dzny6hTG.js";
 const e = (t) => {
   const { children: o } = t;
   return /* @__PURE__ */ n(i, { ...t, variant: r.outlined, children: o });

package/dist/{Sidebar-BqNH6hIl.js → Sidebar-BDLl0HXv.js}

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
 import { DialogTrigger as f, ModalOverlay as m, Modal as x, Dialog as k } from "react-aria-components";
-import { B as b, C as q } from "./BaseCard-DrG8XXVz.js";
+import { B as b, C as q } from "./BaseCard-DwISGHZS.js";
 import './assets/Sidebar.css';var e = /* @__PURE__ */ ((l) => (l.inlineStart = "inline-start", l.inlineEnd = "inline-end", l.blockStart = "block-start", l.blockEnd = "block-end", l))(e || {}), n = /* @__PURE__ */ ((l) => (l.full = "full", l.threeQuarters = "three-quarters", l.half = "half", l.quarter = "quarter", l))(n || {});
 const g = "_modal_1hdcx_1", y = "_full_1hdcx_275", v = "_half_1hdcx_297", p = "_quarter_1hdcx_305", r = {
   "modal-overlay": "_modal-overlay_1hdcx_1",

package/dist/{TextButton-Ct0ffSsq.js → TextButton-DAbG31wy.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ButtonVariant as n } from "./components/Button/ButtonBase/index.js";
-import { B as a } from "./Button-C8yUSxx_.js";
+import { B as a } from "./Button-Dzny6hTG.js";
 const s = (t) => {
   const { children: o } = t;
   return /* @__PURE__ */ r(a, { ...t, variant: n.text, children: o });

package/dist/ThemeSwitcher-DWOWeXUU.js

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

package/dist/{ToggleButton-DPy_Urwc.js → ToggleButton-DejyVVCf.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { ToggleButton as p } from "react-aria-components";
 import { u, s as o, S as c } from "./Splash-neeaI9j6.js";
-import { ColorTheme as g } from "./index.js";
-import { T as h } from "./Tooltip-D-jCnOvo.js";
+import { C as g } from "./types-a-x658UQ.js";
+import { T as h } from "./Tooltip-TbcvVNbx.js";
 import { ButtonVariant as T, ButtonShape as f } from "./components/Button/ButtonBase/index.js";
 const y = ({
   id: s,

package/dist/{Tooltip-D-jCnOvo.js → Tooltip-TbcvVNbx.js}

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { TooltipTrigger as c, Tooltip as n, OverlayArrow as p } from "react-aria-components";
-import { ColorTheme as l } from "./index.js";
+import { C as l } from "./types-a-x658UQ.js";
 import './assets/Tooltip.css';const v = "_tooltip_5kv1r_1", m = "_primary_5kv1r_133", y = "_secondary_5kv1r_153", k = "_tertiary_5kv1r_163", u = "_error_5kv1r_173", f = "_success_5kv1r_193", o = {
   tooltip: v,
   "tooltip-arrow": "_tooltip-arrow_5kv1r_53",

package/dist/assets/index12.css

@@ -0,0 +1 @@
+._button_iyh6t_1{--_button-theme-background: transparent;--_button-theme-color: transparent;--_button-border-color: var(--_button-theme-background);border-radius:var(--_button-radius);cursor:pointer;border:var(--button-border-width) solid var(--_button-border-color);font-weight:var(--font-weight-medium);text-align:center;padding-inline:var(--_button-padding-inline);padding-block:var(--_button-padding-block);background-color:var(--_button-background);color:var(--_button-color);position:relative;overflow:hidden;transition:background-color .25s,color .25s}._button_iyh6t_1[data-hovered],._button_iyh6t_1[data-focus-visible]{--_button-background: hsl( from var(--_button-theme-background) h s calc(l + 10) );--_button-color: hsl(from var(--_button-theme-color) h s calc(l + 10) )}._button_iyh6t_1[data-pressed]{--_button-background: hsl( from var(--_button-theme-background) h s calc(l - 5) );--_button-color: hsl(from var(--_button-theme-color) h s calc(l - 5) )}._button_iyh6t_1[data-selected]{--_button-background: var(--_button-theme-background);--_button-color: var(--_button-theme-color)}._button-link_iyh6t_91{text-underline-offset:.125em;text-decoration-thickness:.075em;text-decoration-color:transparent}._button-link_iyh6t_91[data-hovered],._button-link_iyh6t_91[data-focus-visible],._button-link_iyh6t_91[data-underline]{text-decoration-color:currentColor}._square_iyh6t_123{--_button-padding-inline: .625em;--_button-padding-block: .625em;aspect-ratio:1/1;--_button-radius: var(--radius-circular)}._avatar_iyh6t_139{--_button-padding-inline: .125em;--_button-padding-block: .125em;aspect-ratio:1/1;--_button-radius: var(--radius-circular)}._rectangle_iyh6t_155{--_button-padding-inline: 1.125em;--_button-padding-block: .625em;--_button-radius: var(--radius-button)}._shrink_iyh6t_167{--_button-padding-inline: 0;--_button-padding-block: 0}._primary_iyh6t_179{--_button-theme-background: var(--color-primary);--_button-theme-color: var(--color-on-primary)}._primary-variant_iyh6t_189{--_button-theme-background: var(--color-primary-variant);--_button-theme-color: var(--color-on-primary-variant)}._secondary_iyh6t_199{--_button-theme-background: var(--color-secondary);--_button-theme-color: var(--color-on-secondary)}._tertiary_iyh6t_209{--_button-theme-background: var(--color-tertiary);--_button-theme-color: var(--color-on-tertiary)}._error_iyh6t_219{--_button-theme-background: var(--color-error);--_button-theme-color: var(--color-on-error)}._inverse-surface_iyh6t_229{--_button-theme-background: var(--color-inverse-surface);--_button-theme-color: var(--color-inverse-on-surface)}._success_iyh6t_239{--_button-theme-background: var(--color-success);--_button-theme-color: var(--color-on-success)}._filled_iyh6t_251{--_button-background: var(--_button-theme-background);--_button-color: var(--_button-theme-color)}._outlined_iyh6t_261{--_button-background: transparent;--_button-color: var(--_button-theme-background)}._text_iyh6t_271{--_button-background: transparent;--_button-border-color: transparent;--_button-color: var(--_button-theme-background)}._splash_zhwi0_1{position:absolute;inline-size:25%;aspect-ratio:1/1;border-radius:50%;background-color:hsl(from var(--color-surface-variant) h s l / .5);animation:_ripple_zhwi0_1 .5s linear;opacity:0}@keyframes _ripple_zhwi0_1{0%{scale:0;opacity:1}to{scale:8;opacity:0}}._tooltip_5kv1r_1{font-size:.875rem;text-align:center;background-color:var(--_tooltip-background);color:var(--_tooltip-color);padding-inline:.75em;padding-block:.5em;outline:none;max-width:15rem;margin:.625rem;border-radius:var(--radius);box-shadow:var(--elevation-1);transition:transform .25s,opacity .25s;transform:translateZ(0)}._tooltip_5kv1r_1[data-placement=bottom]{--_origin: translateY(-.25rem)}._tooltip_5kv1r_1[data-placement=bottom] ._tooltip-arrow_5kv1r_53 svg{rotate:180deg}._tooltip_5kv1r_1[data-placement=top]{--_origin: translateY(.25rem)}._tooltip_5kv1r_1[data-placement=right]{--_origin: translateX(-.25rem)}._tooltip_5kv1r_1[data-placement=right] ._tooltip-arrow_5kv1r_53 svg{rotate:90deg}._tooltip_5kv1r_1[data-placement=left]{--_origin: translateX(.25rem)}._tooltip_5kv1r_1[data-placement=left] ._tooltip-arrow_5kv1r_53 svg{rotate:-90deg}._tooltip_5kv1r_1[data-entering],._tooltip_5kv1r_1[data-exiting]{transform:var(--_origin);opacity:0}._tooltip-arrow_5kv1r_53 svg{display:block;fill:var(--_tooltip-background);inline-size:.625rem;aspect-ratio:1/1}._primary_5kv1r_133{--_tooltip-background: var(--color-primary-container);--_tooltip-color: var(--color-on-primary-container)}._primary-variant_5kv1r_143{--_tooltip-background: var(--color-primary-variant-container);--_tooltip-color: var(--color-on-primary-variant-container)}._secondary_5kv1r_153{--_tooltip-background: var(--color-secondary-container);--_tooltip-color: var(--color-on-secondary-container)}._tertiary_5kv1r_163{--_tooltip-background: var(--color-tertiary-container);--_tooltip-color: var(--color-on-tertiary-container)}._error_5kv1r_173{--_tooltip-background: var(--color-error-container);--_tooltip-color: var(--color-on-error-container)}._inverse-surface_5kv1r_183{--_tooltip-background: var(--color-surface-container);--_tooltip-color: var(--color-on-surface)}._success_5kv1r_193{--_tooltip-background: var(--color-success-container);--_tooltip-color: var(--color-on-success-container)}._toggle-button-group_1tyg5_1{--_flex-direction: row;display:flex;flex-direction:var(--_flex-direction)}._toggle-button-group_1tyg5_1>button{border-radius:0}._toggle-button-group_1tyg5_1[data-orientation=vertical]{--_flex-direction: column;--radius-button: var(--radius)}._toggle-button-group_1tyg5_1[data-orientation=vertical]>button{margin-block-start:calc(-1 * var(--button-border-width))}._toggle-button-group_1tyg5_1[data-orientation=vertical]>button:first-child{border-radius:var(--radius-button) var(--radius-button) 0 0;margin-block-start:0}._toggle-button-group_1tyg5_1[data-orientation=vertical]>button:last-child{border-radius:0 0 var(--radius-button) var(--radius-button)}._toggle-button-group_1tyg5_1[data-orientation=horizontal]>button{margin-inline-start:calc(-1 * var(--button-border-width))}._toggle-button-group_1tyg5_1[data-orientation=horizontal]>button:first-child{margin-inline-start:0;border-radius:var(--radius-button) 0 0 var(--radius-button)}._toggle-button-group_1tyg5_1[data-orientation=horizontal]>button:last-child{border-radius:0 var(--radius-button) var(--radius-button) 0}

package/dist/assets/index13.css

@@ -0,0 +1 @@
+._popover_cizdw_1{box-shadow:var(--elevation-2);border-radius:var(--radius);overflow:auto;max-inline-size:min(90vi,50rem);min-inline-size:min(25vi,10rem);transition:transform .25s,opacity .25s;transform:translateZ(0)}._popover_cizdw_1 [data-card=true]{--_card-padding-inline: .5em;--_card-padding-block: .5em;--_card-elevation: none}._popover_cizdw_1[data-placement=bottom]{--_origin: translateY(-.25rem)}._popover_cizdw_1[data-placement=top]{--_origin: translateY(.25rem)}._popover_cizdw_1[data-placement=right]{--_origin: translateX(-.25rem)}._popover_cizdw_1[data-placement=left]{--_origin: translateX(.25rem)}._popover_cizdw_1[data-entering],._popover_cizdw_1[data-exiting]{transform:var(--_origin);opacity:0}._visual-settings_hg2g0_1{display:grid;gap:1.5rem}._visual-settings_hg2g0_1[data-card=true]{--_card-padding-inline: 1rem;--_card-padding-block: 1rem}._settings-item_hg2g0_21{display:grid;gap:.5rem}._card_c3d4l_1{--_card-color: var(--color-on-surface);--_card-background: var(--color-surface);--_card-elevation: var(--elevation-1);--_card-radius: var(--radius);--_card-padding-inline: 1rem;--_card-padding-block: 1rem;--_card-opacity: 1;padding-inline:var(--_card-padding-inline);padding-block:var(--_card-padding-block);border-radius:var(--_card-radius);box-shadow:var(--_card-elevation);background-color:hsl(from var(--_card-background) h s l / var(--_card-opacity));color:var(--_card-color)}._glass_c3d4l_51{--_card-opacity: var(--glassmorphism-opacity);-webkit-backdrop-filter:var(--glassmorphism-filter);backdrop-filter:var(--glassmorphism-filter)}._solid_c3d4l_61{--_card-background: var(--color-surface-container)}._solid-low_c3d4l_69{--_card-background: var(--color-surface-container-low)}._solid-lowest_c3d4l_77{--_card-background: var(--color-surface-container-lowest)}._solid-high_c3d4l_85{--_card-background: var(--color-surface-container-high)}._solid-highest_c3d4l_93{--_card-background: var(--color-surface-container-highest)}._gradient_c3d4l_101{background-image:radial-gradient(ellipse at top,hsl(from var(--color-surface-container-low) h s l / var(--_card-opacity)),transparent),radial-gradient(ellipse at bottom,hsl(from var(--color-surface-container-high) h s l / var(--_card-opacity)),transparent);background-repeat:no-repeat}

package/dist/components/Avatar/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { ColorTheme as l } from "../../index.js";
+import { C as l } from "../../types-a-x658UQ.js";
 import '../../assets/index11.css';var c = /* @__PURE__ */ ((r) => (r.small = "small", r.normal = "normal", r.large = "large", r))(c || {}), n = /* @__PURE__ */ ((r) => (r.image = "image", r.node = "node", r))(n || {});
 const i = "_avatar_1ex1w_1", x = "_node_1ex1w_37", y = "_image_1ex1w_61", w = "_small_1ex1w_79", g = "_normal_1ex1w_89", d = "_large_1ex1w_99", p = "_primary_1ex1w_111", u = "_secondary_1ex1w_131", v = "_tertiary_1ex1w_141", f = "_error_1ex1w_151", $ = "_success_1ex1w_171", s = {
   avatar: i,
@@ -21,7 +21,7 @@ const i = "_avatar_1ex1w_1", x = "_node_1ex1w_37", y = "_image_1ex1w_61", w = "_
     className: `${s.avatar} ${s[a]} ${s[e]} ${s[_]}`,
     children: r
   }
-), C = ({
+), B = ({
   src: r,
   children: a,
   size: e = c.normal,
@@ -29,7 +29,7 @@ const i = "_avatar_1ex1w_1", x = "_node_1ex1w_37", y = "_image_1ex1w_61", w = "_
   theme: t = l.primary
 }) => a ? /* @__PURE__ */ o(m, { type: n.node, size: e, theme: t, children: a }) : /* @__PURE__ */ o(m, { size: e, type: n.image, theme: t, children: /* @__PURE__ */ o("img", { src: r, alt: _ }) });
 export {
-  C as Avatar,
+  B as Avatar,
   c as AvatarSize,
   n as AvatarType
 };

package/dist/components/Button/FilledButton/index.js

@@ -1,4 +1,4 @@
-import { F as e } from "../../../FilledButton-LnYvKzE9.js";
+import { F as e } from "../../../FilledButton-D7z5cN5n.js";
 export {
   e as FilledButton
 };

package/dist/components/Button/OutlinedButton/index.js

@@ -1,4 +1,4 @@
-import { O as e } from "../../../OutlinedButton-BesEreKQ.js";
+import { O as e } from "../../../OutlinedButton-DtPOxjfV.js";
 export {
   e as OutlinedButton
 };

package/dist/components/Button/TextButton/index.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../../TextButton-Ct0ffSsq.js";
+import { T as e } from "../../../TextButton-DAbG31wy.js";
 export {
   e as TextButton
 };

package/dist/components/Button/ToggleButton/index.js

@@ -1,4 +1,4 @@
-import { T as e } from "../../../ToggleButton-DPy_Urwc.js";
+import { T as e } from "../../../ToggleButton-DejyVVCf.js";
 export {
   e as ToggleButton
 };

package/dist/components/Card/BaseCard/index.js

@@ -1,4 +1,4 @@
-import { B as d, C as o } from "../../../BaseCard-DrG8XXVz.js";
+import { B as d, C as o } from "../../../BaseCard-DwISGHZS.js";
 export {
   d as BaseCard,
   o as CardBackground

package/dist/components/Card/GradientCard/index.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { B as o, C as d } from "../../../BaseCard-DrG8XXVz.js";
+import { B as o, C as d } from "../../../BaseCard-DwISGHZS.js";
 const e = ({ ...r }) => /* @__PURE__ */ a(o, { ...r, background: d.gradient });
 export {
   e as GradientCard

package/dist/components/Card/SolidCard/index.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { B as d, C as s } from "../../../BaseCard-DrG8XXVz.js";
+import { B as d, C as s } from "../../../BaseCard-DwISGHZS.js";
 const m = ({
   background: r = s.solid,
   ...o

package/dist/components/Disclosure/Disclosure/index.js

@@ -1,4 +1,4 @@
-import { D as s } from "../../../Disclosure-sItjZ-jf.js";
+import { D as s } from "../../../Disclosure-Dq8vN5eK.js";
 export {
   s as Disclosure
 };

package/dist/components/Disclosure/DisclousureGroup/index.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { D as i } from "../../../Disclosure-sItjZ-jf.js";
+import { D as i } from "../../../Disclosure-Dq8vN5eK.js";
 import { DisclosureGroup as u } from "react-aria-components";
 import '../../../assets/index7.css';const e = {
   "disclosure-group": "_disclosure-group_vh6v0_1"

package/dist/components/Link/FilledButtonLink/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { B as r } from "../../../ButtonLink-DNXUq90W.js";
+import { B as r } from "../../../ButtonLink-CBN0G98a.js";
 import { ButtonVariant as i } from "../../Button/ButtonBase/index.js";
 const e = (t) => /* @__PURE__ */ o(r, { ...t, variant: i.filled });
 export {

package/dist/components/Link/LinkBase/index.js

@@ -1,4 +1,4 @@
-import { L } from "../../../Link-Be6F1iXD.js";
+import { L } from "../../../Link-CnRAx1uH.js";
 export {
   L as Link
 };

package/dist/components/Link/OutlinedButtonLink/index.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { B as n } from "../../../ButtonLink-DNXUq90W.js";
+import { B as n } from "../../../ButtonLink-CBN0G98a.js";
 import { ButtonVariant as r } from "../../Button/ButtonBase/index.js";
 const a = (t) => /* @__PURE__ */ o(n, { ...t, variant: r.outlined });
 export {

package/dist/components/Menu/MenuButton/index.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { M as n } from "../../../Menu-DvZqs_yA.js";
+import { M as n } from "../../../Menu-CfOITc2Q.js";
 const u = ({ children: o, menuItems: r }) => /* @__PURE__ */ t(n, { menuItems: r, children: o });
 export {
   u as MenuButton

package/dist/components/Menu/MenuLabel/index.js

@@ -1,4 +1,4 @@
-import { M as o } from "../../../MenuLabel-B0FrGXKS.js";
+import { M as o } from "../../../MenuLabel-DYMKz1XJ.js";
 export {
   o as MenuLabel
 };

package/dist/components/Modal/ModalAction/index.js

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { M as h } from "../../../ModalBase-DOU0cBij.js";
-import { T as p } from "../../../TextButton-Ct0ffSsq.js";
-import { ColorTheme as u } from "../../../index.js";
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { M as h } from "../../../ModalBase-bdXf9IQh.js";
+import { T as p } from "../../../TextButton-DAbG31wy.js";
+import { C as u } from "../../../types-a-x658UQ.js";
 import '../../../assets/index8.css';var d = /* @__PURE__ */ ((o) => (o.start = "start", o.end = "end", o))(d || {});
 const v = "_modal_fqn0t_1", q = "_end_fqn0t_39", t = {
   modal: v,
@@ -11,16 +11,16 @@ const v = "_modal_fqn0t_1", q = "_end_fqn0t_39", t = {
   end: q
 }, T = ({
   trigger: o,
-  header: a,
+  header: n,
   children: m,
   actionPlacement: l = d.start,
-  modalAction: n,
+  modalAction: e,
   closeText: i,
   isDismissable: c,
   isKeyboardDismissableDisabled: _
 }) => {
-  const f = typeof n == "function";
-  return /* @__PURE__ */ e(
+  const f = typeof e == "function";
+  return /* @__PURE__ */ a(
     h,
     {
       trigger: o,
@@ -28,16 +28,16 @@ const v = "_modal_fqn0t_1", q = "_end_fqn0t_39", t = {
         isDismissable: c,
         isKeyboardDismissDisabled: _
       },
-      children: ({ close: r }) => /* @__PURE__ */ s("div", { className: `${t.modal}`, children: [
-        a && /* @__PURE__ */ e("h2", { className: `${t["modal-header"]}`, children: a }),
-        /* @__PURE__ */ e("div", { className: `${t["modal-content"]}`, children: m }),
-        /* @__PURE__ */ s(
+      children: ({ close: s }) => /* @__PURE__ */ r("div", { className: `${t.modal}`, children: [
+        n && /* @__PURE__ */ a("h2", { className: `${t["modal-header"]}`, children: n }),
+        /* @__PURE__ */ a("div", { className: `${t["modal-content"]}`, children: m }),
+        /* @__PURE__ */ r(
           "div",
           {
             className: `${t["modal-action"]} ${t[l]}`,
             children: [
-              f ? n({ close: r }) : n,
-              /* @__PURE__ */ e(p, { onPress: r, theme: u.inverseSurface, children: i })
+              f ? e({ close: s }) : e,
+              /* @__PURE__ */ a(p, { onPress: s, theme: u.inverseSurface, children: i })
             ]
           }
         )

package/dist/components/Modal/ModalBase/index.js

@@ -1,4 +1,4 @@
-import { M as e } from "../../../ModalBase-DOU0cBij.js";
+import { M as e } from "../../../ModalBase-bdXf9IQh.js";
 export {
   e as ModalBase
 };

package/dist/components/Navigation/NavigationMenu/index.js

@@ -1,4 +1,4 @@
-import { N as e } from "../../../NavigationMenu-x2hSYr4B.js";
+import { N as e } from "../../../NavigationMenu-12u9zep-.js";
 export {
   e as NavigationMenu
 };

package/dist/components/Navigation/NavigationResponsive/index.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMediaQuery as t } from "usehooks-ts";
-import { N as e } from "../../../NavigationMenu-x2hSYr4B.js";
-import { N as m } from "../../../NavigationSidebar-mEaAZE9d.js";
+import { N as e } from "../../../NavigationMenu-12u9zep-.js";
+import { N as m } from "../../../NavigationSidebar-BG7cSZai.js";
 const f = ({
   items: o,
   mediaQuery: a,

package/dist/components/Navigation/NavigationSidebar/index.js

@@ -1,4 +1,4 @@
-import { N as o } from "../../../NavigationSidebar-mEaAZE9d.js";
+import { N as o } from "../../../NavigationSidebar-BG7cSZai.js";
 export {
   o as NavigationSidebar
 };

package/dist/components/Select/index.js

@@ -1,15 +1,15 @@
 import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { F as m } from "../../FilledButton-LnYvKzE9.js";
+import { F as m } from "../../FilledButton-D7z5cN5n.js";
 import { ButtonVariant as o } from "../Button/ButtonBase/index.js";
-import { Select as C, SelectValue as d, ListBox as N, Text as p, ListBoxItem as T } from "react-aria-components";
+import { Select as b, SelectValue as d, ListBox as N, Text as p, ListBoxItem as T } from "react-aria-components";
 import { P as S } from "../../Popover-CNBII_iI.js";
 import { ChevronsUpDown as V, Check as y } from "lucide-react";
-import { O as F } from "../../OutlinedButton-BesEreKQ.js";
-import { T as $ } from "../../TextButton-Ct0ffSsq.js";
-import { ColorTheme as h } from "../../index.js";
-import { T as L } from "../../Tooltip-D-jCnOvo.js";
+import { O as F } from "../../OutlinedButton-DtPOxjfV.js";
+import { T as $ } from "../../TextButton-DAbG31wy.js";
+import { C as h } from "../../types-a-x658UQ.js";
+import { T as L } from "../../Tooltip-TbcvVNbx.js";
 import { L as D, F as j } from "../../FieldError-CvUKcRtm.js";
-import { B as I, C as O } from "../../BaseCard-DrG8XXVz.js";
+import { B as I, C as O } from "../../BaseCard-DwISGHZS.js";
 import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1tehw_37", r = {
   select: P,
   "selected-value": "_selected-value_1tehw_11",
@@ -46,7 +46,7 @@ import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1teh
       i = m;
   }
   return /* @__PURE__ */ s(
-    C,
+    b,
     {
       className: r.select,
       isDisabled: g,
@@ -73,9 +73,9 @@ import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1teh
               id: t.key,
               textValue: t.displayValue,
               isDisabled: t.disabled,
-              children: ({ isSelected: b }) => /* @__PURE__ */ s(n, { children: [
+              children: ({ isSelected: C }) => /* @__PURE__ */ s(n, { children: [
                 /* @__PURE__ */ e("div", { className: `${r["options-item"]}`, children: l }),
-                b && /* @__PURE__ */ e(y, {})
+                C && /* @__PURE__ */ e(y, {})
               ] })
             },
             t.key

package/dist/components/Sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as e, a as r, b as S } from "../../Sidebar-BqNH6hIl.js";
+import { S as e, a as r, b as S } from "../../Sidebar-BDLl0HXv.js";
 export {
   e as Sidebar,
   r as SidebarPosition,

package/dist/components/ToggleButtonGroup/index.js

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ToggleButtonGroup as l } from "react-aria-components";
-import { T as s } from "../../ToggleButton-DPy_Urwc.js";
-import { ColorTheme as u } from "../../index.js";
-import '../../assets/index.css';const n = {
+import { ToggleButtonGroup as s } from "react-aria-components";
+import { T as l } from "../../ToggleButton-DejyVVCf.js";
+import { C as u } from "../../types-a-x658UQ.js";
+import '../../assets/index.css';const a = {
   "toggle-button-group": "_toggle-button-group_1tyg5_1"
 }, b = ({
   items: g,
   theme: e = u.primary,
   ...o
 }) => /* @__PURE__ */ r(
-  l,
+  s,
   {
     ...o,
-    className: o.className ?? n["toggle-button-group"],
+    className: o.className ?? a["toggle-button-group"],
     children: g.map((t) => /* @__PURE__ */ r(
-      s,
+      l,
       {
         ...t,
         theme: e,

package/dist/components/Tooltip/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../Tooltip-D-jCnOvo.js";
+import { T as r } from "../../Tooltip-TbcvVNbx.js";
 export {
   r as Tooltip
 };

package/dist/components/VisualSettings/ComponentShapeSwitcher/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ComponentShapeSwitcher';
+export * from './types';

package/dist/components/VisualSettings/ComponentShapeSwitcher/index.js

@@ -0,0 +1,6 @@
+import { b as a, C as p, a as n } from "../../../ComponentShapeSwitcher-BjQDLIf4.js";
+export {
+  a as ComponentShapeKey,
+  p as ComponentShapeSwitcher,
+  n as ComponentShapes
+};

package/dist/components/VisualSettings/ThemeSwitcher/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThemeSwitcher';
+export * from './types';

package/dist/components/VisualSettings/ThemeSwitcher/index.js

@@ -0,0 +1,4 @@
+import { T as h } from "../../../ThemeSwitcher-DWOWeXUU.js";
+export {
+  h as ThemeSwitcher
+};

package/dist/components/VisualSettings/VisualSettings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VisualSettings';
+export * from './types';

package/dist/components/VisualSettings/VisualSettings/index.js

@@ -0,0 +1,124 @@
+import { jsx as s, jsxs as r, Fragment as g } from "react/jsx-runtime";
+import { w as P, l as d, e as v, c as T, a as w, j as n, z as m, s as b } from "../../../index-CpZa0Xux.js";
+import { Popover as k, DialogTrigger as C, Dialog as x, Button as y } from "react-aria-components";
+import { C as _ } from "../../../ComponentShapeSwitcher-BjQDLIf4.js";
+import { T as u } from "../../../ThemeSwitcher-DWOWeXUU.js";
+import { Settings as j } from "lucide-react";
+import '../../../assets/index13.css';const z = "_popover_cizdw_1", D = {
+  popover: z
+}, H = (e) => /* @__PURE__ */ s(
+  k,
+  {
+    ...e,
+    className: e.className ?? D.popover
+  }
+), L = ({
+  trigger: e,
+  popoverProps: i,
+  dialogTriggerProps: t,
+  ...o
+}) => /* @__PURE__ */ r(C, { ...t, children: [
+  e,
+  /* @__PURE__ */ s(H, { ...i, children: /* @__PURE__ */ s(x, { ...o }) })
+] }), V = ({
+  variant: e,
+  theme: i = w.primary,
+  shape: t = d.rectangle,
+  description: o,
+  children: a,
+  ...c
+}) => {
+  const { coords: l, handlePress: f } = P(c.onPress), S = typeof a == "function";
+  return t === d.shrink && e !== v.text && (t = d.rectangle), /* @__PURE__ */ s(T, { theme: i, description: o, children: /* @__PURE__ */ s(
+    y,
+    {
+      ...c,
+      className: c.className ?? `${n.button} ${n["button-link"]} ${n[e]} ${n[i]} ${n[t]}`,
+      onPress: f,
+      children: S ? (N) => /* @__PURE__ */ r(g, { children: [
+        l && /* @__PURE__ */ s(m, { ...l }),
+        a(N)
+      ] }) : /* @__PURE__ */ r(g, { children: [
+        l && /* @__PURE__ */ s(m, { ...l }),
+        a
+      ] })
+    }
+  ) });
+}, q = (e) => {
+  const { children: i } = e;
+  return /* @__PURE__ */ s(V, { ...e, variant: v.text, children: i });
+}, $ = {
+  "visual-settings": "_visual-settings_hg2g0_1",
+  "settings-item": "_settings-item_hg2g0_21"
+};
+var p = /* @__PURE__ */ ((e) => (e.solid = "solid", e.solidLow = "solid-low", e.solidLowest = "solid-lowest", e.solidHigh = "solid-high", e.solidHighest = "solid-highest", e.gradient = "gradient", e))(p || {});
+const A = "_card_c3d4l_1", B = "_glass_c3d4l_51", E = "_solid_c3d4l_61", F = "_gradient_c3d4l_101", h = {
+  card: A,
+  glass: B,
+  solid: E,
+  "solid-low": "_solid-low_c3d4l_69",
+  "solid-lowest": "_solid-lowest_c3d4l_77",
+  "solid-high": "_solid-high_c3d4l_85",
+  "solid-highest": "_solid-highest_c3d4l_93",
+  gradient: F
+}, G = ({
+  background: e = p.solid,
+  componentStyle: i = b.normal,
+  children: t,
+  ...o
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    ...o,
+    className: `${o.className ?? ""} ${h[i]} ${h.card}  ${h[e]}`,
+    "data-card": "true",
+    children: t
+  }
+), J = ({
+  background: e = p.solid,
+  ...i
+}) => /* @__PURE__ */ s(G, { ...i, background: e }), W = ({
+  ui: e = !0
+}) => {
+  if (!e)
+    return /* @__PURE__ */ r(g, { children: [
+      /* @__PURE__ */ s(u, { ui: !1 }),
+      /* @__PURE__ */ s(_, { ui: !1 })
+    ] });
+  const i = [
+    {
+      Component: u,
+      heading: "Personalize Color Theme",
+      description: "Adjust the app's overall color scheme."
+    },
+    {
+      Component: _,
+      heading: "Edge Style",
+      description: "Toggle between rounded and sharp component edges."
+    }
+  ], t = w.inverseSurface;
+  return /* @__PURE__ */ s(
+    L,
+    {
+      trigger: /* @__PURE__ */ s(
+        q,
+        {
+          shape: d.square,
+          description: "Visual Settings",
+          theme: t,
+          children: /* @__PURE__ */ s(j, {})
+        }
+      ),
+      children: /* @__PURE__ */ s(J, { className: $["visual-settings"], children: i.map((o) => /* @__PURE__ */ r("div", { className: $["settings-item"], children: [
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ s("h3", { "data-heading": "true", children: o.heading }),
+          /* @__PURE__ */ s("p", { children: o.description })
+        ] }),
+        /* @__PURE__ */ s(o.Component, { theme: t })
+      ] }, o.heading)) })
+    }
+  );
+};
+export {
+  W as VisualSettings
+};

package/dist/index-CpZa0Xux.js

@@ -0,0 +1,118 @@
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { TooltipTrigger as m, Tooltip as p, OverlayArrow as v, ToggleButton as g, ToggleButtonGroup as $ } from "react-aria-components";
+import { useState as f, useRef as u, useEffect as k } from "react";
+import './assets/index12.css';var n = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryVariant = "primary-variant", r.secondary = "secondary", r.tertiary = "tertiary", r.error = "error", r.inverseSurface = "inverse-surface", r.success = "success", r))(n || {}), b = /* @__PURE__ */ ((r) => (r.normal = "normal", r.glass = "glass", r))(b || {}), d = /* @__PURE__ */ ((r) => (r.filled = "filled", r.outlined = "outlined", r.text = "text", r))(d || {}), h = /* @__PURE__ */ ((r) => (r.rectangle = "rectangle", r.square = "square", r.avatar = "avatar", r.shrink = "shrink", r))(h || {});
+const x = "_button_iyh6t_1", w = "_square_iyh6t_123", T = "_avatar_iyh6t_139", D = "_rectangle_iyh6t_155", N = "_shrink_iyh6t_167", S = "_primary_iyh6t_179", q = "_secondary_iyh6t_199", B = "_tertiary_iyh6t_209", j = "_error_iyh6t_219", P = "_success_iyh6t_239", z = "_filled_iyh6t_251", L = "_outlined_iyh6t_261", A = "_text_iyh6t_271", _ = {
+  button: x,
+  "button-link": "_button-link_iyh6t_91",
+  square: w,
+  avatar: T,
+  rectangle: D,
+  shrink: N,
+  primary: S,
+  "primary-variant": "_primary-variant_iyh6t_189",
+  secondary: q,
+  tertiary: B,
+  error: j,
+  "inverse-surface": "_inverse-surface_iyh6t_229",
+  success: P,
+  filled: z,
+  outlined: L,
+  text: A
+}, E = (r) => {
+  const [t, e] = f(null), a = u(0);
+  let s = u(void 0), l = (o) => {
+    e({ id: a.current++, x: o.x, y: o.y }), o.x !== -1 && o.y !== -1 && (clearTimeout(s.current), s.current = setTimeout(() => e(null), 500)), r?.(o);
+  };
+  return k(() => () => {
+    clearTimeout(s.current);
+  }, []), { coords: t, handlePress: l };
+}, G = "_splash_zhwi0_1", I = {
+  splash: G
+}, M = ({ id: r, x: t, y: e }) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: `${I.splash}`,
+    style: {
+      insetInlineStart: t,
+      insetBlockStart: e,
+      translate: "-50% -50%"
+    }
+  },
+  `${r}`
+), O = "_tooltip_5kv1r_1", R = "_primary_5kv1r_133", V = "_secondary_5kv1r_153", C = "_tertiary_5kv1r_163", F = "_error_5kv1r_173", H = "_success_5kv1r_193", c = {
+  tooltip: O,
+  "tooltip-arrow": "_tooltip-arrow_5kv1r_53",
+  primary: R,
+  "primary-variant": "_primary-variant_5kv1r_143",
+  secondary: V,
+  tertiary: C,
+  error: F,
+  "inverse-surface": "_inverse-surface_5kv1r_183",
+  success: H
+}, J = ({
+  children: r,
+  description: t,
+  theme: e = n.inverseSurface,
+  delay: a = 250,
+  closeDelay: s = 150
+}) => t ? /* @__PURE__ */ y(m, { delay: a, closeDelay: s, children: [
+  r,
+  /* @__PURE__ */ y(p, { className: `${c.tooltip} ${c[e]}`, children: [
+    /* @__PURE__ */ i(v, { className: `${c["tooltip-arrow"]}`, children: /* @__PURE__ */ i("svg", { viewBox: "0 0 8 8", children: /* @__PURE__ */ i("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    t
+  ] })
+] }) : r, K = ({
+  id: r,
+  value: t,
+  description: e,
+  isDisabled: a,
+  theme: s = n.primary
+}) => {
+  const { coords: l, handlePress: o } = E();
+  return /* @__PURE__ */ i(J, { description: e, children: /* @__PURE__ */ y(
+    g,
+    {
+      id: r,
+      onPress: o,
+      className: `${_.button} ${_[s]} ${_[d.outlined]} ${_[h.rectangle]}`,
+      isDisabled: a,
+      children: [
+        l && /* @__PURE__ */ i(M, { ...l }),
+        t
+      ]
+    }
+  ) });
+}, Q = {
+  "toggle-button-group": "_toggle-button-group_1tyg5_1"
+}, Y = ({
+  items: r,
+  theme: t = n.primary,
+  ...e
+}) => /* @__PURE__ */ i(
+  $,
+  {
+    ...e,
+    className: e.className ?? Q["toggle-button-group"],
+    children: r.map((a) => /* @__PURE__ */ i(
+      K,
+      {
+        ...a,
+        theme: t,
+        isDisabled: e.isDisabled || a.isDisabled
+      },
+      a.id
+    ))
+  }
+);
+export {
+  n as a,
+  Y as b,
+  J as c,
+  d as e,
+  _ as j,
+  h as l,
+  b as s,
+  E as w,
+  M as z
+};

package/dist/index.d.ts

@@ -1 +1,3 @@
 export * from './utils/types';
+export * from './utils/env';
+export * from './utils/apiError';

package/dist/index.js

@@ -1,5 +1,24 @@
-var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryVariant = "primary-variant", r.secondary = "secondary", r.tertiary = "tertiary", r.error = "error", r.inverseSurface = "inverse-surface", r.success = "success", r))(a || {}), s = /* @__PURE__ */ ((r) => (r.normal = "normal", r.glass = "glass", r))(s || {});
+import { C as c, a as p } from "./types-a-x658UQ.js";
+const n = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
+function s(t, r) {
+  const e = n[t];
+  if (!e) {
+    if (!r)
+      throw new Error(`Missing required environment variable: ${t}`);
+    return r;
+  }
+  return e;
+}
+class o extends Error {
+  data;
+  response;
+  constructor(r, e) {
+    super(), this.name = "ApiError", this.data = e, this.response = r, Error.captureStackTrace && Error.captureStackTrace(this, o);
+  }
+}
 export {
-  a as ColorTheme,
-  s as ComponentStyle
+  o as ApiError,
+  c as ColorTheme,
+  p as ComponentStyle,
+  s as getEnvVar
 };

package/dist/types-a-x658UQ.js

@@ -0,0 +1,5 @@
+var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryVariant = "primary-variant", r.secondary = "secondary", r.tertiary = "tertiary", r.error = "error", r.inverseSurface = "inverse-surface", r.success = "success", r))(a || {}), s = /* @__PURE__ */ ((r) => (r.normal = "normal", r.glass = "glass", r))(s || {});
+export {
+  a as C,
+  s as a
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adgytec/adgytec-web-ui-components",
   "private": false,
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "module",
   "files": [
     "dist"
@@ -157,6 +157,18 @@
     "./Tree": {
       "import": "./dist/components/Tree/index.js",
       "types": "./dist/components/Tree/index.d.ts"
+    },
+    "./VisualSettings/ComponentShapeSwitcher": {
+      "import": "./dist/components/VisualSettings/ComponentShapeSwitcher/index.js",
+      "types": "./dist/components/VisualSettings/ComponentShapeSwitcher/index.d.ts"
+    },
+    "./VisualSettings/ThemeSwitcher": {
+      "import": "./dist/components/VisualSettings/ThemeSwitcher/index.js",
+      "types": "./dist/components/VisualSettings/ThemeSwitcher/index.d.ts"
+    },
+    "./VisualSettings/VisualSettings": {
+      "import": "./dist/components/VisualSettings/VisualSettings/index.js",
+      "types": "./dist/components/VisualSettings/VisualSettings/index.d.ts"
     }
   },
   "module": "./dist/index.js",