enefit-design-system 0.9.2-ds.0 → 0.9.2-ds.3

package/dist/Accordion/Accordion.js

@@ -36,6 +36,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";
@@ -99,7 +100,7 @@ import "../FileUpload/FileUpload.js";
 import "../FormFields/FormFields.js";
 import { useId as N } from "../external/@react-aria/utils/dist/useId.js";
 import { usePress as k } from "../external/@react-aria/interactions/dist/usePress.js";
-const jr = (v) => {
+const Dr = (v) => {
   const m = q(T), { mode: u, selectedKeys: e, setSelectedKeys: a } = m ?? {}, {
     id: r = "",
     title: C,
@@ -181,5 +182,5 @@ const jr = (v) => {
   ] });
 };
 export {
-  jr as default
+  Dr as default
 };

package/dist/Autocomplete/Autocomplete.js

@@ -35,6 +35,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";
@@ -101,7 +102,7 @@ import { useFilter as H } from "../external/@react-aria/i18n/dist/useFilter.js";
 import { useComboBoxState as J } from "../external/@react-stately/combobox/dist/useComboBoxState.js";
 import { useComboBox as Q } from "../external/@react-aria/combobox/dist/useComboBox.js";
 import { useButton as U } from "../external/@react-aria/button/dist/useButton.js";
-const qe = (e) => {
+const Ge = (e) => {
   const { contains: S } = H({ sensitivity: "base" }), o = J({ ...e, defaultFilter: S }), m = r(null), c = r(null), d = r(null), u = r(null), f = r(null), R = r(null), { isNonModal: y = !0, isDisabled: B = !1 } = e, {
     descriptionProps: b,
     inputProps: C,
@@ -253,5 +254,5 @@ const qe = (e) => {
   ] });
 };
 export {
-  qe as default
+  Ge as default
 };

package/dist/Badge/Badge.js

@@ -39,6 +39,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/Calendar/CalendarHeader.js

@@ -36,6 +36,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";
@@ -98,7 +99,7 @@ import "../Card/CardFooter.js";
 import "../FileUpload/FileUpload.js";
 import "../FormFields/FormFields.js";
 /* empty css             */
