@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-smart-tabs/ds-smart-tabs.cjs

@@ -2,6 +2,7 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_icon = require('../ds-icon/ds-icon.cjs');
 require('../ds-icon/index.cjs');
 const require_ds_smart_tabs_module = require('./ds-smart-tabs.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");
@@ -28,60 +29,221 @@ const useSmartTabsContext = () => {
 /**
 * Individual tab component
 */
-const DsSmartTab = ({ label, value, icon, content, color, disabled, className, style = {}, ...props }) => {
+const DsSmartTab = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(40);
+	let className;
+	let color;
+	let content;
+	let disabled;
+	let icon;
+	let label;
+	let props;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({label, value, icon, content, color, disabled, className, style: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = color;
+		$[3] = content;
+		$[4] = disabled;
+		$[5] = icon;
+		$[6] = label;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = value;
+	} else {
+		className = $[1];
+		color = $[2];
+		content = $[3];
+		disabled = $[4];
+		icon = $[5];
+		label = $[6];
+		props = $[7];
+		t1 = $[8];
+		value = $[9];
+	}
+	let t2;
+	if ($[10] !== t1) {
+		t2 = t1 === void 0 ? {} : t1;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	const style = t2;
 	const { activeTab, onTabClick } = useSmartTabsContext();
-	const tabClass = (0, classnames.default)(require_ds_smart_tabs_module.default.tab, {
-		[require_ds_smart_tabs_module.default.active]: activeTab === value,
-		[require_ds_smart_tabs_module.default.disabled]: disabled
-	}, className);
-	const tabStyle = {
-		...style,
-		...color && { "--tab-color": colorMap[color] }
-	};
-	const handleClick = () => {
-		if (!disabled) onTabClick(value);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		type: "button",
-		className: tabClass,
-		style: tabStyle,
-		onClick: handleClick,
-		disabled,
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				className: require_ds_smart_tabs_module.default.icon,
-				icon,
-				size: "small"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_ds_smart_tabs_module.default.label,
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: require_ds_smart_tabs_module.default.content,
-				children: content
-			})
-		]
-	});
+	const t3 = activeTab === value;
+	let t4;
+	if ($[12] !== className || $[13] !== disabled || $[14] !== t3) {
+		t4 = (0, classnames.default)(require_ds_smart_tabs_module.default.tab, {
+			[require_ds_smart_tabs_module.default.active]: t3,
+			[require_ds_smart_tabs_module.default.disabled]: disabled
+		}, className);
+		$[12] = className;
+		$[13] = disabled;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	const tabClass = t4;
+	let t5;
+	if ($[16] !== color) {
+		t5 = color && { "--tab-color": colorMap[color] };
+		$[16] = color;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== style || $[19] !== t5) {
+		t6 = {
+			...style,
+			...t5
+		};
+		$[18] = style;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	const tabStyle = t6;
+	let t7;
+	if ($[21] !== disabled || $[22] !== onTabClick || $[23] !== value) {
+		t7 = () => {
+			if (!disabled) onTabClick(value);
+		};
+		$[21] = disabled;
+		$[22] = onTabClick;
+		$[23] = value;
+		$[24] = t7;
+	} else t7 = $[24];
+	const handleClick = t7;
+	let t8;
+	if ($[25] !== icon) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			className: require_ds_smart_tabs_module.default.icon,
+			icon,
+			size: "small"
+		});
+		$[25] = icon;
+		$[26] = t8;
+	} else t8 = $[26];
+	let t9;
+	if ($[27] !== label) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_ds_smart_tabs_module.default.label,
+			children: label
+		});
+		$[27] = label;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== content) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_ds_smart_tabs_module.default.content,
+			children: content
+		});
+		$[29] = content;
+		$[30] = t10;
+	} else t10 = $[30];
+	let t11;
+	if ($[31] !== disabled || $[32] !== handleClick || $[33] !== props || $[34] !== t10 || $[35] !== t8 || $[36] !== t9 || $[37] !== tabClass || $[38] !== tabStyle) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: tabClass,
+			style: tabStyle,
+			onClick: handleClick,
+			disabled,
+			...props,
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[31] = disabled;
+		$[32] = handleClick;
+		$[33] = props;
+		$[34] = t10;
+		$[35] = t8;
+		$[36] = t9;
+		$[37] = tabClass;
+		$[38] = tabStyle;
+		$[39] = t11;
+	} else t11 = $[39];
+	return t11;
 };
 /**
 * Design system SmartTabs component
 */
