npm - @drivenets/design-system - Versions diffs - 0.8.0 → 0.9.0 - Mend

@drivenets/design-system 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/CHANGELOG.md +22 -0
package/dist/index.cjs +1559 -1074
package/dist/index.d.cts +559 -135
package/dist/index.d.cts.map +1 -1
package/dist/index.d.ts +559 -135
package/dist/index.d.ts.map +1 -1
package/dist/index.js +1547 -1076
package/dist/index.js.map +1 -1
package/dist/index.min.css +1 -1
package/package.json +12 -11
package/src/components/ds-autocomplete/ds-autocomplete.module.scss +0 -1
package/src/components/ds-button/versions/ds-button-new/ds-button-new.module.scss +25 -9
package/src/components/ds-button/versions/ds-button-new/ds-button-new.tsx +5 -5
package/src/components/ds-button/versions/ds-button-new/ds-button-new.types.ts +11 -1
package/src/components/ds-button/versions/ds-button-new/index.ts +4 -1
package/src/components/ds-button-v3/ds-button-v3.module.scss +391 -0
package/src/components/ds-button-v3/ds-button-v3.tsx +55 -0
package/src/components/ds-button-v3/ds-button-v3.types.ts +49 -0
package/src/components/ds-button-v3/index.ts +2 -0
package/src/components/ds-comments-drawer/components/comments-filter-modal/comments-filter-modal.tsx +1 -1
package/src/components/ds-comments-drawer/ds-comments-drawer.tsx +3 -9
package/src/components/ds-date-picker/ds-date-picker.module.scss +10 -0
package/src/components/ds-date-picker/ds-date-picker.tsx +4 -2
package/src/components/ds-date-range-picker/ds-date-range-picker.tsx +2 -2
package/src/components/ds-drawer/ds-drawer.tsx +6 -9
package/src/components/ds-drawer/ds-drawer.types.ts +4 -2
package/src/components/ds-form-control/ds-form-control.tsx +2 -3
package/src/components/ds-panel/ds-panel.module.scss +4 -1
package/src/components/ds-panel/ds-panel.tsx +8 -3
package/src/components/ds-panel/ds-panel.types.ts +8 -1
package/src/components/ds-panel/index.ts +4 -1
package/src/components/ds-select/ds-select.module.scss +4 -1
package/src/components/ds-split-button/ds-split-button.module.scss +99 -0
package/src/components/ds-split-button/ds-split-button.tsx +49 -0
package/src/components/ds-split-button/ds-split-button.types.ts +25 -0
package/src/components/ds-split-button/index.ts +10 -0
package/src/components/ds-stack/ds-stack.module.scss +4 -0
package/src/components/ds-stack/ds-stack.tsx +35 -0
package/src/components/ds-stack/ds-stack.types.ts +19 -0
package/src/components/ds-stack/index.ts +18 -0
package/src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.tsx +2 -2
package/src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss +5 -8
package/src/components/ds-table/ds-table.module.scss +6 -0
package/src/components/ds-table/ds-table.tsx +3 -0
package/src/components/ds-time-picker/ds-time-picker.module.scss +11 -0
package/src/components/ds-time-picker/ds-time-picker.tsx +32 -12
package/src/components/ds-time-picker/ds-time-picker.types.ts +6 -0
package/src/index.ts +4 -0
package/src/styles/_breakpoints.module.scss +5 -0
package/src/styles/_responsive.scss +13 -0
package/src/styles/_variables.scss +2 -0
package/src/styles/shared/_button.scss +2 -0
package/src/styles/shared/_input.scss +3 -40
package/src/utils/responsive.browser.test.ts +94 -0
package/src/utils/responsive.ts +79 -0
package/src/utils/responsive.unit.test.ts +54 -0
package/src/utils/type-utils.ts +1 -0
package/src/utils/use-controlled.browser.test.ts +6 -6
package/src/utils/use-controlled.ts +1 -1

package/dist/index.cjs CHANGED Viewed

@@ -73,31 +73,32 @@ let _ark_ui_react_switch = require("@ark-ui/react/switch");
 let _ark_ui_react_tree_view = require("@ark-ui/react/tree-view");
 //#region src/components/ds-alert-banner/ds-alert-banner.module.scss
 var ds_alert_banner_module_default = {
-	"alertBanner": "_alertBanner_1u3d5_1",
-	"inline": "_inline_1u3d5_1",
-	"title": "_title_1u3d5_1",
-	"global": "_global_1u3d5_1",
-	"description": "_description_1u3d5_1",
-	"hidden": "_hidden_1u3d5_1",
-	"icon": "_icon_1u3d5_1",
-	"actions": "_actions_1u3d5_1",
-	"closeButton": "_closeButton_1u3d5_1",
-	"infoNeutral": "_infoNeutral_1u3d5_1",
-	"infoBlue": "_infoBlue_1u3d5_1",
-	"warning": "_warning_1u3d5_1",
-	"error": "_error_1u3d5_1",
-	"success": "_success_1u3d5_1"
+	"actions": "F-j_Sq_actions",
+	"alertBanner": "F-j_Sq_alertBanner",
+	"close": "F-j_Sq_close",
+	"closeButton": "F-j_Sq_closeButton",
+	"description": "F-j_Sq_description",
+	"error": "F-j_Sq_error",
+	"global": "F-j_Sq_global",
+	"hidden": "F-j_Sq_hidden",
+	"icon": "F-j_Sq_icon",
+	"infoBlue": "F-j_Sq_infoBlue",
+	"infoNeutral": "F-j_Sq_infoNeutral",
+	"inline": "F-j_Sq_inline",
+	"success": "F-j_Sq_success",
+	"title": "F-j_Sq_title",
+	"warning": "F-j_Sq_warning"
 };
 //#endregion
 //#region src/components/ds-icon/ds-icon.module.scss
 var ds_icon_module_default = {
-	"icon": "_icon_14xwg_1",
-	"extra-large": "_extra-large_14xwg_1",
-	"large": "_large_14xwg_1",
-	"medium": "_medium_14xwg_1",
-	"small": "_small_14xwg_1",
-	"tiny": "_tiny_14xwg_1",
-	"filled": "_filled_14xwg_1"
+	"extra-large": "BWBvDq_extra-large",
+	"filled": "BWBvDq_filled",
+	"icon": "BWBvDq_icon",
+	"large": "BWBvDq_large",
+	"medium": "BWBvDq_medium",
+	"small": "BWBvDq_small",
+	"tiny": "BWBvDq_tiny"
 };
 //#endregion
 //#region src/components/ds-icon/custom-icons/special-market.tsx
