@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-form-control/index.cjs

@@ -0,0 +1,2 @@
+const require_ds_form_control = require('./ds-form-control.cjs');
+const require_ds_form_control_types = require('./ds-form-control.types.cjs');

package/dist/components/ds-form-control/index.d.ts

@@ -0,0 +1,2 @@
+import { ControlStatus, DsFormControlDescriptionProps, DsFormControlProps, controlStatuses } from "./ds-form-control.types.js";
+import { DsFormControl } from "./ds-form-control.js";

package/dist/components/ds-form-control/index.js

@@ -0,0 +1,2 @@
+import ds_form_control_default from "./ds-form-control.js";
+import { controlStatuses } from "./ds-form-control.types.js";

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

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-grid/ds-grid.tsx
+/**
+* Design system Grid component
+*/
+const DsGrid = ({ children, columns, rows, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)("ds-grid", {
+			[`ds-grid-cols-${String(columns)}`]: columns,
+			[`ds-grid-rows-${String(rows)}`]: rows
+		}, className),
+		children
+	});
+};
+/**
+* Design system GridItem component
+*/
+const DsGridItem = ({ children, colSpan, colStart, rowSpan, rowStart, className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)({
+			[`ds-grid-col-span-${String(colSpan)}`]: colSpan,
+			[`ds-grid-col-start-${String(colStart)}`]: colStart,
+			[`ds-grid-row-span-${String(rowSpan)}`]: rowSpan,
+			[`ds-grid-row-start-${String(rowStart)}`]: rowStart
+		}, className),
+		children
+	});
+};
+
+//#endregion
+exports.DsGrid = DsGrid;
+exports.DsGridItem = DsGridItem;

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

@@ -0,0 +1,16 @@
+import { DsGridItemProps, DsGridProps } from "./ds-grid.types.cjs";
+import React from "react";
+
+//#region src/components/ds-grid/ds-grid.d.ts
+
+/**
+ * Design system Grid component
+ */
+declare const DsGrid: React.FC<DsGridProps>;
+/**
+ * Design system GridItem component
+ */
+declare const DsGridItem: React.FC<DsGridItemProps>;
+//#endregion
+export { DsGrid, DsGridItem };
+//# sourceMappingURL=ds-grid.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-grid.d.cts","names":[],"sources":["../../../src/components/ds-grid/ds-grid.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOA;AAgBa,cAhBA,MAmCZ,EAnCoB,KAAA,CAAM,EAgBO,CAhBJ,WAgBL,CAAA;;;;cAAZ,YAAY,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,16 @@
+import { DsGridItemProps, DsGridProps } from "./ds-grid.types.js";
+import React from "react";
+
+//#region src/components/ds-grid/ds-grid.d.ts
+
+/**
+ * Design system Grid component
+ */
+declare const DsGrid: React.FC<DsGridProps>;
+/**
+ * Design system GridItem component
+ */
+declare const DsGridItem: React.FC<DsGridItemProps>;
+//#endregion
+export { DsGrid, DsGridItem };
+//# sourceMappingURL=ds-grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-grid.d.ts","names":[],"sources":["../../../src/components/ds-grid/ds-grid.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOA;AAgBa,cAhBA,MAmCZ,EAnCoB,KAAA,CAAM,EAgBO,CAhBJ,WAgBL,CAAA;;;;cAAZ,YAAY,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,34 @@
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-grid/ds-grid.tsx
+/**
+* Design system Grid component
+*/
+const DsGrid = ({ children, columns, rows, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames("ds-grid", {
+			[`ds-grid-cols-${String(columns)}`]: columns,
+			[`ds-grid-rows-${String(rows)}`]: rows
+		}, className),
+		children
+	});
+};
+/**
+* Design system GridItem component
+*/
+const DsGridItem = ({ children, colSpan, colStart, rowSpan, rowStart, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames({
+			[`ds-grid-col-span-${String(colSpan)}`]: colSpan,
+			[`ds-grid-col-start-${String(colStart)}`]: colStart,
+			[`ds-grid-row-span-${String(rowSpan)}`]: rowSpan,
+			[`ds-grid-row-start-${String(rowStart)}`]: rowStart
+		}, className),
+		children
+	});
+};
+
+//#endregion
+export { DsGrid, DsGridItem };
+//# sourceMappingURL=ds-grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-grid.js","names":["React","classNames","DsGridItemProps","DsGridProps","DsGrid","FC","children","columns","rows","className","gridClass","String","DsGridItem","colSpan","colStart","rowSpan","rowStart","gridItemClass"],"sources":["../../../src/components/ds-grid/ds-grid.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport type { DsGridItemProps, DsGridProps } from './ds-grid.types';\n\n/**\n * Design system Grid component\n */\nexport const DsGrid: React.FC<DsGridProps> = ({ children, columns, rows, className }) => {\n\tconst gridClass = classNames(\n\t\t'ds-grid',\n\t\t{\n\t\t\t[`ds-grid-cols-${String(columns)}`]: columns,\n\t\t\t[`ds-grid-rows-${String(rows)}`]: rows,\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn <div className={gridClass}>{children}</div>;\n};\n\n/**\n * Design system GridItem component\n */\nexport const DsGridItem: React.FC<DsGridItemProps> = ({\n\tchildren,\n\tcolSpan,\n\tcolStart,\n\trowSpan,\n\trowStart,\n\tclassName,\n}) => {\n\tconst gridItemClass = classNames(\n\t\t{\n\t\t\t[`ds-grid-col-span-${String(colSpan)}`]: colSpan,\n\t\t\t[`ds-grid-col-start-${String(colStart)}`]: colStart,\n\t\t\t[`ds-grid-row-span-${String(rowSpan)}`]: rowSpan,\n\t\t\t[`ds-grid-row-start-${String(rowStart)}`]: rowStart,\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn <div className={gridItemClass}>{children}</div>;\n};\n"],"mappings":";;;;;;;AAOA,MAAaI,UAAiC,EAAEE,UAAUC,SAASC,MAAMC,gBAAgB;AAUxF,QAAO,oBAAC;EAAI,WATMR,WACjB,WACA;IACE,gBAAgBU,OAAOJ,QAAQ,KAAKA;IACpC,gBAAgBI,OAAOH,KAAK,KAAKA;GAClC,EACDC,UACA;EAEkCH;GAAe;;;;;AAMnD,MAAaM,cAAyC,EACrDN,UACAO,SACAC,UACAC,SACAC,UACAP,gBACK;AAWL,QAAO,oBAAC;EAAI,WAVUR,WACrB;IACE,oBAAoBU,OAAOE,QAAQ,KAAKA;IACxC,qBAAqBF,OAAOG,SAAS,KAAKA;IAC1C,oBAAoBH,OAAOI,QAAQ,KAAKA;IACxC,qBAAqBJ,OAAOK,SAAS,KAAKA;GAC3C,EACDP,UACA;EAEsCH;GAAe"}

