@drivenets/design-system 0.5.0 → 0.6.1

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

@@ -1,97 +0,0 @@
-import ds_button_default from "../ds-button/ds-button.js";
-import ds_chip_default from "../ds-chip/ds-chip.js";
-import ds_select_module_default from "./ds-select.module.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useSelectContext } from "@ark-ui/react/select";
-
-//#region src/components/ds-select/select-items-chips.tsx
-function SelectItemsChips(t0) {
-	const $ = c(24);
-	const { showAll, onShowAll, onValueChange, count } = t0;
-	const { collection, value: selectedItems } = useSelectContext();
-	if (!selectedItems.length) return null;
-	let t1;
-	if ($[0] !== count || $[1] !== selectedItems || $[2] !== showAll) {
-		t1 = showAll ? selectedItems : selectedItems.slice(0, count);
-		$[0] = count;
-		$[1] = selectedItems;
-		$[2] = showAll;
-		$[3] = t1;
-	} else t1 = $[3];
-	const itemsToShow = t1;
-	let t2;
-	if ($[4] !== collection || $[5] !== itemsToShow || $[6] !== onValueChange || $[7] !== selectedItems) {
-		let t3$1;
-		if ($[9] !== collection || $[10] !== onValueChange || $[11] !== selectedItems) {
-			t3$1 = (itemValue) => {
-				const item = collection.find(itemValue);
-				if (!item) return null;
-				const onDelete = () => {
-					const filteredValue = selectedItems.filter((v) => v !== item.value);
-					onValueChange?.(filteredValue);
-				};
-				return /* @__PURE__ */ jsx(ds_chip_default, {
-					label: item.label,
-					onDelete
-				}, itemValue);
-			};
-			$[9] = collection;
-			$[10] = onValueChange;
-			$[11] = selectedItems;
-			$[12] = t3$1;
-		} else t3$1 = $[12];
-		t2 = itemsToShow.map(t3$1);
-		$[4] = collection;
-		$[5] = itemsToShow;
-		$[6] = onValueChange;
-		$[7] = selectedItems;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[13] !== count || $[14] !== onShowAll || $[15] !== selectedItems.length || $[16] !== showAll) {
-		t3 = !showAll && selectedItems.length > count && /* @__PURE__ */ jsx(ds_chip_default, {
-			label: `+${String(selectedItems.length - count)}`,
-			onClick: onShowAll,
-			size: "small"
-		});
-		$[13] = count;
-		$[14] = onShowAll;
-		$[15] = selectedItems.length;
-		$[16] = showAll;
-		$[17] = t3;
-	} else t3 = $[17];
-	let t4;
-	if ($[18] !== onValueChange) {
-		t4 = /* @__PURE__ */ jsx(ds_button_default, {
-			design: "v1.2",
-			buttonType: "tertiary",
-			variant: "ghost",
-			size: "small",
-			onClick: () => onValueChange?.([]),
-			children: "Clear All"
-		});
-		$[18] = onValueChange;
-		$[19] = t4;
-	} else t4 = $[19];
-	let t5;
-	if ($[20] !== t2 || $[21] !== t3 || $[22] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: ds_select_module_default.multiSelectItemsContainer,
-			children: [
-				t2,
-				t3,
-				t4
-			]
-		});
-		$[20] = t2;
-		$[21] = t3;
-		$[22] = t4;
-		$[23] = t5;
-	} else t5 = $[23];
-	return t5;
-}
-
-//#endregion
-export { SelectItemsChips };
-//# sourceMappingURL=select-items-chips.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"select-items-chips.js","names":["useSelectContext","UseSelectContext","styles","DsButton","DsChip","DsSelectOption","SelectOptionValue","SelectItemsChipsProps","showAll","onValueChange","value","onShowAll","count","SelectItemsChips","t0","$","_c","collection","selectedItems","length","t1","slice","itemsToShow","t2","t3","itemValue","item","find","onDelete","filteredValue","filter","v","label","map","String","t4","t5","multiSelectItemsContainer"],"sources":["../../../src/components/ds-select/select-items-chips.tsx"],"sourcesContent":["import { useSelectContext, type UseSelectContext } from '@ark-ui/react/select';\nimport styles from './ds-select.module.scss';\nimport DsButton from '../ds-button/ds-button';\nimport DsChip from '../ds-chip/ds-chip';\nimport type { DsSelectOption, SelectOptionValue } from './ds-select.types';\n\ntype SelectItemsChipsProps = {\n\tshowAll: boolean;\n\tonValueChange?: (value: SelectOptionValue[]) => void;\n\tonShowAll: () => void;\n\tcount: number;\n};\n\nexport function SelectItemsChips({ showAll, onShowAll, onValueChange, count }: SelectItemsChipsProps) {\n\tconst { collection, value: selectedItems } = useSelectContext() as UseSelectContext<DsSelectOption>;\n\n\tif (!selectedItems.length) {\n\t\treturn null;\n\t}\n\n\tconst itemsToShow = showAll ? selectedItems : selectedItems.slice(0, count);\n\n\treturn (\n\t\t<div className={styles.multiSelectItemsContainer}>\n\t\t\t{itemsToShow.map((itemValue) => {\n\t\t\t\tconst item = collection.find(itemValue);\n\n\t\t\t\tif (!item) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\tconst onDelete = () => {\n\t\t\t\t\tconst filteredValue = selectedItems.filter((v) => v !== item.value);\n\n\t\t\t\t\tonValueChange?.(filteredValue);\n\t\t\t\t};\n\n\t\t\t\treturn <DsChip key={itemValue} label={item.label} onDelete={onDelete} />;\n\t\t\t})}\n\n\t\t\t{!showAll && selectedItems.length > count && (\n\t\t\t\t<DsChip label={`+${String(selectedItems.length - count)}`} onClick={onShowAll} size=\"small\" />\n\t\t\t)}\n\n\t\t\t<DsButton\n\t\t\t\tdesign=\"v1.2\"\n\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\tvariant=\"ghost\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tonClick={() => onValueChange?.([])}\n\t\t\t>\n\t\t\t\tClear All\n\t\t\t</DsButton>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAaA,SAAOa,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA0B,MAAA,EAAAR,SAAAG,WAAAF,eAAAG,UAAAE;CAChC,MAAA,EAAAG,YAAAP,OAAAQ,kBAA6ClB,kBAAkB;AAE/D,KAAI,CAACkB,cAAaC,OAAO,QACjB;CACP,IAAAC;AAAA,KAAAL,EAAA,OAAAH,SAAAG,EAAA,OAAAG,iBAAAH,EAAA,OAAAP,SAAA;AAEmBY,OAAAZ,UAAAU,gBAA0BA,cAAaG,MAAO,GAAGT,MAAM;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAG;AAAAH,IAAA,KAAAP;AAAAO,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAA3E,MAAAO,cAAoBF;CAAwD,IAAAG;AAAA,KAAAR,EAAA,OAAAE,cAAAF,EAAA,OAAAO,eAAAP,EAAA,OAAAN,iBAAAM,EAAA,OAAAG,eAAA;EAAA,IAAAM;AAAA,MAAAT,EAAA,OAAAE,cAAAF,EAAA,QAAAN,iBAAAM,EAAA,QAAAG,eAAA;AAIzDM,WAAAC,cAAA;IAChB,MAAAC,OAAaT,WAAUU,KAAMF,UAAU;AAEvC,QAAI,CAACC,KAAI,QACD;IAGR,MAAAE,iBAAiB;KAChB,MAAAC,gBAAsBX,cAAaY,QAAQC,MAAOA,MAAML,KAAIhB,MAAO;AAEnED,qBAAgBoB,cAAc;;AAC7B,WAEK,oBAAC;KAA8B,OAAAH,KAAIM;KAAkBJ;OAAxCH,UAAoD;;AACxEV,KAAA,KAAAE;AAAAF,KAAA,MAAAN;AAAAM,KAAA,MAAAG;AAAAH,KAAA,MAAAS;QAAAA,QAAAT,EAAA;AAdAQ,OAAAD,YAAWW,IAAKT,KAcf;AAAAT,IAAA,KAAAE;AAAAF,IAAA,KAAAO;AAAAP,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAH,SAAAG,EAAA,QAAAJ,aAAAI,EAAA,QAAAG,cAAAC,UAAAJ,EAAA,QAAAP,SAAA;AAEDgB,OAAA,CAAChB,WAAWU,cAAaC,SAAUP,SACnC,oBAAC;GAAc,OAAA,IAAIsB,OAAOhB,cAAaC,SAAUP,MAAM;GAAaD,SAAAA;GAAgB,MAAA;IACpF;AAAAI,IAAA,MAAAH;AAAAG,IAAA,MAAAJ;AAAAI,IAAA,MAAAG,cAAAC;AAAAJ,IAAA,MAAAP;AAAAO,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAN,eAAA;AAED0B,OAAA,oBAAC;GACO,QAAA;GACI,YAAA;GACH,SAAA;GACH,MAAA;GACI,eAAM1B,gBAAgB,EAAE,CAAA;aACjC;IAEU;AAAAM,IAAA,MAAAN;AAAAM,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,MAAAT,EAAA,QAAAoB,IAAA;AA7BZC,OAAA,qBAAA;GAAgB,WAAAlC,yBAAMmC;;IACpBd;IAgBAC;IAIDW;;IASK;AAAApB,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QA9BNqB"}

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

