@drivenets/design-system 0.2.0 → 0.4.0

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

@@ -5,7 +5,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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -21,13 +21,13 @@ 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;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime12.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime12.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime12.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime22.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime22.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime22.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime22.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime22.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime22.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime22.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -11,7 +11,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_runtime0 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
@@ -27,13 +27,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime0.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime0.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime0.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime0.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime0.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime0.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;
+  DateInput: (props: DsDateInputProps) => 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.js

@@ -78,7 +78,7 @@ const DsFormControl = (t0) => {
 	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);
+		t5 = classNames(ds_form_control_module_default.container, className, t4);
 		$[2] = className;
 		$[3] = t4;
 		$[4] = t5;
@@ -128,10 +128,7 @@ const DsFormControl = (t0) => {
 				icon: messageIcon,
 				size: "tiny",
 				filled: true
-			}), /* @__PURE__ */ jsx("span", {
-				className: ds_form_control_module_default.messageText,
-				children: message
-			})]
+			}), /* @__PURE__ */ jsx("span", { children: message })]
 		});
 		$[16] = message;
 		$[17] = messageIcon;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.js","names":["ComponentType","createContext","useContext","useId","React","classNames","DsIcon","DsSelect","DsTextInput","DsTextarea","DsNumberInput","DsPasswordInput","DsFormControlDescriptionProps","DsFormControlProps","styles","DsDateInput","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","DateInput","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';\nimport { DsDateInput } from '../ds-date-input';\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.DateInput = controlify(DsDateInput);\nDsFormControl.Textarea = controlify(DsTextarea);\nDsFormControl.Select = controlify(DsSelect);\nDsFormControl.Description = DsFormControlDescription;\n\nexport default DsFormControl;\n"],"mappings":"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"}