package/dist/components/ds-grid/ds-grid.types.d.cts

@@ -0,0 +1,50 @@
+import { ReactNode } from "react";
+
+//#region src/components/ds-grid/ds-grid.types.d.ts
+interface DsGridProps {
+  /**
+   * The content to be rendered inside the grid
+   */
+  children: ReactNode;
+  /**
+   * Number of rows in the grid (defaults to 1)
+   */
+  rows?: 1 | 2 | 4 | 6 | 8;
+  /**
+   * Number of columns in the grid (defaults to 12)
+   */
+  columns?: 2 | 4 | 6 | 8 | 10 | 12;
+  /**
+   * Custom class names to apply to the grid
+   */
+  className?: string;
+}
+interface DsGridItemProps {
+  /**
+   * The content to be rendered inside the grid item
+   */
+  children: ReactNode;
+  /**
+   * Number of columns the item spans (1-12) or 'full'
+   */
+  colSpan?: number | 'full';
+  /**
+   * Starting column for the item (1-11)
+   */
+  colStart?: number;
+  /**
+   * Number of rows the item spans (1-8) or 'full'
+   */
+  rowSpan?: number | 'full';
+  /**
+   * Starting row for the item (1-7)
+   */
+  rowStart?: number;
+  /**
+   * Custom class names to apply to the grid item
+   */
+  className?: string;
+}
+//#endregion
+export { DsGridItemProps, DsGridProps };
+//# sourceMappingURL=ds-grid.types.d.cts.map

package/dist/components/ds-grid/ds-grid.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-grid.types.d.cts","names":[],"sources":["../../../src/components/ds-grid/ds-grid.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,WAAA;;AAAjB;AAsBA;YAlBW;;;;;;;;;;;;;;UAkBM,eAAA;;;;YAIN"}

