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

package/chunks/thumbs-up.D-44gexH.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M11 16H3V7.7L5.2 0H6c1 0 2 .5 2.7 1.3s1 1.8.8 2.9L9.2 6H16v5c0 2.8-2.2 5-5 5m-6-2h6c1.7 0 3-1.3 3-3V8H6.8l.7-4.2q.15-.75-.3-1.2c-.2-.2-.3-.3-.5-.4L5 8.1z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M2 8H0v8h2z" }));
+export {
+  c as default
+};

package/chunks/translate.isa3FHb8.js

@@ -0,0 +1,11 @@
+"use client";
+const s = (n, r, t = []) => {
+  let a = r[n];
+  return a = a.replace(
+    /\{(\d+)\}/g,
+    (l, e) => e < t.length ? t[e] : ""
+  ), a;
+}, o = (n) => (r, t) => s(r, n, t);
+export {
+  o as t
+};

package/chunks/triangle-exclamationmark-colored.CbVC3Gzi.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__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": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "#FDC543", d: "M8 0 0 16h16z" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m8.7 11.3.5-4.9H6.8l.5 4.9zm-1.8 2.1c0 .6.5 1.1 1.1 1.1s1.1-.4 1.1-1.1c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1", clipRule: "evenodd" }));
+export {
+  c as default
+};

package/chunks/triangle-exclamationmark-inverted.BiGoK7TV.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const n = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__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": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8 0 0 16h16zm1.2 6.4-.5 4.9H7.3l-.5-4.9zm-2.3 7c0 .6.5 1.1 1.1 1.1s1.1-.4 1.1-1.1c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1", clipRule: "evenodd" }));
+export {
+  n as default
+};

package/chunks/triangle.ibv6NDnt.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const r = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M0 16h16L7.93 0z" })));
+export {
+  r as default
+};

package/chunks/truck.xIk5wW6T.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M12 4.7V1.4H0v11.3h1.6c0 1.1.9 2 2 2s2-.9 2-2H11c0 1.1.9 2 2 2s2-.9 2-2h1V6.8zM14 8v2.6h-2V7zM2 3.3v7.2h8V3.3z", clipRule: "evenodd" }));
+export {
+  c as default
+};

package/chunks/two-people-screen.BBLouaW4.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: a,
+  titleId: l,
+  ...t
+}) => /* @__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": l, ...t }, a ? /* @__PURE__ */ e.createElement("title", { id: l }, a) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M0 0h16v8.43l-1.221-.28-.01-.003-.033-.007a24 24 0 0 0-.634-.135 50 50 0 0 0-1.736-.323c-1.411-.237-3.158-.466-4.61-.466-1.45 0-3.07.228-4.352.463a38 38 0 0 0-2.119.454l-.028.008-.006.001L0 8.468zm1.996 5.923a40 40 0 0 1 1.048-.207c1.328-.244 3.086-.496 4.711-.496 1.622 0 3.499.25 4.942.493.488.082.932.164 1.307.237V1.996H1.996z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M1.917 15.96v-.948a2.72 2.72 0 0 1 2.724-2.725 2.72 2.72 0 0 1 2.725 2.725v.948z" }), /* @__PURE__ */ e.createElement("path", { d: "M6.717 10.2a2.076 2.076 0 1 1-4.152 0 2.076 2.076 0 0 1 4.152 0m1.627 5.76v-.948a2.72 2.72 0 0 1 2.725-2.725 2.72 2.72 0 0 1 2.725 2.725v.948z" }), /* @__PURE__ */ e.createElement("path", { d: "M13.145 10.2a2.076 2.076 0 1 1-4.152 0 2.076 2.076 0 0 1 4.152 0" })));
+export {
+  c as default
+};

package/chunks/two-sheets.DWFmuL7N.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const d = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M5 0h10v12h-3v-2h1V2H7v1H5z", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M3 14h6V6H3zm8 2V4H1v12z", clipRule: "evenodd" }));
+export {
+  d as default
+};