+{"version":3,"file":"ds-form-control.js","names":["ComponentType","createContext","useContext","useId","React","classNames","DsIcon","DsSelect","DsTextInput","DsTextarea","DsNumberInput","DsPasswordInput","DsFormControlDescriptionProps","DsFormControlProps","styles","DsDateInput","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","t11","t12","TextInput","NumberInput","PasswordInput","DateInput","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';\nimport { DsDateInput } from '../ds-date-input';\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(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tclassName,\n\n\t\t\t\t\t// @ts-expect-error: `info` doesn't have its own classname\n\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\t\t\t\tstatus && message && styles[status],\n\t\t\t\t)}\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>{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.DateInput = controlify(DsDateInput);\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-loader/ds-loader.cjs

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_loader_module = require('./ds-loader.module.cjs');
+const require_pulsing_icon = require('./pulsing-icon.cjs');
+const require_spinner_icon = require('./spinner-icon.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-loader/ds-loader.tsx
+/**
+* Design system Loader component
+*/
+const DsLoader = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({variant: t1, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const variant = t1 === void 0 ? "spinner" : t1;
+	let t2;
+	if ($[4] !== className) {
+		t2 = (0, classnames.default)(require_ds_loader_module.default.loaderContainer, className);
+		$[4] = className;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== variant) {
+		t3 = variant === "pulsing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_pulsing_icon.default, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_spinner_icon.default, {});
+		$[6] = variant;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== props || $[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t2,
+			...props,
+			children: t3
+		});
+		$[8] = props;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
+};
+var ds_loader_default = DsLoader;
+
+//#endregion
+exports.default = ds_loader_default;

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

@@ -0,0 +1,15 @@
+import { DsLoaderProps } from "./ds-loader.types.cjs";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+
+//#region src/components/ds-loader/ds-loader.d.ts
+/**
+ * Design system Loader component
+ */
+declare const DsLoader: ({
+  variant,
+  className,
+  ...props
+}: DsLoaderProps) => react_jsx_runtime29.JSX.Element;
+//#endregion
+export { DsLoader };
+//# sourceMappingURL=ds-loader.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.d.cts","names":[],"sources":["../../../src/components/ds-loader/ds-loader.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAEuD,cAOjD,QAML,EAAA,CAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAN+D,aAM/D,EAAA,GAN4E,mBAAA,CAAA,GAAA,CAAA,OAM5E"}

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

@@ -0,0 +1,15 @@
+import { DsLoaderProps } from "./ds-loader.types.js";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/ds-loader/ds-loader.d.ts
+/**
+ * Design system Loader component
+ */
+declare const DsLoader: ({
+  variant,
+  className,
+  ...props
+}: DsLoaderProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+export { DsLoader };
+//# sourceMappingURL=ds-loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.d.ts","names":[],"sources":["../../../src/components/ds-loader/ds-loader.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAEuD,cAOjD,QAML,EAAA,CAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAN+D,aAM/D,EAAA,GAN4E,mBAAA,CAAA,GAAA,CAAA,OAM5E"}

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

@@ -0,0 +1,59 @@
+import ds_loader_module_default from "./ds-loader.module.js";
+import pulsing_icon_default from "./pulsing-icon.js";
+import spinner_icon_default from "./spinner-icon.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-loader/ds-loader.tsx
+/**
+* Design system Loader component
+*/
+const DsLoader = (t0) => {
+	const $ = c(12);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({variant: t1, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const variant = t1 === void 0 ? "spinner" : t1;
+	let t2;
+	if ($[4] !== className) {
+		t2 = classNames(ds_loader_module_default.loaderContainer, className);
+		$[4] = className;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== variant) {
+		t3 = variant === "pulsing" ? /* @__PURE__ */ jsx(pulsing_icon_default, {}) : /* @__PURE__ */ jsx(spinner_icon_default, {});
+		$[6] = variant;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== props || $[9] !== t2 || $[10] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			...props,
+			children: t3
+		});
+		$[8] = props;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
+};
+var ds_loader_default = DsLoader;
+
+//#endregion
+export { ds_loader_default as default };
+//# sourceMappingURL=ds-loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.js","names":["classNames","styles","DsLoaderProps","PulsingIcon","SpinnerIcon","DsLoader","t0","$","_c","className","props","t1","variant","undefined","t2","loaderContainer","t3","t4"],"sources":["../../../src/components/ds-loader/ds-loader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport styles from './ds-loader.module.scss';\nimport type { DsLoaderProps } from './ds-loader.types';\nimport PulsingIcon from './pulsing-icon';\nimport SpinnerIcon from './spinner-icon';\n\n/**\n * Design system Loader component\n */\nconst DsLoader = ({ variant = 'spinner', className, ...props }: DsLoaderProps) => {\n\treturn (\n\t\t<div className={classNames(styles.loaderContainer, className)} {...props}>\n\t\t\t{variant === 'pulsing' ? <PulsingIcon /> : <SpinnerIcon />}\n\t\t</div>\n\t);\n};\n\nexport default DsLoader;\n"],"mappings":";;;;;;;;;;;AASA,MAAMK,YAAWC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAJ,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAM,SAAAD,IAAAF,cAAAC,SAAAJ;AAA2DC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;QAAA;AAAAF,cAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAI,OAAAJ,EAAA;;CAAzD,MAAAK,UAAAD,OAAAE,SAAA,YAAAF;CAAmB,IAAAG;AAAA,KAAAP,EAAA,OAAAE,WAAA;AAErBK,OAAAd,WAAWC,yBAAMc,iBAAkBN,UAAU;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAK,SAAA;AAC3DI,OAAAJ,YAAY,YAAY,oBAAC,yBAAgC,GAAf,oBAAC,yBAAc;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAG,SAAAH,EAAA,OAAAO,MAAAP,EAAA,QAAAS,IAAA;AAD3DC,OAAA,oBAAA;GAAgB,WAAAH;GAA6C,GAAMJ;aACjEM;IACI;AAAAT,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAFNU;;AAMF,wBAAeZ"}

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

@@ -0,0 +1,15 @@
+
+//#region src/components/ds-loader/ds-loader.module.scss
+var ds_loader_module_default = {
+	"loaderContainer": "_loaderContainer_2184a_1",
+	"loader": "_loader_2184a_1",
+	"spin": "_spin_2184a_1",
+	"pulsingIcon": "_pulsingIcon_2184a_1",
+	"pulsingOuter": "_pulsingOuter_2184a_1",
+	"pulse": "_pulse_2184a_1",
+	"pulsingInner": "_pulsingInner_2184a_1",
+	"spinnerGradient": "_spinnerGradient_2184a_1"
+};
+
+//#endregion
+exports.default = ds_loader_module_default;

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

@@ -0,0 +1,15 @@
+//#region src/components/ds-loader/ds-loader.module.scss
+var ds_loader_module_default = {
+	"loaderContainer": "_loaderContainer_2184a_1",
+	"loader": "_loader_2184a_1",
+	"spin": "_spin_2184a_1",
+	"pulsingIcon": "_pulsingIcon_2184a_1",
+	"pulsingOuter": "_pulsingOuter_2184a_1",
+	"pulse": "_pulse_2184a_1",
+	"pulsingInner": "_pulsingInner_2184a_1",
+	"spinnerGradient": "_spinnerGradient_2184a_1"
+};
+
+//#endregion
+export { ds_loader_module_default as default };
+//# sourceMappingURL=ds-loader.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.module.js","names":[],"sources":["../../../src/components/ds-loader/ds-loader.module.scss"],"sourcesContent":[".loaderContainer {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.loader {\n\tanimation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n.pulsingIcon {\n\t--loader-pulsing-color: #5452f6;\n\n\tcolor: var(--loader-pulsing-color);\n}\n\n.pulsingOuter {\n\tfill: currentcolor;\n\topacity: 0.3;\n\ttransform-origin: center;\n\tanimation: pulse 1.4s ease-in-out infinite;\n}\n\n.pulsingInner {\n\tfill: currentcolor;\n}\n\n@keyframes pulse {\n\t0%,\n\t100% {\n\t\ttransform: scale(0.7);\n\t\topacity: 0.3;\n\t}\n\n\t50% {\n\t\ttransform: scale(1.1);\n\t\topacity: 0.15;\n\t}\n}\n\n.spinnerGradient {\n\t--loader-spinner-color: #4192f6;\n\n\tbackground: conic-gradient(from 90deg, var(--loader-spinner-color) 0deg, transparent 360deg);\n\theight: 100%;\n\twidth: 100%;\n}\n"],"mappings":""}

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

@@ -0,0 +1,6 @@
+
+//#region src/components/ds-loader/ds-loader.types.ts
+const loaderVariants = ["spinner", "pulsing"];
+
+//#endregion
+exports.loaderVariants = loaderVariants;

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

@@ -0,0 +1,27 @@
+import React from "react";
+
+//#region src/components/ds-loader/ds-loader.types.d.ts
+declare const loaderVariants: readonly ["spinner", "pulsing"];
+type LoaderVariant = (typeof loaderVariants)[number];
+interface DsLoaderProps {
+  /**
+   * Loader variant
+   * @default 'spinner'
+   */
+  variant?: LoaderVariant;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * Ref to the loader container element
+   */
+  ref?: React.Ref<HTMLDivElement>;
+}
+//#endregion
+export { DsLoaderProps, LoaderVariant, loaderVariants };
+//# sourceMappingURL=ds-loader.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.types.d.cts","names":[],"sources":["../../../src/components/ds-loader/ds-loader.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,aAAA,WAAwB;AADvB,UAGI,aAAA,CAH4C;EACjD;AAEZ;;;EAiBiB,OAAA,CAAA,EAZN,aAYM;EAAV;;;;;;;UAJE,KAAA,CAAM;;;;QAIR,KAAA,CAAM,IAAI"}

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

@@ -0,0 +1,27 @@
+import React from "react";
+
+//#region src/components/ds-loader/ds-loader.types.d.ts
+declare const loaderVariants: readonly ["spinner", "pulsing"];
+type LoaderVariant = (typeof loaderVariants)[number];
+interface DsLoaderProps {
+  /**
+   * Loader variant
+   * @default 'spinner'
+   */
+  variant?: LoaderVariant;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * Ref to the loader container element
+   */
+  ref?: React.Ref<HTMLDivElement>;
+}
+//#endregion
+export { DsLoaderProps, LoaderVariant, loaderVariants };
+//# sourceMappingURL=ds-loader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.types.d.ts","names":[],"sources":["../../../src/components/ds-loader/ds-loader.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,aAAA,WAAwB;AADvB,UAGI,aAAA,CAH4C;EACjD;AAEZ;;;EAiBiB,OAAA,CAAA,EAZN,aAYM;EAAV;;;;;;;UAJE,KAAA,CAAM;;;;QAIR,KAAA,CAAM,IAAI"}

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

@@ -0,0 +1,6 @@
+//#region src/components/ds-loader/ds-loader.types.ts
+const loaderVariants = ["spinner", "pulsing"];
+
+//#endregion
+export { loaderVariants };
+//# sourceMappingURL=ds-loader.types.js.map

package/dist/components/ds-loader/ds-loader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-loader.types.js","names":["React","loaderVariants","const","LoaderVariant","DsLoaderProps","variant","className","style","CSSProperties","ref","Ref","HTMLDivElement"],"sources":["../../../src/components/ds-loader/ds-loader.types.ts"],"sourcesContent":["import type React from 'react';\n\nexport const loaderVariants = ['spinner', 'pulsing'] as const;\nexport type LoaderVariant = (typeof loaderVariants)[number];\n\nexport interface DsLoaderProps {\n\t/**\n\t * Loader variant\n\t * @default 'spinner'\n\t */\n\tvariant?: LoaderVariant;\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\t/**\n\t * Ref to the loader container element\n\t */\n\tref?: React.Ref<HTMLDivElement>;\n}\n"],"mappings":";AAEA,MAAaC,iBAAiB,CAAC,WAAW,UAAU"}

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

@@ -0,0 +1,2 @@
+const require_ds_loader = require('./ds-loader.cjs');
+const require_ds_loader_types = require('./ds-loader.types.cjs');

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

@@ -0,0 +1,2 @@
+import { DsLoaderProps, LoaderVariant, loaderVariants } from "./ds-loader.types.js";
+import { DsLoader } from "./ds-loader.js";

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

@@ -0,0 +1,2 @@
+import ds_loader_default from "./ds-loader.js";
+import { loaderVariants } from "./ds-loader.types.js";

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

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_loader_module = require('./ds-loader.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-loader/pulsing-icon.tsx
+const PulsingIcon = () => {
+	const $ = (0, react_compiler_runtime.c)(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			className: require_ds_loader_module.default.pulsingIcon,
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				className: require_ds_loader_module.default.pulsingOuter,
+				cx: "12",
+				cy: "12",
+				r: "8"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				className: require_ds_loader_module.default.pulsingInner,
+				cx: "12",
+				cy: "12",
+				r: "5.5"
+			})]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+var pulsing_icon_default = PulsingIcon;
+
+//#endregion
+exports.default = pulsing_icon_default;

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

@@ -0,0 +1,37 @@
+import ds_loader_module_default from "./ds-loader.module.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ds-loader/pulsing-icon.tsx
+const PulsingIcon = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs("svg", {
+			className: ds_loader_module_default.pulsingIcon,
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ jsx("circle", {
+				className: ds_loader_module_default.pulsingOuter,
+				cx: "12",
+				cy: "12",
+				r: "8"
+			}), /* @__PURE__ */ jsx("circle", {
+				className: ds_loader_module_default.pulsingInner,
+				cx: "12",
+				cy: "12",
+				r: "5.5"
+			})]
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+var pulsing_icon_default = PulsingIcon;
+
+//#endregion
+export { pulsing_icon_default as default };
+//# sourceMappingURL=pulsing-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pulsing-icon.js","names":["styles","PulsingIcon","$","_c","t0","Symbol","for","pulsingIcon","pulsingOuter","pulsingInner"],"sources":["../../../src/components/ds-loader/pulsing-icon.tsx"],"sourcesContent":["import styles from './ds-loader.module.scss';\n\nconst PulsingIcon = () => (\n\t<svg\n\t\tclassName={styles.pulsingIcon}\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<circle className={styles.pulsingOuter} cx=\"12\" cy=\"12\" r=\"8\" />\n\t\t<circle className={styles.pulsingInner} cx=\"12\" cy=\"12\" r=\"5.5\" />\n\t</svg>\n);\n\nexport default PulsingIcon;\n"],"mappings":";;;;;AAEA,MAAMC,oBAAc;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AACnBF,OAAA,qBAAA;GACY,WAAAJ,yBAAMO;GACX,OAAA;GACC,QAAA;GACC,SAAA;GACH,MAAA;GACC,OAAA;cAEN,oBAAA;IAAmB,WAAAP,yBAAMQ;IAAkB,IAAA;IAAQ,IAAA;IAAO,GAAA;KAC1D,sBAAA;IAAmB,WAAAR,yBAAMS;IAAkB,IAAA;IAAQ,IAAA;IAAO,GAAA;KAC3D;IAAM;AAAAP,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAVNE;;AAaD,2BAAeH"}

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

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