@drivenets/design-system 0.0.3 → 0.0.4

package/dist/components/ds-form-control/ds-form-control.d.cts

@@ -4,7 +4,7 @@ import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.typ
 import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.cjs";
 import { DsSelectProps } from "../ds-select/ds-select.types.cjs";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.cjs";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -20,12 +20,12 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime39.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime39.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime39.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime39.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime39.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime39.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime20.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime20.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime20.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime20.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime20.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime20.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -9,7 +9,7 @@ import "../ds-textarea/index.js";
 import { DsSelectProps } from "../ds-select/ds-select.types.js";
 import "../ds-select/index.js";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -25,12 +25,12 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime12.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime12.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime12.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime12.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime12.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime12.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime4.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime4.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime4.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime4.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime4.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime4.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.d.ts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;cAwCM;;;;;;;;;;;;KAWH,qBAAkB,mBAAA,CAAA,GAAA,CAAA;qBAAA"}
+{"version":3,"file":"ds-form-control.d.ts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;cAwCM;;;;;;;;;;;;KAWH,qBAAkB,kBAAA,CAAA,GAAA,CAAA;qBAAA"}

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

@@ -11,6 +11,7 @@ import "../ds-number-input/index.js";
 import ds_password_input_default from "../ds-password-input/ds-password-input.js";
 import "../ds-password-input/index.js";
 import ds_form_control_module_default from "./ds-form-control.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useId } from "react";
@@ -38,47 +39,131 @@ const controlify = (Component) => {
 		});
 	};
 };