-const DsSmartTabs = ({ activeTab, onTabClick, className, style = {}, children, ...props }) => {
-	const contextValue = {
-		activeTab,
-		onTabClick
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SmartTabsContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, classnames.default)(require_ds_smart_tabs_module.default.container, className),
+const DsSmartTabs = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(22);
+	let activeTab;
+	let children;
+	let className;
+	let onTabClick;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({activeTab, onTabClick, className, style: t1, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = activeTab;
+		$[2] = children;
+		$[3] = className;
+		$[4] = onTabClick;
+		$[5] = props;
+		$[6] = t1;
+	} else {
+		activeTab = $[1];
+		children = $[2];
+		className = $[3];
+		onTabClick = $[4];
+		props = $[5];
+		t1 = $[6];
+	}
+	let t2;
+	if ($[7] !== t1) {
+		t2 = t1 === void 0 ? {} : t1;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	const style = t2;
+	let t3;
+	if ($[9] !== activeTab || $[10] !== onTabClick) {
+		t3 = {
+			activeTab,
+			onTabClick
+		};
+		$[9] = activeTab;
+		$[10] = onTabClick;
+		$[11] = t3;
+	} else t3 = $[11];
+	const contextValue = t3;
+	let t4;
+	if ($[12] !== className) {
+		t4 = (0, classnames.default)(require_ds_smart_tabs_module.default.container, className);
+		$[12] = className;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== children || $[15] !== props || $[16] !== style || $[17] !== t4) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t4,
 			style,
 			...props,
 			children
-		})
-	});
+		});
+		$[14] = children;
+		$[15] = props;
+		$[16] = style;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== contextValue || $[20] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SmartTabsContext.Provider, {
+			value: contextValue,
+			children: t5
+		});
+		$[19] = contextValue;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	return t6;
 };
 DsSmartTabs.Tab = DsSmartTab;
 var ds_smart_tabs_default = DsSmartTabs;

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.cts

@@ -1,5 +1,5 @@
 import { DsSmartTabProps, DsSmartTabsProps } from "./ds-smart-tabs.types.cjs";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
@@ -14,7 +14,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime7.JSX.Element;
+  }: DsSmartTabsProps): react_jsx_runtime35.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-smart-tabs.d.cts","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAKsF,cAmFhF,WAoBL,EAAA;;;;;;;;KAbE,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-smart-tabs.d.cts","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAKsF,cAmFhF,WAoBL,EAAA;;;;;;;;KAbE,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts

@@ -1,5 +1,5 @@
 import { DsSmartTabProps, DsSmartTabsProps } from "./ds-smart-tabs.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
@@ -14,7 +14,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime3.JSX.Element;
+  }: DsSmartTabsProps): react_jsx_runtime10.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-smart-tabs.d.ts","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAKsF,cAmFhF,WAoBL,EAAA;;;;;;;;KAbE,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-smart-tabs.d.ts","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAKsF,cAmFhF,WAoBL,EAAA;;;;;;;;KAbE,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-smart-tabs/ds-smart-tabs.js

@@ -1,6 +1,7 @@
 import ds_icon_default from "../ds-icon/ds-icon.js";
 import "../ds-icon/index.js";
 import ds_smart_tabs_module_default from "./ds-smart-tabs.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
