@drivenets/design-system 0.0.2 → 0.0.3

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

@@ -0,0 +1,34 @@
+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 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 }) => {
+	if (content === void 0) return children;
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		delayDuration: 200,
+		children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+			className: classNames(ds_tooltip_module_default.tooltip),
+			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 })]
+		}) })] })
+	});
+};
+var ds_tooltip_default = DsTooltip;
+
+//#endregion
+export { ds_tooltip_default as default };
+//# sourceMappingURL=ds-tooltip.js.map

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

@@ -0,0 +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"}

package/dist/components/ds-tooltip/ds-tooltip.module.cjs

@@ -0,0 +1,10 @@
+
+//#region src/components/ds-tooltip/ds-tooltip.module.scss
+var ds_tooltip_module_default = {
+	"tooltip": "_tooltip_93aez_1",
+	"content": "_content_93aez_1",
+	"arrow": "_arrow_93aez_1"
+};
+
+//#endregion
+exports.default = ds_tooltip_module_default;

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

@@ -0,0 +1,10 @@
+//#region src/components/ds-tooltip/ds-tooltip.module.scss
+var ds_tooltip_module_default = {
+	"tooltip": "_tooltip_93aez_1",
+	"content": "_content_93aez_1",
+	"arrow": "_arrow_93aez_1"
+};
+
+//#endregion
+export { ds_tooltip_module_default as default };
+//# sourceMappingURL=ds-tooltip.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tooltip.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-tooltip/ds-tooltip.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.tooltip {\n\tcolor: var(--color-font-on-action);\n\tbackground-color: var(--color-background-brand);\n\tpadding: var(--spacing-xs) var(--spacing-sm);\n\tborder-radius: var(--exo-spacing-2x-small);\n\t// approx. 6 grid columns\n\tmax-width: 384px;\n\tz-index: 9999;\n\n\t.content {\n\t\t@include typography.line-clamp(3);\n\t}\n}\n\n.arrow {\n\tfill: var(--neutral-1);\n}\n"],"mappings":""}

