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

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/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.BXHAo4Wx.js

@@ -0,0 +1,47 @@
+"use client";
+import { j as u } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { v as x, C } from "./chunks/CustomReactSelect.uzWNynay.js";
+const v = ({
+  id: s,
+  label: o,
+  className: n,
+  disabled: a = !1,
+  dropdownOnFocus: e = !1,
+  hideLabel: l = !1,
+  invalid: m = !1,
+  lang: r = "en",
+  required: c = !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: m,
+      lang: r,
+      openMenuOnClick: e,
+      openMenuOnFocus: e,
+      isClearable: !e || i,
+      required: c,
+      ...t
+    }
+  );
+};
+export {
+  v as DSCombobox
+};

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,7 +1,8 @@
-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 */
     children: React.ReactNode;

package/components/ButtonRound/ButtonRound.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import type { ButtonProps } from '../Button/Button';
-import type { ButtonRoundVariant } from './ButtonRound.utils';
+import { ButtonProps } from '../Button/Button';
+import { ButtonRoundVariant } from './ButtonRound.utils';
+
 export interface ButtonRoundProps extends Omit<ButtonProps, 'hideLabel' | 'size' | 'iconPosition' | 'isFlush'> {
     children: React.ReactNode;
     variant?: ButtonRoundVariant;

package/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,6 @@
-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 */
     label: string;
@@ -23,4 +24,4 @@ export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
 /**
  * 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,5 +1,6 @@
-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 */
     children: React.ReactNode;
@@ -8,7 +9,7 @@ export interface CheckboxGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetE
      * 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
@@ -38,4 +39,4 @@ export interface CheckboxGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetE
  * complete with customizable legends, alignment 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, alignment, className, description, disabled, id, invalid, required, systemFeedback, ...rest }: CheckboxGroupProps) => JSX.Element;

package/components/CheckboxGroup/CheckboxGroup.utils.d.ts

@@ -1,4 +1,5 @@
-import type { CheckboxGroupProps } from './CheckboxGroup';
+import { CheckboxGroupProps } from './CheckboxGroup';
+
 type ValidationProps = Pick<CheckboxGroupProps, 'children' | 'description' | 'id' | 'legend' | 'systemFeedback'>;
 export declare const validateProps: ({ children, description, id, legend, systemFeedback, }: ValidationProps) => void;
 export {};