@@ -1,59 +0,0 @@
-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

@@ -1,18 +0,0 @@
-import { DsSkeletonCircleProps } from "./ds-skeleton.types.cjs";
-import * as react_jsx_runtime22 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_runtime22.JSX.Element;
-//#endregion
-export { DsSkeletonCircle };
-//# sourceMappingURL=ds-skeleton-circle.d.cts.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,18 +0,0 @@
-import { DsSkeletonCircleProps } from "./ds-skeleton.types.js";
-import * as react_jsx_runtime30 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_runtime30.JSX.Element;
-//#endregion
-export { DsSkeletonCircle };
-//# sourceMappingURL=ds-skeleton-circle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-circle.d.ts","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"}

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

@@ -1,58 +0,0 @@
-import { circleSizeMap } from "./ds-skeleton.config.js";
-import ds_skeleton_module_default from "./ds-skeleton.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx } from "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 $ = 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 : 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 = ds_skeleton_module_default[color];
-	let t7;
-	if ($[4] !== className || $[5] !== t6) {
-		t7 = classNames(ds_skeleton_module_default.skeleton, 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__ */ 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
-export { ds_skeleton_circle_default as default };
-//# sourceMappingURL=ds-skeleton-circle.js.map

package/dist/components/ds-skeleton/ds-skeleton-circle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-circle.js","names":["CSSProperties","classNames","DsSkeletonCircleProps","circleSizeMap","styles","DsSkeletonCircle","t0","$","_c","size","t1","color","t2","className","style","undefined","pixelSize","t3","String","t4","t5","width","height","circleStyle","t6","t7","skeleton","circle","t8"],"sources":["../../../src/components/ds-skeleton/ds-skeleton-circle.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport classNames from 'classnames';\nimport type { DsSkeletonCircleProps } from './ds-skeleton.types';\nimport { circleSizeMap } from './ds-skeleton.config';\nimport styles from './ds-skeleton.module.scss';\n\n/**\n * Circle skeleton component - for avatars and icons\n * Matches DsAvatar sizes\n */\nconst DsSkeletonCircle = ({ size = 'regular', color = 'gray', className, style }: DsSkeletonCircleProps) => {\n\tconst pixelSize = typeof size === 'number' ? size : circleSizeMap[size];\n\n\tconst circleStyle: CSSProperties = {\n\t\twidth: `${String(pixelSize)}px`,\n\t\theight: `${String(pixelSize)}px`,\n\t\t...style,\n\t};\n\n\treturn (\n\t\t<span\n\t\t\tclassName={classNames(styles.skeleton, styles.circle, styles[color], className)}\n\t\t\tstyle={circleStyle}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n};\n\nexport default DsSkeletonCircle;\n"],"mappings":";;;;;;;;;;;AAUA,MAAMK,oBAAmBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,MAAAC,IAAAC,OAAAC,IAAAC,WAAAC,UAAAR;CAAE,MAAAG,OAAAC,OAAAK,SAAA,YAAAL;CAAkB,MAAAC,QAAAC,OAAAG,SAAA,SAAAH;CAC7C,MAAAI,YAAkB,OAAOP,SAAS,WAAhBA,OAAkCN,cAAcM;CAG1D,MAAAQ,KAAA,GAAGC,OAAOF,UAAU,CAAA;CACnB,MAAAG,KAAA,GAAGD,OAAOF,UAAU,CAAA;CAAI,IAAAI;AAAA,KAAAb,EAAA,OAAAO,SAAAP,EAAA,OAAAU,MAAAV,EAAA,OAAAY,IAAA;AAFEC,OAAA;GAAAC,OAC3BJ;GAAwBK,QACvBH;GAAwB,GAC7BL;GACH;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAU;AAAAV,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAJD,MAAAgB,cAAmCH;CAQqB,MAAAI,KAAApB,2BAAOO;CAAM,IAAAc;AAAA,KAAAlB,EAAA,OAAAM,aAAAN,EAAA,OAAAiB,IAAA;AAAxDC,OAAAxB,WAAWG,2BAAMsB,UAAWtB,2BAAMuB,QAASH,IAAeX,UAAU;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAiB;AAAAjB,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,OAAAgB,eAAAhB,EAAA,OAAAkB,IAAA;AADhFG,OAAA,oBAAA;GACY,WAAAH;GACJF,OAAAA;GACK,eAAA;IACX;AAAAhB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAJFqB;;AAQF,iCAAevB"}

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

@@ -1,61 +0,0 @@
-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-rect.tsx
-/**
-* Rectangle skeleton component - for buttons, images, and custom shapes
-*/
-const DsSkeletonRect = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(11);
-	const { width, height, radius: t1, color: t2, className, style } = t0;
-	const radius = t1 === void 0 ? "default" : t1;
-	const color = t2 === void 0 ? "gray" : t2;
-	const borderRadius = typeof radius === "number" ? radius : require_ds_skeleton_config.radiusMap[radius];
-	const t3 = typeof width === "number" ? `${String(width)}px` : width;
-	const t4 = typeof height === "number" ? `${String(height)}px` : height;
-	const t5 = `${String(borderRadius)}px`;
-	let t6;
-	if ($[0] !== style || $[1] !== t3 || $[2] !== t4 || $[3] !== t5) {
-		t6 = {
-			width: t3,
-			height: t4,
-			borderRadius: t5,
-			...style
-		};
-		$[0] = style;
-		$[1] = t3;
-		$[2] = t4;
-		$[3] = t5;
-		$[4] = t6;
-	} else t6 = $[4];
-	const rectStyle = t6;
-	const t7 = require_ds_skeleton_module.default[color];
-	let t8;
-	if ($[5] !== className || $[6] !== t7) {
-		t8 = (0, classnames.default)(require_ds_skeleton_module.default.skeleton, require_ds_skeleton_module.default.rectangle, t7, className);
-		$[5] = className;
-		$[6] = t7;
-		$[7] = t8;
-	} else t8 = $[7];
-	let t9;
-	if ($[8] !== rectStyle || $[9] !== t8) {
-		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: t8,
-			style: rectStyle,
-			"aria-hidden": "true"
-		});
-		$[8] = rectStyle;
-		$[9] = t8;
-		$[10] = t9;
-	} else t9 = $[10];
-	return t9;
-};
-var ds_skeleton_rect_default = DsSkeletonRect;
-
-//#endregion
-exports.default = ds_skeleton_rect_default;

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

