@drivenets/design-system 0.5.0 → 0.6.1

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

@@ -1,173 +0,0 @@
-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

@@ -1,13 +0,0 @@
-import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
-import * as react_jsx_runtime43 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_runtime43.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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
-import * as react_jsx_runtime32 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_runtime32.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

@@ -1 +0,0 @@
-{"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

@@ -1,172 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-
-//#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

@@ -1,13 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,2 +0,0 @@
-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

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