package/chunks/upload.ZImTAIgx.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const h = ({
+  title: t,
+  titleId: l,
+  ...a
+}) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#252525", viewBox: "0 0 17 17", focusable: "false", width: "100%", height: "100%", "aria-labelledby": l, ...a }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "m13.136 5.745-5-5-5 5 1.5 1.4 2.5-2.6v6.2h2v-6.2l2.5 2.6z" }), /* @__PURE__ */ e.createElement("path", { d: "M4.136 8.745h-4v8h16v-8h-4v2h2v4h-12v-4h2z" }));
+export {
+  h as default
+};

package/chunks/user.BMARueuy.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const s = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8 8c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2", clipRule: "evenodd" }), /* @__PURE__ */ e.createElement("path", { d: "M1 16v-6h14v6h-2v-4H3v4z" }));
+export {
+  s as default
+};

package/chunks/vertical-ellipsis.Bc9eBsDF.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const s = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M6 2c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2m2 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M6 8c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2", clipRule: "evenodd" }));
+export {
+  s as default
+};

package/chunks/wc.gmKE1r5l.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "m4.652 7.399 1.7 3.651c.04.08.09.08.12 0l2.811-6.882h-1.82l-1.21 3.19-1.531-3.32c-.02-.05-.06-.05-.08 0l-1.46 3.32-1.271-3.19H0l2.851 6.882c.03.07.09.07.12 0zM16 9.44l-1.4-.9c-.29.54-.72.94-1.601.94-1.04 0-1.67-.84-1.67-1.911 0-1.07.61-1.9 1.61-1.9.86 0 1.28.41 1.54.81l1.37-.93c-.57-.841-1.47-1.461-2.94-1.461a3.43 3.43 0 0 0-3.441 3.48c0 2.052 1.63 3.492 3.54 3.492 1.381 0 2.322-.49 2.992-1.62" }));
+export {
+  c as default
+};

package/chunks/whatsapp.CPpu-7Nn.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const t = ({
+  title: a,
+  titleId: l,
+  ...c
+}) => /* @__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": l, ...c }, a ? /* @__PURE__ */ e.createElement("title", { id: l }, a) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M13.669 2.323A7.94 7.94 0 0 0 8.034 0C3.642 0 .068 3.554.067 7.922c0 1.396.366 2.76 1.063 3.96L0 15.989l4.223-1.101a8 8 0 0 0 3.807.964h.004c4.39 0 7.964-3.554 7.966-7.923a7.85 7.85 0 0 0-2.331-5.604m-5.635 12.19H8.03a6.64 6.64 0 0 1-3.37-.918l-.242-.143-2.506.654.668-2.43-.157-.25a6.54 6.54 0 0 1-1.012-3.504c.001-3.63 2.972-6.584 6.624-6.584 1.769 0 3.431.686 4.682 1.931a6.53 6.53 0 0 1 1.937 4.659c-.002 3.63-2.972 6.584-6.621 6.584m3.632-4.932c-.2-.099-1.178-.578-1.36-.644s-.316-.099-.448.1c-.133.198-.515.644-.63.776-.117.132-.233.148-.432.049-.199-.1-.84-.308-1.6-.982a6 6 0 0 1-1.108-1.372c-.116-.198-.012-.305.087-.404.09-.088.199-.23.299-.346s.132-.199.199-.33c.066-.133.033-.248-.017-.347-.05-.1-.448-1.074-.614-1.47-.161-.386-.326-.334-.447-.34a8 8 0 0 0-.382-.007.73.73 0 0 0-.531.248c-.183.198-.697.677-.697 1.651s.713 1.916.813 2.048 1.404 2.132 3.4 2.99c.475.203.846.325 1.136.416.476.151.91.13 1.253.08.383-.058 1.178-.48 1.344-.942.165-.463.165-.86.116-.942-.05-.082-.183-.132-.382-.23z", clipRule: "evenodd" })));
+export {
+  t as default
+};