package/dist/components/ds-grid/ds-grid.types.d.ts

@@ -0,0 +1,50 @@
+import { ReactNode } from "react";
+
+//#region src/components/ds-grid/ds-grid.types.d.ts
+interface DsGridProps {
+  /**
+   * The content to be rendered inside the grid
+   */
+  children: ReactNode;
+  /**
+   * Number of rows in the grid (defaults to 1)
+   */
+  rows?: 1 | 2 | 4 | 6 | 8;
+  /**
+   * Number of columns in the grid (defaults to 12)
+   */
+  columns?: 2 | 4 | 6 | 8 | 10 | 12;
+  /**
+   * Custom class names to apply to the grid
+   */
+  className?: string;
+}
+interface DsGridItemProps {
+  /**
+   * The content to be rendered inside the grid item
+   */
+  children: ReactNode;
+  /**
+   * Number of columns the item spans (1-12) or 'full'
+   */
+  colSpan?: number | 'full';
+  /**
+   * Starting column for the item (1-11)
+   */
+  colStart?: number;
+  /**
+   * Number of rows the item spans (1-8) or 'full'
+   */
+  rowSpan?: number | 'full';
+  /**
+   * Starting row for the item (1-7)
+   */
+  rowStart?: number;
+  /**
+   * Custom class names to apply to the grid item
+   */
+  className?: string;
+}
+//#endregion
+export { DsGridItemProps, DsGridProps };
+//# sourceMappingURL=ds-grid.types.d.ts.map

package/dist/components/ds-grid/ds-grid.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-grid.types.d.ts","names":[],"sources":["../../../src/components/ds-grid/ds-grid.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,WAAA;;AAAjB;AAsBA;YAlBW;;;;;;;;;;;;;;UAkBM,eAAA;;;;YAIN"}

package/dist/components/ds-grid/index.cjs

@@ -0,0 +1 @@
+const require_ds_grid = require('./ds-grid.cjs');

package/dist/components/ds-grid/index.d.ts

@@ -0,0 +1,2 @@
+import { DsGridItemProps, DsGridProps } from "./ds-grid.types.js";
+import { DsGrid, DsGridItem } from "./ds-grid.js";

package/dist/components/ds-grid/index.js

@@ -0,0 +1 @@
+import { DsGrid, DsGridItem } from "./ds-grid.js";

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

@@ -0,0 +1,100 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon_module = require('./ds-icon.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-icon/ds-icon.tsx
+/**
+* Design system Icon component that renders Google Material Icons or inline SVGs
+*/
+const DsIcon = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(24);
+	let filled;
+	let icon;
+	let rest;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({icon, size: t1, variant: t2, filled, className: t3, style: t4, ...rest} = t0);
+		$[0] = t0;
+		$[1] = filled;
+		$[2] = icon;
+		$[3] = rest;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		filled = $[1];
+		icon = $[2];
+		rest = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	const variant = t2 === void 0 ? "outlined" : t2;
+	const className = t3 === void 0 ? "" : t3;
+	let t5;
+	if ($[8] !== t4) {
+		t5 = t4 === void 0 ? {} : t4;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	const style = t5;
+	const variantClass = `material-symbols-${variant}`;
+	let t6;
+	let t7;
+	if ($[10] !== className || $[11] !== filled || $[12] !== icon || $[13] !== rest || $[14] !== size || $[15] !== style || $[16] !== variantClass) {
+		t7 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const iconClass = (0, classnames.default)(require_ds_icon_module.default.icon, require_ds_icon_module.default[size], { [require_ds_icon_module.default.filled]: filled }, className);
+			if (typeof icon === "function") {
+				t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(icon, {
+					className: iconClass,
+					style,
+					...rest
+				});
+				break bb0;
+			}
+			t6 = (0, classnames.default)(iconClass, variantClass);
+		}
+		$[10] = className;
+		$[11] = filled;
+		$[12] = icon;
+		$[13] = rest;
+		$[14] = size;
+		$[15] = style;
+		$[16] = variantClass;
+		$[17] = t6;
+		$[18] = t7;
+	} else {
+		t6 = $[17];
+		t7 = $[18];
+	}
+	if (t7 !== Symbol.for("react.early_return_sentinel")) return t7;
+	let t8;
+	if ($[19] !== icon || $[20] !== rest || $[21] !== style || $[22] !== t6) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: t6,
+			style,
+			...rest,
+			children: icon
+		});
+		$[19] = icon;
+		$[20] = rest;
+		$[21] = style;
+		$[22] = t6;
+		$[23] = t8;
+	} else t8 = $[23];
+	return t8;
+};
+var ds_icon_default = DsIcon;
+
+//#endregion
+exports.default = ds_icon_default;

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

