@drivenets/design-system 0.2.0 → 0.3.0

package/dist/components/ds-loader/spinner-icon.cjs

@@ -0,0 +1,74 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_loader_module = require('./ds-loader.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-loader/spinner-icon.tsx
+const SpinnerIcon = () => {
+	const $ = (0, react_compiler_runtime.c)(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mask", {
+			id: "path-2-inside-1_14836_15182",
+			fill: "white",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
+			clipPath: "url(#paint0_angular_14836_15182_clip_path)",
+			mask: "url(#path-2-inside-1_14836_15182)",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
+				transform: "matrix(-0.008 0 0 0.008 12 12)",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("foreignObject", {
+					x: "-1375",
+					y: "-1375",
+					width: "2750",
+					height: "2750",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: require_ds_loader_module.default.spinnerGradient })
+				})
+			})
+		});
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z",
+			mask: "url(#path-2-inside-1_14836_15182)"
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			className: require_ds_loader_module.default.loader,
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				t0,
+				t1,
+				t2,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("clipPath", {
+					id: "paint0_angular_14836_15182_clip_path",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z",
+						mask: "url(#path-2-inside-1_14836_15182)"
+					})
+				}) })
+			]
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+};
+var spinner_icon_default = SpinnerIcon;
+
+//#endregion
+exports.default = spinner_icon_default;

package/dist/components/ds-loader/spinner-icon.js

@@ -0,0 +1,74 @@
+import ds_loader_module_default from "./ds-loader.module.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ds-loader/spinner-icon.tsx
+const SpinnerIcon = () => {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("mask", {
+			id: "path-2-inside-1_14836_15182",
+			fill: "white",
+			children: /* @__PURE__ */ jsx("path", { d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("g", {
+			clipPath: "url(#paint0_angular_14836_15182_clip_path)",
+			mask: "url(#path-2-inside-1_14836_15182)",
+			children: /* @__PURE__ */ jsx("g", {
+				transform: "matrix(-0.008 0 0 0.008 12 12)",
+				children: /* @__PURE__ */ jsx("foreignObject", {
+					x: "-1375",
+					y: "-1375",
+					width: "2750",
+					height: "2750",
+					children: /* @__PURE__ */ jsx("div", { className: ds_loader_module_default.spinnerGradient })
+				})
+			})
+		});
+		t2 = /* @__PURE__ */ jsx("path", {
+			d: "M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z",
+			mask: "url(#path-2-inside-1_14836_15182)"
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs("svg", {
+			className: ds_loader_module_default.loader,
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				t0,
+				t1,
+				t2,
+				/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+					id: "paint0_angular_14836_15182_clip_path",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z",
+						mask: "url(#path-2-inside-1_14836_15182)"
+					})
+				}) })
+			]
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+};
+var spinner_icon_default = SpinnerIcon;
+
+//#endregion
+export { spinner_icon_default as default };
+//# sourceMappingURL=spinner-icon.js.map

package/dist/components/ds-loader/spinner-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-icon.js","names":["styles","SpinnerIcon","$","_c","t0","Symbol","for","t1","t2","spinnerGradient","t3","loader"],"sources":["../../../src/components/ds-loader/spinner-icon.tsx"],"sourcesContent":["import styles from './ds-loader.module.scss';\n\nconst SpinnerIcon = () => (\n\t<svg\n\t\tclassName={styles.loader}\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<mask id=\"path-2-inside-1_14836_15182\" fill=\"white\">\n\t\t\t<path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" />\n\t\t</mask>\n\t\t<g clipPath=\"url(#paint0_angular_14836_15182_clip_path)\" mask=\"url(#path-2-inside-1_14836_15182)\">\n\t\t\t<g transform=\"matrix(-0.008 0 0 0.008 12 12)\">\n\t\t\t\t<foreignObject x=\"-1375\" y=\"-1375\" width=\"2750\" height=\"2750\">\n\t\t\t\t\t<div className={styles.spinnerGradient} />\n\t\t\t\t</foreignObject>\n\t\t\t</g>\n\t\t</g>\n\t\t<path\n\t\t\td=\"M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z\"\n\t\t\tmask=\"url(#path-2-inside-1_14836_15182)\"\n\t\t/>\n\t\t<defs>\n\t\t\t<clipPath id=\"paint0_angular_14836_15182_clip_path\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z\"\n\t\t\t\t\tmask=\"url(#path-2-inside-1_14836_15182)\"\n\t\t\t\t/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t</svg>\n);\n\nexport default SpinnerIcon;\n"],"mappings":";;;;;AAEA,MAAMC,oBAAc;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AASlBF,OAAA,oBAAA;GAAS,IAAA;GAAmC,MAAA;aAC3C,oBAAA,UAAQ,GAAA,qHACT;IAAO;AAAAF,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AACPC,OAAA,oBAAA;GAAY,UAAA;GAAkD,MAAA;aAC7D,oBAAA;IAAa,WAAA;cACZ,oBAAA;KAAiB,GAAA;KAAU,GAAA;KAAc,OAAA;KAAc,QAAA;eACtD,oBAAA,SAAgB,WAAAP,yBAAMS,kBACvB;MACD;KACD;IAAI;AACJD,OAAA,oBAAA;GACG,GAAA;GACG,MAAA;IACJ;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAD,OAAAL,EAAA;AAAAM,OAAAN,EAAA;;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AArBHI,OAAA,qBAAA;GACY,WAAAV,yBAAMW;GACX,OAAA;GACC,QAAA;GACC,SAAA;GACH,MAAA;GACC,OAAA;;IAENP;IAGAG;IAOAC;IAIA,oBAAA,oBACC,oBAAA;KAAa,IAAA;eACZ,oBAAA;MACG,GAAA;MACG,MAAA;OAEP;MACD,GACD;;IAAM;AAAAN,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAAA,QA9BNQ;;AAiCD,2BAAeT"}

package/dist/components/ds-modal/ds-modal.cjs

@@ -37,10 +37,10 @@ const DsModal = (t0) => {
 		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_modal_module.default.overlay });
 		$[2] = t5;
 	} else t5 = $[2];
