@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-text-input/ds-text-input.js

@@ -0,0 +1,141 @@
+import ds_text_input_module_default from "./ds-text-input.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+
+//#region src/components/ds-text-input/ds-text-input.tsx
+const DsTextInput = (t0) => {
+	const $ = c(40);
+	const { id, ref, name, size: t1, type: t2, onBlur, onKeyDown, onChange, onValueChange, className, style: t3, value, defaultValue, min, max, minLength, maxLength, placeholder, disabled: t4, tabIndex, slots } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	const type = t2 === void 0 ? "text" : t2;
+	let t5;
+	if ($[0] !== t3) {
+		t5 = t3 === void 0 ? {} : t3;
+		$[0] = t3;
+		$[1] = t5;
+	} else t5 = $[1];
+	const style = t5;
+	const disabled = t4 === void 0 ? false : t4;
+	const InputWrapper = slots?.inputWrapper ?? Fragment;
+	const t6 = size === "small";
+	const t7 = size === "default";
+	let t8;
+	if ($[2] !== className || $[3] !== t6 || $[4] !== t7) {
+		t8 = classNames(ds_text_input_module_default.textInputContainer, {
+			[ds_text_input_module_default.small]: t6,
+			[ds_text_input_module_default.default]: t7
+		}, className);
+		$[2] = className;
+		$[3] = t6;
+		$[4] = t7;
+		$[5] = t8;
+	} else t8 = $[5];
+	const containerClass = t8;
+	let t9;
+	if ($[6] !== onChange || $[7] !== onValueChange) {
+		t9 = (event) => {
+			const newValue = event.target.value;
+			onChange?.(event);
+			onValueChange?.(newValue);
+		};
+		$[6] = onChange;
+		$[7] = onValueChange;
+		$[8] = t9;
+	} else t9 = $[8];
+	const handleChange = t9;
+	let t10;
+	if ($[9] !== slots) {
+		t10 = slots?.startAdornment && /* @__PURE__ */ jsx("div", {
+			className: ds_text_input_module_default.adornment,
+			children: slots.startAdornment
+		});
+		$[9] = slots;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = classNames(ds_text_input_module_default.input);
+		$[11] = t11;
+	} else t11 = $[11];
+	let t12;
+	if ($[12] !== defaultValue || $[13] !== disabled || $[14] !== handleChange || $[15] !== id || $[16] !== max || $[17] !== maxLength || $[18] !== min || $[19] !== minLength || $[20] !== name || $[21] !== onBlur || $[22] !== onKeyDown || $[23] !== placeholder || $[24] !== ref || $[25] !== tabIndex || $[26] !== type || $[27] !== value) {
+		t12 = /* @__PURE__ */ jsx("input", {
+			id,
+			ref,
+			name,
+			className: t11,
+			type,
+			value,
+			defaultValue,
+			min,
+			max,
+			minLength,
+			maxLength,
+			placeholder,
+			disabled,
+			onBlur,
+			onKeyDown,
+			onChange: handleChange,
+			tabIndex
+		});
+		$[12] = defaultValue;
+		$[13] = disabled;
+		$[14] = handleChange;
+		$[15] = id;
+		$[16] = max;
+		$[17] = maxLength;
+		$[18] = min;
+		$[19] = minLength;
+		$[20] = name;
+		$[21] = onBlur;
+		$[22] = onKeyDown;
+		$[23] = placeholder;
+		$[24] = ref;
+		$[25] = tabIndex;
+		$[26] = type;
+		$[27] = value;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== InputWrapper || $[30] !== t12) {
+		t13 = /* @__PURE__ */ jsx(InputWrapper, { children: t12 });
+		$[29] = InputWrapper;
+		$[30] = t12;
+		$[31] = t13;
+	} else t13 = $[31];
+	let t14;
+	if ($[32] !== slots) {
+		t14 = slots?.endAdornment && /* @__PURE__ */ jsx("div", {
+			className: ds_text_input_module_default.adornment,
+			children: slots.endAdornment
+		});
+		$[32] = slots;
+		$[33] = t14;
+	} else t14 = $[33];
+	let t15;
+	if ($[34] !== containerClass || $[35] !== style || $[36] !== t10 || $[37] !== t13 || $[38] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: containerClass,
+			style,
+			children: [
+				t10,
+				t13,
+				t14
+			]
+		});
+		$[34] = containerClass;
+		$[35] = style;
+		$[36] = t10;
+		$[37] = t13;
+		$[38] = t14;
+		$[39] = t15;
+	} else t15 = $[39];
+	return t15;
+};
+var ds_text_input_default = DsTextInput;
+
+//#endregion
+export { ds_text_input_default as default };
+//# sourceMappingURL=ds-text-input.js.map

