@drivenets/design-system 0.0.4 → 0.1.0

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts

@@ -242,6 +242,10 @@ interface DsDropdownMenuItemGroupContentProps {
  * Props for the DsDropdownMenu Separator component
  */
 type DsDropdownMenuSeparatorProps = Menu.SeparatorProps;
+/**
+ * Props for the DsDropdownMenu TriggerItem component (for nested submenus)
+ */
+type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
 //#endregion
-export { DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerProps };
+export { DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps };
 //# sourceMappingURL=ds-dropdown-menu.types.d.ts.map

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-dropdown-menu.types.d.ts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAE2C,KAKtC,eAAA,GAAkB,WAAY,CAAA,IAAA,CAAK,SAAA,CAAjB,aAAW,CAAA,CAAA;AAKlC;AAOA;;AAgB0B,KAvBd,yBAAA,GAA4B,IAuBd,CAvBmB,eAuBnB,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,CAAA;;;AAY1B;;;AAsBS,UAlDQ,0BAAA,CAkDR;EAAa;AAkCtB;AAmCA;EAKiB,KAAA,EAAA,MAAA;EAcA;AAajB;AAkBA;EAkBiB,IAAA,CAAA,EAnLT,QAmLS;EAkBA;AAcjB;AAKA;EAkBY,QAAA,CAAA,EAAA,OAAA;;;;gBAlOG,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK"}
+{"version":3,"file":"ds-dropdown-menu.types.d.ts","names":[],"sources":["../../../src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAE2C,KAKtC,eAAA,GAAkB,WAAY,CAAA,IAAA,CAAK,SAAjB,CAAA,aAAW,CAAA,CAAA;AAKlC;AAOA;;AAgB0B,KAvBd,yBAAA,GAA4B,IAuBd,CAvBmB,eAuBnB,EAAA,WAAA,GAAA,QAAA,GAAA,WAAA,CAAA;;;AAY1B;;;AAsBS,UAlDQ,0BAAA,CAkDR;EAAa;AAkCtB;AAmCA;EAKiB,KAAA,EAAA,MAAA;EAcA;AAajB;AAkBA;EAkBiB,IAAA,CAAA,EAnLT,QAmLS;EAkBA;AAcjB;AAKA;EAkBY,QAAA,CAAA,EAAA,OAAA;EAKA;;;gBAvOG,WAAW;;;;;;;;;;;UAYT,yBAAA;;;;WAIP;;;;;aAKE;;;;;;;;;;;;;UAaH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkCQ,uBAAA;;;;;;;;;;;;;;;;;;;;gBAoBF;;;;;;;;;aASH;;;;;KAMA,0BAAA,GAA6B,IAAA,CAAK;;;;UAK7B,0BAAA,SAAmC,KACnD,IAAA,CAAK;;;;;;;;;;UAaW,uBAAA,SAAgC,KAChD,IAAA,CAAK;;;;;;;;;UAYW,gCAAA;;;;aAIL;;;;;;;;UAQH;;;;;UAMQ,yBAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,0BAAA;;;;YAIN;;;;;;;;UAQF;;;;;UAMQ,4BAAA,SAAqC,IAAA,CAAK;;;;;;;;;;;;;KAc/C,iCAAA,GAAoC,IAAA,CAAK;;;;UAKpC,mCAAA;;;;YAIN;;;;;;;;UAQF;;;;;KAMG,4BAAA,GAA+B,IAAA,CAAK;;;;KAKpC,8BAAA,GAAiC,IAAA,CAAK"}

package/dist/components/ds-dropdown-menu/index.d.ts

@@ -1,2 +1,2 @@
-import { DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerProps } from "./ds-dropdown-menu.types.js";
+import { DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps } from "./ds-dropdown-menu.types.js";
 import { DsDropdownMenu, DsDropdownMenuLegacy } from "./ds-dropdown-menu.js";

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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime18.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime12.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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime34 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_runtime18.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.ts.map

package/dist/components/ds-form-control/ds-form-control.cjs

@@ -3,6 +3,8 @@ 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_date_input = require('../ds-date-input/ds-date-input.cjs');
+require('../ds-date-input/index.cjs');
 const require_ds_select = require('../ds-select/ds-select.cjs');
 require('../ds-select/index.cjs');
 const require_ds_textarea = require('../ds-textarea/ds-textarea.cjs');
@@ -170,6 +172,7 @@ const DsFormControl = (t0) => {
 DsFormControl.TextInput = controlify(require_ds_text_input.default);
 DsFormControl.NumberInput = controlify(require_ds_number_input.default);
 DsFormControl.PasswordInput = controlify(require_ds_password_input.default);
+DsFormControl.DateInput = controlify(require_ds_date_input.default);
 DsFormControl.Textarea = controlify(require_ds_textarea.default);
 DsFormControl.Select = controlify(require_ds_select.default);
 DsFormControl.Description = DsFormControlDescription;

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

@@ -1,10 +1,11 @@
+import { DsDateInputProps } from "../ds-date-input/ds-date-input.types.cjs";
 import { DsTextInputProps } from "../ds-text-input/ds-text-input.types.cjs";
 import { DsNumberInputProps } from "../ds-number-input/ds-number-input.types.cjs";
 import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.types.cjs";
 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_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -20,12 +21,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime20.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime20.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime20.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime20.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime20.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime20.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime41.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime41.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime41.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime41.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime41.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime41.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime41.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.d.cts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAwCM;;;;;;;;;;;;KAWH,qBAAkB,mBAAA,CAAA,GAAA,CAAA;qBAAA;;;;;;AA1C4E,CAAA"}
+{"version":3,"file":"ds-form-control.d.cts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAyCM;;;;;;;;;;;;KAWH,qBAAkB,mBAAA,CAAA,GAAA,CAAA;qBAAA;;;;;;;AA3C4E,CAAA"}

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

@@ -1,3 +1,5 @@
+import { DsDateInputProps } from "../ds-date-input/ds-date-input.types.js";
+import "../ds-date-input/index.js";
 import { DsTextInputProps } from "../ds-text-input/ds-text-input.types.js";
 import "../ds-text-input/index.js";
 import { DsNumberInputProps } from "../ds-number-input/ds-number-input.types.js";
@@ -9,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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -25,12 +27,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime4.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime4.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime4.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime4.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime4.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime4.JSX.Element;
+  }: 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;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.d.ts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;cAwCM;;;;;;;;;;;;KAWH,qBAAkB,kBAAA,CAAA,GAAA,CAAA;qBAAA"}
+{"version":3,"file":"ds-form-control.d.ts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;cAyCM;;;;;;;;;;;;KAWH,qBAAkB,kBAAA,CAAA,GAAA,CAAA;qBAAA"}

package/dist/components/ds-form-control/ds-form-control.js

@@ -2,6 +2,8 @@ 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_date_input_default from "../ds-date-input/ds-date-input.js";
+import "../ds-date-input/index.js";
 import ds_select_default from "../ds-select/ds-select.js";
 import "../ds-select/index.js";
 import ds_textarea_default from "../ds-textarea/ds-textarea.js";
@@ -168,6 +170,7 @@ const DsFormControl = (t0) => {
 DsFormControl.TextInput = controlify(ds_text_input_default);
 DsFormControl.NumberInput = controlify(ds_number_input_default);
 DsFormControl.PasswordInput = controlify(ds_password_input_default);
+DsFormControl.DateInput = controlify(ds_date_input_default);
 DsFormControl.Textarea = controlify(ds_textarea_default);
 DsFormControl.Select = controlify(ds_select_default);
 DsFormControl.Description = DsFormControlDescription;

package/dist/components/ds-form-control/ds-form-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-form-control.js","names":["ComponentType","createContext","useContext","useId","React","classNames","DsIcon","DsSelect","DsTextInput","DsTextarea","DsNumberInput","DsPasswordInput","DsFormControlDescriptionProps","DsFormControlProps","styles","FormControlContext","controlId","useFormControlContext","context","Error","controlify","id","Component","TProps","WrappedFormControl","props","DsFormControlDescription","FC","t0","$","_c","children","className","t1","description","t2","DsFormControl","status","label","required","slots","message","messageIcon","style","undefined","generatedId","t3","t4","t5","container","t6","t7","t8","endAdornment","t9","labelContainer","t10","messageText","t11","t12","TextInput","NumberInput","PasswordInput","Textarea","Select","Description"],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":["import { type ComponentType, createContext, useContext, useId } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport { DsSelect } from '../ds-select';\nimport { DsTextInput } from '../ds-text-input';\nimport { DsTextarea } from '../ds-textarea';\nimport { DsNumberInput } from '../ds-number-input';\nimport { DsPasswordInput } from '../ds-password-input';\nimport type { DsFormControlDescriptionProps, DsFormControlProps } from './ds-form-control.types';\nimport styles from './ds-form-control.module.scss';\n\nconst FormControlContext = createContext<{ controlId: string } | null>(null);\n\nconst useFormControlContext = () => {\n\tconst context = useContext(FormControlContext);\n\tif (!context) {\n\t\tthrow new Error('useFormControlContext must be used within DsFormControl');\n\t}\n\treturn context;\n};\n\n/**\n * HOC that automatically injects the controlId from form control context\n * into any component that expects an 'id' prop.\n *\n * @param Component - The component to wrap with form control context\n * @returns A new component that automatically receives the controlId\n */\nconst controlify = <TProps extends { id?: string }>(Component: ComponentType<TProps>) => {\n\treturn function WrappedFormControl(props: TProps) {\n\t\tconst { controlId } = useFormControlContext();\n\t\treturn <Component id={controlId} {...props} />;\n\t};\n};\n\nconst DsFormControlDescription: React.FC<DsFormControlDescriptionProps> = ({ children, className }) => {\n\treturn <div className={classNames(styles.description, className)}>{children}</div>;\n};\n\nconst DsFormControl = ({\n\tid,\n\tstatus,\n\tlabel,\n\trequired = false,\n\tslots,\n\tmessage,\n\tmessageIcon = 'info',\n\tclassName,\n\tstyle,\n\tchildren,\n}: DsFormControlProps) => {\n\tconst generatedId = useId();\n\tconst controlId = id || generatedId;\n\n\treturn (\n\t\t<FormControlContext.Provider value={{ controlId }}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles.container, status && message && styles[status], className)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className={styles.labelContainer}>\n\t\t\t\t\t<label\n\t\t\t\t\t\thtmlFor={controlId}\n\t\t\t\t\t\tclassName={classNames(styles.label, {\n\t\t\t\t\t\t\t[styles.required]: required,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</label>\n\t\t\t\t\t{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{children}\n\n\t\t\t\t{message && (\n\t\t\t\t\t<div className={styles.message}>\n\t\t\t\t\t\t<DsIcon icon={messageIcon} size=\"tiny\" filled />\n\t\t\t\t\t\t<span className={styles.messageText}>{message}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</FormControlContext.Provider>\n\t);\n};\n\nDsFormControl.TextInput = controlify(DsTextInput);\nDsFormControl.NumberInput = controlify(DsNumberInput);\nDsFormControl.PasswordInput = controlify(DsPasswordInput);\nDsFormControl.Textarea = controlify(DsTextarea);\nDsFormControl.Select = controlify(DsSelect);\nDsFormControl.Description = DsFormControlDescription;\n\nexport default DsFormControl;\n"],"mappings":"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"}
+{"version":3,"file":"ds-form-control.js","names":["ComponentType","createContext","useContext","useId","React","classNames","DsIcon","DsSelect","DsTextInput","DsTextarea","DsNumberInput","DsPasswordInput","DsFormControlDescriptionProps","DsFormControlProps","styles","DsDateInput","FormControlContext","controlId","useFormControlContext","context","Error","controlify","id","Component","TProps","WrappedFormControl","props","DsFormControlDescription","FC","t0","$","_c","children","className","t1","description","t2","DsFormControl","status","label","required","slots","message","messageIcon","style","undefined","generatedId","t3","t4","t5","container","t6","t7","t8","endAdornment","t9","labelContainer","t10","messageText","t11","t12","TextInput","NumberInput","PasswordInput","DateInput","Textarea","Select","Description"],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":["import { type ComponentType, createContext, useContext, useId } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport { DsSelect } from '../ds-select';\nimport { DsTextInput } from '../ds-text-input';\nimport { DsTextarea } from '../ds-textarea';\nimport { DsNumberInput } from '../ds-number-input';\nimport { DsPasswordInput } from '../ds-password-input';\nimport type { DsFormControlDescriptionProps, DsFormControlProps } from './ds-form-control.types';\nimport styles from './ds-form-control.module.scss';\nimport { DsDateInput } from '../ds-date-input';\n\nconst FormControlContext = createContext<{ controlId: string } | null>(null);\n\nconst useFormControlContext = () => {\n\tconst context = useContext(FormControlContext);\n\tif (!context) {\n\t\tthrow new Error('useFormControlContext must be used within DsFormControl');\n\t}\n\treturn context;\n};\n\n/**\n * HOC that automatically injects the controlId from form control context\n * into any component that expects an 'id' prop.\n *\n * @param Component - The component to wrap with form control context\n * @returns A new component that automatically receives the controlId\n */\nconst controlify = <TProps extends { id?: string }>(Component: ComponentType<TProps>) => {\n\treturn function WrappedFormControl(props: TProps) {\n\t\tconst { controlId } = useFormControlContext();\n\t\treturn <Component id={controlId} {...props} />;\n\t};\n};\n\nconst DsFormControlDescription: React.FC<DsFormControlDescriptionProps> = ({ children, className }) => {\n\treturn <div className={classNames(styles.description, className)}>{children}</div>;\n};\n\nconst DsFormControl = ({\n\tid,\n\tstatus,\n\tlabel,\n\trequired = false,\n\tslots,\n\tmessage,\n\tmessageIcon = 'info',\n\tclassName,\n\tstyle,\n\tchildren,\n}: DsFormControlProps) => {\n\tconst generatedId = useId();\n\tconst controlId = id || generatedId;\n\n\treturn (\n\t\t<FormControlContext.Provider value={{ controlId }}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(styles.container, status && message && styles[status], className)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className={styles.labelContainer}>\n\t\t\t\t\t<label\n\t\t\t\t\t\thtmlFor={controlId}\n\t\t\t\t\t\tclassName={classNames(styles.label, {\n\t\t\t\t\t\t\t[styles.required]: required,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</label>\n\t\t\t\t\t{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{children}\n\n\t\t\t\t{message && (\n\t\t\t\t\t<div className={styles.message}>\n\t\t\t\t\t\t<DsIcon icon={messageIcon} size=\"tiny\" filled />\n\t\t\t\t\t\t<span className={styles.messageText}>{message}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</FormControlContext.Provider>\n\t);\n};\n\nDsFormControl.TextInput = controlify(DsTextInput);\nDsFormControl.NumberInput = controlify(DsNumberInput);\nDsFormControl.PasswordInput = controlify(DsPasswordInput);\nDsFormControl.DateInput = controlify(DsDateInput);\nDsFormControl.Textarea = controlify(DsTextarea);\nDsFormControl.Select = controlify(DsSelect);\nDsFormControl.Description = DsFormControlDescription;\n\nexport default DsFormControl;\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.cjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -20,7 +20,7 @@ declare const DsModal: {
     closeOnEscape,
     closeOnInteractOutside,
     children
-  }: DsModalProps): react_jsx_runtime26.JSX.Element;
+  }: DsModalProps): react_jsx_runtime21.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +29,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime21.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +38,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime21.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime21.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +54,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime21.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +63,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime21.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +72,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime21.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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -20,7 +20,7 @@ declare const DsModal: {
     closeOnEscape,
     closeOnInteractOutside,
     children
-  }: DsModalProps): react_jsx_runtime10.JSX.Element;
+  }: DsModalProps): react_jsx_runtime7.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +29,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime7.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +38,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime7.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime7.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +54,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime7.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +63,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime7.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +72,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime10.JSX.Element;
+  }) => react_jsx_runtime7.JSX.Element;
 };
 //#endregion
 export { DsModal };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,mBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,mBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,mBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,mBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,mBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}