@@ -26,60 +27,221 @@ const useSmartTabsContext = () => {
 /**
 * Individual tab component
 */
-const DsSmartTab = ({ label, value, icon, content, color, disabled, className, style = {}, ...props }) => {
+const DsSmartTab = (t0) => {
+	const $ = c(40);
+	let className;
+	let color;
+	let content;
+	let disabled;
+	let icon;
+	let label;
+	let props;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({label, value, icon, content, color, disabled, className, style: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = color;
+		$[3] = content;
+		$[4] = disabled;
+		$[5] = icon;
+		$[6] = label;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = value;
+	} else {
+		className = $[1];
+		color = $[2];
+		content = $[3];
+		disabled = $[4];
+		icon = $[5];
+		label = $[6];
+		props = $[7];
+		t1 = $[8];
+		value = $[9];
+	}
+	let t2;
+	if ($[10] !== t1) {
+		t2 = t1 === void 0 ? {} : t1;
+		$[10] = t1;
+		$[11] = t2;
+	} else t2 = $[11];
+	const style = t2;
 	const { activeTab, onTabClick } = useSmartTabsContext();
-	const tabClass = classNames(ds_smart_tabs_module_default.tab, {
-		[ds_smart_tabs_module_default.active]: activeTab === value,
-		[ds_smart_tabs_module_default.disabled]: disabled
-	}, className);
-	const tabStyle = {
-		...style,
-		...color && { "--tab-color": colorMap[color] }
-	};
-	const handleClick = () => {
-		if (!disabled) onTabClick(value);
-	};
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: tabClass,
-		style: tabStyle,
-		onClick: handleClick,
-		disabled,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(ds_icon_default, {
-				className: ds_smart_tabs_module_default.icon,
-				icon,
-				size: "small"
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: ds_smart_tabs_module_default.label,
-				children: label
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: ds_smart_tabs_module_default.content,
-				children: content
-			})
-		]
-	});
+	const t3 = activeTab === value;
+	let t4;
+	if ($[12] !== className || $[13] !== disabled || $[14] !== t3) {
+		t4 = classNames(ds_smart_tabs_module_default.tab, {
+			[ds_smart_tabs_module_default.active]: t3,
+			[ds_smart_tabs_module_default.disabled]: disabled
+		}, className);
+		$[12] = className;
+		$[13] = disabled;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	const tabClass = t4;
+	let t5;
+	if ($[16] !== color) {
+		t5 = color && { "--tab-color": colorMap[color] };
+		$[16] = color;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== style || $[19] !== t5) {
+		t6 = {
+			...style,
+			...t5
+		};
+		$[18] = style;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	const tabStyle = t6;
+	let t7;
+	if ($[21] !== disabled || $[22] !== onTabClick || $[23] !== value) {
+		t7 = () => {
+			if (!disabled) onTabClick(value);
+		};
+		$[21] = disabled;
+		$[22] = onTabClick;
+		$[23] = value;
+		$[24] = t7;
+	} else t7 = $[24];
+	const handleClick = t7;
+	let t8;
+	if ($[25] !== icon) {
+		t8 = /* @__PURE__ */ jsx(ds_icon_default, {
+			className: ds_smart_tabs_module_default.icon,
+			icon,
+			size: "small"
+		});
+		$[25] = icon;
+		$[26] = t8;
+	} else t8 = $[26];
+	let t9;
+	if ($[27] !== label) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: ds_smart_tabs_module_default.label,
+			children: label
+		});
+		$[27] = label;
+		$[28] = t9;
+	} else t9 = $[28];
+	let t10;
+	if ($[29] !== content) {
+		t10 = /* @__PURE__ */ jsx("span", {
+			className: ds_smart_tabs_module_default.content,
+			children: content
+		});
+		$[29] = content;
+		$[30] = t10;
+	} else t10 = $[30];
+	let t11;
+	if ($[31] !== disabled || $[32] !== handleClick || $[33] !== props || $[34] !== t10 || $[35] !== t8 || $[36] !== t9 || $[37] !== tabClass || $[38] !== tabStyle) {
+		t11 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: tabClass,
+			style: tabStyle,
+			onClick: handleClick,
+			disabled,
+			...props,
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[31] = disabled;
+		$[32] = handleClick;
+		$[33] = props;
+		$[34] = t10;
+		$[35] = t8;
+		$[36] = t9;
+		$[37] = tabClass;
+		$[38] = tabStyle;
+		$[39] = t11;
+	} else t11 = $[39];
+	return t11;
 };
 /**
 * Design system SmartTabs component
 */
