@drivenets/design-system 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @drivenets/design-system
 
+## 0.5.0
+
+### Minor Changes
+
+- 8fa2522: - Add `Card` component
+
+### Patch Changes
+
+- f485640: Updates dependencies
+- ea528b9: - Add `className` option to the SecondaryRowAction props
+- 298d259: - Add special icons from Figma to the `DsIcon`
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/components/ds-alert-banner/ds-alert-banner.d.ts

@@ -1,5 +1,5 @@
 import { DsAlertBannerProps } from "./ds-alert-banner.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
@@ -19,7 +19,7 @@ declare const DsAlertBanner: {
     className,
     style,
     children
-  }: DsAlertBannerProps): react_jsx_runtime0.JSX.Element | null;
+  }: DsAlertBannerProps): react_jsx_runtime3.JSX.Element | null;
   Title: ({
     style,
     className,
@@ -28,7 +28,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime3.JSX.Element;
   Body: ({
     style,
     className,
@@ -37,7 +37,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime3.JSX.Element;
   Actions: ({
     style,
     className,
@@ -46,7 +46,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime3.JSX.Element;
 };
 //#endregion
 export { DsAlertBanner };

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

@@ -6,10 +6,10 @@ let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-let __ark_ui_react_combobox = require("@ark-ui/react/combobox");
-let __ark_ui_react_locale = require("@ark-ui/react/locale");
-let __ark_ui_react_highlight = require("@ark-ui/react/highlight");
-let __ark_ui_react_portal = require("@ark-ui/react/portal");
+let _ark_ui_react_combobox = require("@ark-ui/react/combobox");
+let _ark_ui_react_locale = require("@ark-ui/react/locale");
+let _ark_ui_react_highlight = require("@ark-ui/react/highlight");
+let _ark_ui_react_portal = require("@ark-ui/react/portal");
 
 //#region src/components/ds-autocomplete/ds-autocomplete.tsx
 const DsAutocomplete = (t0) => {
@@ -26,7 +26,7 @@ const DsAutocomplete = (t0) => {
 		t7 = { sensitivity: "base" };
 		$[0] = t7;
 	} else t7 = $[0];
-	const filterUtils = (0, __ark_ui_react_locale.useFilter)(t7);
+	const filterUtils = (0, _ark_ui_react_locale.useFilter)(t7);
 	let t8;
 	if ($[1] !== options) {
 		t8 = options.map(_temp);
@@ -49,7 +49,7 @@ const DsAutocomplete = (t0) => {
 		$[6] = t9;
 		$[7] = t10;
 	} else t10 = $[7];
-	const { collection, filter } = (0, __ark_ui_react_combobox.useListCollection)(t10);
+	const { collection, filter } = (0, _ark_ui_react_combobox.useListCollection)(t10);
 	let t11;
 	if ($[8] !== filter || $[9] !== onInputValueChange) {
 		t11 = (details) => {
@@ -97,7 +97,7 @@ const DsAutocomplete = (t0) => {
 	} else t14 = $[19];
 	let t15;
 	if ($[20] !== placeholder) {
-		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.Input, {
+		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.Input, {
 			className: require_ds_autocomplete_module.default.input,
 			placeholder
 		});
@@ -106,16 +106,16 @@ const DsAutocomplete = (t0) => {
 	} else t15 = $[21];
 	let t16;
 	if ($[22] !== disabled || $[23] !== showTrigger) {
-		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.Context, { children: (context) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.Context, { children: (context) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: require_ds_autocomplete_module.default.iconContainer,
-			children: [context.inputValue && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.ClearTrigger, {
+			children: [context.inputValue && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.ClearTrigger, {
 				className: require_ds_autocomplete_module.default.clearButton,
 				"aria-label": "Clear",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 					icon: "close",
 					size: "medium"
 				})
-			}), showTrigger && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.Trigger, {
+			}), showTrigger && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.Trigger, {
 				className: require_ds_autocomplete_module.default.trigger,
 				"aria-label": "Toggle dropdown",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
@@ -130,7 +130,7 @@ const DsAutocomplete = (t0) => {
 	} else t16 = $[24];
 	let t17;
 	if ($[25] !== t14 || $[26] !== t15 || $[27] !== t16) {
-		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_combobox.Combobox.Control, {
+		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_combobox.Combobox.Control, {
 			className: require_ds_autocomplete_module.default.control,
 			children: [
 				t14,
@@ -145,27 +145,27 @@ const DsAutocomplete = (t0) => {
 	} else t17 = $[28];
 	let t18;
 	if ($[29] !== collection.items || $[30] !== highlightMatch || $[31] !== noMatchesMessage || $[32] !== options) {
-		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.Positioner, {
+		t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.Positioner, {
 			className: require_ds_autocomplete_module.default.positioner,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.Content, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.Content, {
 				className: require_ds_autocomplete_module.default.content,
 				children: collection.items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: require_ds_autocomplete_module.default.noMatches,
 					children: noMatchesMessage
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.ItemGroup, {
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.ItemGroup, {
 					className: require_ds_autocomplete_module.default.itemGroup,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.Context, { children: (context_0) => collection.items.map((item_0) => {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.Context, { children: (context_0) => collection.items.map((item_0) => {
 						const option = options.find((opt_1) => opt_1.label === item_0);
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_combobox.Combobox.Item, {
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_combobox.Combobox.Item, {
 							item: item_0,
 							className: require_ds_autocomplete_module.default.item,
 							children: [option?.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 								className: require_ds_autocomplete_module.default.itemIcon,
 								icon: option.icon,
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_combobox.Combobox.ItemText, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_combobox.Combobox.ItemText, {
 								className: require_ds_autocomplete_module.default.itemText,
-								children: highlightMatch ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_highlight.Highlight, {
+								children: highlightMatch ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_highlight.Highlight, {
 									query: context_0.inputValue,
 									text: item_0,
 									ignoreCase: true
@@ -184,7 +184,7 @@ const DsAutocomplete = (t0) => {
 	} else t18 = $[33];
 	let t19;
 	if ($[34] !== collection || $[35] !== disabled || $[36] !== handleInputValueChange || $[37] !== handleValueChange || $[38] !== id || $[39] !== invalid || $[40] !== rootClass || $[41] !== style || $[42] !== t17 || $[43] !== t18) {
-		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_combobox.Combobox.Root, {
+		t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_combobox.Combobox.Root, {
 			id,
 			collection,
 			className: rootClass,

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

@@ -1,5 +1,5 @@
 import { DsAutocompleteProps } from "./ds-autocomplete.types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
 declare const DsAutocomplete: ({
@@ -16,7 +16,7 @@ declare const DsAutocomplete: ({
   highlightMatch,
   showTrigger,
   startAdornment
-}: DsAutocompleteProps) => react_jsx_runtime0.JSX.Element;
+}: DsAutocompleteProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DsAutocomplete };
 //# sourceMappingURL=ds-autocomplete.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsAutocompleteProps } from "./ds-autocomplete.types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
 declare const DsAutocomplete: ({
@@ -16,7 +16,7 @@ declare const DsAutocomplete: ({
   highlightMatch,
   showTrigger,
   startAdornment
-}: DsAutocompleteProps) => react_jsx_runtime12.JSX.Element;
+}: DsAutocompleteProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { DsAutocomplete };
 //# sourceMappingURL=ds-autocomplete.d.ts.map

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

@@ -6,7 +6,7 @@ let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-let __ark_ui_react_avatar = require("@ark-ui/react/avatar");
+let _ark_ui_react_avatar = require("@ark-ui/react/avatar");
 
 //#region src/components/ds-avatar/ds-avatar.tsx
 /**
@@ -42,7 +42,7 @@ const DsAvatar = (t0) => {
 	} else t7 = $[7];
 	let t8;
 	if ($[8] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_avatar.Avatar.Fallback, {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_avatar.Avatar.Fallback, {
 			className: require_ds_avatar_module.default.fallback,
 			children: t7
 		});
@@ -51,7 +51,7 @@ const DsAvatar = (t0) => {
 	} else t8 = $[9];
 	let t9;
 	if ($[10] !== alt || $[11] !== name || $[12] !== src) {
-		t9 = src && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_avatar.Avatar.Image, {
+		t9 = src && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_avatar.Avatar.Image, {
 			src,
 			alt: alt || name
 		});
@@ -62,7 +62,7 @@ const DsAvatar = (t0) => {
 	} else t9 = $[13];
 	let t10;
 	if ($[14] !== style || $[15] !== t3 || $[16] !== t6 || $[17] !== t8 || $[18] !== t9) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_avatar.Avatar.Root, {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_avatar.Avatar.Root, {
 			onStatusChange: t3,
 			className: t6,
 			style,

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

@@ -13,7 +13,7 @@ let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
-let __tanstack_react_router = require("@tanstack/react-router");
+let _tanstack_react_router = require("@tanstack/react-router");
 
 //#region src/components/ds-breadcrumb/ds-breadcrumb.tsx
 /**
@@ -22,7 +22,7 @@ let __tanstack_react_router = require("@tanstack/react-router");
 const DsBreadcrumb = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(17);
 	const { items, onSelect, className } = t0;
-	const location = (0, __tanstack_react_router.useLocation)();
+	const location = (0, _tanstack_react_router.useLocation)();
 	const [search, setSearch] = (0, react.useState)("");
 	let t1;
 	if ($[0] !== className) {
@@ -39,7 +39,7 @@ const DsBreadcrumb = (t0) => {
 				const filteredOptions = item.type === "dropdown" ? item.options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase())) : [];
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 					className: require_ds_breadcrumb_module.default.breadcrumbItem,
-					children: item.type === "link" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__tanstack_react_router.Link, {
+					children: item.type === "link" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_tanstack_react_router.Link, {
 						to: item.href,
 						className: (0, classnames.default)(require_ds_breadcrumb_module.default.link),
 						"aria-current": index === items.length - 1 ? "page" : void 0,

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

@@ -1,8 +1,8 @@
 import { DsButtonUnifiedProps } from "./ds-button.types.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime11.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-button.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,8 +1,8 @@
 import { DsButtonUnifiedProps } from "./ds-button.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-button.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,263 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_card_module = require('./ds-card.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-card/ds-card.tsx
+/**
+* Card root component - container with optional selectable behavior.
+* Use composition with DsCard.Header, DsCard.Body, DsCard.Footer for full flexibility.
+*/
+const Root = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(33);
+	let children;
+	let className;
+	let onClick;
+	let onKeyDown;
+	let ref;
+	let rest;
+	let style;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] !== t0) {
+		({ref, size: t1, selectable: t2, selected: t3, highlightSelected: t4, disabled: t5, className, style, children, onClick, onKeyDown, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onClick;
+		$[4] = onKeyDown;
+		$[5] = ref;
+		$[6] = rest;
+		$[7] = style;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else {
+		children = $[1];
+		className = $[2];
+		onClick = $[3];
+		onKeyDown = $[4];
+		ref = $[5];
+		rest = $[6];
+		style = $[7];
+		t1 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+		t4 = $[11];
+		t5 = $[12];
+	}
+	const size = t1 === void 0 ? "medium" : t1;
+	const selectable = t2 === void 0 ? false : t2;
+	const selected = t3 === void 0 ? false : t3;
+	const highlightSelected = t4 === void 0 ? false : t4;
+	const disabled = t5 === void 0 ? false : t5;
+	let t6;
+	if ($[13] !== disabled || $[14] !== selectable || $[15] !== selected) {
+		t6 = selectable ? {
+			role: "button",
+			tabIndex: disabled ? -1 : 0,
+			"aria-pressed": selected,
+			"aria-disabled": disabled || void 0
+		} : {};
+		$[13] = disabled;
+		$[14] = selectable;
+		$[15] = selected;
+		$[16] = t6;
+	} else t6 = $[16];
+	const interactiveProps = t6;
+	const t7 = disabled ? void 0 : onClick;
+	const t8 = disabled ? void 0 : onKeyDown;
+	const t9 = selectable || void 0;
+	const t10 = selected || void 0;
+	const t11 = disabled || void 0;
+	const t12 = selected && highlightSelected || void 0;
+	let t13;
+	if ($[17] !== className) {
+		t13 = (0, classnames.default)(require_ds_card_module.default.root, className);
+		$[17] = className;
+		$[18] = t13;
+	} else t13 = $[18];
+	let t14;
+	if ($[19] !== children || $[20] !== interactiveProps || $[21] !== ref || $[22] !== rest || $[23] !== size || $[24] !== style || $[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t13 || $[29] !== t7 || $[30] !== t8 || $[31] !== t9) {
+		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			...rest,
+			...interactiveProps,
+			onClick: t7,
+			onKeyDown: t8,
+			"data-size": size,
+			"data-selectable": t9,
+			"data-selected": t10,
+			"data-disabled": t11,
+			"data-highlight": t12,
+			className: t13,
+			style,
+			children
+		});
+		$[19] = children;
+		$[20] = interactiveProps;
+		$[21] = ref;
+		$[22] = rest;
+		$[23] = size;
+		$[24] = style;
+		$[25] = t10;
+		$[26] = t11;
+		$[27] = t12;
+		$[28] = t13;
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t9;
+		$[32] = t14;
+	} else t14 = $[32];
+	return t14;
+};
+/**
+* Card header - contains title and extra content.
+* Use with DsCard.Title and DsCard.Extra for standard layout,
+* or provide custom children for full flexibility.
+*/
+const Header = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let ref;
+	let rest;
+	if ($[0] !== t0) {
+		({className, children, ref, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = ref;
+		$[4] = rest;
+	} else {
+		children = $[1];
+		className = $[2];
+		ref = $[3];
+		rest = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = (0, classnames.default)(require_ds_card_module.default.header, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== ref || $[9] !== rest || $[10] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: t1,
+			...rest,
+			children
+		});
+		$[7] = children;
+		$[8] = ref;
+		$[9] = rest;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+/**
+* Card body - main content area.
+*/
+const Body = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let ref;
+	let rest;
+	if ($[0] !== t0) {
+		({className, children, ref, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = ref;
+		$[4] = rest;
+	} else {
+		children = $[1];
+		className = $[2];
+		ref = $[3];
+		rest = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = (0, classnames.default)(require_ds_card_module.default.body, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== ref || $[9] !== rest || $[10] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: t1,
+			...rest,
+			children
+		});
+		$[7] = children;
+		$[8] = ref;
+		$[9] = rest;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+/**
+* Card footer - bottom section for actions or additional info.
+*/
+const Footer = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(12);
+	let children;
+	let className;
+	let ref;
+	let rest;
+	if ($[0] !== t0) {
+		({className, children, ref, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = ref;
+		$[4] = rest;
+	} else {
+		children = $[1];
+		className = $[2];
+		ref = $[3];
+		rest = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = (0, classnames.default)(require_ds_card_module.default.footer, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children || $[8] !== ref || $[9] !== rest || $[10] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref,
+			className: t1,
+			...rest,
+			children
+		});
+		$[7] = children;
+		$[8] = ref;
+		$[9] = rest;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
+};
+const DsCard = {
+	Root,
+	Header,
+	Body,
+	Footer
+};
+
+//#endregion
+exports.DsCard = DsCard;

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

@@ -0,0 +1,41 @@
+import { DsCardBodyProps, DsCardFooterProps, DsCardHeaderProps, DsCardRootProps } from "./ds-card.types.cjs";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/ds-card/ds-card.d.ts
+declare const DsCard: {
+  Root: ({
+    ref,
+    size,
+    selectable,
+    selected,
+    highlightSelected,
+    disabled,
+    className,
+    style,
+    children,
+    onClick,
+    onKeyDown,
+    ...rest
+  }: DsCardRootProps) => react_jsx_runtime13.JSX.Element;
+  Header: ({
+    className,
+    children,
+    ref,
+    ...rest
+  }: DsCardHeaderProps) => react_jsx_runtime13.JSX.Element;
+  Body: ({
+    className,
+    children,
+    ref,
+    ...rest
+  }: DsCardBodyProps) => react_jsx_runtime13.JSX.Element;
+  Footer: ({
+    className,
+    children,
+    ref,
+    ...rest
+  }: DsCardFooterProps) => react_jsx_runtime13.JSX.Element;
+};
+//#endregion
+export { DsCard };
+//# sourceMappingURL=ds-card.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-card.d.cts","names":[],"sources":["../../../src/components/ds-card/ds-card.tsx"],"sourcesContent":[],"mappings":";;;;cAiFa;;;;;;;;;;;;;;KA3DV,oBAAe,mBAAA,CAAA,GAAA,CAAA;;;;;;KAmCqC,sBAAiB,mBAAA,CAAA,GAAA,CAAA;EAwB3D,IAAA,EAAA,CAAA;IAKZ,SAAA;IAAA,QAAA;IAAA,GAAA;IAAA,GAAA;EAAA,CAAA,EApBoD,eAoBpD,EAAA,GApBmE,mBAAA,CAAA,GAAA,CAAA,OAoBnE;;;;;;KAXsD,sBAAiB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,41 @@
+import { DsCardBodyProps, DsCardFooterProps, DsCardHeaderProps, DsCardRootProps } from "./ds-card.types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ds-card/ds-card.d.ts
+declare const DsCard: {
+  Root: ({
+    ref,
+    size,
+    selectable,
+    selected,
+    highlightSelected,
+    disabled,
+    className,
+    style,
+    children,
+    onClick,
+    onKeyDown,
+    ...rest
+  }: DsCardRootProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    children,
+    ref,
+    ...rest
+  }: DsCardHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Body: ({
+    className,
+    children,
+    ref,
+    ...rest
+  }: DsCardBodyProps) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    children,
+    ref,
+    ...rest
+  }: DsCardFooterProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { DsCard };
+//# sourceMappingURL=ds-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-card.d.ts","names":[],"sources":["../../../src/components/ds-card/ds-card.tsx"],"sourcesContent":[],"mappings":";;;;cAiFa;;;;;;;;;;;;;;KA3DV,oBAAe,kBAAA,CAAA,GAAA,CAAA;;;;;;KAmCqC,sBAAiB,kBAAA,CAAA,GAAA,CAAA;EAwB3D,IAAA,EAAA,CAAA;IAKZ,SAAA;IAAA,QAAA;IAAA,GAAA;IAAA,GAAA;EAAA,CAAA,EApBoD,eAoBpD,EAAA,GApBmE,kBAAA,CAAA,GAAA,CAAA,OAoBnE;;;;;;KAXsD,sBAAiB,kBAAA,CAAA,GAAA,CAAA"}