@@ -2853,29 +2854,29 @@ const semanticElementMap = {
 //#endregion
 //#region src/components/ds-typography/ds-typography.module.scss
 var ds_typography_module_default = {
-	"heading1": "_heading1_h774x_1",
-	"heading2": "_heading2_h774x_1",
-	"heading3": "_heading3_h774x_1",
-	"heading4": "_heading4_h774x_1",
-	"body-md-reg": "_body-md-reg_h774x_1",
-	"body-md-md": "_body-md-md_h774x_1",
-	"body-md-semi-bold": "_body-md-semi-bold_h774x_1",
-	"body-md-bold": "_body-md-bold_h774x_1",
-	"body-md-link": "_body-md-link_h774x_1",
-	"body-sm-reg": "_body-sm-reg_h774x_1",
-	"body-sm-md": "_body-sm-md_h774x_1",
-	"body-sm-semi-bold": "_body-sm-semi-bold_h774x_1",
-	"body-sm-bold": "_body-sm-bold_h774x_1",
-	"body-sm-link": "_body-sm-link_h774x_1",
-	"body-xs-reg": "_body-xs-reg_h774x_1",
-	"body-xs-md": "_body-xs-md_h774x_1",
-	"body-xs-semi-bold": "_body-xs-semi-bold_h774x_1",
-	"body-xs-bold": "_body-xs-bold_h774x_1",
-	"body-xs-link": "_body-xs-link_h774x_1",
-	"code-sm-reg": "_code-sm-reg_h774x_1",
-	"code-sm-semi-bold": "_code-sm-semi-bold_h774x_1",
-	"code-xs-reg": "_code-xs-reg_h774x_1",
-	"code-xs-semi-bold": "_code-xs-semi-bold_h774x_1"
+	"body-md-bold": "X6xyRq_body-md-bold",
+	"body-md-link": "X6xyRq_body-md-link",
+	"body-md-md": "X6xyRq_body-md-md",
+	"body-md-reg": "X6xyRq_body-md-reg",
+	"body-md-semi-bold": "X6xyRq_body-md-semi-bold",
+	"body-sm-bold": "X6xyRq_body-sm-bold",
+	"body-sm-link": "X6xyRq_body-sm-link",
+	"body-sm-md": "X6xyRq_body-sm-md",
+	"body-sm-reg": "X6xyRq_body-sm-reg",
+	"body-sm-semi-bold": "X6xyRq_body-sm-semi-bold",
+	"body-xs-bold": "X6xyRq_body-xs-bold",
+	"body-xs-link": "X6xyRq_body-xs-link",
+	"body-xs-md": "X6xyRq_body-xs-md",
+	"body-xs-reg": "X6xyRq_body-xs-reg",
+	"body-xs-semi-bold": "X6xyRq_body-xs-semi-bold",
+	"code-sm-reg": "X6xyRq_code-sm-reg",
+	"code-sm-semi-bold": "X6xyRq_code-sm-semi-bold",
+	"code-xs-reg": "X6xyRq_code-xs-reg",
+	"code-xs-semi-bold": "X6xyRq_code-xs-semi-bold",
+	"heading1": "X6xyRq_heading1",
+	"heading2": "X6xyRq_heading2",
+	"heading3": "X6xyRq_heading3",
+	"heading4": "X6xyRq_heading4"
 };
 //#endregion
 //#region src/components/ds-typography/ds-typography.tsx
@@ -3110,27 +3111,27 @@ const alertBannerVariants = [
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.module.scss
 var ds_autocomplete_module_default = {
-	"root": "_root_12hg5_1",
-	"control": "_control_12hg5_1",
-	"input": "_input_12hg5_1",
-	"iconButton": "_iconButton_12hg5_1",
-	"startAdornment": "_startAdornment_12hg5_1",
-	"iconContainer": "_iconContainer_12hg5_1",
-	"clearButton": "_clearButton_12hg5_1",
-	"trigger": "_trigger_12hg5_1",
-	"positioner": "_positioner_12hg5_1",
-	"content": "_content_12hg5_1",
-	"expand": "_expand_12hg5_1",
-	"collapse": "_collapse_12hg5_1",
-	"itemGroup": "_itemGroup_12hg5_1",
-	"item": "_item_12hg5_1",
-	"indicator": "_indicator_12hg5_1",
-	"itemIcon": "_itemIcon_12hg5_1",
-	"itemText": "_itemText_12hg5_1",
-	"noMatches": "_noMatches_12hg5_1",
-	"loading": "_loading_12hg5_1",
-	"disabled": "_disabled_12hg5_1",
-	"invalid": "_invalid_12hg5_1"
+	"clearButton": "pgg73q_clearButton",
+	"collapse": "pgg73q_collapse",
+	"content": "pgg73q_content",
+	"control": "pgg73q_control",
+	"disabled": "pgg73q_disabled",
+	"expand": "pgg73q_expand",
+	"iconButton": "pgg73q_iconButton",
+	"iconContainer": "pgg73q_iconContainer",
+	"indicator": "pgg73q_indicator",
+	"input": "pgg73q_input",
+	"invalid": "pgg73q_invalid",
+	"item": "pgg73q_item",
+	"itemGroup": "pgg73q_itemGroup",
+	"itemIcon": "pgg73q_itemIcon",
+	"itemText": "pgg73q_itemText",
+	"loading": "pgg73q_loading",
+	"noMatches": "pgg73q_noMatches",
+	"positioner": "pgg73q_positioner",
+	"root": "pgg73q_root",
+	"startAdornment": "pgg73q_startAdornment",
+	"trigger": "pgg73q_trigger"
 };
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.tsx
@@ -3383,22 +3384,22 @@ function _temp2$9(item_0) {
 //#endregion
 //#region src/components/ds-avatar/ds-avatar.module.scss
 var ds_avatar_module_default = {
-	"avatar": "_avatar_1pkly_1",
-	"circle": "_circle_1pkly_1",
-	"rounded": "_rounded_1pkly_1",
-	"xsm": "_xsm_1pkly_1",
-	"sm": "_sm_1pkly_1",
-	"regular": "_regular_1pkly_1",
-	"md": "_md_1pkly_1",
-	"lg": "_lg_1pkly_1",
-	"xl": "_xl_1pkly_1",
-	"fallback": "_fallback_1pkly_1"
+	"avatar": "VcKEMW_avatar",
+	"circle": "VcKEMW_circle",
+	"fallback": "VcKEMW_fallback",
+	"lg": "VcKEMW_lg",
+	"md": "VcKEMW_md",
+	"regular": "VcKEMW_regular",
+	"rounded": "VcKEMW_rounded",
+	"sm": "VcKEMW_sm",
+	"xl": "VcKEMW_xl",
+	"xsm": "VcKEMW_xsm"
 };
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.module.scss
 var ds_tooltip_module_default = {
-	"tooltip": "_tooltip_1ow2i_1",
-	"arrow": "_arrow_1ow2i_1"
+	"arrow": "rUPoLa_arrow",
+	"tooltip": "rUPoLa_tooltip"
 };
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.tsx
@@ -3553,18 +3554,18 @@ function _temp2$8(name_0) {
 //#endregion
 //#region src/components/ds-avatar-group/ds-avatar-group.module.scss
 var ds_avatar_group_module_default = {
-	"avatarGroup": "_avatarGroup_gp6iz_1",
-	"avatarItem": "_avatarItem_gp6iz_1",
-	"xsm": "_xsm_gp6iz_1",
-	"sm": "_sm_gp6iz_1",
-	"moreAvatar": "_moreAvatar_gp6iz_1",
-	"circle": "_circle_gp6iz_1",
-	"rounded": "_rounded_gp6iz_1",
-	"regular": "_regular_gp6iz_1",
-	"md": "_md_gp6iz_1",
-	"lg": "_lg_gp6iz_1",
-	"xl": "_xl_gp6iz_1",
-	"tooltipList": "_tooltipList_gp6iz_1"
+	"avatarGroup": "DPz7HW_avatarGroup",
+	"avatarItem": "DPz7HW_avatarItem",
+	"circle": "DPz7HW_circle",
+	"lg": "DPz7HW_lg",
+	"md": "DPz7HW_md",
+	"moreAvatar": "DPz7HW_moreAvatar",
+	"regular": "DPz7HW_regular",
+	"rounded": "DPz7HW_rounded",
+	"sm": "DPz7HW_sm",
+	"tooltipList": "DPz7HW_tooltipList",
+	"xl": "DPz7HW_xl",
+	"xsm": "DPz7HW_xsm"
 };
 //#endregion
 //#region src/components/ds-avatar-group/ds-avatar-group.tsx
@@ -3647,51 +3648,51 @@ function _temp$14(avatar_0, index_0) {
 //#endregion
 //#region src/components/ds-breadcrumb/ds-breadcrumb.module.scss
 var ds_breadcrumb_module_default = {
-	"breadcrumb": "_breadcrumb_1784n_1",
-	"list": "_list_1784n_1",
-	"breadcrumbItem": "_breadcrumbItem_1784n_1",
-	"link": "_link_1784n_1",
-	"trigger": "_trigger_1784n_1",
-	"active": "_active_1784n_1",
-	"icon": "_icon_1784n_1",
-	"dropdownIcon": "_dropdownIcon_1784n_1",
-	"itemLabel": "_itemLabel_1784n_1"
+	"active": "_50mDWG_active",
+	"breadcrumb": "_50mDWG_breadcrumb",
+	"breadcrumbItem": "_50mDWG_breadcrumbItem",
+	"dropdownIcon": "_50mDWG_dropdownIcon",
+	"icon": "_50mDWG_icon",
+	"itemLabel": "_50mDWG_itemLabel",
+	"link": "_50mDWG_link",
+	"list": "_50mDWG_list",
+	"trigger": "_50mDWG_trigger"
 };
 //#endregion
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1jh23_1",
-	"expand": "_expand_1jh23_1",
-	"collapse": "_collapse_1jh23_1",
-	"header": "_header_1jh23_1",
-	"item": "_item_1jh23_1",
-	"indicator": "_indicator_1jh23_1",
-	"itemIcon": "_itemIcon_1jh23_1",
-	"triggerItem": "_triggerItem_1jh23_1",
-	"selected": "_selected_1jh23_1",
-	"label": "_label_1jh23_1",
-	"separator": "_separator_1jh23_1",
-	"actions": "_actions_1jh23_1",
-	"groupLabel": "_groupLabel_1jh23_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1jh23_1",
-	"groupLabelIcon": "_groupLabelIcon_1jh23_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1jh23_1",
-	"triggerItemIcon": "_triggerItemIcon_1jh23_1",
-	"contentLegacy": "_contentLegacy_1jh23_1",
-	"viewportLegacy": "_viewportLegacy_1jh23_1",
-	"itemLegacy": "_itemLegacy_1jh23_1"
+	"actions": "AkHUyG_actions",
+	"collapse": "AkHUyG_collapse",
+	"content": "AkHUyG_content",
+	"contentLegacy": "AkHUyG_contentLegacy",
+	"expand": "AkHUyG_expand",
+	"groupLabel": "AkHUyG_groupLabel",
+	"groupLabelCollapsible": "AkHUyG_groupLabelCollapsible",
+	"groupLabelIcon": "AkHUyG_groupLabelIcon",
+	"groupLabelIconRotated": "AkHUyG_groupLabelIconRotated",
+	"header": "AkHUyG_header",
+	"indicator": "AkHUyG_indicator",
+	"item": "AkHUyG_item",
+	"itemIcon": "AkHUyG_itemIcon",
+	"itemLegacy": "AkHUyG_itemLegacy",
+	"label": "AkHUyG_label",
+	"selected": "AkHUyG_selected",
+	"separator": "AkHUyG_separator",
+	"triggerItem": "AkHUyG_triggerItem",
+	"triggerItemIcon": "AkHUyG_triggerItemIcon",
+	"viewportLegacy": "AkHUyG_viewportLegacy"
 };
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.module.scss
 var ds_text_input_module_default = {
-	"textInputContainer": "_textInputContainer_16yro_1",
-	"input": "_input_16yro_1",
-	"iconButton": "_iconButton_16yro_1",
-	"small": "_small_16yro_1",
-	"default": "_default_16yro_1",
-	"trigger": "_trigger_16yro_1",
-	"indicator": "_indicator_16yro_1",
-	"adornment": "_adornment_16yro_1"
+	"adornment": "zbxt3W_adornment",
+	"default": "zbxt3W_default",
+	"iconButton": "zbxt3W_iconButton",
+	"indicator": "zbxt3W_indicator",
+	"input": "zbxt3W_input",
+	"small": "zbxt3W_small",
+	"textInputContainer": "zbxt3W_textInputContainer",
+	"trigger": "zbxt3W_trigger"
 };
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.tsx
@@ -4618,26 +4619,26 @@ function _temp$12(e) {
 //#endregion
 //#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss
 var ds_button_legacy_module_default = {
-	"button": "_button_c7rg5_1",
-	"content": "_content_c7rg5_1",
-	"small": "_small_c7rg5_1",
-	"medium": "_medium_c7rg5_1",
-	"large": "_large_c7rg5_1",
-	"primary-filled": "_primary-filled_c7rg5_1",
-	"primary-ghost": "_primary-ghost_c7rg5_1",
-	"primary-borderless": "_primary-borderless_c7rg5_1",
-	"primary-round": "_primary-round_c7rg5_1",
-	"primary-dashed": "_primary-dashed_c7rg5_1",
-	"secondary-filled": "_secondary-filled_c7rg5_1",
-	"secondary-ghost": "_secondary-ghost_c7rg5_1",
-	"secondary-borderless": "_secondary-borderless_c7rg5_1",
-	"secondary-round": "_secondary-round_c7rg5_1",
-	"secondary-dashed": "_secondary-dashed_c7rg5_1",
-	"error-filled": "_error-filled_c7rg5_1",
-	"error-ghost": "_error-ghost_c7rg5_1",
-	"error-borderless": "_error-borderless_c7rg5_1",
-	"error-round": "_error-round_c7rg5_1",
-	"error-dashed": "_error-dashed_c7rg5_1"
+	"button": "TRrCnG_button",
+	"content": "TRrCnG_content",
+	"error-borderless": "TRrCnG_error-borderless",
+	"error-dashed": "TRrCnG_error-dashed",
+	"error-filled": "TRrCnG_error-filled",
+	"error-ghost": "TRrCnG_error-ghost",
+	"error-round": "TRrCnG_error-round",
+	"large": "TRrCnG_large",
+	"medium": "TRrCnG_medium",
+	"primary-borderless": "TRrCnG_primary-borderless",
+	"primary-dashed": "TRrCnG_primary-dashed",
+	"primary-filled": "TRrCnG_primary-filled",
+	"primary-ghost": "TRrCnG_primary-ghost",
+	"primary-round": "TRrCnG_primary-round",
+	"secondary-borderless": "TRrCnG_secondary-borderless",
+	"secondary-dashed": "TRrCnG_secondary-dashed",
+	"secondary-filled": "TRrCnG_secondary-filled",
+	"secondary-ghost": "TRrCnG_secondary-ghost",
+	"secondary-round": "TRrCnG_secondary-round",
+	"small": "TRrCnG_small"
 };
 //#endregion
 //#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx
@@ -4725,27 +4726,90 @@ const DsButton$2 = (t0) => {
 	return t10;
 };
 //#endregion
+//#region src/utils/responsive.ts
+const BREAKPOINT_LG = parseInt({}.breakpointLg, 10);
+const breakpoints = ["lg", "md"];
+const isResponsiveValue = (value) => value !== null && typeof value === "object" && breakpoints.some((bp) => bp in value);
+const resolveResponsiveValue = (value, breakpoint) => {
+	if (!isResponsiveValue(value)) return value;
+	return value[breakpoint] ?? value.lg ?? value.md;
+};
+const MEDIA_QUERY = `(min-width: ${String(BREAKPOINT_LG)}px)`;
+const subscribe = (callback) => {
+	const mql = window.matchMedia(MEDIA_QUERY);
+	mql.addEventListener("change", callback);
+	return () => mql.removeEventListener("change", callback);
+};
+const getSnapshot = () => window.matchMedia(MEDIA_QUERY).matches ? "lg" : "md";
+const getServerSnapshot = () => "lg";
+const useBreakpoint = () => {
+	return (0, react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+};
+/**
+* Resolves a `ResponsiveValue<T>` to `T` using the current breakpoint.
+* Use for conditional rendering or JS logic that depends on the breakpoint.
+*/
+const useResponsiveValue = (value) => {
+	const $ = (0, react_compiler_runtime.c)(3);
+	const t0 = useBreakpoint();
+	let t1;
+	if ($[0] !== t0 || $[1] !== value) {
+		t1 = resolveResponsiveValue(value, t0);
+		$[0] = t0;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+/**
+* Wraps a component so that the specified props accept `ResponsiveValue<T>`.
+* The wrapper resolves each responsive prop to a plain value before rendering,
+* so the wrapped component stays completely unaware of breakpoints.
+*/
+function withResponsiveProps(Component, responsiveKeys) {
+	const Wrapper = (props) => {
+		const $ = (0, react_compiler_runtime.c)(3);
+		const breakpoint = useBreakpoint();
+		let t0;
+		if ($[0] !== breakpoint || $[1] !== props) {
+			const resolved = { ...props };
+			for (const key of responsiveKeys) {
+				const k = String(key);
+				const value = resolved[k];
+				if (value !== void 0) resolved[k] = resolveResponsiveValue(value, breakpoint);
+			}
+			t0 = (0, react.createElement)(Component, resolved);
+			$[0] = breakpoint;
+			$[1] = props;
+			$[2] = t0;
+		} else t0 = $[2];
+		return t0;
+	};
+	Wrapper.displayName = `withResponsiveProps(${Component.displayName ?? Component.name})`;
+	return Wrapper;
+}
+//#endregion
 //#region src/components/ds-button/versions/ds-button-new/ds-button-new.module.scss
 var ds_button_new_module_default = {
-	"button": "_button_2ztys_1",
-	"content": "_content_2ztys_1",
-	"tiny": "_tiny_2ztys_1",
-	"small": "_small_2ztys_1",
-	"medium": "_medium_2ztys_1",
-	"large": "_large_2ztys_1",
-	"iconButton": "_iconButton_2ztys_1",
-	"primary-filled": "_primary-filled_2ztys_1",
-	"secondary-filled": "_secondary-filled_2ztys_1",
-	"tertiary-filled": "_tertiary-filled_2ztys_1",
-	"secondary-ghost": "_secondary-ghost_2ztys_1",
-	"tertiary-ghost": "_tertiary-ghost_2ztys_1",
-	"primary-danger": "_primary-danger_2ztys_1",
-	"secondary-danger": "_secondary-danger_2ztys_1",
-	"tertiary-danger": "_tertiary-danger_2ztys_1",
-	"primary-dark": "_primary-dark_2ztys_1",
-	"secondary-dark": "_secondary-dark_2ztys_1",
-	"secondary-light-dark": "_secondary-light-dark_2ztys_1",
-	"tertiary-dark": "_tertiary-dark_2ztys_1"
+	"button": "jCniQG_button",
+	"content": "jCniQG_content",
+	"iconButton": "jCniQG_iconButton",
+	"large": "jCniQG_large",
+	"medium": "jCniQG_medium",
+	"primary-danger": "jCniQG_primary-danger",
+	"primary-dark": "jCniQG_primary-dark",
+	"primary-filled": "jCniQG_primary-filled",
+	"secondary-danger": "jCniQG_secondary-danger",
+	"secondary-dark": "jCniQG_secondary-dark",
+	"secondary-filled": "jCniQG_secondary-filled",
+	"secondary-ghost": "jCniQG_secondary-ghost",
+	"secondary-light-dark": "jCniQG_secondary-light-dark",
+	"small": "jCniQG_small",
+	"tertiary-danger": "jCniQG_tertiary-danger",
+	"tertiary-dark": "jCniQG_tertiary-dark",
+	"tertiary-filled": "jCniQG_tertiary-filled",
+	"tertiary-ghost": "jCniQG_tertiary-ghost",
+	"tiny": "jCniQG_tiny"
 };
 //#endregion
 //#region src/components/ds-button/versions/ds-button-new/ds-button-new.tsx
@@ -4837,13 +4901,16 @@ const DsButton$1 = (t0) => {
 	return t7;
 };
 //#endregion
+//#region src/components/ds-button/versions/ds-button-new/index.ts
+const DsButtonNew = withResponsiveProps(DsButton$1, ["size"]);
+//#endregion
 //#region src/components/ds-button/ds-button.tsx
 const DsButton = (props) => {
 	const $ = (0, react_compiler_runtime.c)(4);
 	if (props.design === "v1.2") {
 		let t0;
 		if ($[0] !== props) {
-			t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsButton$1, { ...props });
+			t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsButtonNew, { ...props });
 			$[0] = props;
 			$[1] = t0;
 		} else t0 = $[1];
@@ -4858,12 +4925,281 @@ const DsButton = (props) => {
 	return t0;
 };
 //#endregion
+//#region src/components/ds-spinner/ds-spinner.module.scss
+var ds_spinner_module_default = {
+	"progressArc": "vZ8yva_progressArc",
+	"progressCircle": "vZ8yva_progressCircle",
+	"spin": "vZ8yva_spin",
+	"spinnerContainer": "vZ8yva_spinnerContainer"
+};
+//#endregion
+//#region src/components/ds-spinner/ds-spinner.tsx
+const sizeMap = {
+	small: 50,
+	medium: 75,
+	large: 100
+};
+const widthMap = {
+	small: 4,
+	medium: 7,
+	large: 9
+};
+/**
+* Design system Spinner component
+*/
+const DsSpinner = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(25);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({size: t1, className, style: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	let t3;
+	if ($[5] !== t2) {
+		t3 = t2 === void 0 ? {} : t2;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const style = t3;
+	const actualSize = sizeMap[size];
+	const actualWidth = widthMap[size];
+	const radius = (actualSize - actualWidth) / 2;
+	const circumference = 2 * Math.PI * radius;
+	const strokeDasharray = `${String(.25 * circumference)} ${String(circumference)}`;
+	let t4;
+	if ($[7] !== className) {
+		t4 = (0, classnames.default)(ds_spinner_module_default.spinnerContainer, className);
+		$[7] = className;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (0, classnames.default)(ds_spinner_module_default.progressCircle, ds_spinner_module_default.spin);
+		$[9] = t5;
+	} else t5 = $[9];
+	const t6 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
+	const t7 = actualSize / 2;
+	const t8 = actualSize / 2;
+	let t9;
+	if ($[10] !== actualWidth || $[11] !== radius || $[12] !== strokeDasharray || $[13] !== t7 || $[14] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			className: ds_spinner_module_default.progressArc,
+			cx: t7,
+			cy: t8,
+			r: radius,
+			fill: "none",
+			strokeWidth: actualWidth,
+			strokeDasharray,
+			strokeLinecap: "round"
+		});
+		$[10] = actualWidth;
+		$[11] = radius;
+		$[12] = strokeDasharray;
+		$[13] = t7;
+		$[14] = t8;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== actualSize || $[17] !== t6 || $[18] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			className: t5,
+			width: actualSize,
+			height: actualSize,
+			viewBox: t6,
+			children: t9
+		});
+		$[16] = actualSize;
+		$[17] = t6;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== props || $[21] !== style || $[22] !== t10 || $[23] !== t4) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t4,
+			style,
+			...props,
+			children: t10
+		});
+		$[20] = props;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t4;
+		$[24] = t11;
+	} else t11 = $[24];
+	return t11;
+};
+//#endregion
+//#region src/components/ds-spinner/ds-spinner.types.ts
+const spinnerSizes = [
+	"small",
+	"medium",
+	"large"
+];
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.module.scss
+var ds_button_v3_module_default = { "root": "EoMa5W_root" };
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.tsx
+const iconSizeMap = Object.freeze({
+	large: "small",
+	medium: "tiny",
+	small: "tiny",
+	tiny: "tiny"
+});
+const DsButtonV3 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(37);
+	let children;
+	let className;
+	let disabled;
+	let icon;
+	let ref;
+	let rest;
+	let style;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		({ref, className, style, children, icon, disabled, loading: t1, color: t2, variant: t3, size: t4, selected: t5, type: t6, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = disabled;
+		$[4] = icon;
+		$[5] = ref;
+		$[6] = rest;
+		$[7] = style;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else {
+		children = $[1];
+		className = $[2];
+		disabled = $[3];
+		icon = $[4];
+		ref = $[5];
+		rest = $[6];
+		style = $[7];
+		t1 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+		t4 = $[11];
+		t5 = $[12];
+		t6 = $[13];
+	}
+	const loading = t1 === void 0 ? false : t1;
+	const color = t2 === void 0 ? "default" : t2;
+	const variant = t3 === void 0 ? "primary" : t3;
+	const size = t4 === void 0 ? "medium" : t4;
+	const selected = t5 === void 0 ? false : t5;
+	const type = t6 === void 0 ? "button" : t6;
+	const isIconOnly = icon !== void 0 && !children;
+	const t7 = disabled || loading;
+	const t8 = loading || void 0;
+	let t9;
+	if ($[14] !== className) {
+		t9 = (0, classnames.default)(ds_button_v3_module_default.root, className);
+		$[14] = className;
+		$[15] = t9;
+	} else t9 = $[15];
+	const t10 = selected ? "true" : void 0;
+	const t11 = isIconOnly || void 0;
+	const t12 = loading && !disabled ? "" : void 0;
+	let t13;
+	if ($[16] !== icon || $[17] !== loading || $[18] !== size) {
+		t13 = loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsSpinner, {}) : icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
+			icon,
+			size: iconSizeMap[size],
+			"aria-hidden": true
+		});
+		$[16] = icon;
+		$[17] = loading;
+		$[18] = size;
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] !== children || $[21] !== color || $[22] !== ref || $[23] !== rest || $[24] !== selected || $[25] !== size || $[26] !== style || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t13 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9 || $[34] !== type || $[35] !== variant) {
+		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			ref,
+			type,
+			disabled: t7,
+			"aria-busy": t8,
+			"aria-pressed": selected,
+			className: t9,
+			style,
+			"data-color": color,
+			"data-variant": variant,
+			"data-size": size,
+			"data-selected": t10,
+			"data-icon-only": t11,
+			"data-loading": t12,
+			...rest,
+			children: [t13, children]
+		});
+		$[20] = children;
+		$[21] = color;
+		$[22] = ref;
+		$[23] = rest;
+		$[24] = selected;
+		$[25] = size;
+		$[26] = style;
+		$[27] = t10;
+		$[28] = t11;
+		$[29] = t12;
+		$[30] = t13;
+		$[31] = t7;
+		$[32] = t8;
+		$[33] = t9;
+		$[34] = type;
+		$[35] = variant;
+		$[36] = t14;
+	} else t14 = $[36];
+	return t14;
+};
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.types.ts
+const buttonV3Variants = [
+	"primary",
+	"secondary",
+	"tertiary"
+];
+const buttonV3Colors = [
+	"default",
+	"negative",
+	"light"
+];
+const buttonV3Sizes = [
+	"large",
+	"medium",
+	"small",
+	"tiny"
+];
+//#endregion
 //#region src/components/ds-card/ds-card.module.scss
 var ds_card_module_default = {
-	"root": "_root_qqvx6_1",
-	"header": "_header_qqvx6_1",
-	"body": "_body_qqvx6_1",
-	"footer": "_footer_qqvx6_1"
+	"body": "xTnSNq_body",
+	"footer": "xTnSNq_footer",
+	"header": "xTnSNq_header",
+	"root": "xTnSNq_root"
 };
 //#endregion
 //#region src/components/ds-card/ds-card.tsx