package/dist/components/ds-text-input/ds-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-text-input.js","names":["ChangeEvent","FC","Fragment","classNames","styles","DsTextInputProps","DsTextInput","t0","$","_c","id","ref","name","size","t1","type","t2","onBlur","onKeyDown","onChange","onValueChange","className","style","t3","value","defaultValue","min","max","minLength","maxLength","placeholder","disabled","t4","tabIndex","slots","undefined","t5","InputWrapper","inputWrapper","t6","t7","t8","textInputContainer","small","default","containerClass","t9","event","newValue","target","handleChange","t10","startAdornment","adornment","t11","Symbol","for","input","t12","t13","t14","endAdornment","t15"],"sources":["../../../src/components/ds-text-input/ds-text-input.tsx"],"sourcesContent":["import { type ChangeEvent, type FC, Fragment } from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-text-input.module.scss';\nimport type { DsTextInputProps } from './ds-text-input.types';\n\nconst DsTextInput: FC<DsTextInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\ttype = 'text',\n\tonBlur,\n\tonKeyDown,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tvalue,\n\tdefaultValue,\n\tmin,\n\tmax,\n\tminLength,\n\tmaxLength,\n\tplaceholder,\n\tdisabled = false,\n\ttabIndex,\n\tslots,\n}) => {\n\tconst InputWrapper = slots?.inputWrapper ?? Fragment;\n\n\tconst containerClass = classNames(\n\t\tstyles.textInputContainer,\n\t\t{\n\t\t\t[styles.small]: size === 'small',\n\t\t\t[styles.default]: size === 'default',\n\t\t},\n\t\tclassName,\n\t);\n\n\tconst handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = event.target.value;\n\t\tonChange?.(event);\n\t\tonValueChange?.(newValue);\n\t};\n\n\treturn (\n\t\t<div className={containerClass} style={style}>\n\t\t\t{slots?.startAdornment && <div className={styles.adornment}>{slots.startAdornment}</div>}\n\t\t\t<InputWrapper>\n\t\t\t\t<input\n\t\t\t\t\tid={id}\n\t\t\t\t\tref={ref}\n\t\t\t\t\tname={name}\n\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\ttype={type}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tmin={min}\n\t\t\t\t\tmax={max}\n\t\t\t\t\tminLength={minLength}\n\t\t\t\t\tmaxLength={maxLength}\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t/>\n\t\t\t</InputWrapper>\n\t\t\t{slots?.endAdornment && <div className={styles.adornment}>{slots.endAdornment}</div>}\n\t\t</div>\n\t);\n};\n\nexport default DsTextInput;\n"],"mappings":"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"}

package/dist/components/ds-text-input/ds-text-input.module.cjs

@@ -0,0 +1,15 @@
+
+//#region src/components/ds-text-input/ds-text-input.module.scss
+var ds_text_input_module_default = {
+	"textInputContainer": "_textInputContainer_16yro_1",
+	"input": "_input_16yro_1",
+	"iconButton": "_iconButton_16yro_1",
+	"small": "_small_16yro_1",
+	"default": "_default_16yro_1",
+	"trigger": "_trigger_16yro_1",
+	"indicator": "_indicator_16yro_1",
+	"adornment": "_adornment_16yro_1"
+};
+
+//#endregion
+exports.default = ds_text_input_module_default;

package/dist/components/ds-text-input/ds-text-input.module.js

@@ -0,0 +1,15 @@
+//#region src/components/ds-text-input/ds-text-input.module.scss
+var ds_text_input_module_default = {
+	"textInputContainer": "_textInputContainer_16yro_1",
+	"input": "_input_16yro_1",
+	"iconButton": "_iconButton_16yro_1",
+	"small": "_small_16yro_1",
+	"default": "_default_16yro_1",
+	"trigger": "_trigger_16yro_1",
+	"indicator": "_indicator_16yro_1",
+	"adornment": "_adornment_16yro_1"
+};
+
+//#endregion
+export { ds_text_input_module_default as default };
+//# sourceMappingURL=ds-text-input.module.js.map