@@ -1,18 +0,0 @@
-import { DsSkeletonRectProps } from "./ds-skeleton.types.cjs";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
-
-//#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
-/**
- * Rectangle skeleton component - for buttons, images, and custom shapes
- */
-declare const DsSkeletonRect: ({
-  width,
-  height,
-  radius,
-  color,
-  className,
-  style
-}: DsSkeletonRectProps) => react_jsx_runtime23.JSX.Element;
-//#endregion
-export { DsSkeletonRect };
-//# sourceMappingURL=ds-skeleton-rect.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-rect.d.cts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton-rect.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAE+D,cAOzD,cAwBL,EAAA,CAAA;EAAA,KAAA;EAAA,MAAA;EAAA,MAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAjBE,mBAiBF,EAAA,GAjBqB,mBAAA,CAAA,GAAA,CAAA,OAiBrB"}

package/dist/components/ds-skeleton/ds-skeleton-rect.d.ts

@@ -1,18 +0,0 @@
-import { DsSkeletonRectProps } from "./ds-skeleton.types.js";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
-
-//#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
-/**
- * Rectangle skeleton component - for buttons, images, and custom shapes
- */
-declare const DsSkeletonRect: ({
-  width,
-  height,
-  radius,
-  color,
-  className,
-  style
-}: DsSkeletonRectProps) => react_jsx_runtime25.JSX.Element;
-//#endregion
-export { DsSkeletonRect };
-//# sourceMappingURL=ds-skeleton-rect.d.ts.map

