@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-tooltip/ds-tooltip.js

@@ -1,31 +1,69 @@
 import ds_typography_default from "../ds-typography/ds-typography.js";
 import "../ds-typography/index.js";
 import ds_tooltip_module_default from "./ds-tooltip.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
 import * as Tooltip from "@radix-ui/react-tooltip";
 
 //#region src/components/ds-tooltip/ds-tooltip.tsx
-const DsTooltip = ({ content, children }) => {
+const DsTooltip = (t0) => {
+	const $ = c(11);
+	const { content, children } = t0;
 	if (content === void 0) return children;
-	return /* @__PURE__ */ jsx(Tooltip.Provider, {
-		delayDuration: 200,
-		children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(Tooltip.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
-			className: classNames(ds_tooltip_module_default.tooltip),
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = classNames(ds_tooltip_module_default.tooltip);
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== content) {
+		t3 = isValidElement(content) ? content : /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-xs-reg",
+			className: ds_tooltip_module_default.content,
+			children: content
+		});
+		$[3] = content;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Tooltip.Arrow, { className: ds_tooltip_module_default.arrow });
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== t3) {
+		t5 = /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+			className: t2,
 			side: "top",
 			align: "center",
 			sideOffset: 4,
-			children: [isValidElement(content) ? content : /* @__PURE__ */ jsx(ds_typography_default, {
-				variant: "body-xs-reg",
-				className: ds_tooltip_module_default.content,
-				children: content
-			}), /* @__PURE__ */ jsx(Tooltip.Arrow, { className: ds_tooltip_module_default.arrow })]
-		}) })] })
-	});
+			children: [t3, t4]
+		}) });
+		$[6] = t3;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== t1 || $[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Tooltip.Provider, {
+			delayDuration: 200,
+			children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [t1, t5] })
+		});
+		$[8] = t1;
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	return t6;
 };
 var ds_tooltip_default = DsTooltip;
 

package/dist/components/ds-tooltip/ds-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-tooltip.js","names":["DsTooltip: FC<DsTooltipProps>","styles","DsTypography"],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":["import { type FC, isValidElement } from 'react';\nimport * as Tooltip from '@radix-ui/react-tooltip';\nimport classNames from 'classnames';\nimport styles from './ds-tooltip.module.scss';\nimport type { DsTooltipProps } from './ds-tooltip.types';\nimport { DsTypography } from '../ds-typography';\n\nconst DsTooltip: FC<DsTooltipProps> = ({ content, children }) => {\n\tif (content === undefined) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<Tooltip.Provider delayDuration={200}>\n\t\t\t<Tooltip.Root>\n\t\t\t\t<Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n\t\t\t\t<Tooltip.Portal>\n\t\t\t\t\t<Tooltip.Content className={classNames(styles.tooltip)} side=\"top\" align=\"center\" sideOffset={4}>\n\t\t\t\t\t\t{isValidElement(content) ? (\n\t\t\t\t\t\t\tcontent\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<DsTypography variant=\"body-xs-reg\" className={styles.content}>\n\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Tooltip.Arrow className={styles.arrow} />\n\t\t\t\t\t</Tooltip.Content>\n\t\t\t\t</Tooltip.Portal>\n\t\t\t</Tooltip.Root>\n\t\t</Tooltip.Provider>\n\t);\n};\n\nexport default DsTooltip;\n"],"mappings":";;;;;;;;;AAOA,MAAMA,aAAiC,EAAE,SAAS,eAAe;AAChE,KAAI,YAAY,OACf,QAAO;AAER,QACC,oBAAC,QAAQ;EAAS,eAAe;YAChC,qBAAC,QAAQ,mBACR,oBAAC,QAAQ;GAAQ;GAAS;IAA2B,EACrD,oBAAC,QAAQ,oBACR,qBAAC,QAAQ;GAAQ,WAAW,WAAWC,0BAAO,QAAQ;GAAE,MAAK;GAAM,OAAM;GAAS,YAAY;cAC5F,eAAe,QAAQ,GACvB,UAEA,oBAACC;IAAa,SAAQ;IAAc,WAAWD,0BAAO;cACpD;KACa,EAEhB,oBAAC,QAAQ,SAAM,WAAWA,0BAAO,QAAS;IACzB,GACF,IACH;GACG;;AAIrB,yBAAe"}
+{"version":3,"file":"ds-tooltip.js","names":["FC","isValidElement","Tooltip","classNames","styles","DsTooltipProps","DsTypography","DsTooltip","t0","$","_c","content","children","undefined","t1","t2","Symbol","for","tooltip","t3","t4","arrow","t5","t6"],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":["import { type FC, isValidElement } from 'react';\nimport * as Tooltip from '@radix-ui/react-tooltip';\nimport classNames from 'classnames';\nimport styles from './ds-tooltip.module.scss';\nimport type { DsTooltipProps } from './ds-tooltip.types';\nimport { DsTypography } from '../ds-typography';\n\nconst DsTooltip: FC<DsTooltipProps> = ({ content, children }) => {\n\tif (content === undefined) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<Tooltip.Provider delayDuration={200}>\n\t\t\t<Tooltip.Root>\n\t\t\t\t<Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n\t\t\t\t<Tooltip.Portal>\n\t\t\t\t\t<Tooltip.Content className={classNames(styles.tooltip)} side=\"top\" align=\"center\" sideOffset={4}>\n\t\t\t\t\t\t{isValidElement(content) ? (\n\t\t\t\t\t\t\tcontent\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<DsTypography variant=\"body-xs-reg\" className={styles.content}>\n\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Tooltip.Arrow className={styles.arrow} />\n\t\t\t\t\t</Tooltip.Content>\n\t\t\t\t</Tooltip.Portal>\n\t\t\t</Tooltip.Root>\n\t\t</Tooltip.Provider>\n\t);\n};\n\nexport default DsTooltip;\n"],"mappings":";;;;;;;;;;AAOA,MAAMO,aAAgCC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,SAAAC,aAAAJ;AACtC,KAAIG,YAAYE,OAAS,QACjBD;CACP,IAAAE;AAAA,KAAAL,EAAA,OAAAG,UAAA;AAIEE,OAAA,oBAAA,QAAA;GAAiB,SAAA;GAASF;IAA2B;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AAExBF,OAAAZ,WAAWC,0BAAMc,QAAS;AAAAT,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAE,SAAA;AACpDQ,OAAAlB,eAAeU,QAMf,GANAA,UAGA,oBAAC;GAAqB,SAAA;GAAyB,WAAAP,0BAAMO;aACnDA;IAEF;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AACDG,OAAA,oBAAA,QAAA,SAA0B,WAAAhB,0BAAMiB,QAAU;AAAAZ,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAU,IAAA;AAT5CG,OAAA,oBAAA,QAAA,oBACC,qBAAA,QAAA;GAA4B,WAAAP;GAAiC,MAAA;GAAY,OAAA;GAAqB,YAAA;cAC5FI,IAODC;IAEF,GAAiB;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAK,MAAAL,EAAA,OAAAa,IAAA;AAdnBC,OAAA,oBAAA,QAAA;GAAiC,eAAA;aAChC,qBAAA,QAAA,mBACCT,IACAQ,MAaF;IAAmB;AAAAb,IAAA,KAAAK;AAAAL,IAAA,KAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAhBnBc;;AAoBF,yBAAehB"}

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