@@ -0,0 +1,12 @@
+import { DsIconProps } from "./ds-icon.types.cjs";
+import React from "react";
+
+//#region src/components/ds-icon/ds-icon.d.ts
+
+/**
+ * Design system Icon component that renders Google Material Icons or inline SVGs
+ */
+declare const DsIcon: React.FC<DsIconProps>;
+//#endregion
+export { DsIcon };
+//# sourceMappingURL=ds-icon.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-icon.d.cts","names":[],"sources":["../../../src/components/ds-icon/ds-icon.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGmD;cAK7C,QAAQ,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,12 @@
+import { DsIconProps } from "./ds-icon.types.js";
+import React from "react";
+
+//#region src/components/ds-icon/ds-icon.d.ts
+
+/**
+ * Design system Icon component that renders Google Material Icons or inline SVGs
+ */
+declare const DsIcon: React.FC<DsIconProps>;
+//#endregion
+export { DsIcon };
+//# sourceMappingURL=ds-icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-icon.d.ts","names":[],"sources":["../../../src/components/ds-icon/ds-icon.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGmD;cAK7C,QAAQ,KAAA,CAAM,GAAG"}

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

@@ -0,0 +1,99 @@
+import ds_icon_module_default from "./ds-icon.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-icon/ds-icon.tsx
+/**
+* Design system Icon component that renders Google Material Icons or inline SVGs
+*/
+const DsIcon = (t0) => {
+	const $ = c(24);
+	let filled;
+	let icon;
+	let rest;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({icon, size: t1, variant: t2, filled, className: t3, style: t4, ...rest} = t0);
+		$[0] = t0;
+		$[1] = filled;
+		$[2] = icon;
+		$[3] = rest;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		filled = $[1];
+		icon = $[2];
+		rest = $[3];
+		t1 = $[4];
+		t2 = $[5];
+		t3 = $[6];
+		t4 = $[7];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	const variant = t2 === void 0 ? "outlined" : t2;
+	const className = t3 === void 0 ? "" : t3;
+	let t5;
+	if ($[8] !== t4) {
+		t5 = t4 === void 0 ? {} : t4;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	const style = t5;
+	const variantClass = `material-symbols-${variant}`;
+	let t6;
+	let t7;
+	if ($[10] !== className || $[11] !== filled || $[12] !== icon || $[13] !== rest || $[14] !== size || $[15] !== style || $[16] !== variantClass) {
+		t7 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const iconClass = classNames(ds_icon_module_default.icon, ds_icon_module_default[size], { [ds_icon_module_default.filled]: filled }, className);
+			if (typeof icon === "function") {
+				t7 = /* @__PURE__ */ jsx(icon, {
+					className: iconClass,
+					style,
+					...rest
+				});
+				break bb0;
+			}
+			t6 = classNames(iconClass, variantClass);
+		}
+		$[10] = className;
+		$[11] = filled;
+		$[12] = icon;
+		$[13] = rest;
+		$[14] = size;
+		$[15] = style;
+		$[16] = variantClass;
+		$[17] = t6;
+		$[18] = t7;
+	} else {
+		t6 = $[17];
+		t7 = $[18];
+	}
+	if (t7 !== Symbol.for("react.early_return_sentinel")) return t7;
+	let t8;
+	if ($[19] !== icon || $[20] !== rest || $[21] !== style || $[22] !== t6) {
+		t8 = /* @__PURE__ */ jsx("span", {
+			className: t6,
+			style,
+			...rest,
+			children: icon
+		});
+		$[19] = icon;
+		$[20] = rest;
+		$[21] = style;
+		$[22] = t6;
+		$[23] = t8;
+	} else t8 = $[23];
+	return t8;
+};
+var ds_icon_default = DsIcon;
+
+//#endregion
+export { ds_icon_default as default };
+//# sourceMappingURL=ds-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-icon.js","names":["React","classNames","styles","DsIconProps","DsIcon","FC","t0","$","_c","filled","icon","rest","t1","t2","t3","t4","size","variant","className","style","undefined","t5","variantClass","t6","t7","Symbol","for","bb0","iconClass","SvgComponent","t8"],"sources":["../../../src/components/ds-icon/ds-icon.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-icon.module.scss';\nimport type { DsIconProps } from './ds-icon.types';\n\n/**\n * Design system Icon component that renders Google Material Icons or inline SVGs\n */\nconst DsIcon: React.FC<DsIconProps> = ({\n\ticon,\n\tsize = 'medium',\n\tvariant = 'outlined',\n\tfilled,\n\tclassName = '',\n\tstyle = {},\n\t...rest\n}) => {\n\tconst variantClass = `material-symbols-${variant}`;\n\tconst iconClass = classNames(styles.icon, styles[size], { [styles.filled]: filled }, className);\n\n\tif (typeof icon === 'function') {\n\t\tconst SvgComponent = icon;\n\t\treturn <SvgComponent className={iconClass} style={style} {...rest} />;\n\t}\n\n\treturn (\n\t\t<span className={classNames(iconClass, variantClass)} style={style} {...rest}>\n\t\t\t{icon}\n\t\t</span>\n\t);\n};\n\nexport default DsIcon;\n"],"mappings":";;;;;;;;;AAQA,MAAMI,UAAgCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAI,MAAAM,MAAAJ,IAAAK,SAAAJ,IAAAJ,QAAAS,WAAAJ,IAAAK,OAAAJ,OAAAJ,QAAAL;AAQtCC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAN,WAAAF,EAAA;AAAAG,SAAAH,EAAA;AAAAI,SAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;CANA,MAAAS,OAAAJ,OAAAQ,SAAA,WAAAR;CACA,MAAAK,UAAAJ,OAAAO,SAAA,aAAAP;CAEA,MAAAK,YAAAJ,OAAAM,SAAA,KAAAN;CAAc,IAAAO;AAAA,KAAAd,EAAA,OAAAQ,IAAA;AACdM,OAAAN,OAAAK,SAAA,EAAU,GAAVL;AAAUR,IAAA,KAAAQ;AAAAR,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAV,MAAAY,QAAAE;CAGA,MAAAC,eAAqB,oBAAoBL;CAAU,IAAAM;CAAA,IAAAC;AAAA,KAAAjB,EAAA,QAAAW,aAAAX,EAAA,QAAAE,UAAAF,EAAA,QAAAG,QAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAS,QAAAT,EAAA,QAAAY,SAAAZ,EAAA,QAAAe,cAAA;AAK3CE,OAAAC,OAA8DC,IAA9D,8BAA8D;AAAAC,OAAA;GAJtE,MAAAC,YAAkB3B,WAAWC,uBAAMQ,MAAOR,uBAAOc,OAAO,GAAGd,uBAAMO,SAAUA,QAAQ,EAAES,UAAU;AAE/F,OAAI,OAAOR,SAAS,YAAU;AAEtBc,SAAA,oBADcd;KACWkB,WAAAA;KAAkBT;KAAK,GAAMR;MAAQ;AAA9D,UAAAgB;;AAIUJ,QAAAtB,WAAW2B,WAAWN,aAAa;;AAAAf,IAAA,MAAAW;AAAAX,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAS;AAAAT,IAAA,MAAAY;AAAAZ,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;QAAA;AAAAD,OAAAhB,EAAA;AAAAiB,OAAAjB,EAAA;;AAAA,KAAAiB,OAAAC,OAAAC,IAAA,8BAAA,CAAA,QAAAF;CAAA,IAAAM;AAAA,KAAAvB,EAAA,QAAAG,QAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAY,SAAAZ,EAAA,QAAAgB,IAAA;AAApDO,OAAA,oBAAA;GAAiB,WAAAP;GAA4CJ;GAAK,GAAMR;aACtED;IACK;AAAAH,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAgB;AAAAhB,IAAA,MAAAuB;OAAAA,MAAAvB,EAAA;AAAA,QAFPuB;;AAMF,sBAAe1B"}