package/dist/components/ds-skeleton/ds-skeleton-rect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-rect.d.ts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton-rect.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAE+D,cAOzD,cAwBL,EAAA,CAAA;EAAA,KAAA;EAAA,MAAA;EAAA,MAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAjBE,mBAiBF,EAAA,GAjBqB,mBAAA,CAAA,GAAA,CAAA,OAiBrB"}

package/dist/components/ds-skeleton/ds-skeleton-rect.js

@@ -1,60 +0,0 @@
-import { radiusMap } from "./ds-skeleton.config.js";
-import ds_skeleton_module_default from "./ds-skeleton.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/ds-skeleton/ds-skeleton-rect.tsx
-/**
-* Rectangle skeleton component - for buttons, images, and custom shapes
-*/
-const DsSkeletonRect = (t0) => {
-	const $ = c(11);
-	const { width, height, radius: t1, color: t2, className, style } = t0;
-	const radius = t1 === void 0 ? "default" : t1;
-	const color = t2 === void 0 ? "gray" : t2;
-	const borderRadius = typeof radius === "number" ? radius : radiusMap[radius];
-	const t3 = typeof width === "number" ? `${String(width)}px` : width;
-	const t4 = typeof height === "number" ? `${String(height)}px` : height;
-	const t5 = `${String(borderRadius)}px`;
-	let t6;
-	if ($[0] !== style || $[1] !== t3 || $[2] !== t4 || $[3] !== t5) {
-		t6 = {
-			width: t3,
-			height: t4,
-			borderRadius: t5,
-			...style
-		};
-		$[0] = style;
-		$[1] = t3;
-		$[2] = t4;
-		$[3] = t5;
-		$[4] = t6;
-	} else t6 = $[4];
-	const rectStyle = t6;
-	const t7 = ds_skeleton_module_default[color];
-	let t8;
-	if ($[5] !== className || $[6] !== t7) {
-		t8 = classNames(ds_skeleton_module_default.skeleton, ds_skeleton_module_default.rectangle, t7, className);
-		$[5] = className;
-		$[6] = t7;
-		$[7] = t8;
-	} else t8 = $[7];
-	let t9;
-	if ($[8] !== rectStyle || $[9] !== t8) {
-		t9 = /* @__PURE__ */ jsx("span", {
-			className: t8,
-			style: rectStyle,
-			"aria-hidden": "true"
-		});
-		$[8] = rectStyle;
-		$[9] = t8;
-		$[10] = t9;
-	} else t9 = $[10];
-	return t9;
-};
-var ds_skeleton_rect_default = DsSkeletonRect;
-
-//#endregion
-export { ds_skeleton_rect_default as default };
-//# sourceMappingURL=ds-skeleton-rect.js.map