@@ -1,19 +1,63 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_typography_config = require('./ds-typography.config.cjs');
 const require_ds_typography_module = require('./ds-typography.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");
 let __radix_ui_react_slot = require("@radix-ui/react-slot");
 
 //#region src/components/ds-typography/ds-typography.tsx
-const DsTypography = ({ ref, variant, asChild = false, className, children, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : require_ds_typography_config.semanticElementMap[variant], {
-		ref,
-		className: (0, classnames.default)(require_ds_typography_module.default[variant], className),
-		...props,
-		children
-	});
+const DsTypography = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(16);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	let variant;
+	if ($[0] !== t0) {
+		({ref, variant, asChild: t1, className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = variant;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+		variant = $[6];
+	}
+	const Component = (t1 === void 0 ? false : t1) ? __radix_ui_react_slot.Slot : require_ds_typography_config.semanticElementMap[variant];
+	const t2 = require_ds_typography_module.default[variant];
+	let t3;
+	if ($[7] !== className || $[8] !== t2) {
+		t3 = (0, classnames.default)(t2, className);
+		$[7] = className;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== Component || $[11] !== children || $[12] !== props || $[13] !== ref || $[14] !== t3) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+			ref,
+			className: t3,
+			...props,
+			children
+		});
+		$[10] = Component;
+		$[11] = children;
+		$[12] = props;
+		$[13] = ref;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
 };
 var ds_typography_default = DsTypography;
 

package/dist/components/ds-typography/ds-typography.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-typography.config.js","names":[],"sources":["../../../src/components/ds-typography/ds-typography.config.ts"],"sourcesContent":["export const semanticElementMap = {\n\t// Body variants\n\t'body-md-reg': 'p',\n\t'body-md-md': 'p',\n\t'body-md-semi-bold': 'p',\n\t'body-md-bold': 'p',\n\t'body-md-link': 'a',\n\n\t'body-sm-reg': 'span',\n\t'body-sm-md': 'span',\n\t'body-sm-semi-bold': 'span',\n\t'body-sm-bold': 'span',\n\t'body-sm-link': 'a',\n\n\t'body-xs-reg': 'span',\n\t'body-xs-md': 'span',\n\t'body-xs-semi-bold': 'span',\n\t'body-xs-bold': 'span',\n\t'body-xs-link': 'a',\n\n\t// Code variants\n\t'code-sm-reg': 'code',\n\t'code-sm-semi-bold': 'code',\n\t'code-xs-reg': 'code',\n\t'code-xs-semi-bold': 'code',\n\n\t// Heading variants\n\theading1: 'h1',\n\theading2: 'h2',\n\theading3: 'h3',\n\theading4: 'h4',\n} as const;\n"],"mappings":";AAAA,MAAa,qBAAqB;CAEjC,eAAe;CACf,cAAc;CACd,qBAAqB;CACrB,gBAAgB;CAChB,gBAAgB;CAEhB,eAAe;CACf,cAAc;CACd,qBAAqB;CACrB,gBAAgB;CAChB,gBAAgB;CAEhB,eAAe;CACf,cAAc;CACd,qBAAqB;CACrB,gBAAgB;CAChB,gBAAgB;CAGhB,eAAe;CACf,qBAAqB;CACrB,eAAe;CACf,qBAAqB;CAGrB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV"}
+{"version":3,"file":"ds-typography.config.js","names":["semanticElementMap","heading1","heading2","heading3","heading4","const"],"sources":["../../../src/components/ds-typography/ds-typography.config.ts"],"sourcesContent":["export const semanticElementMap = {\n\t// Body variants\n\t'body-md-reg': 'p',\n\t'body-md-md': 'p',\n\t'body-md-semi-bold': 'p',\n\t'body-md-bold': 'p',\n\t'body-md-link': 'a',\n\n\t'body-sm-reg': 'span',\n\t'body-sm-md': 'span',\n\t'body-sm-semi-bold': 'span',\n\t'body-sm-bold': 'span',\n\t'body-sm-link': 'a',\n\n\t'body-xs-reg': 'span',\n\t'body-xs-md': 'span',\n\t'body-xs-semi-bold': 'span',\n\t'body-xs-bold': 'span',\n\t'body-xs-link': 'a',\n\n\t// Code variants\n\t'code-sm-reg': 'code',\n\t'code-sm-semi-bold': 'code',\n\t'code-xs-reg': 'code',\n\t'code-xs-semi-bold': 'code',\n\n\t// Heading variants\n\theading1: 'h1',\n\theading2: 'h2',\n\theading3: 'h3',\n\theading4: 'h4',\n} as const;\n"],"mappings":";AAAA,MAAaA,qBAAqB;CAEjC,eAAe;CACf,cAAc;CACd,qBAAqB;CACrB,gBAAgB;CAChB,gBAAgB;CAEhB,eAAe;CACf,cAAc;CACd,qBAAqB;CACrB,gBAAgB;CAChB,gBAAgB;CAEhB,eAAe;CACf,cAAc;CACd,qBAAqB;CACrB,gBAAgB;CAChB,gBAAgB;CAGhB,eAAe;CACf,qBAAqB;CACrB,eAAe;CACf,qBAAqB;CAGrBC,UAAU;CACVC,UAAU;CACVC,UAAU;CACVC,UAAU;CACV"}

package/dist/components/ds-typography/ds-typography.js

@@ -1,17 +1,61 @@
 import { semanticElementMap } from "./ds-typography.config.js";
 import ds_typography_module_default from "./ds-typography.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 
 //#region src/components/ds-typography/ds-typography.tsx
-const DsTypography = ({ ref, variant, asChild = false, className, children, ...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : semanticElementMap[variant], {
-		ref,
-		className: classNames(ds_typography_module_default[variant], className),
-		...props,
-		children
-	});
+const DsTypography = (t0) => {
+	const $ = c(16);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	let variant;
+	if ($[0] !== t0) {
+		({ref, variant, asChild: t1, className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = variant;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+		variant = $[6];
+	}
+	const Component = (t1 === void 0 ? false : t1) ? Slot : semanticElementMap[variant];
+	const t2 = ds_typography_module_default[variant];
+	let t3;
+	if ($[7] !== className || $[8] !== t2) {
+		t3 = classNames(t2, className);
+		$[7] = className;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== Component || $[11] !== children || $[12] !== props || $[13] !== ref || $[14] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Component, {
+			ref,
+			className: t3,
+			...props,
+			children
+		});
+		$[10] = Component;
+		$[11] = children;
+		$[12] = props;
+		$[13] = ref;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
 };
 var ds_typography_default = DsTypography;
 

package/dist/components/ds-typography/ds-typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-typography.js","names":["DsTypography: React.FC<DsTypographyProps & { ref?: React.Ref<HTMLElement> }>","styles"],"sources":["../../../src/components/ds-typography/ds-typography.tsx"],"sourcesContent":["import type React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport classNames from 'classnames';\nimport type { DsTypographyProps } from './ds-typography.types';\nimport { semanticElementMap } from './ds-typography.config';\nimport styles from './ds-typography.module.scss';\n\n/*\n * Design system Typography component that provides consistent text styling\n */\nconst DsTypography: React.FC<DsTypographyProps & { ref?: React.Ref<HTMLElement> }> = ({\n\tref,\n\tvariant,\n\tasChild = false,\n\tclassName,\n\tchildren,\n\t...props\n}) => {\n\tconst Component: React.ElementType = asChild ? Slot : semanticElementMap[variant];\n\treturn (\n\t\t<Component ref={ref} className={classNames(styles[variant], className)} {...props}>\n\t\t\t{children}\n\t\t</Component>\n\t);\n};\n\nexport default DsTypography;\n"],"mappings":";;;;;;;AAUA,MAAMA,gBAAgF,EACrF,KACA,SACA,UAAU,OACV,WACA,UACA,GAAG,YACE;AAEL,QACC,oBAFoC,UAAU,OAAO,mBAAmB;EAExD;EAAK,WAAW,WAAWC,6BAAO,UAAU,UAAU;EAAE,GAAI;EAC1E;GACU;;AAId,4BAAe"}
+{"version":3,"file":"ds-typography.js","names":["React","Slot","classNames","DsTypographyProps","semanticElementMap","styles","DsTypography","FC","ref","Ref","HTMLElement","t0","$","_c","children","className","props","t1","variant","asChild","undefined","Component","t2","t3","t4"],"sources":["../../../src/components/ds-typography/ds-typography.tsx"],"sourcesContent":["import type React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport classNames from 'classnames';\nimport type { DsTypographyProps } from './ds-typography.types';\nimport { semanticElementMap } from './ds-typography.config';\nimport styles from './ds-typography.module.scss';\n\n/*\n * Design system Typography component that provides consistent text styling\n */\nconst DsTypography: React.FC<DsTypographyProps & { ref?: React.Ref<HTMLElement> }> = ({\n\tref,\n\tvariant,\n\tasChild = false,\n\tclassName,\n\tchildren,\n\t...props\n}) => {\n\tconst Component: React.ElementType = asChild ? Slot : semanticElementMap[variant];\n\treturn (\n\t\t<Component ref={ref} className={classNames(styles[variant], className)} {...props}>\n\t\t\t{children}\n\t\t</Component>\n\t);\n};\n\nexport default DsTypography;\n"],"mappings":";;;;;;;;AAUA,MAAMM,gBAA+EK,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAH,KAAAU,SAAAC,SAAAF,IAAAF,WAAAD,aAAAE,SAAAL;AAOrFC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAJ;AAAAI,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAJ,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,UAAAJ,EAAA;AAAAJ,QAAAI,EAAA;AAAAK,OAAAL,EAAA;AAAAM,YAAAN,EAAA;;CACA,MAAAS,aALAJ,OAAAG,SAAA,QAAAH,MAKqChB,OAAiBG,mBAAmBc;CAE7B,MAAAI,KAAAjB,6BAAOa;CAAQ,IAAAK;AAAA,KAAAX,EAAA,OAAAG,aAAAH,EAAA,OAAAU,IAAA;AAA1BC,OAAArB,WAAWoB,IAAiBP,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,QAAAS,aAAAT,EAAA,QAAAE,YAAAF,EAAA,QAAAI,SAAAJ,EAAA,QAAAJ,OAAAI,EAAA,QAAAW,IAAA;AAAtEC,OAAA,oBAAC;GAAehB;GAAgB,WAAAe;GAAsC,GAAMP;GAC1EF;IACU;AAAAF,IAAA,MAAAS;AAAAT,IAAA,MAAAE;AAAAF,IAAA,MAAAI;AAAAJ,IAAA,MAAAJ;AAAAI,IAAA,MAAAW;AAAAX,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;AAAA,QAFZY;;AAMF,4BAAelB"}

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

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_vertical_tabs_module = require('./ds-vertical-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");
@@ -24,48 +25,108 @@ let __ark_ui_react_tabs = require("@ark-ui/react/tabs");
 * </DsVerticalTabs>
 * ```
 */
-const DsVerticalTabs = ({ value, onValueChange, className, style, children }) => {
-	const handleValueChange = (details) => {
-		onValueChange?.(details.value);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Root, {
-		orientation: "vertical",
-		value,
-		onValueChange: handleValueChange,
-		className,
-		style,
-		children
-	});
+const DsVerticalTabs = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(8);
+	const { value, onValueChange, className, style, children } = t0;
+	let t1;
+	if ($[0] !== onValueChange) {
+		t1 = (details) => {
+			onValueChange?.(details.value);
+		};
+		$[0] = onValueChange;
+		$[1] = t1;
+	} else t1 = $[1];
+	const handleValueChange = t1;
+	let t2;
+	if ($[2] !== children || $[3] !== className || $[4] !== handleValueChange || $[5] !== style || $[6] !== value) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Root, {
+			orientation: "vertical",
+			value,
+			onValueChange: handleValueChange,
+			className,
+			style,
+			children
+		});
+		$[2] = children;
+		$[3] = className;
+		$[4] = handleValueChange;
+		$[5] = style;
+		$[6] = value;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 };
 /**
 * Container for tab triggers
 */
-const DsVerticalTabsList = ({ className, children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.List, {
-		className: (0, classnames.default)(require_ds_vertical_tabs_module.default.tabList, className),
-		children
-	});
+const DsVerticalTabsList = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(5);
+	const { className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_vertical_tabs_module.default.tabList, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.List, {
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 };
 /**
 * Individual tab trigger - fully customizable content
 */
-const DsVerticalTabsTab = ({ value, disabled, className, children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Trigger, {
-		value,
-		disabled,
-		className: (0, classnames.default)(require_ds_vertical_tabs_module.default.tabItem, className),
-		children
-	});
+const DsVerticalTabsTab = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(7);
+	const { value, disabled, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_vertical_tabs_module.default.tabItem, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== disabled || $[4] !== t1 || $[5] !== value) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Trigger, {
+			value,
+			disabled,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = disabled;
+		$[4] = t1;
+		$[5] = value;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 /**
 * Tab content panel - displays when corresponding tab is active
 */
-const DsVerticalTabsContent = ({ value, className, children }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Content, {
-		value,
-		className,
-		children
-	});
+const DsVerticalTabsContent = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(4);
+	const { value, className, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== className || $[2] !== value) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Content, {
+			value,
+			className,
+			children
+		});
+		$[0] = children;
+		$[1] = className;
+		$[2] = value;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 };
 DsVerticalTabs.List = DsVerticalTabsList;
 DsVerticalTabs.Tab = DsVerticalTabsTab;

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

@@ -1,5 +1,5 @@
 import { DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps } from "./ds-vertical-tabs.types.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
 
@@ -28,22 +28,22 @@ declare const DsVerticalTabs: {
     className,
     style,
     children
-  }: DsVerticalTabsRootProps): react_jsx_runtime14.JSX.Element;
+  }: DsVerticalTabsRootProps): react_jsx_runtime41.JSX.Element;
   List: ({
     className,
     children
-  }: DsVerticalTabsListProps) => react_jsx_runtime14.JSX.Element;
+  }: DsVerticalTabsListProps) => react_jsx_runtime41.JSX.Element;
   Tab: ({
     value,
     disabled,
     className,
     children
-  }: DsVerticalTabsTabProps) => react_jsx_runtime14.JSX.Element;
+  }: DsVerticalTabsTabProps) => react_jsx_runtime41.JSX.Element;
   Content: ({
     value,
     className,
     children
-  }: DsVerticalTabsContentProps) => react_jsx_runtime14.JSX.Element;
+  }: DsVerticalTabsContentProps) => react_jsx_runtime41.JSX.Element;
 };
 //#endregion
 export { DsVerticalTabs };

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

@@ -1,5 +1,5 @@
 import { DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps } from "./ds-vertical-tabs.types.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
 
@@ -28,22 +28,22 @@ declare const DsVerticalTabs: {
     className,
     style,
     children
-  }: DsVerticalTabsRootProps): react_jsx_runtime18.JSX.Element;
+  }: DsVerticalTabsRootProps): react_jsx_runtime36.JSX.Element;
   List: ({
     className,
     children
-  }: DsVerticalTabsListProps) => react_jsx_runtime18.JSX.Element;
+  }: DsVerticalTabsListProps) => react_jsx_runtime36.JSX.Element;
   Tab: ({
     value,
     disabled,
     className,
     children
-  }: DsVerticalTabsTabProps) => react_jsx_runtime18.JSX.Element;
+  }: DsVerticalTabsTabProps) => react_jsx_runtime36.JSX.Element;
   Content: ({
     value,
     className,
     children
-  }: DsVerticalTabsContentProps) => react_jsx_runtime18.JSX.Element;
+  }: DsVerticalTabsContentProps) => react_jsx_runtime36.JSX.Element;
 };
 //#endregion
 export { DsVerticalTabs };

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

@@ -1,4 +1,5 @@
 import ds_vertical_tabs_module_default from "./ds-vertical-tabs.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import { Tabs } from "@ark-ui/react/tabs";
@@ -22,48 +23,108 @@ import { Tabs } from "@ark-ui/react/tabs";
 * </DsVerticalTabs>
 * ```
 */
-const DsVerticalTabs = ({ value, onValueChange, className, style, children }) => {
-	const handleValueChange = (details) => {
-		onValueChange?.(details.value);
-	};
-	return /* @__PURE__ */ jsx(Tabs.Root, {
-		orientation: "vertical",
-		value,
-		onValueChange: handleValueChange,
-		className,
-		style,
-		children
-	});
+const DsVerticalTabs = (t0) => {
+	const $ = c(8);
+	const { value, onValueChange, className, style, children } = t0;
+	let t1;
+	if ($[0] !== onValueChange) {
+		t1 = (details) => {
+			onValueChange?.(details.value);
+		};
+		$[0] = onValueChange;
+		$[1] = t1;
+	} else t1 = $[1];
+	const handleValueChange = t1;
+	let t2;
+	if ($[2] !== children || $[3] !== className || $[4] !== handleValueChange || $[5] !== style || $[6] !== value) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Root, {
+			orientation: "vertical",
+			value,
+			onValueChange: handleValueChange,
+			className,
+			style,
+			children
+		});
+		$[2] = children;
+		$[3] = className;
+		$[4] = handleValueChange;
+		$[5] = style;
+		$[6] = value;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 };
 /**
 * Container for tab triggers
 */
-const DsVerticalTabsList = ({ className, children }) => {
-	return /* @__PURE__ */ jsx(Tabs.List, {
-		className: classNames(ds_vertical_tabs_module_default.tabList, className),
-		children
-	});
+const DsVerticalTabsList = (t0) => {
+	const $ = c(5);
+	const { className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_vertical_tabs_module_default.tabList, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.List, {
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 };
 /**
 * Individual tab trigger - fully customizable content
 */
-const DsVerticalTabsTab = ({ value, disabled, className, children }) => {
-	return /* @__PURE__ */ jsx(Tabs.Trigger, {
-		value,
-		disabled,
-		className: classNames(ds_vertical_tabs_module_default.tabItem, className),
-		children
-	});
+const DsVerticalTabsTab = (t0) => {
+	const $ = c(7);
+	const { value, disabled, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_vertical_tabs_module_default.tabItem, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== disabled || $[4] !== t1 || $[5] !== value) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Trigger, {
+			value,
+			disabled,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = disabled;
+		$[4] = t1;
+		$[5] = value;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
 };
 /**
 * Tab content panel - displays when corresponding tab is active
 */
-const DsVerticalTabsContent = ({ value, className, children }) => {
-	return /* @__PURE__ */ jsx(Tabs.Content, {
-		value,
-		className,
-		children
-	});
+const DsVerticalTabsContent = (t0) => {
+	const $ = c(4);
+	const { value, className, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== className || $[2] !== value) {
+		t1 = /* @__PURE__ */ jsx(Tabs.Content, {
+			value,
+			className,
+			children
+		});
+		$[0] = children;
+		$[1] = className;
+		$[2] = value;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 };
 DsVerticalTabs.List = DsVerticalTabsList;
 DsVerticalTabs.Tab = DsVerticalTabsTab;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-vertical-tabs.js","names":["styles"],"sources":["../../../src/components/ds-vertical-tabs/ds-vertical-tabs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Tabs } from '@ark-ui/react/tabs';\nimport type {\n\tDsVerticalTabsContentProps,\n\tDsVerticalTabsListProps,\n\tDsVerticalTabsRootProps,\n\tDsVerticalTabsTabProps,\n} from './ds-vertical-tabs.types';\nimport styles from './ds-vertical-tabs.module.scss';\n\n/**\n * Design system vertical tabs component - compound component for flexible vertical navigation\n *\n * @example\n * ```tsx\n * <DsVerticalTabs value={selected} onValueChange={handleChange}>\n *   <DsVerticalTabs.List>\n *     <DsVerticalTabs.Tab value=\"status\">\n *       <span>Status</span>\n *       <span className={styles.badge}>5</span>\n *     </DsVerticalTabs.Tab>\n *     <DsVerticalTabs.Tab value=\"date\">Date</DsVerticalTabs.Tab>\n *   </DsVerticalTabs.List>\n *   <DsVerticalTabs.Content value=\"status\">Status filters...</DsVerticalTabs.Content>\n *   <DsVerticalTabs.Content value=\"date\">Date filters...</DsVerticalTabs.Content>\n * </DsVerticalTabs>\n * ```\n */\nconst DsVerticalTabs = ({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps) => {\n\tconst handleValueChange = (details: { value: string | null }) => {\n\t\tonValueChange?.(details.value);\n\t};\n\n\treturn (\n\t\t<Tabs.Root\n\t\t\torientation=\"vertical\"\n\t\t\tvalue={value}\n\t\t\tonValueChange={handleValueChange}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{children}\n\t\t</Tabs.Root>\n\t);\n};\n\n/**\n * Container for tab triggers\n */\nconst DsVerticalTabsList = ({ className, children }: DsVerticalTabsListProps) => {\n\treturn <Tabs.List className={classNames(styles.tabList, className)}>{children}</Tabs.List>;\n};\n\n/**\n * Individual tab trigger - fully customizable content\n */\nconst DsVerticalTabsTab = ({ value, disabled, className, children }: DsVerticalTabsTabProps) => {\n\treturn (\n\t\t<Tabs.Trigger value={value} disabled={disabled} className={classNames(styles.tabItem, className)}>\n\t\t\t{children}\n\t\t</Tabs.Trigger>\n\t);\n};\n\n/**\n * Tab content panel - displays when corresponding tab is active\n */\nconst DsVerticalTabsContent = ({ value, className, children }: DsVerticalTabsContentProps) => {\n\treturn (\n\t\t<Tabs.Content value={value} className={className}>\n\t\t\t{children}\n\t\t</Tabs.Content>\n\t);\n};\n\nDsVerticalTabs.List = DsVerticalTabsList;\nDsVerticalTabs.Tab = DsVerticalTabsTab;\nDsVerticalTabs.Content = DsVerticalTabsContent;\n\nexport default DsVerticalTabs;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,kBAAkB,EAAE,OAAO,eAAe,WAAW,OAAO,eAAwC;CACzG,MAAM,qBAAqB,YAAsC;AAChE,kBAAgB,QAAQ,MAAM;;AAG/B,QACC,oBAAC,KAAK;EACL,aAAY;EACL;EACP,eAAe;EACJ;EACJ;EAEN;GACU;;;;;AAOd,MAAM,sBAAsB,EAAE,WAAW,eAAwC;AAChF,QAAO,oBAAC,KAAK;EAAK,WAAW,WAAWA,gCAAO,SAAS,UAAU;EAAG;GAAqB;;;;;AAM3F,MAAM,qBAAqB,EAAE,OAAO,UAAU,WAAW,eAAuC;AAC/F,QACC,oBAAC,KAAK;EAAe;EAAiB;EAAU,WAAW,WAAWA,gCAAO,SAAS,UAAU;EAC9F;GACa;;;;;AAOjB,MAAM,yBAAyB,EAAE,OAAO,WAAW,eAA2C;AAC7F,QACC,oBAAC,KAAK;EAAe;EAAkB;EACrC;GACa;;AAIjB,eAAe,OAAO;AACtB,eAAe,MAAM;AACrB,eAAe,UAAU;AAEzB,+BAAe"}
+{"version":3,"file":"ds-vertical-tabs.js","names":["classNames","Tabs","DsVerticalTabsContentProps","DsVerticalTabsListProps","DsVerticalTabsRootProps","DsVerticalTabsTabProps","styles","DsVerticalTabs","t0","$","_c","value","onValueChange","className","style","children","t1","details","handleValueChange","t2","DsVerticalTabsList","tabList","DsVerticalTabsTab","disabled","tabItem","DsVerticalTabsContent","List","Tab","Content"],"sources":["../../../src/components/ds-vertical-tabs/ds-vertical-tabs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Tabs } from '@ark-ui/react/tabs';\nimport type {\n\tDsVerticalTabsContentProps,\n\tDsVerticalTabsListProps,\n\tDsVerticalTabsRootProps,\n\tDsVerticalTabsTabProps,\n} from './ds-vertical-tabs.types';\nimport styles from './ds-vertical-tabs.module.scss';\n\n/**\n * Design system vertical tabs component - compound component for flexible vertical navigation\n *\n * @example\n * ```tsx\n * <DsVerticalTabs value={selected} onValueChange={handleChange}>\n *   <DsVerticalTabs.List>\n *     <DsVerticalTabs.Tab value=\"status\">\n *       <span>Status</span>\n *       <span className={styles.badge}>5</span>\n *     </DsVerticalTabs.Tab>\n *     <DsVerticalTabs.Tab value=\"date\">Date</DsVerticalTabs.Tab>\n *   </DsVerticalTabs.List>\n *   <DsVerticalTabs.Content value=\"status\">Status filters...</DsVerticalTabs.Content>\n *   <DsVerticalTabs.Content value=\"date\">Date filters...</DsVerticalTabs.Content>\n * </DsVerticalTabs>\n * ```\n */\nconst DsVerticalTabs = ({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps) => {\n\tconst handleValueChange = (details: { value: string | null }) => {\n\t\tonValueChange?.(details.value);\n\t};\n\n\treturn (\n\t\t<Tabs.Root\n\t\t\torientation=\"vertical\"\n\t\t\tvalue={value}\n\t\t\tonValueChange={handleValueChange}\n\t\t\tclassName={className}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{children}\n\t\t</Tabs.Root>\n\t);\n};\n\n/**\n * Container for tab triggers\n */\nconst DsVerticalTabsList = ({ className, children }: DsVerticalTabsListProps) => {\n\treturn <Tabs.List className={classNames(styles.tabList, className)}>{children}</Tabs.List>;\n};\n\n/**\n * Individual tab trigger - fully customizable content\n */\nconst DsVerticalTabsTab = ({ value, disabled, className, children }: DsVerticalTabsTabProps) => {\n\treturn (\n\t\t<Tabs.Trigger value={value} disabled={disabled} className={classNames(styles.tabItem, className)}>\n\t\t\t{children}\n\t\t</Tabs.Trigger>\n\t);\n};\n\n/**\n * Tab content panel - displays when corresponding tab is active\n */\nconst DsVerticalTabsContent = ({ value, className, children }: DsVerticalTabsContentProps) => {\n\treturn (\n\t\t<Tabs.Content value={value} className={className}>\n\t\t\t{children}\n\t\t</Tabs.Content>\n\t);\n};\n\nDsVerticalTabs.List = DsVerticalTabsList;\nDsVerticalTabs.Tab = DsVerticalTabsTab;\nDsVerticalTabs.Content = DsVerticalTabsContent;\n\nexport default DsVerticalTabs;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMO,kBAAiBC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,OAAAC,eAAAC,WAAAC,OAAAC,aAAAP;CAA6E,IAAAQ;AAAA,KAAAP,EAAA,OAAAG,eAAA;AAC1EI,QAAAC,YAAA;AACzBL,mBAAgBK,QAAON,MAAO;;AAC9BF,IAAA,KAAAG;AAAAH,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAFD,MAAAS,oBAA0BF;CAExB,IAAAG;AAAA,KAAAV,EAAA,OAAAM,YAAAN,EAAA,OAAAI,aAAAJ,EAAA,OAAAS,qBAAAT,EAAA,OAAAK,SAAAL,EAAA,OAAAE,OAAA;AAGDQ,OAAA,oBAAA,KAAA;GACa,aAAA;GACLR;GACQO,eAAAA;GACJL;GACJC;GAENC;IACU;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAI;AAAAJ,IAAA,KAAAS;AAAAT,IAAA,KAAAK;AAAAL,IAAA,KAAAE;AAAAF,IAAA,KAAAU;OAAAA,MAAAV,EAAA;AAAA,QARZU;;;;;AAeF,MAAMC,sBAAqBZ,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAG,WAAAE,aAAAP;CAAgD,IAAAQ;AAAA,KAAAP,EAAA,OAAAI,WAAA;AAC9CG,OAAAhB,WAAWM,gCAAMe,SAAUR,UAAU;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAM,YAAAN,EAAA,OAAAO,IAAA;AAA3DG,OAAA,oBAAA,KAAA;GAAsB,WAAAH;GAAwCD;IAAqB;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAU;OAAAA,MAAAV,EAAA;AAAA,QAAnFU;;;;;AAMR,MAAMG,qBAAoBd,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,OAAAY,UAAAV,WAAAE,aAAAP;CAAgE,IAAAQ;AAAA,KAAAP,EAAA,OAAAI,WAAA;AAE9BG,OAAAhB,WAAWM,gCAAMkB,SAAUX,UAAU;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAM,YAAAN,EAAA,OAAAc,YAAAd,EAAA,OAAAO,MAAAP,EAAA,OAAAE,OAAA;AAAhGQ,OAAA,oBAAA,KAAA;GAAqBR;GAAiBY;GAAqB,WAAAP;GACzDD;IACa;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAc;AAAAd,IAAA,KAAAO;AAAAP,IAAA,KAAAE;AAAAF,IAAA,KAAAU;OAAAA,MAAAV,EAAA;AAAA,QAFfU;;;;;AASF,MAAMM,yBAAwBjB,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,OAAAE,WAAAE,aAAAP;CAA0D,IAAAQ;AAAA,KAAAP,EAAA,OAAAM,YAAAN,EAAA,OAAAI,aAAAJ,EAAA,OAAAE,OAAA;AAEvFK,OAAA,oBAAA,KAAA;GAAqBL;GAAkBE;GACrCE;IACa;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAI;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFfO;;AAMFT,eAAemB,OAAON;AACtBb,eAAeoB,MAAML;AACrBf,eAAeqB,UAAUH;AAEzB,+BAAelB"}