@adgytec/adgytec-web-ui-components 0.0.15 → 0.0.16

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

@@ -1,4 +1,33 @@
-import { T as a } from "../../../TextArea-BqYpfMqm.js";
+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-CvUKcRtm.js";
+import '../../../assets/index4.css';const n = "_textarea_3agtk_1", _ = "_editor_3agtk_11", s = {
+  textarea: n,
+  editor: _
+}, g = ({
+  label: t,
+  textFieldProps: a,
+  textAreaProps: r,
+  labelProps: o,
+  fieldErrorProps: c
+}) => /* @__PURE__ */ i(
+  m,
+  {
+    ...a,
+    className: a?.className ?? s.textarea,
+    children: [
+      t && /* @__PURE__ */ e(d, { ...o, children: t }),
+      /* @__PURE__ */ e(
+        x,
+        {
+          ...r,
+          className: r?.className ?? s.editor
+        }
+      ),
+      /* @__PURE__ */ e(l, { ...c })
+    ]
+  }
+);
 export {
-  a as TextArea
+  g as TextArea
 };

package/dist/components/Link/{FilledButtonLink.d.ts → FilledButtonLink/FilledButtonLink.d.ts}

@@ -1,2 +1,2 @@
-import { LinkProps } from './types';
+import { LinkProps } from '../LinkBase/types';
 export declare const FilledButtonLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Link/FilledButtonLink/index.d.ts

@@ -0,0 +1 @@
+export * from './FilledButtonLink';

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

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

package/dist/components/Link/LinkBase/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { L } from "../../../Link-wdtV3-eC.js";
+export {
+  L as Link
+};

package/dist/components/Link/{types.d.ts → LinkBase/types.d.ts}