package/dist/components/ds-text-input/ds-text-input.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-text-input.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-text-input/ds-text-input.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/shared/input' as input;\n\n.textInputContainer {\n\t@include input.inputContainer;\n\tgap: var(--spacing-xs);\n}\n\n.input {\n\t@include input.input;\n}\n\n.iconButton {\n\t@include input.iconButton;\n}\n\n.adornment {\n\tdisplay: flex;\n\talign-items: center;\n\n\t&:last-child {\n\t\tcolor: var(--form-control-border-color);\n\t}\n\n\tbutton {\n\t\t@include input.iconButton;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-text-input/ds-text-input.types.cjs

@@ -0,0 +1,6 @@
+
+//#region src/components/ds-text-input/ds-text-input.types.tsx
+const textInputSizes = ["small", "default"];
+
+//#endregion
+exports.textInputSizes = textInputSizes;

package/dist/components/ds-text-input/ds-text-input.types.d.cts

@@ -0,0 +1,111 @@
+import React, { ComponentType } from "react";
+
+//#region src/components/ds-text-input/ds-text-input.types.d.ts
+declare const textInputSizes: readonly ["small", "default"];
+type TextInputSize = (typeof textInputSizes)[number];
+interface DsTextInputProps {
+  /**
+   * Unique identifier for the input field
+   */
+  id?: string;
+  /**
+   * The ref to the input field
+   */
+  ref?: React.Ref<HTMLInputElement>;
+  /**
+   * The name of the input field
+   */
+  name?: string;
+  /**
+   * The size of the input field
+   * @default default
+   */
+  size?: TextInputSize;
+  /**
+   * The type of the input field
+   * @default text
+   */
+  type?: string;
+  /**
+   * Event handler called when the input field loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  /**
+   * Callback when a key is pressed down
+   */
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  /**
+   * Value change event handler (provides just the value)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value
+   */
+  value?: string;
+  /**
+   * The minimum value of the input
+   */
+  min?: number | string;
+  /**
+   * The maximum value of the input
+   */
+  max?: number | string;
+  /**
+   * The minimum number of characters
+   */
+  minLength?: number;
+  /**
+   * The maximum number of characters
+   */
+  maxLength?: number;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the input is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The tabIndex of the input
+   */
+  tabIndex?: number;
+  slots?: {
+    /**
+     * Custom component to wrap the input element
+     */
+    inputWrapper?: ComponentType<{
+      children: React.ReactNode;
+    }>;
+    /**
+     * Adornment to display at the start of the input
+     */
+    startAdornment?: React.ReactNode;
+    /**
+     * Adornment to display at the end of the input
+     */
+    endAdornment?: React.ReactNode;
+  };
+}
+//#endregion
+export { DsTextInputProps, TextInputSize, textInputSizes };
+//# sourceMappingURL=ds-text-input.types.d.cts.map

package/dist/components/ds-text-input/ds-text-input.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-text-input.types.d.cts","names":[],"sources":["../../../src/components/ds-text-input/ds-text-input.types.tsx"],"sourcesContent":[],"mappings":";;;cAGa;AAAA,KACD,aAAA,GAD+C,CAAA,OACvB,cADuB,CAAA,CAAA,MAAA,CAAA;AAC/C,UAEK,gBAAA,CAFmB;EAEnB;;;EAiBT,EAAA,CAAA,EAAA,MAAA;EAW2B;;;EAId,GAAM,CAAA,EAxBpB,KAAA,CAAM,GAwBc,CAxBV,gBAwBU,CAAA;EAIW;;;EAwDK,IAAM,CAAA,EAAA,MAAA;EAAhC;;;;SA3ET;;;;;;;;;;;mBAWU,KAAA,CAAM,WAAW;;;;sBAId,KAAA,CAAM,cAAc;;;;qBAIrB,KAAA,CAAM,YAAY;;;;;;;;;;;;UAY7B,KAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4CE;gBAA0B,KAAA,CAAM;;;;;qBAK9B,KAAA,CAAM;;;;mBAIR,KAAA,CAAM"}

package/dist/components/ds-text-input/ds-text-input.types.d.ts