+{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,kBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,kBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,kBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,kBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,kBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,kBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}

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

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.cjs";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime28 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_runtime33.JSX.Element;
+}: DsPanelProps): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.js";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime35 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_runtime38.JSX.Element;
+}: DsPanelProps): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.ts.map

package/dist/components/ds-radio-group/ds-radio-group.types.d.cts

@@ -7,7 +7,7 @@ import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-gr
 /**
  * Props for the DsRadioGroup Root component
  */
-interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
+interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
   /**
    * Event handler called when the selected value changes
    */

package/dist/components/ds-radio-group/ds-radio-group.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-radio-group.types.d.cts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOA;AAaiB,UAbA,qBAAA,SAA8B,IAc9C,CAbA,mBAYkD,EAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,aAAA,GAAA,UAAA,CAAA,CAAA;EAmBlC;AAwBjB;;EACuC,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;;;;AAmBd,UA/DR,qBAAA,SAA8B,IA+DtB,CA9DxB,mBA8DwB,EAAA,OAAA,GAAA,UAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAQhB;;;;;;;;;;;;;;UApDQ;;;;;;;;SAQT;;;;;;;;;;;;;;;UAgBS,wCACA,sBAAsB,6BAC7B,KAAA,CAAM,gCAAgC,mBAAA,CAAoB;;;;WAI1D;;;;UAID;;;;iBAIO;;;;;;0BAMS;;;;;;;;UAQhB,KAAA,CAAM"}
+{"version":3,"file":"ds-radio-group.types.d.cts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOA;AAaiB,UAbA,qBAAA,SAA8B,IAc9C,CAbA,mBAYkD,EAAA,IAAA,GAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,aAAA,GAAA,UAAA,CAAA,CAAA;EAmBlC;AAwBjB;;EACuC,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;;;;AAmBd,UA/DR,qBAAA,SAA8B,IA+DtB,CA9DxB,mBA8DwB,EAAA,OAAA,GAAA,UAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAQhB;;;;;;;;;;;;;;UApDQ;;;;;;;;SAQT;;;;;;;;;;;;;;;UAgBS,wCACA,sBAAsB,6BAC7B,KAAA,CAAM,gCAAgC,mBAAA,CAAoB;;;;WAI1D;;;;UAID;;;;iBAIO;;;;;;0BAMS;;;;;;;;UAQhB,KAAA,CAAM"}