@@ -1,4 +1,4 @@
-import { ColorTheme } from '../../utils/types';
+import { ColorTheme } from '../../../utils/types';
 import { LinkProps as AriaLinkProps } from 'react-aria-components';
 export interface LinkProps extends AriaLinkProps {
     theme?: ColorTheme;

package/dist/components/Link/{OutlinedButtonLink.d.ts → OutlinedButtonLink/OutlinedButtonLink.d.ts}

@@ -1,2 +1,2 @@
-import { LinkProps } from './types';
+import { LinkProps } from '../LinkBase/types';
 export declare const OutlinedButtonLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Link/OutlinedButtonLink/index.d.ts

@@ -0,0 +1 @@
+export * from './OutlinedButtonLink';

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

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

package/dist/components/Menu/MenuBase/index.d.ts

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

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

@@ -0,0 +1 @@
+

package/dist/components/Menu/{types.d.ts → MenuBase/types.d.ts}

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { HierarchyItemType } from '../../utils/types';
-import { ButtonVariantProps } from '../Button/types';
+import { HierarchyItemType } from '../../../utils/types';
+import { ButtonVariantProps } from '../../Button/ButtonBase/types';
 export interface MenuProps {
     children: ReactNode;
     menuItems: HierarchyItemType[];

package/dist/components/Menu/{MenuButton.d.ts → MenuButton/MenuButton.d.ts}

@@ -1,2 +1,2 @@
-import { MenuButtonProps } from './types';
+import { MenuButtonProps } from '../MenuBase/types';
 export declare const MenuButton: ({ children, menuItems }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuButton/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuButton';

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

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

package/dist/components/Menu/{MenuLabel.d.ts → MenuLabel/MenuLabel.d.ts}

@@ -1,2 +1,2 @@
-import { MenuLabelProps } from './types';
+import { MenuLabelProps } from '../MenuBase/types';
 export declare const MenuLabel: ({ children, menuItems, description, }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/MenuLabel/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuLabel';

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

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

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

@@ -1,5 +1,51 @@
-import { M as t, a as c } from "../../../ModalAction-CGV3ryxY.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { M as h } from "../../../ModalBase-B6E_69dY.js";
+import { T as p } from "../../../TextButton-CoRHw1vC.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 = {
+  modal: v,
+  "modal-header": "_modal-header_fqn0t_11",
+  "modal-content": "_modal-content_fqn0t_19",
+  "modal-action": "_modal-action_fqn0t_29",
+  end: q
+}, T = ({
+  trigger: o,
+  header: a,
+  children: m,
+  actionPlacement: l = d.start,
+  modalAction: n,
+  closeText: i,
+  isDismissable: c,
+  isKeyboardDismissableDisabled: _
+}) => {
+  const f = typeof n == "function";
+  return /* @__PURE__ */ e(
+    h,
+    {
+      trigger: o,
+      modalOverlayProps: {
+        isDismissable: c,
+        isKeyboardDismissDisabled: _
+      },
+      children: ({ close: r }) => /* @__PURE__ */ s("div", { className: `${t.modal}`, children: [
+        a && /* @__PURE__ */ e("h2", { className: `${t["modal-header"]}`, children: a }),
+        /* @__PURE__ */ e("div", { className: `${t["modal-content"]}`, children: m }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: `${t["modal-action"]} ${t[l]}`,
+            children: [
+              f ? n({ close: r }) : n,
+              /* @__PURE__ */ e(p, { onPress: r, theme: u.inverseSurface, children: i })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
 export {
-  t as ModalAction,
-  c as ModalActionPlacement
+  T as ModalAction,
+  d as ModalActionPlacement
 };

package/dist/components/Modal/ModalAction/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { ButtonVariantProps } from '../../Button/types';
+import { ButtonVariantProps } from '../../Button/ButtonBase/types';
 import { DialogRenderProps } from 'react-aria-components';
 export declare enum ModalActionPlacement {
     start = "start",

package/dist/components/Modal/ModalBase/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ButtonVariantProps } from '../../Button/types';
+import { ButtonVariantProps } from '../../Button/ButtonBase/types';
 import { DialogProps, DialogTriggerProps, ModalOverlayProps } from 'react-aria-components';
 export interface ModalBaseProps extends DialogProps {
     trigger: ReactElement<ButtonVariantProps>;

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

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

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

@@ -1,4 +1,12 @@
-import { N as e } from "../../../NavigationResponsive-CSi5yInn.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useMediaQuery as t } from "usehooks-ts";
+import { N as e } from "../../../NavigationMenu-C64WpZpH.js";
+import { N as m } from "../../../NavigationSidebar-CdQlKp5A.js";
+const f = ({
+  items: o,
+  mediaQuery: a,
+  ...i
+}) => t(`(${a})`) ? /* @__PURE__ */ r(e, { items: o }) : /* @__PURE__ */ r(m, { items: o, ...i });
 export {
-  e as NavigationResponsive
+  f as NavigationResponsive
 };

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

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

package/dist/components/Popover/{index.d.ts → PopoverBase/index.d.ts}

@@ -1,3 +1,2 @@
 export * from './Popover';
-export * from './PopoverDialog';
 export * from './types';

package/dist/components/Popover/PopoverBase/index.js

@@ -0,0 +1,4 @@
+import { P as e } from "../../../Popover-sX7uB5r0.js";
+export {
+  e as Popover
+};

package/dist/components/Popover/{types.d.ts → PopoverBase/types.d.ts}

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { PopoverProps as AriaPopoverProps, DialogProps, DialogTriggerProps } from 'react-aria-components';
-import { ButtonVariantProps } from '../Button';
+import { ButtonVariantProps } from '../../Button/ButtonBase';
 export interface PopoverDialogProps extends DialogProps {
     trigger: ReactElement<ButtonVariantProps>;
     popoverProps?: Omit<AriaPopoverProps, "children">;

package/dist/components/Popover/{PopoverDialog.d.ts → PopoverDialog/PopoverDialog.d.ts}

@@ -1,2 +1,2 @@
-import { PopoverDialogProps } from './types';
+import { PopoverDialogProps } from '../PopoverBase/types';
 export declare const PopoverDialog: ({ trigger, popoverProps, dialogTriggerProps, ...dialogProps }: PopoverDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/PopoverDialog/index.d.ts

@@ -0,0 +1 @@
+export * from './PopoverDialog';

package/dist/components/Popover/PopoverDialog/index.js

@@ -0,0 +1,15 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { DialogTrigger as t, Dialog as g } from "react-aria-components";
+import { P as l } from "../../../Popover-sX7uB5r0.js";
+const c = ({
+  trigger: r,
+  popoverProps: i,
+  dialogTriggerProps: e,
+  ...m
+}) => /* @__PURE__ */ p(t, { ...e, children: [
+  r,
+  /* @__PURE__ */ o(l, { ...i, children: /* @__PURE__ */ o(g, { ...m }) })
+] });
+export {
+  c as PopoverDialog
+};

package/dist/components/Select/index.js

@@ -1,4 +1,88 @@
-import { S as r } from "../../Select-DAhJ-rWv.js";
+import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { F as d } from "../../FilledButton-SnAf5REc.js";
+import { ButtonVariant as o } from "../Button/ButtonBase/index.js";
+import { Select as k, SelectValue as m, ListBox as B, Text as p, ListBoxItem as S } from "react-aria-components";
+import { P as V } from "../../Popover-sX7uB5r0.js";
+import { ChevronsUpDown as y, Check as F } from "lucide-react";
+import { O as $ } from "../../OutlinedButton-Bna2lY_l.js";
+import { T as C } from "../../TextButton-CoRHw1vC.js";
+import { ColorTheme as u } from "../../index.js";
+import { T as L } from "../../Tooltip-B2vjUO40.js";
+import { L as D, F as j } from "../../FieldError-CvUKcRtm.js";
+import '../../assets/index3.css';const w = "_select_1ctdo_1", I = "_trigger_1ctdo_37", i = {
+  select: w,
+  "selected-value": "_selected-value_1ctdo_11",
+  "option-description": "_option-description_1ctdo_19",
+  trigger: I,
+  "options-list": "_options-list_1ctdo_51",
+  "options-item-group": "_options-item-group_1ctdo_63",
+  "options-item": "_options-item_1ctdo_63"
+}, M = ({
+  options: _,
+  label: c,
+  name: h,
+  disabled: f,
+  isRequired: g,
+  triggerVariant: x = o.filled,
+  description: v,
+  placeholder: a,
+  selectedKey: N,
+  onSelectionChange: T
+}) => {
+  let r;
+  switch (x) {
+    case o.filled:
+      r = d;
+      break;
+    case o.outlined:
+      r = $;
+      break;
+    case o.text:
+      r = C;
+      break;
+    default:
+      r = d;
+  }
+  return /* @__PURE__ */ s(
+    k,
+    {
+      className: i.select,
+      isDisabled: f,
+      isRequired: g,
+      name: h,
+      selectedKey: N,
+      onSelectionChange: T,
+      children: [
+        c && /* @__PURE__ */ e(D, { children: c }),
+        /* @__PURE__ */ e(L, { description: v, theme: u.inverseSurface, children: /* @__PURE__ */ e(r, { theme: u.inverseSurface, children: /* @__PURE__ */ s("span", { className: i.trigger, children: [
+          a ? /* @__PURE__ */ e(m, { className: `${i["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: l }) => l ? a : t }) : /* @__PURE__ */ e(m, {}),
+          /* @__PURE__ */ e(y, {})
+        ] }) }) }),
+        /* @__PURE__ */ e(j, {}),
+        /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(B, { className: `${i["options-list"]}`, items: _, children: (t) => {
+          const l = /* @__PURE__ */ s(n, { children: [
+            /* @__PURE__ */ e(p, { children: t.displayValue }),
+            t.description && /* @__PURE__ */ e(p, { className: i["option-description"], children: t.description })
+          ] });
+          return /* @__PURE__ */ e(
+            S,
+            {
+              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: `${i["options-item"]}`, children: l }),
+                b && /* @__PURE__ */ e(F, {})
+              ] })
+            },
+            t.key
+          );
+        } }) })
+      ]
+    }
+  );
+};
 export {
-  r as Select
+  M as Select
 };

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

@@ -1,5 +1,5 @@
 import { Key } from 'react-aria-components';
-import { ButtonVariant } from '../Button/types';
+import { ButtonVariant } from '../Button/ButtonBase/types';
 export type SelectOptions = {
     key: string;
     displayValue: string;

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

@@ -1,6 +1,6 @@
 import { ReactNode, ReactElement } from 'react';
 import { DialogRenderProps } from 'react-aria-components';
-import { ButtonVariantProps } from '../Button/types';
+import { ButtonVariantProps } from '../Button/ButtonBase';
 export declare enum SidebarPosition {
     inlineStart = "inline-start",
     inlineEnd = "inline-end",

package/dist/components/Success/index.js

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

package/dist/components/ToggleButtonGroup/index.js

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

package/dist/components/Tooltip/index.js

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

package/dist/index.d.ts

@@ -1,27 +1 @@
 export * from './utils/types';
-export * from './components/Avatar';
-export * from './components/Button';
-export * from './components/ButtonChild';
-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';
-export * from './components/Loader';
-export * from './components/Menu';
-export * from './components/Modal';
-export * from './components/Modal/ModalAction';
-export * from './components/Modal/ModalBase';
-export * from './components/Navigation';
-export * from './components/Navigation/NavigationMenu';
-export * from './components/Navigation/NavigationResponsive';
-export * from './components/Navigation/NavigationSidebar';
-export * from './components/Popover';
-export * from './components/Select';
-export * from './components/Sidebar';
-export * from './components/Success';
-export * from './components/ToggleButtonGroup';
-export * from './components/Tooltip';
-export * from './components/Tree';

package/dist/index.js

@@ -1,72 +1,4 @@
-import { C as t } from "./types-C1YOMbh5.js";
-import { A as s, a as p, b as m } from "./Avatar-BRt91J0i.js";
-import { a as i, B as f } from "./useSplash-DOL9j-2c.js";
-import { F as u, O as l } from "./OutlinedButton-gr4wDzFi.js";
-import { T as d } from "./TextButton-BmQL4LNA.js";
-import { B as T, a as M } from "./ButtonChild-BTPuUMU5.js";
-import { D as c } from "./Disclosure-CL9F01im.js";
-import { D as A } from "./DisclousreGroup-BfpSfSQm.js";
-import { E as g } from "./Error-ByDnepeb.js";
-import "zod";
-import { F as N } from "./Form-B7w2oUTu.js";
-import { I as D } from "./Input-CvvRuhVQ.js";
-import { T as h } from "./TextArea-BqYpfMqm.js";
-import { F as C, O as z } from "./OutlinedButtonLink-DlQkc-PA.js";
-import { L as G } from "./Link-EXFlPw9F.js";
-import { L as y } from "./Loader-CLMHp6L7.js";
-import { M as V } from "./MenuButton-_Wg88yQX.js";
-import { M as q } from "./MenuLabel-BXxz0sVO.js";
-import { M as H, a as J } from "./ModalAction-CGV3ryxY.js";
-import { M as Q } from "./ModalBase-B6E_69dY.js";
-import { N as W } from "./NavigationResponsive-CSi5yInn.js";
-import { S as Y, a as Z, b as _ } from "./Sidebar-BWZan2PF.js";
-import { N as oo } from "./NavigationSidebar-oPrQbRWE.js";
-import { N as ao } from "./NavigationMenu-BOvkIsei.js";
-import { P as eo } from "./Popover-sX7uB5r0.js";
-import { P as po } from "./PopoverDialog-Dh0H4z2Y.js";
-import { S as xo } from "./Select-DAhJ-rWv.js";
-import { S as fo } from "./Success-swA2n7Qj.js";
-import { T as uo } from "./ToggleButtonGroup-BhCWMTxP.js";
-import { T as Bo } from "./Tooltip-D6naAVUi.js";
-import { T as To } from "./Tree-DwJPCnFr.js";
+var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryVariant = "primary-variant", r.secondary = "secondary", r.tertiary = "tertiary", r.error = "error", r.inverseSurface = "inverse-surface", r.success = "success", r))(a || {});
 export {
-  s as Avatar,
-  p as AvatarSize,
-  m as AvatarType,
-  T as ButtonChild,
-  i as ButtonShape,
-  M as ButtonState,
-  f as ButtonVariant,
-  t as ColorTheme,
-  c as Disclosure,
-  A as DisclosureGroup,
-  g as Error,
-  u as FilledButton,
-  C as FilledButtonLink,
-  N as Form,
-  D as Input,
-  G as Link,
-  y as Loader,
-  V as MenuButton,
-  q as MenuLabel,
-  H as ModalAction,
-  J as ModalActionPlacement,
-  Q as ModalBase,
-  ao as NavigationMenu,
-  W as NavigationResponsive,
-  oo as NavigationSidebar,
-  l as OutlinedButton,
-  z as OutlinedButtonLink,
-  eo as Popover,
-  po as PopoverDialog,
-  xo as Select,
-  Y as Sidebar,
-  Z as SidebarPosition,
-  _ as SidebarSize,
-  fo as Success,
-  h as TextArea,
-  d as TextButton,
-  uo as ToggleButtonGroup,
-  Bo as Tooltip,
-  To as Tree
+  a as ColorTheme
 };