package/dist/components/ds-skeleton/ds-skeleton-rect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-rect.js","names":["React","classNames","DsSkeletonRectProps","radiusMap","styles","DsSkeletonRect","t0","$","_c","width","height","radius","t1","color","t2","className","style","undefined","borderRadius","t3","String","t4","t5","t6","rectStyle","t7","t8","skeleton","rectangle","t9"],"sources":["../../../src/components/ds-skeleton/ds-skeleton-rect.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport type { DsSkeletonRectProps } from './ds-skeleton.types';\nimport { radiusMap } from './ds-skeleton.config';\nimport styles from './ds-skeleton.module.scss';\n\n/**\n * Rectangle skeleton component - for buttons, images, and custom shapes\n */\nconst DsSkeletonRect = ({\n\twidth,\n\theight,\n\tradius = 'default',\n\tcolor = 'gray',\n\tclassName,\n\tstyle,\n}: DsSkeletonRectProps) => {\n\tconst borderRadius = typeof radius === 'number' ? radius : radiusMap[radius];\n\n\tconst rectStyle: React.CSSProperties = {\n\t\twidth: typeof width === 'number' ? `${String(width)}px` : width,\n\t\theight: typeof height === 'number' ? `${String(height)}px` : height,\n\t\tborderRadius: `${String(borderRadius)}px`,\n\t\t...style,\n\t};\n\n\treturn (\n\t\t<span\n\t\t\tclassName={classNames(styles.skeleton, styles.rectangle, styles[color], className)}\n\t\t\tstyle={rectStyle}\n\t\t\taria-hidden=\"true\"\n\t\t/>\n\t);\n};\n\nexport default DsSkeletonRect;\n"],"mappings":";;;;;;;;;;AASA,MAAMK,kBAAiBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,OAAAC,QAAAC,QAAAC,IAAAC,OAAAC,IAAAC,WAAAC,UAAAV;CAGvB,MAAAK,SAAAC,OAAAK,SAAA,YAAAL;CACA,MAAAC,QAAAC,OAAAG,SAAA,SAAAH;CAIA,MAAAI,eAAqB,OAAOP,WAAW,WAAlBA,SAAsCR,UAAUQ;CAG7D,MAAAQ,KAAA,OAAOV,UAAU,WAAjB,GAA+BW,OAAOX,MAAM,CAAA,MAA5CA;CACC,MAAAY,KAAA,OAAOX,WAAW,WAAlB,GAAgCU,OAAOV,OAAO,CAAA,MAA9CA;CACM,MAAAY,KAAA,GAAGF,OAAOF,aAAa,CAAA;CAAI,IAAAK;AAAA,KAAAhB,EAAA,OAAAS,SAAAT,EAAA,OAAAY,MAAAZ,EAAA,OAAAc,MAAAd,EAAA,OAAAe,IAAA;AAHHC,OAAA;GAAAd,OAC/BU;GAAwDT,QACvDW;GAA2DH,cACrDI;GAA2B,GACtCN;GACH;AAAAT,IAAA,KAAAS;AAAAT,IAAA,KAAAY;AAAAZ,IAAA,KAAAc;AAAAd,IAAA,KAAAe;AAAAf,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CALD,MAAAiB,YAAuCD;CASoB,MAAAE,KAAArB,2BAAOS;CAAM,IAAAa;AAAA,KAAAnB,EAAA,OAAAQ,aAAAR,EAAA,OAAAkB,IAAA;AAA3DC,OAAAzB,WAAWG,2BAAMuB,UAAWvB,2BAAMwB,WAAYH,IAAeV,UAAU;AAAAR,IAAA,KAAAQ;AAAAR,IAAA,KAAAkB;AAAAlB,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,OAAAiB,aAAAjB,EAAA,OAAAmB,IAAA;AADnFG,OAAA,oBAAA;GACY,WAAAH;GACJF,OAAAA;GACK,eAAA;IACX;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAmB;AAAAnB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;AAAA,QAJFsB;;AAQF,+BAAexB"}

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