@@ -0,0 +1,111 @@
+import React, { ComponentType } from "react";
+
+//#region src/components/ds-text-input/ds-text-input.types.d.ts
+declare const textInputSizes: readonly ["small", "default"];
+type TextInputSize = (typeof textInputSizes)[number];
+interface DsTextInputProps {
+  /**
+   * Unique identifier for the input field
+   */
+  id?: string;
+  /**
+   * The ref to the input field
+   */
+  ref?: React.Ref<HTMLInputElement>;
+  /**
+   * The name of the input field
+   */
+  name?: string;
+  /**
+   * The size of the input field
+   * @default default
+   */
+  size?: TextInputSize;
+  /**
+   * The type of the input field
+   * @default text
+   */
+  type?: string;
+  /**
+   * Event handler called when the input field loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  /**
+   * Callback when a key is pressed down
+   */
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  /**
+   * Value change event handler (provides just the value)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value
+   */
+  value?: string;
+  /**
+   * The minimum value of the input
+   */
+  min?: number | string;
+  /**
+   * The maximum value of the input
+   */
+  max?: number | string;
+  /**
+   * The minimum number of characters
+   */
+  minLength?: number;
+  /**
+   * The maximum number of characters
+   */
+  maxLength?: number;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the input is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The tabIndex of the input
+   */
+  tabIndex?: number;
+  slots?: {
+    /**
+     * Custom component to wrap the input element
+     */
+    inputWrapper?: ComponentType<{
+      children: React.ReactNode;
+    }>;
+    /**
+     * Adornment to display at the start of the input
+     */
+    startAdornment?: React.ReactNode;
+    /**
+     * Adornment to display at the end of the input
+     */
+    endAdornment?: React.ReactNode;
+  };
+}
+//#endregion
+export { DsTextInputProps, TextInputSize, textInputSizes };
+//# sourceMappingURL=ds-text-input.types.d.ts.map

package/dist/components/ds-text-input/ds-text-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-text-input.types.d.ts","names":[],"sources":["../../../src/components/ds-text-input/ds-text-input.types.tsx"],"sourcesContent":[],"mappings":";;;cAGa;AAAA,KACD,aAAA,GAD+C,CAAA,OACvB,cADuB,CAAA,CAAA,MAAA,CAAA;AAC/C,UAEK,gBAAA,CAFmB;EAEnB;;;EAiBT,EAAA,CAAA,EAAA,MAAA;EAW2B;;;EAId,GAAM,CAAA,EAxBpB,KAAA,CAAM,GAwBc,CAxBV,gBAwBU,CAAA;EAIW;;;EAwDK,IAAM,CAAA,EAAA,MAAA;EAAhC;;;;SA3ET;;;;;;;;;;;mBAWU,KAAA,CAAM,WAAW;;;;sBAId,KAAA,CAAM,cAAc;;;;qBAIrB,KAAA,CAAM,YAAY;;;;;;;;;;;;UAY7B,KAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4CE;gBAA0B,KAAA,CAAM;;;;;qBAK9B,KAAA,CAAM;;;;mBAIR,KAAA,CAAM"}

package/dist/components/ds-text-input/ds-text-input.types.js

@@ -0,0 +1,6 @@
+//#region src/components/ds-text-input/ds-text-input.types.tsx
+const textInputSizes = ["small", "default"];
+
+//#endregion
+export { textInputSizes };
+//# sourceMappingURL=ds-text-input.types.js.map