package/dist/components/ds-tooltip/ds-tooltip.types.d.cts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+
+//#region src/components/ds-tooltip/ds-tooltip.types.d.ts
+interface DsTooltipProps {
+  /**
+   * Tooltip content
+   */
+  content?: string | ReactNode;
+  /**
+   * The content to be rendered inside the tooltip
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsTooltipProps };
+//# sourceMappingURL=ds-tooltip.types.d.cts.map

package/dist/components/ds-tooltip/ds-tooltip.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tooltip.types.d.cts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;qBAIoB;;;;YAIT"}

package/dist/components/ds-tooltip/ds-tooltip.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+
+//#region src/components/ds-tooltip/ds-tooltip.types.d.ts
+interface DsTooltipProps {
+  /**
+   * Tooltip content
+   */
+  content?: string | ReactNode;
+  /**
+   * The content to be rendered inside the tooltip
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsTooltipProps };
+//# sourceMappingURL=ds-tooltip.types.d.ts.map

package/dist/components/ds-tooltip/ds-tooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tooltip.types.d.ts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;qBAIoB;;;;YAIT"}

package/dist/components/ds-tooltip/index.cjs

@@ -0,0 +1 @@
+const require_ds_tooltip = require('./ds-tooltip.cjs');

package/dist/components/ds-tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { DsTooltipProps } from "./ds-tooltip.types.js";
+import { DsTooltip } from "./ds-tooltip.js";

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

@@ -0,0 +1 @@
+import ds_tooltip_default from "./ds-tooltip.js";

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

@@ -0,0 +1,21 @@
+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 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
+	});
+};
+var ds_typography_default = DsTypography;
+
+//#endregion
+exports.default = ds_typography_default;

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

@@ -0,0 +1,30 @@
+
+//#region src/components/ds-typography/ds-typography.config.ts
+const semanticElementMap = {
+	"body-md-reg": "p",
+	"body-md-md": "p",
+	"body-md-semi-bold": "p",
+	"body-md-bold": "p",
+	"body-md-link": "a",
+	"body-sm-reg": "span",
+	"body-sm-md": "span",
+	"body-sm-semi-bold": "span",
+	"body-sm-bold": "span",
+	"body-sm-link": "a",
+	"body-xs-reg": "span",
+	"body-xs-md": "span",
+	"body-xs-semi-bold": "span",
+	"body-xs-bold": "span",
+	"body-xs-link": "a",
+	"code-sm-reg": "code",
+	"code-sm-semi-bold": "code",
+	"code-xs-reg": "code",
+	"code-xs-semi-bold": "code",
+	heading1: "h1",
+	heading2: "h2",
+	heading3: "h3",
+	heading4: "h4"
+};
+
+//#endregion
+exports.semanticElementMap = semanticElementMap;

package/dist/components/ds-typography/ds-typography.config.d.cts

@@ -0,0 +1,29 @@
+//#region src/components/ds-typography/ds-typography.config.d.ts
+declare const semanticElementMap: {
+  readonly 'body-md-reg': "p";
+  readonly 'body-md-md': "p";
+  readonly 'body-md-semi-bold': "p";
+  readonly 'body-md-bold': "p";
+  readonly 'body-md-link': "a";
+  readonly 'body-sm-reg': "span";
+  readonly 'body-sm-md': "span";
+  readonly 'body-sm-semi-bold': "span";
+  readonly 'body-sm-bold': "span";
+  readonly 'body-sm-link': "a";
+  readonly 'body-xs-reg': "span";
+  readonly 'body-xs-md': "span";
+  readonly 'body-xs-semi-bold': "span";
+  readonly 'body-xs-bold': "span";
+  readonly 'body-xs-link': "a";
+  readonly 'code-sm-reg': "code";
+  readonly 'code-sm-semi-bold': "code";
+  readonly 'code-xs-reg': "code";
+  readonly 'code-xs-semi-bold': "code";
+  readonly heading1: "h1";
+  readonly heading2: "h2";
+  readonly heading3: "h3";
+  readonly heading4: "h4";
+};
+//#endregion
+export { semanticElementMap };
+//# sourceMappingURL=ds-typography.config.d.cts.map

package/dist/components/ds-typography/ds-typography.config.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.config.d.cts","names":[],"sources":["../../../src/components/ds-typography/ds-typography.config.ts"],"sourcesContent":[],"mappings":";cAAa;EAAA,SAAA,aA+BH,EAAA,GAAA"}

package/dist/components/ds-typography/ds-typography.config.d.ts

@@ -0,0 +1,29 @@
+//#region src/components/ds-typography/ds-typography.config.d.ts
+declare const semanticElementMap: {
+  readonly 'body-md-reg': "p";
+  readonly 'body-md-md': "p";
+  readonly 'body-md-semi-bold': "p";
+  readonly 'body-md-bold': "p";
+  readonly 'body-md-link': "a";
+  readonly 'body-sm-reg': "span";
+  readonly 'body-sm-md': "span";
+  readonly 'body-sm-semi-bold': "span";
+  readonly 'body-sm-bold': "span";
+  readonly 'body-sm-link': "a";
+  readonly 'body-xs-reg': "span";
+  readonly 'body-xs-md': "span";
+  readonly 'body-xs-semi-bold': "span";
+  readonly 'body-xs-bold': "span";
+  readonly 'body-xs-link': "a";
+  readonly 'code-sm-reg': "code";
+  readonly 'code-sm-semi-bold': "code";
+  readonly 'code-xs-reg': "code";
+  readonly 'code-xs-semi-bold': "code";
+  readonly heading1: "h1";
+  readonly heading2: "h2";
+  readonly heading3: "h3";
+  readonly heading4: "h4";
+};
+//#endregion
+export { semanticElementMap };
+//# sourceMappingURL=ds-typography.config.d.ts.map

package/dist/components/ds-typography/ds-typography.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.config.d.ts","names":[],"sources":["../../../src/components/ds-typography/ds-typography.config.ts"],"sourcesContent":[],"mappings":";cAAa;EAAA,SAAA,aA+BH,EAAA,GAAA"}

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

@@ -0,0 +1,30 @@
+//#region src/components/ds-typography/ds-typography.config.ts
+const semanticElementMap = {
+	"body-md-reg": "p",
+	"body-md-md": "p",
+	"body-md-semi-bold": "p",
+	"body-md-bold": "p",
+	"body-md-link": "a",
+	"body-sm-reg": "span",
+	"body-sm-md": "span",
+	"body-sm-semi-bold": "span",
+	"body-sm-bold": "span",
+	"body-sm-link": "a",
+	"body-xs-reg": "span",
+	"body-xs-md": "span",
+	"body-xs-semi-bold": "span",
+	"body-xs-bold": "span",
+	"body-xs-link": "a",
+	"code-sm-reg": "code",
+	"code-sm-semi-bold": "code",
+	"code-xs-reg": "code",
+	"code-xs-semi-bold": "code",
+	heading1: "h1",
+	heading2: "h2",
+	heading3: "h3",
+	heading4: "h4"
+};
+
+//#endregion
+export { semanticElementMap };
+//# sourceMappingURL=ds-typography.config.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,10 @@
+import { DsTypographyProps } from "./ds-typography.types.cjs";
+import React from "react";
+
+//#region src/components/ds-typography/ds-typography.d.ts
+declare const DsTypography: React.FC<DsTypographyProps & {
+  ref?: React.Ref<HTMLElement>;
+}>;
+//#endregion
+export { DsTypography };
+//# sourceMappingURL=ds-typography.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.d.cts","names":[],"sources":["../../../src/components/ds-typography/ds-typography.tsx"],"sourcesContent":[],"mappings":";;;;cAUM,cAAc,KAAA,CAAM,GAAG;QAA4B,KAAA,CAAM,IAAI;AAPJ,CAAA,CAAA"}

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

@@ -0,0 +1,10 @@
+import { DsTypographyProps } from "./ds-typography.types.js";
+import React from "react";
+
+//#region src/components/ds-typography/ds-typography.d.ts
+declare const DsTypography: React.FC<DsTypographyProps & {
+  ref?: React.Ref<HTMLElement>;
+}>;
+//#endregion
+export { DsTypography };
+//# sourceMappingURL=ds-typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.d.ts","names":[],"sources":["../../../src/components/ds-typography/ds-typography.tsx"],"sourcesContent":[],"mappings":";;;;cAUM,cAAc,KAAA,CAAM,GAAG;QAA4B,KAAA,CAAM,IAAI;AAPJ,CAAA,CAAA"}

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

@@ -0,0 +1,20 @@
+import { semanticElementMap } from "./ds-typography.config.js";
+import ds_typography_module_default from "./ds-typography.module.js";
+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
+	});
+};
+var ds_typography_default = DsTypography;
+
+//#endregion
+export { ds_typography_default as default };
+//# sourceMappingURL=ds-typography.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,30 @@
+
+//#region src/components/ds-typography/ds-typography.module.scss
+var ds_typography_module_default = {
+	"heading1": "_heading1_h774x_1",
+	"heading2": "_heading2_h774x_1",
+	"heading3": "_heading3_h774x_1",
+	"heading4": "_heading4_h774x_1",
+	"body-md-reg": "_body-md-reg_h774x_1",
+	"body-md-md": "_body-md-md_h774x_1",
+	"body-md-semi-bold": "_body-md-semi-bold_h774x_1",
+	"body-md-bold": "_body-md-bold_h774x_1",
+	"body-md-link": "_body-md-link_h774x_1",
+	"body-sm-reg": "_body-sm-reg_h774x_1",
+	"body-sm-md": "_body-sm-md_h774x_1",
+	"body-sm-semi-bold": "_body-sm-semi-bold_h774x_1",
+	"body-sm-bold": "_body-sm-bold_h774x_1",
+	"body-sm-link": "_body-sm-link_h774x_1",
+	"body-xs-reg": "_body-xs-reg_h774x_1",
+	"body-xs-md": "_body-xs-md_h774x_1",
+	"body-xs-semi-bold": "_body-xs-semi-bold_h774x_1",
+	"body-xs-bold": "_body-xs-bold_h774x_1",
+	"body-xs-link": "_body-xs-link_h774x_1",
+	"code-sm-reg": "_code-sm-reg_h774x_1",
+	"code-sm-semi-bold": "_code-sm-semi-bold_h774x_1",
+	"code-xs-reg": "_code-xs-reg_h774x_1",
+	"code-xs-semi-bold": "_code-xs-semi-bold_h774x_1"
+};
+
+//#endregion
+exports.default = ds_typography_module_default;

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

@@ -0,0 +1,30 @@
+//#region src/components/ds-typography/ds-typography.module.scss
+var ds_typography_module_default = {
+	"heading1": "_heading1_h774x_1",
+	"heading2": "_heading2_h774x_1",
+	"heading3": "_heading3_h774x_1",
+	"heading4": "_heading4_h774x_1",
+	"body-md-reg": "_body-md-reg_h774x_1",
+	"body-md-md": "_body-md-md_h774x_1",
+	"body-md-semi-bold": "_body-md-semi-bold_h774x_1",
+	"body-md-bold": "_body-md-bold_h774x_1",
+	"body-md-link": "_body-md-link_h774x_1",
+	"body-sm-reg": "_body-sm-reg_h774x_1",
+	"body-sm-md": "_body-sm-md_h774x_1",
+	"body-sm-semi-bold": "_body-sm-semi-bold_h774x_1",
+	"body-sm-bold": "_body-sm-bold_h774x_1",
+	"body-sm-link": "_body-sm-link_h774x_1",
+	"body-xs-reg": "_body-xs-reg_h774x_1",
+	"body-xs-md": "_body-xs-md_h774x_1",
+	"body-xs-semi-bold": "_body-xs-semi-bold_h774x_1",
+	"body-xs-bold": "_body-xs-bold_h774x_1",
+	"body-xs-link": "_body-xs-link_h774x_1",
+	"code-sm-reg": "_code-sm-reg_h774x_1",
+	"code-sm-semi-bold": "_code-sm-semi-bold_h774x_1",
+	"code-xs-reg": "_code-xs-reg_h774x_1",
+	"code-xs-semi-bold": "_code-xs-semi-bold_h774x_1"
+};
+
+//#endregion
+export { ds_typography_module_default as default };
+//# sourceMappingURL=ds-typography.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-typography/ds-typography.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.heading1 {\n\t@include typography.heading1;\n}\n\n.heading2 {\n\t@include typography.heading2;\n}\n\n.heading3 {\n\t@include typography.heading3;\n}\n\n.heading4 {\n\t@include typography.heading4;\n}\n\n.body-md-reg {\n\t@include typography.body-md-reg;\n}\n\n.body-md-md {\n\t@include typography.body-md-md;\n}\n\n.body-md-semi-bold {\n\t@include typography.body-md-semi-bold;\n}\n\n.body-md-bold {\n\t@include typography.body-md-bold;\n}\n\n.body-md-link {\n\t@include typography.body-md-link;\n}\n\n.body-sm-reg {\n\t@include typography.body-sm-reg;\n}\n\n.body-sm-md {\n\t@include typography.body-sm-md;\n}\n\n.body-sm-semi-bold {\n\t@include typography.body-sm-semi-bold;\n}\n\n.body-sm-bold {\n\t@include typography.body-sm-bold;\n}\n\n.body-sm-link {\n\t@include typography.body-sm-link;\n}\n\n.body-xs-reg {\n\t@include typography.body-xs-reg;\n}\n\n.body-xs-md {\n\t@include typography.body-xs-md;\n}\n\n.body-xs-semi-bold {\n\t@include typography.body-xs-semi-bold;\n}\n\n.body-xs-bold {\n\t@include typography.body-xs-bold;\n}\n\n.body-xs-link {\n\t@include typography.body-xs-link;\n}\n\n.code-sm-reg {\n\t@include typography.code-sm-reg;\n}\n\n.code-sm-semi-bold {\n\t@include typography.code-sm-semi-bold;\n}\n\n.code-xs-reg {\n\t@include typography.code-xs-reg;\n}\n\n.code-xs-semi-bold {\n\t@include typography.code-xs-semi-bold;\n}\n"],"mappings":""}

package/dist/components/ds-typography/ds-typography.types.d.cts

@@ -0,0 +1,30 @@
+import { semanticElementMap } from "./ds-typography.config.cjs";
+import React from "react";
+
+//#region src/components/ds-typography/ds-typography.types.d.ts
+type SemanticVariant = keyof typeof semanticElementMap;
+interface DsTypographyProps {
+  /**
+   * The semantic variant of the component
+   */
+  variant: SemanticVariant;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the typography component
+   */
+  style?: React.CSSProperties;
+  /**
+   * When true, renders as Slot component for composition without extra DOM nodes
+   */
+  asChild?: boolean;
+  /**
+   * The content of the component
+   */
+  children: React.ReactNode;
+}
+//#endregion
+export { DsTypographyProps, SemanticVariant };
+//# sourceMappingURL=ds-typography.types.d.cts.map

