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

package/dist/chunks/Disclosure

@@ -1,18 +1,25 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { Disclosure as t, DisclosurePanel as l } from "react-aria-components";
-import { ChevronRight as n } from "lucide-react";
-import { T as a } from "./TextButton";
-import '../assets/Disclosure.css';const p = "_disclosure_1cz7p_1", m = "_trigger_1cz7p_23", g = "_panel_1cz7p_55", r = {
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Disclosure as c, DisclosurePanel as a } from "react-aria-components";
+import { ChevronRight as g } from "lucide-react";
+import { T as m } from "./TextButton";
+import { clsx as r } from "clsx";
+import '../assets/Disclosure.css';const p = "_disclosure_17gi1_1", _ = "_trigger_17gi1_12", u = "_panel_17gi1_28", s = {
   disclosure: p,
-  trigger: m,
-  panel: g
-}, f = ({ heading: o, children: c, id: i }) => /* @__PURE__ */ e(t, { className: r.disclosure, id: i, children: [
-  /* @__PURE__ */ s("h2", { className: r.trigger, children: /* @__PURE__ */ e(a, { slot: "trigger", theme: "inverse-surface", shape: "shrink", children: [
-    /* @__PURE__ */ s(n, {}),
+  trigger: _,
+  panel: u,
+  "panel-container": "_panel-container_17gi1_39"
+}, N = ({
+  heading: o,
+  children: l,
+  id: n,
+  triggerTheme: t = "inverse-surface"
+}) => /* @__PURE__ */ i(c, { className: r(s.disclosure), id: n, children: [
+  /* @__PURE__ */ e("h2", { className: r(s.trigger), children: /* @__PURE__ */ i(m, { slot: "trigger", theme: t, children: [
+    /* @__PURE__ */ e(g, {}),
     o
   ] }) }),
-  /* @__PURE__ */ s(l, { className: r.panel, children: /* @__PURE__ */ s("p", { children: c }) })
+  /* @__PURE__ */ e(a, { className: r(s.panel), children: /* @__PURE__ */ e("div", { className: r(s["panel-container"]), children: l }) })
 ] });
 export {
-  f as D
+  N as D
 };

package/dist/chunks/DisclousreGroup

@@ -1,9 +1,18 @@
 import { jsx as s } from "react/jsx-runtime";
 import { D as i } from "./Disclosure";
 import { DisclosureGroup as u } from "react-aria-components";
+import { clsx as c } from "clsx";
 import '../assets/DisclousreGroup.css';const e = {
-  "disclosure-group": "_disclosure-group_vh6v0_1"
-}, p = ({ items: o }) => /* @__PURE__ */ s(u, { className: e["disclosure-group"], children: o.map((r) => /* @__PURE__ */ s(i, { heading: r.heading, id: r.id, children: r.children }, r.id)) });
+  "disclosure-group": "_disclosure-group_1l24b_1"
+}, a = ({ items: o }) => /* @__PURE__ */ s(u, { className: c(e["disclosure-group"]), children: o.map((r) => /* @__PURE__ */ s(
+  i,
+  {
+    heading: r.heading,
+    id: r.id,
+    children: r.children
+  },
+  r.id
+)) });
 export {
-  p as D
+  a as D
 };

package/dist/chunks/Error

@@ -1,7 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import '../assets/Error.css';const s = "_error_imsl6_1", e = {
-  error: s
-}, c = ({ children: r }) => /* @__PURE__ */ o("p", { className: `${e.error}`, children: r });
+import s from "clsx";
+import '../assets/Error.css';const e = "_error_1213e_1", t = {
+  error: e
+}, n = ({ children: r }) => /* @__PURE__ */ o("p", { className: s(t.error), children: r });
 export {
-  c as E
+  n as E
 };

package/dist/chunks/FieldError

@@ -1,17 +1,25 @@
-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_16b5i_1", o = {
-  label: a
-}, i = (r) => /* @__PURE__ */ e(l, { ...r, className: r.className ?? o.label, children: r.children }), t = "_error_srqbn_1", c = {
-  error: t
-}, m = (r) => /* @__PURE__ */ e(
+import { jsx as l } from "react/jsx-runtime";
+import { Label as e, FieldError as s } from "react-aria-components";
+import a, { clsx as o } from "clsx";
+import '../assets/FieldError.css';const c = "_label_1qkol_1", t = {
+  label: c
+}, _ = (r) => /* @__PURE__ */ l(
+  e,
+  {
+    ...r,
+    className: a(t.label, r?.className),
+    children: r.children
+  }
+), m = "_error_1sdpb_1", n = {
+  error: m
+}, x = (r) => /* @__PURE__ */ l(
   s,
   {
     ...r,
-    className: r.className ?? c.error
+    className: o(n.error, r.className)
   }
 );
 export {
-  m as F,
-  i as L
+  x as F,
+  _ as L
 };

package/dist/chunks/Form

@@ -2,9 +2,10 @@ import { jsx as f } from "react/jsx-runtime";
 import * as i from "zod";
 import { Form as l } from "react-aria-components";
 import { useState as d } from "react";
-import '../assets/Form.css';const F = "_form_1k1fe_1", E = {
-  form: F
-}, b = (s, t) => {
+import { clsx as F } from "clsx";
+import '../assets/Form.css';const E = "_form_7gvgt_1", b = {
+  form: E
+}, v = (s, t) => {
   const e = Object.fromEntries(new FormData(s)), r = t.safeParse(e);
   return r.success ? {
     success: !0,
@@ -27,18 +28,21 @@ import '../assets/Form.css';const F = "_form_1k1fe_1", E = {
       validationErrors: u,
       onSubmit: async (m) => {
         m.preventDefault(), o({});
-        const n = m.currentTarget, a = b(n, s);
+        const n = m.currentTarget, a = v(n, s);
         if (!a.success) {
           o(a.errors);
           return;
         }
-        const c = await t(a.data, () => n.reset());
+        const c = await t(
+          a.data,
+          () => n.reset()
+        );
         if (c) {
           o(c);
           return;
         }
       },
-      className: r.className ?? E.form,
+      className: F(b.form, r.className),
       children: e
     }
   );

package/dist/chunks/Image

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = ({ src: t, ...r }) => /* @__PURE__ */ e("img", { src: t, ...r }), u = [
+  "medium",
+  "large",
+  "extraLarge",
+  "small",
+  "thumbnail"
+], g = {
+  thumbnail: 150,
+  small: 320,
+  medium: 640,
+  large: 1024,
+  extraLarge: 1600
+}, I = ({
+  original: t,
+  variants: r,
+  ...m
+}) => {
+  const a = u.filter(
+    (n) => r[n]?.trim()
+  );
+  if (a.length === 0)
+    return /* @__PURE__ */ e("img", { src: t, ...m });
+  const c = r[a[0]], i = a.map((n) => {
+    const s = r[n], l = g[n];
+    return `${s} ${l}w`;
+  }).join(", ");
+  return /* @__PURE__ */ e("img", { src: c, srcSet: i, ...m });
+}, h = (t) => t.type === "source" ? /* @__PURE__ */ e(o, { ...t }) : /* @__PURE__ */ e(I, { ...t });
+export {
+  h as I
+};

package/dist/chunks/Input

@@ -1,30 +1,31 @@
-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 u, F as p } from "./FieldError";
-import '../assets/Input.css';const d = "_input_1ksju_1", l = "_editor_1ksju_11", o = {
-  input: d,
-  editor: l
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { TextField as c, Input as p } from "react-aria-components";
+import { L as l, F as d } from "./FieldError";
+import n from "clsx";
+import '../assets/Input.css';const u = "_input_1nh7a_1", _ = "_editor_1nh7a_6", a = {
+  input: u,
+  editor: _
 }, N = ({
   label: t,
   textFieldProps: r,
-  inputProps: e,
-  labelProps: i,
-  fieldErrorProps: n
-}) => /* @__PURE__ */ a(
+  inputProps: o,
+  labelProps: e,
+  fieldErrorProps: i
+}) => /* @__PURE__ */ m(
   c,
   {
     ...r,
-    className: r?.className ?? o.input,
+    className: n(a.input, r?.className),
     children: [
-      t && /* @__PURE__ */ s(u, { ...i, children: t }),
+      t && /* @__PURE__ */ s(l, { ...e, children: t }),
       /* @__PURE__ */ s(
-        m,
+        p,
         {
-          ...e,
-          className: e?.className ?? o.editor
+          ...o,
+          className: n(a.editor, o?.className)
         }
       ),
-      /* @__PURE__ */ s(p, { ...n })
+      /* @__PURE__ */ s(d, { ...i })
     ]
   }
 );

package/dist/chunks/Link

@@ -1,30 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Link as _ } from "react-aria-components";
-import { T as c } from "./Tooltip";
-import '../assets/Link.css';const o = "_link_e0vn4_1", m = "_primary_e0vn4_65", y = "_secondary_e0vn4_81", v = "_tertiary_e0vn4_89", l = "_error_e0vn4_97", p = "_success_e0vn4_113", s = {
-  link: o,
+import { jsx as o } from "react/jsx-runtime";
+import { Link as n } from "react-aria-components";
+import { T as t } from "./Tooltip";
+import { clsx as _ } from "clsx";
+import '../assets/Link.css';const l = "_link_ocbdl_1", m = "_primary_ocbdl_33", d = "_secondary_ocbdl_41", y = "_tertiary_ocbdl_45", p = "_error_ocbdl_49", u = "_success_ocbdl_57", c = {
+  link: l,
   primary: m,
-  "primary-variant": "_primary-variant_e0vn4_73",
-  secondary: y,
-  tertiary: v,
-  error: l,
-  "inverse-surface": "_inverse-surface_e0vn4_105",
-  success: p
-}, f = ({
+  "primary-variant": "_primary-variant_ocbdl_37",
+  secondary: d,
+  tertiary: y,
+  error: p,
+  "inverse-surface": "_inverse-surface_ocbdl_53",
+  success: u
+}, L = ({
   theme: r = "primary",
   description: a,
   underline: i = !0,
-  children: t,
-  ...e
-}) => /* @__PURE__ */ n(c, { description: a, theme: r, children: /* @__PURE__ */ n(
-  _,
+  children: e,
+  ...s
+}) => /* @__PURE__ */ o(t, { description: a, theme: r, children: /* @__PURE__ */ o(
+  n,
   {
-    ...e,
-    className: e.className ?? `${s.link} ${s[r]}`,
+    ...s,
+    className: _(c.link, c[r], s.className),
     ...i && { "data-underline": !0 },
-    children: t
+    children: e
   }
 ) });
 export {
-  f as L
+  L
 };

package/dist/chunks/Loader

@@ -1,8 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { LoaderCircle as r } from "lucide-react";
-import '../assets/Loader.css';const e = "_loader_1u883_1", a = {
-  loader: e
-}, l = () => /* @__PURE__ */ o(r, { className: a.loader });
+import { clsx as e } from "clsx";
+import '../assets/Loader.css';const s = "_loader_9ec9z_1", a = {
+  loader: s
+}, m = () => /* @__PURE__ */ o(r, { className: e(a.loader) });
 export {
-  l as L
+  m as L
 };

package/dist/chunks/Menu

@@ -1,48 +1,49 @@
-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";
-import { ChevronRight as f } from "lucide-react";
-import { B as c } from "./BaseCard";
-import '../assets/Menu.css';const g = "_menu_18vtx_1", x = "_separator_18vtx_85", s = {
-  menu: g,
-  "menu-item": "_menu-item_18vtx_13",
-  "item-node": "_item-node_18vtx_23",
-  separator: x
-}, p = ({ menuItem: e, cardBackground: o }) => {
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { MenuTrigger as d, Menu as u, Separator as h, MenuItem as _, SubmenuTrigger as f } from "react-aria-components";
+import { P as c } from "./Popover";
+import { ChevronRight as g } from "lucide-react";
+import { B as p } from "./BaseCard";
+import { clsx as a } from "clsx";
+import '../assets/Menu.css';const z = "_menu_7zz3u_1", M = "_separator_7zz3u_47", s = {
+  menu: z,
+  "menu-item": "_menu-item_7zz3u_7",
+  "item-node": "_item-node_7zz3u_12",
+  separator: M
+}, l = ({ menuItem: e, cardBackground: o }) => {
   if (e.type === "separator")
-    return /* @__PURE__ */ r(h, { className: `${s.separator}` });
-  const n = !!e.subItems?.length, t = /* @__PURE__ */ a(
-    l,
+    return /* @__PURE__ */ r(h, { className: a(s.separator) });
+  const n = !!e.subItems?.length, t = /* @__PURE__ */ i(
+    _,
     {
-      className: `${s["menu-item"]} ${s[e.type]}`,
+      className: a(s["menu-item"], s[e.type]),
       onAction: e.onPress,
       href: e.href,
       target: e.target,
       children: [
         e.node,
-        n && /* @__PURE__ */ r(f, {})
+        n && /* @__PURE__ */ r(g, {})
       ]
     }
   );
-  return n ? /* @__PURE__ */ a(_, { children: [
+  return n ? /* @__PURE__ */ i(f, { children: [
     t,
-    /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(c, { background: o, children: /* @__PURE__ */ r(m, { className: `${s.menu}`, children: e.subItems.map((i) => /* @__PURE__ */ r(
-      p,
+    /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(p, { background: o, children: /* @__PURE__ */ r(u, { className: a(s.menu), children: e.subItems.map((m) => /* @__PURE__ */ r(
+      l,
       {
-        menuItem: i,
+        menuItem: m,
         cardBackground: o
       },
-      i.id
+      m.id
     )) }) }) })
   ] }) : t;
-}, y = ({
+}, S = ({
   children: e,
   menuItems: o,
   cardBackground: n = "gradient"
-}) => /* @__PURE__ */ a(d, { children: [
+}) => /* @__PURE__ */ i(d, { children: [
   e,
-  /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(c, { background: n, children: /* @__PURE__ */ r(m, { className: `${s.menu}`, children: o.map((t) => /* @__PURE__ */ r(
-    p,
+  /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(p, { background: n, children: /* @__PURE__ */ r(u, { className: a(s.menu), children: o.map((t) => /* @__PURE__ */ r(
+    l,
     {
       cardBackground: n,
       menuItem: t
@@ -51,5 +52,5 @@ import '../assets/Menu.css';const g = "_menu_18vtx_1", x = "_separator_18vtx_85"
   )) }) }) })
 ] });
 export {
-  y as M
+  S as M
 };

package/dist/chunks/MenuLabel

@@ -1,14 +1,15 @@
 import { jsx as s } from "react/jsx-runtime";
-import { M as l } from "./Menu";
-import { Pressable as t } from "react-aria-components";
+import { M as t } from "./Menu";
+import { Pressable as l } from "react-aria-components";
 import { T as a } from "./Tooltip";
-import '../assets/MenuLabel.css';const p = "_pressable_13cip_1", n = {
+import m from "clsx";
+import '../assets/MenuLabel.css';const p = "_pressable_1m2tq_1", n = {
   pressable: p
-}, f = ({
-  children: e,
-  menuItems: r,
+}, M = ({
+  children: r,
+  menuItems: e,
   description: o
-}) => /* @__PURE__ */ s(l, { menuItems: r, children: /* @__PURE__ */ s(a, { description: o, children: /* @__PURE__ */ s(t, { children: /* @__PURE__ */ s("span", { role: "button", className: n.pressable, children: e }) }) }) });
+}) => /* @__PURE__ */ s(t, { menuItems: e, children: /* @__PURE__ */ s(a, { description: o, children: /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s("span", { role: "button", className: m(n.pressable), children: r }) }) }) });
 export {
-  f as M
+  M
 };

package/dist/chunks/ModalAction

@@ -1,41 +1,45 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { M as f } from "./ModalBase";
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { M as x } from "./ModalBase";
 import { T as h } from "./TextButton";
-import '../assets/ModalAction.css';const p = "_modal_fqn0t_1", u = "_end_fqn0t_39", o = {
-  modal: p,
-  "modal-header": "_modal-header_fqn0t_11",
-  "modal-content": "_modal-content_fqn0t_19",
-  "modal-action": "_modal-action_fqn0t_29",
-  end: u
-}, x = ({
-  trigger: d,
-  header: t,
+import a from "clsx";
+import '../assets/ModalAction.css';const f = "_modal_x3bbs_1", p = "_end_x3bbs_20", o = {
+  modal: f,
+  "modal-header": "_modal-header_x3bbs_6",
+  "modal-content": "_modal-content_x3bbs_10",
+  "modal-action": "_modal-action_x3bbs_15",
+  end: p
+}, N = ({
+  trigger: r,
+  header: n,
   children: l,
-  actionPlacement: r = "start",
-  modalAction: n,
-  closeText: m,
-  isDismissable: c,
-  isKeyboardDismissableDisabled: i
+  actionPlacement: m = "start",
+  modalAction: e,
+  closeText: c,
+  isDismissable: i,
+  isKeyboardDismissableDisabled: _
 }) => {
-  const _ = typeof n == "function";
-  return /* @__PURE__ */ a(
-    f,
+  const b = typeof e == "function";
+  return /* @__PURE__ */ s(
+    x,
     {
-      trigger: d,
+      trigger: r,
       modalOverlayProps: {
-        isDismissable: c,
-        isKeyboardDismissDisabled: i
+        isDismissable: i,
+        isKeyboardDismissDisabled: _
       },
-      children: ({ close: e }) => /* @__PURE__ */ s("div", { className: `${o.modal}`, children: [
-        t && /* @__PURE__ */ a("h2", { className: `${o["modal-header"]}`, children: t }),
-        /* @__PURE__ */ a("div", { className: `${o["modal-content"]}`, children: l }),
-        /* @__PURE__ */ s(
+      children: ({ close: t }) => /* @__PURE__ */ d("div", { className: a(o.modal), children: [
+        n && /* @__PURE__ */ s("h2", { className: a(o["modal-header"]), children: n }),
+        /* @__PURE__ */ s("div", { className: a(o["modal-content"]), children: l }),
+        /* @__PURE__ */ d(
           "div",
           {
-            className: `${o["modal-action"]} ${o[r]}`,
+            className: a(
+              o["modal-action"],
+              o[m]
+            ),
             children: [
-              _ ? n({ close: e }) : n,
-              /* @__PURE__ */ a(h, { onPress: e, theme: "inverse-surface", children: m })
+              b ? e({ close: t }) : e,
+              /* @__PURE__ */ s(h, { onPress: t, theme: "inverse-surface", children: c })
             ]
           }
         )
@@ -44,5 +48,5 @@ import '../assets/ModalAction.css';const p = "_modal_fqn0t_1", u = "_end_fqn0t_3
   );
 };
 export {
-  x as M
+  N as M
 };

package/dist/chunks/ModalBase

@@ -1,27 +1,31 @@
-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 _ } from "./BaseCard";
-import '../assets/ModalBase.css';const h = "_modal_e27rd_1", l = {
-  "modal-overlay": "_modal-overlay_e27rd_1",
-  modal: h
-}, p = ({
-  cardBackground: r = "gradient",
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { DialogTrigger as t, ModalOverlay as n, Modal as f, Dialog as g } from "react-aria-components";
+import { B as p } from "./BaseCard";
+import { clsx as l } from "clsx";
+import '../assets/ModalBase.css';const y = "_modal_1pyzf_1", r = {
+  "modal-overlay": "_modal-overlay_1pyzf_1",
+  modal: y
+}, v = ({
+  cardBackground: s = "gradient",
   trigger: e,
   modalOverlayProps: o,
-  dialogTriggerProps: d,
-  modalProps: s,
-  ...m
-}) => /* @__PURE__ */ c(i, { ...d, children: [
+  dialogTriggerProps: m,
+  modalProps: d,
+  ...c
+}) => /* @__PURE__ */ i(t, { ...m, children: [
   e,
   /* @__PURE__ */ a(
     n,
     {
       ...o,
-      className: o?.className ?? l["modal-overlay"],
-      children: /* @__PURE__ */ a(t, { ...s, className: l.modal, children: /* @__PURE__ */ a(_, { background: r, children: /* @__PURE__ */ a(g, { ...m }) }) })
+      className: l(
+        r["modal-overlay"],
+        o?.className
+      ),
+      children: /* @__PURE__ */ a(f, { ...d, className: l(r.modal), children: /* @__PURE__ */ a(p, { background: s, children: /* @__PURE__ */ a(g, { ...c }) }) })
     }
   )
 ] });
 export {
-  p as M
+  v as M
 };

package/dist/chunks/NavigationMenu

@@ -1,24 +1,25 @@
 import { jsx as r, Fragment as t, jsxs as a } from "react/jsx-runtime";
-import { M as u } from "./MenuLabel";
-import { L as c } from "./Link";
-import { T as d } from "./TextButton";
-import { ChevronDown as i } from "lucide-react";
-import '../assets/NavigationMenu.css';const h = "_menu_sata7_1", m = {
+import { M as c } from "./MenuLabel";
+import { L as u } from "./Link";
+import { T as i } from "./TextButton";
+import { ChevronDown as d } from "lucide-react";
+import { clsx as m } from "clsx";
+import '../assets/NavigationMenu.css';const h = "_menu_vmcq5_1", l = {
   menu: h
-}, g = ({ items: s, className: n }) => {
-  const o = s.filter((e) => e.type !== "separator");
-  return /* @__PURE__ */ r("div", { className: n || m.menu, children: o.map((e) => {
+}, y = ({ items: n, className: s }) => {
+  const o = n.filter((e) => e.type !== "separator");
+  return /* @__PURE__ */ r("div", { className: m(l.menu, s), children: o.map((e) => {
     switch (e.type) {
       case "sub-items":
-        return /* @__PURE__ */ a(u, { menuItems: e.subItems, children: [
+        return /* @__PURE__ */ a(c, { menuItems: e.subItems, children: [
           e.node,
-          /* @__PURE__ */ r(i, {})
+          /* @__PURE__ */ r(d, {})
         ] }, e.id);
       case "item-node":
         return /* @__PURE__ */ r(t, { children: e.node }, e.id);
       case "link":
         return /* @__PURE__ */ r(
-          c,
+          u,
           {
             href: e.href,
             target: e.target,
@@ -30,7 +31,7 @@ import '../assets/NavigationMenu.css';const h = "_menu_sata7_1", m = {
         );
       case "button":
         return /* @__PURE__ */ r(
-          d,
+          i,
           {
             onPress: e.onPress,
             theme: "inverse-surface",
@@ -43,5 +44,5 @@ import '../assets/NavigationMenu.css';const h = "_menu_sata7_1", m = {
   }) });
 };
 export {
-  g as N
+  y as N
 };