package/dist/components/ds-icon/ds-icon.module.cjs

@@ -0,0 +1,14 @@
+
+//#region src/components/ds-icon/ds-icon.module.scss
+var ds_icon_module_default = {
+	"icon": "_icon_91b4d_1",
+	"extra-large": "_extra-large_91b4d_1",
+	"large": "_large_91b4d_1",
+	"medium": "_medium_91b4d_1",
+	"small": "_small_91b4d_1",
+	"tiny": "_tiny_91b4d_1",
+	"filled": "_filled_91b4d_1"
+};
+
+//#endregion
+exports.default = ds_icon_module_default;

package/dist/components/ds-icon/ds-icon.module.js

@@ -0,0 +1,14 @@
+//#region src/components/ds-icon/ds-icon.module.scss
+var ds_icon_module_default = {
+	"icon": "_icon_91b4d_1",
+	"extra-large": "_extra-large_91b4d_1",
+	"large": "_large_91b4d_1",
+	"medium": "_medium_91b4d_1",
+	"small": "_small_91b4d_1",
+	"tiny": "_tiny_91b4d_1",
+	"filled": "_filled_91b4d_1"
+};
+
+//#endregion
+export { ds_icon_module_default as default };
+//# sourceMappingURL=ds-icon.module.js.map

package/dist/components/ds-icon/ds-icon.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-icon.module.js","names":[],"sources":["../../../src/components/ds-icon/ds-icon.module.scss"],"sourcesContent":[".icon {\n\t&.extra-large {\n\t\tfont-size: var(--icon-width-extra-large);\n\t}\n\n\t&.large {\n\t\tfont-size: var(--icon-width-large);\n\t}\n\n\t&.medium {\n\t\tfont-size: var(--icon-width-medium);\n\t}\n\n\t&.small {\n\t\tfont-size: var(--icon-width-small);\n\t}\n\n\t&.tiny {\n\t\tfont-size: var(--icon-width-tiny);\n\t}\n}\n\n.filled {\n\tfont-variation-settings: 'FILL' 1;\n}\n"],"mappings":""}