-	const t6 = require_ds_modal_module.default[`cols-${String(columns)}`];
+	const t6 = require_ds_modal_module.default[`cols-${columns}`];
 	let t7;
 	if ($[3] !== className || $[4] !== t6) {
-		t7 = (0, classnames.default)(require_ds_modal_module.default.modal, t6, className);
+		t7 = (0, classnames.default)(require_ds_modal_module.default.modal, className, t6);
 		$[3] = className;
 		$[4] = t6;
 		$[5] = t7;

package/dist/components/ds-modal/ds-modal.d.cts

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.cjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -20,7 +20,7 @@ declare const DsModal: {
     closeOnEscape,
     closeOnInteractOutside,
     children
-  }: DsModalProps): react_jsx_runtime28.JSX.Element;
+  }: DsModalProps): react_jsx_runtime25.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +29,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime25.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +38,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime25.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime25.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +54,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime25.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +63,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime25.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +72,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime25.JSX.Element;
 };
 //#endregion
 export { DsModal };

package/dist/components/ds-modal/ds-modal.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.d.cts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,mBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,mBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,mBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,mBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,mBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}
+{"version":3,"file":"ds-modal.d.cts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAuCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IA1CE,KAAA,CAAA,EAqDM,aArDN;IAAY,SAAA,CAAA,EAAA,MAAA;cAuDJ;QACV,mBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,mBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,mBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,mBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,mBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}

package/dist/components/ds-modal/ds-modal.d.ts

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -20,7 +20,7 @@ declare const DsModal: {
     closeOnEscape,
     closeOnInteractOutside,
     children
-  }: DsModalProps): react_jsx_runtime7.JSX.Element;
+  }: DsModalProps): react_jsx_runtime15.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +29,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +38,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +54,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +63,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +72,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
 };
 //#endregion
 export { DsModal };

package/dist/components/ds-modal/ds-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,kBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,kBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,kBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,kBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,kBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,kBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}
+{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAuCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IA1CE,KAAA,CAAA,EAqDM,aArDN;IAAY,SAAA,CAAA,EAAA,MAAA;cAuDJ;QACV,mBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,mBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,mBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,mBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,mBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}

package/dist/components/ds-modal/ds-modal.js

@@ -35,10 +35,10 @@ const DsModal = (t0) => {
 		t5 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_modal_module_default.overlay });
 		$[2] = t5;
 	} else t5 = $[2];
-	const t6 = ds_modal_module_default[`cols-${String(columns)}`];
+	const t6 = ds_modal_module_default[`cols-${columns}`];
 	let t7;
 	if ($[3] !== className || $[4] !== t6) {
-		t7 = classNames(ds_modal_module_default.modal, t6, className);
+		t7 = classNames(ds_modal_module_default.modal, className, t6);
 		$[3] = className;
 		$[4] = t6;
 		$[5] = t7;

package/dist/components/ds-modal/ds-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsModalProps","styles","DsIcon","DsTypography","DsModal","t0","$","_c","open","onOpenChange","columns","t1","style","className","modal","t2","closeOnEscape","closeOnInteractOutside","t3","children","undefined","t4","details","handleOpenChange","t5","Symbol","for","overlay","t6","String","t7","t8","content","t9","t10","t11","Header","header","Title","title","CloseTrigger","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsModalProps } from './ds-modal.types';\nimport styles from './ds-modal.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable modal dialog.\n * Supports custom header, footer, and body content with grid-based sizing.\n * Use columns prop to control modal width (1-12 grid columns).\n */\nconst DsModal = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 6,\n\tstyle,\n\tclassName,\n\tmodal = true,\n\tcloseOnEscape,\n\tcloseOnInteractOutside = false,\n\tchildren,\n}: DsModalProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={modal}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={styles.overlay} />\n\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t<Dialog.Content\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(styles.modal, styles[`cols-${String(columns)}`], className)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={classNames(styles.content)}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\n\nconst Header = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.header, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Title = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<Dialog.Title className={classNames(styles.title, className)} style={style} asChild>\n\t\t<DsTypography variant=\"heading3\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={className}>\n\t\t<DsIcon icon=\"close\" size=\"small\"></DsIcon>\n\t</Dialog.CloseTrigger>\n);\n\nconst Body = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.body, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Footer = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.footer, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Actions = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.actions, className)}>\n\t\t{children}\n\t</div>\n);\n\nDsModal.Header = Header;\nDsModal.Title = Title;\nDsModal.CloseTrigger = CloseTrigger;\nDsModal.Body = Body;\nDsModal.Footer = Footer;\nDsModal.Actions = Actions;\n\nexport default DsModal;\n"],"mappings":"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"}
+{"version":3,"file":"ds-modal.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsModalProps","styles","DsIcon","DsTypography","DsModal","t0","$","_c","open","onOpenChange","columns","t1","style","className","modal","t2","closeOnEscape","closeOnInteractOutside","t3","children","undefined","t4","details","handleOpenChange","t5","Symbol","for","overlay","t6","t7","t8","content","t9","t10","t11","Header","header","Title","title","CloseTrigger","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsModalProps } from './ds-modal.types';\nimport styles from './ds-modal.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable modal dialog.\n * Supports custom header, footer, and body content with grid-based sizing.\n * Use columns prop to control modal width (1-12 grid columns).\n */\nconst DsModal = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 6,\n\tstyle,\n\tclassName,\n\tmodal = true,\n\tcloseOnEscape,\n\tcloseOnInteractOutside = false,\n\tchildren,\n}: DsModalProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={modal}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={styles.overlay} />\n\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t<Dialog.Content\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles.modal,\n\t\t\t\t\t\t\tclassName,\n\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n\t\t\t\t\t\t\tstyles[`cols-${columns}`],\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={classNames(styles.content)}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\n\nconst Header = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.header, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Title = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<Dialog.Title className={classNames(styles.title, className)} style={style} asChild>\n\t\t<DsTypography variant=\"heading3\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={className}>\n\t\t<DsIcon icon=\"close\" size=\"small\"></DsIcon>\n\t</Dialog.CloseTrigger>\n);\n\nconst Body = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.body, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Footer = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.footer, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Actions = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.actions, className)}>\n\t\t{children}\n\t</div>\n);\n\nDsModal.Header = Header;\nDsModal.Title = Title;\nDsModal.CloseTrigger = CloseTrigger;\nDsModal.Body = Body;\nDsModal.Footer = Footer;\nDsModal.Actions = Actions;\n\nexport default DsModal;\n"],"mappings":"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"}

package/dist/components/ds-panel/ds-panel.d.cts

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.cjs";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/ds-panel/ds-panel.d.ts
 declare function DsPanel({
@@ -11,7 +11,7 @@ declare function DsPanel({
   variant,
   disablePadding,
   ...props
-}: DsPanelProps): react_jsx_runtime35.JSX.Element;
+}: DsPanelProps): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.cts.map