-const DsFormControlDescription = ({ children, className }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: classNames(ds_form_control_module_default.description, className),
-		children
-	});
+const DsFormControlDescription = (t0) => {
+	const $ = c(5);
+	const { children, className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_form_control_module_default.description, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 };
-const DsFormControl = ({ id, status, label, required = false, slots, message, messageIcon = "info", className, style, children }) => {
+const DsFormControl = (t0) => {
+	const $ = c(28);
+	const { id, status, label, required: t1, slots, message, messageIcon: t2, className, style, children } = t0;
+	const required = t1 === void 0 ? false : t1;
+	const messageIcon = t2 === void 0 ? "info" : t2;
 	const generatedId = useId();
 	const controlId = id || generatedId;
-	return /* @__PURE__ */ jsx(FormControlContext.Provider, {
-		value: { controlId },
-		children: /* @__PURE__ */ jsxs("div", {
-			className: classNames(ds_form_control_module_default.container, status && message && ds_form_control_module_default[status], className),
+	let t3;
+	if ($[0] !== controlId) {
+		t3 = { controlId };
+		$[0] = controlId;
+		$[1] = t3;
+	} else t3 = $[1];
+	const t4 = status && message && ds_form_control_module_default[status];
+	let t5;
+	if ($[2] !== className || $[3] !== t4) {
+		t5 = classNames(ds_form_control_module_default.container, t4, className);
+		$[2] = className;
+		$[3] = t4;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== required) {
+		t6 = classNames(ds_form_control_module_default.label, { [ds_form_control_module_default.required]: required });
+		$[5] = required;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== controlId || $[8] !== label || $[9] !== t6) {
+		t7 = /* @__PURE__ */ jsx("label", {
+			htmlFor: controlId,
+			className: t6,
+			children: label
+		});
+		$[7] = controlId;
+		$[8] = label;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== slots) {
+		t8 = slots?.endAdornment && /* @__PURE__ */ jsx("div", {
+			className: ds_form_control_module_default.endAdornment,
+			children: slots.endAdornment
+		});
+		$[11] = slots;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== t7 || $[14] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: ds_form_control_module_default.labelContainer,
+			children: [t7, t8]
+		});
+		$[13] = t7;
+		$[14] = t8;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== message || $[17] !== messageIcon) {
+		t10 = message && /* @__PURE__ */ jsxs("div", {
+			className: ds_form_control_module_default.message,
+			children: [/* @__PURE__ */ jsx(ds_icon_default, {
+				icon: messageIcon,
+				size: "tiny",
+				filled: true
+			}), /* @__PURE__ */ jsx("span", {
+				className: ds_form_control_module_default.messageText,
+				children: message
+			})]
+		});
+		$[16] = message;
+		$[17] = messageIcon;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== children || $[20] !== style || $[21] !== t10 || $[22] !== t5 || $[23] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
 			style,
 			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: ds_form_control_module_default.labelContainer,
-					children: [/* @__PURE__ */ jsx("label", {
-						htmlFor: controlId,
-						className: classNames(ds_form_control_module_default.label, { [ds_form_control_module_default.required]: required }),
-						children: label
-					}), slots?.endAdornment && /* @__PURE__ */ jsx("div", {
-						className: ds_form_control_module_default.endAdornment,
-						children: slots.endAdornment
-					})]
-				}),
+				t9,
 				children,
-				message && /* @__PURE__ */ jsxs("div", {
-					className: ds_form_control_module_default.message,
-					children: [/* @__PURE__ */ jsx(ds_icon_default, {
-						icon: messageIcon,
-						size: "tiny",
-						filled: true
-					}), /* @__PURE__ */ jsx("span", {
-						className: ds_form_control_module_default.messageText,
-						children: message
-					})]
-				})
+				t10
 			]
-		})
-	});
+		});
+		$[19] = children;
+		$[20] = style;
+		$[21] = t10;
+		$[22] = t5;
+		$[23] = t9;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== t11 || $[26] !== t3) {
+		t12 = /* @__PURE__ */ jsx(FormControlContext.Provider, {
+			value: t3,
+			children: t11
+		});
+		$[25] = t11;
+		$[26] = t3;
+		$[27] = t12;
+	} else t12 = $[27];
+	return t12;
 };
 DsFormControl.TextInput = controlify(ds_text_input_default);
 DsFormControl.NumberInput = controlify(ds_number_input_default);

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

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.js","names":["DsFormControlDescription: React.FC<DsFormControlDescriptionProps>","styles","DsIcon","DsTextInput","DsNumberInput","DsPasswordInput","DsTextarea","DsSelect"],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":["import { type ComponentType, createContext, useContext, useId } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport { DsSelect } from '../ds-select';\nimport { DsTextInput } from '../ds-text-input';\nimport { DsTextarea } from '../ds-textarea';\nimport { DsNumberInput } from '../ds-number-input';\nimport { DsPasswordInput } from '../ds-password-input';\nimport type { DsFormControlDescriptionProps, DsFormControlProps } from './ds-form-control.types';\nimport styles from './ds-form-control.module.scss';\n\nconst FormControlContext = createContext<{ controlId: string } | null>(null);\n\nconst useFormControlContext = () => {\n\tconst context = useContext(FormControlContext);\n\tif (!context) {\n\t\tthrow new Error('useFormControlContext must be used within DsFormControl');\n\t}\n\treturn context;\n};\n\n/**\n * HOC that automatically injects the controlId from form control context\n * into any component that expects an 'id' prop.\n *\n * @param Component - The component to wrap with form control context\n * @returns A new component that automatically receives the controlId\n */\nconst controlify = <TProps extends { id?: string }>(Component: ComponentType<TProps>) => {\n\treturn function WrappedFormControl(props: TProps) {\n\t\tconst { controlId } = useFormControlContext();\n\t\treturn <Component id={controlId} {...props} />;\n\t};\n};\n\nconst DsFormControlDescription: React.FC<DsFormControlDescriptionProps> = ({ children, className }) => {\n\treturn <div className={classNames(styles.description, className)}>{children}</div>;\n};\n\nconst DsFormControl = ({\n\tid,\n\tstatus,\n\tlabel,\n\trequired = false,\n\tslots,\n\tmessage,\n\tmessageIcon = 'info',\n\tclassName,\n\tstyle,\n\tchildren,\n}: DsFormControlProps) => {\n\tconst generatedId = useId();\n\tconst controlId = id || generatedId;\n\n\treturn (\n\t\t<FormControlContext.Provider value={{ controlId }}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles.container, status && message && styles[status], className)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className={styles.labelContainer}>\n\t\t\t\t\t<label\n\t\t\t\t\t\thtmlFor={controlId}\n\t\t\t\t\t\tclassName={classNames(styles.label, {\n\t\t\t\t\t\t\t[styles.required]: required,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</label>\n\t\t\t\t\t{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{children}\n\n\t\t\t\t{message && (\n\t\t\t\t\t<div className={styles.message}>\n\t\t\t\t\t\t<DsIcon icon={messageIcon} size=\"tiny\" filled />\n\t\t\t\t\t\t<span className={styles.messageText}>{message}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</FormControlContext.Provider>\n\t);\n};\n\nDsFormControl.TextInput = controlify(DsTextInput);\nDsFormControl.NumberInput = controlify(DsNumberInput);\nDsFormControl.PasswordInput = controlify(DsPasswordInput);\nDsFormControl.Textarea = controlify(DsTextarea);\nDsFormControl.Select = controlify(DsSelect);\nDsFormControl.Description = DsFormControlDescription;\n\nexport default DsFormControl;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,qBAAqB,cAA4C,KAAK;AAE5E,MAAM,8BAA8B;CACnC,MAAM,UAAU,WAAW,mBAAmB;AAC9C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,0DAA0D;AAE3E,QAAO;;;;;;;;;AAUR,MAAM,cAA8C,cAAqC;AACxF,QAAO,SAAS,mBAAmB,OAAe;EACjD,MAAM,EAAE,cAAc,uBAAuB;AAC7C,SAAO,oBAAC;GAAU,IAAI;GAAW,GAAI;IAAS;;;AAIhD,MAAMA,4BAAqE,EAAE,UAAU,gBAAgB;AACtG,QAAO,oBAAC;EAAI,WAAW,WAAWC,+BAAO,aAAa,UAAU;EAAG;GAAe;;AAGnF,MAAM,iBAAiB,EACtB,IACA,QACA,OACA,WAAW,OACX,OACA,SACA,cAAc,QACd,WACA,OACA,eACyB;CACzB,MAAM,cAAc,OAAO;CAC3B,MAAM,YAAY,MAAM;AAExB,QACC,oBAAC,mBAAmB;EAAS,OAAO,EAAE,WAAW;YAChD,qBAAC;GACA,WAAW,WAAWA,+BAAO,WAAW,UAAU,WAAWA,+BAAO,SAAS,UAAU;GAChF;;IAEP,qBAAC;KAAI,WAAWA,+BAAO;gBACtB,oBAAC;MACA,SAAS;MACT,WAAW,WAAWA,+BAAO,OAAO,GAClCA,+BAAO,WAAW,UACnB,CAAC;gBAED;OACM,EACP,OAAO,gBAAgB,oBAAC;MAAI,WAAWA,+BAAO;gBAAe,MAAM;OAAmB;MAClF;IAEL;IAEA,WACA,qBAAC;KAAI,WAAWA,+BAAO;gBACtB,oBAACC;MAAO,MAAM;MAAa,MAAK;MAAO;OAAS,EAChD,oBAAC;MAAK,WAAWD,+BAAO;gBAAc;OAAe;MAChD;;IAEF;GACuB;;AAIhC,cAAc,YAAY,WAAWE,sBAAY;AACjD,cAAc,cAAc,WAAWC,wBAAc;AACrD,cAAc,gBAAgB,WAAWC,0BAAgB;AACzD,cAAc,WAAW,WAAWC,oBAAW;AAC/C,cAAc,SAAS,WAAWC,kBAAS;AAC3C,cAAc,cAAc;AAE5B,8BAAe"}
+{"version":3,"file":"ds-form-control.js","names":["ComponentType","createContext","useContext","useId","React","classNames","DsIcon","DsSelect","DsTextInput","DsTextarea","DsNumberInput","DsPasswordInput","DsFormControlDescriptionProps","DsFormControlProps","styles","FormControlContext","controlId","useFormControlContext","context","Error","controlify","id","Component","TProps","WrappedFormControl","props","DsFormControlDescription","FC","t0","$","_c","children","className","t1","description","t2","DsFormControl","status","label","required","slots","message","messageIcon","style","undefined","generatedId","t3","t4","t5","container","t6","t7","t8","endAdornment","t9","labelContainer","t10","messageText","t11","t12","TextInput","NumberInput","PasswordInput","Textarea","Select","Description"],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":["import { type ComponentType, createContext, useContext, useId } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport { DsSelect } from '../ds-select';\nimport { DsTextInput } from '../ds-text-input';\nimport { DsTextarea } from '../ds-textarea';\nimport { DsNumberInput } from '../ds-number-input';\nimport { DsPasswordInput } from '../ds-password-input';\nimport type { DsFormControlDescriptionProps, DsFormControlProps } from './ds-form-control.types';\nimport styles from './ds-form-control.module.scss';\n\nconst FormControlContext = createContext<{ controlId: string } | null>(null);\n\nconst useFormControlContext = () => {\n\tconst context = useContext(FormControlContext);\n\tif (!context) {\n\t\tthrow new Error('useFormControlContext must be used within DsFormControl');\n\t}\n\treturn context;\n};\n\n/**\n * HOC that automatically injects the controlId from form control context\n * into any component that expects an 'id' prop.\n *\n * @param Component - The component to wrap with form control context\n * @returns A new component that automatically receives the controlId\n */\nconst controlify = <TProps extends { id?: string }>(Component: ComponentType<TProps>) => {\n\treturn function WrappedFormControl(props: TProps) {\n\t\tconst { controlId } = useFormControlContext();\n\t\treturn <Component id={controlId} {...props} />;\n\t};\n};\n\nconst DsFormControlDescription: React.FC<DsFormControlDescriptionProps> = ({ children, className }) => {\n\treturn <div className={classNames(styles.description, className)}>{children}</div>;\n};\n\nconst DsFormControl = ({\n\tid,\n\tstatus,\n\tlabel,\n\trequired = false,\n\tslots,\n\tmessage,\n\tmessageIcon = 'info',\n\tclassName,\n\tstyle,\n\tchildren,\n}: DsFormControlProps) => {\n\tconst generatedId = useId();\n\tconst controlId = id || generatedId;\n\n\treturn (\n\t\t<FormControlContext.Provider value={{ controlId }}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles.container, status && message && styles[status], className)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className={styles.labelContainer}>\n\t\t\t\t\t<label\n\t\t\t\t\t\thtmlFor={controlId}\n\t\t\t\t\t\tclassName={classNames(styles.label, {\n\t\t\t\t\t\t\t[styles.required]: required,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</label>\n\t\t\t\t\t{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{children}\n\n\t\t\t\t{message && (\n\t\t\t\t\t<div className={styles.message}>\n\t\t\t\t\t\t<DsIcon icon={messageIcon} size=\"tiny\" filled />\n\t\t\t\t\t\t<span className={styles.messageText}>{message}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</FormControlContext.Provider>\n\t);\n};\n\nDsFormControl.TextInput = controlify(DsTextInput);\nDsFormControl.NumberInput = controlify(DsNumberInput);\nDsFormControl.PasswordInput = controlify(DsPasswordInput);\nDsFormControl.Textarea = controlify(DsTextarea);\nDsFormControl.Select = controlify(DsSelect);\nDsFormControl.Description = DsFormControlDescription;\n\nexport default DsFormControl;\n"],"mappings":"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"}

package/dist/components/ds-form-control/ds-form-control.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.types.js","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.types.tsx"],"sourcesContent":["import type React from 'react';\nimport type { IconType } from '../ds-icon';\n\nexport const controlStatuses = ['info', 'success', 'error', 'warning'] as const;\nexport type ControlStatus = (typeof controlStatuses)[number];\n\nexport interface DsFormControlProps extends React.PropsWithChildren {\n\t/**\n\t * Unique identifier for the control\n\t */\n\tid?: string;\n\t/**\n\t * Visual status\n\t */\n\tstatus?: ControlStatus;\n\t/**\n\t * Label text\n\t */\n\tlabel: string;\n\t/**\n\t * Marks the field as required\n\t */\n\trequired?: boolean;\n\n\tslots?: {\n\t\t/**\n\t\t * Adornment to display at the end of the label\n\t\t */\n\t\tendAdornment?: React.ReactNode;\n\t};\n\t/**\n\t * Message under the control\n\t */\n\tmessage?: string;\n\t/**\n\t * Icon shown next to message\n\t */\n\tmessageIcon?: IconType;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the component\n\t */\n\tstyle?: React.CSSProperties;\n}\n\nexport interface DsFormControlDescriptionProps {\n\t/**\n\t * The description content\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n}\n"],"mappings":";AAGA,MAAa,kBAAkB;CAAC;CAAQ;CAAW;CAAS;CAAU"}
+{"version":3,"file":"ds-form-control.types.js","names":["React","IconType","controlStatuses","const","ControlStatus","DsFormControlProps","PropsWithChildren","id","status","label","required","slots","endAdornment","ReactNode","message","messageIcon","className","style","CSSProperties","DsFormControlDescriptionProps","children"],"sources":["../../../src/components/ds-form-control/ds-form-control.types.tsx"],"sourcesContent":["import type React from 'react';\nimport type { IconType } from '../ds-icon';\n\nexport const controlStatuses = ['info', 'success', 'error', 'warning'] as const;\nexport type ControlStatus = (typeof controlStatuses)[number];\n\nexport interface DsFormControlProps extends React.PropsWithChildren {\n\t/**\n\t * Unique identifier for the control\n\t */\n\tid?: string;\n\t/**\n\t * Visual status\n\t */\n\tstatus?: ControlStatus;\n\t/**\n\t * Label text\n\t */\n\tlabel: string;\n\t/**\n\t * Marks the field as required\n\t */\n\trequired?: boolean;\n\n\tslots?: {\n\t\t/**\n\t\t * Adornment to display at the end of the label\n\t\t */\n\t\tendAdornment?: React.ReactNode;\n\t};\n\t/**\n\t * Message under the control\n\t */\n\tmessage?: string;\n\t/**\n\t * Icon shown next to message\n\t */\n\tmessageIcon?: IconType;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the component\n\t */\n\tstyle?: React.CSSProperties;\n}\n\nexport interface DsFormControlDescriptionProps {\n\t/**\n\t * The description content\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n}\n"],"mappings":";AAGA,MAAaE,kBAAkB;CAAC;CAAQ;CAAW;CAAS;CAAU"}

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

@@ -1 +1 @@
-{"version":3,"file":"ds-grid.js","names":["DsGrid: React.FC<DsGridProps>","DsGridItem: React.FC<DsGridItemProps>"],"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,MAAaA,UAAiC,EAAE,UAAU,SAAS,MAAM,gBAAgB;AAUxF,QAAO,oBAAC;EAAI,WATM,WACjB,WACA;IACE,gBAAgB,OAAO,QAAQ,KAAK;IACpC,gBAAgB,OAAO,KAAK,KAAK;GAClC,EACD,UACA;EAEkC;GAAe;;;;;AAMnD,MAAaC,cAAyC,EACrD,UACA,SACA,UACA,SACA,UACA,gBACK;AAWL,QAAO,oBAAC;EAAI,WAVU,WACrB;IACE,oBAAoB,OAAO,QAAQ,KAAK;IACxC,qBAAqB,OAAO,SAAS,KAAK;IAC1C,oBAAoB,OAAO,QAAQ,KAAK;IACxC,qBAAqB,OAAO,SAAS,KAAK;GAC3C,EACD,UACA;EAEsC;GAAe"}
+{"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-icon/ds-icon.cjs

@@ -1,5 +1,6 @@
 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");
@@ -8,20 +9,90 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Design system Icon component that renders Google Material Icons or inline SVGs
 */
-const DsIcon = ({ icon, size = "medium", variant = "outlined", filled, className = "", style = {}, ...rest }) => {
+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}`;
-	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") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(icon, {
-		className: iconClass,
-		style,
-		...rest
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, classnames.default)(iconClass, variantClass),
-		style,
-		...rest,
-		children: icon
-	});
+	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;
 

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

@@ -1,4 +1,5 @@
 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";
 
@@ -6,20 +7,90 @@ import { jsx } from "react/jsx-runtime";
 /**
 * Design system Icon component that renders Google Material Icons or inline SVGs
 */
-const DsIcon = ({ icon, size = "medium", variant = "outlined", filled, className = "", style = {}, ...rest }) => {
+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}`;
-	const iconClass = classNames(ds_icon_module_default.icon, ds_icon_module_default[size], { [ds_icon_module_default.filled]: filled }, className);
-	if (typeof icon === "function") return /* @__PURE__ */ jsx(icon, {
-		className: iconClass,
-		style,
-		...rest
-	});
-	return /* @__PURE__ */ jsx("span", {
-		className: classNames(iconClass, variantClass),
-		style,
-		...rest,
-		children: icon
-	});
+	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;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ds-icon.js","names":["DsIcon: React.FC<DsIconProps>","styles"],"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,MAAMA,UAAiC,EACtC,MACA,OAAO,UACP,UAAU,YACV,QACA,YAAY,IACZ,QAAQ,EAAE,EACV,GAAG,WACE;CACL,MAAM,eAAe,oBAAoB;CACzC,MAAM,YAAY,WAAWC,uBAAO,MAAMA,uBAAO,OAAO,GAAGA,uBAAO,SAAS,QAAQ,EAAE,UAAU;AAE/F,KAAI,OAAO,SAAS,WAEnB,QAAO,oBADc;EACA,WAAW;EAAkB;EAAO,GAAI;GAAQ;AAGtE,QACC,oBAAC;EAAK,WAAW,WAAW,WAAW,aAAa;EAAS;EAAO,GAAI;YACtE;GACK;;AAIT,sBAAe"}
+{"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.types.d.cts.map

@@ -1 +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,GAFmB,CAAA,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"}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-icon.types.js","names":[],"sources":["../../../src/components/ds-icon/ds-icon.types.ts"],"sourcesContent":["import type React from 'react';\nimport type { IconPrefix, materialIcons } from './material-icons';\n\nexport const iconSizes = ['tiny', 'small', 'medium', 'large', 'extra-large'] as const;\nexport type IconSize = (typeof iconSizes)[number];\nexport const iconVariants = ['outlined', 'rounded'] as const;\nexport type IconVariant = (typeof iconVariants)[number];\n\nexport type IconName = {\n\t[K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never;\n}[keyof typeof materialIcons];\n\nexport type IconType = IconName | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n\nexport interface DsIconProps {\n\t/**\n\t * The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.\n\t */\n\ticon: IconType;\n\n\t/**\n\t * The size of the icon\n\t * @default 'medium'\n\t */\n\tsize?: IconSize;\n\n\t/**\n\t * The variant of the Material Icon\n\t * @default 'outlined'\n\t */\n\tvariant?: IconVariant;\n\n\t/**\n\t * Whether the icon should be filled\n\t * @default false\n\t */\n\tfilled?: boolean;\n\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Additional styles to apply to the icon\n\t */\n\tstyle?: React.CSSProperties;\n\n\t/**\n\t * Optional click handler\n\t */\n\tonClick?: (event: React.MouseEvent<HTMLSpanElement | SVGSVGElement>) => void;\n}\n"],"mappings":";AAGA,MAAa,YAAY;CAAC;CAAQ;CAAS;CAAU;CAAS;CAAc;AAE5E,MAAa,eAAe,CAAC,YAAY,UAAU"}
+{"version":3,"file":"ds-icon.types.js","names":["React","IconPrefix","materialIcons","iconSizes","const","IconSize","iconVariants","IconVariant","IconName","K","Name","IconType","FunctionComponent","SVGProps","SVGSVGElement","DsIconProps","icon","size","variant","filled","className","style","CSSProperties","onClick","event","MouseEvent","HTMLSpanElement"],"sources":["../../../src/components/ds-icon/ds-icon.types.ts"],"sourcesContent":["import type React from 'react';\nimport type { IconPrefix, materialIcons } from './material-icons';\n\nexport const iconSizes = ['tiny', 'small', 'medium', 'large', 'extra-large'] as const;\nexport type IconSize = (typeof iconSizes)[number];\nexport const iconVariants = ['outlined', 'rounded'] as const;\nexport type IconVariant = (typeof iconVariants)[number];\n\nexport type IconName = {\n\t[K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never;\n}[keyof typeof materialIcons];\n\nexport type IconType = IconName | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n\nexport interface DsIconProps {\n\t/**\n\t * The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.\n\t */\n\ticon: IconType;\n\n\t/**\n\t * The size of the icon\n\t * @default 'medium'\n\t */\n\tsize?: IconSize;\n\n\t/**\n\t * The variant of the Material Icon\n\t * @default 'outlined'\n\t */\n\tvariant?: IconVariant;\n\n\t/**\n\t * Whether the icon should be filled\n\t * @default false\n\t */\n\tfilled?: boolean;\n\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Additional styles to apply to the icon\n\t */\n\tstyle?: React.CSSProperties;\n\n\t/**\n\t * Optional click handler\n\t */\n\tonClick?: (event: React.MouseEvent<HTMLSpanElement | SVGSVGElement>) => void;\n}\n"],"mappings":";AAGA,MAAaG,YAAY;CAAC;CAAQ;CAAS;CAAU;CAAS;CAAc;AAE5E,MAAaG,eAAe,CAAC,YAAY,UAAU"}