package/chunks/wifi-1bar.BcEP-r8w.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: a,
+  titleId: t,
+  ...l
+}) => /* @__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": t, ...l }, a ? /* @__PURE__ */ e.createElement("title", { id: t }, a) : null, /* @__PURE__ */ e.createElement("path", { d: "m8 13.333-2-2a2.825 2.825 0 0 1 4 0z" }), /* @__PURE__ */ e.createElement("path", { fillOpacity: 0.36, d: "M2 7.333.667 6c4.053-4.047 10.62-4.047 14.666 0L14 7.333a8.486 8.486 0 0 0-12 0" }), /* @__PURE__ */ e.createElement("path", { fillOpacity: 0.36, d: "M3.333 8.667 4.667 10a4.716 4.716 0 0 1 6.666 0l1.334-1.333c-2.574-2.574-6.754-2.574-9.334 0" }));
+export {
+  c as default
+};

package/chunks/wifi-2bars.jDOd4Q3q.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const i = ({
+  title: a,
+  titleId: l,
+  ...t
+}) => /* @__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": l, ...t }, a ? /* @__PURE__ */ e.createElement("title", { id: l }, a) : null, /* @__PURE__ */ e.createElement("path", { d: "M3.333 8.667 4.667 10a4.716 4.716 0 0 1 6.666 0l1.334-1.333c-2.574-2.574-6.754-2.574-9.334 0M6 11.333l2 2 2-2a2.825 2.825 0 0 0-4 0" }), /* @__PURE__ */ e.createElement("path", { fillOpacity: 0.36, d: "M.667 6 2 7.333a8.486 8.486 0 0 1 12 0L15.333 6C11.287 1.953 4.72 1.953.667 6" }));
+export {
+  i as default
+};

package/chunks/wifi-off.D9xPqVWn.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const i = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__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": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M14 7.333 15.333 6C12.847 3.513 9.42 2.567 6.2 3.127l1.72 1.72A8.5 8.5 0 0 1 14 7.333m-1.333 1.334a6.6 6.6 0 0 0-2.48-1.554L12.2 9.127zM6 11.333l2 2 2-2a2.825 2.825 0 0 0-4 0M2.273 1.093l-.94.94 2.034 2.034A10.5 10.5 0 0 0 .667 6L2 7.333A8.4 8.4 0 0 1 4.78 5.48l1.493 1.493a6.55 6.55 0 0 0-2.94 1.694L4.667 10c.9-.9 2.073-1.36 3.26-1.373l4.72 4.72.94-.94z" }));
+export {
+  i as default
+};

package/chunks/wifi.CuQykF6X.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: a,
+  titleId: t,
+  ...l
+}) => /* @__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": t, ...l }, a ? /* @__PURE__ */ e.createElement("title", { id: t }, a) : null, /* @__PURE__ */ e.createElement("path", { d: "M2 7.333.667 6c4.053-4.047 10.62-4.047 14.666 0L14 7.333a8.486 8.486 0 0 0-12 0" }), /* @__PURE__ */ e.createElement("path", { d: "M4.667 10 3.333 8.667c2.58-2.574 6.76-2.574 9.334 0L11.333 10a4.716 4.716 0 0 0-6.666 0M8 13.333l-2-2a2.825 2.825 0 0 1 4 0z" }));
+export {
+  c as default
+};

package/chunks/wind-rose.C-XcKdy-.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const i = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m7.8 9.5 2.7 6.5 4.7-16L.9 8.5zm1.4-1.8-2.5-.3 5.2-3.1-1.7 5.7z", clipRule: "evenodd" }));
+export {
+  i as default
+};

package/chunks/wrench.DMFV2S9u.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "m11.818 7.01 3.253-3.253c.636 1.768.354 3.89-1.131 5.374-1.273 1.273-3.111 1.697-4.809 1.273l-5.02 5.02L.575 11.89l5.02-5.02c-.423-1.697 0-3.536 1.274-4.809C8.354.575 10.404.222 12.243.93L8.99 4.182zM6.515 8.778 3.262 12.03l.708.708 3.252-3.253z", clipRule: "evenodd" }));
+export {
+  c as default
+};