package/dist/components/ds-icon/ds-icon.types.cjs

@@ -0,0 +1,14 @@
+
+//#region src/components/ds-icon/ds-icon.types.ts
+const iconSizes = [
+	"tiny",
+	"small",
+	"medium",
+	"large",
+	"extra-large"
+];
+const iconVariants = ["outlined", "rounded"];
+
+//#endregion
+exports.iconSizes = iconSizes;
+exports.iconVariants = iconVariants;

package/dist/components/ds-icon/ds-icon.types.d.cts

@@ -0,0 +1,46 @@
+import { IconPrefix, materialIcons } from "./material-icons.cjs";
+import React from "react";
+
+//#region src/components/ds-icon/ds-icon.types.d.ts
+declare const iconSizes: readonly ["tiny", "small", "medium", "large", "extra-large"];
+type IconSize = (typeof iconSizes)[number];
+declare const iconVariants: readonly ["outlined", "rounded"];
+type IconVariant = (typeof iconVariants)[number];
+type IconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
+type IconType = IconName | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+interface DsIconProps {
+  /**
+   * The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.
+   */
+  icon: IconType;
+  /**
+   * The size of the icon
+   * @default 'medium'
+   */
+  size?: IconSize;
+  /**
+   * The variant of the Material Icon
+   * @default 'outlined'
+   */
+  variant?: IconVariant;
+  /**
+   * Whether the icon should be filled
+   * @default false
+   */
+  filled?: boolean;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the icon
+   */
+  style?: React.CSSProperties;
+  /**
+   * Optional click handler
+   */
+  onClick?: (event: React.MouseEvent<HTMLSpanElement | SVGSVGElement>) => void;
+}
+//#endregion
+export { DsIconProps, IconName, IconSize, IconType, IconVariant, iconSizes, iconVariants };
+//# sourceMappingURL=ds-icon.types.d.cts.map

