@altinn/altinn-components 0.26.1 → 0.27.0

package/dist/components/Button/ButtonBase.js

@@ -1,35 +1,37 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { c as i } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonBase.css';const d = "_button_1tsrv_1", p = {
-  button: d
-}, v = ({
-  as: o,
-  color: a,
-  className: n,
-  children: s,
+import '../../assets/ButtonBase.css';const p = "_button_1c0tl_1", f = {
+  button: p
+}, B = ({
+  as: a,
+  color: o,
+  className: e,
+  children: n,
+  reverse: s,
   disabled: t = !1,
-  ariaLabel: e,
-  size: r,
-  selected: c,
-  variant: l,
-  tabIndex: m = 0,
-  ...u
-}) => /* @__PURE__ */ b(
-  o || "button",
+  ariaLabel: r,
+  size: c,
+  selected: l,
+  variant: m,
+  tabIndex: u = 0,
+  ...b
+}) => /* @__PURE__ */ d(
+  a || "button",
   {
-    tabIndex: m,
-    "data-size": r,
-    "data-variant": l,
-    "data-color": a,
-    "data-selected": c,
+    tabIndex: u,
+    "data-size": c,
+    "data-color": o,
+    "data-variant": m,
+    "data-reverse": s,
+    "data-selected": l,
     "aria-disabled": t,
     disabled: t,
-    className: i(p.button, n),
-    "aria-label": e,
-    ...u,
-    children: s
+    className: i(f.button, e),
+    "aria-label": r,
+    ...b,
+    children: n
   }
 );
 export {
-  v as ButtonBase
+  B as ButtonBase
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,13 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
+import { c as i } from "../../index-L8X2o7IH.js";
 import { Icon as m } from "../Icon/Icon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ButtonIcon.css';const s = "_icon_ablit_1", e = {
+import '../../assets/ButtonIcon.css';const s = "_icon_n7bze_1", e = {
   icon: s
-}, u = ({ className: t, size: i, icon: n, iconAltText: r }) => /* @__PURE__ */ o("span", { className: c(e.icon, t), "data-size": i, children: /* @__PURE__ */ o(m, { svgElement: n, altText: r }) });
+}, u = ({ className: t, size: n, icon: r, iconAltText: c }) => /* @__PURE__ */ o("span", { className: i(e.icon, t), "data-size": n, children: /* @__PURE__ */ o(m, { svgElement: r, altText: c }) });
 export {
   u as ButtonIcon
 };

package/dist/components/Button/ButtonLabel.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as e } from "../../index-L8X2o7IH.js";
-import '../../assets/ButtonLabel.css';const o = "_label_1ahnm_1", n = {
+import '../../assets/ButtonLabel.css';const o = "_label_1v8cl_1", c = {
   label: o
-}, m = ({ className: a, size: l, children: s }) => /* @__PURE__ */ t("span", { className: e(n.label, a), "data-size": l, children: s });
+}, b = ({ className: l, size: a, children: s }) => /* @__PURE__ */ t("span", { className: e(c.label, l), "data-size": a, children: s });
 export {
-  m as ButtonLabel
+  b as ButtonLabel
 };

package/dist/components/Button/ComboButton.js