package/chunks/x.BqbpXd7O.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: l,
+  titleId: t,
+  ...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": t, ...a }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m4.12-12.5L8.84 7.31l3.566 5.19H9.784L7.383 9.006 4.377 12.5H3.6l3.438-3.996L3.6 3.5h2.622l2.274 3.309L11.343 3.5zm-6.27.585H4.657l5.493 7.857h1.193z", clipRule: "evenodd" })));
+export {
+  c as default
+};

package/chunks/xing.CiKYLbPq.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const c = ({
+  title: a,
+  titleId: l,
+  ...t
+}) => /* @__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": l, ...t }, a ? /* @__PURE__ */ e.createElement("title", { id: l }, a) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ e.createElement("path", { d: "M15 .326a.35.35 0 0 1-.048.177L9.48 9.553l3.467 5.943a.34.34 0 0 1 0 .354.35.35 0 0 1-.143.117.4.4 0 0 1-.186.032h-2.437a.8.8 0 0 1-.41-.127.73.73 0 0 1-.273-.313L6 9.542C6.183 9.257 11.485.44 11.485.44a.7.7 0 0 1 .257-.314.76.76 0 0 1 .4-.126h2.487a.4.4 0 0 1 .182.036.4.4 0 0 1 .141.113.35.35 0 0 1 .048.177M5.103 3.121c.12.077.213.185.27.311L7 6.18l-2.599 4.377a.7.7 0 0 1-.258.315.75.75 0 0 1-.397.128H1.36a.36.36 0 0 1-.177-.04.34.34 0 0 1-.184-.295q0-.095.051-.176l2.563-4.31-1.627-2.684a.35.35 0 0 1 0-.352A.4.4 0 0 1 2.315 3H4.7a.77.77 0 0 1 .404.12" })));
+export {
+  c as default
+};

package/chunks/youtube.DrImaRSP.js

@@ -0,0 +1,10 @@
+"use client";
+import * as e from "react";
+const s = ({
+  title: l,
+  titleId: a,
+  ...t
+}) => /* @__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": a, ...t }, l ? /* @__PURE__ */ e.createElement("title", { id: a }, l) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", d: "M15.149 2.86c.248.249.426.56.517.9C16 5.016 16 7.636 16 7.636s0 2.62-.335 3.877a2.01 2.01 0 0 1-1.414 1.423C13 13.273 8 13.273 8 13.273s-5 0-6.25-.337a2.01 2.01 0 0 1-1.415-1.423C0 10.256 0 7.636 0 7.636s0-2.62.335-3.876a2.01 2.01 0 0 1 1.414-1.424C3 2 8 2 8 2s5 0 6.25.336c.34.093.65.273.899.523m-4.603 4.776-4.182 2.38V5.256z", clipRule: "evenodd" }));
+export {
+  s as default
+};

package/combobox.BeTnbG1m.js

@@ -0,0 +1,47 @@
+"use client";
+import { j as u } from "./chunks/jsx-runtime.C115EyI4.js";
+import { v as x, c as C } from "./chunks/CustomReactSelect.D3jv5-fa.js";
+const v = ({
+  id: s,
+  label: o,
+  className: n,
+  disabled: a = !1,
+  dropdownOnFocus: e = !1,
+  hideLabel: l = !1,
+  invalid: c = !1,
+  lang: m = "en",
+  required: r = !1,
+  variant: f = "single",
+  ...t
+}) => {
+  if (process.env.NODE_ENV !== "production") {
+    const { options: p } = t;
+    x({
+      id: s,
+      label: o,
+      options: p
+    });
+  }
+  const i = f === "multi";
+  return /* @__PURE__ */ u.jsx(
+    C,
+    {
+      id: s,
+      label: o,
+      className: n,
+      disabled: a,
+      hideLabel: l,
+      isMulti: i,
+      invalid: c,
+      lang: m,
+      openMenuOnClick: e,
+      openMenuOnFocus: e,
+      isClearable: !e || i,
+      required: r,
+      ...t
+    }
+  );
+};
+export {
+  v as DSCombobox
+};

package/combobox.d.ts

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

package/components/Accordion/Accordion.d.ts