@@ -1,91 +0,0 @@
-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-text.tsx
-/**
-* Text skeleton component - matches typography variants
-* It renders pill-shaped lines that match the height of text content
-*/
-const DsSkeletonText = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(19);
-	const { typographyVariant: t1, color: t2, lines: t3, width, radius: t4, className, style } = t0;
-	const typographyVariant = t1 === void 0 ? "body-sm-reg" : t1;
-	const color = t2 === void 0 ? "gray" : t2;
-	const lines = t3 === void 0 ? 1 : t3;
-	const radius = t4 === void 0 ? "default" : t4;
-	const height = require_ds_skeleton_config.typographyHeightMap[typographyVariant];
-	const borderRadius = typeof radius === "number" ? radius : require_ds_skeleton_config.radiusMap[radius];
-	let t5;
-	if ($[0] !== width) {
-		t5 = () => {
-			if (width !== void 0) return width;
-			return "100%";
-		};
-		$[0] = width;
-		$[1] = t5;
-	} else t5 = $[1];
-	const getLineWidth = t5;
-	const t6 = require_ds_skeleton_module.default[color];
-	let t7;
-	if ($[2] !== className || $[3] !== t6) {
-		t7 = (0, classnames.default)(require_ds_skeleton_module.default.skeleton, require_ds_skeleton_module.default.text, t6, className);
-		$[2] = className;
-		$[3] = t6;
-		$[4] = t7;
-	} else t7 = $[4];
-	const lineClassName = t7;
-	let t8;
-	if ($[5] !== borderRadius || $[6] !== height || $[7] !== style) {
-		t8 = (lineWidth) => ({
-			height,
-			width: typeof lineWidth === "number" ? String(lineWidth) + "px" : lineWidth,
-			borderRadius,
-			...style
-		});
-		$[5] = borderRadius;
-		$[6] = height;
-		$[7] = style;
-		$[8] = t8;
-	} else t8 = $[8];
-	const createLineStyle = t8;
-	let t9;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = { gap: require_ds_skeleton_config.DEFAULT_LINE_GAP };
-		$[9] = t9;
-	} else t9 = $[9];
-	let t10;
-	if ($[10] !== createLineStyle || $[11] !== getLineWidth || $[12] !== lineClassName || $[13] !== lines) {
-		let t11;
-		if ($[15] !== createLineStyle || $[16] !== getLineWidth || $[17] !== lineClassName) {
-			t11 = (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: lineClassName,
-				style: createLineStyle(getLineWidth())
-			}, index);
-			$[15] = createLineStyle;
-			$[16] = getLineWidth;
-			$[17] = lineClassName;
-			$[18] = t11;
-		} else t11 = $[18];
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			"aria-hidden": "true",
-			className: require_ds_skeleton_module.default.container,
-			style: t9,
-			children: Array.from({ length: lines }, t11)
-		});
-		$[10] = createLineStyle;
-		$[11] = getLineWidth;
-		$[12] = lineClassName;
-		$[13] = lines;
-		$[14] = t10;
-	} else t10 = $[14];
-	return t10;
-};
-var ds_skeleton_text_default = DsSkeletonText;
-
-//#endregion
-exports.default = ds_skeleton_text_default;

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

