@drivenets/design-system 0.0.1 → 0.0.3

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

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_text_input_module = require('./ds-text-input.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+
+//#region src/components/ds-text-input/ds-text-input.tsx
+const DsTextInput = ({ id, ref, name, size = "default", type = "text", onBlur, onKeyDown, onChange, onValueChange, className, style = {}, value, defaultValue, min, max, minLength, maxLength, placeholder, disabled = false, tabIndex, slots }) => {
+	const InputWrapper = slots?.inputWrapper ?? react.Fragment;
+	const containerClass = (0, classnames.default)(require_ds_text_input_module.default.textInputContainer, {
+		[require_ds_text_input_module.default.small]: size === "small",
+		[require_ds_text_input_module.default.default]: size === "default"
+	}, className);
+	const handleChange = (event) => {
+		const newValue = event.target.value;
+		onChange?.(event);
+		onValueChange?.(newValue);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: containerClass,
+		style,
+		children: [
+			slots?.startAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_text_input_module.default.adornment,
+				children: slots.startAdornment
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id,
+				ref,
+				name,
+				className: (0, classnames.default)(require_ds_text_input_module.default.input),
+				type,
+				value,
+				defaultValue,
+				min,
+				max,
+				minLength,
+				maxLength,
+				placeholder,
+				disabled,
+				onBlur,
+				onKeyDown,
+				onChange: handleChange,
+				tabIndex
+			}) }),
+			slots?.endAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_text_input_module.default.adornment,
+				children: slots.endAdornment
+			})
+		]
+	});
+};
+var ds_text_input_default = DsTextInput;
+
+//#endregion
+exports.default = ds_text_input_default;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,56 @@
+import ds_text_input_module_default from "./ds-text-input.module.js";
+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 = ({ id, ref, name, size = "default", type = "text", onBlur, onKeyDown, onChange, onValueChange, className, style = {}, value, defaultValue, min, max, minLength, maxLength, placeholder, disabled = false, tabIndex, slots }) => {
+	const InputWrapper = slots?.inputWrapper ?? Fragment;
+	const containerClass = classNames(ds_text_input_module_default.textInputContainer, {
+		[ds_text_input_module_default.small]: size === "small",
+		[ds_text_input_module_default.default]: size === "default"
+	}, className);
+	const handleChange = (event) => {
+		const newValue = event.target.value;
+		onChange?.(event);
+		onValueChange?.(newValue);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClass,
+		style,
+		children: [
+			slots?.startAdornment && /* @__PURE__ */ jsx("div", {
+				className: ds_text_input_module_default.adornment,
+				children: slots.startAdornment
+			}),
+			/* @__PURE__ */ jsx(InputWrapper, { children: /* @__PURE__ */ jsx("input", {
+				id,
+				ref,
+				name,
+				className: classNames(ds_text_input_module_default.input),
+				type,
+				value,
+				defaultValue,
+				min,
+				max,
+				minLength,
+				maxLength,
+				placeholder,
+				disabled,
+				onBlur,
+				onKeyDown,
+				onChange: handleChange,
+				tabIndex
+			}) }),
+			slots?.endAdornment && /* @__PURE__ */ jsx("div", {
+				className: ds_text_input_module_default.adornment,
+				children: slots.endAdornment
+			})
+		]
+	});
+};
+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":["DsTextInput: FC<DsTextInputProps>","styles"],"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":";;;;;;AAKA,MAAMA,eAAqC,EAC1C,IACA,KACA,MACA,OAAO,WACP,OAAO,QACP,QACA,WACA,UACA,eACA,WACA,QAAQ,EAAE,EACV,OACA,cACA,KACA,KACA,WACA,WACA,aACA,WAAW,OACX,UACA,YACK;CACL,MAAM,eAAe,OAAO,gBAAgB;CAE5C,MAAM,iBAAiB,WACtBC,6BAAO,oBACP;GACEA,6BAAO,QAAQ,SAAS;GACxBA,6BAAO,UAAU,SAAS;EAC3B,EACD,UACA;CAED,MAAM,gBAAgB,UAAyC;EAC9D,MAAM,WAAW,MAAM,OAAO;AAC9B,aAAW,MAAM;AACjB,kBAAgB,SAAS;;AAG1B,QACC,qBAAC;EAAI,WAAW;EAAuB;;GACrC,OAAO,kBAAkB,oBAAC;IAAI,WAAWA,6BAAO;cAAY,MAAM;KAAqB;GACxF,oBAAC,0BACA,oBAAC;IACI;IACC;IACC;IACN,WAAW,WAAWA,6BAAO,MAAM;IAC7B;IACC;IACO;IACT;IACA;IACM;IACA;IACE;IACH;IACF;IACG;IACX,UAAU;IACA;KACT,GACY;GACd,OAAO,gBAAgB,oBAAC;IAAI,WAAWA,6BAAO;cAAY,MAAM;KAAmB;;GAC/E;;AAIR,4BAAe"}

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":[],"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,MAAa,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,34 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_textarea_module = require('./ds-textarea.module.cjs');
+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 = ({ id, ref, name, onBlur, onChange, onValueChange, className, style = {}, value, defaultValue, disabled = false, rows = 3, placeholder, minLength, maxLength }) => {
+	const handleChange = (event) => {
+		const newValue = event.target.value;
+		onChange?.(event);
+		onValueChange?.(newValue);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		id,
+		ref,
+		name,
+		className: (0, classnames.default)(require_ds_textarea_module.default.textarea, className),
+		style,
+		value,
+		defaultValue,
+		placeholder,
+		disabled,
+		rows,
+		onBlur,
+		onChange: handleChange,
+		minLength,
+		maxLength
+	});
+};
+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,33 @@
+import ds_textarea_module_default from "./ds-textarea.module.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-textarea/ds-textarea.tsx
+const DsTextarea = ({ id, ref, name, onBlur, onChange, onValueChange, className, style = {}, value, defaultValue, disabled = false, rows = 3, placeholder, minLength, maxLength }) => {
+	const handleChange = (event) => {
+		const newValue = event.target.value;
+		onChange?.(event);
+		onValueChange?.(newValue);
+	};
+	return /* @__PURE__ */ jsx("textarea", {
+		id,
+		ref,
+		name,
+		className: classNames(ds_textarea_module_default.textarea, className),
+		style,
+		value,
+		defaultValue,
+		placeholder,
+		disabled,
+		rows,
+		onBlur,
+		onChange: handleChange,
+		minLength,
+		maxLength
+	});
+};
+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":["DsTextarea: React.FC<DsTextareaProps>","styles"],"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,MAAMA,cAAyC,EAC9C,IACA,KACA,MACA,QACA,UACA,eACA,WACA,QAAQ,EAAE,EACV,OACA,cACA,WAAW,OACX,OAAO,GACP,aACA,WACA,gBACK;CACL,MAAM,gBAAgB,UAAkD;EACvE,MAAM,WAAW,MAAM,OAAO;AAC9B,aAAW,MAAM;AACjB,kBAAgB,SAAS;;AAG1B,QACC,oBAAC;EACI;EACC;EACC;EACN,WAAW,WAAWC,2BAAO,UAAU,UAAU;EAC1C;EACA;EACO;EACD;EACH;EACJ;EACE;EACR,UAAU;EACC;EACA;GACV;;AAIJ,0BAAe"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-textarea/ds-textarea.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss"],"sourcesContent":["@use '../../styles/shared/input' as input;\n\n.textarea {\n\t@include input.textarea;\n}\n"],"mappings":""}

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