package/dist/components/ds-typography/ds-typography.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.types.d.cts","names":[],"sources":["../../../src/components/ds-typography/ds-typography.types.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,eAAA,gBAA+B;UAE1B,iBAAA;EAFL;AAEZ;;EAYS,OAAM,EARL,eAQK;EAQJ;;;;;;;UARF,KAAA,CAAM;;;;;;;;YAQJ,KAAA,CAAM"}

package/dist/components/ds-typography/ds-typography.types.d.ts

@@ -0,0 +1,30 @@
+import { semanticElementMap } from "./ds-typography.config.js";
+import React from "react";
+
+//#region src/components/ds-typography/ds-typography.types.d.ts
+type SemanticVariant = keyof typeof semanticElementMap;
+interface DsTypographyProps {
+  /**
+   * The semantic variant of the component
+   */
+  variant: SemanticVariant;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the typography component
+   */
+  style?: React.CSSProperties;
+  /**
+   * When true, renders as Slot component for composition without extra DOM nodes
+   */
+  asChild?: boolean;
+  /**
+   * The content of the component
+   */
+  children: React.ReactNode;
+}
+//#endregion
+export { DsTypographyProps, SemanticVariant };
+//# sourceMappingURL=ds-typography.types.d.ts.map

package/dist/components/ds-typography/ds-typography.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-typography.types.d.ts","names":[],"sources":["../../../src/components/ds-typography/ds-typography.types.tsx"],"sourcesContent":[],"mappings":";;;;KAGY,eAAA,gBAA+B;UAE1B,iBAAA;EAFL;AAEZ;;EAYS,OAAM,EARL,eAQK;EAQJ;;;;;;;UARF,KAAA,CAAM;;;;;;;;YAQJ,KAAA,CAAM"}

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