package/dist/components/ds-radio-group/ds-radio-group.types.d.ts

@@ -7,7 +7,7 @@ import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-gr
 /**
  * Props for the DsRadioGroup Root component
  */
-interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
+interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
   /**
    * Event handler called when the selected value changes
    */

package/dist/components/ds-radio-group/ds-radio-group.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-radio-group.types.d.ts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOA;AAaiB,UAbA,qBAAA,SAA8B,IAc9C,CAbA,mBAYkD,EAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,aAAA,GAAA,UAAA,CAAA,CAAA;EAmBlC;AAwBjB;;EACuC,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;;;;AAmBd,UA/DR,qBAAA,SAA8B,IA+DtB,CA9DxB,mBA8DwB,EAAA,OAAA,GAAA,UAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAQhB;;;;;;;;;;;;;;UApDQ;;;;;;;;SAQT;;;;;;;;;;;;;;;UAgBS,wCACA,sBAAsB,6BAC7B,KAAA,CAAM,gCAAgC,mBAAA,CAAoB;;;;WAI1D;;;;UAID;;;;iBAIO;;;;;;0BAMS;;;;;;;;UAQhB,KAAA,CAAM"}
+{"version":3,"file":"ds-radio-group.types.d.ts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOA;AAaiB,UAbA,qBAAA,SAA8B,IAc9C,CAbA,mBAYkD,EAAA,IAAA,GAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,aAAA,GAAA,UAAA,CAAA,CAAA;EAmBlC;AAwBjB;;EACuC,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;;;;AAmBd,UA/DR,qBAAA,SAA8B,IA+DtB,CA9DxB,mBA8DwB,EAAA,OAAA,GAAA,UAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAQhB;;;;;;;;;;;;;;UApDQ;;;;;;;;SAQT;;;;;;;;;;;;;;;UAgBS,wCACA,sBAAsB,6BAC7B,KAAA,CAAM,gCAAgC,mBAAA,CAAoB;;;;WAI1D;;;;UAID;;;;iBAIO;;;;;;0BAMS;;;;;;;;UAQhB,KAAA,CAAM"}

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