-const tt = ({
+const it = ({
   title: i,
   prevButtonProps: o,
   nextButtonProps: m
@@ -148,5 +149,5 @@ const tt = ({
   )
 ] });
 export {
-  tt as default
+  it as default
 };

package/dist/Calendar/Day/CalendarCell.js

@@ -35,6 +35,7 @@ import "../../DsCheckbox/DsCheckbox.js";
 import "../../DsChoice/DsChoice.js";
 import "../../DsForm/DsForm.js";
 import "../../DsForm/DsFormContext.js";
+import "../../utils/dsValidate.js";
 import "../../DsInput/DsInput.js";
 import "../../DsInputDate/DsInputDate.js";
 import "../../DsInputFile/DsInputFile.js";
@@ -99,7 +100,7 @@ import "../../FormFields/FormFields.js";
 /* empty css                 */
 import { today as $, getLocalTimeZone as x } from "../../external/@internationalized/date/dist/queries.js";
 import { useCalendarCell as g } from "../../external/@react-aria/calendar/dist/useCalendarCell.js";
-const nt = ({ state: i, date: t }) => {
+const dt = ({ state: i, date: t }) => {
   const o = f(null), {
     cellProps: m,
     buttonProps: p,
@@ -134,5 +135,5 @@ const nt = ({ state: i, date: t }) => {
   ) });
 };
 export {
-  nt as default
+  dt as default
 };

package/dist/Calendar/Day/CalendarGrid.js

@@ -36,6 +36,7 @@ import "../../DsCheckbox/DsCheckbox.js";
 import "../../DsChoice/DsChoice.js";
 import "../../DsForm/DsForm.js";
 import "../../DsForm/DsFormContext.js";
+import "../../utils/dsValidate.js";
 import "../../DsInput/DsInput.js";
 import "../../DsInputDate/DsInputDate.js";
 import "../../DsInputFile/DsInputFile.js";
@@ -101,7 +102,7 @@ import g from "./CalendarCell.js";
 /* empty css                 */
 import { useLocale as _ } from "../../external/@react-aria/i18n/dist/context.js";
 import { useCalendarGrid as u } from "../../external/@react-aria/calendar/dist/useCalendarGrid.js";
-const ft = ({ state: o, ...e }) => {
+const ht = ({ state: o, ...e }) => {
   const { locale: a } = _(), { gridProps: s, headerProps: l, weekDays: d } = u(e, o), n = h(o.visibleRange.start, a);
   return /* @__PURE__ */ f("table", { ...s, className: "eds-calendargrid__table", children: [
     /* @__PURE__ */ r("thead", { ...l, children: /* @__PURE__ */ r("tr", { className: "eds-calendargrid__row", children: d.map((t, i) => /* @__PURE__ */ r("th", { className: "eds-calendargrid__cell", children: /* @__PURE__ */ r(
@@ -140,5 +141,5 @@ const ft = ({ state: o, ...e }) => {
   ] });
 };
 export {
-  ft as default
+  ht as default
 };

package/dist/Calendar/Month/MonthCell.js

@@ -36,6 +36,7 @@ import "../../DsCheckbox/DsCheckbox.js";
 import "../../DsChoice/DsChoice.js";
 import "../../DsForm/DsForm.js";
 import "../../DsForm/DsFormContext.js";
+import "../../utils/dsValidate.js";
 import "../../DsInput/DsInput.js";
 import "../../DsInputDate/DsInputDate.js";
 import "../../DsInputFile/DsInputFile.js";
@@ -101,7 +102,7 @@ import { isPeriodUnavailable as C, focusCell as m } from "../_utils/calendarUtil
 /* empty css              */
 import { useCalendarCell as A } from "../../external/@react-aria/calendar/dist/useCalendarCell.js";
 import { mergeProps as L } from "../../external/@react-aria/utils/dist/mergeProps.js";
-const yr = ({
+const Cr = ({
   monthNumber: i,
   monthName: s,
   state: o,
@@ -169,5 +170,5 @@ const yr = ({
   ) });
 };
 export {
-  yr as default
+  Cr as default
 };

package/dist/Calendar/Year/YearCell.js

@@ -35,6 +35,7 @@ import "../../DsCheckbox/DsCheckbox.js";
 import "../../DsChoice/DsChoice.js";
 import "../../DsForm/DsForm.js";
 import "../../DsForm/DsFormContext.js";
+import "../../utils/dsValidate.js";
 import "../../DsInput/DsInput.js";
 import "../../DsInputDate/DsInputDate.js";
 import "../../DsInputFile/DsInputFile.js";
@@ -102,7 +103,7 @@ import { today as y, getLocalTimeZone as F } from "../../external/@international
 import { isPeriodUnavailable as Y, focusCell as v } from "../_utils/calendarUtils.js";
 import { useCalendarCell as L } from "../../external/@react-aria/calendar/dist/useCalendarCell.js";
 import { mergeProps as N } from "../../external/@react-aria/utils/dist/mergeProps.js";
-const Yo = ({
+const vo = ({
   year: t,
   state: o,
   onChange: d,
@@ -169,5 +170,5 @@ const Yo = ({
   ) });
 };
 export {
-  Yo as default
+  vo as default
 };

package/dist/Checkbox/Checkbox.js

@@ -39,6 +39,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -34,6 +34,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/Choice/Choice.js

@@ -38,6 +38,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/ChoiceCard/ChoiceCard.js

@@ -37,6 +37,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/DatePicker/DatePicker.js

@@ -36,6 +36,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/DatePicker/DatePickerSegment.js

@@ -35,6 +35,7 @@ import "../DsCheckbox/DsCheckbox.js";
 import "../DsChoice/DsChoice.js";
 import "../DsForm/DsForm.js";
 import "../DsForm/DsFormContext.js";
+import "../utils/dsValidate.js";
 import "../DsInput/DsInput.js";
 import "../DsInputDate/DsInputDate.js";
 import "../DsInputFile/DsInputFile.js";

package/dist/DsCheckbox/DsCheckbox.js

@@ -1,188 +1,168 @@
 "use client";
-import { jsxs as U, jsx as n } from "react/jsx-runtime";
-import { createContext as W, forwardRef as X, useContext as Y, useEffect as F, useState as H, useRef as Z, useMemo as ee } from "react";
-import { DsInputLabel as K } from "../DsInputLabel/DsInputLabel.js";
-import { DsInputMessages as M } from "../DsInputMessages/DsInputMessages.js";
-import { useDsInputIds as O } from "../utils/dsInputs.js";
-import { DsIcon as J } from "../DsIcon/DsIcon.js";
-import { cn as G } from "../utils/dsClass.js";
-import { useDsForwardedRef as re } from "../utils/dsForwardedRef.js";
-import { useDsValidate as ne, useDsFieldContext as se } from "../utils/dsValidate.js";
+import { jsxs as B, jsx as s } from "react/jsx-runtime";
+import { createContext as W, forwardRef as X, useContext as Y, useEffect as $, useState as Z, useRef as O, useMemo as ee } from "react";
+import { DsInputLabel as H } from "../DsInputLabel/DsInputLabel.js";
+import { DsInputMessages as J } from "../DsInputMessages/DsInputMessages.js";
+import { useDsInputIds as K } from "../utils/dsInputs.js";
+import { DsIcon as P } from "../DsIcon/DsIcon.js";
+import { cn as V } from "../utils/dsClass.js";
+import { useDsForwardedRef as se } from "../utils/dsForwardedRef.js";
+import { useDsValidate as oe, useDsFieldContext as re, useDsGroupValidate as ne } from "../utils/dsValidate.js";
 /* empty css               */
-const Q = W(null), oe = X(function({
-  label: D,
-  description: _,
-  errorMessage: l,
-  errorMessages: C,
-  validate: g,
-  required: c,
-  disabled: y,
-  readOnly: a,
-  size: E,
-  className: N = "",
-  id: L,
-  name: q,
-  value: u,
-  checked: T,
-  defaultChecked: R,
-  onChange: B,
-  indeterminate: m = !1,
-  ...t
-}, V) {
-  const s = Y(Q), h = c ?? s?.required, b = y ?? s?.disabled, i = q ?? s?.name, w = E ?? s?.size ?? "default", { id: p, errorId: z, descriptionId: v } = O(L), I = re(V);
-  F(() => {
-    I.current && (I.current.indeterminate = m);
-  }, [m]);
-  const o = s != null, x = o && u != null ? s?.value?.includes(u) ?? !1 : T, P = ne(I, {
-    errorMessage: typeof l == "string" ? l : void 0,
-    errorMessages: C,
-    validate: g,
-    enabled: !o
-  }), S = l != null && l !== "" ? l : void 0, e = o ? S : S ?? P.error ?? void 0, r = e != null && e !== "", f = G(
+const M = W(null), te = X(function({
+  label: C,
+  description: g,
+  errorMessage: d,
+  errorMessages: p,
+  validate: x,
+  required: t,
+  disabled: v,
+  readOnly: l,
+  size: y,
+  className: D = "",
+  id: w,
+  name: _,
+  value: a,
+  checked: z,
+  defaultChecked: I,
+  onChange: G,
+  indeterminate: h = !1,
+  ...i
+}, E) {
+  const o = Y(M), u = t ?? o?.required, f = v ?? o?.disabled, k = _ ?? o?.name, N = y ?? o?.size ?? "default", { id: q, errorId: m, descriptionId: S } = K(w), c = se(E);
+  $(() => {
+    c.current && (c.current.indeterminate = h);
+  }, [h]);
+  const r = o != null, R = r && a != null ? o?.value?.includes(a) ?? !1 : z, F = oe(c, {
+    errorMessage: typeof d == "string" ? d : void 0,
+    errorMessages: p,
+    validate: x,
+    enabled: !r
+  }), e = d != null && d !== "" ? d : void 0, n = r ? e : e ?? F.error ?? void 0, b = n != null && n !== "", j = V(
     "ds-checkbox",
-    `ds-checkbox--${w}`,
-    b && "ds-checkbox--disabled",
-    r && "ds-checkbox--error",
-    m && "ds-checkbox--indeterminate",
-    N
-  ), d = G(r && z, _ && v) || void 0, A = o ? void 0 : h;
-  return /* @__PURE__ */ U("div", { className: f, children: [
-    /* @__PURE__ */ U("label", { className: "ds-checkbox__row", htmlFor: p, children: [
-      /* @__PURE__ */ n(
+    `ds-checkbox--${N}`,
+    f && "ds-checkbox--disabled",
+    b && "ds-checkbox--error",
+    h && "ds-checkbox--indeterminate",
+    D
+  ), Q = V(b && m, g && S) || void 0, U = r ? void 0 : u;
+  return /* @__PURE__ */ B("div", { className: j, children: [
+    /* @__PURE__ */ B("label", { className: "ds-checkbox__row", htmlFor: q, children: [
+      /* @__PURE__ */ s(
         "input",
         {
-          ...t,
-          ref: I,
-          id: p,
+          ...i,
+          ref: c,
+          id: q,
           type: "checkbox",
-          name: i,
-          value: u,
-          checked: x,
-          defaultChecked: x == null ? R : void 0,
-          required: A,
-          disabled: b,
-          readOnly: a,
-          "aria-invalid": r || void 0,
-          "aria-required": h || void 0,
-          "aria-describedby": d,
+          name: k,
+          value: a,
+          checked: R,
+          defaultChecked: R == null ? I : void 0,
+          required: U,
+          disabled: f,
+          readOnly: l,
+          "aria-invalid": b || void 0,
+          "aria-required": u || void 0,
+          "aria-describedby": Q,
           className: "ds-checkbox__input",
-          onChange: (k) => {
-            const j = k.currentTarget.checked;
-            o && u != null && s?.onItemChange?.(u, j), B?.(j, k);
+          onChange: (A) => {
+            const L = A.currentTarget.checked;
+            r && a != null && o?.onItemChange?.(a, L), G?.(L, A);
           }
         }
       ),
-      /* @__PURE__ */ n("span", { className: "ds-checkbox__box", "aria-hidden": "true", children: m ? /* @__PURE__ */ n("span", { className: "ds-checkbox__indeterminate", children: /* @__PURE__ */ n(J, { icon: "minus", size: "small", "aria-hidden": "true" }) }) : /* @__PURE__ */ n("span", { className: "ds-checkbox__check", children: /* @__PURE__ */ n(J, { icon: "check", size: "small", "aria-hidden": "true" }) }) }),
-      /* @__PURE__ */ n(
-        K,
+      /* @__PURE__ */ s("span", { className: "ds-checkbox__box", "aria-hidden": "true", children: h ? /* @__PURE__ */ s("span", { className: "ds-checkbox__indeterminate", children: /* @__PURE__ */ s(P, { icon: "minus", size: "small", "aria-hidden": "true" }) }) : /* @__PURE__ */ s("span", { className: "ds-checkbox__check", children: /* @__PURE__ */ s(P, { icon: "check", size: "small", "aria-hidden": "true" }) }) }),
+      /* @__PURE__ */ s(
+        H,
         {
           as: "span",
-          required: o ? void 0 : h,
-          readOnly: a,
+          required: r ? void 0 : u,
+          readOnly: l,
           layout: "inline",
           className: "ds-checkbox__label",
-          size: w,
-          children: D
+          size: N,
+          children: C
         }
       )
     ] }),
-    /* @__PURE__ */ n(
-      M,
+    /* @__PURE__ */ s(
+      J,
       {
-        errorMessage: e,
-        description: _,
-        errorId: z,
-        descriptionId: v
+        errorMessage: n,
+        description: g,
+        errorId: m,
+        descriptionId: S
       }
     )
   ] });
 });
-function be({
-  name: $,
-  value: D,
-  defaultValue: _,
-  onChange: l,
-  label: C,
-  description: g,
-  errorMessage: c,
-  errorMessages: y,
-  required: a,
-  disabled: E,
-  size: N,
-  className: L = "",
-  items: q,
-  children: u,
-  optionalLabel: T
+function pe({
+  name: T,
+  value: C,
+  defaultValue: g,
+  onChange: d,
+  label: p,
+  description: x,
+  errorMessage: t,
+  errorMessages: v,
+  required: l,
+  disabled: y,
+  size: D,
+  className: w = "",
+  items: _,
+  children: a,
+  optionalLabel: z
 }) {
-  const R = D !== void 0, [B, m] = H(
-    _ ?? []
-  ), t = R ? D : B, { errorId: V, descriptionId: s } = O(), h = Z(null), b = se(), i = ee(
-    () => b.errorMessages || y ? { ...b.errorMessages, ...y } : void 0,
-    [b.errorMessages, y]
-  ), [w, p] = H(""), z = (e, r) => {
-    const f = r ? Array.from(/* @__PURE__ */ new Set([...t, e])) : t.filter((d) => d !== e);
-    R || m(f), l?.(f);
-  }, v = typeof c == "string" && c !== "" ? c : void 0;
-  F(() => {
-    const e = h.current;
+  const I = C !== void 0, [G, h] = Z(
+    g ?? []
+  ), i = I ? C : G, { errorId: E, descriptionId: o } = K(), u = O(null), f = re(), k = ee(
+    () => f.errorMessages || v ? { ...f.errorMessages, ...v } : void 0,
+    [f.errorMessages, v]
+  ), N = ne({
+    fieldsetRef: u,
+    errorMessages: k,
+    isEmpty: i.length === 0
+  }), q = (e, n) => {
+    const b = n ? Array.from(/* @__PURE__ */ new Set([...i, e])) : i.filter((j) => j !== e);
+    I || h(b), d?.(b);
+  }, m = typeof t == "string" && t !== "" ? t : void 0;
+  $(() => {
+    const e = u.current;
     if (!e) return;
-    const r = e.querySelector(
+    const n = e.querySelector(
       'input[type="checkbox"]'
     );
-    r && (v ? r.setCustomValidity(v) : a && t.length === 0 ? r.setCustomValidity(
-      i?.valueMissing || "This field is required"
-    ) : r.setCustomValidity(""));
-  }, [a, t.length, v, i]), F(() => {
-    const e = h.current;
-    if (!e) return;
-    const r = (f) => {
-      f.preventDefault();
-      const d = f.target;
-      if (d.tagName !== "INPUT" || d.type !== "checkbox") return;
-      const A = d.validity;
-      if (i) {
-        const k = Object.keys(i).find(
-          (j) => A[j]
-        );
-        if (k && i[k]) {
-          p(i[k]);
-          return;
-        }
-      }
-      p(d.validationMessage);
-    };
-    return e.addEventListener("invalid", r, !0), () => {
-      e.removeEventListener("invalid", r, !0);
-    };
-  }, [i]), F(() => {
-    t.length > 0 && p("");
-  }, [t.length]);
-  const o = (c != null && c !== "" ? c : void 0) ?? (w || void 0), x = o != null && o !== "", P = g != null && g !== "", S = G(x && V, P && s) || void 0;
-  return /* @__PURE__ */ U(
+    n && (m ? n.setCustomValidity(m) : l && i.length === 0 ? n.setCustomValidity(
+      k?.valueMissing || "This field is required"
+    ) : n.setCustomValidity(""));
+  }, [l, i.length, m, k]);
+  const c = (t != null && t !== "" ? t : void 0) ?? (N || void 0), r = c != null && c !== "", R = x != null && x !== "", F = V(r && E, R && o) || void 0;
+  return /* @__PURE__ */ B(
     "fieldset",
     {
-      ref: h,
-      className: G("ds-checkbox-group", x && "ds-checkbox-group--error", L),
-      disabled: E || void 0,
-      "aria-describedby": S,
-      "aria-invalid": x || void 0,
+      ref: u,
+      className: V("ds-checkbox-group", r && "ds-checkbox-group--error", w),
+      disabled: y || void 0,
+      "aria-describedby": F,
+      "aria-invalid": r || void 0,
       children: [
-        C != null && C !== "" ? /* @__PURE__ */ n(
-          K,
+        p != null && p !== "" ? /* @__PURE__ */ s(
+          H,
           {
             as: "legend",
-            required: a,
-            optionalLabel: T,
-            size: N,
-            children: C
+            required: l,
+            optionalLabel: z,
+            size: D,
+            children: p
           }
         ) : null,
-        /* @__PURE__ */ n(
-          Q.Provider,
+        /* @__PURE__ */ s(
+          M.Provider,
           {
-            value: { name: $, value: t, onItemChange: z, disabled: E, required: a, size: N },
-            children: /* @__PURE__ */ n("div", { className: "ds-checkbox-group__items", children: q ? q.map((e) => /* @__PURE__ */ n(
-              oe,
+            value: { name: T, value: i, onItemChange: q, disabled: y, required: l, size: D },
+            children: /* @__PURE__ */ s("div", { className: "ds-checkbox-group__items", children: _ ? _.map((e) => /* @__PURE__ */ s(
+              te,
               {
                 value: e.value,
                 label: e.label,
@@ -190,16 +170,16 @@ function be({
                 disabled: e.disabled
               },
               e.value
-            )) : u })
+            )) : a })
           }
         ),
-        /* @__PURE__ */ n(
-          M,
+        /* @__PURE__ */ s(
+          J,
           {
-            errorMessage: o,
-            description: g,
-            errorId: V,
-            descriptionId: s
+            errorMessage: c,
+            description: x,
+            errorId: E,
+            descriptionId: o
           }
         )
       ]
@@ -207,7 +187,7 @@ function be({
   );
 }
 export {
-  oe as DsCheckbox,
-  be as DsCheckboxGroup,
-  oe as default
+  te as DsCheckbox,
+  pe as DsCheckboxGroup,
+  te as default
 };