@adgytec/adgytec-web-ui-components 0.0.5 → 0.0.7

package/dist/{Disclosure-D79gqK4z.js → Disclosure-VEgfonAa.js}

@@ -16,7 +16,7 @@ import './assets/Disclosure.css';const h = "_disclosure_1cz7p_1", u = "_trigger_
       theme: m.inverseSurface,
       shape: p.shrink,
       children: [
-        /* @__PURE__ */ r(a, { strokeWidth: 3 }),
+        /* @__PURE__ */ r(a, {}),
         o
       ]
     }

package/dist/{DisclousreGroup-BSUcVzWX.js → DisclousreGroup-DEhMBMtj.js}

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

package/dist/{FieldError-CZn24fiL.js → FieldError-a_f080R9.js}

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Label as l, FieldError as s } from "react-aria-components";
-import './assets/FieldError.css';const a = "_label_1ladm_1", o = {
+import './assets/FieldError.css';const a = "_label_1qx1g_1", o = {
   label: a
-}, b = (r) => /* @__PURE__ */ e(l, { ...r, className: r.className ?? o.label, children: r.children }), t = "_error_srqbn_1", c = {
+}, m = (r) => /* @__PURE__ */ e(l, { ...r, className: r.className ?? o.label, children: r.children }), t = "_error_srqbn_1", c = {
   error: t
 }, i = (r) => /* @__PURE__ */ e(
   s,
@@ -13,5 +13,5 @@ import './assets/FieldError.css';const a = "_label_1ladm_1", o = {
 );
 export {
   i as F,
-  b as L
+  m as L
 };

package/dist/Form-BrgsgT93.js

@@ -0,0 +1,53 @@
+import { jsx as f } from "react/jsx-runtime";
+import { Form as i } from "react-aria-components";
+import { useState as l } from "react";
+import './assets/Form.css';function d(o, e = (r) => r.message) {
+  const r = {}, s = [];
+  for (const t of o.issues)
+    t.path.length > 0 ? (r[t.path[0]] = r[t.path[0]] || [], r[t.path[0]].push(e(t))) : s.push(e(t));
+  return { formErrors: s, fieldErrors: r };
+}
+const h = "_form_1k1fe_1", E = {
+  form: h
+}, F = (o, e) => {
+  const r = Object.fromEntries(new FormData(o)), s = e.safeParse(r);
+  return s.success ? {
+    success: !0,
+    data: s.data
+  } : {
+    success: !1,
+    errors: d(s.error).fieldErrors
+  };
+}, g = ({
+  schema: o,
+  onSubmit: e,
+  children: r,
+  ...s
+}) => {
+  const [t, a] = l({});
+  return /* @__PURE__ */ f(
+    i,
+    {
+      ...s,
+      validationErrors: t,
+      onSubmit: async (c) => {
+        c.preventDefault(), a({});
+        const m = c.currentTarget, n = F(m, o);
+        if (!n.success) {
+          a(n.errors);
+          return;
+        }
+        const u = await e(n.data, () => m.reset());
+        if (u) {
+          a(u);
+          return;
+        }
+      },
+      className: s.className ?? E.form,
+      children: r
+    }
+  );
+};
+export {
+  g as F
+};

package/dist/Input-CcFMJrOW.js

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { TextField as m, Input as c } from "react-aria-components";
+import { L as p, F as d } from "./FieldError-a_f080R9.js";
+import './assets/Input.css';const l = "_input_xzjym_1", u = "_editor_xzjym_11", o = {
+  input: l,
+  editor: u
+}, I = ({
+  label: t,
+  textFieldProps: r,
+  inputProps: e,
+  labelProps: i,
+  fieldErrorProps: n
+}) => /* @__PURE__ */ a(
+  m,
+  {
+    ...r,
+    className: r?.className ?? o.input,
+    children: [
+      t && /* @__PURE__ */ s(p, { ...i, children: t }),
+      /* @__PURE__ */ s(
+        c,
+        {
+          ...e,
+          className: e?.className ?? o.editor
+        }
+      ),
+      /* @__PURE__ */ s(d, { ...n })
+    ]
+  }
+);
+export {
+  I
+};

package/dist/{MenuButton-BEwnL_jL.js → MenuButton-CAzQcvOm.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as n } from "./MenuLabel-ClmuA9_6.js";
+import { a as n } from "./MenuLabel-B7jC7YwF.js";
 const s = ({ children: o, menuItems: r }) => /* @__PURE__ */ t(n, { menuItems: r, children: o });
 export {
   s as M

package/dist/{MenuLabel-ClmuA9_6.js → MenuLabel-B7jC7YwF.js}

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { MenuTrigger as m, Menu as c, Separator as l, MenuItem as p, SubmenuTrigger as d, Pressable as h } from "react-aria-components";
 import { P as i } from "./Popover-D3iGWJwQ.js";
 import { ChevronRight as _ } from "lucide-react";
@@ -12,7 +12,7 @@ import './assets/MenuLabel.css';const f = "_menu_c70ku_1", g = "_separator_c70ku
 }, u = ({ menuItem: e }) => {
   if (e.type === "separator")
     return /* @__PURE__ */ r(l, { className: `${t.separator}` });
-  const n = !!e.subItems?.length, s = /* @__PURE__ */ o(
+  const n = !!e.subItems?.length, s = /* @__PURE__ */ a(
     p,
     {
       className: `${t["menu-item"]} ${t[e.type]}`,
@@ -21,23 +21,23 @@ import './assets/MenuLabel.css';const f = "_menu_c70ku_1", g = "_separator_c70ku
       target: e.target,
       children: [
         e.node,
-        n && /* @__PURE__ */ r(_, { size: 18, strokeWidth: 3 })
+        n && /* @__PURE__ */ r(_, {})
       ]
     }
   );
-  return n ? /* @__PURE__ */ o(d, { children: [
+  return n ? /* @__PURE__ */ a(d, { children: [
     s,
-    /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(c, { className: `${t.menu}`, children: e.subItems.map((a) => /* @__PURE__ */ r(u, { menuItem: a }, a.id)) }) })
+    /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(c, { className: `${t.menu}`, children: e.subItems.map((o) => /* @__PURE__ */ r(u, { menuItem: o }, o.id)) }) })
   ] }) : s;
-}, k = ({ children: e, menuItems: n }) => /* @__PURE__ */ o(m, { children: [
+}, $ = ({ children: e, menuItems: n }) => /* @__PURE__ */ a(m, { children: [
   e,
   /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(c, { className: `${t.menu}`, children: n.map((s) => /* @__PURE__ */ r(u, { menuItem: s }, s.id)) }) })
 ] }), y = ({
   children: e,
   menuItems: n,
   description: s
-}) => /* @__PURE__ */ r(k, { menuItems: n, children: /* @__PURE__ */ r(b, { description: s, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("span", { role: "button", className: t.pressable, children: e }) }) }) });
+}) => /* @__PURE__ */ r($, { menuItems: n, children: /* @__PURE__ */ r(b, { description: s, children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("span", { role: "button", className: t.pressable, children: e }) }) }) });
 export {
   y as M,
-  k as a
+  $ as a
 };

