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

package/dist/{Button-C8yUSxx_.js → Button-Dtvxu-co.js}

@@ -19,10 +19,10 @@ const C = ({
       ...e,
       className: e.className ?? `${t.button} ${t["button-link"]} ${t[i]} ${t[m]} ${t[r]}`,
       onPress: p,
-      children: h ? (B) => /* @__PURE__ */ l(c, { children: [
+      children: h ? ((B) => /* @__PURE__ */ l(c, { children: [
         o && /* @__PURE__ */ s(u, { ...o }),
         n(B)
-      ] }) : /* @__PURE__ */ l(c, { children: [
+      ] })) : /* @__PURE__ */ l(c, { children: [
         o && /* @__PURE__ */ s(u, { ...o }),
         n
       ] })

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

@@ -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__ */ i(a, { children: [
         t && /* @__PURE__ */ r(l, { ...t }),
         s(h)
-      ] }) : /* @__PURE__ */ i(a, { children: [
+      ] })) : /* @__PURE__ */ i(a, { children: [
         t && /* @__PURE__ */ r(l, { ...t }),
         s
       ] })

package/dist/ComponentShapeSwitcher-CY_93STw.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-BG6gd3OK.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-BGdAnqQv.js}

@@ -1,7 +1,7 @@
 import { jsxs as s, 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 { T as a } from "./TextButton-CWDZaF0c.js";
 import { ColorTheme as m } from "./index.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 = {

package/dist/{FilledButton-LnYvKzE9.js → FilledButton-SpEu55ES.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-Dtvxu-co.js";
 const l = (t) => {
   const { children: o } = t;
   return /* @__PURE__ */ r(i, { ...t, variant: n.filled, children: o });

package/dist/NavigationMenu-DqDfWOnJ.js

@@ -0,0 +1,49 @@
+import { jsx as r, Fragment as a, jsxs as u } from "react/jsx-runtime";
+import { M as i } from "./MenuLabel-B0FrGXKS.js";
+import { L as c } from "./Link-Be6F1iXD.js";
+import { T as d } from "./TextButton-CWDZaF0c.js";
+import { ColorTheme as n } from "./index.js";
+import { ButtonShape as m } from "./components/Button/ButtonBase/index.js";
+import { ChevronDown as h } from "lucide-react";
+import './assets/NavigationMenu.css';const p = "_menu_sata7_1", f = {
+  menu: p
+}, I = ({ items: s, className: o }) => {
+  const t = s.filter((e) => e.type !== "separator");
+  return /* @__PURE__ */ r("div", { className: o || f.menu, children: t.map((e) => {
+    switch (e.type) {
+      case "sub-items":
+        return /* @__PURE__ */ u(i, { menuItems: e.subItems, children: [
+          e.node,
+          /* @__PURE__ */ r(h, {})
+        ] }, e.id);
+      case "item-node":
+        return /* @__PURE__ */ r(a, { children: e.node }, e.id);
+      case "link":
+        return /* @__PURE__ */ r(
+          c,
+          {
+            href: e.href,
+            target: e.target,
+            underline: e.active,
+            theme: e.active ? n.primary : n.inverseSurface,
+            children: e.node
+          },
+          e.id
+        );
+      case "button":
+        return /* @__PURE__ */ r(
+          d,
+          {
+            onPress: e.onPress,
+            theme: n.inverseSurface,
+            shape: m.shrink,
+            children: e.node
+          },
+          e.id
+        );
+    }
+  }) });
+};
+export {
+  I as N
+};

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

@@ -1,5 +1,5 @@
 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-CWDZaF0c.js";
 import { ButtonShape as o } from "./components/Button/ButtonBase/index.js";
 import { S as m } from "./Sidebar-BqNH6hIl.js";
 import { T as c } from "./Tree-DwJPCnFr.js";

package/dist/{OutlinedButton-BesEreKQ.js → OutlinedButton-QAeXI3Dj.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-Dtvxu-co.js";
 const e = (t) => {
   const { children: o } = t;
   return /* @__PURE__ */ n(i, { ...t, variant: r.outlined, children: o });

package/dist/{TextButton-Ct0ffSsq.js → TextButton-CWDZaF0c.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-Dtvxu-co.js";
 const s = (t) => {
   const { children: o } = t;
   return /* @__PURE__ */ r(a, { ...t, variant: n.text, children: o });

package/dist/ThemeSwitcher-Nf1-Z_ql.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-BG6gd3OK.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/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/Button/FilledButton/index.js

@@ -1,4 +1,4 @@
-import { F as e } from "../../../FilledButton-LnYvKzE9.js";
+import { F as e } from "../../../FilledButton-SpEu55ES.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-QAeXI3Dj.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-CWDZaF0c.js";
 export {
   e as TextButton
 };

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-BGdAnqQv.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-BGdAnqQv.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-fUZZI7JR.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/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-fUZZI7JR.js";
 import { ButtonVariant as r } from "../../Button/ButtonBase/index.js";
 const a = (t) => /* @__PURE__ */ o(n, { ...t, variant: r.outlined });
 export {

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

@@ -1,6 +1,6 @@
 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 { T as p } from "../../../TextButton-CWDZaF0c.js";
 import { ColorTheme as u } from "../../../index.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 = {

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-DqDfWOnJ.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-DqDfWOnJ.js";
+import { N as m } from "../../../NavigationSidebar-Dx2ww8hp.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-Dx2ww8hp.js";
 export {
   o as NavigationSidebar
 };

package/dist/components/Select/Select.d.ts

@@ -1,2 +1,2 @@
 import { SelectProps } from './types';
-export declare const Select: ({ options, cardBackground, label, name, disabled, isRequired, triggerVariant, description, placeholder, selectedKey, onSelectionChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, cardBackground, triggerTheme, label, name, disabled, isRequired, triggerVariant, description, placeholder, selectedKey, onSelectionChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/index.js

@@ -1,27 +1,28 @@
-import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { F as m } from "../../FilledButton-LnYvKzE9.js";
+import { jsxs as s, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { F as d } from "../../FilledButton-SpEu55ES.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 { 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 { L as D, F as j } from "../../FieldError-CvUKcRtm.js";
-import { B as I, C as O } from "../../BaseCard-DrG8XXVz.js";
-import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1tehw_37", r = {
-  select: P,
+import { Select as b, SelectValue as p, ListBox as N, Text as h, ListBoxItem as T } from "react-aria-components";
+import { P as V } from "../../Popover-CNBII_iI.js";
+import { ChevronsUpDown as y, Check as F } from "lucide-react";
+import { O as S } from "../../OutlinedButton-QAeXI3Dj.js";
+import { T as $ } from "../../TextButton-CWDZaF0c.js";
+import { ColorTheme as L } from "../../index.js";
+import { T as D } from "../../Tooltip-D-jCnOvo.js";
+import { L as j, F as I } from "../../FieldError-CvUKcRtm.js";
+import { B as O, C as P } from "../../BaseCard-DrG8XXVz.js";
+import '../../assets/index3.css';const E = "_select_1tehw_1", U = "_trigger_1tehw_37", i = {
+  select: E,
   "selected-value": "_selected-value_1tehw_11",
   "option-description": "_option-description_1tehw_19",
-  trigger: E,
+  trigger: U,
   "options-list": "_options-list_1tehw_51",
   "options-item-group": "_options-item-group_1tehw_63",
   "options-item": "_options-item_1tehw_63"
-}, X = ({
+}, Y = ({
   options: u,
-  cardBackground: _ = O.gradient,
-  label: a,
+  cardBackground: _ = P.gradient,
+  triggerTheme: a = L.inverseSurface,
+  label: n,
   name: f,
   disabled: g,
   isRequired: w,
@@ -31,51 +32,51 @@ import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1teh
   selectedKey: k,
   onSelectionChange: v
 }) => {
-  let i;
+  let r;
   switch (x) {
     case o.filled:
-      i = m;
+      r = d;
       break;
     case o.outlined:
-      i = F;
+      r = S;
       break;
     case o.text:
-      i = $;
+      r = $;
       break;
     default:
-      i = m;
+      r = d;
   }
   return /* @__PURE__ */ s(
-    C,
+    b,
     {
-      className: r.select,
+      className: i.select,
       isDisabled: g,
       isRequired: w,
       name: f,
-      selectedKey: k,
-      onSelectionChange: v,
+      value: k,
+      onChange: v,
       children: [
-        a && /* @__PURE__ */ e(D, { children: a }),
-        /* @__PURE__ */ e(L, { description: B, theme: h.inverseSurface, children: /* @__PURE__ */ e(i, { theme: h.inverseSurface, children: /* @__PURE__ */ s("span", { className: r.trigger, children: [
-          c ? /* @__PURE__ */ e(d, { className: `${r["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: l }) => l ? c : t }) : /* @__PURE__ */ e(d, {}),
-          /* @__PURE__ */ e(V, {})
+        n && /* @__PURE__ */ e(j, { children: n }),
+        /* @__PURE__ */ e(D, { description: B, theme: a, children: /* @__PURE__ */ e(r, { theme: a, children: /* @__PURE__ */ s("span", { className: i.trigger, children: [
+          c ? /* @__PURE__ */ e(p, { className: `${i["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: l }) => l ? c : t }) : /* @__PURE__ */ e(p, {}),
+          /* @__PURE__ */ e(y, {})
         ] }) }) }),
-        /* @__PURE__ */ e(j, {}),
-        /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(I, { background: _, children: /* @__PURE__ */ e(N, { className: `${r["options-list"]}`, items: u, children: (t) => {
-          const l = /* @__PURE__ */ s(n, { children: [
-            /* @__PURE__ */ e(p, { children: t.displayValue }),
-            t.description && /* @__PURE__ */ e(p, { className: r["option-description"], children: t.description })
+        /* @__PURE__ */ e(I, {}),
+        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(O, { background: _, children: /* @__PURE__ */ e(N, { className: `${i["options-list"]}`, items: u, children: (t) => {
+          const l = /* @__PURE__ */ s(m, { children: [
+            /* @__PURE__ */ e(h, { children: t.displayValue }),
+            t.description && /* @__PURE__ */ e(h, { className: i["option-description"], children: t.description })
           ] });
           return /* @__PURE__ */ e(
             T,
             {
-              className: `${r["options-item-group"]}`,
+              className: `${i["options-item-group"]}`,
               id: t.key,
               textValue: t.displayValue,
               isDisabled: t.disabled,
-              children: ({ isSelected: b }) => /* @__PURE__ */ s(n, { children: [
-                /* @__PURE__ */ e("div", { className: `${r["options-item"]}`, children: l }),
-                b && /* @__PURE__ */ e(y, {})
+              children: ({ isSelected: C }) => /* @__PURE__ */ s(m, { children: [
+                /* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: l }),
+                C && /* @__PURE__ */ e(F, {})
               ] })
             },
             t.key
@@ -86,5 +87,5 @@ import '../../assets/index3.css';const P = "_select_1tehw_1", E = "_trigger_1teh
   );
 };
 export {
-  X as Select
+  Y as Select
 };

package/dist/components/Select/types.d.ts

@@ -1,6 +1,7 @@
 import { Key } from 'react-aria-components';
 import { ButtonVariant } from '../Button/ButtonBase/types';
 import { CardBackground } from '../Card/BaseCard';
+import { ColorTheme } from '../../utils/types';
 export type SelectOptions = {
     key: string;
     displayValue: string;
@@ -10,6 +11,7 @@ export type SelectOptions = {
 export interface SelectProps {
     options: SelectOptions[];
     cardBackground?: CardBackground;
+    triggerTheme?: ColorTheme;
     isRequired?: boolean;
     label?: string;
     name?: string;

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-CY_93STw.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-Nf1-Z_ql.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 C, l as d, e as v, c as P, a as w, j as n, z as m, s as T } from "../../../index-BG6gd3OK.js";
+import { Popover as b, DialogTrigger as k, Dialog as x, Button as y } from "react-aria-components";
+import { C as _ } from "../../../ComponentShapeSwitcher-CY_93STw.js";
+import { T as u } from "../../../ThemeSwitcher-Nf1-Z_ql.js";
+import { Settings as j } from "lucide-react";
+import '../../../assets/index13.css';const z = "_popover_cizdw_1", D = {
+  popover: z
+}, H = (e) => /* @__PURE__ */ s(
+  b,
+  {
+    ...e,
+    className: e.className ?? D.popover
+  }
+), L = ({
+  trigger: e,
+  popoverProps: i,
+  dialogTriggerProps: t,
+  ...o
+}) => /* @__PURE__ */ r(k, { ...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 } = C(c.onPress), S = typeof a == "function";
+  return t === d.shrink && e !== v.text && (t = d.rectangle), /* @__PURE__ */ s(P, { 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 = T.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-BG6gd3OK.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 f } from "react-aria-components";
+import { useState as $, useRef as u, useEffect as k } from "react";
+import './assets/index12.css';var _ = /* @__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))(_ || {}), 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", n = {
+  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] = $(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 = _.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 = _.primary
+}) => {
+  const { coords: l, handlePress: o } = E();
+  return /* @__PURE__ */ i(J, { description: e, children: /* @__PURE__ */ y(
+    g,
+    {
+      id: r,
+      onPress: o,
+      className: `${n.button} ${n[s]} ${n[d.outlined]} ${n[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 = _.primary,
+  ...e
+}) => /* @__PURE__ */ i(
+  f,
+  {
+    ...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 {
+  _ as a,
+  Y as b,
+  J as c,
+  d as e,
+  n as j,
+  h as l,
+  b as s,
+  E as w,
+  M as z
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adgytec/adgytec-web-ui-components",
   "private": false,
-  "version": "0.0.21",
+  "version": "1.0.0",
   "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",
@@ -174,33 +186,33 @@
     "release": "npm run build && npm publish --public"
   },
   "dependencies": {
-    "lucide-react": "^0.525.0",
-    "react": "^19.1.0",
-    "react-aria-components": "^1.10.1",
-    "react-dom": "^19.1.0",
+    "lucide-react": "^0.562.0",
+    "react": "^19.2.3",
+    "react-aria-components": "^1.14.0",
+    "react-dom": "^19.2.3",
     "usehooks-ts": "^3.1.1",
-    "zod": "^4.0.5"
+    "zod": "^4.3.5"
   },
   "devDependencies": {
-    "@eslint/js": "^9.29.0",
+    "@eslint/js": "^9.39.2",
     "@react-aria/optimize-locales-plugin": "^1.1.5",
-    "@types/node": "^24.0.14",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react-swc": "^3.10.2",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9.29.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "glob": "^11.0.3",
-    "globals": "^16.2.0",
-    "prettier": "^3.6.2",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.34.1",
-    "vite": "^7.0.0",
+    "@types/node": "^25.0.8",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "autoprefixer": "^10.4.23",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "glob": "^13.0.0",
+    "globals": "^17.0.0",
+    "prettier": "^3.7.4",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.53.0",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
-    "vite-plugin-static-copy": "^3.1.1"
+    "vite-plugin-static-copy": "^3.1.4"
   },
   "author": {
     "name": "Adgytec",

package/dist/NavigationMenu-x2hSYr4B.js

@@ -1,47 +0,0 @@
-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 { 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 = {
-  menu: h
-}, k = ({ items: s, className: o }) => {
-  const t = s.filter((e) => e.type !== "separator");
-  return /* @__PURE__ */ r("div", { className: o || d.menu, children: t.map((e) => {
-    switch (e.type) {
-      case "sub-items":
-        return /* @__PURE__ */ a(u, { menuItems: e.subItems, children: [
-          e.node,
-          /* @__PURE__ */ r(p, {})
-        ] }, e.id);
-      case "item-node":
-        return e.node;
-      case "link":
-        return /* @__PURE__ */ r(
-          m,
-          {
-            href: e.href,
-            target: e.target,
-            underline: e.active,
-            theme: e.active ? n.primary : n.inverseSurface,
-            children: e.node
-          }
-        );
-      case "button":
-        return /* @__PURE__ */ r(
-          i,
-          {
-            onPress: e.onPress,
-            theme: n.inverseSurface,
-            shape: c.shrink,
-            children: e.node
-          }
-        );
-    }
-  }) });
-};
-export {
-  k as N
-};

package/dist/utils/apiError.d.ts

@@ -1,9 +0,0 @@
-export interface ApiErrorResponse {
-    message?: string;
-    fieldErrors?: Record<string, string | string[]>;
-}
-export declare class ApiError extends Error {
-    data: ApiErrorResponse;
-    response: Response;
-    constructor(response: Response, data: ApiErrorResponse);
-}

package/dist/utils/env.d.ts

@@ -1 +0,0 @@
-export declare function getEnvVar(key: string, defaultValue?: string): string;