@@ -0,0 +1,71 @@
+import React from "react";
+
+//#region src/components/ds-textarea/ds-textarea.types.d.ts
+interface DsTextareaProps {
+  /**
+   * Unique identifier for the textarea element
+   */
+  id?: string;
+  /**
+   * The ref to the textarea element
+   */
+  ref?: React.Ref<HTMLTextAreaElement>;
+  /**
+   * The name of the textarea
+   */
+  name?: string;
+  /**
+   * Event handler called when the textarea loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => 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 initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the textarea is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The number of visible text lines
+   */
+  rows?: number;
+  /**
+   * The minimum number of characters
+   */
+  minLength?: number;
+  /**
+   * The maximum number of characters
+   */
+  maxLength?: number;
+}
+//#endregion
+export { DsTextareaProps };
+//# sourceMappingURL=ds-textarea.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.types.d.cts","names":[],"sources":["../../../src/components/ds-textarea/ds-textarea.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,eAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAUsB;;;EAIf,GAAM,CAAA,EAdnB,KAAA,CAAM,GAca,CAdT,mBAcS,CAAA;EAYjB;;;;;;;;;mBAhBS,KAAA,CAAM,WAAW;;;;qBAIf,KAAA,CAAM,YAAY;;;;;;;;;;;;UAY7B,KAAA,CAAM"}