package/dist/{NavigationMenu-DTqKWY2F.js → NavigationMenu-DNsB0lr1.js}

@@ -1,26 +1,26 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { M as u } from "./MenuLabel-ClmuA9_6.js";
-import { L as i } from "./Link-CbLEp2fF.js";
-import { T as m } from "./TextButton-BJRez1un.js";
+import { M as u } from "./MenuLabel-B7jC7YwF.js";
+import { L as m } from "./Link-CbLEp2fF.js";
+import { T as i } from "./TextButton-BJRez1un.js";
 import { C as n } from "./types-C1YOMbh5.js";
 import { a as c } from "./useSplash-7h6ni4l2.js";
-import { ChevronDown as h } from "lucide-react";
-import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
-  menu: p
-}, g = ({ items: s, className: o }) => {
+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(h, { strokeWidth: 3 })
+          /* @__PURE__ */ r(p, {})
         ] }, e.id);
       case "item-node":
         return e.node;
       case "link":
         return /* @__PURE__ */ r(
-          i,
+          m,
           {
             href: e.href,
             target: e.target,
@@ -31,7 +31,7 @@ import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
         );
       case "button":
         return /* @__PURE__ */ r(
-          m,
+          i,
           {
             onPress: e.onPress,
             theme: n.inverseSurface,
@@ -43,5 +43,5 @@ import './assets/NavigationMenu.css';const p = "_menu_sata7_1", d = {
   }) });
 };
 export {
-  g as N
+  k as N
 };

