@stihl-design-system/components 1.0.0-RC.1 → 1.0.0-RC.11

package/assets/text.DxKFcfY6.css

@@ -0,0 +1 @@
+._root_112bt_76{margin:0;padding:0;border:none;color:#252525}._root--large_112bt_82{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1.25rem;line-height:1.6;font-size-adjust:.414}._root--large-bold_112bt_94{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1.25rem;line-height:1.6;font-size-adjust:.426}._root--medium_112bt_106{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414}._root--medium-bold_112bt_118{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.426}._root--small_112bt_130{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}._root--small-bold_112bt_142{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.426}._root--x-small_112bt_154{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.414}._root--x-small-bold_112bt_166{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}._root--xx-small_112bt_178{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.625rem;line-height:1.6;font-size-adjust:.414}._root_112bt_76 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(._root_112bt_76 a:not([class]))[href^="http://"]:after,:where(._root_112bt_76 a:not([class]))[href^="https://"]:after,:where(._root_112bt_76 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}._root_112bt_76 a:not([class]){color:#252525}._root_112bt_76 a:not([class]):link,._root_112bt_76 a:not([class]):visited{color:#252525}._root_112bt_76 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){._root_112bt_76 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){._root_112bt_76 a:not([class]):hover{background-color:Canvas}}._root_112bt_76 a:not([class])[href^="http://"]:after,._root_112bt_76 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}._root_112bt_76 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}._root_112bt_76 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_112bt_76 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_112bt_76 a:not([class]):focus{outline:revert;outline-offset:revert}._root_112bt_76 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_112bt_76 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_112bt_76 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_112bt_76 a:not([class]){transition-duration:0ms}}._root--theme-dark_112bt_275{color:#fff}._root--theme-dark_112bt_275 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(._root--theme-dark_112bt_275 a:not([class]))[href^="http://"]:after,:where(._root--theme-dark_112bt_275 a:not([class]))[href^="https://"]:after,:where(._root--theme-dark_112bt_275 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}._root--theme-dark_112bt_275 a:not([class]){color:#fff}._root--theme-dark_112bt_275 a:not([class]):link,._root--theme-dark_112bt_275 a:not([class]):visited{color:#fff}._root--theme-dark_112bt_275 a:not([class]):active{background-color:#ffffff26;color:#fff}@media (hover: hover){._root--theme-dark_112bt_275 a:not([class]):hover{background-color:#ffffff26;color:#fff}}@media screen and (hover: hover) and (forced-colors: active){._root--theme-dark_112bt_275 a:not([class]):hover{background-color:Canvas}}._root--theme-dark_112bt_275 a:not([class])[href^="http://"]:after,._root--theme-dark_112bt_275 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}._root--theme-dark_112bt_275 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}._root--theme-dark_112bt_275 a:not([class]):focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--theme-dark_112bt_275 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--theme-dark_112bt_275 a:not([class]):focus{outline:revert;outline-offset:revert}._root--theme-dark_112bt_275 a:not([class]):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--theme-dark_112bt_275 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--theme-dark_112bt_275 a:not([class]){transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--theme-dark_112bt_275 a:not([class]){transition-duration:0ms}}

package/assets/title.f74Bosn-.css

@@ -0,0 +1 @@
+._root_1lq13_76{color:#252525}._root--x-large-uppercase_1lq13_79{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.625rem;line-height:1.2;font-size-adjust:cap-height .68;text-transform:uppercase}@media (min-width: 1024px){._root--x-large-uppercase_1lq13_79{font-size:1.875rem;line-height:1.25}}._root--large-uppercase_1lq13_96{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.375rem;line-height:1.25;font-size-adjust:cap-height .68;text-transform:uppercase}@media (min-width: 1024px){._root--large-uppercase_1lq13_96{font-size:1.625rem;line-height:1.2}}._root--theme-dark_1lq13_113{color:#fff}._root_1lq13_76>._dash_1lq13_116{display:block;text-transform:none}

package/asterisk.DDn-yX4P.js

@@ -0,0 +1,8 @@
+"use client";
+import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
+import './assets/asterisk.DlJ4YtSZ.css';const s = "_root_1j0kw_76", t = {
+  root: s
+}, e = () => /* @__PURE__ */ o.jsx("span", { className: t.root, "aria-hidden": "true", children: "*" });
+export {
+  e as Asterisk
+};

package/asterisk.d.ts

@@ -1 +1,2 @@
 export * from './components/Asterisk/Asterisk'
+export {}

package/button.C5opEJ6x.js

@@ -0,0 +1,135 @@
+"use client";
+import { j as _ } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as a } from "./chunks/index.CvOaL64Y.js";
+import { u as e } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { D as I } from "./chunks/Icon.C2o2seDb.js";
+import { DSSpinner as F } from "./spinner.D-xrotcu.js";
+import './assets/button.C9_ejpGG.css';const S = "_root_1b5zu_151", x = "_root--highlight_1b5zu_228", j = "_root--dark-highlight_1b5zu_228", L = "_root--filled_1b5zu_306", C = "_root--outline_1b5zu_334", N = "_root--ghost_1b5zu_361", B = "_root--ghost-flush_1b5zu_386", E = "_root--small_1b5zu_392", R = "_root--dark-filled_1b5zu_474", T = "_root--dark-outline_1b5zu_533", V = "_root--dark-ghost_1b5zu_591", q = "_root--dark-ghost-flush_1b5zu_647", w = "_root--icon-left_1b5zu_711", A = "_root--icon-only_1b5zu_727", J = "_root--icon-only-small_1b5zu_736", K = "_loader_1b5zu_751", M = "_icon--hidden_1b5zu_763", P = "_label--hidden_1b5zu_767", Q = "_label--loading_1b5zu_779", o = {
+  root: S,
+  "root--highlight": "_root--highlight_1b5zu_228",
+  rootHighlight: x,
+  "root--dark-highlight": "_root--dark-highlight_1b5zu_228",
+  rootDarkHighlight: j,
+  "root--filled": "_root--filled_1b5zu_306",
+  rootFilled: L,
+  "root--outline": "_root--outline_1b5zu_334",
+  rootOutline: C,
+  "root--ghost": "_root--ghost_1b5zu_361",
+  rootGhost: N,
+  "root--ghost-flush": "_root--ghost-flush_1b5zu_386",
+  rootGhostFlush: B,
+  "root--small": "_root--small_1b5zu_392",
+  rootSmall: E,
+  "root--dark-filled": "_root--dark-filled_1b5zu_474",
+  rootDarkFilled: R,
+  "root--dark-outline": "_root--dark-outline_1b5zu_533",
+  rootDarkOutline: T,
+  "root--dark-ghost": "_root--dark-ghost_1b5zu_591",
+  rootDarkGhost: V,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_1b5zu_647",
+  rootDarkGhostFlush: q,
+  "root--icon-left": "_root--icon-left_1b5zu_711",
+  rootIconLeft: w,
+  "root--icon-only": "_root--icon-only_1b5zu_727",
+  rootIconOnly: A,
+  "root--icon-only-small": "_root--icon-only-small_1b5zu_736",
+  rootIconOnlySmall: J,
+  loader: K,
+  "icon--hidden": "_icon--hidden_1b5zu_763",
+  iconHidden: M,
+  "label--hidden": "_label--hidden_1b5zu_767",
+  labelHidden: P,
+  "label--loading": "_label--loading_1b5zu_779",
+  labelLoading: Q
+}, $ = ({
+  children: g,
+  aria: k,
+  className: f,
+  dataTrackingid: z,
+  disabled: h = !1,
+  hideLabel: i = !1,
+  iconName: u,
+  iconPosition: m = "left",
+  iconSource: d,
+  isFlush: s = !1,
+  loading: r = !1,
+  size: n = "medium",
+  theme: l = "light",
+  variant: t = "filled",
+  onClick: c,
+  ...D
+}) => {
+  const y = a(o.root, f, {
+    // variant
+    [o.rootFilled]: t === "filled",
+    [o.rootHighlight]: t === "highlight",
+    [o.rootOutline]: t === "outline",
+    [o.rootGhost]: t === "ghost" && s !== !0,
+    // isFlush
+    [o.rootGhostFlush]: t === "ghost" && s === !0,
+    // dark theme
+    [o.rootDarkFilled]: l === "dark" && t === "filled",
+    [o.rootDarkHighlight]: l === "dark" && t === "highlight",
+    [o.rootDarkOutline]: l === "dark" && t === "outline",
+    [o.rootDarkGhost]: l === "dark" && t === "ghost" && s !== !0,
+    // dark isFlush
+    [o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && s === !0,
+    // size
+    [o.rootSmall]: n === "small",
+    // icon position
+    [o.rootIconLeft]: m === "left",
+    // icon only
+    [o.rootIconOnly]: e(i) && n === "medium",
+    [o.rootIconOnlySmall]: e(i) && n === "small"
+  }), O = a(o.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: e(i),
+    // set label opacity to 0 when loading to prevent button size from changing
+    [o.labelLoading]: r
+  }), p = a(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: r
+  }), G = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", H = (b) => {
+    if (h || r) {
+      b.preventDefault();
+      return;
+    }
+    c && c(b);
+  };
+  return /* @__PURE__ */ _.jsxs(
+    "button",
+    {
+      className: y,
+      "data-trackingid": z,
+      type: "submit",
+      onClick: H,
+      ...k,
+      ...D,
+      "aria-disabled": h || r,
+      "aria-busy": r,
+      children: [
+        r && /* @__PURE__ */ _.jsx(
+          F,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ _.jsx("span", { className: O, children: g }),
+        (u || d) && /* @__PURE__ */ _.jsx(
+          I,
+          {
+            name: u,
+            theme: G,
+            source: d,
+            className: p,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as DSButton
+};

package/button.d.ts

@@ -1 +1,2 @@
 export * from './components/Button/Button'
+export {}

package/buttonround.CUoqRyy0.js

@@ -0,0 +1,118 @@
+"use client";
+import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as _ } from "./chunks/index.CvOaL64Y.js";
+import { D as H } from "./chunks/Icon.C2o2seDb.js";
+import { DSSpinner as p } from "./spinner.D-xrotcu.js";
+import './assets/buttonround.DTCqRP-0.css';const F = "_root_15iy5_151", O = "_root--highlight_15iy5_228", G = "_root--dark-highlight_15iy5_228", I = "_root--filled_15iy5_306", S = "_root--outline_15iy5_334", x = "_root--ghost_15iy5_361", j = "_root--ghost-flush_15iy5_386", L = "_root--small_15iy5_392", C = "_root--dark-filled_15iy5_474", N = "_root--dark-outline_15iy5_533", R = "_root--dark-ghost_15iy5_591", B = "_root--dark-ghost-flush_15iy5_647", E = "_root--icon-left_15iy5_711", T = "_root--icon-only_15iy5_727", q = "_root--icon-only-small_15iy5_736", w = "_loader_15iy5_753", z = "_icon--hidden_15iy5_765", A = "_label--hidden_15iy5_769", J = "_label--loading_15iy5_781", o = {
+  root: F,
+  "root--highlight": "_root--highlight_15iy5_228",
+  rootHighlight: O,
+  "root--dark-highlight": "_root--dark-highlight_15iy5_228",
+  rootDarkHighlight: G,
+  "root--filled": "_root--filled_15iy5_306",
+  rootFilled: I,
+  "root--outline": "_root--outline_15iy5_334",
+  rootOutline: S,
+  "root--ghost": "_root--ghost_15iy5_361",
+  rootGhost: x,
+  "root--ghost-flush": "_root--ghost-flush_15iy5_386",
+  rootGhostFlush: j,
+  "root--small": "_root--small_15iy5_392",
+  rootSmall: L,
+  "root--dark-filled": "_root--dark-filled_15iy5_474",
+  rootDarkFilled: C,
+  "root--dark-outline": "_root--dark-outline_15iy5_533",
+  rootDarkOutline: N,
+  "root--dark-ghost": "_root--dark-ghost_15iy5_591",
+  rootDarkGhost: R,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_15iy5_647",
+  rootDarkGhostFlush: B,
+  "root--icon-left": "_root--icon-left_15iy5_711",
+  rootIconLeft: E,
+  "root--icon-only": "_root--icon-only_15iy5_727",
+  rootIconOnly: T,
+  "root--icon-only-small": "_root--icon-only-small_15iy5_736",
+  rootIconOnlySmall: q,
+  loader: w,
+  "icon--hidden": "_icon--hidden_15iy5_765",
+  iconHidden: z,
+  "label--hidden": "_label--hidden_15iy5_769",
+  labelHidden: A,
+  "label--loading": "_label--loading_15iy5_781",
+  labelLoading: J
+}, U = ({
+  children: d,
+  aria: c,
+  className: y,
+  dataTrackingid: g,
+  disabled: n = !1,
+  iconName: s = "placeholder",
+  iconSource: a,
+  loading: t = !1,
+  theme: r = "light",
+  variant: l = "filled",
+  onClick: e,
+  ...k
+}) => {
+  const u = _(
+    o.root,
+    o.rootIconOnlySmall,
+    y,
+    {
+      // variant
+      [o.rootFilled]: l === "filled",
+      [o.rootHighlight]: l === "highlight",
+      // dark theme
+      [o.rootDarkFilled]: r === "dark" && l === "filled",
+      [o.rootDarkHighlight]: r === "dark" && l === "highlight"
+    }
+  ), f = _(o.label, o.labelHidden, {
+    // set label opacity to 0 when loading to prevent button size from changing
+    [o.labelLoading]: t
+  }), m = _(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: t
+  }), b = r === "light" && l === "filled" ? "dark" : "light", D = (h) => {
+    if (n || t) {
+      h.preventDefault();
+      return;
+    }
+    e && e(h);
+  };
+  return /* @__PURE__ */ i.jsxs(
+    "button",
+    {
+      className: u,
+      "data-trackingid": g,
+      type: "button",
+      onClick: D,
+      ...c,
+      ...k,
+      "aria-disabled": n || t,
+      "aria-busy": t,
+      children: [
+        t && /* @__PURE__ */ i.jsx(
+          p,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ i.jsx("span", { className: f, children: d }),
+        (s || a) && /* @__PURE__ */ i.jsx(
+          H,
+          {
+            name: s,
+            theme: b,
+            source: a,
+            className: m,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  U as DSButtonRound
+};

package/buttonround.d.ts

@@ -1 +1,2 @@
 export * from './components/ButtonRound/ButtonRound'
+export {}

package/checkbox.DETR3e3X.js

@@ -0,0 +1,112 @@
+"use client";
+import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as r } from "./chunks/index.CvOaL64Y.js";
+import { forwardRef as S, useRef as y, useState as I, useEffect as H, useCallback as M } from "react";
+import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { D as _ } from "./chunks/Icon.C2o2seDb.js";
+import { DSSystemFeedback as B } from "./systemfeedback.ZzRUAVYX.js";
+import './assets/checkbox.K4CVYK9g.css';const E = "_checkbox-root_rwkfx_151", V = "_checkbox-root--disabled_rwkfx_172", L = "_checkbox_rwkfx_151", O = "_icon-check_rwkfx_192", P = "_icon-minus_rwkfx_193", U = "_checkbox--invalid_rwkfx_217", q = "_label--hidden_rwkfx_222", z = "_input_rwkfx_235", A = "_label_rwkfx_222", F = "_feedback_rwkfx_349", c = {
+  "checkbox-root": "_checkbox-root_rwkfx_151",
+  checkboxRoot: E,
+  "checkbox-root--disabled": "_checkbox-root--disabled_rwkfx_172",
+  checkboxRootDisabled: V,
+  checkbox: L,
+  "icon-check": "_icon-check_rwkfx_192",
+  iconCheck: O,
+  "icon-minus": "_icon-minus_rwkfx_193",
+  iconMinus: P,
+  "checkbox--invalid": "_checkbox--invalid_rwkfx_217",
+  checkboxInvalid: U,
+  "label--hidden": "_label--hidden_rwkfx_222",
+  labelHidden: q,
+  input: z,
+  label: A,
+  feedback: F
+}, G = S(
+  ({
+    label: k,
+    checked: x,
+    className: d,
+    defaultChecked: f = !1,
+    disabled: s = !1,
+    hideLabel: u = !1,
+    indeterminate: h = !1,
+    invalid: i = !1,
+    systemFeedback: b,
+    onChange: l,
+    ...m
+  }, n) => {
+    const a = y(null), [p, w] = I(f), C = g(u);
+    H(() => {
+      a && a.current && (a.current.indeterminate = h);
+    }, [h]);
+    const t = x !== void 0, j = t ? x : p, D = r(c.checkboxRoot, {
+      [c.checkboxRootDisabled]: s
+    }), N = r(c.label, {
+      // hide label only visually to keep them available for assistive technologies
+      [c.labelHidden]: C
+    }), v = r(c.checkbox, {
+      [c.checkboxInvalid]: i
+    }), R = M(
+      (o) => {
+        if (s) {
+          o.preventDefault();
+          return;
+        }
+        t || w(o.target.checked), l && l(o);
+      },
+      [s, t, l]
+    );
+    return /* @__PURE__ */ e.jsxs("div", { className: d, children: [
+      /* @__PURE__ */ e.jsxs("label", { className: D, children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: c.input,
+            ref: (o) => {
+              typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
+            },
+            ...m,
+            checked: j,
+            disabled: s,
+            "aria-label": k,
+            "aria-invalid": i,
+            onChange: R
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              name: "check",
+              className: c.iconCheck,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              name: "minus",
+              className: c.iconMinus,
+              "aria-hidden": "true"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("span", { className: N, children: k })
+      ] }),
+      i && b && /* @__PURE__ */ e.jsx(
+        B,
+        {
+          className: c.feedback,
+          message: b,
+          type: "invalid"
+        }
+      )
+    ] });
+  }
+);
+G.displayName = "DSCheckbox";
+export {
+  G as DSCheckbox
+};

package/checkbox.d.ts

@@ -1 +1,2 @@
 export * from './components/Checkbox/Checkbox'
+export {}

package/checkboxgroup.BqD5IV51.js

@@ -0,0 +1,8 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "./chunks/Fieldset.C9K8BYmH.js";
+import { D as i } from "./chunks/CheckboxGroup.M3jOjhNf.js";
+export {
+  i as DSCheckboxGroup
+};

package/checkboxgroup.d.ts

@@ -1 +1,2 @@
 export * from './components/CheckboxGroup/CheckboxGroup'
+export {}

package/chip.B92ew-hk.js

@@ -0,0 +1,10 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/translate.isa3FHb8.js";
+import "./chunks/Icon.C2o2seDb.js";
+import { e as s } from "./chunks/Chip.fMG8wi5K.js";
+export {
+  s as DSChip
+};

package/chip.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ChipGroup/Chip'
+export {}

package/chipgroup.BJrqEfvr.js

@@ -0,0 +1,175 @@
+"use client";
+import { j as y } from "./chunks/jsx-runtime.C115EyI4.js";
+import { useState as S, useRef as I, useEffect as w, createElement as W } from "react";
+import { c as L } from "./chunks/index.CvOaL64Y.js";
+import { h as $, u as q } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { g as z } from "./chunks/AriaLiveRegions.utils.BGSZafnS.js";
+import { v as J, a as P, e as Q } from "./chunks/Chip.fMG8wi5K.js";
+import './assets/chipgroup.BMovtKTy.css';const X = "_label--hidden_vobaf_76", Y = "_chip-group_vobaf_89", A = {
+  "label--hidden": "_label--hidden_vobaf_76",
+  labelHidden: X,
+  "chip-group": "_chip-group_vobaf_89",
+  chipGroup: Y
+}, ne = ({
+  chips: p,
+  id: h,
+  label: D,
+  className: G,
+  hideLabel: K = !1,
+  isRemovable: r = !1,
+  lang: j = "en",
+  selectionMode: c = "single",
+  size: C = "medium",
+  translations: N,
+  onChipsChange: i,
+  ...T
+}) => {
+  process.env.NODE_ENV !== "production" && J({
+    chips: p,
+    id: h,
+    label: D
+  });
+  const [l, o] = S(null), [s, a] = S(p), E = I(null), [d, b] = S(), f = I([]);
+  w(() => {
+    a(p);
+  }, [p]), w(() => {
+    P();
+    const e = () => b("keydown"), t = () => b(null), n = () => b(null);
+    return $ && (document.addEventListener("keydown", e), document.addEventListener("mousedown", t), document.addEventListener("touchstart", n)), () => {
+      $ && (document.removeEventListener("keydown", e), document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", n));
+    };
+  }, []), w(() => {
+    var e;
+    l !== null && f.current[l] && d === "keydown" && ((e = f.current[l]) == null || e.focus());
+  }, [l]), w(() => {
+    d === "keydown" && l !== null && s.length > 0 && f.current.forEach((e, t) => {
+      e && (e.tabIndex = t === l ? 0 : -1, t === l && e.focus());
+    });
+  }, [s]);
+  const B = (e) => {
+    if (l === null) return;
+    let t = l;
+    switch (e.key) {
+      case "a":
+        (e.metaKey || e.ctrlKey) && (e.preventDefault(), F());
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        e.shiftKey && c === "multiple" && !r ? (t = l + 1 > s.length - 1 ? s.length - 1 : l + 1, l !== t ? (u(l), u(t)) : s[l].isSelected || u(l)) : (t = (l + 1) % s.length, e.preventDefault());
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        e.shiftKey && c === "multiple" && !r ? (t = l - 1 < 0 ? 0 : l - 1, l !== t ? (u(l), u(t)) : s[0].isSelected || u(0)) : (t = (l - 1 + s.length) % s.length, e.preventDefault());
+        break;
+      case "Enter":
+      case " ":
+        if (e.preventDefault(), r) {
+          k(t);
+          return;
+        } else
+          v(t);
+        break;
+      case "Backspace":
+        r && k(t), e.preventDefault();
+        return;
+      default:
+        return;
+    }
+    o(t);
+  }, F = () => {
+    if (c !== "multiple") return;
+    const e = s.map((t) => ({
+      ...t,
+      selected: !t.disabled
+    }));
+    a(e), m(`${e.length} items selected`), i && i(e);
+  }, u = (e) => {
+    if (r) return;
+    const t = [...s];
+    t[e].disabled || (t[e].isSelected = !0, m(
+      `${t[e].label} selected, ${t.filter(({ isSelected: n }) => n).length} items selected`
+    ), a(t), i && i(t));
+  }, v = (e) => {
+    if (r) return;
+    const t = [...s];
+    t[e].disabled || (c === "single" ? t.forEach((n, g) => {
+      g === e ? (n.isSelected = !n.isSelected, m(
+        `${n.label} ${n.isSelected ? "selected" : "not selected"}`
+      )) : n.isSelected = !1;
+    }) : c === "multiple" && (t[e].isSelected = !t[e].isSelected, m(
+      `${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({ isSelected: n }) => n).length} items selected`
+    )), a(t), i && i(t));
+  }, k = (e) => {
+    var g;
+    const t = s[e], n = s.filter((_, U) => U !== e);
+    if (a(n), m(
+      `${t.label} removed, ${n.length} items remaining`
+    ), d === "keydown")
+      if (n.length > 0) {
+        const _ = Math.min(e, n.length - 1);
+        o(_);
+      } else
+        (g = E.current) == null || g.focus(), o(null);
+    i && i(n);
+  }, H = (e) => {
+    r ? k(e) : s[e].disabled || v(e);
+  }, m = (e) => {
+    const t = z();
+    t && (t.innerText = e, setTimeout(() => {
+      t.innerText = "";
+    }, 350));
+  }, V = (e) => l === null || l === e ? 0 : -1, x = q(K), O = L(A.chipGroup, G);
+  return s.length === 0 ? null : /* @__PURE__ */ y.jsxs("div", { children: [
+    /* @__PURE__ */ y.jsx(
+      "div",
+      {
+        id: h,
+        className: L({
+          [A.labelHidden]: x
+        }),
+        children: D
+      }
+    ),
+    s.length > 0 && /* @__PURE__ */ y.jsx(
+      "div",
+      {
+        ref: E,
+        role: "grid",
+        "aria-labelledby": h,
+        "aria-multiselectable": c === "multiple",
+        tabIndex: -1,
+        onKeyDown: B,
+        onFocus: () => {
+          l === null ? (f.current[0].focus(), d === "keydown" && o(0)) : d === "keydown" && o(l);
+        },
+        onBlur: () => o(null),
+        className: O,
+        ...T,
+        children: s.map((e, t) => /* @__PURE__ */ W(
+          Q,
+          {
+            ...e,
+            key: `${e.id}-${t}`,
+            groupId: h,
+            tabIndex: V(t),
+            onClick: (n) => {
+              H(t), e.onClick && e.onClick(n);
+            },
+            "data-focused": l === t,
+            isRemovable: r,
+            lang: j,
+            selectionMode: c,
+            size: C,
+            translations: N,
+            ref: (n) => {
+              f.current[t] = n;
+            }
+          }
+        ))
+      }
+    )
+  ] });
+};
+export {
+  ne as DSChipGroup
+};

package/chipgroup.d.ts

@@ -0,0 +1,2 @@
+export * from './components/ChipGroup/ChipGroup'
+export {}

package/chunks/360.CfjUtgxq.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const t = ({
+  title: l,
+  titleId: c,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 16 16", focusable: "false", width: "100%", height: "100%", "aria-labelledby": c, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: c }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M11.572 5.537c.981 0 1.943-.695 1.943-2.268 0-1.574-.962-2.269-1.943-2.269s-1.944.696-1.944 2.269c0 1.572.962 2.268 1.944 2.268m0-.806c-.572 0-.995-.455-.995-1.462 0-1.008.423-1.463.995-1.463s.994.455.994 1.463c0 1.007-.422 1.462-.994 1.462", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M5.127 4.023c0 .994-.748 1.514-1.677 1.514-.82 0-1.495-.436-1.762-1.04l.78-.403c.156.305.436.617.943.617.474 0 .786-.299.786-.734 0-.442-.338-.721-.91-.721-.312 0-.52.065-.637.11l-.045-.071.897-1.203c.09-.117.22-.254.22-.254s-.194.02-.35.02H2.098v-.8H5.1v.079l-.865 1.17a2 2 0 0 1-.286.318c.63.143 1.177.604 1.177 1.398" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M9.067 3.958c0 .87-.69 1.579-1.71 1.579-1 0-1.71-.689-1.71-1.54 0-.423.176-.826.436-1.216l1.164-1.723h1.027l-.65.963a3 3 0 0 1-.488.533c.117-.046.325-.079.449-.079.819 0 1.482.599 1.482 1.483m-2.49 0c0 .402.293.76.774.76.5 0 .773-.357.773-.76 0-.41-.26-.78-.773-.78-.481 0-.774.357-.774.78m9.407-1.996c0 .533-.461.962-1.02.962-.56 0-1.02-.429-1.02-.962 0-.546.46-.955 1.02-.955.559 0 1.02.409 1.02.955m-1.404 0c0 .234.156.396.384.396.227 0 .383-.162.383-.396s-.156-.39-.383-.39c-.228 0-.384.156-.384.39", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M2.006 9.979a.8.8 0 0 0 .19.209c.229.193.62.413 1.19.617.924.33 2.18.57 3.614.647V9.83l3 2.598-3 2.598v-1.572c-1.63-.079-3.12-.35-4.286-.766-.696-.248-1.33-.568-1.81-.972C.43 11.316 0 10.732 0 9.979S.43 8.642.905 8.24c.479-.404 1.113-.723 1.809-.972 1.4-.5 3.27-.79 5.286-.79 2.017 0 3.886.29 5.286.79.696.249 1.33.568 1.81.972.473.401.904.984.904 1.738 0 .723-.398 1.29-.847 1.687a4 4 0 0 1-.564.413q-.292.18-.622.332c-.759.351-1.697.621-2.733.801l-.343-1.97c.918-.16 1.679-.388 2.235-.646q.237-.11.412-.218.183-.114.292-.212a.8.8 0 0 0 .162-.185l.002-.002a.8.8 0 0 0-.19-.21c-.229-.193-.62-.413-1.19-.617C11.48 8.748 9.848 8.48 8 8.48c-1.85 0-3.48.269-4.613.673-.571.204-.962.424-1.192.617a.8.8 0 0 0-.189.21" }));
+export {
+  t as default
+};