@@ -0,0 +1,215 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_typography = require('../ds-typography/ds-typography.cjs');
+const require_ds_segment_group_module = require('./ds-segment-group.module.cjs');
+require('./ds-segment-group.types.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 __ark_ui_react_segment_group = require("@ark-ui/react/segment-group");
+
+//#region src/components/ds-segment-group/ds-segment-group.tsx
+/**
+* Root component - provides segment group context
+*/
+const Root = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(17);
+	let children;
+	let className;
+	let onValueChange;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, children, onValueChange, size: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onValueChange;
+		$[4] = props;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		onValueChange = $[3];
+		props = $[4];
+		t1 = $[5];
+	}
+	const t2 = (t1 === void 0 ? "default" : t1) === "small" && require_ds_segment_group_module.default.small;
+	let t3;
+	if ($[6] !== className || $[7] !== t2) {
+		t3 = (0, classnames.default)(require_ds_segment_group_module.default.segmentGroupRoot, t2, className);
+		$[6] = className;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== onValueChange) {
+		t4 = (details) => onValueChange?.(details.value);
+		$[9] = onValueChange;
+		$[10] = t4;
+	} 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 });
+		$[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, {
+			className: t3,
+			onValueChange: t4,
+			...props,
+			children: [t5, children]
+		});
+		$[12] = children;
+		$[13] = props;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
+};
+/**
+* Item component - renders a single segment button
+*/
+const Item = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(20);
+	let children;
+	let className;
+	let label;
+	let props;
+	let style;
+	let value;
+	if ($[0] !== t0) {
+		({value, label, className, style, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = label;
+		$[4] = props;
+		$[5] = style;
+		$[6] = value;
+	} else {
+		children = $[1];
+		className = $[2];
+		label = $[3];
+		props = $[4];
+		style = $[5];
+		value = $[6];
+	}
+	let t1;
+	if ($[7] !== className) {
+		t1 = (0, classnames.default)(require_ds_segment_group_module.default.segmentItem, className);
+		$[7] = className;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== children || $[10] !== label) {
+		t2 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemText, { children: label }) : children;
+		$[9] = children;
+		$[10] = label;
+		$[11] = t2;
+	} else t2 = $[11];
+	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, {});
+		$[12] = t3;
+		$[13] = t4;
+	} else {
+		t3 = $[12];
+		t4 = $[13];
+	}
+	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, {
+			value,
+			className: t1,
+			style,
+			...props,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[14] = props;
+		$[15] = style;
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = value;
+		$[19] = t5;
+	} else t5 = $[19];
+	return t5;
+};
+/**
+* ItemText component - renders text content within an item
+*/
+const ItemText = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = (0, classnames.default)(require_ds_segment_group_module.default.segmentItemText, className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-sm-reg",
+			children
+		});
+		$[6] = children;
+		$[7] = t2;
+	} 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, {
+			className: t1,
+			...props,
+			asChild: true,
+			children: t2
+		});
+		$[8] = props;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+};
+/**
+* Design system SegmentGroup component
+*
+* @example
+* <DsSegmentGroup.Root value={value} onValueChange={setValue} size="default">
+*   <DsSegmentGroup.Indicator />
+*   <DsSegmentGroup.Item value="option1" label="Option 1" />
+*   <DsSegmentGroup.Item value="option2">
+*     <DsIcon icon="settings" />
+*     <DsSegmentGroup.ItemText>Option 2</DsSegmentGroup.ItemText>
+*   </DsSegmentGroup.Item>
+* </DsSegmentGroup.Root>
+*/
+const DsSegmentGroup = {
+	Root,
+	Item,
+	ItemText
+};
+
+//#endregion
+exports.DsSegmentGroup = DsSegmentGroup;