@@ -0,0 +1,39 @@
+import { DetailsHTMLAttributes } from 'react';
+import { AccordionSize, ChevronPosition, Summary } from './Accordion.utils';
+export interface AccordionProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
+    /** Content to be displayed within the accordion. */
+    children: React.ReactNode;
+    /**
+     * The `summary` prop can either be a simple `string` or an object with specific properties.
+     * When provided as a string, it represents the summary text directly.
+     * When provided as an object, it allows for more detailed configuration, including:
+     * - `headingText: string` The text content for the summary.
+     * - `headingSize?: 'x-large' | 'x-large-uppercase' | 'large' | 'large-uppercase' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
+     * - `headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` Specifies the HTML tag to be used for the heading, such as 'h1', 'h2', etc., defaults to `'h2'`
+     *
+     * @prop {string | { headingText: string; headingSize?: HeadingSize; headingTag?: HeadingTag; }} summary
+     */
+    summary: Summary;
+    /** Specifies the position of the chevron icon.
+     * @default 'right'
+     */
+    chevronPosition?: ChevronPosition;
+    /** Custom area below the summary. */
+    hint?: React.ReactNode;
+    /** Aligns the accordion with text.
+     * @default false
+     */
+    isFlush?: boolean;
+    /** Determines if the Accordion is open.
+     * @default false
+     */
+    isOpen?: boolean;
+    /** Size of the accordion.
+     * @default 'medium'
+     */
+    size?: AccordionSize;
+}
+/**
+ * A component that renders an accordion using the `details` HTML element.
+ */
+export declare const DSAccordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDetailsElement>>;

package/components/Accordion/Accordion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Accordion/Accordion.utils.d.ts

@@ -0,0 +1,14 @@
+import { HeadingSize, HeadingTag } from '../Heading/Heading.utils';
+import { AccordionProps } from './Accordion';
+export declare const ACCORDION_SIZE: readonly ["medium", "small"];
+export type AccordionSize = (typeof ACCORDION_SIZE)[number];
+export declare const CHEVRON_POSITION: readonly ["left", "right"];
+export type ChevronPosition = (typeof CHEVRON_POSITION)[number];
+export type Summary = string | {
+    headingText: string;
+    headingSize?: HeadingSize;
+    headingTag?: HeadingTag;
+};
+type ValidationProps = Pick<AccordionProps, 'children' | 'summary'>;
+export declare const validateAccordionProps: ({ children, summary, }: ValidationProps) => void;
+export {};

package/components/Accordion/Acordion.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/AriaLiveRegions/AriaLiveRegions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * A component that provides hidden ARIA live regions for accessibility, allowing screen readers to announce changes dynamically.
+ */
+export declare const DSAriaLiveRegions: () => JSX.Element;

package/components/AriaLiveRegions/AriaLiveRegions.utils.d.ts

@@ -0,0 +1,5 @@
+export declare const ARIA_LIVE_REGION_ALERT_ID = "ds-alert-live-region";
+export declare const ARIA_LIVE_REGION_STATUS_ID = "ds-status-live-region";
+export declare const getAriaAlertLiveRegionElement: () => HTMLElement | null;
+export declare const getAriaStatusLiveRegionElement: () => HTMLElement | null;
+export declare const validateMultipleDSAriaLiveRegionsOnPage: () => void;

package/components/AriaLiveRegions/AriaLiveRegions.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Asterisk/Asterisk.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Asterisk: () => JSX.Element;

package/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
-import type { ButtonHTMLAttributes } from 'react';
-import type { BreakpointCustomizable, IconName, SelectedAriaAttributes, Theme } from '../../types';
-import { type IconProps } from '../Icon/Icon';
-import type { ButtonAriaAttribute, ButtonSize, ButtonVariant } from './Button.utils';
+import { ButtonHTMLAttributes } from 'react';
+import { BreakpointCustomizable, IconName, SelectedAriaAttributes, Theme } from '../../types';
+import { IconProps } from '../Icon/Icon';
+import { ButtonAriaAttribute, ButtonSize, ButtonVariant } from './Button.utils';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Content within the button */
+    /** Content within the button. */
     children: React.ReactNode;
     /** ARIA attributes to enhance accessibility
      *  `{'aria-label'? string;`
@@ -12,31 +12,46 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      *  `'aria-haspopup'?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';}`
      * */
     aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