package/dist/{NavigationResponsive-BPybSnJ4.js → NavigationResponsive-D6d2f-k_.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useMediaQuery as t } from "usehooks-ts";
-import { N as e } from "./NavigationMenu-DTqKWY2F.js";
-import { N as s } from "./NavigationSidebar-ByWsLISI.js";
+import { N as e } from "./NavigationMenu-DNsB0lr1.js";
+import { N as s } from "./NavigationSidebar-CZEPGghA.js";
 const f = ({
   items: o,
   mediaQuery: r,

package/dist/{NavigationSidebar-ByWsLISI.js → NavigationSidebar-CZEPGghA.js}

@@ -2,27 +2,27 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { T as r } from "./TextButton-BJRez1un.js";
 import { a as s } from "./useSplash-7h6ni4l2.js";
 import { S as m } from "./Sidebar-LlVvowsG.js";
-import { T as c } from "./Tree-BwmYvUlr.js";
-import { X as l, Menu as p } from "lucide-react";
-import { C as h } from "./types-C1YOMbh5.js";
-import './assets/NavigationSidebar.css';const d = "_nav_15psm_1", f = "_close_15psm_15", o = {
-  nav: d,
-  close: f
-}, g = ({
+import { T as c } from "./Tree-DwJPCnFr.js";
+import { X as l, Menu as h } from "lucide-react";
+import { C as p } from "./types-C1YOMbh5.js";
+import './assets/NavigationSidebar.css';const f = "_nav_1fjh5_1", d = "_close_1fjh5_15", o = {
+  nav: f,
+  close: d
+}, N = ({
   items: a,
   ...t
 }) => /* @__PURE__ */ e(
   m,
   {
     ...t,
-    trigger: /* @__PURE__ */ e(r, { shape: s.square, children: /* @__PURE__ */ e(p, {}) }),
+    trigger: /* @__PURE__ */ e(r, { shape: s.square, children: /* @__PURE__ */ e(h, {}) }),
     children: ({ close: n }) => /* @__PURE__ */ i("div", { className: o.nav, children: [
       /* @__PURE__ */ e("div", { className: o.close, children: /* @__PURE__ */ e(
         r,
         {
           onPress: n,
           shape: s.square,
-          theme: h.inverseSurface,
+          theme: p.inverseSurface,
           children: /* @__PURE__ */ e(l, {})
         }
       ) }),
@@ -31,5 +31,5 @@ import './assets/NavigationSidebar.css';const d = "_nav_15psm_1", f = "_close_15
   }
 );
 export {
-  g as N
+  N
 };

package/dist/Select-uiw8JPDT.js

@@ -0,0 +1,85 @@
+import { jsxs as i, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { O as S, F as T } from "./OutlinedButton-DaLKO8zx.js";
+import { B as o } from "./useSplash-7h6ni4l2.js";
+import { Select as b, SelectValue as m, ListBox as k, Text as d, ListBoxItem as V } from "react-aria-components";
+import { P as y } from "./Popover-D3iGWJwQ.js";
+import { ChevronsUpDown as C, Check as F } from "lucide-react";
+import { T as $ } from "./TextButton-BJRez1un.js";
+import { C as p } from "./types-C1YOMbh5.js";
+import { T as L } from "./Tooltip-DAYtebkl.js";
+import { L as D, F as j } from "./FieldError-a_f080R9.js";
+import './assets/Select.css';const w = "_select_17r3s_1", I = "_trigger_17r3s_37", t = {
+  select: w,
+  "selected-value": "_selected-value_17r3s_11",
+  "option-description": "_option-description_17r3s_19",
+  trigger: I,
+  "options-list": "_options-list_17r3s_51",
+  "options-item-group": "_options-item-group_17r3s_63",
+  "options-item": "_options-item_17r3s_63"
+}, K = ({
+  options: u,
+  label: a,
+  name: _,
+  disabled: h,
+  isRequired: f,
+  triggerVariant: g = o.filled,
+  description: x,
+  placeholder: c,
+  selectedKey: v,
+  onSelectionChange: B
+}) => {
+  let r;
+  switch (g) {
+    case o.filled:
+      r = T;
+      break;
+    case o.outlined:
+      r = S;
+      break;
+    case o.text:
+      r = $;
+      break;
+  }
+  return /* @__PURE__ */ i(
+    b,
+    {
+      className: t.select,
+      isDisabled: h,
+      isRequired: f,
+      name: _,
+      selectedKey: v,
+      onSelectionChange: B,
+      children: [
+        a && /* @__PURE__ */ e(D, { children: a }),
+        /* @__PURE__ */ e(L, { description: x, theme: p.inverseSurface, children: /* @__PURE__ */ e(r, { theme: p.inverseSurface, children: /* @__PURE__ */ i("span", { className: t.trigger, children: [
+          c ? /* @__PURE__ */ e(m, { className: `${t["selected-value"]}`, children: ({ defaultChildren: s, isPlaceholder: l }) => l ? c : s }) : /* @__PURE__ */ e(m, {}),
+          /* @__PURE__ */ e(C, {})
+        ] }) }) }),
+        /* @__PURE__ */ e(j, {}),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { className: `${t["options-list"]}`, items: u, children: (s) => {
+          const l = /* @__PURE__ */ i(n, { children: [
+            /* @__PURE__ */ e(d, { children: s.displayValue }),
+            s.description && /* @__PURE__ */ e(d, { className: t["option-description"], children: s.description })
+          ] });
+          return /* @__PURE__ */ e(
+            V,
+            {
+              className: `${t["options-item-group"]}`,
+              id: s.key,
+              textValue: s.displayValue,
+              isDisabled: s.disabled,
+              children: ({ isSelected: N }) => /* @__PURE__ */ i(n, { children: [
+                /* @__PURE__ */ e("div", { className: `${t["options-item"]}`, children: l }),
+                N && /* @__PURE__ */ e(F, {})
+              ] })
+            },
+            s.key
+          );
+        } }) })
+      ]
+    }
+  );
+};
+export {
+  K as S
+};

package/dist/{TextArea-DBZO5z2H.js → TextArea-sEBd2qe1.js}

@@ -1,7 +1,7 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { TextField as c, TextArea as m } from "react-aria-components";
-import { L as d, F as l } from "./FieldError-CZn24fiL.js";
-import './assets/TextArea.css';const n = "_textarea_1fx5i_1", _ = "_editor_1fx5i_11", s = {
+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-a_f080R9.js";
+import './assets/TextArea.css';const n = "_textarea_1o47z_1", _ = "_editor_1o47z_11", s = {
   textarea: n,
   editor: _
 }, h = ({
@@ -9,22 +9,22 @@ import './assets/TextArea.css';const n = "_textarea_1fx5i_1", _ = "_editor_1fx5i
   textFieldProps: r,
   textAreaProps: t,
   labelProps: o,
-  fieldErrorProps: i
-}) => /* @__PURE__ */ x(
-  c,
+  fieldErrorProps: c
+}) => /* @__PURE__ */ i(
+  m,
   {
     ...r,
     className: r?.className ?? s.textarea,
     children: [
       a && /* @__PURE__ */ e(d, { ...o, children: a }),
       /* @__PURE__ */ e(
-        m,
+        x,
         {
           ...t,
           className: t?.className ?? s.editor
         }
       ),
-      /* @__PURE__ */ e(l, { ...i })
+      /* @__PURE__ */ e(l, { ...c })
     ]
   }
 );

package/dist/{ToggleButtonGroup-BnNsIJX5.js → ToggleButtonGroup-Hw3WdsOM.js}

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { ToggleButton as m, ToggleButtonGroup as p } from "react-aria-components";
 import { u as c, s, S as d, B as T, a as B } from "./useSplash-7h6ni4l2.js";
-import { T as b } from "./Tooltip-DAYtebkl.js";
-import { C as l } from "./types-C1YOMbh5.js";
-import './assets/ToggleButtonGroup.css';const h = {
-  "toggle-button-group": "_toggle-button-group_b7n8c_1"
+import { T as h } from "./Tooltip-DAYtebkl.js";
+import { C as n } from "./types-C1YOMbh5.js";
+import './assets/ToggleButtonGroup.css';const b = {
+  "toggle-button-group": "_toggle-button-group_1tyg5_1"
 }, $ = ({
   id: e,
   value: a,
   description: o,
   isDisabled: t,
-  theme: u = l.primary
+  theme: u = n.primary
 }) => {
-  const { coords: n, handlePress: g } = c();
-  return /* @__PURE__ */ r(b, { description: o, children: /* @__PURE__ */ i(
+  const { coords: l, handlePress: g } = c();
+  return /* @__PURE__ */ r(h, { description: o, children: /* @__PURE__ */ i(
     m,
     {
       id: e,
@@ -21,20 +21,20 @@ import './assets/ToggleButtonGroup.css';const h = {
       className: `${s.button} ${s[u]} ${s[T.outlined]} ${s[B.rectangle]}`,
       isDisabled: t,
       children: [
-        n && /* @__PURE__ */ r(d, { ...n }),
+        l && /* @__PURE__ */ r(d, { ...l }),
         a
       ]
     }
   ) });
 }, G = ({
   items: e,
-  theme: a = l.primary,
+  theme: a = n.primary,
   ...o
 }) => /* @__PURE__ */ r(
   p,
   {
     ...o,
-    className: o.className ?? h["toggle-button-group"],
+    className: o.className ?? b["toggle-button-group"],
     children: e.map((t) => /* @__PURE__ */ r(
       $,
       {

package/dist/Tree-DwJPCnFr.js

@@ -0,0 +1,35 @@
+import { jsx as t, Fragment as i, jsxs as s } from "react/jsx-runtime";
+import { Tree as p, TreeItem as l, TreeItemContent as h } from "react-aria-components";
+import { ChevronRight as T } from "lucide-react";
+import './assets/Tree.css';const f = "_tree_1s2dv_1", o = {
+  tree: f,
+  "tree-item": "_tree-item_1s2dv_11"
+}, a = ({ item: e }) => {
+  if (e.type === "separator") return /* @__PURE__ */ t(i, {});
+  const r = e.type === "link", d = e.type === "button", c = e.type === "item-node", u = e.active;
+  return /* @__PURE__ */ s(
+    l,
+    {
+      textValue: e.id,
+      target: e.target,
+      onAction: e.onPress,
+      href: e.href,
+      className: o["tree-item"],
+      ...r && { "data-link": !0 },
+      ...d && { "data-button": !0 },
+      ...c && { "data-node": !0 },
+      ...u && { "data-active": !0 },
+      children: [
+        /* @__PURE__ */ s(h, { children: [
+          e.node,
+          e.subItems && /* @__PURE__ */ t(T, {})
+        ] }),
+        e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(a, { item: n }, n.id))
+      ]
+    },
+    e.id
+  );
+}, y = ({ items: e }) => /* @__PURE__ */ t(p, { className: o.tree, children: e.map((r) => /* @__PURE__ */ t(a, { item: r }, r.id)) });
+export {
+  y as T
+};

package/dist/assets/FieldError.css

@@ -1 +1 @@
-._label_1ladm_1{font-weight:500}._error_srqbn_1{font-size:.875rem;color:var(--color-error)}
+._label_1qx1g_1{font-weight:500;font-size:var(--form-label-text)}._error_srqbn_1{font-size:.875rem;color:var(--color-error)}

package/dist/assets/Form.css

@@ -0,0 +1 @@
+._form_1k1fe_1{display:grid;gap:var(--form-gap)}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input_sezs4_1{display:grid;gap:.25rem}._editor_sezs4_11{font-weight:500;border-radius:var(--radius);padding-inline:.625em;padding-block:.625em;max-inline-size:100%;border-style:solid;background-color:var(--color-surface-container-highest);color:var(--color-on-surface)}._editor_sezs4_11[data-invalid]{border-color:var(--color-error)}
+._input_xzjym_1{display:grid;gap:var(--form-input-gap, .25rem)}._editor_xzjym_11{font-weight:500;border-radius:var(--radius);padding-inline:.625em;padding-block:.625em;max-inline-size:100%;border-style:solid;background-color:var(--color-surface-container-highest);color:var(--color-on-surface);font-size:var(--form-input-text)}._editor_xzjym_11[data-invalid]{border-color:var(--color-error)}

package/dist/assets/NavigationSidebar.css

@@ -1 +1 @@
-._nav_15psm_1{--_tree-font-size: 1.25rem;--_tree-gap: 1.5em;display:grid}._close_15psm_15{display:flex;justify-content:end;position:sticky;inset-block-start:0}
+._nav_1fjh5_1{--tree-font-size: 1.25rem;--_tree-gap: 1.5em;display:grid}._close_1fjh5_15{display:flex;justify-content:end;position:sticky;inset-block-start:0}

package/dist/assets/Select.css

@@ -1 +1 @@
-._select_3q7jl_1{display:grid;gap:.25rem}._selected-value_3q7jl_11 ._option-description_3q7jl_13{display:none}._selected-value_3q7jl_11[data-placeholder]{font-style:italic}._trigger_3q7jl_31{display:flex;align-items:center;gap:.75rem;justify-content:space-between}._options-list_3q7jl_45{display:grid;gap:1rem;border-radius:inherit}._options-item-group_3q7jl_57{display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;border-radius:inherit;padding-inline:.75rem;padding-block:.5rem;color:var(--_item-text);background-color:var(--_item-color);transition:background-color .25s,color .25s}._options-item-group_3q7jl_57[data-hovered],._options-item-group_3q7jl_57[data-focused]{--_item-color: hsl(from var(--_popover-bg) h s calc(l + 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l + 10) )}._options-item-group_3q7jl_57[data-selected]{--_item-color: hsl(from var(--_popover-bg) h s calc(l - 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l - 10) )}._options-item_3q7jl_57{display:grid;gap:.25em}._options-item_3q7jl_57 ._option-description_3q7jl_13{font-size:.875em;font-style:italic}
+._select_17r3s_1{display:grid;gap:var(--form-input-gap)}._selected-value_17r3s_11{font-size:var(--form-input-text);font-weight:600}._selected-value_17r3s_11 ._option-description_17r3s_19{display:none}._selected-value_17r3s_11[data-placeholder]{font-style:italic}._trigger_17r3s_37{display:flex;align-items:center;gap:.75rem;justify-content:space-between}._options-list_17r3s_51{display:grid;gap:var(--form-gap);border-radius:inherit}._options-item-group_17r3s_63{display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;border-radius:inherit;padding-inline:.75rem;padding-block:.5rem;color:var(--_item-text);background-color:var(--_item-color);transition:background-color .25s,color .25s}._options-item-group_17r3s_63[data-hovered],._options-item-group_17r3s_63[data-focused]{--_item-color: hsl(from var(--_popover-bg) h s calc(l + 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l + 10) )}._options-item-group_17r3s_63[data-selected]{--_item-color: hsl(from var(--_popover-bg) h s calc(l - 10) );--_item-text: hsl(from var(--_popover-text) h s calc(l - 10) )}._options-item_17r3s_63{font-size:var(--form-input-text);display:grid;gap:.25rem}._options-item_17r3s_63 ._option-description_17r3s_19{font-size:.875em;font-style:italic}

package/dist/assets/TextArea.css

@@ -1 +1 @@
-._textarea_1fx5i_1{display:grid;gap:.25rem}._editor_1fx5i_11{font-weight:500;border-radius:var(--radius);padding-inline:.625em;padding-block:.625em;max-inline-size:100%;border-style:solid;background-color:var(--color-surface-container-highest);color:var(--color-on-surface);resize:vertical;max-height:15rem}._editor_1fx5i_11[data-invalid]{border-color:var(--color-error)}
+._textarea_1o47z_1{display:grid;gap:var(--form-input-gap, .25rem)}._editor_1o47z_11{font-weight:500;border-radius:var(--radius);padding-inline:.625em;padding-block:.625em;max-inline-size:100%;border-style:solid;background-color:var(--color-surface-container-highest);color:var(--color-on-surface);resize:vertical;max-height:15rem;font-size:var(--form-input-text)}._editor_1o47z_11[data-invalid]{border-color:var(--color-error)}

package/dist/assets/ToggleButtonGroup.css

@@ -1 +1 @@
-._toggle-button-group_b7n8c_1{--_flex-direction: row;--button-border-width: .075rem;display:flex;flex-direction:var(--_flex-direction)}._toggle-button-group_b7n8c_1>button{border-radius:0}._toggle-button-group_b7n8c_1[data-orientation=vertical]{--_flex-direction: column;--radius-button: var(--radius)}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button{margin-block-start:calc(-1 * var(--button-border-width))}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button:first-child{border-radius:var(--radius-button) var(--radius-button) 0 0;margin-block-start:0}._toggle-button-group_b7n8c_1[data-orientation=vertical]>button:last-child{border-radius:0 0 var(--radius-button) var(--radius-button)}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button{margin-inline-start:calc(-1 * var(--button-border-width))}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button:first-child{margin-inline-start:0;border-radius:var(--radius-button) 0 0 var(--radius-button)}._toggle-button-group_b7n8c_1[data-orientation=horizontal]>button:last-child{border-radius:0 var(--radius-button) var(--radius-button) 0}
+._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/Tree.css

@@ -1 +1 @@
-._tree_1hbk9_1{display:grid;gap:var(--_tree-gap, 1em)}._tree-item_1hbk9_11{display:flex;align-items:center;gap:.5em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;font-size:var(--_tree-font-size, 1rem);cursor:context-menu;padding-inline-start:calc(calc(var(--tree-item-level) - 1) * 1em);transition:text-decoration-color .25s}._tree-item_1hbk9_11[data-active]{color:var(--color-primary)}._tree-item_1hbk9_11:not([data-node]){cursor:pointer}._tree-item_1hbk9_11[data-link][data-hovered],._tree-item_1hbk9_11[data-link][data-focus-visible]{text-decoration-color:currentColor}._tree-item_1hbk9_11 svg{transition:rotate .25s;width:.875em}._tree-item_1hbk9_11[data-expanded] svg{rotate:90deg}
+._tree_1s2dv_1{display:grid;gap:var(--_tree-gap, 1em)}._tree-item_1s2dv_11{display:flex;align-items:center;gap:.5em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;font-size:var(--tree-font-size, 1rem);cursor:context-menu;padding-inline-start:calc(calc(var(--tree-item-level) - 1) * 1em);transition:text-decoration-color .25s}._tree-item_1s2dv_11[data-active]{color:var(--color-primary)}._tree-item_1s2dv_11:not([data-node]){cursor:pointer}._tree-item_1s2dv_11[data-link][data-hovered],._tree-item_1s2dv_11[data-link][data-focus-visible]{text-decoration-color:currentColor}._tree-item_1s2dv_11 svg{transition:rotate .25s;width:.875em}._tree-item_1s2dv_11[data-expanded] svg{rotate:90deg}

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

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

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

@@ -1,4 +1,4 @@
-import { D as s } from "../../../DisclousreGroup-BSUcVzWX.js";
+import { D as s } from "../../../DisclousreGroup-DEhMBMtj.js";
 export {
   s as DisclosureGroup
 };

package/dist/components/Form/Form/Form.d.ts

@@ -0,0 +1,3 @@
+import { FormProps } from './types';
+import * as z from "zod";
+export declare const Form: <T extends z.ZodObject<any>>({ schema, onSubmit, children, ...props }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Form/Form/index.js

@@ -0,0 +1,4 @@
+import { F as m } from "../../../Form-BrgsgT93.js";
+export {
+  m as Form
+};

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

@@ -0,0 +1,8 @@
+import { FormProps as AriaFormProps } from 'react-aria-components';
+import * as z from "zod";
+export type FormReset = () => void;
+export type submitHandler<T> = (values: T, reset: FormReset) => void | Promise<void> | Promise<Partial<Record<keyof T, string | string[]>>>;
+export interface FormProps<T extends z.ZodObject<any>> extends Omit<AriaFormProps, "onSubmit" | "validationErrors"> {
+    schema: T;
+    onSubmit: submitHandler<z.infer<T>>;
+}

package/dist/components/Form/Input/index.js

@@ -1,4 +1,4 @@
-import { I as r } from "../../../Input-KLfZufI4.js";
+import { I as r } from "../../../Input-CcFMJrOW.js";
 export {
   r as Input
 };

package/dist/components/Form/TextArea/index.js

@@ -1,4 +1,4 @@
-import { T as a } from "../../../TextArea-DBZO5z2H.js";
+import { T as a } from "../../../TextArea-sEBd2qe1.js";
 export {
   a as TextArea
 };

package/dist/components/Menu/index.js

@@ -1,5 +1,5 @@
-import { M as r } from "../../MenuButton-BEwnL_jL.js";
-import { M } from "../../MenuLabel-ClmuA9_6.js";
+import { M as r } from "../../MenuButton-CAzQcvOm.js";
+import { M } from "../../MenuLabel-B7jC7YwF.js";
 export {
   r as MenuButton,
   M as MenuLabel

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

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

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

@@ -1,4 +1,4 @@
-import { N as e } from "../../../NavigationResponsive-BPybSnJ4.js";
+import { N as e } from "../../../NavigationResponsive-D6d2f-k_.js";
 export {
   e as NavigationResponsive
 };

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

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

package/dist/components/Navigation/index.js

@@ -1,6 +1,6 @@
-import { N as i } from "../../NavigationResponsive-BPybSnJ4.js";
-import { N as r } from "../../NavigationSidebar-ByWsLISI.js";
-import { N } from "../../NavigationMenu-DTqKWY2F.js";
+import { N as i } from "../../NavigationResponsive-D6d2f-k_.js";
+import { N as r } from "../../NavigationSidebar-CZEPGghA.js";
+import { N } from "../../NavigationMenu-DNsB0lr1.js";
 export {
   N as NavigationMenu,
   i as NavigationResponsive,

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../../Select-D0U2rIL2.js";
+import { S as r } from "../../Select-uiw8JPDT.js";
 export {
   r as Select
 };

package/dist/components/ToggleButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { T as t } from "../../ToggleButtonGroup-BnNsIJX5.js";
+import { T as t } from "../../ToggleButtonGroup-Hw3WdsOM.js";
 export {
   t as ToggleButtonGroup
 };

package/dist/components/Tree/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../Tree-BwmYvUlr.js";
+import { T as o } from "../../Tree-DwJPCnFr.js";
 export {
   o as Tree
 };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/Button';
 export * from './components/Disclosure/Disclosure';
 export * from './components/Disclosure/DisclousureGroup';
 export * from './components/Error';
+export * from './components/Form/Form';
 export * from './components/Form/Input';
 export * from './components/Form/TextArea';
 export * from './components/Link';

package/dist/index.js

@@ -1,61 +1,63 @@
 import { C as a } from "./types-C1YOMbh5.js";
 import { A as t, a as s, b as p } from "./Avatar-vPRORJSz.js";
-import { a as i, B as m } from "./useSplash-7h6ni4l2.js";
+import { a as x, B as i } from "./useSplash-7h6ni4l2.js";
 import { F as f, O as u } from "./OutlinedButton-DaLKO8zx.js";
 import { T as d } from "./TextButton-BJRez1un.js";
-import { D as B } from "./Disclosure-D79gqK4z.js";
-import { D as T } from "./DisclousreGroup-BSUcVzWX.js";
+import { D as B } from "./Disclosure-VEgfonAa.js";
+import { D as T } from "./DisclousreGroup-DEhMBMtj.js";
 import { E as c } from "./Error-y2dIWjyb.js";
-import { I as A } from "./Input-KLfZufI4.js";
-import { T as g } from "./TextArea-DBZO5z2H.js";
-import { F as D, O as F } from "./OutlinedButtonLink-BvCiAZyQ.js";
-import { L as P } from "./Link-CbLEp2fF.js";
-import { M as C } from "./MenuButton-BEwnL_jL.js";
-import { M as z } from "./MenuLabel-ClmuA9_6.js";
-import { M as G, a as I, b as y } from "./ModalAction-DjHBeAOr.js";
-import { M as V } from "./ModalBase-DLaR_yid.js";
-import { N as q } from "./NavigationResponsive-BPybSnJ4.js";
-import { S as H, a as J, b as K } from "./Sidebar-LlVvowsG.js";
-import { N as U } from "./NavigationSidebar-ByWsLISI.js";
-import { N as X } from "./NavigationMenu-DTqKWY2F.js";
-import { P as Z } from "./Popover-D3iGWJwQ.js";
-import { S as $ } from "./Select-D0U2rIL2.js";
-import { S as ro } from "./Success-Bh3pb5T7.js";
-import { T as eo } from "./ToggleButtonGroup-BnNsIJX5.js";
-import { T as so } from "./Tree-BwmYvUlr.js";
+import { F as A } from "./Form-BrgsgT93.js";
+import { I as N } from "./Input-CcFMJrOW.js";
+import { T as L } from "./TextArea-sEBd2qe1.js";
+import { F as O, O as P } from "./OutlinedButtonLink-BvCiAZyQ.js";
+import { L as C } from "./Link-CbLEp2fF.js";
+import { M as z } from "./MenuButton-CAzQcvOm.js";
+import { M as G } from "./MenuLabel-B7jC7YwF.js";
+import { M as y, a as R, b as V } from "./ModalAction-DjHBeAOr.js";
+import { M as q } from "./ModalBase-DLaR_yid.js";
+import { N as H } from "./NavigationResponsive-D6d2f-k_.js";
+import { S as K, a as Q, b as U } from "./Sidebar-LlVvowsG.js";
+import { N as X } from "./NavigationSidebar-CZEPGghA.js";
+import { N as Z } from "./NavigationMenu-DNsB0lr1.js";
+import { P as $ } from "./Popover-D3iGWJwQ.js";
+import { S as ro } from "./Select-uiw8JPDT.js";
+import { S as eo } from "./Success-Bh3pb5T7.js";
+import { T as so } from "./ToggleButtonGroup-Hw3WdsOM.js";
+import { T as mo } from "./Tree-DwJPCnFr.js";
 export {
   t as Avatar,
   s as AvatarSize,
   p as AvatarType,
-  i as ButtonShape,
-  m as ButtonVariant,
+  x as ButtonShape,
+  i as ButtonVariant,
   a as ColorTheme,
   B as Disclosure,
   T as DisclosureGroup,
   c as Error,
   f as FilledButton,
-  D as FilledButtonLink,
-  A as Input,
-  P as Link,
-  C as MenuButton,
-  z as MenuLabel,
-  G as ModalAction,
-  I as ModalActionPlacement,
-  V as ModalBase,
-  y as ModalCloseText,
-  X as NavigationMenu,
-  q as NavigationResponsive,
-  U as NavigationSidebar,
+  O as FilledButtonLink,
+  A as Form,
+  N as Input,
+  C as Link,
+  z as MenuButton,
+  G as MenuLabel,
+  y as ModalAction,
+  R as ModalActionPlacement,
+  q as ModalBase,
+  V as ModalCloseText,
+  Z as NavigationMenu,
+  H as NavigationResponsive,
+  X as NavigationSidebar,
   u as OutlinedButton,
-  F as OutlinedButtonLink,
-  Z as Popover,
-  $ as Select,
-  H as Sidebar,
-  J as SidebarPosition,
-  K as SidebarSize,
-  ro as Success,
-  g as TextArea,
+  P as OutlinedButtonLink,
+  $ as Popover,
+  ro as Select,
+  K as Sidebar,
+  Q as SidebarPosition,
+  U as SidebarSize,
+  eo as Success,
+  L as TextArea,
   d as TextButton,
-  eo as ToggleButtonGroup,
-  so as Tree
+  so as ToggleButtonGroup,
+  mo as Tree
 };

package/dist/styles/main.css

@@ -0,0 +1,193 @@
+@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
+@import "reset.css";
+
+[data-shape="sharp"] {
+  --radius: 0;
+  --radius-sidebar: 0;
+  --radius-button: var(--radius);
+  --radius-circular: 0;
+}
+
+[data-shape="round"] {
+  --radius: 0.5rem;
+  --radius-sidebar: 2.5rem;
+  --radius-button: var(--radius);
+  --radius-circular: 50%;
+
+  &[data-button-shape="pill"] {
+    --radius-button: 100vi;
+  }
+}
+
+[data-theme="dark"] {
+  --color-primary: rgb(134 209 233);
+  --color-surface-tint: rgb(134 209 233);
+  --color-on-primary: rgb(0 54 66);
+  --color-primary-container: rgb(0 78 94);
+  --color-on-primary-container: rgb(178 235 255);
+  --color-secondary: rgb(178 202 211);
+  --color-on-secondary: rgb(29 52 59);
+  --color-secondary-container: rgb(52 74 82);
+  --color-on-secondary-container: rgb(206 231 240);
+  --color-tertiary: rgb(193 196 235);
+  --color-on-tertiary: rgb(42 46 77);
+  --color-tertiary-container: rgb(65 68 101);
+  --color-on-tertiary-container: rgb(223 224 255);
+  --color-error: rgb(255 180 171);
+  --color-on-error: rgb(105 0 5);
+  --color-error-container: rgb(147 0 10);
+  --color-on-error-container: rgb(255 218 214);
+  --color-success: rgb(160 212 155);
+  --color-on-success: rgb(7 57 16);
+  --color-success-container: rgb(34 80 37);
+  --color-on-success-container: rgb(187 240 181);
+  --color-background: rgb(15 20 22);
+  --color-on-background: rgb(222 227 230);
+  --color-surface: rgb(15 20 22);
+  --color-on-surface: rgb(222 227 230);
+  --color-surface-variant: rgb(64 72 75);
+  --color-on-surface-variant: rgb(191 200 204);
+  --color-outline: rgb(137 146 150);
+  --color-outline-variant: rgb(64 72 75);
+  --color-shadow: rgb(0 0 0);
+  --color-scrim: rgb(0 0 0);
+  --color-inverse-surface: rgb(222 227 230);
+  --color-inverse-on-surface: rgb(44 49 51);
+  --color-inverse-primary: rgb(0 103 125);
+  --color-primary-fixed: rgb(178 235 255);
+  --color-on-primary-fixed: rgb(0 31 39);
+  --color-primary-fixed-dim: rgb(134 209 233);
+  --color-on-primary-fixed-variant: rgb(0 78 94);
+  --color-secondary-fixed: rgb(206 231 240);
+  --color-on-secondary-fixed: rgb(6 30 37);
+  --color-secondary-fixed-dim: rgb(178 202 211);
+  --color-on-secondary-fixed-variant: rgb(52 74 82);
+  --color-tertiary-fixed: rgb(223 224 255);
+  --color-on-tertiary-fixed: rgb(21 25 55);
+  --color-tertiary-fixed-dim: rgb(193 196 235);
+  --color-on-tertiary-fixed-variant: rgb(65 68 101);
+  --color-surface-dim: rgb(15 20 22);
+  --color-surface-bright: rgb(52 58 60);
+  --color-surface-container-lowest: rgb(9 15 17);
+  --color-surface-container-low: rgb(23 28 30);
+  --color-surface-container: rgb(27 32 34);
+  --color-surface-container-high: rgb(37 43 45);
+  --color-surface-container-highest: rgb(48 54 56);
+  --color-primary-variant: rgb(220 198 110);
+  --color-on-primary-variant: rgb(58 48 0);
+  --color-primary-variant-container: rgb(84 70 0);
+  --color-on-primary-variant-container: rgb(249 226 135);
+}
+
+[data-theme="light"] {
+  --color-primary: rgb(0 103 125);
+  --color-surface-tint: rgb(0 103 125);
+  --color-on-primary: rgb(255 255 255);
+  --color-primary-container: rgb(178 235 255);
+  --color-on-primary-container: rgb(0 78 94);
+  --color-secondary: rgb(75 98 106);
+  --color-on-secondary: rgb(255 255 255);
+  --color-secondary-container: rgb(206 231 240);
+  --color-on-secondary-container: rgb(52 74 82);
+  --color-tertiary: rgb(88 92 126);
+  --color-on-tertiary: rgb(255 255 255);
+  --color-tertiary-container: rgb(223 224 255);
+  --color-on-tertiary-container: rgb(65 68 101);
+  --color-error: rgb(186 26 26);
+  --color-on-error: rgb(255 255 255);
+  --color-error-container: rgb(255 218 214);
+  --color-on-error-container: rgb(147 0 10);
+  --color-success: rgb(58 105 58);
+  --color-on-success: rgb(255 255 255);
+  --color-success-container: rgb(187 240 181);
+  --color-on-success-container: rgb(34 80 37);
+  --color-background: rgb(245 250 253);
+  --color-on-background: rgb(23 28 30);
+  --color-surface: rgb(245 250 253);
+  --color-on-surface: rgb(23 28 30);
+  --color-surface-variant: rgb(219 228 232);
+  --color-on-surface-variant: rgb(64 72 75);
+  --color-outline: rgb(112 120 124);
+  --color-outline-variant: rgb(191 200 204);
+  --color-shadow: rgb(0 0 0);
+  --color-scrim: rgb(0 0 0);
+  --color-inverse-surface: rgb(44 49 51);
+  --color-inverse-on-surface: rgb(236 241 244);
+  --color-inverse-primary: rgb(134 209 233);
+  --color-primary-fixed: rgb(178 235 255);
+  --color-on-primary-fixed: rgb(0 31 39);
+  --color-primary-fixed-dim: rgb(134 209 233);
+  --color-on-primary-fixed-variant: rgb(0 78 94);
+  --color-secondary-fixed: rgb(206 231 240);
+  --color-on-secondary-fixed: rgb(6 30 37);
+  --color-secondary-fixed-dim: rgb(178 202 211);
+  --color-on-secondary-fixed-variant: rgb(52 74 82);
+  --color-tertiary-fixed: rgb(223 224 255);
+  --color-on-tertiary-fixed: rgb(21 25 55);
+  --color-tertiary-fixed-dim: rgb(193 196 235);
+  --color-on-tertiary-fixed-variant: rgb(65 68 101);
+  --color-surface-dim: rgb(214 219 221);
+  --color-surface-bright: rgb(245 250 253);
+  --color-surface-container-lowest: rgb(255 255 255);
+  --color-surface-container-low: rgb(239 244 247);
+  --color-surface-container: rgb(234 239 241);
+  --color-surface-container-high: rgb(228 233 235);
+  --color-surface-container-highest: rgb(222 227 230);
+  --color-primary-variant: rgb(110 93 14);
+  --color-on-primary-variant: rgb(255 255 255);
+  --color-primary-variant-container: rgb(249 226 135);
+  --color-on-primary-variant-container: rgb(84 70 0);
+}
+
+:root {
+  --font-normal: "Lexend", sans-serif;
+  --font-heading: "Lexend", sans-serif;
+
+  --elevation-1: 0px 2px 6px 1.5px hsl(from var(--color-shadow) h s l / 0.375);
+  --elevation-2: 0px 4px 12px 1.5px hsl(from var(--color-shadow) h s l / 0.375);
+
+  --disabled-opacity: 0.625;
+  --button-border-width: 0.125rem;
+  --tree-font-size: 1rem;
+
+  --form-label-text: 1rem;
+  --form-input-text: 1rem;
+  --form-input-gap: 0.5rem;
+  --form-gap: 1rem;
+
+  caret-color: var(--color-primary);
+  accent-color: var(--color-primary);
+}
+
+/* lucide icon global config */
+.lucide {
+  width: 1rem;
+  aspect-ratio: 1/1;
+  stroke-width: 0.1875rem;
+}
+
+[data-disabled] {
+  cursor: not-allowed;
+}
+
+[data-disabled]:not([data-disabled] [data-disabled]) {
+  opacity: var(--disabled-opacity);
+  filter: grayscale(75%);
+}
+
+body {
+  background-color: var(--color-surface);
+  color: var(--color-on-surface);
+  font-family: var(--font-normal);
+}
+
+[data-heading] {
+  font-family: var(--font-heading);
+  font-weight: 700;
+}
+
+em,
+i {
+  font-family: var(--font-normal);
+  font-style: italic;
+}

package/dist/utils/form.d.ts

@@ -0,0 +1,13 @@
+import * as z from "zod";
+interface FormValidateSuccessResult<T> {
+    success: true;
+    data: T;
+}
+interface FormValidateFailureResult<T> {
+    success: false;
+    errors: Partial<Record<keyof T, string | string[]>>;
+}
+type FormValidateResult<T> = FormValidateSuccessResult<T> | FormValidateFailureResult<T>;
+export type ValidateAndGetFormValues = <T extends z.ZodObject<any>>(formElement: HTMLFormElement, schema: T) => FormValidateResult<z.infer<T>>;
+export declare const validateAndGetFormValues: ValidateAndGetFormValues;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adgytec/adgytec-web-ui-components",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "files": [
     "dist"
@@ -18,14 +18,15 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "generate:exports": "node ./src/scripts/generate-exports.js",
-    "publish": "npm run build && npm publish --public"
+    "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",
-    "usehooks-ts": "^3.1.1"
+    "usehooks-ts": "^3.1.1",
+    "zod": "^4.0.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.29.0",
@@ -44,7 +45,8 @@
     "typescript-eslint": "^8.34.1",
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-static-copy": "^3.1.1"
   },
   "author": {
     "name": "Adgytec",

package/dist/Input-KLfZufI4.js

@@ -1,33 +0,0 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { TextField as c, Input as m } from "react-aria-components";
-import { L as p, F as d } from "./FieldError-CZn24fiL.js";
-import './assets/Input.css';const l = "_input_sezs4_1", u = "_editor_sezs4_11", o = {
-  input: l,
-  editor: u
-}, f = ({
-  label: t,
-  textFieldProps: e,
-  inputProps: r,
-  labelProps: i,
-  fieldErrorProps: n
-}) => /* @__PURE__ */ a(
-  c,
-  {
-    ...e,
-    className: e?.className ?? o.input,
-    children: [
-      t && /* @__PURE__ */ s(p, { ...i, children: t }),
-      /* @__PURE__ */ s(
-        m,
-        {
-          ...r,
-          className: r?.className ?? o.editor
-        }
-      ),
-      /* @__PURE__ */ s(d, { ...n })
-    ]
-  }
-);
-export {
-  f as I
-};

package/dist/Select-D0U2rIL2.js

@@ -1,85 +0,0 @@
-import { jsxs as r, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { O as q, F as B } from "./OutlinedButton-DaLKO8zx.js";
-import { B as l } from "./useSplash-7h6ni4l2.js";
-import { Select as N, SelectValue as m, ListBox as S, Text as d, ListBoxItem as T } from "react-aria-components";
-import { P as b } from "./Popover-D3iGWJwQ.js";
-import { ChevronsUpDown as V, Check as y } from "lucide-react";
-import { T as C } from "./TextButton-BJRez1un.js";
-import { C as p } from "./types-C1YOMbh5.js";
-import { T as F } from "./Tooltip-DAYtebkl.js";
-import { L as $, F as L } from "./FieldError-CZn24fiL.js";
-import './assets/Select.css';const D = "_select_3q7jl_1", w = "_trigger_3q7jl_31", i = {
-  select: D,
-  "selected-value": "_selected-value_3q7jl_11",
-  "option-description": "_option-description_3q7jl_13",
-  trigger: w,
-  "options-list": "_options-list_3q7jl_45",
-  "options-item-group": "_options-item-group_3q7jl_57",
-  "options-item": "_options-item_3q7jl_57"
-}, J = ({
-  options: h,
-  label: a,
-  name: u,
-  disabled: _,
-  isRequired: f,
-  triggerVariant: g = l.filled,
-  description: j,
-  placeholder: c,
-  selectedKey: x,
-  onSelectionChange: k
-}) => {
-  let s;
-  switch (g) {
-    case l.filled:
-      s = B;
-      break;
-    case l.outlined:
-      s = q;
-      break;
-    case l.text:
-      s = C;
-      break;
-  }
-  return /* @__PURE__ */ r(
-    N,
-    {
-      className: i.select,
-      isDisabled: _,
-      isRequired: f,
-      name: u,
-      selectedKey: x,
-      onSelectionChange: k,
-      children: [
-        a && /* @__PURE__ */ e($, { children: a }),
-        /* @__PURE__ */ e(F, { description: j, theme: p.inverseSurface, children: /* @__PURE__ */ e(s, { theme: p.inverseSurface, 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(V, { size: 16, strokeWidth: 3 })
-        ] }) }) }),
-        /* @__PURE__ */ e(L, {}),
-        /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(S, { className: `${i["options-list"]}`, items: h, children: (t) => {
-          const o = /* @__PURE__ */ r(n, { children: [
-            /* @__PURE__ */ e(d, { children: t.displayValue }),
-            t.description && /* @__PURE__ */ e(d, { className: i["option-description"], children: t.description })
-          ] });
-          return /* @__PURE__ */ e(
-            T,
-            {
-              className: `${i["options-item-group"]}`,
-              id: t.key,
-              textValue: t.displayValue,
-              isDisabled: t.disabled,
-              children: ({ isSelected: v }) => /* @__PURE__ */ r(n, { children: [
-                /* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: o }),
-                v && /* @__PURE__ */ e(y, { strokeWidth: 3 })
-              ] })
-            },
-            t.key
-          );
-        } }) })
-      ]
-    }
-  );
-};
-export {
-  J as S
-};

package/dist/Tree-BwmYvUlr.js

@@ -1,35 +0,0 @@
-import { jsx as t, Fragment as u, jsxs as s } from "react/jsx-runtime";
-import { Tree as p, TreeItem as h, TreeItemContent as l } from "react-aria-components";
-import { ChevronRight as T } from "lucide-react";
-import './assets/Tree.css';const b = "_tree_1hbk9_1", o = {
-  tree: b,
-  "tree-item": "_tree-item_1hbk9_11"
-}, a = ({ item: e }) => {
-  if (e.type === "separator") return /* @__PURE__ */ t(u, {});
-  const r = e.type === "link", c = e.type === "button", d = e.type === "item-node", i = e.active;
-  return /* @__PURE__ */ s(
-    h,
-    {
-      textValue: e.id,
-      target: e.target,
-      onAction: e.onPress,
-      href: e.href,
-      className: o["tree-item"],
-      ...r && { "data-link": !0 },
-      ...c && { "data-button": !0 },
-      ...d && { "data-node": !0 },
-      ...i && { "data-active": !0 },
-      children: [
-        /* @__PURE__ */ s(l, { children: [
-          e.node,
-          e.subItems && /* @__PURE__ */ t(T, { strokeWidth: 3 })
-        ] }),
-        e.subItems && e.subItems.map((n) => /* @__PURE__ */ t(a, { item: n }, n.id))
-      ]
-    },
-    e.id
-  );
-}, _ = ({ items: e }) => /* @__PURE__ */ t(p, { className: o.tree, children: e.map((r) => /* @__PURE__ */ t(a, { item: r }, r.id)) });
-export {
-  _ as T
-};