@drivenets/design-system 0.12.0 → 0.12.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @drivenets/design-system
 
+## 0.12.1
+
+### Patch Changes
+
+- aa6d1e5: Add `DsCatalogLayout` component
+
 ## 0.12.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -3225,7 +3225,7 @@ const Title$2 = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
-const Body$3 = (t0) => {
+const Body$4 = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(6);
 	const { style, className, children } = t0;
 	let t1;
@@ -3273,7 +3273,7 @@ const Actions$3 = (t0) => {
 	return t2;
 };
 DsAlertBanner.Title = Title$2;
-DsAlertBanner.Body = Body$3;
+DsAlertBanner.Body = Body$4;
 DsAlertBanner.Actions = Actions$3;
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.ts
@@ -4082,7 +4082,7 @@ const Trigger = _ark_ui_react_menu.Menu.Trigger;
 /**
 * Content component - wraps the dropdown content
 */
-const Content$1 = (t0) => {
+const Content$2 = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(9);
 	const { disablePortal: t1, children, className, style } = t0;
 	const Wrapper = (t1 === void 0 ? false : t1) ? react.Fragment : _ark_ui_react_portal.Portal;
@@ -4187,7 +4187,7 @@ const ItemIndicator = (t0) => {
 /**
 * Header component - sticky header container for search, filters, or other controls
 */
-const Header$4 = (t0) => {
+const Header$5 = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(6);
 	const { children, className, style } = t0;
 	let t1;
@@ -4663,11 +4663,11 @@ const DsDropdownMenuLegacy = (t0) => {
 const DsDropdownMenu = {
 	Root: Root$3,
 	Trigger,
-	Content: Content$1,
+	Content: Content$2,
 	Item: Item$2,
 	ItemIndicator,
 	TriggerItem,
-	Header: Header$4,
+	Header: Header$5,
 	Actions: Actions$2,
 	ItemGroup,
 	ItemGroupLabel,
@@ -5505,7 +5505,7 @@ const Root$2 = (t0) => {
 * Use with DsCard.Title and DsCard.Extra for standard layout,
 * or provide custom children for full flexibility.
 */
-const Header$3 = (t0) => {
+const Header$4 = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(12);
 	let children;
 	let className;
@@ -5549,7 +5549,7 @@ const Header$3 = (t0) => {
 /**
 * Card body - main content area.
 */
-const Body$2 = (t0) => {
+const Body$3 = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(12);
 	let children;
 	let className;
@@ -5636,8 +5636,8 @@ const Footer$3 = (t0) => {
 };
 const DsCard = {
 	Root: Root$2,
-	Header: Header$3,
-	Body: Body$2,
+	Header: Header$4,
+	Body: Body$3,
 	Footer: Footer$3
 };
 //#endregion
@@ -5648,6 +5648,413 @@ const cardSizes = [
 	"large"
 ];
 //#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.module.scss
+var ds_catalog_layout_module_default = {
+	"body": "ub6JXq_body",
+	"content": "ub6JXq_content",
+	"contentHeader": "ub6JXq_contentHeader",
+	"contentHeaderActions": "ub6JXq_contentHeaderActions",
+	"contentHeaderItem": "ub6JXq_contentHeaderItem",
+	"contentHeaderTitle": "ub6JXq_contentHeaderTitle",
+	"contentHeaderTitleRow": "ub6JXq_contentHeaderTitleRow",
+	"contentWithSideMenu": "ub6JXq_contentWithSideMenu",
+	"fillParent": "ub6JXq_fillParent",
+	"header": "ub6JXq_header",
+	"root": "ub6JXq_root",
+	"sideMenu": "ub6JXq_sideMenu",
+	"sideMenuPanel": "ub6JXq_sideMenuPanel",
+	"sideMenuPinButton": "ub6JXq_sideMenuPinButton"
+};
+//#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.context.ts
+const DsCatalogLayoutContext = (0, react.createContext)(null);
+const useDsCatalogLayoutContext = () => {
+	const context = (0, react.useContext)(DsCatalogLayoutContext);
+	if (!context) throw new Error("DsCatalogLayout compound components must be used within DsCatalogLayout");
+	return context;
+};
+//#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.tsx
+const DEFAULT_LOCALE = Object.freeze({
+	pinButtonLabel: "Pin side menu",
+	unpinButtonLabel: "Unpin side menu"
+});
+const DsCatalogLayout = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(17);
+	let className;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({className, fillParent: t1, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		rest = $[2];
+		t1 = $[3];
+	}
+	const fillParent = t1 === void 0 ? false : t1;
+	const [hasSideMenu, setHasSideMenu] = (0, react.useState)(false);
+	let t2;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setHasSideMenu(true);
+		$[4] = t2;
+	} else t2 = $[4];
+	const registerSideMenu = t2;
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setHasSideMenu(false);
+		$[5] = t3;
+	} else t3 = $[5];
+	const unregisterSideMenu = t3;
+	let t4;
+	if ($[6] !== hasSideMenu) {
+		t4 = {
+			hasSideMenu,
+			registerSideMenu,
+			unregisterSideMenu
+		};
+		$[6] = hasSideMenu;
+		$[7] = t4;
+	} else t4 = $[7];
+	const contextValue = t4;
+	let t5;
+	if ($[8] !== className || $[9] !== fillParent) {
+		t5 = (0, classnames.default)(ds_catalog_layout_module_default.root, { [ds_catalog_layout_module_default.fillParent]: fillParent }, className);
+		$[8] = className;
+		$[9] = fillParent;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== rest || $[12] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...rest,
+			className: t5
+		});
+		$[11] = rest;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== contextValue || $[15] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsCatalogLayoutContext.Provider, {
+			value: contextValue,
+			children: t6
+		});
+		$[14] = contextValue;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
+};
+const Header$3 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(8);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = (0, classnames.default)(ds_catalog_layout_module_default.header, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== rest || $[6] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			...rest,
+			className: t1
+		});
+		$[5] = rest;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+const Body$2 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(8);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = (0, classnames.default)(ds_catalog_layout_module_default.body, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== rest || $[6] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...rest,
+			className: t1
+		});
+		$[5] = rest;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+const SideMenu = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(32);
+	let children;
+	let className;
+	let locale;
+	let onPinnedChange;
+	let rest;
+	let t1;
+	if ($[0] !== t0) {
+		({className, pinned: t1, onPinnedChange, locale, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = locale;
+		$[4] = onPinnedChange;
+		$[5] = rest;
+		$[6] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		locale = $[3];
+		onPinnedChange = $[4];
+		rest = $[5];
+		t1 = $[6];
+	}
+	const pinned = t1 === void 0 ? false : t1;
+	const { registerSideMenu, unregisterSideMenu } = useDsCatalogLayoutContext();
+	const [isHovering, setIsHovering] = (0, react.useState)(false);
+	let t2;
+	let t3;
+	if ($[7] !== registerSideMenu || $[8] !== unregisterSideMenu) {
+		t2 = () => {
+			registerSideMenu();
+			return unregisterSideMenu;
+		};
+		t3 = [registerSideMenu, unregisterSideMenu];
+		$[7] = registerSideMenu;
+		$[8] = unregisterSideMenu;
+		$[9] = t2;
+		$[10] = t3;
+	} else {
+		t2 = $[9];
+		t3 = $[10];
+	}
+	(0, react.useEffect)(t2, t3);
+	const isExpanded = pinned || isHovering;
+	const ariaLabel = pinned ? locale?.unpinButtonLabel ?? DEFAULT_LOCALE.unpinButtonLabel : locale?.pinButtonLabel ?? DEFAULT_LOCALE.pinButtonLabel;
+	let t4;
+	if ($[11] !== className) {
+		t4 = (0, classnames.default)(ds_catalog_layout_module_default.sideMenu, className);
+		$[11] = className;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== pinned) {
+		t5 = pinned ? { "data-pinned": "" } : {};
+		$[13] = pinned;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== isExpanded) {
+		t6 = isExpanded ? { "data-expanded": "" } : {};
+		$[15] = isExpanded;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	let t8;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = () => setIsHovering(true);
+		t8 = () => setIsHovering(false);
+		$[17] = t7;
+		$[18] = t8;
+	} else {
+		t7 = $[17];
+		t8 = $[18];
+	}
+	let t9;
+	if ($[19] !== ariaLabel || $[20] !== onPinnedChange || $[21] !== pinned) {
+		t9 = onPinnedChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: ds_catalog_layout_module_default.sideMenuPinButton,
+			onClick: () => onPinnedChange(!pinned),
+			"aria-label": ariaLabel,
+			"aria-pressed": pinned,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsIcon, {
+				icon: "keep",
+				size: "small",
+				filled: pinned
+			})
+		}) : null;
+		$[19] = ariaLabel;
+		$[20] = onPinnedChange;
+		$[21] = pinned;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== children || $[24] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: ds_catalog_layout_module_default.sideMenuPanel,
+			onMouseEnter: t7,
+			onMouseLeave: t8,
+			children: [t9, children]
+		});
+		$[23] = children;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	let t11;
+	if ($[26] !== rest || $[27] !== t10 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
+			...rest,
+			className: t4,
+			...t5,
+			...t6,
+			children: t10
+		});
+		$[26] = rest;
+		$[27] = t10;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t11;
+	} else t11 = $[31];
+	return t11;
+};
+const Content$1 = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(9);
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = rest;
+	} else {
+		className = $[1];
+		rest = $[2];
+	}
+	const { hasSideMenu } = useDsCatalogLayoutContext();
+	let t1;
+	if ($[3] !== className || $[4] !== hasSideMenu) {
+		t1 = (0, classnames.default)(ds_catalog_layout_module_default.content, { [ds_catalog_layout_module_default.contentWithSideMenu]: hasSideMenu }, className);
+		$[3] = className;
+		$[4] = hasSideMenu;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== rest || $[7] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...rest,
+			className: t1
+		});
+		$[6] = rest;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+};
+const ContentHeader = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(22);
+	let children;
+	let className;
+	let headerActions;
+	let rest;
+	let title;
+	if ($[0] !== t0) {
+		({className, title, headerActions, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = headerActions;
+		$[4] = rest;
+		$[5] = title;
+	} else {
+		children = $[1];
+		className = $[2];
+		headerActions = $[3];
+		rest = $[4];
+		title = $[5];
+	}
+	let t1;
+	if ($[6] !== className) {
+		t1 = (0, classnames.default)(ds_catalog_layout_module_default.contentHeader, className);
+		$[6] = className;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== title) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: ds_catalog_layout_module_default.contentHeaderTitle,
+			children: title
+		});
+		$[8] = title;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== headerActions) {
+		t3 = headerActions ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: ds_catalog_layout_module_default.contentHeaderActions,
+			children: headerActions
+		}) : null;
+		$[10] = headerActions;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== t2 || $[13] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: ds_catalog_layout_module_default.contentHeaderTitleRow,
+			children: [t2, t3]
+		});
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== children) {
+		t5 = children ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: ds_catalog_layout_module_default.contentHeaderItem,
+			children
+		}) : null;
+		$[15] = children;
+		$[16] = t5;
+	} else t5 = $[16];
+	let t6;
+	if ($[17] !== rest || $[18] !== t1 || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			...rest,
+			className: t1,
+			children: [t4, t5]
+		});
+		$[17] = rest;
+		$[18] = t1;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	return t6;
+};
+DsCatalogLayout.Header = Header$3;
+DsCatalogLayout.Body = Body$2;
+DsCatalogLayout.SideMenu = SideMenu;
+DsCatalogLayout.Content = Content$1;
+DsCatalogLayout.ContentHeader = ContentHeader;
+//#endregion
 //#region src/components/ds-checkbox/ds-checkbox.module.scss
 var ds_checkbox_module_default = {
 	"control": "-9VV7a_control",
@@ -20210,6 +20617,7 @@ exports.DsBreadcrumb = DsBreadcrumb;
 exports.DsButton = DsButton;
 exports.DsButtonV3 = DsButtonV3;
 exports.DsCard = DsCard;
+exports.DsCatalogLayout = DsCatalogLayout;
 exports.DsCheckbox = DsCheckbox;
 exports.DsCheckboxGroup = DsCheckboxGroup;
 exports.DsChip = DsChip;

package/dist/index.d.cts

@@ -7254,6 +7254,107 @@ declare const DsCard: {
   }: DsCardFooterProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.types.d.ts
+interface DsCatalogLayoutProps extends ComponentPropsWithRef<'div'> {
+  /**
+   * Whether the catalog layout should fill its parent height (`100%`) instead of the viewport (`100vh`).
+   * Useful when the layout is rendered inside an existing app shell that already manages height.
+   * @default false
+   */
+  fillParent?: boolean;
+}
+type DsCatalogLayoutHeaderProps = ComponentPropsWithRef<'header'>;
+type DsCatalogLayoutBodyProps = ComponentPropsWithRef<'div'>;
+interface DsCatalogLayoutSideMenuProps extends ComponentPropsWithRef<'aside'> {
+  /**
+   * Whether the side menu is pinned open. When `true`, the expanded panel pushes the content area
+   * to the right; when `false`, the collapsed rail is shown and hovering it overlays the expanded
+   * panel without shifting the content.
+   * @default false
+   */
+  pinned?: boolean;
+  /**
+   * Called when the built-in pin/unpin button is clicked. Pass this prop to render the pin
+   * affordance in the top-right corner of the expanded panel; omit it to hide the button (e.g.
+   * when the side menu should always remain in its default collapsed state).
+   */
+  onPinnedChange?: (pinned: boolean) => void;
+  /**
+   * Locale object (you can pass custom strings for localization).
+   */
+  locale?: {
+    /**
+     * aria-label for the pin button when the side menu is collapsed/unpinned.
+     * @default 'Pin side menu'
+     */
+    pinButtonLabel?: string;
+    /**
+     * aria-label for the pin button when the side menu is pinned.
+     * @default 'Unpin side menu'
+     */
+    unpinButtonLabel?: string;
+  };
+}
+type DsCatalogLayoutContentProps = ComponentPropsWithRef<'div'>;
+interface DsCatalogLayoutContentHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+  /** Page title node, typically a `DsTypography` heading. Rendered on the title row. */
+  title: ReactNode;
+  /**
+   * Optional actions rendered on the trailing side of the title row (search, filter, refresh,
+   * primary action, etc.). Accepts any `ReactNode`.
+   */
+  headerActions?: ReactNode;
+  /**
+   * Optional content-header item rendered as a row below the title (e.g. a smart tabs group or
+   * filter bar). When omitted, only the title row is rendered.
+   */
+  children?: ReactNode;
+}
+//#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.d.ts
+declare function DsCatalogLayout({
+  className,
+  fillParent,
+  ...rest
+}: DsCatalogLayoutProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsCatalogLayout {
+  var Header: ({
+    className,
+    ...rest
+  }: DsCatalogLayoutHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var Body: ({
+    className,
+    ...rest
+  }: DsCatalogLayoutBodyProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var SideMenu: ({
+    className,
+    pinned,
+    onPinnedChange,
+    locale,
+    children,
+    ...rest
+  }: DsCatalogLayoutSideMenuProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var Content: ({
+    className,
+    ...rest
+  }: DsCatalogLayoutContentProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var ContentHeader: ({
+    className,
+    title,
+    headerActions,
+    children,
+    ...rest
+  }: DsCatalogLayoutContentHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+}
+//#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
 declare const checkboxVariants: readonly ['default', 'warning'];
 type CheckboxVariant = (typeof checkboxVariants)[number];
@@ -13766,5 +13867,5 @@ declare namespace DsWorkspace {
   }: DsWorkspaceFooterProps) => _$react_jsx_runtime0.JSX.Element;
 }
 //#endregion
-export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspace, type DsWorkspaceContentProps, type DsWorkspaceFooterProps, type DsWorkspaceHeaderProps, type DsWorkspaceProps, type DsWorkspaceSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, TypographyColor, type UploadedFile, UseCheckboxSelectAllOptions, UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dropdownMenuItemVariants, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
+export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspace, type DsWorkspaceContentProps, type DsWorkspaceFooterProps, type DsWorkspaceHeaderProps, type DsWorkspaceProps, type DsWorkspaceSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, TypographyColor, type UploadedFile, UseCheckboxSelectAllOptions, UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dropdownMenuItemVariants, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 //# sourceMappingURL=index.d.cts.map