@drivenets/design-system 0.3.0 → 0.5.0

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

@@ -3,9 +3,9 @@ const require_ds_dialog_module = require('./ds-dialog.module.cjs');
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-let __radix_ui_react_dialog = require("@radix-ui/react-dialog");
-__radix_ui_react_dialog = require_rolldown_runtime.__toESM(__radix_ui_react_dialog);
-let __radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_rolldown_runtime.__toESM(_radix_ui_react_dialog);
+let _radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 
 //#region src/components/ds-dialog/ds-dialog.tsx
 const DsDialog = ({ open, onOpenChange, title, hideTitle, description, hideDescription, children, className, anchorRef, customPosition, modal = true }) => {
@@ -22,29 +22,29 @@ const DsDialog = ({ open, onOpenChange, title, hideTitle, description, hideDescr
 			left: rect.left
 		};
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Root, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Root, {
 		open,
 		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Portal, { children: [modal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Overlay, { className: require_ds_dialog_module.default.overlay }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Content, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Portal, { children: [modal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, { className: require_ds_dialog_module.default.overlay }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dialog.Content, {
 			className: (0, classnames.default)(require_ds_dialog_module.default.dialog, className, { [require_ds_dialog_module.default.customPlacement]: customPosition || anchorRef }),
 			style: customPosition || anchorRef ? style : void 0,
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
 					asChild: true,
-					children: hideTitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_visually_hidden.Root, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+					children: hideTitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_visually_hidden.Root, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
 						className: require_ds_dialog_module.default.title,
 						children: title
-					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
 						className: require_ds_dialog_module.default.title,
 						children: title
 					})
 				}),
-				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
 					asChild: true,
-					children: hideDescription ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_visually_hidden.Root, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+					children: hideDescription ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_visually_hidden.Root, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
 						className: require_ds_dialog_module.default.description,
 						children: description
-					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
 						className: require_ds_dialog_module.default.description,
 						children: description
 					})

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

@@ -9,8 +9,8 @@ let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-let __ark_ui_react_portal = require("@ark-ui/react/portal");
-let __ark_ui_react_dialog = require("@ark-ui/react/dialog");
+let _ark_ui_react_portal = require("@ark-ui/react/portal");
+let _ark_ui_react_dialog = require("@ark-ui/react/dialog");
 
 //#region src/components/ds-drawer/ds-drawer.tsx
 /**
@@ -36,10 +36,10 @@ const DsDrawer = (t0) => {
 		$[1] = t7;
 	} else t7 = $[1];
 	const handleOpenChange = t7;
-	const Wrapper = portal ? __ark_ui_react_portal.Portal : react.Fragment;
+	const Wrapper = portal ? _ark_ui_react_portal.Portal : react.Fragment;
 	let t8;
 	if ($[2] !== backdrop) {
-		t8 = backdrop && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_drawer_module.default.backdrop });
+		t8 = backdrop && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_drawer_module.default.backdrop });
 		$[2] = backdrop;
 		$[3] = t8;
 	} else t8 = $[3];
@@ -64,9 +64,9 @@ const DsDrawer = (t0) => {
 	} else t12 = $[9];
 	let t13;
 	if ($[10] !== style || $[11] !== t11 || $[12] !== t12) {
-		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Positioner, {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Positioner, {
 			className: require_ds_drawer_module.default.positioner,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Content, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Content, {
 				style,
 				className: t11,
 				children: t12
@@ -87,7 +87,7 @@ const DsDrawer = (t0) => {
 	} else t14 = $[17];
 	let t15;
 	if ($[18] !== backdrop || $[19] !== closeOnEscape || $[20] !== closeOnInteractOutside || $[21] !== handleOpenChange || $[22] !== open || $[23] !== t14) {
-		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Root, {
+		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Root, {
 			open,
 			onOpenChange: handleOpenChange,
 			modal: backdrop,
@@ -149,7 +149,7 @@ const Title = (t0) => {
 	} else t2 = $[3];
 	let t3;
 	if ($[4] !== style || $[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Title, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Title, {
 			className: t1,
 			style,
 			asChild: true,
@@ -181,7 +181,7 @@ const CloseTrigger = (t0) => {
 	} else t2 = $[2];
 	let t3;
 	if ($[3] !== style || $[4] !== t1) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.CloseTrigger, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.CloseTrigger, {
 			style,
 			className: t1,
 			children: t2

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

@@ -1,5 +1,5 @@
 import { DsDrawerProps } from "./ds-drawer.types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-drawer/ds-drawer.d.ts
@@ -22,7 +22,7 @@ declare const DsDrawer: {
     style,
     className,
     children
-  }: DsDrawerProps): react_jsx_runtime0.JSX.Element;
+  }: DsDrawerProps): react_jsx_runtime45.JSX.Element;
   Header: ({
     style,
     className,
@@ -31,7 +31,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
   Title: ({
     style,
     className,
@@ -40,14 +40,14 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
   Toolbar: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
   Body: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
   Footer: ({
     style,
     className,
@@ -74,7 +74,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
   Actions: ({
     style,
     className,
@@ -83,7 +83,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime45.JSX.Element;
 };
 //#endregion
 export { DsDrawer };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-drawer.d.cts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,kBAAA,CAAA,GAAA,CAAA;;;;;;YA2CP;;cAEE;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;EA9Ce;YAyDP;;IAzDN,QAAA,EA2DQ,SA3DR;EAAa,CAAA,EAAA,GA4Df,kBAAA,CAAA,GAAA,CAAA,OA5De;;;;EA2CP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,kBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,kBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,kBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,kBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-drawer.d.cts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;;YA2CP;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;EA9Ce;YAyDP;;IAzDN,QAAA,EA2DQ,SA3DR;EAAa,CAAA,EAAA,GA4Df,mBAAA,CAAA,GAAA,CAAA,OA5De;;;;EA2CP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,mBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,mBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.cjs

@@ -9,10 +9,10 @@ let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-let __radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-__radix_ui_react_dropdown_menu = require_rolldown_runtime.__toESM(__radix_ui_react_dropdown_menu);
-let __ark_ui_react_menu = require("@ark-ui/react/menu");
-let __ark_ui_react_portal = require("@ark-ui/react/portal");
+let _ark_ui_react_portal = require("@ark-ui/react/portal");
+let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+_radix_ui_react_dropdown_menu = require_rolldown_runtime.__toESM(_radix_ui_react_dropdown_menu);
+let _ark_ui_react_menu = require("@ark-ui/react/menu");
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.tsx
 const GroupContext = (0, react.createContext)(null);
@@ -58,7 +58,7 @@ const Root = (t0) => {
 	const t6 = !preventCloseOnSelect;
 	let t7;
 	if ($[8] !== children || $[9] !== open || $[10] !== positioning || $[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== t6) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.Root, {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.Root, {
 			open,
 			onOpenChange: t3,
 			onSelect: t4,
@@ -81,14 +81,14 @@ const Root = (t0) => {
 /**
 * Trigger component - wraps the trigger element
 */
-const Trigger = __ark_ui_react_menu.Menu.Trigger;
+const Trigger = _ark_ui_react_menu.Menu.Trigger;
 /**
 * Content component - wraps the dropdown content
 */
 const Content = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(9);
 	const { disablePortal: t1, children, className, style } = t0;
-	const Wrapper = (t1 === void 0 ? false : t1) ? react.Fragment : __ark_ui_react_portal.Portal;
+	const Wrapper = (t1 === void 0 ? false : t1) ? react.Fragment : _ark_ui_react_portal.Portal;
 	let t2;
 	if ($[0] !== className) {
 		t2 = (0, classnames.default)(require_ds_dropdown_menu_module.default.content, className);
@@ -97,7 +97,7 @@ const Content = (t0) => {
 	} else t2 = $[1];
 	let t3;
 	if ($[2] !== children || $[3] !== style || $[4] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.Content, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.Content, {
 			className: t2,
 			style,
 			children
@@ -131,7 +131,7 @@ const Item = (t0) => {
 	} else t1 = $[2];
 	let t2;
 	if ($[3] !== asChild || $[4] !== children || $[5] !== disabled || $[6] !== onClick || $[7] !== onSelect || $[8] !== style || $[9] !== t1 || $[10] !== value) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.Item, {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.Item, {
 			disabled,
 			className: t1,
 			style,
@@ -273,7 +273,7 @@ const ItemGroup = (t0) => {
 	} else t2 = $[6];
 	let t3;
 	if ($[7] !== children || $[8] !== className || $[9] !== style) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.ItemGroup, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.ItemGroup, {
 			className,
 			style,
 			children
@@ -320,7 +320,7 @@ const ItemGroupLabel = (t0) => {
 		} else t2$1 = $[3];
 		let t3$1;
 		if ($[4] !== style || $[5] !== t1$1 || $[6] !== t2$1) {
-			t3$1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.ItemGroupLabel, {
+			t3$1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.ItemGroupLabel, {
 				className: t1$1,
 				style,
 				children: t2$1
@@ -366,7 +366,7 @@ const ItemGroupLabel = (t0) => {
 	} else t5 = $[15];
 	let t6;
 	if ($[16] !== style || $[17] !== t1 || $[18] !== t2 || $[19] !== t5 || $[20] !== toggle) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.ItemGroupLabel, {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.ItemGroupLabel, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
@@ -421,7 +421,7 @@ const Separator = (t0) => {
 	} else t1 = $[1];
 	let t2;
 	if ($[2] !== style || $[3] !== t1) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_menu.Menu.Separator, {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_menu.Menu.Separator, {
 			className: t1,
 			style
 		});
@@ -481,7 +481,7 @@ const TriggerItem = (t0) => {
 	} else t3 = $[11];
 	let t4;
 	if ($[12] !== props || $[13] !== t2) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_menu.Menu.TriggerItem, {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_menu.Menu.TriggerItem, {
 			className: require_ds_dropdown_menu_module.default.item,
 			...props,
 			children: [t2, t3]
@@ -507,7 +507,7 @@ const DsDropdownMenuLegacy = (t0) => {
 	const disableSearch = t5 === void 0 ? true : t5;
 	const [open, setOpen] = (0, react.useState)(false);
 	const [searchTerm, setSearchTerm] = (0, react.useState)("");
-	const Wrapper = disablePortal ? react.Fragment : __radix_ui_react_dropdown_menu.Portal;
+	const Wrapper = disablePortal ? react.Fragment : _radix_ui_react_dropdown_menu.Portal;
 	let t6;
 	if ($[0] !== disableSearch || $[1] !== options || $[2] !== searchTerm) {
 		t6 = disableSearch ? options : options.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
@@ -519,7 +519,7 @@ const DsDropdownMenuLegacy = (t0) => {
 	const filteredOptions = t6;
 	let t7;
 	if ($[4] !== children) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dropdown_menu.Trigger, {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, {
 			asChild: true,
 			children
 		});
@@ -551,7 +551,7 @@ const DsDropdownMenuLegacy = (t0) => {
 	if ($[10] !== className || $[11] !== filteredOptions || $[12] !== onSelect || $[13] !== selected || $[14] !== style) {
 		let t11$1;
 		if ($[16] !== className || $[17] !== onSelect || $[18] !== selected || $[19] !== style) {
-			t11$1 = (option_0, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.Item, {
+			t11$1 = (option_0, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.Item, {
 				disabled: option_0.disabled,
 				className: (0, classnames.default)(require_ds_dropdown_menu_module.default.itemLegacy, { [require_ds_dropdown_menu_module.default.selected]: selected === option_0.value }, className),
 				style,
@@ -594,7 +594,7 @@ const DsDropdownMenuLegacy = (t0) => {
 	} else t10 = $[15];
 	let t11;
 	if ($[21] !== align || $[22] !== contentGap || $[23] !== side || $[24] !== t10 || $[25] !== t9) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.Content, {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.Content, {
 			className: t8,
 			sideOffset: contentGap,
 			align,
@@ -617,7 +617,7 @@ const DsDropdownMenuLegacy = (t0) => {
 	} else t12 = $[29];
 	let t13;
 	if ($[30] !== open || $[31] !== t12 || $[32] !== t7) {
-		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dropdown_menu.Root, {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.Root, {
 			open,
 			onOpenChange: setOpen,
 			children: [t7, t12]

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js

@@ -7,9 +7,9 @@ import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1, createContext, useContext, useState } from "react";
+import { Portal } from "@ark-ui/react/portal";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Menu } from "@ark-ui/react/menu";
-import { Portal } from "@ark-ui/react/portal";
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.tsx
 const GroupContext = createContext(null);

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.cjs

@@ -1,26 +1,26 @@
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1cepy_1",
-	"expand": "_expand_1cepy_1",
-	"collapse": "_collapse_1cepy_1",
-	"header": "_header_1cepy_1",
-	"item": "_item_1cepy_1",
-	"indicator": "_indicator_1cepy_1",
-	"itemIcon": "_itemIcon_1cepy_1",
-	"triggerItem": "_triggerItem_1cepy_1",
-	"selected": "_selected_1cepy_1",
-	"label": "_label_1cepy_1",
-	"separator": "_separator_1cepy_1",
-	"actions": "_actions_1cepy_1",
-	"groupLabel": "_groupLabel_1cepy_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1cepy_1",
-	"groupLabelIcon": "_groupLabelIcon_1cepy_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1cepy_1",
-	"triggerItemIcon": "_triggerItemIcon_1cepy_1",
-	"contentLegacy": "_contentLegacy_1cepy_1",
-	"viewportLegacy": "_viewportLegacy_1cepy_1",
-	"itemLegacy": "_itemLegacy_1cepy_1"
+	"content": "_content_4g5n3_1",
+	"expand": "_expand_4g5n3_1",
+	"collapse": "_collapse_4g5n3_1",
+	"header": "_header_4g5n3_1",
+	"item": "_item_4g5n3_1",
+	"indicator": "_indicator_4g5n3_1",
+	"itemIcon": "_itemIcon_4g5n3_1",
+	"triggerItem": "_triggerItem_4g5n3_1",
+	"selected": "_selected_4g5n3_1",
+	"label": "_label_4g5n3_1",
+	"separator": "_separator_4g5n3_1",
+	"actions": "_actions_4g5n3_1",
+	"groupLabel": "_groupLabel_4g5n3_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_4g5n3_1",
+	"groupLabelIcon": "_groupLabelIcon_4g5n3_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_4g5n3_1",
+	"triggerItemIcon": "_triggerItemIcon_4g5n3_1",
+	"contentLegacy": "_contentLegacy_4g5n3_1",
+	"viewportLegacy": "_viewportLegacy_4g5n3_1",
+	"itemLegacy": "_itemLegacy_4g5n3_1"
 };
 
 //#endregion

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js

@@ -1,25 +1,25 @@
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1cepy_1",
-	"expand": "_expand_1cepy_1",
-	"collapse": "_collapse_1cepy_1",
-	"header": "_header_1cepy_1",
-	"item": "_item_1cepy_1",
-	"indicator": "_indicator_1cepy_1",
-	"itemIcon": "_itemIcon_1cepy_1",
-	"triggerItem": "_triggerItem_1cepy_1",
-	"selected": "_selected_1cepy_1",
-	"label": "_label_1cepy_1",
-	"separator": "_separator_1cepy_1",
-	"actions": "_actions_1cepy_1",
-	"groupLabel": "_groupLabel_1cepy_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1cepy_1",
-	"groupLabelIcon": "_groupLabelIcon_1cepy_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1cepy_1",
-	"triggerItemIcon": "_triggerItemIcon_1cepy_1",
-	"contentLegacy": "_contentLegacy_1cepy_1",
-	"viewportLegacy": "_viewportLegacy_1cepy_1",
-	"itemLegacy": "_itemLegacy_1cepy_1"
+	"content": "_content_4g5n3_1",
+	"expand": "_expand_4g5n3_1",
+	"collapse": "_collapse_4g5n3_1",
+	"header": "_header_4g5n3_1",
+	"item": "_item_4g5n3_1",
+	"indicator": "_indicator_4g5n3_1",
+	"itemIcon": "_itemIcon_4g5n3_1",
+	"triggerItem": "_triggerItem_4g5n3_1",
+	"selected": "_selected_4g5n3_1",
+	"label": "_label_4g5n3_1",
+	"separator": "_separator_4g5n3_1",
+	"actions": "_actions_4g5n3_1",
+	"groupLabel": "_groupLabel_4g5n3_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_4g5n3_1",
+	"groupLabelIcon": "_groupLabelIcon_4g5n3_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_4g5n3_1",
+	"triggerItemIcon": "_triggerItemIcon_4g5n3_1",
+	"contentLegacy": "_contentLegacy_4g5n3_1",
+	"viewportLegacy": "_viewportLegacy_4g5n3_1",
+	"itemLegacy": "_itemLegacy_4g5n3_1"
 };
 
 //#endregion

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.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/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\tz-index: var(--layer-index);\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\n\t.triggerItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-xs);\n\t}\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n.triggerItemIcon {\n\tmargin-left: auto;\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}
+{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.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/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\n\t.triggerItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-xs);\n\t}\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n.triggerItemIcon {\n\tmargin-left: auto;\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+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({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime16.JSX.Element;
+}: 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.ts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+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({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime42.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime32.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.ts.map

package/dist/components/ds-file-upload/components/file-upload/file-upload.cjs

@@ -15,7 +15,7 @@ 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 __ark_ui_react = require("@ark-ui/react");
+let _ark_ui_react = require("@ark-ui/react");
 
 //#region src/components/ds-file-upload/components/file-upload/file-upload.tsx
 /**
@@ -89,7 +89,7 @@ const FileUpload = (t0) => {
 	} else t18 = $[14];
 	let t19;
 	if ($[15] !== disabled || $[16] !== triggerText) {
-		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.Trigger, {
+		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.FileUpload.Trigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button.default, {
 				design: "v1.2",
@@ -105,7 +105,7 @@ const FileUpload = (t0) => {
 	} else t19 = $[17];
 	let t20;
 	if ($[18] !== t16 || $[19] !== t18 || $[20] !== t19) {
-		t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Dropzone, {
+		t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react.FileUpload.Dropzone, {
 			className: t16,
 			children: [
 				t17,
@@ -170,12 +170,12 @@ const FileUpload = (t0) => {
 	} else t23 = $[34];
 	let t24;
 	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-		t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.FileUpload.HiddenInput, {});
+		t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.FileUpload.HiddenInput, {});
 		$[35] = t24;
 	} else t24 = $[35];
 	let t25;
 	if ($[36] !== acceptedFiles || $[37] !== disabled || $[38] !== maxFileSize || $[39] !== maxFiles || $[40] !== onFileAccept || $[41] !== onFileReject || $[42] !== style || $[43] !== t13 || $[44] !== t14 || $[45] !== t15 || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t23) {
-		t25 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.FileUpload.Root, {
+		t25 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react.FileUpload.Root, {
 			style,
 			className: t13,
 			maxFiles,

package/dist/components/ds-file-upload/components/file-upload-item/file-upload-item.cjs

@@ -11,7 +11,7 @@ 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 __ark_ui_react = require("@ark-ui/react");
+let _ark_ui_react = require("@ark-ui/react");
 
 //#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx
 /**
@@ -63,15 +63,15 @@ const FileUploadItem = (t0) => {
 	const t9 = status === "error" ? 1 : progress;
 	let t10;
 	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Progress.Track, {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.Progress.Track, {
 			className: require_file_upload_item_module.default.progressTrack,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Progress.Range, { className: require_file_upload_item_module.default.progressRange })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.Progress.Range, { className: require_file_upload_item_module.default.progressRange })
 		});
 		$[8] = t10;
 	} else t10 = $[8];
 	let t11;
 	if ($[9] !== t9) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Progress.Root, {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.Progress.Root, {
 			value: t9,
 			className: require_file_upload_item_module.default.progressBar,
 			children: t10

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

@@ -5,7 +5,7 @@ import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.typ
 import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.cjs";
 import { DsSelectProps } from "../ds-select/ds-select.types.cjs";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -21,13 +21,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime17.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime17.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime17.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime17.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime17.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime17.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime17.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime53.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime53.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime53.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime53.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime53.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime53.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime53.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -11,7 +11,7 @@ import "../ds-textarea/index.js";
 import { DsSelectProps } from "../ds-select/ds-select.types.js";
 import "../ds-select/index.js";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -27,13 +27,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime0.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime0.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime0.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime0.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime0.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime0.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime8.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime8.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime8.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime8.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime8.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime8.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime8.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion