@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,173 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../ds-icon/ds-icon.cjs');
+require('../ds-icon/index.cjs');
+const require_ds_text_input = require('../ds-text-input/ds-text-input.cjs');
+require('../ds-text-input/index.cjs');
+const require_ds_button = require('../ds-button/ds-button.cjs');
+require('../ds-button/index.cjs');
+const require_ds_expandable_text_input_module = require('./ds-expandable-text-input.module.cjs');
+const require_merge_refs = require('../ds-table/utils/merge-refs.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");
+let react = require("react");
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.tsx
+function DsExpandableTextInput(t0) {
+	const $ = (0, react_compiler_runtime.c)(38);
+	const { onClear, onExpandChange, icon, ...props } = t0;
+	const [expanded, _setExpanded] = (0, react.useState)(false);
+	const [dirty, setDirty] = (0, react.useState)(false);
+	const ref = (0, react.useRef)(null);
+	let t1;
+	if ($[0] !== onExpandChange || $[1] !== setDirty) {
+		t1 = (newExpanded) => {
+			_setExpanded(newExpanded);
+			onExpandChange?.(newExpanded);
+			if (!newExpanded) setDirty(false);
+		};
+		$[0] = onExpandChange;
+		$[1] = setDirty;
+		$[2] = t1;
+	} else t1 = $[2];
+	const setExpanded = t1;
+	const T0 = require_ds_text_input.default;
+	const t2 = require_merge_refs.mergeRefs(ref, props.ref);
+	const t3 = expanded ? 0 : -1;
+	const t4 = (0, classnames.default)(props.className, require_ds_expandable_text_input_module.default.expandableInput, expanded && require_ds_expandable_text_input_module.default.expanded, dirty && require_ds_expandable_text_input_module.default.dirty);
+	let t5;
+	if ($[3] !== props || $[4] !== setDirty) {
+		t5 = (e) => {
+			props.onChange?.(e);
+			setDirty(true);
+		};
+		$[3] = props;
+		$[4] = setDirty;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== dirty || $[7] !== props || $[8] !== ref || $[9] !== setExpanded) {
+		t6 = (e_0) => {
+			props.onBlur?.(e_0);
+			if (!dirty && !ref.current?.value) setExpanded(false);
+		};
+		$[6] = dirty;
+		$[7] = props;
+		$[8] = ref;
+		$[9] = setExpanded;
+		$[10] = t6;
+	} else t6 = $[10];
+	const t7 = expanded ? -1 : 0;
+	let t8;
+	if ($[11] !== props.disabled || $[12] !== ref || $[13] !== setExpanded) {
+		t8 = () => {
+			if (props.disabled) return;
+			setExpanded(true);
+			ref.current?.focus();
+		};
+		$[11] = props.disabled;
+		$[12] = ref;
+		$[13] = setExpanded;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== icon) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon,
+			size: "small"
+		});
+		$[15] = icon;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== expanded || $[18] !== t7 || $[19] !== t8 || $[20] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: require_ds_expandable_text_input_module.default.trigger,
+			"aria-label": "Open text input",
+			"aria-hidden": expanded,
+			tabIndex: t7,
+			onClick: t8,
+			children: t9
+		});
+		$[17] = expanded;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== onClear || $[23] !== ref || $[24] !== setExpanded) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
+			design: "v1.2",
+			size: "small",
+			buttonType: "tertiary",
+			variant: "filled",
+			className: require_ds_expandable_text_input_module.default.clearTrigger,
+			onClick: () => {
+				setExpanded(false);
+				if (ref.current) {
+					ref.current.blur();
+					ref.current.value = "";
+				}
+				onClear?.();
+			},
+			children: "Clear"
+		});
+		$[22] = onClear;
+		$[23] = ref;
+		$[24] = setExpanded;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== t10 || $[27] !== t11) {
+		t12 = {
+			inputWrapper: InputExpander,
+			startAdornment: t10,
+			endAdornment: t11
+		};
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== T0 || $[30] !== props || $[31] !== t12 || $[32] !== t2 || $[33] !== t3 || $[34] !== t4 || $[35] !== t5 || $[36] !== t6) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(T0, {
+			...props,
+			ref: t2,
+			tabIndex: t3,
+			className: t4,
+			onChange: t5,
+			onBlur: t6,
+			slots: t12
+		});
+		$[29] = T0;
+		$[30] = props;
+		$[31] = t12;
+		$[32] = t2;
+		$[33] = t3;
+		$[34] = t4;
+		$[35] = t5;
+		$[36] = t6;
+		$[37] = t13;
+	} else t13 = $[37];
+	return t13;
+}
+function InputExpander(t0) {
+	const $ = (0, react_compiler_runtime.c)(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_expandable_text_input_module.default.inputExpander,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+}
+
+//#endregion
+exports.DsExpandableTextInput = DsExpandableTextInput;

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

@@ -0,0 +1,13 @@
+import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
+declare function DsExpandableTextInput({
+  onClear,
+  onExpandChange,
+  icon,
+  ...props
+}: DsExpandableTextInputProps): react_jsx_runtime18.JSX.Element;
+//#endregion
+export { DsExpandableTextInput };
+//# sourceMappingURL=ds-expandable-text-input.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-expandable-text-input.d.cts","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.tsx"],"sourcesContent":[],"mappings":";;;;iBASgB,qBAAA;;;;;GAKb,6BAA0B,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,13 @@
+import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
+declare function DsExpandableTextInput({
+  onClear,
+  onExpandChange,
+  icon,
+  ...props
+}: DsExpandableTextInputProps): react_jsx_runtime18.JSX.Element;
+//#endregion
+export { DsExpandableTextInput };
+//# sourceMappingURL=ds-expandable-text-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-expandable-text-input.d.ts","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.tsx"],"sourcesContent":[],"mappings":";;;;iBASgB,qBAAA;;;;;GAKb,6BAA0B,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,172 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_text_input_default from "../ds-text-input/ds-text-input.js";
+import "../ds-text-input/index.js";
+import ds_button_default from "../ds-button/ds-button.js";
+import "../ds-button/index.js";
+import ds_expandable_text_input_module_default from "./ds-expandable-text-input.module.js";
+import { mergeRefs } from "../ds-table/utils/merge-refs.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.tsx
+function DsExpandableTextInput(t0) {
+	const $ = c(38);
+	const { onClear, onExpandChange, icon, ...props } = t0;
+	const [expanded, _setExpanded] = useState(false);
+	const [dirty, setDirty] = useState(false);
+	const ref = useRef(null);
+	let t1;
+	if ($[0] !== onExpandChange || $[1] !== setDirty) {
+		t1 = (newExpanded) => {
+			_setExpanded(newExpanded);
+			onExpandChange?.(newExpanded);
+			if (!newExpanded) setDirty(false);
+		};
+		$[0] = onExpandChange;
+		$[1] = setDirty;
+		$[2] = t1;
+	} else t1 = $[2];
+	const setExpanded = t1;
+	const T0 = ds_text_input_default;
+	const t2 = mergeRefs(ref, props.ref);
+	const t3 = expanded ? 0 : -1;
+	const t4 = classNames(props.className, ds_expandable_text_input_module_default.expandableInput, expanded && ds_expandable_text_input_module_default.expanded, dirty && ds_expandable_text_input_module_default.dirty);
+	let t5;
+	if ($[3] !== props || $[4] !== setDirty) {
+		t5 = (e) => {
+			props.onChange?.(e);
+			setDirty(true);
+		};
+		$[3] = props;
+		$[4] = setDirty;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] !== dirty || $[7] !== props || $[8] !== ref || $[9] !== setExpanded) {
+		t6 = (e_0) => {
+			props.onBlur?.(e_0);
+			if (!dirty && !ref.current?.value) setExpanded(false);
+		};
+		$[6] = dirty;
+		$[7] = props;
+		$[8] = ref;
+		$[9] = setExpanded;
+		$[10] = t6;
+	} else t6 = $[10];
+	const t7 = expanded ? -1 : 0;
+	let t8;
+	if ($[11] !== props.disabled || $[12] !== ref || $[13] !== setExpanded) {
+		t8 = () => {
+			if (props.disabled) return;
+			setExpanded(true);
+			ref.current?.focus();
+		};
+		$[11] = props.disabled;
+		$[12] = ref;
+		$[13] = setExpanded;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== icon) {
+		t9 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon,
+			size: "small"
+		});
+		$[15] = icon;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== expanded || $[18] !== t7 || $[19] !== t8 || $[20] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: ds_expandable_text_input_module_default.trigger,
+			"aria-label": "Open text input",
+			"aria-hidden": expanded,
+			tabIndex: t7,
+			onClick: t8,
+			children: t9
+		});
+		$[17] = expanded;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== onClear || $[23] !== ref || $[24] !== setExpanded) {
+		t11 = /* @__PURE__ */ jsx(ds_button_default, {
+			design: "v1.2",
+			size: "small",
+			buttonType: "tertiary",
+			variant: "filled",
+			className: ds_expandable_text_input_module_default.clearTrigger,
+			onClick: () => {
+				setExpanded(false);
+				if (ref.current) {
+					ref.current.blur();
+					ref.current.value = "";
+				}
+				onClear?.();
+			},
+			children: "Clear"
+		});
+		$[22] = onClear;
+		$[23] = ref;
+		$[24] = setExpanded;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] !== t10 || $[27] !== t11) {
+		t12 = {
+			inputWrapper: InputExpander,
+			startAdornment: t10,
+			endAdornment: t11
+		};
+		$[26] = t10;
+		$[27] = t11;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== T0 || $[30] !== props || $[31] !== t12 || $[32] !== t2 || $[33] !== t3 || $[34] !== t4 || $[35] !== t5 || $[36] !== t6) {
+		t13 = /* @__PURE__ */ jsx(T0, {
+			...props,
+			ref: t2,
+			tabIndex: t3,
+			className: t4,
+			onChange: t5,
+			onBlur: t6,
+			slots: t12
+		});
+		$[29] = T0;
+		$[30] = props;
+		$[31] = t12;
+		$[32] = t2;
+		$[33] = t3;
+		$[34] = t4;
+		$[35] = t5;
+		$[36] = t6;
+		$[37] = t13;
+	} else t13 = $[37];
+	return t13;
+}
+function InputExpander(t0) {
+	const $ = c(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: ds_expandable_text_input_module_default.inputExpander,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+}
+
+//#endregion
+export { DsExpandableTextInput };
+//# sourceMappingURL=ds-expandable-text-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-expandable-text-input.js","names":["ReactNode","useRef","useState","DsTextInput","DsIcon","classNames","styles","mergeRefs","DsExpandableTextInputProps","DsButton","DsExpandableTextInput","t0","$","_c","onClear","onExpandChange","icon","props","expanded","_setExpanded","dirty","setDirty","ref","t1","newExpanded","setExpanded","T0","t2","t3","t4","className","expandableInput","t5","e","onChange","t6","e_0","onBlur","current","value","t7","t8","disabled","focus","t9","t10","trigger","t11","clearTrigger","blur","t12","inputWrapper","InputExpander","startAdornment","endAdornment","t13","children","inputExpander"],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.tsx"],"sourcesContent":["import { type ReactNode, useRef, useState } from 'react';\nimport { DsTextInput } from '../ds-text-input';\nimport { DsIcon } from '../ds-icon';\nimport classNames from 'classnames';\nimport styles from './ds-expandable-text-input.module.scss';\nimport { mergeRefs } from '../ds-table/utils/merge-refs';\nimport type { DsExpandableTextInputProps } from './ds-expandable-text-input.types';\nimport { DsButton } from '../ds-button';\n\nexport function DsExpandableTextInput({\n\tonClear,\n\tonExpandChange,\n\ticon,\n\t...props\n}: DsExpandableTextInputProps) {\n\tconst [expanded, _setExpanded] = useState(false);\n\tconst [dirty, setDirty] = useState(false);\n\tconst ref = useRef<HTMLInputElement>(null);\n\n\tconst setExpanded = (newExpanded: boolean) => {\n\t\t_setExpanded(newExpanded);\n\n\t\tonExpandChange?.(newExpanded);\n\n\t\tif (!newExpanded) {\n\t\t\tsetDirty(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DsTextInput\n\t\t\t{...props}\n\t\t\tref={mergeRefs(ref, props.ref)}\n\t\t\ttabIndex={expanded ? 0 : -1}\n\t\t\tclassName={classNames(\n\t\t\t\tprops.className,\n\t\t\t\tstyles.expandableInput,\n\t\t\t\texpanded && styles.expanded,\n\t\t\t\tdirty && styles.dirty,\n\t\t\t)}\n\t\t\tonChange={(e) => {\n\t\t\t\tprops.onChange?.(e);\n\n\t\t\t\tsetDirty(true);\n\t\t\t}}\n\t\t\tonBlur={(e) => {\n\t\t\t\tprops.onBlur?.(e);\n\n\t\t\t\tif (!dirty && !ref.current?.value) {\n\t\t\t\t\tsetExpanded(false);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tslots={{\n\t\t\t\tinputWrapper: InputExpander,\n\t\t\t\tstartAdornment: (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t\taria-label=\"Open text input\"\n\t\t\t\t\t\taria-hidden={expanded}\n\t\t\t\t\t\ttabIndex={expanded ? -1 : 0}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (props.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsetExpanded(true);\n\n\t\t\t\t\t\t\tref.current?.focus();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<DsIcon icon={icon} size=\"small\" />\n\t\t\t\t\t</button>\n\t\t\t\t),\n\n\t\t\t\tendAdornment: (\n\t\t\t\t\t<DsButton\n\t\t\t\t\t\tdesign=\"v1.2\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\tvariant=\"filled\"\n\t\t\t\t\t\tclassName={styles.clearTrigger}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetExpanded(false);\n\n\t\t\t\t\t\t\tif (ref.current) {\n\t\t\t\t\t\t\t\tref.current.blur();\n\n\t\t\t\t\t\t\t\t// Manually clear the input in uncontrolled mode.\n\t\t\t\t\t\t\t\tref.current.value = '';\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tonClear?.();\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tClear\n\t\t\t\t\t</DsButton>\n\t\t\t\t),\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nfunction InputExpander({ children }: { children: ReactNode }) {\n\treturn <div className={styles.inputExpander}>{children}</div>;\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.module.scss
+var ds_expandable_text_input_module_default = {
+	"expandableInput": "_expandableInput_dd7gz_1",
+	"expanded": "_expanded_dd7gz_1",
+	"trigger": "_trigger_dd7gz_1",
+	"clearTrigger": "_clearTrigger_dd7gz_1",
+	"dirty": "_dirty_dd7gz_1",
+	"inputExpander": "_inputExpander_dd7gz_1"
+};
+
+//#endregion
+exports.default = ds_expandable_text_input_module_default;

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

@@ -0,0 +1,13 @@
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.module.scss
+var ds_expandable_text_input_module_default = {
+	"expandableInput": "_expandableInput_dd7gz_1",
+	"expanded": "_expanded_dd7gz_1",
+	"trigger": "_trigger_dd7gz_1",
+	"clearTrigger": "_clearTrigger_dd7gz_1",
+	"dirty": "_dirty_dd7gz_1",
+	"inputExpander": "_inputExpander_dd7gz_1"
+};
+
+//#endregion
+export { ds_expandable_text_input_module_default as default };
+//# sourceMappingURL=ds-expandable-text-input.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-expandable-text-input.module.js","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.module.scss"],"sourcesContent":[".expandableInput {\n\twidth: max-content;\n\ttransition: 0.3s padding;\n\n\t&:not(.expanded) {\n\t\tgap: 0;\n\t\tpadding-inline: var(--spacing-xs);\n\t}\n\n\t.trigger:focus {\n\t\toutline: none;\n\t}\n\n\t// Increase the clickable area of the start adornment.\n\t.trigger::before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tcursor: pointer;\n\t}\n\n\t&:has(:disabled) .trigger::before {\n\t\tcursor: not-allowed;\n\t}\n\n\t&.expanded .trigger {\n\t\tpointer-events: none;\n\n\t\t&::before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.clearTrigger {\n\t\ttransition: 0.3s opacity;\n\t}\n\n\t&:not(.expanded) .clearTrigger {\n\t\tdisplay: none;\n\t}\n\n\t&:not(.dirty) .clearTrigger {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t}\n\n\t// See: https://css-tricks.com/css-grid-can-do-auto-height-transitions/\n\t.inputExpander {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: 0.3s grid-template-columns;\n\n\t\tinput {\n\t\t\tmin-width: 0;\n\t\t\topacity: 0;\n\t\t\ttransition: 0.15s opacity;\n\t\t}\n\t}\n\n\t&.expanded .inputExpander {\n\t\tgrid-template-columns: 1fr;\n\n\t\tinput {\n\t\t\topacity: 1;\n\t\t\ttransition: 0.3s opacity 0.15s;\n\t\t}\n\t}\n}\n"],"mappings":""}

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

@@ -0,0 +1,21 @@
+import { IconType } from "../ds-icon/ds-icon.types.cjs";
+import { DsTextInputProps } from "../ds-text-input/ds-text-input.types.cjs";
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
+interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' | 'slots'> {
+  /**
+   * The icon to display inside the expandable input trigger button
+   */
+  icon: IconType;
+  /**
+   * Callback fired when the clear action is triggered
+   */
+  onClear?: () => void;
+  /**
+   * Callback fired when the expanded state changes
+   */
+  onExpandChange?: (expanded: boolean) => void;
+}
+//#endregion
+export { DsExpandableTextInputProps };
+//# sourceMappingURL=ds-expandable-text-input.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-expandable-text-input.types.d.cts","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.types.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,0BAAA,SAAmC,KAAK;;AAAzD;;EAIO,IAAA,EAAA,QAAA;EAJ6C"}

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