@@ -5129,14 +5465,14 @@ const cardSizes = [
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.module.scss
 var ds_checkbox_module_default = {
-	"container": "_container_1voix_1",
-	"labelInfo": "_labelInfo_1voix_1",
-	"label": "_label_1voix_1",
-	"checkboxRoot": "_checkboxRoot_1voix_1",
-	"checkboxWrapper": "_checkboxWrapper_1voix_1",
-	"checkboxIndicator": "_checkboxIndicator_1voix_1",
-	"default": "_default_1voix_1",
-	"warning": "_warning_1voix_1"
+	"checkboxIndicator": "-9VV7a_checkboxIndicator",
+	"checkboxRoot": "-9VV7a_checkboxRoot",
+	"checkboxWrapper": "-9VV7a_checkboxWrapper",
+	"container": "-9VV7a_container",
+	"default": "-9VV7a_default",
+	"label": "-9VV7a_label",
+	"labelInfo": "-9VV7a_labelInfo",
+	"warning": "-9VV7a_warning"
 };
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.tsx
@@ -5258,11 +5594,11 @@ const checkboxVariants = ["default", "warning"];
 //#endregion
 //#region src/components/ds-chip/ds-chip.module.scss
 var ds_chip_module_default = {
-	"chip": "_chip_1mzbj_1",
-	"clickable": "_clickable_1mzbj_1",
-	"small": "_small_1mzbj_1",
-	"label": "_label_1mzbj_1",
-	"deleteButton": "_deleteButton_1mzbj_1"
+	"chip": "w6Idwa_chip",
+	"clickable": "w6Idwa_clickable",
+	"deleteButton": "w6Idwa_deleteButton",
+	"label": "w6Idwa_label",
+	"small": "w6Idwa_small"
 };
 //#endregion
 //#region src/components/ds-chip/ds-chip.tsx
@@ -5384,14 +5720,14 @@ const DsChip = (t0) => {
 //#endregion
 //#region src/components/ds-chip-group/ds-chip-group.module.scss
 var ds_chip_group_module_default = {
-	"container": "_container_19chu_1",
-	"chipsWrapper": "_chipsWrapper_19chu_1",
-	"hidden": "_hidden_19chu_1",
-	"label": "_label_19chu_1",
-	"expandChip": "_expandChip_19chu_1",
-	"dialog": "_dialog_19chu_1",
-	"dialogContent": "_dialogContent_19chu_1",
-	"itemCheckbox": "_itemCheckbox_19chu_1"
+	"chipsWrapper": "B9BU9a_chipsWrapper",
+	"container": "B9BU9a_container",
+	"dialog": "B9BU9a_dialog",
+	"dialogContent": "B9BU9a_dialogContent",
+	"expandChip": "B9BU9a_expandChip",
+	"hidden": "B9BU9a_hidden",
+	"itemCheckbox": "B9BU9a_itemCheckbox",
+	"label": "B9BU9a_label"
 };
 //#endregion
 //#region src/components/ds-chip-group/hooks/use-chip-row-calculation.ts
@@ -5528,60 +5864,60 @@ const DsChipGroup = ({ items, label = "Filtered by:", onClearAll, onItemDelete,
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.module.scss
 var ds_comment_bubble_module_default = {
-	"bubble": "_bubble_jm3lw_1",
-	"actionRequired": "_actionRequired_jm3lw_1",
-	"initial": "_initial_jm3lw_1",
-	"inputArea": "_inputArea_jm3lw_1",
-	"inputWrapper": "_inputWrapper_jm3lw_1",
-	"textarea": "_textarea_jm3lw_1",
-	"typing": "_typing_jm3lw_1",
-	"thread": "_thread_jm3lw_1",
-	"header": "_header_jm3lw_1",
-	"headerLeft": "_headerLeft_jm3lw_1",
-	"headerInfo": "_headerInfo_jm3lw_1",
-	"commentId": "_commentId_jm3lw_1",
-	"actionRequiredBadge": "_actionRequiredBadge_jm3lw_1",
-	"headerRight": "_headerRight_jm3lw_1",
-	"headerActions": "_headerActions_jm3lw_1",
-	"searchIcon": "_searchIcon_jm3lw_1",
-	"infoIcon": "_infoIcon_jm3lw_1",
-	"footer": "_footer_jm3lw_1",
-	"sendButton": "_sendButton_jm3lw_1",
-	"dropdownContent": "_dropdownContent_jm3lw_1",
-	"dropdownItem": "_dropdownItem_jm3lw_1",
-	"danger": "_danger_jm3lw_1"
+	"actionRequired": "Fe8yPa_actionRequired",
+	"actionRequiredBadge": "Fe8yPa_actionRequiredBadge",
+	"bubble": "Fe8yPa_bubble",
+	"commentId": "Fe8yPa_commentId",
+	"danger": "Fe8yPa_danger",
+	"dropdownContent": "Fe8yPa_dropdownContent",
+	"dropdownItem": "Fe8yPa_dropdownItem",
+	"footer": "Fe8yPa_footer",
+	"header": "Fe8yPa_header",
+	"headerActions": "Fe8yPa_headerActions",
+	"headerInfo": "Fe8yPa_headerInfo",
+	"headerLeft": "Fe8yPa_headerLeft",
+	"headerRight": "Fe8yPa_headerRight",
+	"infoIcon": "Fe8yPa_infoIcon",
+	"initial": "Fe8yPa_initial",
+	"inputArea": "Fe8yPa_inputArea",
+	"inputWrapper": "Fe8yPa_inputWrapper",
+	"searchIcon": "Fe8yPa_searchIcon",
+	"sendButton": "Fe8yPa_sendButton",
+	"textarea": "Fe8yPa_textarea",
+	"thread": "Fe8yPa_thread",
+	"typing": "Fe8yPa_typing"
 };
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.module.scss
 var ds_comment_thread_module_default = {
-	"thread": "_thread_4z8cr_1",
-	"initialComment": "_initialComment_4z8cr_1",
-	"followingComments": "_followingComments_4z8cr_1",
-	"overflowShadow": "_overflowShadow_4z8cr_1",
-	"visible": "_visible_4z8cr_1"
+	"followingComments": "A-ZmVG_followingComments",
+	"initialComment": "A-ZmVG_initialComment",
+	"overflowShadow": "A-ZmVG_overflowShadow",
+	"thread": "A-ZmVG_thread",
+	"visible": "A-ZmVG_visible"
 };
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.module.scss
 var ds_thread_item_module_default = {
-	"threadItem": "_threadItem_1pe6o_1",
-	"actions": "_actions_1pe6o_1",
-	"alignRight": "_alignRight_1pe6o_1",
-	"content": "_content_1pe6o_1",
-	"message": "_message_1pe6o_1",
-	"avatarWrapper": "_avatarWrapper_1pe6o_1",
-	"avatar": "_avatar_1pe6o_1",
-	"avatarFallback": "_avatarFallback_1pe6o_1",
-	"header": "_header_1pe6o_1",
-	"authorName": "_authorName_1pe6o_1",
-	"timestamp": "_timestamp_1pe6o_1",
-	"editContainer": "_editContainer_1pe6o_1",
-	"editTextarea": "_editTextarea_1pe6o_1",
-	"editActions": "_editActions_1pe6o_1",
-	"dropdownContent": "_dropdownContent_1pe6o_1"
+	"actions": "KfgpRW_actions",
+	"alignRight": "KfgpRW_alignRight",
+	"authorName": "KfgpRW_authorName",
+	"avatar": "KfgpRW_avatar",
+	"avatarFallback": "KfgpRW_avatarFallback",
+	"avatarWrapper": "KfgpRW_avatarWrapper",
+	"content": "KfgpRW_content",
+	"dropdownContent": "KfgpRW_dropdownContent",
+	"editActions": "KfgpRW_editActions",
+	"editContainer": "KfgpRW_editContainer",
+	"editTextarea": "KfgpRW_editTextarea",
+	"header": "KfgpRW_header",
+	"message": "KfgpRW_message",
+	"threadItem": "KfgpRW_threadItem",
+	"timestamp": "KfgpRW_timestamp"
 };
 //#endregion
 //#region src/components/ds-textarea/ds-textarea.module.scss
-var ds_textarea_module_default = { "textarea": "_textarea_12k7t_1" };
+var ds_textarea_module_default = { "textarea": "wsUYyG_textarea" };
 //#endregion
 //#region src/components/ds-textarea/ds-textarea.tsx
 const DsTextarea = (t0) => {
@@ -6166,16 +6502,16 @@ function _temp$11(m) {
 //#endregion
 //#region src/components/ds-tag/ds-tag.module.scss
 var ds_tag_module_default = {
-	"tag": "_tag_1tyo9_1",
-	"clickable": "_clickable_1tyo9_1",
-	"selected": "_selected_1tyo9_1",
-	"deleteButton": "_deleteButton_1tyo9_1",
-	"include": "_include_1tyo9_1",
-	"variantIcon": "_variantIcon_1tyo9_1",
-	"exclude": "_exclude_1tyo9_1",
-	"disabled": "_disabled_1tyo9_1",
-	"label": "_label_1tyo9_1",
-	"icon": "_icon_1tyo9_1"
+	"clickable": "UdH7Tq_clickable",
+	"deleteButton": "UdH7Tq_deleteButton",
+	"disabled": "UdH7Tq_disabled",
+	"exclude": "UdH7Tq_exclude",
+	"icon": "UdH7Tq_icon",
+	"include": "UdH7Tq_include",
+	"label": "UdH7Tq_label",
+	"selected": "UdH7Tq_selected",
+	"tag": "UdH7Tq_tag",
+	"variantIcon": "UdH7Tq_variantIcon"
 };
 //#endregion
 //#region src/components/ds-tag/ds-tag.tsx
@@ -6775,24 +7111,24 @@ const DsCommentBubble = (t0) => {
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.module.scss
 var ds_comment_card_module_default = {
-	"card": "_card_l0dxf_1",
-	"actions": "_actions_l0dxf_1",
-	"sideColor": "_sideColor_l0dxf_1",
-	"actionRequired": "_actionRequired_l0dxf_1",
-	"content": "_content_l0dxf_1",
-	"header": "_header_l0dxf_1",
-	"headerTop": "_headerTop_l0dxf_1",
-	"headerLeft": "_headerLeft_l0dxf_1",
-	"commentInfo": "_commentInfo_l0dxf_1",
-	"commentId": "_commentId_l0dxf_1",
-	"authorInfo": "_authorInfo_l0dxf_1",
-	"authorName": "_authorName_l0dxf_1",
-	"timestamp": "_timestamp_l0dxf_1",
-	"body": "_body_l0dxf_1",
-	"message": "_message_l0dxf_1",
-	"truncated": "_truncated_l0dxf_1",
-	"replyCount": "_replyCount_l0dxf_1",
-	"dropdownContent": "_dropdownContent_l0dxf_1"
+	"actionRequired": "ym52IG_actionRequired",
+	"actions": "ym52IG_actions",
+	"authorInfo": "ym52IG_authorInfo",
+	"authorName": "ym52IG_authorName",
+	"body": "ym52IG_body",
+	"card": "ym52IG_card",
+	"commentId": "ym52IG_commentId",
+	"commentInfo": "ym52IG_commentInfo",
+	"content": "ym52IG_content",
+	"dropdownContent": "ym52IG_dropdownContent",
+	"header": "ym52IG_header",
+	"headerLeft": "ym52IG_headerLeft",
+	"headerTop": "ym52IG_headerTop",
+	"message": "ym52IG_message",
+	"replyCount": "ym52IG_replyCount",
+	"sideColor": "ym52IG_sideColor",
+	"timestamp": "ym52IG_timestamp",
+	"truncated": "ym52IG_truncated"
 };
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.tsx
@@ -7144,11 +7480,11 @@ function _temp3$6(p) {
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.module.scss
 var ds_comment_indicator_module_default = {
-	"indicator": "_indicator_1eh63_1",
-	"actionRequired": "_actionRequired_1eh63_1",
-	"placeholder": "_placeholder_1eh63_1",
-	"plusIcon": "_plusIcon_1eh63_1",
-	"avatar": "_avatar_1eh63_1"
+	"actionRequired": "xEpXha_actionRequired",
+	"avatar": "xEpXha_avatar",
+	"indicator": "xEpXha_indicator",
+	"placeholder": "xEpXha_placeholder",
+	"plusIcon": "xEpXha_plusIcon"
 };
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.tsx
@@ -7221,57 +7557,52 @@ const DsCommentIndicator = (t0) => {
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.module.scss
 var ds_comments_drawer_module_default = {
-	"headerActions": "_headerActions_1tdl6_1",
-	"divider": "_divider_1tdl6_1",
-	"searchInput": "_searchInput_1tdl6_1",
-	"body": "_body_1tdl6_1",
-	"emptyState": "_emptyState_1tdl6_1",
-	"emptyIcon": "_emptyIcon_1tdl6_1",
-	"filterTagsToolbar": "_filterTagsToolbar_1tdl6_1",
-	"tagFilter": "_tagFilter_1tdl6_1"
+	"body": "baQ3Nq_body",
+	"divider": "baQ3Nq_divider",
+	"emptyIcon": "baQ3Nq_emptyIcon",
+	"emptyState": "baQ3Nq_emptyState",
+	"filterTagsToolbar": "baQ3Nq_filterTagsToolbar",
+	"headerActions": "baQ3Nq_headerActions",
+	"searchInput": "baQ3Nq_searchInput",
+	"tagFilter": "baQ3Nq_tagFilter"
 };
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.module.scss
 var ds_drawer_module_default = {
-	"backdrop": "_backdrop_ehlks_1",
-	"fade-in-backdrop": "_fade-in-backdrop_ehlks_1",
-	"fade-out-backdrop": "_fade-out-backdrop_ehlks_1",
-	"positioner": "_positioner_ehlks_1",
-	"drawer": "_drawer_ehlks_1",
-	"position-end": "_position-end_ehlks_1",
-	"slide-in-drawer-end": "_slide-in-drawer-end_ehlks_1",
-	"slide-out-drawer-end": "_slide-out-drawer-end_ehlks_1",
-	"position-start": "_position-start_ehlks_1",
-	"slide-in-drawer-start": "_slide-in-drawer-start_ehlks_1",
-	"slide-out-drawer-start": "_slide-out-drawer-start_ehlks_1",
-	"cols-1": "_cols-1_ehlks_1",
-	"cols-2": "_cols-2_ehlks_1",
-	"cols-3": "_cols-3_ehlks_1",
-	"cols-4": "_cols-4_ehlks_1",
-	"cols-5": "_cols-5_ehlks_1",
-	"cols-6": "_cols-6_ehlks_1",
-	"cols-7": "_cols-7_ehlks_1",
-	"cols-8": "_cols-8_ehlks_1",
-	"cols-9": "_cols-9_ehlks_1",
-	"cols-10": "_cols-10_ehlks_1",
-	"cols-11": "_cols-11_ehlks_1",
-	"cols-12": "_cols-12_ehlks_1",
-	"content": "_content_ehlks_1",
-	"header": "_header_ehlks_1",
-	"title": "_title_ehlks_1",
-	"closeTrigger": "_closeTrigger_ehlks_1",
-	"toolbar": "_toolbar_ehlks_1",
-	"body": "_body_ehlks_1",
-	"footer": "_footer_ehlks_1",
-	"actions": "_actions_ehlks_1"
+	"actions": "MWmQHa_actions",
+	"backdrop": "MWmQHa_backdrop",
+	"body": "MWmQHa_body",
+	"closeTrigger": "MWmQHa_closeTrigger",
+	"cols-1": "MWmQHa_cols-1",
+	"cols-10": "MWmQHa_cols-10",
+	"cols-11": "MWmQHa_cols-11",
+	"cols-12": "MWmQHa_cols-12",
+	"cols-2": "MWmQHa_cols-2",
+	"cols-3": "MWmQHa_cols-3",
+	"cols-4": "MWmQHa_cols-4",
+	"cols-5": "MWmQHa_cols-5",
+	"cols-6": "MWmQHa_cols-6",
+	"cols-7": "MWmQHa_cols-7",
+	"cols-8": "MWmQHa_cols-8",
+	"cols-9": "MWmQHa_cols-9",
+	"content": "MWmQHa_content",
+	"drawer": "MWmQHa_drawer",
+	"fade-in-backdrop": "MWmQHa_fade-in-backdrop",
+	"fade-out-backdrop": "MWmQHa_fade-out-backdrop",
+	"footer": "MWmQHa_footer",
+	"header": "MWmQHa_header",
+	"position-end": "MWmQHa_position-end",
+	"position-start": "MWmQHa_position-start",
+	"positioner": "MWmQHa_positioner",
+	"slide-in-drawer-end": "MWmQHa_slide-in-drawer-end",
+	"slide-in-drawer-start": "MWmQHa_slide-in-drawer-start",
+	"slide-out-drawer-end": "MWmQHa_slide-out-drawer-end",
+	"slide-out-drawer-start": "MWmQHa_slide-out-drawer-start",
+	"title": "MWmQHa_title",
+	"toolbar": "MWmQHa_toolbar"
 };
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.tsx
-/**
-* Composable drawer component.
-* Supports grid-based sizing, flexible positioning, and compound components.
-* Use columns prop to control drawer width (1-12 grid columns).
-*/
 const DsDrawer = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(25);
 	const { open, onOpenChange, columns: t1, position: t2, backdrop: t3, closeOnEscape: t4, closeOnInteractOutside: t5, portal: t6, style, className, children } = t0;
@@ -7281,6 +7612,7 @@ const DsDrawer = (t0) => {
 	const closeOnEscape = t4 === void 0 ? true : t4;
 	const closeOnInteractOutside = t5 === void 0 ? false : t5;
 	const portal = t6 === void 0 ? false : t6;
+	const resolvedColumns = useResponsiveValue(columns);
 	let t7;
 	if ($[0] !== onOpenChange) {
 		t7 = (details) => {
@@ -7298,7 +7630,7 @@ const DsDrawer = (t0) => {
 		$[3] = t8;
 	} else t8 = $[3];
 	const t9 = ds_drawer_module_default[`position-${position}`];
-	const t10 = ds_drawer_module_default[`cols-${String(columns)}`];
+	const t10 = ds_drawer_module_default[`cols-${resolvedColumns}`];
 	let t11;
 	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
 		t11 = (0, classnames.default)(ds_drawer_module_default.drawer, t9, className, t10);
@@ -7548,16 +7880,16 @@ DsDrawer.Actions = Actions$1;
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.module.scss
 var ds_tag_filter_module_default = {
-	"container": "_container_1sm6t_1",
-	"expanded": "_expanded_1sm6t_1",
-	"header": "_header_1sm6t_1",
-	"headerActions": "_headerActions_1sm6t_1",
-	"tagsArea": "_tagsArea_1sm6t_1",
-	"label": "_label_1sm6t_1",
-	"itemCheckbox": "_itemCheckbox_1sm6t_1",
-	"ghostButtonContent": "_ghostButtonContent_1sm6t_1",
-	"actionButton": "_actionButton_1sm6t_1",
-	"measurementContainer": "_measurementContainer_1sm6t_1"
+	"actionButton": "pHs_ea_actionButton",
+	"container": "pHs_ea_container",
+	"expanded": "pHs_ea_expanded",
+	"ghostButtonContent": "pHs_ea_ghostButtonContent",
+	"header": "pHs_ea_header",
+	"headerActions": "pHs_ea_headerActions",
+	"itemCheckbox": "pHs_ea_itemCheckbox",
+	"label": "pHs_ea_label",
+	"measurementContainer": "pHs_ea_measurementContainer",
+	"tagsArea": "pHs_ea_tagsArea"
 };
 //#endregion
 //#region src/components/ds-tag-filter/utils.ts
@@ -8033,48 +8365,48 @@ const removeTag = (filters, tag) => {
 //#endregion
 //#region src/components/ds-comments-drawer/components/comments-filter-modal/comments-filter-modal.module.scss
 var comments_filter_modal_module_default = {
-	"modal": "_modal_1p419_1",
-	"header": "_header_1p419_1",
-	"headerLeft": "_headerLeft_1p419_1",
-	"body": "_body_1p419_1",
-	"tabs": "_tabs_1p419_1",
-	"tabList": "_tabList_1p419_1",
-	"tabContent": "_tabContent_1p419_1",
-	"badge": "_badge_1p419_1",
-	"dot": "_dot_1p419_1",
-	"filterSection": "_filterSection_1p419_1",
-	"dateField": "_dateField_1p419_1",
-	"dateLabel": "_dateLabel_1p419_1",
-	"emptyMessage": "_emptyMessage_1p419_1",
-	"footer": "_footer_1p419_1"
+	"badge": "KoWcHq_badge",
+	"body": "KoWcHq_body",
+	"dateField": "KoWcHq_dateField",
+	"dateLabel": "KoWcHq_dateLabel",
+	"dot": "KoWcHq_dot",
+	"emptyMessage": "KoWcHq_emptyMessage",
+	"filterSection": "KoWcHq_filterSection",
+	"footer": "KoWcHq_footer",
+	"header": "KoWcHq_header",
+	"headerLeft": "KoWcHq_headerLeft",
+	"modal": "KoWcHq_modal",
+	"tabContent": "KoWcHq_tabContent",
+	"tabList": "KoWcHq_tabList",
+	"tabs": "KoWcHq_tabs"
 };
 //#endregion
 //#region src/components/ds-modal/ds-modal.module.scss
 var ds_modal_module_default = {
-	"overlay": "_overlay_5aciv_1",
-	"fade-in-overlay": "_fade-in-overlay_5aciv_1",
-	"fade-out-overlay": "_fade-out-overlay_5aciv_1",
-	"modal": "_modal_5aciv_1",
-	"scale-in-modal": "_scale-in-modal_5aciv_1",
-	"scale-out-modal": "_scale-out-modal_5aciv_1",
-	"content": "_content_5aciv_1",
-	"header": "_header_5aciv_1",
-	"footer": "_footer_5aciv_1",
-	"body": "_body_5aciv_1",
-	"title": "_title_5aciv_1",
-	"actions": "_actions_5aciv_1",
-	"cols-1": "_cols-1_5aciv_1",
-	"cols-2": "_cols-2_5aciv_1",
-	"cols-3": "_cols-3_5aciv_1",
-	"cols-4": "_cols-4_5aciv_1",
-	"cols-5": "_cols-5_5aciv_1",
-	"cols-6": "_cols-6_5aciv_1",
-	"cols-7": "_cols-7_5aciv_1",
-	"cols-8": "_cols-8_5aciv_1",
-	"cols-9": "_cols-9_5aciv_1",
-	"cols-10": "_cols-10_5aciv_1",
-	"cols-11": "_cols-11_5aciv_1",
-	"cols-12": "_cols-12_5aciv_1"
+	"actions": "_3f-EBq_actions",
+	"body": "_3f-EBq_body",
+	"cols-1": "_3f-EBq_cols-1",
+	"cols-10": "_3f-EBq_cols-10",
+	"cols-11": "_3f-EBq_cols-11",
+	"cols-12": "_3f-EBq_cols-12",
+	"cols-2": "_3f-EBq_cols-2",
+	"cols-3": "_3f-EBq_cols-3",
+	"cols-4": "_3f-EBq_cols-4",
+	"cols-5": "_3f-EBq_cols-5",
+	"cols-6": "_3f-EBq_cols-6",
+	"cols-7": "_3f-EBq_cols-7",
+	"cols-8": "_3f-EBq_cols-8",
+	"cols-9": "_3f-EBq_cols-9",
+	"content": "_3f-EBq_content",
+	"fade-in-overlay": "_3f-EBq_fade-in-overlay",
+	"fade-out-overlay": "_3f-EBq_fade-out-overlay",
+	"footer": "_3f-EBq_footer",
+	"header": "_3f-EBq_header",
+	"modal": "_3f-EBq_modal",
+	"overlay": "_3f-EBq_overlay",
+	"scale-in-modal": "_3f-EBq_scale-in-modal",
+	"scale-out-modal": "_3f-EBq_scale-out-modal",
+	"title": "_3f-EBq_title"
 };
 //#endregion
 //#region src/components/ds-modal/ds-modal.tsx
@@ -8313,10 +8645,10 @@ DsModal.Footer = Footer;
 DsModal.Actions = Actions;
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.module.scss
-var ds_tabs_list_module_default = { "tabList": "_tabList_tj37v_1" };
+var ds_tabs_list_module_default = { "tabList": "vT68YW_tabList" };
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-indicator.module.scss
-var ds_tabs_indicator_module_default = { "indicator": "_indicator_1xns8_1" };
+var ds_tabs_indicator_module_default = { "indicator": "IZpQra_indicator" };
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.tsx
 const DsTabsList = (t0) => {
@@ -8350,14 +8682,14 @@ const DsTabsList = (t0) => {
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.module.scss
 var ds_tabs_tab_module_default = {
-	"tabItem": "_tabItem_1r7gq_1",
-	"badge": "_badge_1r7gq_1",
-	"icon": "_icon_1r7gq_1",
-	"label": "_label_1r7gq_1",
-	"menuTrigger": "_menuTrigger_1r7gq_1",
-	"menuContent": "_menuContent_1r7gq_1",
-	"menuItem": "_menuItem_1r7gq_1",
-	"menuItemLabel": "_menuItemLabel_1r7gq_1"
+	"badge": "_7sNYnG_badge",
+	"icon": "_7sNYnG_icon",
+	"label": "_7sNYnG_label",
+	"menuContent": "_7sNYnG_menuContent",
+	"menuItem": "_7sNYnG_menuItem",
+	"menuItemLabel": "_7sNYnG_menuItemLabel",
+	"menuTrigger": "_7sNYnG_menuTrigger",
+	"tabItem": "_7sNYnG_tabItem"
 };
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.tsx
@@ -8524,8 +8856,8 @@ function _temp$9(item) {
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss
 var ds_tabs_content_module_default = {
-	"tabContent": "_tabContent_qtp6q_1",
-	"fadeIn": "_fadeIn_qtp6q_1"
+	"fadeIn": "V-8esW_fadeIn",
+	"tabContent": "V-8esW_tabContent"
 };
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.tsx
@@ -8556,7 +8888,7 @@ const DsTabsContent = (t0) => {
 };
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.module.scss
-var ds_tabs_module_default = { "root": "_root_13s06_1" };
+var ds_tabs_module_default = { "root": "gZYmYG_root" };
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.tsx
 const DsTabsRoot = (t0) => {
@@ -8780,28 +9112,28 @@ const validateDateString$1 = ({ text, range, min, max }) => {
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.module.scss
 var ds_date_input_module_default = {
-	"dateInputControl": "_dateInputControl_1abgc_1",
-	"input": "_input_1abgc_1",
-	"iconButton": "_iconButton_1abgc_1",
-	"disabled": "_disabled_1abgc_1",
-	"dateInputButton": "_dateInputButton_1abgc_1",
-	"readOnly": "_readOnly_1abgc_1",
-	"positioner": "_positioner_1abgc_1",
-	"content": "_content_1abgc_1",
-	"expand": "_expand_1abgc_1",
-	"collapse": "_collapse_1abgc_1",
-	"viewControl": "_viewControl_1abgc_1",
-	"viewTrigger": "_viewTrigger_1abgc_1",
-	"prevTrigger": "_prevTrigger_1abgc_1",
-	"nextTrigger": "_nextTrigger_1abgc_1",
-	"calendarView": "_calendarView_1abgc_1",
-	"table": "_table_1abgc_1",
-	"tableBody": "_tableBody_1abgc_1",
-	"tableRow": "_tableRow_1abgc_1",
-	"tableCellTrigger": "_tableCellTrigger_1abgc_1",
-	"tableCellTriggerValue": "_tableCellTriggerValue_1abgc_1",
-	"tableHead": "_tableHead_1abgc_1",
-	"tableHeader": "_tableHeader_1abgc_1"
+	"calendarView": "o7IRQW_calendarView",
+	"collapse": "o7IRQW_collapse",
+	"content": "o7IRQW_content",
+	"dateInputButton": "o7IRQW_dateInputButton",
+	"dateInputControl": "o7IRQW_dateInputControl",
+	"disabled": "o7IRQW_disabled",
+	"expand": "o7IRQW_expand",
+	"iconButton": "o7IRQW_iconButton",
+	"input": "o7IRQW_input",
+	"nextTrigger": "o7IRQW_nextTrigger",
+	"positioner": "o7IRQW_positioner",
+	"prevTrigger": "o7IRQW_prevTrigger",
+	"readOnly": "o7IRQW_readOnly",
+	"table": "o7IRQW_table",
+	"tableBody": "o7IRQW_tableBody",
+	"tableCellTrigger": "o7IRQW_tableCellTrigger",
+	"tableCellTriggerValue": "o7IRQW_tableCellTriggerValue",
+	"tableHead": "o7IRQW_tableHead",
+	"tableHeader": "o7IRQW_tableHeader",
+	"tableRow": "o7IRQW_tableRow",
+	"viewControl": "o7IRQW_viewControl",
+	"viewTrigger": "o7IRQW_viewTrigger"
 };
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.tsx
@@ -10274,9 +10606,9 @@ const timeScrollerAdapter = (date, setDate, min, max) => {
 //#endregion
 //#region src/components/ds-time-picker/components/time-item/time-item.module.scss
 var time_item_module_default = {
-	"container": "_container_fzfmo_1",
-	"selected": "_selected_fzfmo_1",
-	"disabled": "_disabled_fzfmo_1"
+	"container": "kvOZUa_container",
+	"disabled": "kvOZUa_disabled",
+	"selected": "kvOZUa_selected"
 };
 //#endregion
 //#region src/components/ds-time-picker/components/time-item/time-item.tsx
@@ -10330,8 +10662,8 @@ const TimeItem = (t0) => {
 //#endregion
 //#region src/components/ds-time-picker/components/time-scroller/time-scroller.module.scss
 var time_scroller_module_default = {
-	"container": "_container_1bqdg_1",
-	"column": "_column_1bqdg_1"
+	"column": "ih_qUa_column",
+	"container": "ih_qUa_container"
 };
 //#endregion
 //#region src/components/ds-time-picker/components/time-scroller/time-scroller.utils.ts
@@ -10472,45 +10804,52 @@ const useControlled = (value, setValue, defaultValue) => {
 	return t0;
 };
 //#endregion
+//#region src/components/ds-time-picker/ds-time-picker.module.scss
+var ds_time_picker_module_default = {
+	"clearTrigger": "qkvYYW_clearTrigger",
+	"root": "qkvYYW_root"
+};
+//#endregion
 //#region src/components/ds-time-picker/ds-time-picker.tsx
 const DsTimePicker = (props) => {
-	const $ = (0, react_compiler_runtime.c)(63);
-	const { id, ref, className, placeholder, min, max, disabled, readOnly, disablePortal: t0, locale, slotProps } = props;
-	const disablePortal = t0 === void 0 ? false : t0;
+	const $ = (0, react_compiler_runtime.c)(68);
+	const { id, ref, className, placeholder, min, max, disabled, readOnly, hideClearButton: t0, disablePortal: t1, locale, slotProps } = props;
+	const hideClearButton = t0 === void 0 ? false : t0;
+	const disablePortal = t1 === void 0 ? false : t1;
 	const [value, setValue] = useControlled(props.value, props.onChange, props.defaultValue ?? null);
 	const [isOpen, setIsOpen] = useControlled(props.open, props.onOpenChange, props.defaultOpen ?? false);
 	const [isFocused, setIsFocused] = (0, react.useState)(false);
 	const inputRef = (0, react.useRef)(null);
-	let t1;
+	let t2;
 	if ($[0] !== value) {
-		t1 = formatTime(value);
+		t2 = formatTime(value);
 		$[0] = value;
-		$[1] = t1;
-	} else t1 = $[1];
-	const formattedValue = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	const formattedValue = t2;
 	if (value) {
 		const clamped = clampTime(value, min, max);
 		if (clamped !== value) setValue(clamped);
 	}
-	let t2;
 	let t3;
+	let t4;
 	if ($[2] !== formattedValue || $[3] !== isFocused) {
-		t2 = () => {
+		t3 = () => {
 			if (!isFocused && inputRef.current) inputRef.current.value = formattedValue;
 		};
-		t3 = [isFocused, formattedValue];
+		t4 = [isFocused, formattedValue];
 		$[2] = formattedValue;
 		$[3] = isFocused;
-		$[4] = t2;
-		$[5] = t3;
+		$[4] = t3;
+		$[5] = t4;
 	} else {
-		t2 = $[4];
-		t3 = $[5];
+		t3 = $[4];
+		t4 = $[5];
 	}
-	(0, react.useEffect)(t2, t3);
-	let t4;
+	(0, react.useEffect)(t3, t4);
+	let t5;
 	if ($[6] !== setValue || $[7] !== value) {
-		t4 = (e) => {
+		t5 = (e) => {
 			const inputVal = e.target.value;
 			if (!inputVal) {
 				setValue(null);
@@ -10525,30 +10864,30 @@ const DsTimePicker = (props) => {
 		};
 		$[6] = setValue;
 		$[7] = value;
-		$[8] = t4;
-	} else t4 = $[8];
-	const handleInputChange = t4;
-	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => {
+		$[8] = t5;
+	} else t5 = $[8];
+	const handleInputChange = t5;
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => {
 			setIsFocused(true);
 		};
-		$[9] = t5;
-	} else t5 = $[9];
-	const handleFocus = t5;
-	let t6;
+		$[9] = t6;
+	} else t6 = $[9];
+	const handleFocus = t6;
+	let t7;
 	if ($[10] !== formattedValue || $[11] !== value) {
-		t6 = () => {
+		t7 = () => {
 			if (inputRef.current) inputRef.current.value = value ? formattedValue : "";
 		};
 		$[10] = formattedValue;
 		$[11] = value;
-		$[12] = t6;
-	} else t6 = $[12];
-	const resetInput = t6;
-	let t7;
+		$[12] = t7;
+	} else t7 = $[12];
+	const resetInput = t7;
+	let t8;
 	if ($[13] !== resetInput || $[14] !== setValue || $[15] !== value) {
-		t7 = () => {
+		t8 = () => {
 			setIsFocused(false);
 			const inputVal_0 = inputRef.current?.value ?? "";
 			if (!inputVal_0) {
@@ -10565,35 +10904,54 @@ const DsTimePicker = (props) => {
 		$[13] = resetInput;
 		$[14] = setValue;
 		$[15] = value;
-		$[16] = t7;
-	} else t7 = $[16];
-	const handleBlur = t7;
-	let t8;
+		$[16] = t8;
+	} else t8 = $[16];
+	const handleBlur = t8;
+	let t9;
 	if ($[17] !== disabled || $[18] !== readOnly || $[19] !== setIsOpen) {
-		t8 = (details) => {
+		t9 = (details) => {
 			if (disabled || readOnly) return;
 			setIsOpen(details.open);
 		};
 		$[17] = disabled;
 		$[18] = readOnly;
 		$[19] = setIsOpen;
-		$[20] = t8;
-	} else t8 = $[20];
-	const handleOpenChange = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	const handleOpenChange = t9;
+	const showClearButton = !hideClearButton && !disabled && !readOnly && !!value;
 	const Wrapper = disablePortal ? react.Fragment : _ark_ui_react_portal.Portal;
-	let t9;
+	let t10;
 	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = {
+		t10 = {
 			placement: "bottom-start",
 			gutter: 4
 		};
-		$[21] = t9;
-	} else t9 = $[21];
-	const t10 = placeholder ?? "hh:mm AM/PM";
-	const t11 = slotProps?.input;
-	let t12;
-	if ($[22] !== disabled || $[23] !== locale?.openLabel || $[24] !== readOnly || $[25] !== slotProps?.input?.slots?.endAdornment) {
-		t12 = slotProps?.input?.slots?.endAdornment ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Trigger, {
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== className) {
+		t11 = (0, classnames.default)(ds_time_picker_module_default.root, className);
+		$[22] = className;
+		$[23] = t11;
+	} else t11 = $[23];
+	const t12 = placeholder ?? "hh:mm AM/PM";
+	const t13 = slotProps?.input;
+	let t14;
+	if ($[24] !== disabled || $[25] !== locale?.clearLabel || $[26] !== locale?.openLabel || $[27] !== readOnly || $[28] !== setValue || $[29] !== showClearButton || $[30] !== slotProps?.input?.slots?.endAdornment) {
+		t14 = slotProps?.input?.slots?.endAdornment ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [showClearButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsButton, {
+			className: ds_time_picker_module_default.clearTrigger,
+			design: "v1.2",
+			size: "tiny",
+			buttonType: "tertiary",
+			disabled,
+			"aria-label": locale?.clearLabel ?? "Clear time",
+			onClick: () => setValue(null),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
+				icon: "close",
+				size: "tiny"
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Trigger, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsButton, {
 				design: "v1.2",
@@ -10607,150 +10965,154 @@ const DsTimePicker = (props) => {
 					size: "tiny"
 				})
 			})
-		});
-		$[22] = disabled;
-		$[23] = locale?.openLabel;
-		$[24] = readOnly;
-		$[25] = slotProps?.input?.slots?.endAdornment;
-		$[26] = t12;
-	} else t12 = $[26];
-	const t13 = slotProps?.input?.slots;
-	let t14;
-	if ($[27] !== t12 || $[28] !== t13) {
-		t14 = {
-			endAdornment: t12,
-			...t13
+		})] });
+		$[24] = disabled;
+		$[25] = locale?.clearLabel;
+		$[26] = locale?.openLabel;
+		$[27] = readOnly;
+		$[28] = setValue;
+		$[29] = showClearButton;
+		$[30] = slotProps?.input?.slots?.endAdornment;
+		$[31] = t14;
+	} else t14 = $[31];
+	const t15 = slotProps?.input?.slots;
+	let t16;
+	if ($[32] !== t14 || $[33] !== t15) {
+		t16 = {
+			endAdornment: t14,
+			...t15
 		};
-		$[27] = t12;
-		$[28] = t13;
-		$[29] = t14;
-	} else t14 = $[29];
-	let t15;
-	if ($[30] !== disabled || $[31] !== formattedValue || $[32] !== handleBlur || $[33] !== handleInputChange || $[34] !== id || $[35] !== readOnly || $[36] !== t10 || $[37] !== t11 || $[38] !== t14) {
-		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTextInput, {
+		$[32] = t14;
+		$[33] = t15;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== disabled || $[36] !== formattedValue || $[37] !== handleBlur || $[38] !== handleInputChange || $[39] !== id || $[40] !== readOnly || $[41] !== t12 || $[42] !== t13 || $[43] !== t16) {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTextInput, {
 			ref: inputRef,
 			id,
-			placeholder: t10,
+			placeholder: t12,
 			defaultValue: formattedValue,
 			onChange: handleInputChange,
 			onFocus: handleFocus,
 			onBlur: handleBlur,
 			readOnly,
 			disabled,
-			...t11,
-			slots: t14
-		});
-		$[30] = disabled;
-		$[31] = formattedValue;
-		$[32] = handleBlur;
-		$[33] = handleInputChange;
-		$[34] = id;
-		$[35] = readOnly;
-		$[36] = t10;
-		$[37] = t11;
-		$[38] = t14;
-		$[39] = t15;
-	} else t15 = $[39];
-	let t16;
-	if ($[40] !== className || $[41] !== ref || $[42] !== t15) {
-		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Anchor, {
+			...t13,
+			slots: t16
+		});
+		$[35] = disabled;
+		$[36] = formattedValue;
+		$[37] = handleBlur;
+		$[38] = handleInputChange;
+		$[39] = id;
+		$[40] = readOnly;
+		$[41] = t12;
+		$[42] = t13;
+		$[43] = t16;
+		$[44] = t17;
+	} else t17 = $[44];
+	let t18;
+	if ($[45] !== ref || $[46] !== t11 || $[47] !== t17) {
+		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Anchor, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				ref,
-				className,
-				children: t15
+				className: t11,
+				children: t17
 			})
 		});
-		$[40] = className;
-		$[41] = ref;
-		$[42] = t15;
-		$[43] = t16;
-	} else t16 = $[43];
-	const t17 = slotProps?.popover;
-	let t18;
-	if ($[44] !== max || $[45] !== min || $[46] !== setValue || $[47] !== value) {
-		t18 = timeScrollerAdapter(value, setValue, min, max);
-		$[44] = max;
-		$[45] = min;
-		$[46] = setValue;
-		$[47] = value;
+		$[45] = ref;
+		$[46] = t11;
+		$[47] = t17;
 		$[48] = t18;
 	} else t18 = $[48];
-	let t19;
-	if ($[49] !== isOpen || $[50] !== t18) {
-		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeScroller, {
-			open: isOpen,
-			...t18
-		});
-		$[49] = isOpen;
-		$[50] = t18;
-		$[51] = t19;
-	} else t19 = $[51];
+	const t19 = slotProps?.popover;
 	let t20;
-	if ($[52] !== t17 || $[53] !== t19) {
-		t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Content, {
-			...t17,
-			children: t19
-		}) });
-		$[52] = t17;
-		$[53] = t19;
-		$[54] = t20;
-	} else t20 = $[54];
+	if ($[49] !== max || $[50] !== min || $[51] !== setValue || $[52] !== value) {
+		t20 = timeScrollerAdapter(value, setValue, min, max);
+		$[49] = max;
+		$[50] = min;
+		$[51] = setValue;
+		$[52] = value;
+		$[53] = t20;
+	} else t20 = $[53];
 	let t21;
-	if ($[55] !== Wrapper || $[56] !== t20) {
-		t21 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wrapper, { children: t20 });
-		$[55] = Wrapper;
-		$[56] = t20;
-		$[57] = t21;
-	} else t21 = $[57];
+	if ($[54] !== isOpen || $[55] !== t20) {
+		t21 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeScroller, {
+			open: isOpen,
+			...t20
+		});
+		$[54] = isOpen;
+		$[55] = t20;
+		$[56] = t21;
+	} else t21 = $[56];
 	let t22;
-	if ($[58] !== handleOpenChange || $[59] !== isOpen || $[60] !== t16 || $[61] !== t21) {
-		t22 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_popover.Popover.Root, {
+	if ($[57] !== t19 || $[58] !== t21) {
+		t22 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_popover.Popover.Content, {
+			...t19,
+			children: t21
+		}) });
+		$[57] = t19;
+		$[58] = t21;
+		$[59] = t22;
+	} else t22 = $[59];
+	let t23;
+	if ($[60] !== Wrapper || $[61] !== t22) {
+		t23 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wrapper, { children: t22 });
+		$[60] = Wrapper;
+		$[61] = t22;
+		$[62] = t23;
+	} else t23 = $[62];
+	let t24;
+	if ($[63] !== handleOpenChange || $[64] !== isOpen || $[65] !== t18 || $[66] !== t23) {
+		t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_popover.Popover.Root, {
 			open: isOpen,
 			onOpenChange: handleOpenChange,
-			positioning: t9,
-			children: [t16, t21]
-		});
-		$[58] = handleOpenChange;
-		$[59] = isOpen;
-		$[60] = t16;
-		$[61] = t21;
-		$[62] = t22;
-	} else t22 = $[62];
-	return t22;
+			positioning: t10,
+			children: [t18, t23]
+		});
+		$[63] = handleOpenChange;
+		$[64] = isOpen;
+		$[65] = t18;
+		$[66] = t23;
+		$[67] = t24;
+	} else t24 = $[67];
+	return t24;
 };
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.module.scss
 var ds_date_picker_module_default = {
-	"control": "_control_1jv66_1",
-	"positioner": "_positioner_1jv66_1",
-	"content": "_content_1jv66_1",
-	"expand": "_expand_1jv66_1",
-	"collapse": "_collapse_1jv66_1",
-	"timePickerPopoverContent": "_timePickerPopoverContent_1jv66_1"
+	"clearTrigger": "fb81sa_clearTrigger",
+	"collapse": "fb81sa_collapse",
+	"content": "fb81sa_content",
+	"control": "fb81sa_control",
+	"expand": "fb81sa_expand",
+	"positioner": "fb81sa_positioner",
+	"timePickerPopoverContent": "fb81sa_timePickerPopoverContent"
 };
 //#endregion
 //#region src/components/ds-date-picker/components/day-view/day-view.module.scss
 var day_view_module_default = {
-	"dayView": "_dayView_i1q44_1",
-	"trigger": "_trigger_i1q44_1"
+	"dayView": "lLxVUG_dayView",
+	"trigger": "lLxVUG_trigger"
 };
 //#endregion
 //#region src/components/ds-date-picker/components/calendar-table.module.scss
 var calendar_table_module_default = {
-	"table": "_table_1oopj_1",
-	"tableBody": "_tableBody_1oopj_1",
-	"tableRow": "_tableRow_1oopj_1",
-	"tableCellTrigger": "_tableCellTrigger_1oopj_1",
-	"tableHeader": "_tableHeader_1oopj_1"
+	"table": "XHsEvW_table",
+	"tableBody": "XHsEvW_tableBody",
+	"tableCellTrigger": "XHsEvW_tableCellTrigger",
+	"tableHeader": "XHsEvW_tableHeader",
+	"tableRow": "XHsEvW_tableRow"
 };
 //#endregion
 //#region src/components/ds-date-picker/components/calendar-view-control/calendar-view-control.module.scss
 var calendar_view_control_module_default = {
-	"viewControl": "_viewControl_1vm7c_1",
-	"viewTrigger": "_viewTrigger_1vm7c_1",
-	"prevTrigger": "_prevTrigger_1vm7c_1",
-	"nextTrigger": "_nextTrigger_1vm7c_1"
+	"nextTrigger": "s1VRla_nextTrigger",
+	"prevTrigger": "s1VRla_prevTrigger",
+	"viewControl": "s1VRla_viewControl",
+	"viewTrigger": "s1VRla_viewTrigger"
 };
 //#endregion
 //#region src/components/ds-date-picker/components/calendar-view-control/calendar-view-control.tsx
@@ -10860,7 +11222,7 @@ function _temp3$3(week, weekIdx) {
 }
 //#endregion
 //#region src/components/ds-date-picker/components/month-view/month-view.module.scss
-var month_view_module_default = { "trigger": "_trigger_12ush_1" };
+var month_view_module_default = { "trigger": "IXRMcW_trigger" };
 //#endregion
 //#region src/components/ds-date-picker/components/month-view/month-view.tsx
 const MonthView = () => {
@@ -10907,7 +11269,7 @@ function _temp3$2(datePicker) {
 }
 //#endregion
 //#region src/components/ds-date-picker/components/year-view/year-view.module.scss
-var year_view_module_default = { "trigger": "_trigger_12ush_1" };
+var year_view_module_default = { "trigger": "_9VumyG_trigger" };
 //#endregion
 //#region src/components/ds-date-picker/components/year-view/year-view.tsx
 const YearView = () => {
@@ -11186,6 +11548,7 @@ const DsDatePicker = (t0) => {
 			asChild: true,
 			onClick: () => setValue(null),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsButton, {
+				className: ds_date_picker_module_default.clearTrigger,
 				design: "v1.2",
 				size: "tiny",
 				buttonType: "tertiary",
@@ -11284,6 +11647,7 @@ const DsDatePicker = (t0) => {
 			},
 			min: isSameDay(value, min) ? _min : void 0,
 			max: isSameDay(value, max) ? _max : void 0,
+			hideClearButton: true,
 			disabled: disabled || !value,
 			readOnly,
 			...slotProps?.timePicker,
@@ -11387,23 +11751,23 @@ const DsDatePicker = (t0) => {
 //#endregion
 //#region src/components/ds-select/ds-select.module.scss
 var ds_select_module_default = {
-	"control": "_control_1joiq_1",
-	"triggerIcon": "_triggerIcon_1joiq_1",
-	"clearIcon": "_clearIcon_1joiq_1",
-	"itemValue": "_itemValue_1joiq_1",
-	"small": "_small_1joiq_1",
-	"trigger": "_trigger_1joiq_1",
-	"content": "_content_1joiq_1",
-	"expand": "_expand_1joiq_1",
-	"collapse": "_collapse_1joiq_1",
-	"searchInput": "_searchInput_1joiq_1",
-	"searchInputField": "_searchInputField_1joiq_1",
-	"searchIcon": "_searchIcon_1joiq_1",
-	"viewport": "_viewport_1joiq_1",
-	"item": "_item_1joiq_1",
-	"itemIcon": "_itemIcon_1joiq_1",
-	"valueText": "_valueText_1joiq_1",
-	"multiSelectItemsContainer": "_multiSelectItemsContainer_1joiq_1"
+	"clearIcon": "KdTZ_G_clearIcon",
+	"collapse": "KdTZ_G_collapse",
+	"content": "KdTZ_G_content",
+	"control": "KdTZ_G_control",
+	"expand": "KdTZ_G_expand",
+	"item": "KdTZ_G_item",
+	"itemIcon": "KdTZ_G_itemIcon",
+	"itemValue": "KdTZ_G_itemValue",
+	"multiSelectItemsContainer": "KdTZ_G_multiSelectItemsContainer",
+	"searchIcon": "KdTZ_G_searchIcon",
+	"searchInput": "KdTZ_G_searchInput",
+	"searchInputField": "KdTZ_G_searchInputField",
+	"small": "KdTZ_G_small",
+	"trigger": "KdTZ_G_trigger",
+	"triggerIcon": "KdTZ_G_triggerIcon",
+	"valueText": "KdTZ_G_valueText",
+	"viewport": "KdTZ_G_viewport"
 };
 //#endregion
 //#region src/components/ds-select/select-items-chips.tsx
@@ -11757,13 +12121,13 @@ function _temp5(e_1) {
 //#endregion
 //#region src/components/ds-number-input/ds-number-input.module.scss
 var ds_number_input_module_default = {
-	"textInputContainer": "_textInputContainer_16htx_1",
-	"input": "_input_16htx_1",
-	"iconButton": "_iconButton_16htx_1",
-	"small": "_small_16htx_1",
-	"default": "_default_16htx_1",
-	"trigger": "_trigger_16htx_1",
-	"indicator": "_indicator_16htx_1"
+	"default": "XMQUTG_default",
+	"iconButton": "XMQUTG_iconButton",
+	"indicator": "XMQUTG_indicator",
+	"input": "XMQUTG_input",
+	"small": "XMQUTG_small",
+	"textInputContainer": "XMQUTG_textInputContainer",
+	"trigger": "XMQUTG_trigger"
 };
 //#endregion
 //#region src/components/ds-number-input/ds-number-input.tsx
@@ -11913,13 +12277,13 @@ const DsNumberInput = (t0) => {
 //#endregion
 //#region src/components/ds-password-input/ds-password-input.module.scss
 var ds_password_input_module_default = {
-	"textInputContainer": "_textInputContainer_25jao_1",
-	"input": "_input_25jao_1",
-	"iconButton": "_iconButton_25jao_1",
-	"small": "_small_25jao_1",
-	"default": "_default_25jao_1",
-	"trigger": "_trigger_25jao_1",
-	"indicator": "_indicator_25jao_1"
+	"default": "v5YZUq_default",
+	"iconButton": "v5YZUq_iconButton",
+	"indicator": "v5YZUq_indicator",
+	"input": "v5YZUq_input",
+	"small": "v5YZUq_small",
+	"textInputContainer": "v5YZUq_textInputContainer",
+	"trigger": "v5YZUq_trigger"
 };
 //#endregion
 //#region src/components/ds-password-input/ds-password-input.tsx
@@ -12036,23 +12400,23 @@ const DsPasswordInput = (t0) => {
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.module.scss
 var ds_form_control_module_default = {
-	"container": "_container_3x2wm_1",
-	"success": "_success_3x2wm_1",
-	"message": "_message_3x2wm_1",
-	"warning": "_warning_3x2wm_1",
-	"error": "_error_3x2wm_1",
-	"labelContainer": "_labelContainer_3x2wm_1",
-	"label": "_label_3x2wm_1",
-	"required": "_required_3x2wm_1",
-	"disabled": "_disabled_3x2wm_1",
-	"endAdornment": "_endAdornment_3x2wm_1",
-	"description": "_description_3x2wm_1",
-	"controlWrapper": "_controlWrapper_3x2wm_1",
-	"input": "_input_3x2wm_1",
-	"control": "_control_3x2wm_1",
-	"icon": "_icon_3x2wm_1",
-	"textarea": "_textarea_3x2wm_1",
-	"withIcon": "_withIcon_3x2wm_1"
+	"container": "QBbwzG_container",
+	"control": "QBbwzG_control",
+	"controlWrapper": "QBbwzG_controlWrapper",
+	"description": "QBbwzG_description",
+	"disabled": "QBbwzG_disabled",
+	"endAdornment": "QBbwzG_endAdornment",
+	"error": "QBbwzG_error",
+	"icon": "QBbwzG_icon",
+	"input": "QBbwzG_input",
+	"label": "QBbwzG_label",
+	"labelContainer": "QBbwzG_labelContainer",
+	"message": "QBbwzG_message",
+	"required": "QBbwzG_required",
+	"success": "QBbwzG_success",
+	"textarea": "QBbwzG_textarea",
+	"warning": "QBbwzG_warning",
+	"withIcon": "QBbwzG_withIcon"
 };
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.tsx
@@ -12222,11 +12586,11 @@ const controlStatuses = [
 //#endregion
 //#region src/components/ds-date-range-picker/ds-date-range-picker.module.scss
 var ds_date_range_picker_module_default = {
-	"root": "_root_88t4d_1",
-	"horizontal": "_horizontal_88t4d_1",
-	"vertical": "_vertical_88t4d_1",
-	"clearButton": "_clearButton_88t4d_1",
-	"formControl": "_formControl_88t4d_1"
+	"clearButton": "H_TTIq_clearButton",
+	"formControl": "H_TTIq_formControl",
+	"horizontal": "H_TTIq_horizontal",
+	"root": "H_TTIq_root",
+	"vertical": "H_TTIq_vertical"
 };
 //#endregion
 //#region src/components/ds-date-range-picker/ds-date-range-picker.utils.ts
@@ -12448,11 +12812,11 @@ const DsDateRangePicker = (t0) => {
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.module.scss
 var ds_dialog_module_default = {
-	"overlay": "_overlay_z7kc9_1",
-	"dialog": "_dialog_z7kc9_1",
-	"title": "_title_z7kc9_1",
-	"description": "_description_z7kc9_1",
-	"customPlacement": "_customPlacement_z7kc9_1"
+	"customPlacement": "mGer_G_customPlacement",
+	"description": "mGer_G_description",
+	"dialog": "mGer_G_dialog",
+	"overlay": "mGer_G_overlay",
+	"title": "mGer_G_title"
 };
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.tsx
@@ -12505,9 +12869,9 @@ const DsDialog = ({ open, onOpenChange, title, hideTitle, description, hideDescr
 //#endregion
 //#region src/components/ds-divider/ds-divider.module.scss
 var ds_divider_module_default = {
-	"divider": "_divider_s6hux_1",
-	"horizontal": "_horizontal_s6hux_1",
-	"vertical": "_vertical_s6hux_1"
+	"divider": "jjaMpG_divider",
+	"horizontal": "jjaMpG_horizontal",
+	"vertical": "jjaMpG_vertical"
 };
 //#endregion
 //#region src/components/ds-divider/ds-divider.tsx
@@ -12549,12 +12913,12 @@ const DsDivider = (t0) => {
 //#endregion
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.module.scss
 var ds_expandable_text_input_module_default = {
-	"expandableInput": "_expandableInput_dd7gz_1",
-	"expanded": "_expanded_dd7gz_1",
-	"trigger": "_trigger_dd7gz_1",
-	"clearTrigger": "_clearTrigger_dd7gz_1",
-	"dirty": "_dirty_dd7gz_1",
-	"inputExpander": "_inputExpander_dd7gz_1"
+	"clearTrigger": "x5yLLW_clearTrigger",
+	"dirty": "x5yLLW_dirty",
+	"expandableInput": "x5yLLW_expandableInput",
+	"expanded": "x5yLLW_expanded",
+	"inputExpander": "x5yLLW_inputExpander",
+	"trigger": "x5yLLW_trigger"
 };
 //#endregion
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.tsx
@@ -12741,23 +13105,23 @@ function getErrorMessage(error) {
 //#endregion
 //#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.module.scss
 var file_upload_item_module_default = {
-	"fileItem": "_fileItem_4ejd1_1",
-	"fileItemContent": "_fileItemContent_4ejd1_1",
-	"fileItemError": "_fileItemError_4ejd1_1",
-	"progressRange": "_progressRange_4ejd1_1",
-	"fileItemCompleted": "_fileItemCompleted_4ejd1_1",
-	"fileItemUploading": "_fileItemUploading_4ejd1_1",
-	"fileItemInterrupted": "_fileItemInterrupted_4ejd1_1",
-	"filePreview": "_filePreview_4ejd1_1",
-	"fileInfo": "_fileInfo_4ejd1_1",
-	"fileName": "_fileName_4ejd1_1",
-	"progressContainer": "_progressContainer_4ejd1_1",
-	"progressBar": "_progressBar_4ejd1_1",
-	"progressTrack": "_progressTrack_4ejd1_1",
-	"progressText": "_progressText_4ejd1_1",
-	"completedText": "_completedText_4ejd1_1",
-	"interruptedText": "_interruptedText_4ejd1_1",
-	"errorMessage": "_errorMessage_4ejd1_1"
+	"completedText": "_7JzMKq_completedText",
+	"errorMessage": "_7JzMKq_errorMessage",
+	"fileInfo": "_7JzMKq_fileInfo",
+	"fileItem": "_7JzMKq_fileItem",
+	"fileItemCompleted": "_7JzMKq_fileItemCompleted",
+	"fileItemContent": "_7JzMKq_fileItemContent",
+	"fileItemError": "_7JzMKq_fileItemError",
+	"fileItemInterrupted": "_7JzMKq_fileItemInterrupted",
+	"fileItemUploading": "_7JzMKq_fileItemUploading",
+	"fileName": "_7JzMKq_fileName",
+	"filePreview": "_7JzMKq_filePreview",
+	"interruptedText": "_7JzMKq_interruptedText",
+	"progressBar": "_7JzMKq_progressBar",
+	"progressContainer": "_7JzMKq_progressContainer",
+	"progressRange": "_7JzMKq_progressRange",
+	"progressText": "_7JzMKq_progressText",
+	"progressTrack": "_7JzMKq_progressTrack"
 };
 //#endregion
 //#region src/components/ds-file-upload/components/file-upload-item/file-upload-item.tsx
@@ -13227,14 +13591,14 @@ function generateHelperText(accept, maxFileSize, maxFiles) {
 //#endregion
 //#region src/components/ds-file-upload/components/file-upload/file-upload.module.scss
 var file_upload_module_default = {
-	"fileUploadRoot": "_fileUploadRoot_1jafp_1",
-	"dropzone": "_dropzone_1jafp_1",
-	"dropzoneCompact": "_dropzoneCompact_1jafp_1",
-	"dropzoneIcon": "_dropzoneIcon_1jafp_1",
-	"dropzoneText": "_dropzoneText_1jafp_1",
-	"fileList": "_fileList_1jafp_1",
-	"infoText": "_infoText_1jafp_1",
-	"errorText": "_errorText_1jafp_1"
+	"dropzone": "_3AAg6G_dropzone",
+	"dropzoneCompact": "_3AAg6G_dropzoneCompact",
+	"dropzoneIcon": "_3AAg6G_dropzoneIcon",
+	"dropzoneText": "_3AAg6G_dropzoneText",
+	"errorText": "_3AAg6G_errorText",
+	"fileList": "_3AAg6G_fileList",
+	"fileUploadRoot": "_3AAg6G_fileUploadRoot",
+	"infoText": "_3AAg6G_infoText"
 };
 //#endregion
 //#region src/components/ds-file-upload/components/file-upload/file-upload.tsx
@@ -13789,11 +14153,11 @@ const DsFileUpload = (t0) => {
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.module.scss
 var ds_filter_status_icon_module_default = {
-	"running": "_running_1tsjd_1",
-	"warning": "_warning_1tsjd_1",
-	"failed": "_failed_1tsjd_1",
-	"paused": "_paused_1tsjd_1",
-	"inactive": "_inactive_1tsjd_1"
+	"failed": "ChNHNG_failed",
+	"inactive": "ChNHNG_inactive",
+	"paused": "ChNHNG_paused",
+	"running": "ChNHNG_running",
+	"warning": "ChNHNG_warning"
 };
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.tsx
@@ -13879,11 +14243,11 @@ const DsGridItem = ({ children, colSpan, colStart, rowSpan, rowStart, className
 //#endregion
 //#region src/components/ds-key-value-pair/ds-key-value-pair.module.scss
 var ds_key_value_pair_module_default = {
-	"root": "_root_cgg6f_1",
-	"label": "_label_cgg6f_1",
-	"valueContainer": "_valueContainer_cgg6f_1",
-	"valueDisplay": "_valueDisplay_cgg6f_1",
-	"editorSlot": "_editorSlot_cgg6f_1"
+	"editorSlot": "_6K_oIW_editorSlot",
+	"label": "_6K_oIW_label",
+	"root": "_6K_oIW_root",
+	"valueContainer": "_6K_oIW_valueContainer",
+	"valueDisplay": "_6K_oIW_valueDisplay"
 };
 //#endregion
 //#region src/components/ds-key-value-pair/ds-key-value-pair.tsx
@@ -13976,14 +14340,14 @@ const dsKeyValuePairOrientations = ["vertical", "horizontal"];
 //#endregion
 //#region src/components/ds-loader/ds-loader.module.scss
 var ds_loader_module_default = {
-	"loaderContainer": "_loaderContainer_2184a_1",
-	"loader": "_loader_2184a_1",
-	"spin": "_spin_2184a_1",
-	"pulsingIcon": "_pulsingIcon_2184a_1",
-	"pulsingOuter": "_pulsingOuter_2184a_1",
-	"pulse": "_pulse_2184a_1",
-	"pulsingInner": "_pulsingInner_2184a_1",
-	"spinnerGradient": "_spinnerGradient_2184a_1"
+	"loader": "jyX_2W_loader",
+	"loaderContainer": "jyX_2W_loaderContainer",
+	"pulse": "jyX_2W_pulse",
+	"pulsingIcon": "jyX_2W_pulsingIcon",
+	"pulsingInner": "jyX_2W_pulsingInner",
+	"pulsingOuter": "jyX_2W_pulsingOuter",
+	"spin": "jyX_2W_spin",
+	"spinnerGradient": "jyX_2W_spinnerGradient"
 };
 //#endregion
 //#region src/components/ds-loader/pulsing-icon.tsx
@@ -14135,13 +14499,13 @@ const loaderVariants = ["spinner", "pulsing"];
 //#endregion
 //#region src/components/ds-panel/ds-panel.module.scss
 var ds_panel_module_default = {
-	"root": "_root_1urw1_1",
-	"variantFloating": "_variantFloating_1urw1_1",
-	"dragging": "_dragging_1urw1_1",
-	"disablePadding": "_disablePadding_1urw1_1",
-	"trigger": "_trigger_1urw1_1",
-	"triggerCollapsed": "_triggerCollapsed_1urw1_1",
-	"variantDocked": "_variantDocked_1urw1_1"
+	"disablePadding": "fn9Haq_disablePadding",
+	"dragging": "fn9Haq_dragging",
+	"root": "fn9Haq_root",
+	"trigger": "fn9Haq_trigger",
+	"triggerCollapsed": "fn9Haq_triggerCollapsed",
+	"variantDocked": "fn9Haq_variantDocked",
+	"variantFloating": "fn9Haq_variantFloating"
 };
 //#endregion
 //#region src/components/ds-panel/ds-panel.tsx
@@ -14216,19 +14580,21 @@ function useDraggable(enabled) {
 	(0, react.useEffect)(t1, t2);
 	return rootRef;
 }
-function DsPanel(t0) {
-	const $ = (0, react_compiler_runtime.c)(25);
+function DsPanelBase(t0) {
+	const $ = (0, react_compiler_runtime.c)(31);
 	let children;
 	let className;
 	let onOpenChange;
 	let open;
 	let props;
 	let slotProps;
+	let style;
 	let t1;
 	let t2;
 	let t3;
+	let width;
 	if ($[0] !== t0) {
-		({open, onOpenChange, children, className, slotProps, variant: t1, draggable: t2, disablePadding: t3, ...props} = t0);
+		({open, onOpenChange, children, className, style, slotProps, variant: t1, width, draggable: t2, disablePadding: t3, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = className;
@@ -14236,9 +14602,11 @@ function DsPanel(t0) {
 		$[4] = open;
 		$[5] = props;
 		$[6] = slotProps;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
+		$[7] = style;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = width;
 	} else {
 		children = $[1];
 		className = $[2];
@@ -14246,56 +14614,71 @@ function DsPanel(t0) {
 		open = $[4];
 		props = $[5];
 		slotProps = $[6];
-		t1 = $[7];
-		t2 = $[8];
-		t3 = $[9];
+		style = $[7];
+		t1 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+		width = $[11];
 	}
 	const variant = t1 === void 0 ? "docked" : t1;
 	const draggable = t2 === void 0 ? false : t2;
 	const disablePadding = t3 === void 0 ? false : t3;
 	const rootRef = useDraggable(variant === "floating" && draggable);
-	const t4 = variant === "docked";
-	const t5 = variant === "floating";
-	let t6;
-	if ($[10] !== className || $[11] !== disablePadding || $[12] !== t4 || $[13] !== t5) {
-		t6 = (0, classnames.default)(ds_panel_module_default.root, className, {
-			[ds_panel_module_default.variantDocked]: t4,
-			[ds_panel_module_default.variantFloating]: t5,
+	let t4;
+	if ($[12] !== style || $[13] !== width) {
+		t4 = width ? {
+			...style,
+			width
+		} : style;
+		$[12] = style;
+		$[13] = width;
+		$[14] = t4;
+	} else t4 = $[14];
+	const rootStyle = t4;
+	const t5 = variant === "docked";
+	const t6 = variant === "floating";
+	let t7;
+	if ($[15] !== className || $[16] !== disablePadding || $[17] !== t5 || $[18] !== t6) {
+		t7 = (0, classnames.default)(ds_panel_module_default.root, className, {
+			[ds_panel_module_default.variantDocked]: t5,
+			[ds_panel_module_default.variantFloating]: t6,
 			[ds_panel_module_default.disablePadding]: disablePadding
 		});
-		$[10] = className;
-		$[11] = disablePadding;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	const t7 = slotProps?.collapseButton;
-	let t8;
-	if ($[15] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsPanelCollapseButton, { ...t7 });
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
+		$[15] = className;
+		$[16] = disablePadding;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	const t8 = slotProps?.collapseButton;
 	let t9;
-	if ($[17] !== children || $[18] !== onOpenChange || $[19] !== open || $[20] !== props || $[21] !== rootRef || $[22] !== t6 || $[23] !== t8) {
-		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Root, {
+	if ($[20] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsPanelCollapseButton, { ...t8 });
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== children || $[23] !== onOpenChange || $[24] !== open || $[25] !== props || $[26] !== rootRef || $[27] !== rootStyle || $[28] !== t7 || $[29] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Root, {
 			ref: rootRef,
 			open,
 			onOpenChange,
-			className: t6,
+			className: t7,
+			style: rootStyle,
 			...props,
-			children: [t8, children]
+			children: [t9, children]
 		});
-		$[17] = children;
-		$[18] = onOpenChange;
-		$[19] = open;
-		$[20] = props;
-		$[21] = rootRef;
-		$[22] = t6;
-		$[23] = t8;
-		$[24] = t9;
-	} else t9 = $[24];
-	return t9;
+		$[22] = children;
+		$[23] = onOpenChange;
+		$[24] = open;
+		$[25] = props;
+		$[26] = rootRef;
+		$[27] = rootStyle;
+		$[28] = t7;
+		$[29] = t9;
+		$[30] = t10;
+	} else t10 = $[30];
+	return t10;
 }
 function DsPanelCollapseButton(t0) {
 	const $ = (0, react_compiler_runtime.c)(9);
@@ -14339,10 +14722,13 @@ function DsPanelCollapseButton(t0) {
 	return t3;
 }
 //#endregion
+//#region src/components/ds-panel/index.ts
+const DsPanel = withResponsiveProps(DsPanelBase, ["width"]);
+//#endregion
 //#region src/components/ds-popover/ds-popover.module.scss
 var ds_popover_module_default = {
-	"content": "_content_1g8y0_1",
-	"arrow": "_arrow_1g8y0_1"
+	"arrow": "Xt6oSq_arrow",
+	"content": "Xt6oSq_content"
 };
 //#endregion
 //#region src/components/ds-popover/ds-popover.tsx
@@ -14399,17 +14785,17 @@ const DsPopover = (t0) => {
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.module.scss
 var ds_progress_arc_module_default = {
-	"root": "_root_ba1ec_1",
-	"svg": "_svg_ba1ec_1",
-	"track": "_track_ba1ec_1",
-	"progress": "_progress_ba1ec_1",
-	"default": "_default_ba1ec_1",
-	"success": "_success_ba1ec_1",
-	"error": "_error_ba1ec_1",
-	"center": "_center_ba1ec_1",
-	"iconSuccess": "_iconSuccess_ba1ec_1",
-	"iconError": "_iconError_ba1ec_1",
-	"iconMediumSize": "_iconMediumSize_ba1ec_1"
+	"center": "GIMU2W_center",
+	"default": "GIMU2W_default",
+	"error": "GIMU2W_error",
+	"iconError": "GIMU2W_iconError",
+	"iconMediumSize": "GIMU2W_iconMediumSize",
+	"iconSuccess": "GIMU2W_iconSuccess",
+	"progress": "GIMU2W_progress",
+	"root": "GIMU2W_root",
+	"success": "GIMU2W_success",
+	"svg": "GIMU2W_svg",
+	"track": "GIMU2W_track"
 };
 //#endregion
 //#region src/utils/numbers.ts
@@ -14695,19 +15081,19 @@ const progressArcVariants = [
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.module.scss
 var ds_progress_donut_module_default = {
-	"root": "_root_1ntar_1",
-	"small": "_small_1ntar_1",
-	"medium": "_medium_1ntar_1",
-	"circle": "_circle_1ntar_1",
-	"track": "_track_1ntar_1",
-	"range": "_range_1ntar_1",
-	"default": "_default_1ntar_1",
-	"success": "_success_1ntar_1",
-	"error": "_error_1ntar_1",
-	"center": "_center_1ntar_1",
-	"iconSuccess": "_iconSuccess_1ntar_1",
-	"iconError": "_iconError_1ntar_1",
-	"iconMediumSize": "_iconMediumSize_1ntar_1"
+	"center": "ReKPla_center",
+	"circle": "ReKPla_circle",
+	"default": "ReKPla_default",
+	"error": "ReKPla_error",
+	"iconError": "ReKPla_iconError",
+	"iconMediumSize": "ReKPla_iconMediumSize",
+	"iconSuccess": "ReKPla_iconSuccess",
+	"medium": "ReKPla_medium",
+	"range": "ReKPla_range",
+	"root": "ReKPla_root",
+	"small": "ReKPla_small",
+	"success": "ReKPla_success",
+	"track": "ReKPla_track"
 };
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.tsx
@@ -14829,27 +15215,27 @@ const progressDonutVariants = [
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.module.scss
 var ds_progress_linear_module_default = {
-	"root": "_root_rxcyf_1",
-	"sizeSmall": "_sizeSmall_rxcyf_1",
-	"sizeMedium": "_sizeMedium_rxcyf_1",
-	"sizeLarge": "_sizeLarge_rxcyf_1",
-	"header": "_header_rxcyf_1",
-	"label": "_label_rxcyf_1",
-	"valueText": "_valueText_rxcyf_1",
-	"track": "_track_rxcyf_1",
-	"trackSmall": "_trackSmall_rxcyf_1",
-	"trackMedium": "_trackMedium_rxcyf_1",
-	"trackLarge": "_trackLarge_rxcyf_1",
-	"range": "_range_rxcyf_1",
-	"variantProgress": "_variantProgress_rxcyf_1",
-	"variantInterrupted": "_variantInterrupted_rxcyf_1",
-	"variantSuccess": "_variantSuccess_rxcyf_1",
-	"variantError": "_variantError_rxcyf_1",
-	"caption": "_caption_rxcyf_1",
-	"captionDefault": "_captionDefault_rxcyf_1",
-	"captionSuccess": "_captionSuccess_rxcyf_1",
-	"captionError": "_captionError_rxcyf_1",
-	"captionInterrupted": "_captionInterrupted_rxcyf_1"
+	"caption": "-QFKOG_caption",
+	"captionDefault": "-QFKOG_captionDefault",
+	"captionError": "-QFKOG_captionError",
+	"captionInterrupted": "-QFKOG_captionInterrupted",
+	"captionSuccess": "-QFKOG_captionSuccess",
+	"header": "-QFKOG_header",
+	"label": "-QFKOG_label",
+	"range": "-QFKOG_range",
+	"root": "-QFKOG_root",
+	"sizeLarge": "-QFKOG_sizeLarge",
+	"sizeMedium": "-QFKOG_sizeMedium",
+	"sizeSmall": "-QFKOG_sizeSmall",
+	"track": "-QFKOG_track",
+	"trackLarge": "-QFKOG_trackLarge",
+	"trackMedium": "-QFKOG_trackMedium",
+	"trackSmall": "-QFKOG_trackSmall",
+	"valueText": "-QFKOG_valueText",
+	"variantError": "-QFKOG_variantError",
+	"variantInterrupted": "-QFKOG_variantInterrupted",
+	"variantProgress": "-QFKOG_variantProgress",
+	"variantSuccess": "-QFKOG_variantSuccess"
 };
 //#endregion
 //#region src/components/ds-progress-linear/utils.ts
@@ -15038,13 +15424,13 @@ const progressLinearSizes = [
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.module.scss
 var ds_radio_group_module_default = {
-	"radioGroupRoot": "_radioGroupRoot_g8qjm_1",
-	"radioItemContainer": "_radioItemContainer_g8qjm_1",
-	"labelInfo": "_labelInfo_g8qjm_1",
-	"radioItem": "_radioItem_g8qjm_1",
-	"radioItemWrapper": "_radioItemWrapper_g8qjm_1",
-	"radioIndicator": "_radioIndicator_g8qjm_1",
-	"radioLabel": "_radioLabel_g8qjm_1"
+	"labelInfo": "gJbMxW_labelInfo",
+	"radioGroupRoot": "gJbMxW_radioGroupRoot",
+	"radioIndicator": "gJbMxW_radioIndicator",
+	"radioItem": "gJbMxW_radioItem",
+	"radioItemContainer": "gJbMxW_radioItemContainer",
+	"radioItemWrapper": "gJbMxW_radioItemWrapper",
+	"radioLabel": "gJbMxW_radioLabel"
 };
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.tsx
@@ -15293,11 +15679,11 @@ function _temp$1(option) {
 //#endregion
 //#region src/components/ds-segment-group/ds-segment-group.module.scss
 var ds_segment_group_module_default = {
-	"segmentGroupRoot": "_segmentGroupRoot_1sd0t_1",
-	"small": "_small_1sd0t_1",
-	"segmentItem": "_segmentItem_1sd0t_1",
-	"segmentItemText": "_segmentItemText_1sd0t_1",
-	"segmentIndicator": "_segmentIndicator_1sd0t_1"
+	"segmentGroupRoot": "iME0Wq_segmentGroupRoot",
+	"segmentIndicator": "iME0Wq_segmentIndicator",
+	"segmentItem": "iME0Wq_segmentItem",
+	"segmentItemText": "iME0Wq_segmentItemText",
+	"small": "iME0Wq_small"
 };
 //#endregion
 //#region src/components/ds-segment-group/ds-segment-group.tsx
@@ -15561,14 +15947,14 @@ const radiusMap = Object.freeze({
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.module.scss
 var ds_skeleton_module_default = {
-	"skeleton": "_skeleton_14v2k_1",
-	"shimmer": "_shimmer_14v2k_1",
-	"gray": "_gray_14v2k_1",
-	"blue": "_blue_14v2k_1",
-	"text": "_text_14v2k_1",
-	"circle": "_circle_14v2k_1",
-	"rectangle": "_rectangle_14v2k_1",
-	"container": "_container_14v2k_1"
+	"blue": "ARmapW_blue",
+	"circle": "ARmapW_circle",
+	"container": "ARmapW_container",
+	"gray": "ARmapW_gray",
+	"rectangle": "ARmapW_rectangle",
+	"shimmer": "ARmapW_shimmer",
+	"skeleton": "ARmapW_skeleton",
+	"text": "ARmapW_text"
 };
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-text.tsx
@@ -15758,14 +16144,14 @@ var ds_skeleton_default = {
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.module.scss
 var ds_smart_tabs_module_default = {
-	"container": "_container_fu70w_1",
-	"tab": "_tab_fu70w_1",
-	"active": "_active_fu70w_1",
-	"icon": "_icon_fu70w_1",
-	"value": "_value_fu70w_1",
-	"disabled": "_disabled_fu70w_1",
-	"label": "_label_fu70w_1",
-	"content": "_content_fu70w_1"
+	"active": "yjt8Lq_active",
+	"container": "yjt8Lq_container",
+	"content": "yjt8Lq_content",
+	"disabled": "yjt8Lq_disabled",
+	"icon": "yjt8Lq_icon",
+	"label": "yjt8Lq_label",
+	"tab": "yjt8Lq_tab",
+	"value": "yjt8Lq_value"
 };
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.tsx
@@ -16020,144 +16406,225 @@ const colors = [
 	"amber"
 ];
 //#endregion
-//#region src/components/ds-spinner/ds-spinner.module.scss
-var ds_spinner_module_default = {
-	"spinnerContainer": "_spinnerContainer_vr3r7_1",
-	"progressCircle": "_progressCircle_vr3r7_1",
-	"spin": "_spin_vr3r7_1",
-	"progressArc": "_progressArc_vr3r7_1"
+//#region src/components/ds-split-button/ds-split-button.module.scss
+var ds_split_button_module_default = {
+	"actionButton": "g58dcq_actionButton",
+	"divider": "g58dcq_divider",
+	"dividerAnchor": "g58dcq_dividerAnchor",
+	"dividerWrapper": "g58dcq_dividerWrapper",
+	"root": "g58dcq_root",
+	"select": "g58dcq_select"
 };
 //#endregion
-//#region src/components/ds-spinner/ds-spinner.tsx
-const sizeMap = {
-	small: 50,
-	medium: 75,
-	large: 100
-};
-const widthMap = {
-	small: 4,
-	medium: 7,
-	large: 9
-};
-/**
-* Design system Spinner component
-*/
-const DsSpinner = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(25);
-	let className;
-	let props;
-	let t1;
-	let t2;
-	if ($[0] !== t0) {
-		({size: t1, className, style: t2, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-		$[3] = t1;
-		$[4] = t2;
+//#region src/components/ds-split-button/ds-split-button.tsx
+const DsSplitButton$1 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(33);
+	const { ref, className, style, size: t1, disabled, slotProps } = t0;
+	const size = t1 === void 0 ? "medium" : t1;
+	let buttonClassName;
+	let buttonDisabled;
+	let buttonProps;
+	if ($[0] !== slotProps.button) {
+		({className: buttonClassName, disabled: buttonDisabled, ...buttonProps} = slotProps.button);
+		$[0] = slotProps.button;
+		$[1] = buttonClassName;
+		$[2] = buttonDisabled;
+		$[3] = buttonProps;
 	} else {
-		className = $[1];
-		props = $[2];
-		t1 = $[3];
-		t2 = $[4];
+		buttonClassName = $[1];
+		buttonDisabled = $[2];
+		buttonProps = $[3];
 	}
-	const size = t1 === void 0 ? "medium" : t1;
-	let t3;
-	if ($[5] !== t2) {
-		t3 = t2 === void 0 ? {} : t2;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	const style = t3;
-	const actualSize = sizeMap[size];
-	const actualWidth = widthMap[size];
-	const radius = (actualSize - actualWidth) / 2;
-	const circumference = 2 * Math.PI * radius;
-	const strokeDasharray = `${String(.25 * circumference)} ${String(circumference)}`;
+	let selectClassName;
+	let selectDisabled;
+	let selectProps;
+	if ($[4] !== slotProps.select) {
+		({className: selectClassName, disabled: selectDisabled, ...selectProps} = slotProps.select);
+		$[4] = slotProps.select;
+		$[5] = selectClassName;
+		$[6] = selectDisabled;
+		$[7] = selectProps;
+	} else {
+		selectClassName = $[5];
+		selectDisabled = $[6];
+		selectProps = $[7];
+	}
+	let t2;
+	if ($[8] !== className) {
+		t2 = (0, classnames.default)(ds_split_button_module_default.root, className);
+		$[8] = className;
+		$[9] = t2;
+	} else t2 = $[9];
+	const t3 = buttonDisabled ?? disabled;
 	let t4;
-	if ($[7] !== className) {
-		t4 = (0, classnames.default)(ds_spinner_module_default.spinnerContainer, className);
-		$[7] = className;
-		$[8] = t4;
-	} else t4 = $[8];
+	if ($[10] !== buttonClassName) {
+		t4 = (0, classnames.default)(ds_split_button_module_default.actionButton, buttonClassName);
+		$[10] = buttonClassName;
+		$[11] = t4;
+	} else t4 = $[11];
 	let t5;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = (0, classnames.default)(ds_spinner_module_default.progressCircle, ds_spinner_module_default.spin);
-		$[9] = t5;
-	} else t5 = $[9];
-	const t6 = `0 0 ${String(actualSize)} ${String(actualSize)}`;
-	const t7 = actualSize / 2;
-	const t8 = actualSize / 2;
-	let t9;
-	if ($[10] !== actualWidth || $[11] !== radius || $[12] !== strokeDasharray || $[13] !== t7 || $[14] !== t8) {
-		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-			className: ds_spinner_module_default.progressArc,
-			cx: t7,
-			cy: t8,
-			r: radius,
-			fill: "none",
-			strokeWidth: actualWidth,
-			strokeDasharray,
-			strokeLinecap: "round"
+	if ($[12] !== buttonProps || $[13] !== size || $[14] !== t3 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsButtonV3, {
+			...buttonProps,
+			variant: "secondary",
+			size,
+			disabled: t3,
+			className: t4
 		});
-		$[10] = actualWidth;
-		$[11] = radius;
-		$[12] = strokeDasharray;
-		$[13] = t7;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== actualSize || $[17] !== t6 || $[18] !== t9) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			className: t5,
-			width: actualSize,
-			height: actualSize,
-			viewBox: t6,
-			children: t9
+		$[12] = buttonProps;
+		$[13] = size;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: ds_split_button_module_default.dividerAnchor,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ds_split_button_module_default.dividerWrapper,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: ds_split_button_module_default.divider })
+			})
 		});
-		$[16] = actualSize;
 		$[17] = t6;
-		$[18] = t9;
-		$[19] = t10;
-	} else t10 = $[19];
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== size) {
+		t7 = getSelectSize(size);
+		$[18] = size;
+		$[19] = t7;
+	} else t7 = $[19];
+	const t8 = selectDisabled ?? disabled;
+	let t9;
+	if ($[20] !== selectClassName) {
+		t9 = (0, classnames.default)(ds_split_button_module_default.select, selectClassName);
+		$[20] = selectClassName;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== selectProps || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsSelect, {
+			...selectProps,
+			size: t7,
+			disabled: t8,
+			className: t9
+		});
+		$[22] = selectProps;
+		$[23] = t7;
+		$[24] = t8;
+		$[25] = t9;
+		$[26] = t10;
+	} else t10 = $[26];
 	let t11;
-	if ($[20] !== props || $[21] !== style || $[22] !== t10 || $[23] !== t4) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: t4,
+	if ($[27] !== ref || $[28] !== style || $[29] !== t10 || $[30] !== t2 || $[31] !== t5) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref,
+			className: t2,
 			style,
-			...props,
-			children: t10
+			children: [
+				t5,
+				t6,
+				t10
+			]
 		});
-		$[20] = props;
-		$[21] = style;
-		$[22] = t10;
-		$[23] = t4;
-		$[24] = t11;
-	} else t11 = $[24];
+		$[27] = ref;
+		$[28] = style;
+		$[29] = t10;
+		$[30] = t2;
+		$[31] = t5;
+		$[32] = t11;
+	} else t11 = $[32];
 	return t11;
 };
+const getSelectSize = (size) => {
+	return size === "medium" ? "default" : "small";
+};
 //#endregion
-//#region src/components/ds-spinner/ds-spinner.types.ts
-const spinnerSizes = [
-	"small",
-	"medium",
-	"large"
-];
+//#region src/components/ds-split-button/ds-split-button.types.ts
+const splitButtonSizes = ["medium", "small"];
+//#endregion
+//#region src/components/ds-split-button/index.ts
+const DsSplitButton = withResponsiveProps(DsSplitButton$1, ["size"]);
+DsSplitButton.displayName = "DsSplitButton";
+//#endregion
+//#region src/components/ds-stack/ds-stack.module.scss
+var ds_stack_module_default = { "root": "efmmNG_root" };
+//#endregion
+//#region src/components/ds-stack/ds-stack.tsx
+const DsStack$1 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(16);
+	const { direction, gap, alignItems, justifyContent, flex, flexWrap, width, children, className, style, ref } = t0;
+	let t1;
+	if ($[0] !== alignItems || $[1] !== direction || $[2] !== flex || $[3] !== flexWrap || $[4] !== gap || $[5] !== justifyContent || $[6] !== style || $[7] !== width) {
+		t1 = {
+			flexDirection: direction,
+			gap,
+			alignItems,
+			justifyContent,
+			flex,
+			flexWrap,
+			width,
+			...style
+		};
+		$[0] = alignItems;
+		$[1] = direction;
+		$[2] = flex;
+		$[3] = flexWrap;
+		$[4] = gap;
+		$[5] = justifyContent;
+		$[6] = style;
+		$[7] = width;
+		$[8] = t1;
+	} else t1 = $[8];
+	const layoutStyle = t1;
+	let t2;
+	if ($[9] !== className) {
+		t2 = (0, classnames.default)(ds_stack_module_default.root, className);
+		$[9] = className;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== children || $[12] !== layoutStyle || $[13] !== ref || $[14] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: t2,
+			style: layoutStyle,
+			children
+		});
+		$[11] = children;
+		$[12] = layoutStyle;
+		$[13] = ref;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
+};
+//#endregion
+//#region src/components/ds-stack/index.ts
+const DsStack = withResponsiveProps(DsStack$1, [
+	"direction",
+	"gap",
+	"alignItems",
+	"justifyContent",
+	"flex",
+	"flexWrap",
+	"width"
+]);
+DsStack.displayName = "DsStack";
 //#endregion
 //#region src/components/ds-status-badge/ds-status-badge.module.scss
 var ds_status_badge_module_default = {
-	"container": "_container_vth0x_1",
-	"small": "_small_vth0x_1",
-	"active": "_active_vth0x_1",
-	"label": "_label_vth0x_1",
-	"ghost": "_ghost_vth0x_1",
-	"running": "_running_vth0x_1",
-	"pending": "_pending_vth0x_1",
-	"draft": "_draft_vth0x_1",
-	"inactive": "_inactive_vth0x_1",
-	"warning": "_warning_vth0x_1",
-	"failed": "_failed_vth0x_1"
+	"active": "U5k6UG_active",
+	"container": "U5k6UG_container",
+	"draft": "U5k6UG_draft",
+	"failed": "U5k6UG_failed",
+	"ghost": "U5k6UG_ghost",
+	"inactive": "U5k6UG_inactive",
+	"label": "U5k6UG_label",
+	"pending": "U5k6UG_pending",
+	"running": "U5k6UG_running",
+	"small": "U5k6UG_small",
+	"warning": "U5k6UG_warning"
 };
 //#endregion
 //#region src/components/ds-status-badge/ds-status-badge.tsx
@@ -16227,24 +16694,24 @@ const DsStatusBadge = (t0) => {
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.module.scss
 var ds_stepper_module_default = {
-	"dragHandle": "_dragHandle_xy15l_1",
-	"root": "_root_xy15l_1",
-	"floating": "_floating_xy15l_1",
-	"verticalActions": "_verticalActions_xy15l_1",
-	"step": "_step_xy15l_1",
-	"variantSingle": "_variantSingle_xy15l_1",
-	"indicatorContainer": "_indicatorContainer_xy15l_1",
-	"indicator": "_indicator_xy15l_1",
-	"separator": "_separator_xy15l_1",
-	"stepContent": "_stepContent_xy15l_1",
-	"stepContentSingle": "_stepContentSingle_xy15l_1",
-	"stepLabel": "_stepLabel_xy15l_1",
-	"stepDescription": "_stepDescription_xy15l_1",
-	"stepActions": "_stepActions_xy15l_1",
-	"stepsContainer": "_stepsContainer_xy15l_1",
-	"horizontalActions": "_horizontalActions_xy15l_1",
-	"stepLabelRow": "_stepLabelRow_xy15l_1",
-	"horizontalSeparator": "_horizontalSeparator_xy15l_1"
+	"dragHandle": "kFAdma_dragHandle",
+	"floating": "kFAdma_floating",
+	"horizontalActions": "kFAdma_horizontalActions",
+	"horizontalSeparator": "kFAdma_horizontalSeparator",
+	"indicator": "kFAdma_indicator",
+	"indicatorContainer": "kFAdma_indicatorContainer",
+	"root": "kFAdma_root",
+	"separator": "kFAdma_separator",
+	"step": "kFAdma_step",
+	"stepActions": "kFAdma_stepActions",
+	"stepContent": "kFAdma_stepContent",
+	"stepContentSingle": "kFAdma_stepContentSingle",
+	"stepDescription": "kFAdma_stepDescription",
+	"stepLabel": "kFAdma_stepLabel",
+	"stepLabelRow": "kFAdma_stepLabelRow",
+	"stepsContainer": "kFAdma_stepsContainer",
+	"variantSingle": "kFAdma_variantSingle",
+	"verticalActions": "kFAdma_verticalActions"
 };
 //#endregion
 //#region src/components/ds-stepper/hooks/use-steps.ts
@@ -16717,16 +17184,16 @@ function DsNextStepButton(t0) {
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.module.scss
 var ds_system_status_module_default = {
-	"container": "_container_1cszu_1",
-	"dot": "_dot_1cszu_1",
-	"label": "_label_1cszu_1",
-	"healthy": "_healthy_1cszu_1",
-	"neutral": "_neutral_1cszu_1",
-	"error": "_error_1cszu_1",
-	"in-progress": "_in-progress_1cszu_1",
-	"pending": "_pending_1cszu_1",
-	"alert": "_alert_1cszu_1",
-	"disabled": "_disabled_1cszu_1"
+	"alert": "yTm6PW_alert",
+	"container": "yTm6PW_container",
+	"disabled": "yTm6PW_disabled",
+	"dot": "yTm6PW_dot",
+	"error": "yTm6PW_error",
+	"healthy": "yTm6PW_healthy",
+	"in-progress": "yTm6PW_in-progress",
+	"label": "yTm6PW_label",
+	"neutral": "yTm6PW_neutral",
+	"pending": "yTm6PW_pending"
 };
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.tsx
@@ -16945,10 +17412,10 @@ function createCheckboxFilterAdapter(config) {
 //#endregion
 //#region src/components/ds-table/filters/components/range-filter/range-filter.module.scss
 var range_filter_module_default = {
-	"container": "_container_13tjl_1",
-	"header": "_header_13tjl_1",
-	"inputs": "_inputs_13tjl_1",
-	"inputGroup": "_inputGroup_13tjl_1"
+	"container": "GOodNW_container",
+	"header": "GOodNW_header",
+	"inputGroup": "GOodNW_inputGroup",
+	"inputs": "GOodNW_inputs"
 };
 //#endregion
 //#region src/components/ds-table/filters/components/range-filter/range-filter.tsx
@@ -17225,11 +17692,11 @@ function useTableFilters({ filterAdapters, baseColumns, appliedFilters: external
 //#endregion
 //#region src/components/ds-table/components/core-table/core-table.module.scss
 var core_table_module_default = {
-	"table": "_table_9wtya_1",
-	"tableFooter": "_tableFooter_9wtya_1",
-	"tableHead": "_tableHead_9wtya_1",
-	"tableCell": "_tableCell_9wtya_1",
-	"tableCaption": "_tableCaption_9wtya_1"
+	"table": "JP3Vta_table",
+	"tableCaption": "JP3Vta_tableCaption",
+	"tableCell": "JP3Vta_tableCell",
+	"tableFooter": "JP3Vta_tableFooter",
+	"tableHead": "JP3Vta_tableHead"
 };
 //#endregion
 //#region src/components/ds-table/components/core-table/core-table.tsx
@@ -17283,19 +17750,18 @@ TableCaption.displayName = "TableCaption";
 //#endregion
 //#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss
 var ds_table_bulk_actions_module_default = {
-	"bulkActionsContainer": "_bulkActionsContainer_15vel_1",
-	"entering": "_entering_15vel_1",
-	"slideUpFadeIn": "_slideUpFadeIn_15vel_1",
-	"exiting": "_exiting_15vel_1",
-	"slideDownFadeOut": "_slideDownFadeOut_15vel_1",
-	"bulkActionsContent": "_bulkActionsContent_15vel_1",
-	"selectedCountContainer": "_selectedCountContainer_15vel_1",
-	"selectedCountBadge": "_selectedCountBadge_15vel_1",
-	"bulkActionsInfo": "_bulkActionsInfo_15vel_1",
-	"bulkActionsActions": "_bulkActionsActions_15vel_1",
-	"actionButton": "_actionButton_15vel_1",
-	"actionButtonContent": "_actionButtonContent_15vel_1",
-	"escapeButtonContent": "_escapeButtonContent_15vel_1"
+	"actionButton": "_83F9-G_actionButton",
+	"bulkActionsActions": "_83F9-G_bulkActionsActions",
+	"bulkActionsContainer": "_83F9-G_bulkActionsContainer",
+	"bulkActionsContent": "_83F9-G_bulkActionsContent",
+	"bulkActionsInfo": "_83F9-G_bulkActionsInfo",
+	"entering": "_83F9-G_entering",
+	"escapeButtonContent": "_83F9-G_escapeButtonContent",
+	"exiting": "_83F9-G_exiting",
+	"selectedCountBadge": "_83F9-G_selectedCountBadge",
+	"selectedCountContainer": "_83F9-G_selectedCountContainer",
+	"slideDownFadeOut": "_83F9-G_slideDownFadeOut",
+	"slideUpFadeIn": "_83F9-G_slideUpFadeIn"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx
@@ -17360,33 +17826,33 @@ const DsTableBulkActions = ({ numSelectedRows, actions, onClearSelection }) => {
 //#endregion
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.module.scss
 var ds_table_header_module_default = {
-	"stickyHeader": "_stickyHeader_y7036_1",
-	"virtualizedHeader": "_virtualizedHeader_y7036_1",
-	"headerRow": "_headerRow_y7036_1",
-	"headerCell": "_headerCell_y7036_1",
-	"selectColumn": "_selectColumn_y7036_1",
-	"headerRowNoBorder": "_headerRowNoBorder_y7036_1",
-	"headerRowVirtualized": "_headerRowVirtualized_y7036_1",
-	"reorderColumn": "_reorderColumn_y7036_1",
-	"expandColumn": "_expandColumn_y7036_1",
-	"sortableHeader": "_sortableHeader_y7036_1",
-	"pageButtonIconContainer": "_pageButtonIconContainer_y7036_1",
-	"pageButtonIcon": "_pageButtonIcon_y7036_1",
-	"headerSortContainer": "_headerSortContainer_y7036_1"
+	"expandColumn": "-2rCNG_expandColumn",
+	"headerCell": "-2rCNG_headerCell",
+	"headerRow": "-2rCNG_headerRow",
+	"headerRowNoBorder": "-2rCNG_headerRowNoBorder",
+	"headerRowVirtualized": "-2rCNG_headerRowVirtualized",
+	"headerSortContainer": "-2rCNG_headerSortContainer",
+	"pageButtonIcon": "-2rCNG_pageButtonIcon",
+	"pageButtonIconContainer": "-2rCNG_pageButtonIconContainer",
+	"reorderColumn": "-2rCNG_reorderColumn",
+	"selectColumn": "-2rCNG_selectColumn",
+	"sortableHeader": "-2rCNG_sortableHeader",
+	"stickyHeader": "-2rCNG_stickyHeader",
+	"virtualizedHeader": "-2rCNG_virtualizedHeader"
 };
 //#endregion
 //#region src/components/ds-table/styles/shared/ds-table-shared.module.scss
 var ds_table_shared_module_default = {
-	"rotate": "_rotate_1vhho_1",
-	"pageButtonIcon": "_pageButtonIcon_1vhho_1",
-	"rotate-45": "_rotate-45_1vhho_1",
-	"rotate-90": "_rotate-90_1vhho_1",
-	"rotate-135": "_rotate-135_1vhho_1",
-	"rotate-180": "_rotate-180_1vhho_1",
-	"rotate-225": "_rotate-225_1vhho_1",
-	"rotate-270": "_rotate-270_1vhho_1",
-	"rotate-315": "_rotate-315_1vhho_1",
-	"checkboxContainer": "_checkboxContainer_1vhho_1"
+	"checkboxContainer": "WQ6Axa_checkboxContainer",
+	"pageButtonIcon": "WQ6Axa_pageButtonIcon",
+	"rotate": "WQ6Axa_rotate",
+	"rotate-135": "WQ6Axa_rotate-135",
+	"rotate-180": "WQ6Axa_rotate-180",
+	"rotate-225": "WQ6Axa_rotate-225",
+	"rotate-270": "WQ6Axa_rotate-270",
+	"rotate-315": "WQ6Axa_rotate-315",
+	"rotate-45": "WQ6Axa_rotate-45",
+	"rotate-90": "WQ6Axa_rotate-90"
 };
 //#endregion
 //#region src/components/ds-table/context/ds-table-context.ts
@@ -17465,32 +17931,33 @@ const DsTableHeader = ({ table }) => {
 //#endregion
 //#region src/components/ds-table/ds-table.module.scss
 var ds_table_module_default = {
-	"rotate": "_rotate_11iga_1",
-	"rotate-45": "_rotate-45_11iga_1",
-	"rotate-90": "_rotate-90_11iga_1",
-	"rotate-135": "_rotate-135_11iga_1",
-	"rotate-180": "_rotate-180_11iga_1",
-	"rotate-225": "_rotate-225_11iga_1",
-	"rotate-270": "_rotate-270_11iga_1",
-	"rotate-315": "_rotate-315_11iga_1",
-	"container": "_container_11iga_1",
-	"dataTableContainer": "_dataTableContainer_11iga_1",
-	"table": "_table_11iga_1",
-	"tableNoBorder": "_tableNoBorder_11iga_1",
-	"fullWidth": "_fullWidth_11iga_1",
-	"emptyState": "_emptyState_11iga_1",
-	"virtualized": "_virtualized_11iga_1",
-	"virtualizedContainer": "_virtualizedContainer_11iga_1"
+	"bulkActionsVisible": "iL9mtW_bulkActionsVisible",
+	"container": "iL9mtW_container",
+	"dataTableContainer": "iL9mtW_dataTableContainer",
+	"emptyState": "iL9mtW_emptyState",
+	"fullWidth": "iL9mtW_fullWidth",
+	"rotate": "iL9mtW_rotate",
+	"rotate-135": "iL9mtW_rotate-135",
+	"rotate-180": "iL9mtW_rotate-180",
+	"rotate-225": "iL9mtW_rotate-225",
+	"rotate-270": "iL9mtW_rotate-270",
+	"rotate-315": "iL9mtW_rotate-315",
+	"rotate-45": "iL9mtW_rotate-45",
+	"rotate-90": "iL9mtW_rotate-90",
+	"table": "iL9mtW_table",
+	"tableNoBorder": "iL9mtW_tableNoBorder",
+	"virtualized": "iL9mtW_virtualized",
+	"virtualizedContainer": "iL9mtW_virtualizedContainer"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss
 var ds_table_cell_module_default = {
-	"tableCellEllipsis": "_tableCellEllipsis_xj9ef_1",
-	"lastCell": "_lastCell_xj9ef_1",
-	"cellActions": "_cellActions_xj9ef_1",
-	"rowActionIcon": "_rowActionIcon_xj9ef_1",
-	"disabled": "_disabled_xj9ef_1",
-	"secondaryActionsTrigger": "_secondaryActionsTrigger_xj9ef_1"
+	"cellActions": "UprPSq_cellActions",
+	"disabled": "UprPSq_disabled",
+	"lastCell": "UprPSq_lastCell",
+	"rowActionIcon": "UprPSq_rowActionIcon",
+	"secondaryActionsTrigger": "UprPSq_secondaryActionsTrigger",
+	"tableCellEllipsis": "UprPSq_tableCellEllipsis"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx
@@ -17560,7 +18027,7 @@ const DsTableCell = ({ row, cell, primaryRowActions = [], secondaryRowActions =
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.module.scss
-var ds_table_row_selectable_cell_module_default = { "cell": "_cell_1da1f_1" };
+var ds_table_row_selectable_cell_module_default = { "cell": "BxP8ta_cell" };
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.tsx
 const DsTableRowSelectableCell = ({ row, isSelected, className }) => {
@@ -17583,8 +18050,8 @@ const DsTableRowSelectableCell = ({ row, isSelected, className }) => {
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.module.scss
 var ds_table_row_expandable_cell_module_default = {
-	"cell": "_cell_riuvn_1",
-	"button": "_button_riuvn_1"
+	"button": "enUIjW_button",
+	"cell": "enUIjW_cell"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.tsx
@@ -17617,21 +18084,21 @@ const DsTableRowExpandableCell = ({ row, className, buttonClassName }) => {
 //#endregion
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.module.scss
 var ds_table_row_module_default = {
-	"tableRow": "_tableRow_3a8wk_1",
-	"tableCell": "_tableCell_3a8wk_1",
-	"selectableCell": "_selectableCell_3a8wk_1",
-	"expandableCell": "_expandableCell_3a8wk_1",
-	"clickableRow": "_clickableRow_3a8wk_1",
-	"rowNoBorder": "_rowNoBorder_3a8wk_1",
-	"expanded": "_expanded_3a8wk_1",
-	"expandedRow": "_expandedRow_3a8wk_1",
-	"sizeSmall": "_sizeSmall_3a8wk_1",
-	"sizeMedium": "_sizeMedium_3a8wk_1",
-	"sizeLarge": "_sizeLarge_3a8wk_1",
-	"cellReorder": "_cellReorder_3a8wk_1",
-	"isDragging": "_isDragging_3a8wk_1",
-	"rowDragHandle": "_rowDragHandle_3a8wk_1",
-	"expandToggleButton": "_expandToggleButton_3a8wk_1"
+	"cellReorder": "t8OZCq_cellReorder",
+	"clickableRow": "t8OZCq_clickableRow",
+	"expandableCell": "t8OZCq_expandableCell",
+	"expanded": "t8OZCq_expanded",
+	"expandedRow": "t8OZCq_expandedRow",
+	"expandToggleButton": "t8OZCq_expandToggleButton",
+	"isDragging": "t8OZCq_isDragging",
+	"rowDragHandle": "t8OZCq_rowDragHandle",
+	"rowNoBorder": "t8OZCq_rowNoBorder",
+	"selectableCell": "t8OZCq_selectableCell",
+	"sizeLarge": "t8OZCq_sizeLarge",
+	"sizeMedium": "t8OZCq_sizeMedium",
+	"sizeSmall": "t8OZCq_sizeSmall",
+	"tableCell": "t8OZCq_tableCell",
+	"tableRow": "t8OZCq_tableRow"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
@@ -17768,24 +18235,24 @@ function useDragAndDrop({ isDragEnabled, onOrderChange, items }) {
 //#endregion
 //#region src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.module.scss
 var ds_table_body_virtualized_module_default = {
-	"body": "_body_136uf_1",
-	"emptyState": "_emptyState_136uf_1"
+	"body": "vRRk8q_body",
+	"emptyState": "vRRk8q_emptyState"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.module.scss
 var ds_table_row_virtualized_module_default = {
-	"row": "_row_1tynu_1",
-	"expandedRowContent": "_expandedRowContent_1tynu_1",
-	"clickableRow": "_clickableRow_1tynu_1",
-	"rowNoBorder": "_rowNoBorder_1tynu_1",
-	"expanded": "_expanded_1tynu_1",
-	"expandedRow": "_expandedRow_1tynu_1",
-	"sizeSmall": "_sizeSmall_1tynu_1",
-	"sizeMedium": "_sizeMedium_1tynu_1",
-	"sizeLarge": "_sizeLarge_1tynu_1",
-	"cell": "_cell_1tynu_1",
-	"selectableCell": "_selectableCell_1tynu_1",
-	"expandableCell": "_expandableCell_1tynu_1"
+	"cell": "NcME7q_cell",
+	"clickableRow": "NcME7q_clickableRow",
+	"expandableCell": "NcME7q_expandableCell",
+	"expanded": "NcME7q_expanded",
+	"expandedRow": "NcME7q_expandedRow",
+	"expandedRowContent": "NcME7q_expandedRowContent",
+	"row": "NcME7q_row",
+	"rowNoBorder": "NcME7q_rowNoBorder",
+	"selectableCell": "NcME7q_selectableCell",
+	"sizeLarge": "NcME7q_sizeLarge",
+	"sizeMedium": "NcME7q_sizeMedium",
+	"sizeSmall": "NcME7q_sizeSmall"
 };
 //#endregion
 //#region src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.tsx
@@ -18034,6 +18501,7 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		children: emptyState || "No results."
 	}) });
 	const selectedRows = Object.entries(rowSelection).filter(([, selected]) => selected).map(([key]) => rowsById[key]?.original).filter((v) => !!v);
+	const isBulkActionsVisible = selectable && actions.length > 0 && selectedRows.length > 0;
 	const contextValue = {
 		stickyHeader,
 		bordered,
@@ -18055,7 +18523,7 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		value: contextValue,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			ref: tableContainerRef,
-			className: (0, classnames.default)(ds_table_module_default.container, !virtualized && ds_table_module_default.dataTableContainer, virtualized && ds_table_module_default.virtualizedContainer, className),
+			className: (0, classnames.default)(ds_table_module_default.container, !virtualized && ds_table_module_default.dataTableContainer, virtualized && ds_table_module_default.virtualizedContainer, isBulkActionsVisible && ds_table_module_default.bulkActionsVisible, className),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Table, {
 				className: (0, classnames.default)(fullWidth && ds_table_module_default.fullWidth, !bordered && ds_table_module_default.tableNoBorder, virtualized && ds_table_module_default.virtualized),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableHeader, { table }), virtualized ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsTableBodyVirtualized, {
@@ -18084,10 +18552,13 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 //#endregion
 //#region src/components/ds-toast/ds-toast.module.scss
 var ds_toast_module_default = {
-	"slide-in": "_slide-in_17obg_1",
-	"fade-out": "_fade-out_17obg_1",
-	"actions": "_actions_17obg_1",
-	"icon": "_icon_17obg_1"
+	"actions": "O8eZtG_actions",
+	"close": "O8eZtG_close",
+	"description": "O8eZtG_description",
+	"fade-out": "O8eZtG_fade-out",
+	"icon": "O8eZtG_icon",
+	"slide-in": "O8eZtG_slide-in",
+	"title": "O8eZtG_title"
 };
 //#endregion
 //#region src/components/ds-toast/ds-toast.tsx
@@ -18284,12 +18755,12 @@ const useToaster = () => {
 //#endregion
 //#region src/components/ds-toggle/ds-toggle.module.scss
 var ds_toggle_module_default = {
-	"root": "_root_warw8_1",
-	"small": "_small_warw8_1",
-	"iconCheck": "_iconCheck_warw8_1",
-	"iconClose": "_iconClose_warw8_1",
-	"labelInfo": "_labelInfo_warw8_1",
-	"icon": "_icon_warw8_1"
+	"icon": "gh4b1G_icon",
+	"iconCheck": "gh4b1G_iconCheck",
+	"iconClose": "gh4b1G_iconClose",
+	"labelInfo": "gh4b1G_labelInfo",
+	"root": "gh4b1G_root",
+	"small": "gh4b1G_small"
 };
 //#endregion
 //#region src/components/ds-toggle/ds-toggle.tsx
@@ -18471,24 +18942,24 @@ const DsToggle = (t0) => {
 //#endregion
 //#region src/components/ds-tree/ds-tree.module.scss
 var ds_tree_module_default = {
-	"root": "_root_lqfdm_1",
-	"branchControl": "_branchControl_lqfdm_1",
-	"item": "_item_lqfdm_1",
-	"branchText": "_branchText_lqfdm_1",
-	"itemText": "_itemText_lqfdm_1",
-	"tree": "_tree_lqfdm_1",
-	"branch": "_branch_lqfdm_1",
-	"itemAction": "_itemAction_lqfdm_1",
-	"branchIndicator": "_branchIndicator_lqfdm_1",
-	"branchContent": "_branchContent_lqfdm_1",
-	"ds-tree-expand": "_ds-tree-expand_lqfdm_1",
-	"ds-tree-collapse": "_ds-tree-collapse_lqfdm_1",
-	"branchIndentGuide": "_branchIndentGuide_lqfdm_1",
-	"itemIndicator": "_itemIndicator_lqfdm_1",
-	"itemDot": "_itemDot_lqfdm_1",
-	"nodeCheckbox": "_nodeCheckbox_lqfdm_1",
-	"nodeCheckboxBox": "_nodeCheckboxBox_lqfdm_1",
-	"nodeCheckboxIndicator": "_nodeCheckboxIndicator_lqfdm_1"
+	"branch": "hz88NG_branch",
+	"branchContent": "hz88NG_branchContent",
+	"branchControl": "hz88NG_branchControl",
+	"branchIndentGuide": "hz88NG_branchIndentGuide",
+	"branchIndicator": "hz88NG_branchIndicator",
+	"branchText": "hz88NG_branchText",
+	"ds-tree-collapse": "hz88NG_ds-tree-collapse",
+	"ds-tree-expand": "hz88NG_ds-tree-expand",
+	"item": "hz88NG_item",
+	"itemAction": "hz88NG_itemAction",
+	"itemDot": "hz88NG_itemDot",
+	"itemIndicator": "hz88NG_itemIndicator",
+	"itemText": "hz88NG_itemText",
+	"nodeCheckbox": "hz88NG_nodeCheckbox",
+	"nodeCheckboxBox": "hz88NG_nodeCheckboxBox",
+	"nodeCheckboxIndicator": "hz88NG_nodeCheckboxIndicator",
+	"root": "hz88NG_root",
+	"tree": "hz88NG_tree"
 };
 //#endregion
 //#region src/components/ds-tree/ds-tree.tsx
@@ -18907,9 +19378,9 @@ const createDsTreeCollection = (nodes) => (0, _ark_ui_react_tree_view.createTree
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.module.scss
 var ds_vertical_tabs_module_default = {
-	"tabList": "_tabList_n5n19_1",
-	"tabItem": "_tabItem_n5n19_1",
-	"selected": "_selected_n5n19_1"
+	"selected": "xVkVWa_selected",
+	"tabItem": "xVkVWa_tabItem",
+	"tabList": "xVkVWa_tabList"
 };
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.tsx
@@ -19038,12 +19509,14 @@ DsVerticalTabs.List = DsVerticalTabsList;
 DsVerticalTabs.Tab = DsVerticalTabsTab;
 DsVerticalTabs.Content = DsVerticalTabsContent;
 //#endregion
+exports.BREAKPOINT_LG = BREAKPOINT_LG;
 exports.DsAlertBanner = DsAlertBanner;
 exports.DsAutocomplete = DsAutocomplete;
 exports.DsAvatar = DsAvatar;
 exports.DsAvatarGroup = DsAvatarGroup;
 exports.DsBreadcrumb = DsBreadcrumb;
 exports.DsButton = DsButton;
+exports.DsButtonV3 = DsButtonV3;
 exports.DsCard = DsCard;
 exports.DsCheckbox = DsCheckbox;
 exports.DsChip = DsChip;
@@ -19090,6 +19563,8 @@ exports.DsSkeletonRect = DsSkeletonRect;
 exports.DsSkeletonText = DsSkeletonText;
 exports.DsSmartTabs = DsSmartTabs;
 exports.DsSpinner = DsSpinner;
+exports.DsSplitButton = DsSplitButton;
+exports.DsStack = DsStack;
 exports.DsStatusBadge = DsStatusBadge;
 exports.DsStep = DsStep;
 exports.DsStepContent = DsStepContent;
@@ -19114,6 +19589,10 @@ exports.FileUpload = FileUpload;
 exports.FileUploadError = FileUploadError;
 exports.RetryableFileUploadError = RetryableFileUploadError;
 exports.alertBannerVariants = alertBannerVariants;
+exports.breakpoints = breakpoints;
+exports.buttonV3Colors = buttonV3Colors;
+exports.buttonV3Sizes = buttonV3Sizes;
+exports.buttonV3Variants = buttonV3Variants;
 exports.cardSizes = cardSizes;
 exports.checkboxVariants = checkboxVariants;
 exports.colors = colors;
@@ -19129,6 +19608,7 @@ exports.formatTime = formatTime;
 exports.iconSizes = iconSizes;
 exports.iconVariants = iconVariants;
 exports.isCustomIcon = isCustomIcon;
+exports.isResponsiveValue = isResponsiveValue;
 exports.loaderVariants = loaderVariants;
 exports.progressArcSizes = progressArcSizes;
 exports.progressArcVariants = progressArcVariants;
@@ -19136,13 +19616,18 @@ exports.progressDonutSizes = progressDonutSizes;
 exports.progressDonutVariants = progressDonutVariants;
 exports.progressLinearSizes = progressLinearSizes;
 exports.progressLinearVariants = progressLinearVariants;
+exports.resolveResponsiveValue = resolveResponsiveValue;
 exports.skeletonColorVariants = skeletonColorVariants;
 exports.skeletonRadiusVariants = skeletonRadiusVariants;
 exports.spinnerSizes = spinnerSizes;
+exports.splitButtonSizes = splitButtonSizes;
 exports.systemStatuses = systemStatuses;
 exports.tagSizes = tagSizes;
 exports.tagVariants = tagVariants;
 exports.textInputSizes = textInputSizes;
+exports.useBreakpoint = useBreakpoint;
 exports.useFileUpload = useFileUpload;
+exports.useResponsiveValue = useResponsiveValue;
 exports.useTableFilters = useTableFilters;
 exports.useToaster = useToaster;
+exports.withResponsiveProps = withResponsiveProps;