package/dist/components/ds-icon/ds-icon.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-icon.types.d.cts","names":[],"sources":["../../../src/components/ds-icon/ds-icon.types.ts"],"sourcesContent":[],"mappings":";;;;cAGa;KACD,QAAA,WAAmB;AADlB,cAEA,YAFwE,EAAA,SAAA,CAAA,UAAA,EAAA,SAAA,CAAA;AACzE,KAEA,WAAA,GAFQ,CAAW,OAEG,YAFM,CAAA,CAAA,MAAA,CAAA;AAC3B,KAGD,QAAA,GAHgD,QAChD,MAAA,OAGQ,aAHc,GAGE,CAHF,SAAY,GAGG,UAHH,KAAA,KAAA,KAAA,EAAA,GAAA,IAAA,GAAA,KAAA,EAE9C,CAAA,MAAY,OAEG,aAFK,CAAA;AACA,KAGR,QAAA,GAAW,QAHH,GAGc,KAAA,CAAM,iBAHpB,CAGsC,KAAA,CAAM,QAH5C,CAGqD,aAHrD,CAAA,CAAA;AAAgB,UAKnB,WAAA,CALmB;EAAa;;;EAGrC,IAAA,EAML,QANa;EAAG;;;;EAAkC,IAAA,CAAA,EAYjD,QAZiD;EAExC;;;;EAgCR,OAAM,CAAA,EAhBJ,WAgBI;EAKqB;;;;;;;;;;;;UAL3B,KAAA,CAAM;;;;oBAKI,KAAA,CAAM,WAAW,kBAAkB"}

package/dist/components/ds-icon/ds-icon.types.d.ts

@@ -0,0 +1,46 @@
+import { IconPrefix, materialIcons } from "./material-icons.js";
+import React from "react";
+
+//#region src/components/ds-icon/ds-icon.types.d.ts
+declare const iconSizes: readonly ["tiny", "small", "medium", "large", "extra-large"];
+type IconSize = (typeof iconSizes)[number];
+declare const iconVariants: readonly ["outlined", "rounded"];
+type IconVariant = (typeof iconVariants)[number];
+type IconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
+type IconType = IconName | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+interface DsIconProps {
+  /**
+   * The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.
+   */
+  icon: IconType;
+  /**
+   * The size of the icon
+   * @default 'medium'
+   */
+  size?: IconSize;
+  /**
+   * The variant of the Material Icon
+   * @default 'outlined'
+   */
+  variant?: IconVariant;
+  /**
+   * Whether the icon should be filled
+   * @default false
+   */
+  filled?: boolean;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the icon
+   */
+  style?: React.CSSProperties;
+  /**
+   * Optional click handler
+   */
+  onClick?: (event: React.MouseEvent<HTMLSpanElement | SVGSVGElement>) => void;
+}
+//#endregion
+export { DsIconProps, IconName, IconSize, IconType, IconVariant, iconSizes, iconVariants };
+//# sourceMappingURL=ds-icon.types.d.ts.map

package/dist/components/ds-icon/ds-icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-icon.types.d.ts","names":[],"sources":["../../../src/components/ds-icon/ds-icon.types.ts"],"sourcesContent":[],"mappings":";;;;cAGa;KACD,QAAA,WAAmB;AADlB,cAEA,YAFwE,EAAA,SAAA,CAAA,UAAA,EAAA,SAAA,CAAA;AACzE,KAEA,WAAA,GAFQ,CAAW,OAEG,YAFM,CAAA,CAAA,MAAA,CAAA;AAC3B,KAGD,QAAA,GAHgD,QAChD,MAAA,OAGQ,aAHc,GAGE,CAHF,SAAY,GAGG,UAHH,KAAA,KAAA,KAAA,EAAA,GAAA,IAAA,GAAA,KAAA,EAE9C,CAAA,MAAY,OAEG,aAFK,CAAA;AACA,KAGR,QAAA,GAAW,QAHH,GAGc,KAAA,CAAM,iBAHpB,CAGsC,KAAA,CAAM,QAH5C,CAGqD,aAHrD,CAAA,CAAA;AAAgB,UAKnB,WAAA,CALmB;EAAa;;;EAGrC,IAAA,EAML,QANa;EAAG;;;;EAAkC,IAAA,CAAA,EAYjD,QAZiD;EAExC;;;;EAgCR,OAAM,CAAA,EAhBJ,WAgBI;EAKqB;;;;;;;;;;;;UAL3B,KAAA,CAAM;;;;oBAKI,KAAA,CAAM,WAAW,kBAAkB"}

package/dist/components/ds-icon/ds-icon.types.js

@@ -0,0 +1,13 @@
+//#region src/components/ds-icon/ds-icon.types.ts
+const iconSizes = [
+	"tiny",
+	"small",
+	"medium",
+	"large",
+	"extra-large"
+];
+const iconVariants = ["outlined", "rounded"];
+
+//#endregion
+export { iconSizes, iconVariants };
+//# sourceMappingURL=ds-icon.types.js.map