-const DsSmartTabs = ({ activeTab, onTabClick, className, style = {}, children, ...props }) => {
-	const contextValue = {
-		activeTab,
-		onTabClick
-	};
-	return /* @__PURE__ */ jsx(SmartTabsContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx("div", {
-			className: classNames(ds_smart_tabs_module_default.container, className),
+const DsSmartTabs = (t0) => {
+	const $ = c(22);
+	let activeTab;
+	let children;
+	let className;
+	let onTabClick;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({activeTab, onTabClick, className, style: t1, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = activeTab;
+		$[2] = children;
+		$[3] = className;
+		$[4] = onTabClick;
+		$[5] = props;
+		$[6] = t1;
+	} else {
+		activeTab = $[1];
+		children = $[2];
+		className = $[3];
+		onTabClick = $[4];
+		props = $[5];
+		t1 = $[6];
+	}
+	let t2;
+	if ($[7] !== t1) {
+		t2 = t1 === void 0 ? {} : t1;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	const style = t2;
+	let t3;
+	if ($[9] !== activeTab || $[10] !== onTabClick) {
+		t3 = {
+			activeTab,
+			onTabClick
+		};
+		$[9] = activeTab;
+		$[10] = onTabClick;
+		$[11] = t3;
+	} else t3 = $[11];
+	const contextValue = t3;
+	let t4;
+	if ($[12] !== className) {
+		t4 = classNames(ds_smart_tabs_module_default.container, className);
+		$[12] = className;
+		$[13] = t4;
+	} else t4 = $[13];
+	let t5;
+	if ($[14] !== children || $[15] !== props || $[16] !== style || $[17] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t4,
 			style,
 			...props,
 			children
-		})
-	});
+		});
+		$[14] = children;
+		$[15] = props;
+		$[16] = style;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== contextValue || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(SmartTabsContext.Provider, {
+			value: contextValue,
+			children: t5
+		});
+		$[19] = contextValue;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	return t6;
 };
 DsSmartTabs.Tab = DsSmartTab;
 var ds_smart_tabs_default = DsSmartTabs;

package/dist/components/ds-smart-tabs/ds-smart-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-smart-tabs.js","names":["colorMap: Record<Color, string>","DsSmartTab: React.FC<DsSmartTabProps>","styles","DsIcon","contextValue: SmartTabsContextType"],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":["import { type CSSProperties, createContext, useContext } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport styles from './ds-smart-tabs.module.scss';\nimport type { Color, DsSmartTabProps, DsSmartTabsProps } from './ds-smart-tabs.types';\n\nconst colorMap: Record<Color, string> = {\n\t'dark-blue': 'var(--color-background-info-strong)',\n\t'light-blue': 'var(--color-background-active-moderate)',\n\t'dark-gray': 'var(--color-background-brand)',\n\tgreen: 'var(--color-background-success-strong)',\n\tfuchsia: 'var(--color-data-fuchsia)',\n\tblue: 'var(--color-icon-information-secondary)',\n\tgray: 'var(--color-icon-information-main)',\n\tred: 'var(--color-icon-warning)',\n\tamber: 'var(--color-data-amber)',\n};\n\ninterface SmartTabsContextType {\n\tactiveTab: string;\n\tonTabClick: (value: string) => void;\n}\n\nconst SmartTabsContext = createContext<SmartTabsContextType | null>(null);\n\nconst useSmartTabsContext = () => {\n\tconst context = useContext(SmartTabsContext);\n\tif (!context) {\n\t\tthrow new Error('DsTab must be used within DsSmartTabs');\n\t}\n\treturn context;\n};\n\n/**\n * Individual tab component\n */\nconst DsSmartTab: React.FC<DsSmartTabProps> = ({\n\tlabel,\n\tvalue,\n\ticon,\n\tcontent,\n\tcolor,\n\tdisabled,\n\tclassName,\n\tstyle = {},\n\t...props\n}) => {\n\tconst { activeTab, onTabClick } = useSmartTabsContext();\n\n\tconst tabClass = classNames(\n\t\tstyles.tab,\n\t\t{\n\t\t\t[styles.active]: activeTab === value,\n\t\t\t[styles.disabled]: disabled,\n\t\t},\n\t\tclassName,\n\t);\n\tconst tabStyle = {\n\t\t...style,\n\t\t...(color && ({ '--tab-color': colorMap[color] } as CSSProperties)),\n\t};\n\n\tconst handleClick = () => {\n\t\tif (!disabled) {\n\t\t\tonTabClick(value);\n\t\t}\n\t};\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={tabClass}\n\t\t\tstyle={tabStyle}\n\t\t\tonClick={handleClick}\n\t\t\tdisabled={disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsIcon className={styles.icon} icon={icon} size=\"small\" />\n\t\t\t<span className={styles.label}>{label}</span>\n\t\t\t<span className={styles.content}>{content}</span>\n\t\t</button>\n\t);\n};\n\n/**\n * Design system SmartTabs component\n */\nconst DsSmartTabs = ({\n\tactiveTab,\n\tonTabClick,\n\tclassName,\n\tstyle = {},\n\tchildren,\n\t...props\n}: DsSmartTabsProps) => {\n\tconst contextValue: SmartTabsContextType = {\n\t\tactiveTab,\n\t\tonTabClick,\n\t};\n\n\treturn (\n\t\t<SmartTabsContext.Provider value={contextValue}>\n\t\t\t<div className={classNames(styles.container, className)} style={style} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SmartTabsContext.Provider>\n\t);\n};\n\nDsSmartTabs.Tab = DsSmartTab;\n\nexport default DsSmartTabs;\n"],"mappings":";;;;;;;;AAOA,MAAMA,WAAkC;CACvC,aAAa;CACb,cAAc;CACd,aAAa;CACb,OAAO;CACP,SAAS;CACT,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP;AAOD,MAAM,mBAAmB,cAA2C,KAAK;AAEzE,MAAM,4BAA4B;CACjC,MAAM,UAAU,WAAW,iBAAiB;AAC5C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,wCAAwC;AAEzD,QAAO;;;;;AAMR,MAAMC,cAAyC,EAC9C,OACA,OACA,MACA,SACA,OACA,UACA,WACA,QAAQ,EAAE,EACV,GAAG,YACE;CACL,MAAM,EAAE,WAAW,eAAe,qBAAqB;CAEvD,MAAM,WAAW,WAChBC,6BAAO,KACP;GACEA,6BAAO,SAAS,cAAc;GAC9BA,6BAAO,WAAW;EACnB,EACD,UACA;CACD,MAAM,WAAW;EAChB,GAAG;EACH,GAAI,SAAU,EAAE,eAAe,SAAS,QAAQ;EAChD;CAED,MAAM,oBAAoB;AACzB,MAAI,CAAC,SACJ,YAAW,MAAM;;AAInB,QACC,qBAAC;EACA,MAAK;EACL,WAAW;EACX,OAAO;EACP,SAAS;EACC;EACV,GAAI;;GAEJ,oBAACC;IAAO,WAAWD,6BAAO;IAAY;IAAM,MAAK;KAAU;GAC3D,oBAAC;IAAK,WAAWA,6BAAO;cAAQ;KAAa;GAC7C,oBAAC;IAAK,WAAWA,6BAAO;cAAU;KAAe;;GACzC;;;;;AAOX,MAAM,eAAe,EACpB,WACA,YACA,WACA,QAAQ,EAAE,EACV,UACA,GAAG,YACoB;CACvB,MAAME,eAAqC;EAC1C;EACA;EACA;AAED,QACC,oBAAC,iBAAiB;EAAS,OAAO;YACjC,oBAAC;GAAI,WAAW,WAAWF,6BAAO,WAAW,UAAU;GAAS;GAAO,GAAI;GACzE;IACI;GACqB;;AAI9B,YAAY,MAAM;AAElB,4BAAe"}
+{"version":3,"file":"ds-smart-tabs.js","names":["CSSProperties","createContext","useContext","React","classNames","DsIcon","styles","Color","DsSmartTabProps","DsSmartTabsProps","colorMap","Record","green","fuchsia","blue","gray","red","amber","SmartTabsContextType","activeTab","onTabClick","value","SmartTabsContext","useSmartTabsContext","context","Error","DsSmartTab","FC","t0","$","_c","className","color","content","disabled","icon","label","props","t1","style","t2","undefined","t3","t4","tab","active","tabClass","t5","t6","tabStyle","t7","handleClick","t8","t9","t10","t11","DsSmartTabs","children","contextValue","container","Tab"],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":["import { type CSSProperties, createContext, useContext } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport styles from './ds-smart-tabs.module.scss';\nimport type { Color, DsSmartTabProps, DsSmartTabsProps } from './ds-smart-tabs.types';\n\nconst colorMap: Record<Color, string> = {\n\t'dark-blue': 'var(--color-background-info-strong)',\n\t'light-blue': 'var(--color-background-active-moderate)',\n\t'dark-gray': 'var(--color-background-brand)',\n\tgreen: 'var(--color-background-success-strong)',\n\tfuchsia: 'var(--color-data-fuchsia)',\n\tblue: 'var(--color-icon-information-secondary)',\n\tgray: 'var(--color-icon-information-main)',\n\tred: 'var(--color-icon-warning)',\n\tamber: 'var(--color-data-amber)',\n};\n\ninterface SmartTabsContextType {\n\tactiveTab: string;\n\tonTabClick: (value: string) => void;\n}\n\nconst SmartTabsContext = createContext<SmartTabsContextType | null>(null);\n\nconst useSmartTabsContext = () => {\n\tconst context = useContext(SmartTabsContext);\n\tif (!context) {\n\t\tthrow new Error('DsTab must be used within DsSmartTabs');\n\t}\n\treturn context;\n};\n\n/**\n * Individual tab component\n */\nconst DsSmartTab: React.FC<DsSmartTabProps> = ({\n\tlabel,\n\tvalue,\n\ticon,\n\tcontent,\n\tcolor,\n\tdisabled,\n\tclassName,\n\tstyle = {},\n\t...props\n}) => {\n\tconst { activeTab, onTabClick } = useSmartTabsContext();\n\n\tconst tabClass = classNames(\n\t\tstyles.tab,\n\t\t{\n\t\t\t[styles.active]: activeTab === value,\n\t\t\t[styles.disabled]: disabled,\n\t\t},\n\t\tclassName,\n\t);\n\tconst tabStyle = {\n\t\t...style,\n\t\t...(color && ({ '--tab-color': colorMap[color] } as CSSProperties)),\n\t};\n\n\tconst handleClick = () => {\n\t\tif (!disabled) {\n\t\t\tonTabClick(value);\n\t\t}\n\t};\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={tabClass}\n\t\t\tstyle={tabStyle}\n\t\t\tonClick={handleClick}\n\t\t\tdisabled={disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsIcon className={styles.icon} icon={icon} size=\"small\" />\n\t\t\t<span className={styles.label}>{label}</span>\n\t\t\t<span className={styles.content}>{content}</span>\n\t\t</button>\n\t);\n};\n\n/**\n * Design system SmartTabs component\n */\nconst DsSmartTabs = ({\n\tactiveTab,\n\tonTabClick,\n\tclassName,\n\tstyle = {},\n\tchildren,\n\t...props\n}: DsSmartTabsProps) => {\n\tconst contextValue: SmartTabsContextType = {\n\t\tactiveTab,\n\t\tonTabClick,\n\t};\n\n\treturn (\n\t\t<SmartTabsContext.Provider value={contextValue}>\n\t\t\t<div className={classNames(styles.container, className)} style={style} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SmartTabsContext.Provider>\n\t);\n};\n\nDsSmartTabs.Tab = DsSmartTab;\n\nexport default DsSmartTabs;\n"],"mappings":"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"}

package/dist/components/ds-smart-tabs/ds-smart-tabs.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-smart-tabs.types.js","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.types.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type React from 'react';\nimport type { IconType } from '../ds-icon/ds-icon.types';\n\nexport const colors = [\n\t'dark-blue',\n\t'light-blue',\n\t'dark-gray',\n\t'green',\n\t'fuchsia',\n\t'blue',\n\t'gray',\n\t'red',\n\t'amber',\n] as const;\nexport type Color = (typeof colors)[number];\n\nexport interface DsSmartTabProps {\n\t/**\n\t * The label of the tab\n\t */\n\tlabel: string;\n\t/**\n\t * The value of the tab (used for filtering/identification)\n\t */\n\tvalue: string;\n\t/**\n\t * The icon to display in the tab\n\t */\n\ticon: IconType;\n\t/**\n\t * The content to display in the tab (typically a count or text)\n\t */\n\tcontent: number | string;\n\t/**\n\t * Color for the tab (limited to predefined color values)\n\t */\n\tcolor?: Color;\n\t/**\n\t * Whether the tab is disabled\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the tab\n\t */\n\tstyle?: React.CSSProperties;\n}\n\nexport interface DsSmartTabsProps {\n\t/**\n\t * Currently active tab value\n\t */\n\tactiveTab: string;\n\t/**\n\t * Callback function when a tab is clicked\n\t */\n\tonTabClick: (value: string) => void;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the component\n\t */\n\tstyle?: React.CSSProperties;\n\t/**\n\t * The tab components as children\n\t */\n\tchildren: ReactNode;\n}\n"],"mappings":";AAIA,MAAa,SAAS;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA"}
+{"version":3,"file":"ds-smart-tabs.types.js","names":["ReactNode","React","IconType","colors","const","Color","DsSmartTabProps","label","value","icon","content","color","disabled","className","style","CSSProperties","DsSmartTabsProps","activeTab","onTabClick","children"],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.types.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type React from 'react';\nimport type { IconType } from '../ds-icon/ds-icon.types';\n\nexport const colors = [\n\t'dark-blue',\n\t'light-blue',\n\t'dark-gray',\n\t'green',\n\t'fuchsia',\n\t'blue',\n\t'gray',\n\t'red',\n\t'amber',\n] as const;\nexport type Color = (typeof colors)[number];\n\nexport interface DsSmartTabProps {\n\t/**\n\t * The label of the tab\n\t */\n\tlabel: string;\n\t/**\n\t * The value of the tab (used for filtering/identification)\n\t */\n\tvalue: string;\n\t/**\n\t * The icon to display in the tab\n\t */\n\ticon: IconType;\n\t/**\n\t * The content to display in the tab (typically a count or text)\n\t */\n\tcontent: number | string;\n\t/**\n\t * Color for the tab (limited to predefined color values)\n\t */\n\tcolor?: Color;\n\t/**\n\t * Whether the tab is disabled\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the tab\n\t */\n\tstyle?: React.CSSProperties;\n}\n\nexport interface DsSmartTabsProps {\n\t/**\n\t * Currently active tab value\n\t */\n\tactiveTab: string;\n\t/**\n\t * Callback function when a tab is clicked\n\t */\n\tonTabClick: (value: string) => void;\n\t/**\n\t * Additional CSS class names\n\t */\n\tclassName?: string;\n\t/**\n\t * Additional styles to apply to the component\n\t */\n\tstyle?: React.CSSProperties;\n\t/**\n\t * The tab components as children\n\t */\n\tchildren: ReactNode;\n}\n"],"mappings":";AAIA,MAAaG,SAAS;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA"}