-    /** Identifier for analytics tracking */
+    /** Identifier for analytics tracking. */
     dataTrackingid?: string;
-    /** Disables the button, preventing user interaction */
+    /** Disables the button, preventing user interaction.
+     * @default false
+     */
     disabled?: boolean;
-    /** Hides the button label, can be responsive
+    /** Hides the button label, can be responsive.
      *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
+     * @default false
      */
     hideLabel?: BreakpointCustomizable<boolean>;
-    /** Name of the icon to display */
+    /** Name of the icon to display. */
     iconName?: IconName;
-    /** Position of the icon */
+    /** Position of the icon.
+     * @default 'left'
+     */
     iconPosition?: 'left' | 'right';
-    /** URL or path for a custom icon */
+    /** URL or path for a custom icon. */
     iconSource?: IconProps['source'];
-    /** Aligns `variant='ghost'` with text */
+    /** Aligns `variant='ghost'` with text.
+     * @default false
+     */
     isFlush?: boolean;
-    /** Shows loading indicator */
+    /** Shows loading indicator.
+     * @default false
+     */
     loading?: boolean;
-    /** Size of the button */
+    /** Size of the button.
+     * @default 'medium'
+     */
     size?: ButtonSize;
-    /** Defines the theme */
+    /** Defines the theme.
+     * @default 'light'
+     */
     theme?: Theme;
-    /** Visual style variant of the button */
+    /** Visual style variant of the button.
+     * @default 'filled'
+     */
     variant?: ButtonVariant;
-    /** Callback function triggered when the button is clicked */
+    /** Callback function called when the button is clicked. */
     onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 /**

package/components/ButtonRound/ButtonRound.d.ts

@@ -1,11 +1,18 @@
-/// <reference types="react" />
-import type { ButtonProps } from '../Button/Button';
-import type { ButtonRoundVariant } from './ButtonRound.utils';
+import { IconName } from '../../types';
+import { ButtonProps } from '../Button/Button';
+import { ButtonRoundVariant } from './ButtonRound.utils';
 export interface ButtonRoundProps extends Omit<ButtonProps, 'hideLabel' | 'size' | 'iconPosition' | 'isFlush'> {
     children: React.ReactNode;
+    /** Visual style variant of the button.
+     * @default 'filled'
+     */
     variant?: ButtonRoundVariant;
+    /** Name of the icon to display.
+     * @default 'placeholder'
+     */
+    iconName?: IconName;
 }
 /**
- * Icon only Buttons should only used for functions where visible labels are not needed to define the function e.g. modal close or paginations buttons.
+ * Icon only Buttons should only used for functions where visible labels are not needed to define the function e.g. modal close or pagination buttons.
  * */
 export declare const DSButtonRound: ({ children, aria, className, dataTrackingid, disabled, iconName, iconSource, loading, theme, variant, onClick, ...rest }: ButtonRoundProps) => JSX.Element;

package/components/Checkbox/Checkbox.d.ts

@@ -1,26 +1,35 @@
-import { type InputHTMLAttributes } from 'react';
-import type { BreakpointCustomizable } from '../../types';
+import { InputHTMLAttributes } from 'react';
+import { BreakpointCustomizable } from '../../types';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
-    /** Content displayed next to the checkbox */
+    /** Content displayed next to the checkbox. */
     label: string;
-    /** Controls whether the checkbox is checked. */
+    /** Controls whether the checkbox is checked.
+     * @default false
+     */
     checked?: boolean;
-    /** Disables the checkbox, preventing user interaction */
+    /** Disables the checkbox, preventing user interaction.
+     * @default false
+     */
     disabled?: boolean;
-    /** Hide the checkbox label, can be responsive
+    /** Hides the checkbox label, can be responsive.
      * `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
+     * @default false
      * */
     hideLabel?: BreakpointCustomizable<boolean>;
-    /** Sets the checkbox to an indeterminate state, distinct from checked or unchecked */
+    /** Sets the checkbox to an indeterminate state, distinct from checked or unchecked.
+     * @default false
+     */
     indeterminate?: boolean;