@@ -0,0 +1,23 @@
+import { IconType } from "../ds-icon/ds-icon.types.js";
+import "../ds-icon/index.js";
+import { DsTextInputProps } from "../ds-text-input/ds-text-input.types.js";
+import "../ds-text-input/index.js";
+
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
+interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' | 'slots'> {
+  /**
+   * The icon to display inside the expandable input trigger button
+   */
+  icon: IconType;
+  /**
+   * Callback fired when the clear action is triggered
+   */
+  onClear?: () => void;
+  /**
+   * Callback fired when the expanded state changes
+   */
+  onExpandChange?: (expanded: boolean) => void;
+}
+//#endregion
+export { DsExpandableTextInputProps };
+//# sourceMappingURL=ds-expandable-text-input.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-expandable-text-input.types.d.ts","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.types.tsx"],"sourcesContent":[],"mappings":";;;;;;UAGiB,0BAAA,SAAmC,KAAK;;;;EAAxC,IAAA,EAIV,QAJU;EAAwC;;;EAAD,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA"}

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

@@ -0,0 +1 @@
+const require_ds_expandable_text_input = require('./ds-expandable-text-input.cjs');

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

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

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

@@ -0,0 +1 @@
+import { DsExpandableTextInput } from "./ds-expandable-text-input.js";