@@ -0,0 +1 @@
+const require_ds_typography = require('./ds-typography.cjs');

package/dist/components/ds-typography/index.d.ts

@@ -0,0 +1,2 @@
+import { DsTypographyProps, SemanticVariant } from "./ds-typography.types.js";
+import { DsTypography } from "./ds-typography.js";

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

@@ -0,0 +1 @@
+import ds_typography_default from "./ds-typography.js";

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

@@ -0,0 +1,76 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_vertical_tabs_module = require('./ds-vertical-tabs.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __ark_ui_react_tabs = require("@ark-ui/react/tabs");
+
+//#region src/components/ds-vertical-tabs/ds-vertical-tabs.tsx
+/**
+* Design system vertical tabs component - compound component for flexible vertical navigation
+*
+* @example
+* ```tsx
+* <DsVerticalTabs value={selected} onValueChange={handleChange}>
+*   <DsVerticalTabs.List>
+*     <DsVerticalTabs.Tab value="status">
+*       <span>Status</span>
+*       <span className={styles.badge}>5</span>
+*     </DsVerticalTabs.Tab>
+*     <DsVerticalTabs.Tab value="date">Date</DsVerticalTabs.Tab>
+*   </DsVerticalTabs.List>
+*   <DsVerticalTabs.Content value="status">Status filters...</DsVerticalTabs.Content>
+*   <DsVerticalTabs.Content value="date">Date filters...</DsVerticalTabs.Content>
+* </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
+	});
+};
+/**
+* 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
+	});
+};
+/**
+* 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
+	});
+};
+/**
+* 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
+	});
+};
+DsVerticalTabs.List = DsVerticalTabsList;
+DsVerticalTabs.Tab = DsVerticalTabsTab;
+DsVerticalTabs.Content = DsVerticalTabsContent;
+var ds_vertical_tabs_default = DsVerticalTabs;
+
+//#endregion
+exports.default = ds_vertical_tabs_default;

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

@@ -0,0 +1,50 @@
+import { DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps } from "./ds-vertical-tabs.types.cjs";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
+
+/**
+ * Design system vertical tabs component - compound component for flexible vertical navigation
+ *
+ * @example
+ * ```tsx
+ * <DsVerticalTabs value={selected} onValueChange={handleChange}>
+ *   <DsVerticalTabs.List>
+ *     <DsVerticalTabs.Tab value="status">
+ *       <span>Status</span>
+ *       <span className={styles.badge}>5</span>
+ *     </DsVerticalTabs.Tab>
+ *     <DsVerticalTabs.Tab value="date">Date</DsVerticalTabs.Tab>
+ *   </DsVerticalTabs.List>
+ *   <DsVerticalTabs.Content value="status">Status filters...</DsVerticalTabs.Content>
+ *   <DsVerticalTabs.Content value="date">Date filters...</DsVerticalTabs.Content>
+ * </DsVerticalTabs>
+ * ```
+ */
+declare const DsVerticalTabs: {
+  ({
+    value,
+    onValueChange,
+    className,
+    style,
+    children
+  }: DsVerticalTabsRootProps): react_jsx_runtime14.JSX.Element;
+  List: ({
+    className,
+    children
+  }: DsVerticalTabsListProps) => react_jsx_runtime14.JSX.Element;
+  Tab: ({
+    value,
+    disabled,
+    className,
+    children
+  }: DsVerticalTabsTabProps) => react_jsx_runtime14.JSX.Element;
+  Content: ({
+    value,
+    className,
+    children
+  }: DsVerticalTabsContentProps) => react_jsx_runtime14.JSX.Element;
+};
+//#endregion
+export { DsVerticalTabs };
+//# sourceMappingURL=ds-vertical-tabs.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-vertical-tabs.d.cts","names":[],"sources":["../../../src/components/ds-vertical-tabs/ds-vertical-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOkC;;;;;;;;;;;;;;;cAqB5B;EA4B+D,CAAA;IAAA,KAAA;IAAA,aAAA;IAAA,SAAA;IAAA,KAAA;IAAA;EAAA,CAAA,EA5BS,uBA4BT,CAAA,EA5BgC,mBAAA,CAAA,GAAA,CAAA,OA4BhC;EAAsB,IAAA,EAAA,CAAA;IAAA,SAAA;IAAA;EAAA,CAAA,EAPtC,uBAOsC,EAAA,GAPf,mBAAA,CAAA,GAAA,CAAA,OAOe;;;;;;KAAtB,2BAAsB,mBAAA,CAAA,GAAA,CAAA;;;;;KAW5B,+BAA0B,mBAAA,CAAA,GAAA,CAAA"}