@@ -1,41 +1,43 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { c as b } from "../../index-L8X2o7IH.js";
-import { ButtonBase as n } from "./ButtonBase.js";
-import { ButtonIcon as u } from "./ButtonIcon.js";
-import { ButtonLabel as y } from "./ButtonLabel.js";
-import '../../assets/ComboButton.css';const f = "_button_tbm58_1", v = "_divider_tbm58_8", B = "_primary_tbm58_15", x = "_secondary_tbm58_16", r = {
-  button: f,
-  divider: v,
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { c as y } from "../../index-L8X2o7IH.js";
+import { ButtonBase as t } from "./ButtonBase.js";
+import { ButtonIcon as b } from "./ButtonIcon.js";
+import { ButtonLabel as f } from "./ButtonLabel.js";
+import '../../assets/ComboButton.css';const v = "_button_d26a8_1", x = "_divider_d26a8_7", B = "_primary_d26a8_14", N = "_secondary_d26a8_15", a = {
+  button: v,
+  divider: x,
   primary: B,
-  secondary: x
-}, I = ({
-  variant: m = "solid",
-  color: c,
+  secondary: N
+}, L = ({
+  variant: n = "solid",
+  color: s,
   size: o = "md",
-  selected: a = !1,
-  icon: d,
+  selected: d = !1,
+  icon: c,
   children: i,
-  className: e,
-  ariaLabel: s,
+  className: m,
+  ariaLabel: e,
   onLabelClick: l,
-  onIconClick: _
-}) => /* @__PURE__ */ p(
-  n,
+  onIconClick: _,
+  iconAltText: p
+}) => /* @__PURE__ */ u(
+  t,
   {
     as: "div",
     size: o,
-    variant: m,
-    color: c,
-    selected: a,
-    className: b(r.button, e),
-    ariaLabel: s,
+    variant: n,
+    color: s,
+    selected: d,
+    className: y(a.button, m),
+    ariaLabel: e,
+    tabIndex: -1,
     children: [
-      /* @__PURE__ */ t(n, { size: o, onClick: _, className: r.secondary, ariaLabel: s, children: /* @__PURE__ */ t(u, { icon: d, size: o }) }),
-      /* @__PURE__ */ t("span", { "data-size": o, className: r.divider }),
-      /* @__PURE__ */ t(n, { size: o, onClick: l, className: r.primary, children: /* @__PURE__ */ t(y, { size: o, children: i }) })
+      /* @__PURE__ */ r(t, { size: o, onClick: l, className: a.primary, children: /* @__PURE__ */ r(f, { size: o, children: i }) }),
+      /* @__PURE__ */ r("span", { "data-size": o, className: a.divider }),
+      /* @__PURE__ */ r(t, { size: o, onClick: _, className: a.secondary, ariaLabel: p, children: /* @__PURE__ */ r(b, { icon: c, size: o }) })
     ]
   }
 );
 export {
-  I as ComboButton
+  L as ComboButton
 };

package/dist/components/Button/IconButton.js

@@ -1,35 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { c as l } from "../../index-L8X2o7IH.js";
-import { ButtonBase as _ } from "./ButtonBase.js";
-import { ButtonIcon as b } from "./ButtonIcon.js";
-import '../../assets/IconButton.css';const d = "_button_118jo_1", p = "_icon_118jo_8", f = {
-  button: d,
-  icon: p
-}, h = ({
+import { ButtonBase as b } from "./ButtonBase.js";
+import { ButtonIcon as d } from "./ButtonIcon.js";
+import '../../assets/IconButton.css';const p = "_button_hmev5_1", f = {
+  button: p
+}, I = ({
   variant: n = "solid",
-  size: o = "md",
-  icon: c,
-  color: r,
-  iconSize: s,
-  className: i,
-  selected: m,
-  onClick: a,
-  dataTestId: e,
+  size: t = "md",
+  icon: r,
+  color: s,
+  iconSize: m,
+  className: a,
+  selected: c,
+  onClick: e,
+  dataTestId: i,
   iconAltText: u
-}) => /* @__PURE__ */ t(
-  _,
+}) => /* @__PURE__ */ o(
+  b,
   {
     variant: n,
-    color: r,
-    size: o,
-    className: l(f.button, i),
-    onClick: a,
-    selected: m,
-    "data-testid": e,
+    color: s,
+    size: t,
+    className: l(f.button, a),
+    onClick: e,
+    selected: c,
+    "data-testid": i,
     "aria-label": u,
-    children: /* @__PURE__ */ t(b, { icon: c, size: s || o })
+    children: /* @__PURE__ */ o(d, { icon: r, size: m || t })
   }
 );
 export {
-  h as IconButton
+  I as IconButton
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -28,14 +28,14 @@ const k = O((e, l) => {
     n ? a.createElement("title", { id: r }, n) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), S = "_toggle_nol5i_1", B = "_button_nol5i_5", P = "_icon_nol5i_14", f = {
-  toggle: S,
-  button: B,
-  icon: P
+}), B = "_toggle_nol5i_1", P = "_button_nol5i_5", S = "_icon_nol5i_14", f = {
+  toggle: B,
+  button: P,
+  icon: S
 }, J = ({
   id: e = "context-menu",
   placement: l = "right",
-  size: n,
+  size: n = "sm",
   groups: t = {},
   className: o,
   items: r
@@ -56,7 +56,6 @@ const k = O((e, l) => {
         className: f.button,
         size: n,
         icon: k,
-        iconSize: "md",
         variant: "text",
         color: "neutral",
         onClick: g,

package/dist/components/Dialog/DialogActions.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { useMemo as h } from "react";
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { useMemo as g } from "react";
 import "../../index-L8X2o7IH.js";
-import { Button as g } from "../Button/Button.js";
-import { ComboButton as y } from "../Button/ComboButton.js";
-import { useRootContext as C } from "../RootProvider/RootProvider.js";
-import { DropdownBase as v } from "../Dropdown/DropdownBase.js";
-import { Menu as b } from "../Menu/Menu.js";
+import { Button as y } from "../Button/Button.js";
+import { ComboButton as C } from "../Button/ComboButton.js";
+import { useRootContext as v } from "../RootProvider/RootProvider.js";
+import { DropdownBase as b } from "../Dropdown/DropdownBase.js";
+import { Menu as x } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as B } from "../../ChevronUp-H8Nuww4h.js";
 import { S as _ } from "../../ChevronDown-CRAwzuD3.js";
-import '../../assets/DialogActions.css';const x = "_action_m3crc_1", k = "_comboButton_m3crc_7", m = {
-  action: x,
-  comboButton: k
-}, q = ({ items: c, maxItems: l = 2, id: s = "dialog-actions" }) => {
-  const { currentId: p, closeAll: a, toggleId: d } = C(), e = p === s, n = h(() => (c || []).filter((r) => !r.hidden).sort((r, o) => {
+import '../../assets/DialogActions.css';const k = "_action_m3crc_1", I = "_comboButton_m3crc_7", m = {
+  action: k,
+  comboButton: I
+}, q = ({ items: c, maxItems: s = 2, id: l = "dialog-actions", expandAltLabel: p }) => {
+  const { currentId: d, closeAll: a, toggleId: u } = v(), e = d === l, n = g(() => (c || []).filter((r) => !r.hidden).sort((r, o) => {
     const i = ["primary", "secondary", "tertiary"];
     return i.indexOf(r == null ? void 0 : r.priority) - i.indexOf(o == null ? void 0 : o.priority);
   }), [c]);
-  if (!n.length || l <= 0)
+  if (!n.length || s <= 0)
     return null;
-  if (n.length > l) {
+  if (n.length > s) {
     const r = n.slice(1).map((o) => ({
       id: o.id,
       title: o.label,
@@ -29,25 +29,26 @@ import '../../assets/DialogActions.css';const x = "_action_m3crc_1", k = "_combo
       group: o.priority,
       hidden: o.hidden
     }));
-    return /* @__PURE__ */ f("section", { className: m.comboButton, children: [
+    return /* @__PURE__ */ h("section", { className: m.comboButton, children: [
       /* @__PURE__ */ t(
-        y,
+        C,
         {
           variant: "solid",
           icon: e ? B : _,
-          size: "lg",
-          onIconClick: () => d(s),
+          size: "md",
+          onIconClick: () => u(l),
           onLabelClick: n[0].onClick,
           ariaLabel: e ? "chevron up icon" : "chevron down icon",
+          iconAltText: p,
           children: n[0].label
         }
       ),
-      /* @__PURE__ */ t(v, { open: e, onClose: a, children: /* @__PURE__ */ t(b, { items: r }) })
+      /* @__PURE__ */ t(b, { open: e, onClose: a, children: /* @__PURE__ */ t(x, { items: r }) })
     ] });
   }
   return /* @__PURE__ */ t("section", { className: m.action, children: n.map((r, o) => {
-    const { priority: i, id: I, ...u } = r;
-    return /* @__PURE__ */ t(g, { variant: i === "primary" ? "solid" : "outline", size: "lg", ...u, children: r.label }, "button-" + o);
+    const { priority: i, id: S, ...f } = r;
+    return /* @__PURE__ */ t(y, { variant: i === "primary" ? "solid" : "outline", size: "md", ...f, children: r.label }, "button-" + o);
   }) });
 };
 export {

package/dist/components/DsComponents/index.js

@@ -1,27 +1,29 @@
-import { A as D, B as e, a as i, C as o, b as t, c as n, D as r, H as g, L as d, d as h, e as l, P as p, f as b, g as x, h as P, i as S, j as c, S as f, k, T as m, V as C, u as L } from "../../usePagination-BJD-uxk9.js";
-import { D as B } from "../../index-DcykCrjD.js";
+import { A as D, B as e, a as o, C as i, b as t, c as r, D as n, H as g, L as p, d, e as x, P as f, f as h, g as l, h as m, i as P, S as b, j as S, T as c, u as C } from "../../usePagination-B4GfH2GQ.js";
+import { D as k } from "../../index-B7UjMwQm.js";
+import { P as B } from "../../Paragraph-CFjOkbXa.js";
+import { V as A } from "../../index-Bq6w9CqA.js";
 export {
   D as DsAlert,
   e as DsBadge,
-  i as DsButton,
-  o as DsCheckbox,
+  o as DsButton,
+  i as DsCheckbox,
   t as DsChip,
-  n as DsCombobox,
-  B as DsDetails,
-  r as DsDialog,
+  r as DsCombobox,
+  k as DsDetails,
+  n as DsDialog,
   g as DsHeading,
-  d as DsLink,
-  h as DsListItem,
-  l as DsListUnordered,
-  p as DsPagination,
-  b as DsParagraph,
-  x as DsPopover,
-  P as DsSearch,
-  S as DsSkeleton,
-  c as DsSpinner,
-  f as DsSwitch,
-  k as DsTabs,
-  m as DsTextfield,
-  C as DsValidationMessage,
-  L as useDsPagination
+  p as DsLink,
+  d as DsListItem,
+  x as DsListUnordered,
+  f as DsPagination,
+  B as DsParagraph,
+  h as DsPopover,
+  l as DsSearch,
+  m as DsSkeleton,
+  P as DsSpinner,
+  b as DsSwitch,
+  S as DsTabs,
+  c as DsTextfield,
+  A as DsValidationMessage,
+  C as useDsPagination
 };

package/dist/components/Forms/Checkbox.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Field as e } from "./Field.js";
+import { Label as c } from "./Label.js";
+import { Input as n } from "./Input.js";
+const u = ({ size: t, color: m, label: r, ...i }) => /* @__PURE__ */ p(e, { size: t, color: m, children: [
+  /* @__PURE__ */ o(n, { ...i, type: "checkbox" }),
+  !!r && /* @__PURE__ */ o(c, { children: r })
+] });
+export {
+  u as Checkbox
+};

package/dist/components/Forms/CheckboxOptions.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Checkbox as i } from "./Checkbox.js";
+import { OptionsBase as e } from "./OptionsBase.js";
+const k = ({ options: r = [], ...t }) => /* @__PURE__ */ o(e, { ...t, children: r.map((m, p) => /* @__PURE__ */ o(i, { ...m }, p)) });
+export {
+  k as CheckboxOptions
+};

package/dist/components/Forms/Field.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { F as i } from "../../index-Bq6w9CqA.js";
+const s = ({ size: o, color: r, children: t, ...a }) => /* @__PURE__ */ e(i, { ...a, "data-size": o, "data-color": r, children: t });
+export {
+  s as Field
+};

package/dist/components/Forms/FieldBase.js

@@ -0,0 +1,17 @@
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { Typography as e } from "../Typography/Typography.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Field as n } from "./Field.js";
+import { Label as c } from "./Label.js";
+const u = ({ size: r, color: p, label: o, helperText: i, children: t, ...s }) => /* @__PURE__ */ d(n, { size: r, color: p, ...s, children: [
+  o && /* @__PURE__ */ m(c, { size: r, children: o }),
+  t,
+  i && /* @__PURE__ */ m(e, { size: "xs", children: i })
+] });
+export {
+  u as FieldBase
+};

package/dist/components/Forms/Fieldset.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../lite-1fxw3LjI.js";
+import { forwardRef as n } from "react";
+import { P as a } from "../../Paragraph-CFjOkbXa.js";
+import { F as c } from "../../FieldsetLegend-Dwb3U0vQ.js";
+const l = n(function({ className: e, ...t }, i) {
+  return r("fieldset", { className: d("ds-fieldset", e), ref: i, ...t });
+}), p = n(function(e, t) {
+  return r(a, { ref: t, ...e });
+}), o = Object.assign(l, {
+  Legend: c,
+  Description: p
+});
+o.Legend.displayName = "Fieldset.Legend";
+o.Description.displayName = "Fieldset.Description";
+const D = ({ size: s, color: e, children: t, ...i }) => /* @__PURE__ */ r(
+  o,
+  {
+    ...i,
+    "data-size": s,
+    "data-color": e,
+    children: t
+  }
+);
+export {
+  D as Fieldset
+};

package/dist/components/Forms/FieldsetBase.js

@@ -0,0 +1,15 @@
+import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Fieldset as e } from "./Fieldset.js";
+import { Legend as p } from "./Legend.js";
+const j = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
+  !!r && /* @__PURE__ */ m(p, { children: r }),
+  o
+] });
+export {
+  j as FieldsetBase
+};

package/dist/components/Forms/Input.js

@@ -0,0 +1,14 @@
+import { jsx as p } from "react/jsx-runtime";
+import { I as s } from "../../Input-B_w6SBmg.js";
+const m = ({ inputSize: t, size: o, color: r, ...a }) => /* @__PURE__ */ p(
+  s,
+  {
+    size: t,
+    "data-color": r,
+    "data-size": o,
+    ...a
+  }
+);
+export {
+  m as Input
+};

package/dist/components/Forms/Label.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { L as m } from "../../Label-DjSEhgyW.js";
+const l = ({ size: o, color: r, children: a, ...t }) => /* @__PURE__ */ e(m, { ...t, "data-size": o, "data-color": r, children: a });
+export {
+  l as Label
+};

package/dist/components/Forms/Legend.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { F as d } from "../../FieldsetLegend-Dwb3U0vQ.js";
+const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
+  d,
+  {
+    ...t,
+    "data-size": e,
+    "data-color": o,
+    children: r
+  }
+);
+export {
+  m as Legend
+};

package/dist/components/Forms/OptionsBase.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+const l = ({ size: o, color: r, inline: e, children: t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-color": r,
+    "data-size": o,
+    style: {
+      display: "flex",
+      flexDirection: e ? "row" : "column",
+      rowGap: "1rem",
+      columnGap: "1rem"
+    },
+    children: t
+  }
+);
+export {
+  l as OptionsBase
+};

package/dist/components/Forms/Radio.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Field as e } from "./Field.js";
+import { Label as d } from "./Label.js";
+import { Input as n } from "./Input.js";
+const y = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+  /* @__PURE__ */ o(n, { ...m, type: "radio" }),
+  !!r && /* @__PURE__ */ o(d, { children: r })
+] });
+export {
+  y as Radio
+};

package/dist/components/Forms/RadioOptions.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Radio as a } from "./Radio.js";
+import { OptionsBase as e } from "./OptionsBase.js";
+const h = ({ name: i, options: t = [], ...o }) => /* @__PURE__ */ m(e, { ...o, children: t.map((r, p) => /* @__PURE__ */ m(a, { name: (r == null ? void 0 : r.name) || i, ...r }, p)) });
+export {
+  h as RadioOptions
+};

package/dist/components/Forms/Select.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { c as s } from "../../lite-1fxw3LjI.js";
+import { forwardRef as l } from "react";
+import { S as f } from "../../index-C8BS_2GY.js";
+const u = l(function({ className: r, onKeyDown: t, onMouseDown: e, width: n, ...i }, m) {
+  return c("select", { className: s("ds-input", r), "data-width": n, ref: m, onKeyDown: (p) => {
+    p.key !== "Tab" && (i.readOnly && p.preventDefault(), t == null || t(p));
+  }, onMouseDown: (p) => {
+    i.readOnly && p.preventDefault(), e == null || e(p);
+  }, ...i });
+}), O = l(function({ asChild: r, ...t }, e) {
+  return c(r ? f : "optgroup", { ...t, ref: e });
+}), S = l(function({ asChild: r, ...t }, e) {
+  return c(r ? f : "option", { ...t, ref: e });
+}), a = Object.assign(u, {
+  Option: S,
+  Optgroup: O
+});
+a.Option.displayName = "Select.Option";
+a.Optgroup.displayName = "Select.Optgroup";
+const N = ({ size: o = "md", color: r, children: t, ...e }) => /* @__PURE__ */ c(a, { "data-color": r, "data-size": o, ...e, children: t });
+export {
+  N as Select
+};

package/dist/components/Forms/SelectField.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Select as e } from "./Select.js";
+import { FieldBase as p } from "./FieldBase.js";
+const S = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(e, { ...i, size: r, children: m }) });
+export {
+  S as SelectField
+};

package/dist/components/Forms/Switch.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Field as e } from "./Field.js";
+import { Label as c } from "./Label.js";
+import { Input as h } from "./Input.js";
+const b = ({ size: t, color: i, label: r, ...m }) => /* @__PURE__ */ p(e, { size: t, color: i, children: [
+  /* @__PURE__ */ o(h, { ...m, type: "checkbox", role: "switch" }),
+  !!r && /* @__PURE__ */ o(c, { children: r })
+] });
+export {
+  b as Switch
+};