package/dist/components/ds-text-input/ds-text-input.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-text-input.types.js","names":["ComponentType","React","textInputSizes","const","TextInputSize","DsTextInputProps","id","ref","Ref","HTMLInputElement","name","size","type","onBlur","event","FocusEvent","onKeyDown","KeyboardEvent","onChange","ChangeEvent","onValueChange","value","className","style","CSSProperties","placeholder","min","max","minLength","maxLength","defaultValue","disabled","tabIndex","slots","inputWrapper","children","ReactNode","startAdornment","endAdornment"],"sources":["../../../src/components/ds-text-input/ds-text-input.types.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport type React from 'react';\n\nexport const textInputSizes = ['small', 'default'] as const;\nexport type TextInputSize = (typeof textInputSizes)[number];\n\nexport interface DsTextInputProps {\n\t/**\n\t * Unique identifier for the input field\n\t */\n\tid?: string;\n\t/**\n\t * The ref to the input field\n\t */\n\tref?: React.Ref<HTMLInputElement>;\n\t/**\n\t * The name of the input field\n\t */\n\tname?: string;\n\t/**\n\t * The size of the input field\n\t * @default default\n\t */\n\tsize?: TextInputSize;\n\t/**\n\t * The type of the input field\n\t * @default text\n\t */\n\ttype?: string;\n\t/**\n\t * Event handler called when the input field loses focus\n\t *\n\t * @param event\n\t */\n\tonBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback when a key is pressed down\n\t */\n\tonKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback when the value changes\n\t */\n\tonChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n\t/**\n\t * Value change event handler (provides just the value)\n\t */\n\tonValueChange?: (value: string) => void;\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 * The placeholder text\n\t */\n\tplaceholder?: string;\n\t/**\n\t * The current value\n\t */\n\tvalue?: string;\n\t/**\n\t * The minimum value of the input\n\t */\n\tmin?: number | string;\n\t/**\n\t * The maximum value of the input\n\t */\n\tmax?: number | string;\n\t/**\n\t * The minimum number of characters\n\t */\n\tminLength?: number;\n\t/**\n\t * The maximum number of characters\n\t */\n\tmaxLength?: number;\n\t/**\n\t * The initial value of the input when rendered.\n\t * Use when you don't need to control the value of the input.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Whether the input is disabled\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * The tabIndex of the input\n\t */\n\ttabIndex?: number;\n\n\tslots?: {\n\t\t/**\n\t\t * Custom component to wrap the input element\n\t\t */\n\t\tinputWrapper?: ComponentType<{ children: React.ReactNode }>;\n\n\t\t/**\n\t\t * Adornment to display at the start of the input\n\t\t */\n\t\tstartAdornment?: React.ReactNode;\n\t\t/**\n\t\t * Adornment to display at the end of the input\n\t\t */\n\t\tendAdornment?: React.ReactNode;\n\t};\n}\n"],"mappings":";AAGA,MAAaE,iBAAiB,CAAC,SAAS,UAAU"}

package/dist/components/ds-text-input/index.cjs

@@ -0,0 +1,2 @@
+const require_ds_text_input = require('./ds-text-input.cjs');
+const require_ds_text_input_types = require('./ds-text-input.types.cjs');

package/dist/components/ds-text-input/index.d.ts

@@ -0,0 +1,2 @@
+import { DsTextInputProps, TextInputSize, textInputSizes } from "./ds-text-input.types.js";
+import { DsTextInput } from "./ds-text-input.js";

package/dist/components/ds-text-input/index.js

@@ -0,0 +1,2 @@
+import ds_text_input_default from "./ds-text-input.js";
+import { textInputSizes } from "./ds-text-input.types.js";

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

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_textarea_module = require('./ds-textarea.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-textarea/ds-textarea.tsx
+const DsTextarea = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(22);
+	const { id, ref, name, onBlur, onChange, onValueChange, className, style: t1, value, defaultValue, disabled: t2, rows: t3, placeholder, minLength, maxLength } = t0;
+	let t4;
+	if ($[0] !== t1) {
+		t4 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const disabled = t2 === void 0 ? false : t2;
+	const rows = t3 === void 0 ? 3 : t3;
+	let t5;
+	if ($[2] !== onChange || $[3] !== onValueChange) {
+		t5 = (event) => {
+			const newValue = event.target.value;
+			onChange?.(event);
+			onValueChange?.(newValue);
+		};
+		$[2] = onChange;
+		$[3] = onValueChange;
+		$[4] = t5;
+	} else t5 = $[4];
+	const handleChange = t5;
+	let t6;
+	if ($[5] !== className) {
+		t6 = (0, classnames.default)(require_ds_textarea_module.default.textarea, className);
+		$[5] = className;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== defaultValue || $[8] !== disabled || $[9] !== handleChange || $[10] !== id || $[11] !== maxLength || $[12] !== minLength || $[13] !== name || $[14] !== onBlur || $[15] !== placeholder || $[16] !== ref || $[17] !== rows || $[18] !== style || $[19] !== t6 || $[20] !== value) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+			id,
+			ref,
+			name,
+			className: t6,
+			style,
+			value,
+			defaultValue,
+			placeholder,
+			disabled,
+			rows,
+			onBlur,
+			onChange: handleChange,
+			minLength,
+			maxLength
+		});
+		$[7] = defaultValue;
+		$[8] = disabled;
+		$[9] = handleChange;
+		$[10] = id;
+		$[11] = maxLength;
+		$[12] = minLength;
+		$[13] = name;
+		$[14] = onBlur;
+		$[15] = placeholder;
+		$[16] = ref;
+		$[17] = rows;
+		$[18] = style;
+		$[19] = t6;
+		$[20] = value;
+		$[21] = t7;
+	} else t7 = $[21];
+	return t7;
+};
+var ds_textarea_default = DsTextarea;
+
+//#endregion
+exports.default = ds_textarea_default;

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