package/components/Combobox/Combobox.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { type CustomReactSelectProps } from '../CustomReactSelect/CustomReactSelect';
+import { CustomReactSelectProps } from '../CustomReactSelect/CustomReactSelect';
+
 type CommonComboboxProps = {
     /** Opens the dropdown on click or focus */
     dropdownOnFocus?: boolean;
@@ -14,5 +14,5 @@ export type ComboboxProps = Omit<(CustomReactSelectProps<false> & {
 /**
  * The DSCombobox component offers an autocomplete-style interface, allowing for efficient and intuitive selection from a dynamic list of options, suitable for both single and multi-select purposes.
  * */
-export declare const DSCombobox: ({ id, label, disabled, dropdownOnFocus, hideLabel, invalid, lang, required, variant, ...rest }: ComboboxProps) => JSX.Element;
+export declare const DSCombobox: ({ id, label, className, disabled, dropdownOnFocus, hideLabel, invalid, lang, required, variant, ...rest }: ComboboxProps) => JSX.Element;
 export {};

package/components/Combobox/Combobox.utils.d.ts

@@ -1,6 +1,7 @@
-import type { IconName } from '../../types';
-import type { ComboboxProps } from './Combobox';
-import type { GroupBase, OptionsOrGroups } from 'react-select';
+import { IconName } from '../../types';
+import { ComboboxProps } from './Combobox';
+import { GroupBase, OptionsOrGroups } from 'react-select';
+
 export type ComboboxVariant = 'single' | 'multi';
 type ValidationProps = Pick<ComboboxProps, 'id' | 'label' | 'options'>;
 /**

package/components/CustomReactSelect/CustomReactSelect.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { type GroupBase } from 'react-select';
-import type { BreakpointCustomizable, Optional } from '../../types';
-import { type ComboboxAriaTranslations, type ComboboxLanguage, type ComboboxOption, type ComboboxOptionsGroup, type ComboboxOptionsOrOptGroups, type ComboboxSize } from '../Combobox/Combobox.utils';
-import type { PublicBaseSelectProps } from 'react-select/dist/declarations/src/Select';
-import type { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
+import { GroupBase } from 'react-select';
+import { BreakpointCustomizable, Optional } from '../../types';
+import { ComboboxAriaTranslations, ComboboxLanguage, ComboboxOption, ComboboxOptionsGroup, ComboboxOptionsOrOptGroups, ComboboxSize } from '../Combobox/Combobox.utils';
+import { PublicBaseSelectProps } from 'react-select/dist/declarations/src/Select';
+import { StateManagerProps } from 'react-select/dist/declarations/src/useStateManager';
+
 type IncludedReactSelectKeys = 'className' | 'form' | 'inputValue' | 'menuIsOpen' | 'name' | 'onBlur' | 'onFocus' | 'openMenuOnClick' | 'openMenuOnFocus' | 'tabIndex';
 type PickedReactSelectProps<OptionType, IsMulti extends boolean, GroupType extends GroupBase<OptionType>> = Pick<Optional<PublicBaseSelectProps<OptionType, IsMulti, GroupType>, 'inputValue'>, IncludedReactSelectKeys>;
 type PickedReactSelectStateManagerProps<OptionType, IsMulti extends boolean, GroupType extends GroupBase<OptionType>> = Pick<StateManagerProps<OptionType, IsMulti, GroupType>, 'defaultInputValue'>;
@@ -35,7 +35,7 @@ export interface CustomReactSelectProps<IsMulti extends boolean> extends PickedR
     invalid?: boolean;
     /** Allows selection of multiple options */
     isMulti: boolean;
-    /** Sets language to use for the screen reader messages and "No Options found" message, if no translations object is provided */
+    /** Sets language to use for the screen reader messages and "No options found" message, if no translations object is provided */
     lang?: ComboboxLanguage;
     /** Indicates that the DSCombobox is required */
     required?: boolean;

package/components/CustomReactSelect/CustomReactSelect.utils.d.ts

@@ -1,5 +1,6 @@
-import type { AriaLiveMessages, GroupBase } from 'react-select';
-import type { ComboboxAriaTranslations } from '../Combobox/Combobox.utils';
+import { AriaLiveMessages, GroupBase } from 'react-select';
+import { ComboboxAriaTranslations } from '../Combobox/Combobox.utils';
+
 type ComboboxAriaTranslationKey = keyof ComboboxAriaTranslations;
 /**
  * Translates a given key using specified translations and dynamic replacements of placeholders like {0} or {1}.

package/components/CustomReactSelect/OptionCheckbox.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
+
 export interface CheckboxProps extends HTMLAttributes<HTMLDivElement> {
     /** Content displayed next to the checkbox */
     label: string;

package/components/Fieldset/Fieldset.d.ts

@@ -1,5 +1,6 @@
-import { type FieldsetHTMLAttributes } from 'react';
-import { type Legend } from './Fieldset.utils';
+import { FieldsetHTMLAttributes } from 'react';
+import { Legend } from './Fieldset.utils';
+
 export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
     /** Child elements within the fieldset */
     children: React.ReactNode;
@@ -8,7 +9,7 @@ export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElemen
      * 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

package/components/Fieldset/Fieldset.utils.d.ts

@@ -1,5 +1,6 @@
-import type { HeadingSize, HeadingTag } from '../Heading/Heading.utils';
-import type { FieldsetProps } from './Fieldset';
+import { HeadingSize, HeadingTag } from '../Heading/Heading.utils';
+import { FieldsetProps } from './Fieldset';
+
 export type Legend = string | {
     headingText: string;
     headingSize?: HeadingSize;

package/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { ButtonProps } from '../Button/Button';
+import { ButtonProps } from '../Button/Button';
+
 export interface FloatingActionButtonProps extends Omit<ButtonProps, 'hideLabel' | 'iconPosition' | 'variant' | 'isFlush'> {
     children: React.ReactNode;
 }

package/components/Heading/Heading.d.ts

@@ -1,6 +1,7 @@
-import type { HTMLAttributes } from 'react';
-import type { Theme } from '../../types';
-import type { HeadingSize, HeadingTag } from './Heading.utils';
+import { HTMLAttributes } from 'react';
+import { Theme } from '../../types';
+import { HeadingSize, HeadingTag } from './Heading.utils';
+
 export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
     /** Content within the heading */
     children: React.ReactNode;

package/components/Heading/Heading.utils.d.ts

@@ -1,4 +1,4 @@
-export declare const HEADING_SIZE: readonly ["x-large", "large", "medium", "medium-uppercase", "small", "small-uppercase"];
+export declare const HEADING_SIZE: readonly ["x-large", "x-large-uppercase", "large", "large-uppercase", "medium", "medium-uppercase", "small", "small-uppercase"];
 export type HeadingSize = typeof HEADING_SIZE[number];
 export declare const HEADING_TAG: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
 export type HeadingTag = typeof HEADING_TAG[number];

package/components/Icon/Icon.d.ts

@@ -1,6 +1,7 @@
-import { type HTMLProps, type SVGProps } from 'react';
-import type { IconName, SelectedAriaAttributes, Theme } from '../../types';
-import { type IconAriaAttribute, type IconSize } from './Icon.utils';
+import { HTMLProps, SVGProps } from 'react';
+import { IconName, SelectedAriaAttributes, Theme } from '../../types';
+import { IconAriaAttribute, IconSize } from './Icon.utils';
+
 export interface IconProps {
     /** ARIA attributes to enhance accessibility
      * `{'aria-label'? string;}`

package/components/Icon/Icon.utils.d.ts

@@ -1,12 +1,10 @@
-/// <reference types="react" />
-import type { IconName } from '../../types';
+import { IconName } from '../../types';
+
 export type IconAriaAttribute = 'aria-label';
 export declare const ICON_SIZE: readonly ["large", "medium", "small", "x-small"];
 export type IconSize = (typeof ICON_SIZE)[number];
 export declare const useDynamicSvgImport: (iconName: IconName) => {
     isLoading: boolean;
-    SVGIcon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }> | undefined;
-    setShouldLoad: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    SVGIcon: string | undefined;
+    setShouldLoad: import('react').Dispatch<import('react').SetStateAction<boolean>>;
 };

package/components/Input/Input.d.ts

@@ -1,7 +1,8 @@
-import { type InputHTMLAttributes } from 'react';
-import type { BreakpointCustomizable, IconName } from '../../types';
-import { type IconProps } from '../Icon/Icon';
-import { type InputSize, type SupportedInputTypes } from './Input.utils';
+import { InputHTMLAttributes } from 'react';
+import { BreakpointCustomizable, IconName } from '../../types';
+import { IconProps } from '../Icon/Icon';
+import { InputSize, SupportedInputTypes } from './Input.utils';
+
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Unique id for the input */
     id: string;

package/components/Input/Input.utils.d.ts

@@ -1,4 +1,5 @@
-import type { InputProps } from './Input';
+import { InputProps } from './Input';
+
 export declare const MAX_PREFIX_LENGTH = 8;
 export declare const MAX_SUFFIX_LENGTH = 5;
 export declare const INPUT_SIZE: readonly ["medium", "small"];

package/components/InputPassword/InputPassword.d.ts

@@ -1,7 +1,8 @@
-import { type InputHTMLAttributes } from 'react';
-import type { BreakpointCustomizable } from '../../types';
-import type { InputSize } from '../Input/Input.utils';
-export interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+import { InputHTMLAttributes } from 'react';
+import { BreakpointCustomizable } from '../../types';
+import { InputSize } from '../Input/Input.utils';
+
+export interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size'> {
     /** Unique id for the input */
     id: string;
     /** Label text displayed above the input */

package/components/InputPassword/InputPassword.utils.d.ts

@@ -1,4 +1,5 @@
-import type { InputPasswordProps } from './InputPassword';
+import { InputPasswordProps } from './InputPassword';
+
 type ValidationProps = Pick<InputPasswordProps, 'id' | 'label'>;
 /**
  * Validates the given properties of the DSInputPassword component for common configuration errors.

package/components/InputSearch/InputSearch.d.ts

@@ -1,7 +1,8 @@
-import { type InputHTMLAttributes } from 'react';
-import type { BreakpointCustomizable } from '../../types';
-import type { InputSize } from '../Input/Input.utils';
-export interface InputSearchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+import { InputHTMLAttributes } from 'react';
+import { BreakpointCustomizable } from '../../types';
+import { InputSize } from '../Input/Input.utils';
+
+export interface InputSearchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'size'> {
     /** Unique id for the input */
     id: string;
     /** Label text displayed above the input */