@drivenets/design-system 0.4.0 → 0.5.0

package/dist/components/ds-icon/ds-icon.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-icon.types.js","names":["React","IconPrefix","materialIcons","iconSizes","const","IconSize","iconVariants","IconVariant","IconName","K","Name","IconType","FunctionComponent","SVGProps","SVGSVGElement","DsIconProps","icon","size","variant","filled","className","style","CSSProperties","onClick","event","MouseEvent","HTMLSpanElement"],"sources":["../../../src/components/ds-icon/ds-icon.types.ts"],"sourcesContent":["import type React from 'react';\nimport type { IconPrefix, materialIcons } from './material-icons';\n\nexport const iconSizes = ['tiny', 'small', 'medium', 'large', 'extra-large'] as const;\nexport type IconSize = (typeof iconSizes)[number];\nexport const iconVariants = ['outlined', 'rounded'] as const;\nexport type IconVariant = (typeof iconVariants)[number];\n\nexport type IconName = {\n\t[K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never;\n}[keyof typeof materialIcons];\n\nexport type IconType = IconName | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n\nexport interface DsIconProps {\n\t/**\n\t * The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.\n\t */\n\ticon: IconType;\n\n\t/**\n\t * The size of the icon\n\t * @default 'medium'\n\t */\n\tsize?: IconSize;\n\n\t/**\n\t * The variant of the Material Icon\n\t * @default 'outlined'\n\t */\n\tvariant?: IconVariant;\n\n\t/**\n\t * Whether the icon should be filled\n\t * @default false\n\t */\n\tfilled?: boolean;\n\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Additional styles to apply to the icon\n\t */\n\tstyle?: React.CSSProperties;\n\n\t/**\n\t * Optional click handler\n\t */\n\tonClick?: (event: React.MouseEvent<HTMLSpanElement | SVGSVGElement>) => void;\n}\n"],"mappings":";AAGA,MAAaG,YAAY;CAAC;CAAQ;CAAS;CAAU;CAAS;CAAc;AAE5E,MAAaG,eAAe,CAAC,YAAY,UAAU"}
+{"version":3,"file":"ds-icon.types.js","names":["MouseEvent","CSSProperties","FunctionComponent","SVGProps","IconPrefix","materialIcons","CustomIconName","iconSizes","const","IconSize","iconVariants","IconVariant","MaterialIconName","K","Name","IconName","IconType","SVGSVGElement","DsIconProps","icon","size","variant","filled","className","style","onClick","event","HTMLSpanElement"],"sources":["../../../src/components/ds-icon/ds-icon.types.ts"],"sourcesContent":["import type { MouseEvent, CSSProperties, FunctionComponent, SVGProps } from 'react';\nimport type { IconPrefix, materialIcons } from './material-icons';\nimport type { CustomIconName } from './custom-icons';\n\nexport const iconSizes = ['tiny', 'small', 'medium', 'large', 'extra-large'] as const;\nexport type IconSize = (typeof iconSizes)[number];\nexport const iconVariants = ['outlined', 'rounded'] as const;\nexport type IconVariant = (typeof iconVariants)[number];\n\nexport type MaterialIconName = {\n\t[K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never;\n}[keyof typeof materialIcons];\n\nexport type IconName = MaterialIconName | CustomIconName;\n\nexport type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;\n\nexport interface DsIconProps {\n\t/**\n\t * The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.\n\t */\n\ticon: IconType;\n\n\t/**\n\t * The size of the icon\n\t * @default 'medium'\n\t */\n\tsize?: IconSize;\n\n\t/**\n\t * The variant of the Material Icon\n\t * @default 'outlined'\n\t */\n\tvariant?: IconVariant;\n\n\t/**\n\t * Whether the icon should be filled\n\t * @default false\n\t */\n\tfilled?: boolean;\n\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\n\t/**\n\t * Additional styles to apply to the icon\n\t */\n\tstyle?: CSSProperties;\n\n\t/**\n\t * Optional click handler\n\t */\n\tonClick?: (event: MouseEvent<HTMLSpanElement | SVGSVGElement>) => void;\n}\n"],"mappings":";AAIA,MAAaO,YAAY;CAAC;CAAQ;CAAS;CAAU;CAAS;CAAc;AAE5E,MAAaG,eAAe,CAAC,YAAY,UAAU"}

package/dist/components/ds-icon/index.cjs

@@ -1,2 +1,3 @@
+const require_index = require('./custom-icons/index.cjs');
 const require_ds_icon = require('./ds-icon.cjs');
 const require_ds_icon_types = require('./ds-icon.types.cjs');

package/dist/components/ds-icon/index.d.ts

@@ -1,2 +1,3 @@
-import { DsIconProps, IconName, IconSize, IconType, IconVariant, iconSizes, iconVariants } from "./ds-icon.types.js";
+import { CustomIconComponent, CustomIconName, customIcons, isCustomIcon } from "./custom-icons/index.js";
+import { DsIconProps, IconName, IconSize, IconType, IconVariant, MaterialIconName, iconSizes, iconVariants } from "./ds-icon.types.js";
 import { DsIcon } from "./ds-icon.js";

package/dist/components/ds-icon/index.js

@@ -1,2 +1,3 @@
+import { customIcons, isCustomIcon } from "./custom-icons/index.js";
 import ds_icon_default from "./ds-icon.js";
 import { iconSizes, iconVariants } from "./ds-icon.types.js";

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

@@ -1,5 +1,5 @@
 import { DsLoaderProps } from "./ds-loader.types.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region src/components/ds-loader/ds-loader.d.ts
 /**
@@ -9,7 +9,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => react_jsx_runtime29.JSX.Element;
+}: DsLoaderProps) => react_jsx_runtime42.JSX.Element;
 //#endregion
 export { DsLoader };
 //# sourceMappingURL=ds-loader.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsLoaderProps } from "./ds-loader.types.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/components/ds-loader/ds-loader.d.ts
 /**
@@ -9,7 +9,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => react_jsx_runtime11.JSX.Element;
+}: DsLoaderProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 export { DsLoader };
 //# sourceMappingURL=ds-loader.d.ts.map

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

@@ -8,8 +8,8 @@ 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_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-modal/ds-modal.tsx
 /**
@@ -35,7 +35,7 @@ const DsModal = (t0) => {
 	const handleOpenChange = t5;
 	let t6;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_modal_module.default.overlay });
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_modal_module.default.overlay });
 		$[2] = t6;
 	} else t6 = $[2];
 	const t7 = require_ds_modal_module.default[`cols-${columns}`];
@@ -60,7 +60,7 @@ const DsModal = (t0) => {
 	} else t10 = $[8];
 	let t11;
 	if ($[9] !== style || $[10] !== t10 || $[11] !== t8) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_portal.Portal, { children: [t6, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Content, {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_portal.Portal, { children: [t6, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Content, {
 			style,
 			className: t8,
 			children: t10
@@ -72,7 +72,7 @@ const DsModal = (t0) => {
 	} else t11 = $[12];
 	let t12;
 	if ($[13] !== closeOnEscape || $[14] !== closeOnInteractOutside || $[15] !== handleOpenChange || $[16] !== modal || $[17] !== open || $[18] !== t11) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Root, {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Root, {
 			open,
 			onOpenChange: handleOpenChange,
 			modal,
@@ -133,7 +133,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,
@@ -159,7 +159,7 @@ const CloseTrigger = (t0) => {
 	} else t1 = $[0];
 	let t2;
 	if ($[1] !== className || $[2] !== style) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.CloseTrigger, {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.CloseTrigger, {
 			style,
 			className,
 			children: t1

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

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.cjs";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -21,7 +21,7 @@ declare const DsModal: {
     closeOnInteractOutside,
     children,
     onOpenChange
-  }: DsModalProps): react_jsx_runtime30.JSX.Element;
+  }: DsModalProps): react_jsx_runtime29.JSX.Element;
   Header: ({
     style,
     className,
@@ -30,7 +30,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime30.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Title: ({
     style,
     className,
@@ -39,14 +39,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime30.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime30.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Body: ({
     style,
     className,
@@ -55,7 +55,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime30.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Footer: ({
     style,
     className,
@@ -64,7 +64,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime30.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Actions: ({
     style,
     className,
@@ -73,7 +73,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime30.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
 };
 //#endregion
 export { DsModal };

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

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -21,7 +21,7 @@ declare const DsModal: {
     closeOnInteractOutside,
     children,
     onOpenChange
-  }: DsModalProps): react_jsx_runtime14.JSX.Element;
+  }: DsModalProps): react_jsx_runtime15.JSX.Element;
   Header: ({
     style,
     className,
@@ -30,7 +30,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime14.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Title: ({
     style,
     className,
@@ -39,14 +39,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime14.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime14.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Body: ({
     style,
     className,
@@ -55,7 +55,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime14.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Footer: ({
     style,
     className,
@@ -64,7 +64,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime14.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
   Actions: ({
     style,
     className,
@@ -73,7 +73,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime14.JSX.Element;
+  }) => react_jsx_runtime15.JSX.Element;
 };
 //#endregion
 export { DsModal };

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

@@ -6,7 +6,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-number-input/ds-number-input.tsx
 const DsNumberInput = (t0) => {
@@ -50,7 +50,7 @@ const DsNumberInput = (t0) => {
 	} else t11 = $[8];
 	let t12;
 	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.NumberInput.DecrementTrigger, {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.DecrementTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
@@ -71,7 +71,7 @@ const DsNumberInput = (t0) => {
 	} else t13 = $[10];
 	let t14;
 	if ($[11] !== name || $[12] !== onBlur || $[13] !== onChange || $[14] !== placeholder || $[15] !== ref) {
-		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.NumberInput.Input, {
+		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Input, {
 			ref,
 			name,
 			className: t13,
@@ -93,7 +93,7 @@ const DsNumberInput = (t0) => {
 	} else t15 = $[17];
 	let t16;
 	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.NumberInput.IncrementTrigger, {
+		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.IncrementTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
@@ -109,7 +109,7 @@ const DsNumberInput = (t0) => {
 	} else t16 = $[18];
 	let t17;
 	if ($[19] !== containerClass || $[20] !== style || $[21] !== t14) {
-		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.NumberInput.Control, {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Control, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: containerClass,
@@ -128,7 +128,7 @@ const DsNumberInput = (t0) => {
 	} else t17 = $[22];
 	let t18;
 	if ($[23] !== disabled || $[24] !== id || $[25] !== max || $[26] !== min || $[27] !== step || $[28] !== t10 || $[29] !== t17 || $[30] !== t8 || $[31] !== t9) {
-		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.NumberInput.Root, {
+		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.NumberInput.Root, {
 			id,
 			min,
 			max,

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

@@ -6,8 +6,8 @@ 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 __radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
-__radix_ui_react_collapsible = require_rolldown_runtime.__toESM(__radix_ui_react_collapsible);
+let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
+_radix_ui_react_collapsible = require_rolldown_runtime.__toESM(_radix_ui_react_collapsible);
 
 //#region src/components/ds-panel/ds-panel.tsx
 function DsPanel(t0) {
@@ -67,7 +67,7 @@ function DsPanel(t0) {
 	} else t7 = $[15];
 	let t8;
 	if ($[16] !== children || $[17] !== onOpenChange || $[18] !== open || $[19] !== props || $[20] !== t5 || $[21] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_collapsible.Root, {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Root, {
 			open,
 			onOpenChange,
 			className: t5,
@@ -113,7 +113,7 @@ function DsPanelCollapseButton(t0) {
 	} else t2 = $[5];
 	let t3;
 	if ($[6] !== props || $[7] !== t1) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_collapsible.Trigger, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Trigger, {
 			className: t1,
 			"aria-label": "Toggle panel",
 			...props,

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

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.cjs";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/ds-panel/ds-panel.d.ts
 declare function DsPanel({
@@ -11,7 +11,7 @@ declare function DsPanel({
   variant,
   disablePadding,
   ...props
-}: DsPanelProps): react_jsx_runtime37.JSX.Element;
+}: DsPanelProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-panel.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,OAAA;;;;;;;;;GASb,eAAY,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-panel.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,OAAA;;;;;;;;;GASb,eAAY,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.js";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 
 //#region src/components/ds-panel/ds-panel.d.ts
 declare function DsPanel({
@@ -11,7 +11,7 @@ declare function DsPanel({
   variant,
   disablePadding,
   ...props
-}: DsPanelProps): react_jsx_runtime44.JSX.Element;
+}: DsPanelProps): react_jsx_runtime48.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.ts.map

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

@@ -6,7 +6,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-password-input/ds-password-input.tsx
 const DsPasswordInput = (t0) => {
@@ -52,7 +52,7 @@ const DsPasswordInput = (t0) => {
 	} else t9 = $[9];
 	let t10;
 	if ($[10] !== defaultValue || $[11] !== id || $[12] !== name || $[13] !== onBlur || $[14] !== placeholder || $[15] !== ref || $[16] !== t9 || $[17] !== value) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Input, {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Input, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 				id,
@@ -78,10 +78,10 @@ const DsPasswordInput = (t0) => {
 	} else t10 = $[18];
 	let t11;
 	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.VisibilityTrigger, {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.VisibilityTrigger, {
 			className: require_ds_password_input_module.default.trigger,
 			"aria-label": "Toggle password visibility",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Indicator, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Indicator, {
 				className: require_ds_password_input_module.default.indicator,
 				fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 					icon: "visibility_off",
@@ -97,7 +97,7 @@ const DsPasswordInput = (t0) => {
 	} else t11 = $[19];
 	let t12;
 	if ($[20] !== containerClass || $[21] !== style || $[22] !== t10) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: containerClass,
 			style,
 			children: [t10, t11]
@@ -109,7 +109,7 @@ const DsPasswordInput = (t0) => {
 	} else t12 = $[23];
 	let t13;
 	if ($[24] !== disabled || $[25] !== t12) {
-		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Root, {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Root, {
 			disabled,
 			children: t12
 		});

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

@@ -4,8 +4,8 @@ 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 __radix_ui_react_popover = require("@radix-ui/react-popover");
-__radix_ui_react_popover = require_rolldown_runtime.__toESM(__radix_ui_react_popover);
+let _radix_ui_react_popover = require("@radix-ui/react-popover");
+_radix_ui_react_popover = require_rolldown_runtime.__toESM(_radix_ui_react_popover);
 
 //#region src/components/ds-popover/ds-popover.tsx
 const DsPopover = (t0) => {
@@ -15,7 +15,7 @@ const DsPopover = (t0) => {
 	const side = t2 === void 0 ? "top" : t2;
 	let t3;
 	if ($[0] !== trigger) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popover.Trigger, {
 			asChild: true,
 			children: trigger
 		});
@@ -30,12 +30,12 @@ const DsPopover = (t0) => {
 	} else t4 = $[3];
 	let t5;
 	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Arrow, { className: require_ds_popover_module.default.arrow });
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popover.Arrow, { className: require_ds_popover_module.default.arrow });
 		$[4] = t5;
 	} else t5 = $[4];
 	let t6;
 	if ($[5] !== align || $[6] !== children || $[7] !== side || $[8] !== t4) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Content, {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_popover.Content, {
 			side,
 			align,
 			sideOffset: 8,
@@ -51,7 +51,7 @@ const DsPopover = (t0) => {
 	} else t6 = $[9];
 	let t7;
 	if ($[10] !== t3 || $[11] !== t6) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Root, { children: [t3, t6] });
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_popover.Root, { children: [t3, t6] });
 		$[10] = t3;
 		$[11] = t6;
 		$[12] = t7;

package/dist/components/ds-radio-group/ds-radio-group.cjs

@@ -4,9 +4,9 @@ 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 __radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
-__radix_ui_react_radio_group = require_rolldown_runtime.__toESM(__radix_ui_react_radio_group);
-let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+let _radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
+_radix_ui_react_radio_group = require_rolldown_runtime.__toESM(_radix_ui_react_radio_group);
+let _ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
 
 //#region src/components/ds-radio-group/ds-radio-group.tsx
 /**
@@ -45,7 +45,7 @@ const Root = (t0) => {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== children || $[10] !== props || $[11] !== t1 || $[12] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.Root, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_radio_group.RadioGroup.Root, {
 			className: t1,
 			onValueChange: t2,
 			...props,
@@ -99,7 +99,7 @@ const Item = (t0) => {
 	let t2;
 	let t3;
 	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemControl, {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_radio_group.RadioGroup.ItemControl, {
 			className: require_ds_radio_group_module.default.radioItem,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_radio_group_module.default.radioItemWrapper,
@@ -109,7 +109,7 @@ const Item = (t0) => {
 				})
 			})
 		});
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemHiddenInput, {});
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_radio_group.RadioGroup.ItemHiddenInput, {});
 		$[10] = t2;
 		$[11] = t3;
 	} else {
@@ -118,7 +118,7 @@ const Item = (t0) => {
 	}
 	let t4;
 	if ($[12] !== children || $[13] !== label || $[14] !== labelInfo) {
-		t4 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.ItemText, {
+		t4 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_radio_group.RadioGroup.ItemText, {
 			className: require_ds_radio_group_module.default.radioLabel,
 			children: [label, labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_radio_group_module.default.labelInfo,
@@ -132,7 +132,7 @@ const Item = (t0) => {
 	} else t4 = $[15];
 	let t5;
 	if ($[16] !== props || $[17] !== style || $[18] !== t1 || $[19] !== t4 || $[20] !== value) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.Item, {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_radio_group.RadioGroup.Item, {
 			value,
 			className: t1,
 			style,
@@ -196,7 +196,7 @@ const DsRadioGroupLegacy = (t0) => {
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== defaultValue || $[12] !== onValueChange || $[13] !== props || $[14] !== t1 || $[15] !== t2 || $[16] !== value) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Root, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_radio_group.Root, {
 			className: t1,
 			value,
 			defaultValue,
@@ -230,14 +230,14 @@ const DsRadioGroup = {
 function _temp(option) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: require_ds_radio_group_module.default.radioItemContainer,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Item, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_radio_group.Item, {
 			className: require_ds_radio_group_module.default.radioItem,
 			value: option.value,
 			disabled: option.disabled,
 			id: option.value,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_radio_group_module.default.radioItemWrapper,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Indicator, { className: require_ds_radio_group_module.default.radioIndicator })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_radio_group.Indicator, { className: require_ds_radio_group_module.default.radioIndicator })
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 			className: require_ds_radio_group_module.default.radioLabel,

package/dist/components/ds-radio-group/ds-radio-group.types.cjs

@@ -1 +1 @@
-let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+let _ark_ui_react_radio_group = require("@ark-ui/react/radio-group");

package/dist/components/ds-segment-group/ds-segment-group.cjs

@@ -6,7 +6,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_segment_group = require("@ark-ui/react/segment-group");
+let _ark_ui_react_segment_group = require("@ark-ui/react/segment-group");
 
 //#region src/components/ds-segment-group/ds-segment-group.tsx
 /**
@@ -50,12 +50,12 @@ const Root = (t0) => {
 	} else t4 = $[10];
 	let t5;
 	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.Indicator, { className: require_ds_segment_group_module.default.segmentIndicator });
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.Indicator, { className: require_ds_segment_group_module.default.segmentIndicator });
 		$[11] = t5;
 	} else t5 = $[11];
 	let t6;
 	if ($[12] !== children || $[13] !== props || $[14] !== t3 || $[15] !== t4) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_segment_group.SegmentGroup.Root, {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_segment_group.SegmentGroup.Root, {
 			className: t3,
 			onValueChange: t4,
 			...props,
@@ -113,8 +113,8 @@ const Item = (t0) => {
 	let t3;
 	let t4;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.ItemControl, {});
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.ItemHiddenInput, {});
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.ItemControl, {});
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.ItemHiddenInput, {});
 		$[12] = t3;
 		$[13] = t4;
 	} else {
@@ -123,7 +123,7 @@ const Item = (t0) => {
 	}
 	let t5;
 	if ($[14] !== props || $[15] !== style || $[16] !== t1 || $[17] !== t2 || $[18] !== value) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_segment_group.SegmentGroup.Item, {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_segment_group.SegmentGroup.Item, {
 			value,
 			className: t1,
 			style,
@@ -179,7 +179,7 @@ const ItemText = (t0) => {
 	} else t2 = $[7];
 	let t3;
 	if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.ItemText, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.ItemText, {
 			className: t1,
 			...props,
 			asChild: true,

package/dist/components/ds-segment-group/ds-segment-group.types.cjs

@@ -1,2 +1,2 @@
 let react = require("react");
-let __ark_ui_react_segment_group = require("@ark-ui/react/segment-group");
+let _ark_ui_react_segment_group = require("@ark-ui/react/segment-group");