@@ -0,0 +1,8 @@
+import { DsTextareaProps } from "./ds-textarea.types.cjs";
+import React from "react";
+
+//#region src/components/ds-textarea/ds-textarea.d.ts
+declare const DsTextarea: React.FC<DsTextareaProps>;
+//#endregion
+export { DsTextarea };
+//# sourceMappingURL=ds-textarea.d.cts.map

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

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

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

@@ -0,0 +1,8 @@
+import { DsTextareaProps } from "./ds-textarea.types.js";
+import React from "react";
+
+//#region src/components/ds-textarea/ds-textarea.d.ts
+declare const DsTextarea: React.FC<DsTextareaProps>;
+//#endregion
+export { DsTextarea };
+//# sourceMappingURL=ds-textarea.d.ts.map

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

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

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

@@ -0,0 +1,77 @@
+import ds_textarea_module_default from "./ds-textarea.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-textarea/ds-textarea.tsx
+const DsTextarea = (t0) => {
+	const $ = c(22);
+	const { id, ref, name, onBlur, onChange, onValueChange, className, style: t1, value, defaultValue, disabled: t2, rows: t3, placeholder, minLength, maxLength } = t0;
+	let t4;
+	if ($[0] !== t1) {
+		t4 = t1 === void 0 ? {} : t1;
+		$[0] = t1;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const disabled = t2 === void 0 ? false : t2;
+	const rows = t3 === void 0 ? 3 : t3;
+	let t5;
+	if ($[2] !== onChange || $[3] !== onValueChange) {
+		t5 = (event) => {
+			const newValue = event.target.value;
+			onChange?.(event);
+			onValueChange?.(newValue);
+		};
+		$[2] = onChange;
+		$[3] = onValueChange;
+		$[4] = t5;
+	} else t5 = $[4];
+	const handleChange = t5;
+	let t6;
+	if ($[5] !== className) {
+		t6 = classNames(ds_textarea_module_default.textarea, className);
+		$[5] = className;
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== defaultValue || $[8] !== disabled || $[9] !== handleChange || $[10] !== id || $[11] !== maxLength || $[12] !== minLength || $[13] !== name || $[14] !== onBlur || $[15] !== placeholder || $[16] !== ref || $[17] !== rows || $[18] !== style || $[19] !== t6 || $[20] !== value) {
+		t7 = /* @__PURE__ */ jsx("textarea", {
+			id,
+			ref,
+			name,
+			className: t6,
+			style,
+			value,
+			defaultValue,
+			placeholder,
+			disabled,
+			rows,
+			onBlur,
+			onChange: handleChange,
+			minLength,
+			maxLength
+		});
+		$[7] = defaultValue;
+		$[8] = disabled;
+		$[9] = handleChange;
+		$[10] = id;
+		$[11] = maxLength;
+		$[12] = minLength;
+		$[13] = name;
+		$[14] = onBlur;
+		$[15] = placeholder;
+		$[16] = ref;
+		$[17] = rows;
+		$[18] = style;
+		$[19] = t6;
+		$[20] = value;
+		$[21] = t7;
+	} else t7 = $[21];
+	return t7;
+};
+var ds_textarea_default = DsTextarea;
+
+//#endregion
+export { ds_textarea_default as default };
+//# sourceMappingURL=ds-textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.js","names":["React","classNames","styles","DsTextareaProps","DsTextarea","FC","t0","$","_c","id","ref","name","onBlur","onChange","onValueChange","className","style","t1","value","defaultValue","disabled","t2","rows","t3","placeholder","minLength","maxLength","t4","undefined","t5","event","newValue","target","handleChange","t6","textarea","t7"],"sources":["../../../src/components/ds-textarea/ds-textarea.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-textarea.module.scss';\nimport type { DsTextareaProps } from './ds-textarea.types';\n\nconst DsTextarea: React.FC<DsTextareaProps> = ({\n\tid,\n\tref,\n\tname,\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tvalue,\n\tdefaultValue,\n\tdisabled = false,\n\trows = 3,\n\tplaceholder,\n\tminLength,\n\tmaxLength,\n}) => {\n\tconst handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tconst newValue = event.target.value;\n\t\tonChange?.(event);\n\t\tonValueChange?.(newValue);\n\t};\n\n\treturn (\n\t\t<textarea\n\t\t\tid={id}\n\t\t\tref={ref}\n\t\t\tname={name}\n\t\t\tclassName={classNames(styles.textarea, className)}\n\t\t\tstyle={style}\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tplaceholder={placeholder}\n\t\t\tdisabled={disabled}\n\t\t\trows={rows}\n\t\t\tonBlur={onBlur}\n\t\t\tonChange={handleChange}\n\t\t\tminLength={minLength}\n\t\t\tmaxLength={maxLength}\n\t\t/>\n\t);\n};\n\nexport default DsTextarea;\n"],"mappings":";;;;;;AAKA,MAAMI,cAAwCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,IAAAC,KAAAC,MAAAC,QAAAC,UAAAC,eAAAC,WAAAC,OAAAC,IAAAC,OAAAC,cAAAC,UAAAC,IAAAC,MAAAC,IAAAC,aAAAC,WAAAC,cAAApB;CAgB9C,IAAAqB;AAAA,KAAApB,EAAA,OAAAU,IAAA;AARAU,OAAAV,OAAAW,SAAA,EAAU,GAAVX;AAAUV,IAAA,KAAAU;AAAAV,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;CAAV,MAAAS,QAAAW;CAGA,MAAAP,WAAAC,OAAAO,SAAA,QAAAP;CACA,MAAAC,OAAAC,OAAAK,SAAA,IAAAL;CAAQ,IAAAM;AAAA,KAAAtB,EAAA,OAAAM,YAAAN,EAAA,OAAAO,eAAA;AAKae,QAAAC,UAAA;GACpB,MAAAC,WAAiBD,MAAKE,OAAOd;AAC7BL,cAAWiB,MAAM;AACjBhB,mBAAgBiB,SAAS;;AACzBxB,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAsB;OAAAA,MAAAtB,EAAA;CAJD,MAAA0B,eAAqBJ;CAInB,IAAAK;AAAA,KAAA3B,EAAA,OAAAQ,WAAA;AAOWmB,OAAAjC,WAAWC,2BAAMiC,UAAWpB,UAAU;AAAAR,IAAA,KAAAQ;AAAAR,IAAA,KAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA6B;AAAA,KAAA7B,EAAA,OAAAY,gBAAAZ,EAAA,OAAAa,YAAAb,EAAA,OAAA0B,gBAAA1B,EAAA,QAAAE,MAAAF,EAAA,QAAAmB,aAAAnB,EAAA,QAAAkB,aAAAlB,EAAA,QAAAI,QAAAJ,EAAA,QAAAK,UAAAL,EAAA,QAAAiB,eAAAjB,EAAA,QAAAG,OAAAH,EAAA,QAAAe,QAAAf,EAAA,QAAAS,SAAAT,EAAA,QAAA2B,MAAA3B,EAAA,QAAAW,OAAA;AAJlDkB,OAAA,oBAAA;GACK3B;GACCC;GACCC;GACK,WAAAuB;GACJlB;GACAE;GACOC;GACDK;GACHJ;GACJE;GACEV;GACEqB,UAAAA;GACCR;GACAC;IACV;AAAAnB,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;AAAAb,IAAA,KAAA0B;AAAA1B,IAAA,MAAAE;AAAAF,IAAA,MAAAmB;AAAAnB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAAiB;AAAAjB,IAAA,MAAAG;AAAAH,IAAA,MAAAe;AAAAf,IAAA,MAAAS;AAAAT,IAAA,MAAA2B;AAAA3B,IAAA,MAAAW;AAAAX,IAAA,MAAA6B;OAAAA,MAAA7B,EAAA;AAAA,QAfF6B;;AAmBF,0BAAehC"}

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

@@ -0,0 +1,6 @@
+
+//#region src/components/ds-textarea/ds-textarea.module.scss
+var ds_textarea_module_default = { "textarea": "_textarea_12k7t_1" };
+
+//#endregion
+exports.default = ds_textarea_module_default;

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

@@ -0,0 +1,6 @@
+//#region src/components/ds-textarea/ds-textarea.module.scss
+var ds_textarea_module_default = { "textarea": "_textarea_12k7t_1" };
+
+//#endregion
+export { ds_textarea_module_default as default };
+//# sourceMappingURL=ds-textarea.module.js.map