-    /** Marks the checkbox as invalid, typically used for form validation */
+    /** Marks the checkbox as invalid, typically used for form validation.
+     * @default false
+     */
     invalid?: boolean;
-    /** Defines a system feedback message, shown when `invalid={true}` */
+    /** Defines a system feedback message, shown when `invalid={true}`. */
     systemFeedback?: string;
-    /** Callback function triggered when the state of the checkbox changes */
+    /** Callback function called when the state of the checkbox changes. */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 /**
  * A control element that allows users to make a binary choice. It can either be checked or unchecked.
  * */
-export declare const DSCheckbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const DSCheckbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,41 +1,47 @@
-import type { FieldsetHTMLAttributes } from 'react';
-import { type FieldsetProps } from '../Fieldset/Fieldset';
+import { FieldsetHTMLAttributes } from 'react';
+import { FieldsetProps } from '../Fieldset/Fieldset';
 export interface CheckboxGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
-    /** DSCheckbox elements within the checkbox group */
+    /** DSCheckbox elements within the checkbox group. */
     children: React.ReactNode;
     /**
      * The `legend` prop can either be a simple `string` or an object with specific properties.
      * When provided as a string, it represents the legend text directly.
      * When provided as an object, it allows for more detailed configuration, including:
      * - `headingText: string` The text content for the legend.
-     * - `headingSize?: 'x-large' | 'large' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
+     * - `headingSize?: 'x-large' | 'x-large-uppercase' | 'large' | 'large-uppercase' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
      * - `headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` Specifies the HTML tag to be used for the heading, such as 'h1', 'h2', etc., defaults to `'h2'`
      *
      * @prop {string | { headingText: string; headingSize?: HeadingSize; headingTag?: HeadingTag; }} legend
      */
     legend: FieldsetProps['legend'];
+    /** Short descriptive text displayed beneath the legend. */
+    description?: FieldsetProps['description'];
     /**
-     * Set the alignment of the checkboes
+     * Set the direction of the checkboxes.
+     * @default 'vertical'
+     */
+    direction?: 'vertical' | 'horizontal';
+    /** Disables the checkbox group, preventing user interaction.
+     * @default false
      */
-    alignment?: 'vertical' | 'horizontal';
-    /** Short descriptive text displayed beneath the legend */
-    description?: FieldsetProps['description'];
-    /** Disables the checkbox group, preventing user interaction */
     disabled?: boolean;
-    /** Unique id for the checkbox group, needs to be set for proper accessibility functionality, if `description` or `systemFeedback` are set */
+    /** Unique id for the checkbox group, needs to be set for proper accessibility functionality, if `description` or `systemFeedback` are set. */
     id?: string;
-    /** Marks the checkbox group as invalid, typically used for form validation */
+    /** Marks the checkbox group as invalid, typically used for form validation.
+     * @default false
+     */
     invalid?: boolean;
     /** Marks the checkbox group as required.
-     *  When this property is set, an asterisk (*) is automatically appended to the checkbox group's legend
+     *  When this property is set, an asterisk (*) is automatically appended to the checkbox group's legend.
+     * @default false
      * */
     required?: boolean;
-    /** Defines a system feedback message, shown when `invalid={true}` */
+    /** Defines a system feedback message, shown when `invalid={true}`. */
     systemFeedback?: string;
 }
 /**
  * The `DSCheckboxGroup` component offers a cohesive and accessible solution for grouping `DSCheckbox` elements,
- * complete with customizable legends, alignment options, and integrated validation feedback,
+ * complete with customizable legends, direction options, and integrated validation feedback,
  * enhancing the user experience in form designs.
  * */
-export declare const DSCheckboxGroup: ({ children, legend, alignment, description, disabled, id, invalid, required, systemFeedback, ...rest }: CheckboxGroupProps) => JSX.Element;
+export declare const DSCheckboxGroup: ({ children, legend, className, description, direction, disabled, id, invalid, required, systemFeedback, ...rest }: CheckboxGroupProps) => JSX.Element;