package/dist/components/ds-panel/ds-panel.d.ts

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.js";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/ds-panel/ds-panel.d.ts
 declare function DsPanel({
@@ -11,7 +11,7 @@ declare function DsPanel({
   variant,
   disablePadding,
   ...props
-}: DsPanelProps): react_jsx_runtime40.JSX.Element;
+}: DsPanelProps): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.ts.map

package/dist/components/ds-select/ds-select.cjs

@@ -60,7 +60,7 @@ const DsSelect = (t0) => {
 		onOpenChange: t3,
 		onValueChange: (details) => {
 			if (!multiselectProps.multiple) {
-				multiselectProps.onValueChange?.(details.value[0]);
+				multiselectProps.onValueChange?.(details.value[0] ?? "");
 				return;
 			}
 			if (details.value.includes(SELECT_ALL_VALUE)) {

package/dist/components/ds-select/ds-select.d.cts

@@ -1,5 +1,5 @@
 import { DsSelectProps } from "./ds-select.types.cjs";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/ds-select/ds-select.d.ts
 declare const DsSelect: ({
@@ -15,7 +15,7 @@ declare const DsSelect: ({
   placeholder,
   disabled,
   ...multiselectProps
-}: DsSelectProps) => react_jsx_runtime37.JSX.Element;
+}: DsSelectProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { DsSelect };
 //# sourceMappingURL=ds-select.d.cts.map

package/dist/components/ds-select/ds-select.d.ts

@@ -1,5 +1,5 @@
 import { DsSelectProps } from "./ds-select.types.js";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/ds-select/ds-select.d.ts
 declare const DsSelect: ({
@@ -15,7 +15,7 @@ declare const DsSelect: ({
   placeholder,
   disabled,
   ...multiselectProps
-}: DsSelectProps) => react_jsx_runtime32.JSX.Element;
+}: DsSelectProps) => react_jsx_runtime43.JSX.Element;
 //#endregion
 export { DsSelect };
 //# sourceMappingURL=ds-select.d.ts.map

package/dist/components/ds-select/ds-select.js

@@ -58,7 +58,7 @@ const DsSelect = (t0) => {
 		onOpenChange: t3,
 		onValueChange: (details) => {
 			if (!multiselectProps.multiple) {
-				multiselectProps.onValueChange?.(details.value[0]);
+				multiselectProps.onValueChange?.(details.value[0] ?? "");
 				return;
 			}
 			if (details.value.includes(SELECT_ALL_VALUE)) {

package/dist/components/ds-select/ds-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-select.js","names":["useState","UseSelectReturn","Select","createListCollection","useSelect","Portal","classNames","styles","DsSelectOption","DsSelectProps","DsIcon","DsCheckboxProps","DsCheckbox","SelectItemsChips","DsTypography","DsTextInput","SEARCH_THRESHOLD","SELECT_ALL_VALUE","SELECT_ALL","label","value","DsSelect","t0","$","_c","id","options","userOptions","style","size","clearable","onClear","onBlur","className","placeholder","t1","disabled","multiselectProps","undefined","searchTerm","setSearchTerm","showAllItems","setShowAllItems","internalOptions","multiple","collection","items","itemToValue","_temp","t2","option","toLowerCase","includes","filteredOptions","filter","normalizedValue","Array","isArray","_temp2","t3","Symbol","for","select","ids","trigger","onOpenChange","onValueChange","details","isSelectAllClicked","areAllOptionsSelected","selectedItems","length","newValues","map","_temp3","newValueWithoutSelectAll","_temp4","t4","small","t5","control","t6","valueText","t7","t8","triggerIcon","t9","t10","clearIcon","T0","t11","t13","t15","searchInput","e_0","e","target","_temp5","startAdornment","t16","t17","item_0","checked","getItemCheckedState","item","getItemValue","icon","itemIcon","t18","Content","t14","content","t19","Positioner","t12","viewport","t20","t21","display","open","key","isRegularItem","getItemState","selected","allSelected","someSelected","hasSelectedItems","value_0","opt","val","e_1","stopPropagation"],"sources":["../../../src/components/ds-select/ds-select.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { type UseSelectReturn, Select, createListCollection, useSelect } from '@ark-ui/react/select';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport styles from './ds-select.module.scss';\nimport type { DsSelectOption, DsSelectProps } from './ds-select.types';\nimport { DsIcon } from '../ds-icon';\nimport { type DsCheckboxProps, DsCheckbox } from '../ds-checkbox';\nimport { SelectItemsChips } from './select-items-chips';\nimport { DsTypography } from '../ds-typography';\nimport { DsTextInput } from '../ds-text-input';\n\nconst SEARCH_THRESHOLD = 13;\nconst SELECT_ALL_VALUE = '__INTERNAL_SELECT_ALL_VALUE__';\n\nconst SELECT_ALL: DsSelectOption = {\n\tlabel: 'All',\n\tvalue: SELECT_ALL_VALUE,\n};\n\nconst DsSelect = ({\n\tid,\n\toptions: userOptions,\n\tvalue,\n\tstyle,\n\tsize,\n\tclearable,\n\tonClear,\n\tonBlur,\n\tclassName,\n\tplaceholder = 'Click to select a value',\n\tdisabled,\n\t...multiselectProps\n}: DsSelectProps) => {\n\tconst [searchTerm, setSearchTerm] = useState('');\n\tconst [showAllItems, setShowAllItems] = useState(false);\n\n\tconst internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;\n\n\tconst collection = createListCollection({\n\t\titems: internalOptions,\n\t\titemToValue: (item) => item.value,\n\t});\n\n\tconst filteredOptions = internalOptions.filter((option) =>\n\t\toption.label.toLowerCase().includes(searchTerm.toLowerCase()),\n\t);\n\n\tconst normalizedValue = Array.isArray(value) ? value : [value].filter((value) => !!value);\n\n\tconst select = useSelect({\n\t\tcollection,\n\t\tdisabled,\n\t\tmultiple: multiselectProps.multiple,\n\t\tvalue: normalizedValue,\n\n\t\t// Override Ark's auto-generated trigger id if an id provided by the user.\n\t\t// See: https://github.com/chakra-ui/zag/blob/f6e079095/packages/machines/select/src/select.dom.ts#L5\n\t\tids: { trigger: id },\n\n\t\tonOpenChange: () => {\n\t\t\tsetSearchTerm('');\n\t\t\tsetShowAllItems(false);\n\t\t},\n\n\t\tonValueChange: (details) => {\n\t\t\t// Single select mode.\n\t\t\tif (!multiselectProps.multiple) {\n\t\t\t\tmultiselectProps.onValueChange?.(details.value[0]);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Select All\" clicked in multi select mode.\n\t\t\tconst isSelectAllClicked = details.value.includes(SELECT_ALL_VALUE);\n\n\t\t\tif (isSelectAllClicked) {\n\t\t\t\tconst areAllOptionsSelected = select.selectedItems.length === userOptions.length;\n\n\t\t\t\tconst newValues = areAllOptionsSelected ? [] : userOptions.map((opt) => opt.value);\n\n\t\t\t\tmultiselectProps.onValueChange?.(newValues);\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Regular\" multi select mode.\n\t\t\tconst newValueWithoutSelectAll = details.value.filter((val) => val !== SELECT_ALL_VALUE);\n\n\t\t\tmultiselectProps.onValueChange?.(newValueWithoutSelectAll);\n\t\t},\n\t});\n\n\treturn (\n\t\t<Select.RootProvider\n\t\t\tvalue={select}\n\t\t\t// When rendering the Select inside a Modal, it has an `aria-hidden=\"true\"` attribute\n\t\t\t// which causes screen readers to ignore it.\n\t\t\t//\n\t\t\t// See: https://github.com/chakra-ui/ark/issues/3728\n\t\t\tlazyMount\n\t\t>\n\t\t\t<Select.Control\n\t\t\t\tclassName={classNames(styles.control, size === 'small' && styles.small, className)}\n\t\t\t\tstyle={style}\n\t\t\t\tonBlur={onBlur}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (!clearable) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (select.open) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (e.key === 'Backspace' || e.key === 'Delete') {\n\t\t\t\t\t\tif (multiselectProps.multiple) {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.([]);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.('');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonClear?.();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Select.Trigger\n\t\t\t\t\tid={id}\n\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t// Ark expects a `Select.Label` component to exist and automatically label the trigger\n\t\t\t\t\t// with it. We're using the `DsFormControl` label handling instead, so we disable the\n\t\t\t\t\t// automatic labelling here.\n\t\t\t\t\taria-labelledby={null as never}\n\t\t\t\t>\n\t\t\t\t\t<DsTypography className={styles.valueText} variant=\"body-sm-reg\" asChild>\n\t\t\t\t\t\t<Select.ValueText placeholder={placeholder} />\n\t\t\t\t\t</DsTypography>\n\n\t\t\t\t\t<Select.Indicator className={styles.triggerIcon}>\n\t\t\t\t\t\t<DsIcon icon=\"keyboard_arrow_down\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.Indicator>\n\t\t\t\t</Select.Trigger>\n\n\t\t\t\t{clearable && (\n\t\t\t\t\t<Select.ClearTrigger className={styles.clearIcon} onClick={onClear}>\n\t\t\t\t\t\t<DsIcon icon=\"close\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.ClearTrigger>\n\t\t\t\t)}\n\t\t\t</Select.Control>\n\t\t\t<Portal>\n\t\t\t\t<Select.Positioner className={styles.viewport}>\n\t\t\t\t\t<Select.Content className={styles.content}>\n\t\t\t\t\t\t{userOptions.length > SEARCH_THRESHOLD && (\n\t\t\t\t\t\t\t<div className={styles.searchInput}>\n\t\t\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t// Prevent the select from opening/closing when pressing space in the search input.\n\t\t\t\t\t\t\t\t\t\tif (e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{multiselectProps.multiple && (\n\t\t\t\t\t\t\t<SelectItemsChips\n\t\t\t\t\t\t\t\tonValueChange={multiselectProps.onValueChange}\n\t\t\t\t\t\t\t\tshowAll={showAllItems}\n\t\t\t\t\t\t\t\tonShowAll={() => setShowAllItems(true)}\n\t\t\t\t\t\t\t\t// TODO: Find a way to calculate this based on the size of the select.\n\t\t\t\t\t\t\t\tcount={6}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{filteredOptions.map((item) => {\n\t\t\t\t\t\t\tconst checked = getItemCheckedState({ item, select, options: internalOptions });\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<DsTypography\n\t\t\t\t\t\t\t\t\tvariant=\"body-sm-reg\"\n\t\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\t\tkey={collection.getItemValue(item)}\n\t\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Select.Item item={item}>\n\t\t\t\t\t\t\t\t\t\t{multiselectProps.multiple && <DsCheckbox checked={checked} />}\n\t\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon className={styles.itemIcon} icon={item.icon} aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t\t<Select.ItemText>{item.label}</Select.ItemText>\n\t\t\t\t\t\t\t\t\t</Select.Item>\n\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select.Content>\n\t\t\t\t</Select.Positioner>\n\t\t\t</Portal>\n\n\t\t\t{/*\n\t\t\t\tThis element isn't properly hidden by Zag, so we hide it manually.\n\t\t\t \tFor more information, see: https://github.com/chakra-ui/zag/issues/2865\n\t\t\t*/}\n\t\t\t<Select.HiddenSelect style={{ display: 'none' }} />\n\t\t</Select.RootProvider>\n\t);\n};\n\nfunction getItemCheckedState({\n\titem,\n\tselect,\n\toptions,\n}: {\n\titem: DsSelectOption;\n\tselect: UseSelectReturn<DsSelectOption>;\n\toptions: DsSelectOption[];\n}): DsCheckboxProps['checked'] {\n\tconst isRegularItem = item.value !== SELECT_ALL_VALUE;\n\n\tif (isRegularItem) {\n\t\treturn select.getItemState({ item }).selected;\n\t}\n\n\t// Doing -1 since it contains the \"Select All\" option itself.\n\tconst allSelected = select.selectedItems.length === options.length - 1;\n\n\tif (allSelected) {\n\t\treturn true;\n\t}\n\n\tconst someSelected = select.hasSelectedItems;\n\n\treturn someSelected ? 'indeterminate' : false;\n}\n\nexport default DsSelect;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAMgB,mBAAmB;AACzB,MAAMC,mBAAmB;AAEzB,MAAMC,aAA6B;CAClCC,OAAO;CACPC,OAAOH;CACP;AAED,MAAMI,YAAWC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,IAAAC,SAAAC,aAAAP,OAAAQ,OAAAC,MAAAC,WAAAC,SAAAC,QAAAC,WAAAC,aAAAC,IAAAC,UAAA,GAAAC,qBAAAf;CAUjB,MAAAY,cAAAC,OAAAG,SAAA,4BAAAH;CAIA,MAAA,CAAAI,YAAAC,iBAAoCxC,SAAS,GAAG;CAChD,MAAA,CAAAyC,cAAAC,mBAAwC1C,SAAS,MAAM;CAEvD,MAAA2C,kBAAwBN,iBAAgBO,WAAhB,CAA6B1B,YAAU,GAAKS,YAA0B,GAAtEA;CAExB,MAAAkB,aAAmB1C,qBAAqB;EAAA2C,OAChCH;EAAeI,aACTC;EACb,CAAC;CAAC,IAAAC;AAAA,KAAA1B,EAAA,OAAAgB,YAAA;AAE4CU,QAAAC,WAC9CA,OAAM/B,MAAMgC,aAAc,CAAAC,SAAUb,WAAUY,aAAc,CAAC;AAAA5B,IAAA,KAAAgB;AAAAhB,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;CAD9D,MAAA8B,kBAAwBV,gBAAeW,OAAQL,GAE9C;CAED,MAAAM,kBAAwBC,MAAKC,QAASrC,MAAmD,GAAjEA,QAA+B,CAACA,MAAM,CAAAkC,OAAQI,OAAmB;CAAC,IAAAC;AAAA,KAAApC,EAAA,OAAAqC,OAAAC,IAAA,4BAAA,EAAA;AAY3EF,aAAA;AACbnB,iBAAc,GAAG;AACjBE,mBAAgB,MAAM;;AACtBnB,IAAA,KAAAoC;OAAAA,MAAApC,EAAA;CAbF,MAAAuC,SAAe1D,UAAU;EAAAyC;EAAAT;EAAAQ,UAGdP,iBAAgBO;EAASxB,OAC5BmC;EAAeQ,KAIjB,EAAAC,SAAWvC,IAAI;EAAAwC,cAENN;EAGbO,gBAEcC,YAAA;AAEd,OAAI,CAAC9B,iBAAgBO,UAAS;AAC7BP,qBAAgB6B,gBAAiBC,QAAO/C,MAAM,GAAI;AAAA;;AAOnD,OAF2B+C,QAAO/C,MAAMgC,SAAUnC,iBAAiB,EAE7C;IAGrB,MAAAuD,YAF8BV,OAAMQ,cAAcC,WAAY5C,YAAW4C,SAEvD,EAAgE,GAAnC5C,YAAW8C,IAAKC,OAAmB;AAElFrC,qBAAgB6B,gBAAiBM,UAAU;AAAA;;GAM5C,MAAAG,2BAAiCR,QAAO/C,MAAMkC,OAAQsB,OAAkC;AAExFvC,oBAAgB6B,gBAAiBS,yBAAyB;;EAE3D,CAAC;CAYuC,MAAAE,KAAAhD,SAAS,WAAWtB,yBAAMuE;CAAM,IAAAC;AAAA,KAAAxD,EAAA,OAAAU,aAAAV,EAAA,OAAAsD,IAAA;AAA3DE,OAAAzE,WAAWC,yBAAMyE,SAAUH,IAAkC5C,UAAU;AAAAV,IAAA,KAAAU;AAAAV,IAAA,KAAAsD;AAAAtD,IAAA,KAAAwD;OAAAA,MAAAxD,EAAA;CAAA,IAAA0D;AAAA,KAAA1D,EAAA,OAAAW,aAAA;AA+BjF+C,OAAA,oBAAC;GAAwB,WAAA1E,yBAAM2E;GAAoB,SAAA;GAAc,SAAA;aAChE,oBAAA,OAAA,aAA+BhD,cAChC;IAAe;AAAAX,IAAA,KAAAW;AAAAX,IAAA,KAAA0D;OAAAA,MAAA1D,EAAA;CAG2B,MAAA4D,KAAAtD,SAAS,UAAT,UAAA;CAAqC,IAAAuD;AAAA,KAAA7D,EAAA,OAAA4D,IAAA;AAD/EC,OAAA,oBAAA,OAAA;GAA6B,WAAA7E,yBAAM8E;aAClC,oBAAC;IAAY,MAAA;IAA4B,MAAAF;KAC1C;IAAmB;AAAA5D,IAAA,KAAA4D;AAAA5D,IAAA,KAAA6D;OAAAA,MAAA7D,EAAA;CAAA,IAAA+D;AAAA,KAAA/D,EAAA,QAAAE,MAAAF,EAAA,QAAA0D,MAAA1D,EAAA,QAAA6D,IAAA;AAdpBE,OAAA,qBAAA,OAAA;GACK7D;GACO,WAAAlB,yBAAMyD;GAIA,mBAAA;cAEjBiB,IAIAG;IAGgB;AAAA7D,IAAA,MAAAE;AAAAF,IAAA,MAAA0D;AAAA1D,IAAA,MAAA6D;AAAA7D,IAAA,MAAA+D;OAAAA,MAAA/D,EAAA;CAAA,IAAAgE;AAAA,KAAAhE,EAAA,QAAAO,aAAAP,EAAA,QAAAQ,WAAAR,EAAA,QAAAM,MAAA;AAEhB0D,QAAAzD,aACA,oBAAA,OAAA;GAAgC,WAAAvB,yBAAMiF;GAAqBzD,SAAAA;aAC1D,oBAAC;IAAY,MAAA;IAAc,MAAAF,SAAS,UAAT,UAAA;KAC5B;IACA;AAAAN,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;AAAAR,IAAA,MAAAM;AAAAN,IAAA,MAAAgE;OAAAA,OAAAhE,EAAA;CAED,MAAAkE,KAAApF;CACC,MAAAqF,MAAAxF;CAA6BK,MAAAA,MAAAA;CAC5B,MAAAoF,MAAAzF;CAA0BK,MAAAA,MAAAA;CAAM,IAAAqF;AAAA,KAAArE,EAAA,QAAAgB,cAAAhB,EAAA,QAAAI,YAAA4C,QAAA;AAC/BqB,QAAAjE,YAAW4C,SAAUvD,oBACrB,oBAAA;GAAgB,WAAAT,yBAAMsF;aACrB,oBAAC;IACY,aAAA;IACLtD,OAAAA;IACG,WAAAuD,QAAOtD,cAAcuD,IAACC,OAAO5E,MAAM;IAClC,WAAA6E;IAMJ,OAAA,EAAAC,gBACU,oBAAC;KAAY,MAAA;KAAc,MAAA;MAAM,EAClD;KAEF;IACA;AAAA3E,IAAA,MAAAgB;AAAAhB,IAAA,MAAAI,YAAA4C;AAAAhD,IAAA,MAAAqE;OAAAA,OAAArE,EAAA;CAEA,MAAA4E,MAAA9D,iBAAgBO,YAChB,oBAAC;EACe,eAAAP,iBAAgB6B;EACtBzB,SAAAA;EACE,iBAAMC,gBAAgB,KAAI;EAE9B,OAAA;GAER;CAEA,MAAA0D,MAAA/C,gBAAeoB,KAAK4B,WAAA;EACpB,MAAAC,UAAgBC,oBAAoB;GAAAC,MAAEA;GAAI1C;GAAApC,SAAmBiB;GAAiB,CAAC;AAAC,SAG/E,oBAAC;GACQ,SAAA;GACR,SAAA;GAEW,WAAApC,yBAAMiG;aAEjB,qBAAA,OAAA;IAAmBA,MAAAA;;KACjBnE,iBAAgBO,YAAa,oBAAC,uBAAoB0D,UAAU;KAC5DE,OAAIE,QAAS,oBAAC;MAAkB,WAAAnG,yBAAMoG;MAAiB,MAAAH,OAAIE;MAAmB,eAAA;OAAQ;KACvF,oBAAA,OAAA,sBAAkBF,OAAIrF,QACvB;;KACD;KARM0B,WAAU4D,aAAcD,OAAI,CAQnB;GAEf;CAAA,IAAAI;AAAA,KAAArF,EAAA,QAAAoE,IAAAkB,WAAAtF,EAAA,QAAAuF,IAAAC,WAAAxF,EAAA,QAAAqE,OAAArE,EAAA,QAAA4E,OAAA5E,EAAA,QAAA6E,KAAA;AA/CHQ,QAAA,qBAAA,IAAA;GAA2B,WAAArG,IAAMwG;;IAC/BnB;IAmBAO;IAUAC;;IAkBe;AAAA7E,IAAA,MAAAoE,IAAAkB;AAAAtF,IAAA,MAAAuF,IAAAC;AAAAxF,IAAA,MAAAqE;AAAArE,IAAA,MAAA4E;AAAA5E,IAAA,MAAA6E;AAAA7E,IAAA,MAAAqF;OAAAA,OAAArF,EAAA;CAAA,IAAAyF;AAAA,KAAAzF,EAAA,QAAAmE,IAAAuB,cAAA1F,EAAA,QAAA2F,IAAAC,YAAA5F,EAAA,QAAAqF,KAAA;AAjDlBI,QAAA,oBAAA,IAAA;GAA8B,WAAAzG,IAAM4G;aACnCP;IAiDmB;AAAArF,IAAA,MAAAmE,IAAAuB;AAAA1F,IAAA,MAAA2F,IAAAC;AAAA5F,IAAA,MAAAqF;AAAArF,IAAA,MAAAyF;OAAAA,OAAAzF,EAAA;CAAA,IAAA6F;AAAA,KAAA7F,EAAA,QAAAkE,MAAAlE,EAAA,QAAAyF,KAAA;AAnDrBI,QAAA,oBAAC,gBACAJ,MAmDQ;AAAAzF,IAAA,MAAAkE;AAAAlE,IAAA,MAAAyF;AAAAzF,IAAA,MAAA6F;OAAAA,OAAA7F,EAAA;CAAA,IAAA8F;AAAA,KAAA9F,EAAA,QAAAqC,OAAAC,IAAA,4BAAA,EAAA;AAMTwD,QAAA,oBAAA,OAAA,gBAA4B,OAAA,EAAAC,SAAW,QAAO,GAAK;AAAA/F,IAAA,MAAA8F;OAAAA,OAAA9F,EAAA;AAAA,QAjHpD,qBAAA,OAAA;EACQuC,OAAAA;EAKP,WAAA;;GAEA,qBAAA,OAAA;IACY,WAAAiB;IACJnD;IACCI;IACG,YAAA+D,MAAA;AACV,SAAI,CAACjE,UAAS;AAId,SAAIgC,OAAMyD,KAAK;AAIf,SAAIxB,EAACyB,QAAS,eAAezB,EAACyB,QAAS,UAAQ;AAC9C,UAAInF,iBAAgBO,SACnBP,kBAAgB6B,gBAAiB,EAAE,CAAC;UAEpC7B,kBAAgB6B,gBAAiB,GAAG;AAGrCnC,iBAAW;;;eAIbuD,IAiBCC;KAMF;GAAA6B;GA0DAC;;GACqB;;AAIxB,SAASd,oBAAoB,EAC5BC,MACA1C,QACApC,WAK8B;AAG9B,KAFsB8E,KAAKpF,UAAUH,iBAGpC,QAAO6C,OAAO4D,aAAa,EAAElB,MAAM,CAAC,CAACmB;AAMtC,KAFoB7D,OAAOQ,cAAcC,WAAW7C,QAAQ6C,SAAS,EAGpE,QAAO;AAKR,QAFqBT,OAAOgE,mBAEN,kBAAkB;;AAGzC,wBAAezG;AA1NE,SAAA2B,MAAAwD,MAAA;AAAA,QAqBQA,KAAIpF;;AArBZ,SAAAsC,OAAAqE,SAAA;AAAA,QA4BiE,CAAC,CAAC3G;;AA5BnE,SAAAsD,OAAAsD,KAAA;AAAA,QA0D2DA,IAAG5G;;AA1D9D,SAAAwD,OAAAqD,KAAA;AAAA,QAkEiDA,QAAQhH;;AAlEzD,SAAAgF,OAAAiC,KAAA;AA2IP,KAAInC,IAACyB,QAAS,IACbzB,KAACoC,iBAAkB"}
+{"version":3,"file":"ds-select.js","names":["useState","UseSelectReturn","Select","createListCollection","useSelect","Portal","classNames","styles","DsSelectOption","DsSelectProps","DsIcon","DsCheckboxProps","DsCheckbox","SelectItemsChips","DsTypography","DsTextInput","SEARCH_THRESHOLD","SELECT_ALL_VALUE","SELECT_ALL","label","value","DsSelect","t0","$","_c","id","options","userOptions","style","size","clearable","onClear","onBlur","className","placeholder","t1","disabled","multiselectProps","undefined","searchTerm","setSearchTerm","showAllItems","setShowAllItems","internalOptions","multiple","collection","items","itemToValue","_temp","t2","option","toLowerCase","includes","filteredOptions","filter","normalizedValue","Array","isArray","_temp2","t3","Symbol","for","select","ids","trigger","onOpenChange","onValueChange","details","isSelectAllClicked","areAllOptionsSelected","selectedItems","length","newValues","map","_temp3","newValueWithoutSelectAll","_temp4","t4","small","t5","control","t6","valueText","t7","t8","triggerIcon","t9","t10","clearIcon","T0","t11","t13","t15","searchInput","e_0","e","target","_temp5","startAdornment","t16","t17","item_0","checked","getItemCheckedState","item","getItemValue","icon","itemIcon","t18","Content","t14","content","t19","Positioner","t12","viewport","t20","t21","display","open","key","isRegularItem","getItemState","selected","allSelected","someSelected","hasSelectedItems","value_0","opt","val","e_1","stopPropagation"],"sources":["../../../src/components/ds-select/ds-select.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { type UseSelectReturn, Select, createListCollection, useSelect } from '@ark-ui/react/select';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport styles from './ds-select.module.scss';\nimport type { DsSelectOption, DsSelectProps } from './ds-select.types';\nimport { DsIcon } from '../ds-icon';\nimport { type DsCheckboxProps, DsCheckbox } from '../ds-checkbox';\nimport { SelectItemsChips } from './select-items-chips';\nimport { DsTypography } from '../ds-typography';\nimport { DsTextInput } from '../ds-text-input';\n\nconst SEARCH_THRESHOLD = 13;\nconst SELECT_ALL_VALUE = '__INTERNAL_SELECT_ALL_VALUE__';\n\nconst SELECT_ALL: DsSelectOption = {\n\tlabel: 'All',\n\tvalue: SELECT_ALL_VALUE,\n};\n\nconst DsSelect = ({\n\tid,\n\toptions: userOptions,\n\tvalue,\n\tstyle,\n\tsize,\n\tclearable,\n\tonClear,\n\tonBlur,\n\tclassName,\n\tplaceholder = 'Click to select a value',\n\tdisabled,\n\t...multiselectProps\n}: DsSelectProps) => {\n\tconst [searchTerm, setSearchTerm] = useState('');\n\tconst [showAllItems, setShowAllItems] = useState(false);\n\n\tconst internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;\n\n\tconst collection = createListCollection({\n\t\titems: internalOptions,\n\t\titemToValue: (item) => item.value,\n\t});\n\n\tconst filteredOptions = internalOptions.filter((option) =>\n\t\toption.label.toLowerCase().includes(searchTerm.toLowerCase()),\n\t);\n\n\tconst normalizedValue = Array.isArray(value) ? value : [value].filter((value) => !!value);\n\n\tconst select = useSelect({\n\t\tcollection,\n\t\tdisabled,\n\t\tmultiple: multiselectProps.multiple,\n\t\tvalue: normalizedValue,\n\n\t\t// Override Ark's auto-generated trigger id if an id provided by the user.\n\t\t// See: https://github.com/chakra-ui/zag/blob/f6e079095/packages/machines/select/src/select.dom.ts#L5\n\t\tids: { trigger: id },\n\n\t\tonOpenChange: () => {\n\t\t\tsetSearchTerm('');\n\t\t\tsetShowAllItems(false);\n\t\t},\n\n\t\tonValueChange: (details) => {\n\t\t\t// Single select mode.\n\t\t\tif (!multiselectProps.multiple) {\n\t\t\t\tmultiselectProps.onValueChange?.(details.value[0] ?? '');\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Select All\" clicked in multi select mode.\n\t\t\tconst isSelectAllClicked = details.value.includes(SELECT_ALL_VALUE);\n\n\t\t\tif (isSelectAllClicked) {\n\t\t\t\tconst areAllOptionsSelected = select.selectedItems.length === userOptions.length;\n\n\t\t\t\tconst newValues = areAllOptionsSelected ? [] : userOptions.map((opt) => opt.value);\n\n\t\t\t\tmultiselectProps.onValueChange?.(newValues);\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// \"Regular\" multi select mode.\n\t\t\tconst newValueWithoutSelectAll = details.value.filter((val) => val !== SELECT_ALL_VALUE);\n\n\t\t\tmultiselectProps.onValueChange?.(newValueWithoutSelectAll);\n\t\t},\n\t});\n\n\treturn (\n\t\t<Select.RootProvider\n\t\t\tvalue={select}\n\t\t\t// When rendering the Select inside a Modal, it has an `aria-hidden=\"true\"` attribute\n\t\t\t// which causes screen readers to ignore it.\n\t\t\t//\n\t\t\t// See: https://github.com/chakra-ui/ark/issues/3728\n\t\t\tlazyMount\n\t\t>\n\t\t\t<Select.Control\n\t\t\t\tclassName={classNames(styles.control, size === 'small' && styles.small, className)}\n\t\t\t\tstyle={style}\n\t\t\t\tonBlur={onBlur}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (!clearable) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (select.open) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (e.key === 'Backspace' || e.key === 'Delete') {\n\t\t\t\t\t\tif (multiselectProps.multiple) {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.([]);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tmultiselectProps.onValueChange?.('');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonClear?.();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Select.Trigger\n\t\t\t\t\tid={id}\n\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t// Ark expects a `Select.Label` component to exist and automatically label the trigger\n\t\t\t\t\t// with it. We're using the `DsFormControl` label handling instead, so we disable the\n\t\t\t\t\t// automatic labelling here.\n\t\t\t\t\taria-labelledby={null as never}\n\t\t\t\t>\n\t\t\t\t\t<DsTypography className={styles.valueText} variant=\"body-sm-reg\" asChild>\n\t\t\t\t\t\t<Select.ValueText placeholder={placeholder} />\n\t\t\t\t\t</DsTypography>\n\n\t\t\t\t\t<Select.Indicator className={styles.triggerIcon}>\n\t\t\t\t\t\t<DsIcon icon=\"keyboard_arrow_down\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.Indicator>\n\t\t\t\t</Select.Trigger>\n\n\t\t\t\t{clearable && (\n\t\t\t\t\t<Select.ClearTrigger className={styles.clearIcon} onClick={onClear}>\n\t\t\t\t\t\t<DsIcon icon=\"close\" size={size === 'small' ? 'small' : 'medium'} />\n\t\t\t\t\t</Select.ClearTrigger>\n\t\t\t\t)}\n\t\t\t</Select.Control>\n\t\t\t<Portal>\n\t\t\t\t<Select.Positioner className={styles.viewport}>\n\t\t\t\t\t<Select.Content className={styles.content}>\n\t\t\t\t\t\t{userOptions.length > SEARCH_THRESHOLD && (\n\t\t\t\t\t\t\t<div className={styles.searchInput}>\n\t\t\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t// Prevent the select from opening/closing when pressing space in the search input.\n\t\t\t\t\t\t\t\t\t\tif (e.key === ' ') {\n\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{multiselectProps.multiple && (\n\t\t\t\t\t\t\t<SelectItemsChips\n\t\t\t\t\t\t\t\tonValueChange={multiselectProps.onValueChange}\n\t\t\t\t\t\t\t\tshowAll={showAllItems}\n\t\t\t\t\t\t\t\tonShowAll={() => setShowAllItems(true)}\n\t\t\t\t\t\t\t\t// TODO: Find a way to calculate this based on the size of the select.\n\t\t\t\t\t\t\t\tcount={6}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{filteredOptions.map((item) => {\n\t\t\t\t\t\t\tconst checked = getItemCheckedState({ item, select, options: internalOptions });\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<DsTypography\n\t\t\t\t\t\t\t\t\tvariant=\"body-sm-reg\"\n\t\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\t\tkey={collection.getItemValue(item)}\n\t\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Select.Item item={item}>\n\t\t\t\t\t\t\t\t\t\t{multiselectProps.multiple && <DsCheckbox checked={checked} />}\n\t\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon className={styles.itemIcon} icon={item.icon} aria-hidden=\"true\" />}\n\t\t\t\t\t\t\t\t\t\t<Select.ItemText>{item.label}</Select.ItemText>\n\t\t\t\t\t\t\t\t\t</Select.Item>\n\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select.Content>\n\t\t\t\t</Select.Positioner>\n\t\t\t</Portal>\n\n\t\t\t{/*\n\t\t\t\tThis element isn't properly hidden by Zag, so we hide it manually.\n\t\t\t \tFor more information, see: https://github.com/chakra-ui/zag/issues/2865\n\t\t\t*/}\n\t\t\t<Select.HiddenSelect style={{ display: 'none' }} />\n\t\t</Select.RootProvider>\n\t);\n};\n\nfunction getItemCheckedState({\n\titem,\n\tselect,\n\toptions,\n}: {\n\titem: DsSelectOption;\n\tselect: UseSelectReturn<DsSelectOption>;\n\toptions: DsSelectOption[];\n}): DsCheckboxProps['checked'] {\n\tconst isRegularItem = item.value !== SELECT_ALL_VALUE;\n\n\tif (isRegularItem) {\n\t\treturn select.getItemState({ item }).selected;\n\t}\n\n\t// Doing -1 since it contains the \"Select All\" option itself.\n\tconst allSelected = select.selectedItems.length === options.length - 1;\n\n\tif (allSelected) {\n\t\treturn true;\n\t}\n\n\tconst someSelected = select.hasSelectedItems;\n\n\treturn someSelected ? 'indeterminate' : false;\n}\n\nexport default DsSelect;\n"],"mappings":"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"}

package/dist/components/ds-skeleton/ds-skeleton-circle.cjs

@@ -0,0 +1,59 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_skeleton_config = require('./ds-skeleton.config.cjs');
+const require_ds_skeleton_module = require('./ds-skeleton.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-skeleton/ds-skeleton-circle.tsx
+/**
+* Circle skeleton component - for avatars and icons
+* Matches DsAvatar sizes
+*/
+const DsSkeletonCircle = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(10);
+	const { size: t1, color: t2, className, style } = t0;
+	const size = t1 === void 0 ? "regular" : t1;
+	const color = t2 === void 0 ? "gray" : t2;
+	const pixelSize = typeof size === "number" ? size : require_ds_skeleton_config.circleSizeMap[size];
+	const t3 = `${String(pixelSize)}px`;
+	const t4 = `${String(pixelSize)}px`;
+	let t5;
+	if ($[0] !== style || $[1] !== t3 || $[2] !== t4) {
+		t5 = {
+			width: t3,
+			height: t4,
+			...style
+		};
+		$[0] = style;
+		$[1] = t3;
+		$[2] = t4;
+		$[3] = t5;
+	} else t5 = $[3];
+	const circleStyle = t5;
+	const t6 = require_ds_skeleton_module.default[color];
+	let t7;
+	if ($[4] !== className || $[5] !== t6) {
+		t7 = (0, classnames.default)(require_ds_skeleton_module.default.skeleton, require_ds_skeleton_module.default.circle, t6, className);
+		$[4] = className;
+		$[5] = t6;
+		$[6] = t7;
+	} else t7 = $[6];
+	let t8;
+	if ($[7] !== circleStyle || $[8] !== t7) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: t7,
+			style: circleStyle,
+			"aria-hidden": "true"
+		});
+		$[7] = circleStyle;
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
+	return t8;
+};
+var ds_skeleton_circle_default = DsSkeletonCircle;
+
+//#endregion
+exports.default = ds_skeleton_circle_default;

package/dist/components/ds-skeleton/ds-skeleton-circle.d.cts

@@ -0,0 +1,18 @@
+import { DsSkeletonCircleProps } from "./ds-skeleton.types.cjs";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+
+//#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
+
+/**
+ * Circle skeleton component - for avatars and icons
+ * Matches DsAvatar sizes
+ */
+declare const DsSkeletonCircle: ({
+  size,
+  color,
+  className,
+  style
+}: DsSkeletonCircleProps) => react_jsx_runtime39.JSX.Element;
+//#endregion
+export { DsSkeletonCircle };
+//# sourceMappingURL=ds-skeleton-circle.d.cts.map

package/dist/components/ds-skeleton/ds-skeleton-circle.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-skeleton-circle.d.cts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton-circle.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAEiE;cAQ3D,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAAwD,qBAAxD,EAAA,GAA6E,mBAAA,CAAA,GAAA,CAAA,OAA7E"}