@@ -1,21 +0,0 @@
-import { DsSkeletonTextProps } from "./ds-skeleton.types.cjs";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
-
-//#region src/components/ds-skeleton/ds-skeleton-text.d.ts
-
-/**
- * Text skeleton component - matches typography variants
- * It renders pill-shaped lines that match the height of text content
- */
-declare const DsSkeletonText: ({
-  typographyVariant,
-  color,
-  lines,
-  width,
-  radius,
-  className,
-  style
-}: DsSkeletonTextProps) => react_jsx_runtime21.JSX.Element;
-//#endregion
-export { DsSkeletonText };
-//# sourceMappingURL=ds-skeleton-text.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-text.d.cts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton-text.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAE+D;cAQzD,cAAkB,EAAA,CAAA;EAAA,iBAAA;EAAA,KAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAQrB,mBARqB,EAAA,GAQF,mBAAA,CAAA,GAAA,CAAA,OARE"}

package/dist/components/ds-skeleton/ds-skeleton-text.d.ts

@@ -1,21 +0,0 @@
-import { DsSkeletonTextProps } from "./ds-skeleton.types.js";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
-
-//#region src/components/ds-skeleton/ds-skeleton-text.d.ts
-
-/**
- * Text skeleton component - matches typography variants
- * It renders pill-shaped lines that match the height of text content
- */
-declare const DsSkeletonText: ({
-  typographyVariant,
-  color,
-  lines,
-  width,
-  radius,
-  className,
-  style
-}: DsSkeletonTextProps) => react_jsx_runtime29.JSX.Element;
-//#endregion
-export { DsSkeletonText };
-//# sourceMappingURL=ds-skeleton-text.d.ts.map

package/dist/components/ds-skeleton/ds-skeleton-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-skeleton-text.d.ts","names":[],"sources":["../../../src/components/ds-skeleton/ds-skeleton-text.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAE+D;cAQzD,cAAkB,EAAA,CAAA;EAAA,iBAAA;EAAA,KAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAQrB,mBARqB,EAAA,GAQF,mBAAA,CAAA,GAAA,CAAA,OARE"}