@drivenets/design-system 0.0.2 → 0.0.3

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

@@ -0,0 +1,91 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_typography_default from "../ds-typography/ds-typography.js";
+import "../ds-typography/index.js";
+import ds_breadcrumb_module_default from "./ds-breadcrumb.module.js";
+import ds_text_input_default from "../ds-text-input/ds-text-input.js";
+import { DsDropdownMenu } from "../ds-dropdown-menu/ds-dropdown-menu.js";
+import "../ds-dropdown-menu/index.js";
+import "../ds-text-input/index.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Link, useLocation } from "@tanstack/react-router";
+
+//#region src/components/ds-breadcrumb/ds-breadcrumb.tsx
+/**
+* Design system Breadcrumb component
+*/
+const DsBreadcrumb = ({ items, onSelect, className }) => {
+	const location = useLocation();
+	const [search, setSearch] = useState("");
+	return /* @__PURE__ */ jsx("nav", {
+		className: classNames(ds_breadcrumb_module_default.breadcrumb, className),
+		"aria-label": "Breadcrumb",
+		children: /* @__PURE__ */ jsx("ol", {
+			className: ds_breadcrumb_module_default.list,
+			children: items.map((item, index) => {
+				const selectedOption = item.type === "dropdown" ? item.options.find((option) => option.href === location.pathname) : null;
+				const filteredOptions = item.type === "dropdown" ? item.options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase())) : [];
+				return /* @__PURE__ */ jsx("li", {
+					className: ds_breadcrumb_module_default.breadcrumbItem,
+					children: item.type === "link" ? /* @__PURE__ */ jsxs(Link, {
+						to: item.href,
+						className: classNames(ds_breadcrumb_module_default.link),
+						"aria-current": index === items.length - 1 ? "page" : void 0,
+						onClick: () => onSelect?.(item.href),
+						children: [item.icon && /* @__PURE__ */ jsx(ds_icon_default, {
+							icon: item.icon,
+							className: ds_breadcrumb_module_default.icon,
+							size: "small"
+						}), item.label]
+					}) : /* @__PURE__ */ jsxs(DsDropdownMenu.Root, {
+						onSelect,
+						children: [/* @__PURE__ */ jsxs(DsDropdownMenu.Trigger, {
+							className: ds_breadcrumb_module_default.trigger,
+							"aria-current": index === items.length - 1 ? "page" : void 0,
+							children: [
+								item.icon && /* @__PURE__ */ jsx(ds_icon_default, {
+									icon: item.icon,
+									className: ds_breadcrumb_module_default.icon,
+									size: "small"
+								}),
+								selectedOption?.label || item.label,
+								/* @__PURE__ */ jsx(ds_icon_default, {
+									icon: "arrow_drop_down",
+									className: ds_breadcrumb_module_default.dropdownIcon
+								})
+							]
+						}), /* @__PURE__ */ jsxs(DsDropdownMenu.Content, { children: [/* @__PURE__ */ jsx(DsDropdownMenu.Header, { children: /* @__PURE__ */ jsx(ds_text_input_default, {
+							placeholder: "Search",
+							value: search,
+							onValueChange: setSearch,
+							onKeyDown: (e) => e.stopPropagation(),
+							slots: { startAdornment: /* @__PURE__ */ jsx(ds_icon_default, {
+								icon: "search",
+								size: "tiny"
+							}) }
+						}) }), filteredOptions.map((opt) => {
+							const selected = selectedOption?.href === opt.href;
+							return /* @__PURE__ */ jsx(ds_typography_default, {
+								className: ds_breadcrumb_module_default.itemLabel,
+								variant: "body-sm-reg",
+								asChild: true,
+								children: /* @__PURE__ */ jsxs(DsDropdownMenu.Item, {
+									value: opt.href,
+									selected,
+									children: [opt.label, selected && /* @__PURE__ */ jsx(DsDropdownMenu.ItemIndicator, {})]
+								})
+							}, opt.href);
+						})] })]
+					})
+				}, index);
+			})
+		})
+	});
+};
+var ds_breadcrumb_default = DsBreadcrumb;
+
+//#endregion
+export { ds_breadcrumb_default as default };
+//# sourceMappingURL=ds-breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-breadcrumb.js","names":["DsBreadcrumb: React.FC<DsBreadcrumbProps>","styles","DsIcon","DsTextInput","DsTypography"],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.tsx"],"sourcesContent":["import type React from 'react';\nimport { useState } from 'react';\nimport { Link, useLocation } from '@tanstack/react-router';\nimport classNames from 'classnames';\nimport styles from './ds-breadcrumb.module.scss';\nimport type { DsBreadcrumbProps } from './ds-breadcrumb.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsDropdownMenu } from '../ds-dropdown-menu';\nimport { DsTextInput } from '../ds-text-input/index';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Design system Breadcrumb component\n */\nconst DsBreadcrumb: React.FC<DsBreadcrumbProps> = ({ items, onSelect, className }) => {\n\tconst location = useLocation();\n\tconst [search, setSearch] = useState('');\n\n\treturn (\n\t\t<nav className={classNames(styles.breadcrumb, className)} aria-label=\"Breadcrumb\">\n\t\t\t<ol className={styles.list}>\n\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\tconst selectedOption =\n\t\t\t\t\t\titem.type === 'dropdown'\n\t\t\t\t\t\t\t? item.options.find((option) => option.href === location.pathname)\n\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\tconst filteredOptions =\n\t\t\t\t\t\titem.type === 'dropdown'\n\t\t\t\t\t\t\t? item.options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase()))\n\t\t\t\t\t\t\t: [];\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={index} className={styles.breadcrumbItem}>\n\t\t\t\t\t\t\t{item.type === 'link' ? (\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tto={item.href}\n\t\t\t\t\t\t\t\t\tclassName={classNames(styles.link)}\n\t\t\t\t\t\t\t\t\taria-current={index === items.length - 1 ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\tonClick={() => onSelect?.(item.href)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon icon={item.icon} className={styles.icon} size=\"small\" />}\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<DsDropdownMenu.Root onSelect={onSelect}>\n\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Trigger\n\t\t\t\t\t\t\t\t\t\tclassName={styles.trigger}\n\t\t\t\t\t\t\t\t\t\taria-current={index === items.length - 1 ? 'page' : undefined}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{item.icon && <DsIcon icon={item.icon} className={styles.icon} size=\"small\" />}\n\t\t\t\t\t\t\t\t\t\t{selectedOption?.label || item.label}\n\t\t\t\t\t\t\t\t\t\t<DsIcon icon=\"arrow_drop_down\" className={styles.dropdownIcon} />\n\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Trigger>\n\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Header>\n\t\t\t\t\t\t\t\t\t\t\t<DsTextInput\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={search}\n\t\t\t\t\t\t\t\t\t\t\t\tonValueChange={setSearch}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t\t\t\t\tslots={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tstartAdornment: <DsIcon icon=\"search\" size=\"tiny\" />,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Header>\n\t\t\t\t\t\t\t\t\t\t{filteredOptions.map((opt) => {\n\t\t\t\t\t\t\t\t\t\t\tconst selected = selectedOption?.href === opt.href;\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<DsTypography\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={opt.href}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={styles.itemLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"body-sm-reg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Item value={opt.href} selected={selected}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{selected && <DsDropdownMenu.ItemIndicator />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Item>\n\t\t\t\t\t\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t</DsDropdownMenu.Root>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</nav>\n\t);\n};\n\nexport default DsBreadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAMA,gBAA6C,EAAE,OAAO,UAAU,gBAAgB;CACrF,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,QAAQ,aAAa,SAAS,GAAG;AAExC,QACC,oBAAC;EAAI,WAAW,WAAWC,6BAAO,YAAY,UAAU;EAAE,cAAW;YACpE,oBAAC;GAAG,WAAWA,6BAAO;aACpB,MAAM,KAAK,MAAM,UAAU;IAC3B,MAAM,iBACL,KAAK,SAAS,aACX,KAAK,QAAQ,MAAM,WAAW,OAAO,SAAS,SAAS,SAAS,GAChE;IAEJ,MAAM,kBACL,KAAK,SAAS,aACX,KAAK,QAAQ,QAAQ,QAAQ,IAAI,MAAM,aAAa,CAAC,SAAS,OAAO,aAAa,CAAC,CAAC,GACpF,EAAE;AAEN,WACC,oBAAC;KAAe,WAAWA,6BAAO;eAChC,KAAK,SAAS,SACd,qBAAC;MACA,IAAI,KAAK;MACT,WAAW,WAAWA,6BAAO,KAAK;MAClC,gBAAc,UAAU,MAAM,SAAS,IAAI,SAAS;MACpD,eAAe,WAAW,KAAK,KAAK;iBAEnC,KAAK,QAAQ,oBAACC;OAAO,MAAM,KAAK;OAAM,WAAWD,6BAAO;OAAM,MAAK;QAAU,EAC7E,KAAK;OACA,GAEP,qBAAC,eAAe;MAAe;iBAC9B,qBAAC,eAAe;OACf,WAAWA,6BAAO;OAClB,gBAAc,UAAU,MAAM,SAAS,IAAI,SAAS;;QAEnD,KAAK,QAAQ,oBAACC;SAAO,MAAM,KAAK;SAAM,WAAWD,6BAAO;SAAM,MAAK;UAAU;QAC7E,gBAAgB,SAAS,KAAK;QAC/B,oBAACC;SAAO,MAAK;SAAkB,WAAWD,6BAAO;UAAgB;;QACzC,EACzB,qBAAC,eAAe,sBACf,oBAAC,eAAe,oBACf,oBAACE;OACA,aAAY;OACZ,OAAO;OACP,eAAe;OACf,YAAY,MAAM,EAAE,iBAAiB;OACrC,OAAO,EACN,gBAAgB,oBAACD;QAAO,MAAK;QAAS,MAAK;SAAS,EACpD;QACA,GACqB,EACvB,gBAAgB,KAAK,QAAQ;OAC7B,MAAM,WAAW,gBAAgB,SAAS,IAAI;AAC9C,cACC,oBAACE;QAEA,WAAWH,6BAAO;QAClB,SAAQ;QACR;kBAEA,qBAAC,eAAe;SAAK,OAAO,IAAI;SAAgB;oBAC9C,IAAI,OACJ,YAAY,oBAAC,eAAe,kBAAgB;UACxB;UARjB,IAAI,KASK;QAEf,IACsB;OACJ;OAlDf,MAoDJ;KAEL;IACE;GACA;;AAIR,4BAAe"}

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

@@ -0,0 +1,16 @@
+
+//#region src/components/ds-breadcrumb/ds-breadcrumb.module.scss
+var ds_breadcrumb_module_default = {
+	"breadcrumb": "_breadcrumb_1784n_1",
+	"list": "_list_1784n_1",
+	"breadcrumbItem": "_breadcrumbItem_1784n_1",
+	"link": "_link_1784n_1",
+	"trigger": "_trigger_1784n_1",
+	"active": "_active_1784n_1",
+	"icon": "_icon_1784n_1",
+	"dropdownIcon": "_dropdownIcon_1784n_1",
+	"itemLabel": "_itemLabel_1784n_1"
+};
+
+//#endregion
+exports.default = ds_breadcrumb_module_default;

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

@@ -0,0 +1,16 @@
+//#region src/components/ds-breadcrumb/ds-breadcrumb.module.scss
+var ds_breadcrumb_module_default = {
+	"breadcrumb": "_breadcrumb_1784n_1",
+	"list": "_list_1784n_1",
+	"breadcrumbItem": "_breadcrumbItem_1784n_1",
+	"link": "_link_1784n_1",
+	"trigger": "_trigger_1784n_1",
+	"active": "_active_1784n_1",
+	"icon": "_icon_1784n_1",
+	"dropdownIcon": "_dropdownIcon_1784n_1",
+	"itemLabel": "_itemLabel_1784n_1"
+};
+
+//#endregion
+export { ds_breadcrumb_module_default as default };
+//# sourceMappingURL=ds-breadcrumb.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-breadcrumb.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-breadcrumb/ds-breadcrumb.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n@mixin breadcrumb-item {\n\t@include typography.body-sm-reg;\n\tcolor: var(--color-background-action);\n\ttext-decoration: none;\n\toutline: none;\n\tpadding: var(--exo-spacing-2x-small) var(--spacing-sm);\n\tgap: var(--exo-spacing-2x-small);\n\tborder-radius: var(--exo-spacing-2x-small);\n\tdisplay: flex;\n\talign-items: center;\n\n\t&:hover {\n\t\tcolor: var(--color-background-selected);\n\t\tbackground: var(--color-background-action-tertiary);\n\t}\n\n\t&:active {\n\t\tcolor: var(--color-background-selected-hover);\n\t\tbackground: var(--color-background-action-secondary-hover);\n\t}\n\n\t&:focus {\n\t\toutline: 2px solid var(--color-background-selected);\n\t\toutline-offset: 0;\n\t}\n\n\t&:disabled {\n\t\tcolor: var(--color-background-disable);\n\t}\n}\n\n.breadcrumb {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.list {\n\tdisplay: flex;\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.breadcrumbItem {\n\tdisplay: flex;\n\talign-items: center;\n\n\t&:not(:last-child)::after {\n\t\tcontent: '/';\n\t\t@include typography.body-sm-reg;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcolor: var(--color-font-disabled);\n\t\twidth: var(--icon-width-small);\n\t\theight: var(--icon-width-small);\n\t}\n\n\t&:last-child {\n\t\t.link,\n\t\t.trigger {\n\t\t\t@include typography.body-sm-md;\n\t\t}\n\t}\n}\n\n.link {\n\t@include breadcrumb-item;\n}\n\n.active {\n\t@include typography.body-sm-md;\n}\n\n.trigger {\n\t@include breadcrumb-item;\n\tbackground: none;\n\tborder: none;\n\tcursor: pointer;\n}\n\n.icon {\n\tmargin-right: var(--exo-spacing-2x-small);\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.dropdownIcon {\n\tmargin-left: var(--exo-spacing-2x-small);\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.itemLabel {\n\t@include typography.ellipsis;\n\tcolor: var(--color-font-main);\n}\n"],"mappings":""}

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

@@ -0,0 +1,36 @@
+import { IconType } from "../ds-icon/ds-icon.types.cjs";
+
+//#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
+type DsBreadcrumbItem = {
+  type: 'link';
+  label: string;
+  href: string;
+  icon?: IconType;
+} | {
+  type: 'dropdown';
+  label: string;
+  options: {
+    label: string;
+    href: string;
+  }[];
+  icon?: IconType;
+};
+interface DsBreadcrumbProps {
+  /**
+   * The items to be displayed in the breadcrumb
+   */
+  items: DsBreadcrumbItem[];
+  /**
+   * The event handler to be called when an option is selected
+   *
+   * @param href
+   */
+  onSelect?: (href: string) => void;
+  /**
+   * Additional CSS class name to be applied to the breadcrumb
+   */
+  className?: string;
+}
+//#endregion
+export { DsBreadcrumbItem, DsBreadcrumbProps };
+//# sourceMappingURL=ds-breadcrumb.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-breadcrumb.types.d.cts","names":[],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.types.tsx"],"sourcesContent":[],"mappings":";;;KAEY,gBAAA;;EAAA,KAAA,EAAA,MAAA;EAcK,IAAA,EAAA,MAAA;SATP;;;;;;;;SAMA;;UAGO,iBAAA;;;;SAIT"}

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

@@ -0,0 +1,37 @@
+import { IconType } from "../ds-icon/ds-icon.types.js";
+import "../ds-icon/index.js";
+
+//#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
+type DsBreadcrumbItem = {
+  type: 'link';
+  label: string;
+  href: string;
+  icon?: IconType;
+} | {
+  type: 'dropdown';
+  label: string;
+  options: {
+    label: string;
+    href: string;
+  }[];
+  icon?: IconType;
+};
+interface DsBreadcrumbProps {
+  /**
+   * The items to be displayed in the breadcrumb
+   */
+  items: DsBreadcrumbItem[];
+  /**
+   * The event handler to be called when an option is selected
+   *
+   * @param href
+   */
+  onSelect?: (href: string) => void;
+  /**
+   * Additional CSS class name to be applied to the breadcrumb
+   */
+  className?: string;
+}
+//#endregion
+export { DsBreadcrumbItem, DsBreadcrumbProps };
+//# sourceMappingURL=ds-breadcrumb.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-breadcrumb.types.d.ts","names":[],"sources":["../../../src/components/ds-breadcrumb/ds-breadcrumb.types.tsx"],"sourcesContent":[],"mappings":";;;;KAEY,gBAAA;;;EAAA,IAAA,EAAA,MAAA;EAcK,IAAA,CAAA,EATP,QASO;;;;;;;;SAHP;;UAGO,iBAAA;;;;SAIT"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsBreadcrumbItem, DsBreadcrumbProps } from "./ds-breadcrumb.types.js";
+import { DsBreadcrumb } from "./ds-breadcrumb.js";

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

@@ -0,0 +1 @@
+import ds_breadcrumb_default from "./ds-breadcrumb.js";

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

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_button_legacy = require('./versions/ds-button-legacy/ds-button-legacy.cjs');
+require('./versions/ds-button-legacy/index.cjs');
+const require_ds_button_new = require('./versions/ds-button-new/ds-button-new.cjs');
+require('./versions/ds-button-new/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-button/ds-button.tsx
+const DsButton = (props) => {
+	if (props.design === "v1.2") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button_new.default, { ...props });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_button_legacy.default, { ...props });
+};
+var ds_button_default = DsButton;
+
+//#endregion
+exports.default = ds_button_default;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import ds_button_legacy_default from "./versions/ds-button-legacy/ds-button-legacy.js";
+import "./versions/ds-button-legacy/index.js";
+import ds_button_new_default from "./versions/ds-button-new/ds-button-new.js";
+import "./versions/ds-button-new/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-button/ds-button.tsx
+const DsButton = (props) => {
+	if (props.design === "v1.2") return /* @__PURE__ */ jsx(ds_button_new_default, { ...props });
+	return /* @__PURE__ */ jsx(ds_button_legacy_default, { ...props });
+};
+var ds_button_default = DsButton;
+
+//#endregion
+export { ds_button_default as default };
+//# sourceMappingURL=ds-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.js","names":["DsButtonNew","DsButtonLegacy"],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":["import { DsButtonLegacy } from './versions/ds-button-legacy';\nimport { DsButtonNew } from './versions/ds-button-new';\nimport type { DsButtonUnifiedProps } from './ds-button.types';\n\nconst DsButton = (props: DsButtonUnifiedProps) => {\n\tif (props.design === 'v1.2') {\n\t\treturn <DsButtonNew {...props} />;\n\t}\n\treturn <DsButtonLegacy {...props} />;\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;AAIA,MAAM,YAAY,UAAgC;AACjD,KAAI,MAAM,WAAW,OACpB,QAAO,oBAACA,yBAAY,GAAI,QAAS;AAElC,QAAO,oBAACC,4BAAe,GAAI,QAAS;;AAGrC,wBAAe"}

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

@@ -0,0 +1,12 @@
+import { DsButtonProps } from "./versions/ds-button-legacy/ds-button-legacy.types.cjs";
+import { DsButtonProps as DsButtonProps$1 } from "./versions/ds-button-new/ds-button-new.types.cjs";
+
+//#region src/components/ds-button/ds-button.types.d.ts
+type DsButtonUnifiedProps = (DsButtonProps & {
+  design?: undefined | 'legacy';
+}) | (DsButtonProps$1 & {
+  design: 'v1.2';
+});
+//#endregion
+export { DsButtonUnifiedProps };
+//# sourceMappingURL=ds-button.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.types.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,oBAAA,IACR;;AADJ,CAAA,CAAA,GAAY,CAER,eAFQ,GAAA"}

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

@@ -0,0 +1,12 @@
+import { DsButtonProps } from "./versions/ds-button-legacy/ds-button-legacy.types.js";
+import { DsButtonProps as DsButtonProps$1 } from "./versions/ds-button-new/ds-button-new.types.js";
+
+//#region src/components/ds-button/ds-button.types.d.ts
+type DsButtonUnifiedProps = (DsButtonProps & {
+  design?: undefined | 'legacy';
+}) | (DsButtonProps$1 & {
+  design: 'v1.2';
+});
+//#endregion
+export { DsButtonUnifiedProps };
+//# sourceMappingURL=ds-button.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.types.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,oBAAA,IACR;;AADJ,CAAA,CAAA,GAAY,CAER,eAFQ,GAAA"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsButtonUnifiedProps } from "./ds-button.types.js";
+import { DsButton } from "./ds-button.js";

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

@@ -0,0 +1 @@
+import ds_button_default from "./ds-button.js";

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_button_legacy_module = require('./ds-button-legacy.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx
+/**
+* Design system Button component
+*/
+const DsButton = ({ schema = "primary", variant = "filled", size = "medium", disabled = false, className, contentClassName, children, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: (0, classnames.default)(require_ds_button_legacy_module.default.button, require_ds_button_legacy_module.default[`${schema}-${variant}`], require_ds_button_legacy_module.default[size], { [require_ds_button_legacy_module.default.disabled]: disabled }, className),
+		disabled,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: (0, classnames.default)(require_ds_button_legacy_module.default.content, contentClassName),
+			children
+		})
+	});
+};
+var ds_button_legacy_default = DsButton;
+
+//#endregion
+exports.default = ds_button_legacy_default;

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js

@@ -0,0 +1,25 @@
+import ds_button_legacy_module_default from "./ds-button-legacy.module.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx
+/**
+* Design system Button component
+*/
+const DsButton = ({ schema = "primary", variant = "filled", size = "medium", disabled = false, className, contentClassName, children, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: classNames(ds_button_legacy_module_default.button, ds_button_legacy_module_default[`${schema}-${variant}`], ds_button_legacy_module_default[size], { [ds_button_legacy_module_default.disabled]: disabled }, className),
+		disabled,
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			className: classNames(ds_button_legacy_module_default.content, contentClassName),
+			children
+		})
+	});
+};
+var ds_button_legacy_default = DsButton;
+
+//#endregion
+export { ds_button_legacy_default as default };
+//# sourceMappingURL=ds-button-legacy.js.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.js","names":["DsButton: React.FC<DsButtonProps>","styles"],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport styles from './ds-button-legacy.module.scss';\nimport type { DsButtonProps } from './ds-button-legacy.types';\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tschema = 'primary',\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\tstyles[`${schema}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;AAQA,MAAMA,YAAqC,EAC1C,SAAS,WACT,UAAU,UACV,OAAO,UACP,WAAW,OACX,WACA,kBACA,UACA,GAAG,YACE;AASL,QACC,oBAAC;EAAO,MAAK;EAAS,WATH,WACnBC,gCAAO,QACPA,gCAAO,GAAG,OAAO,GAAG,YACpBA,gCAAO,OACP,GAAGA,gCAAO,WAAW,UAAU,EAC/B,UACA;EAGwD;EAAU,GAAI;YACrE,oBAAC;GAAK,WAAW,WAAWA,gCAAO,SAAS,iBAAiB;GAAG;IAAgB;GACxE;;AAIX,+BAAe"}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.cjs

@@ -0,0 +1,27 @@
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss
+var ds_button_legacy_module_default = {
+	"button": "_button_c7rg5_1",
+	"content": "_content_c7rg5_1",
+	"small": "_small_c7rg5_1",
+	"medium": "_medium_c7rg5_1",
+	"large": "_large_c7rg5_1",
+	"primary-filled": "_primary-filled_c7rg5_1",
+	"primary-ghost": "_primary-ghost_c7rg5_1",
+	"primary-borderless": "_primary-borderless_c7rg5_1",
+	"primary-round": "_primary-round_c7rg5_1",
+	"primary-dashed": "_primary-dashed_c7rg5_1",
+	"secondary-filled": "_secondary-filled_c7rg5_1",
+	"secondary-ghost": "_secondary-ghost_c7rg5_1",
+	"secondary-borderless": "_secondary-borderless_c7rg5_1",
+	"secondary-round": "_secondary-round_c7rg5_1",
+	"secondary-dashed": "_secondary-dashed_c7rg5_1",
+	"error-filled": "_error-filled_c7rg5_1",
+	"error-ghost": "_error-ghost_c7rg5_1",
+	"error-borderless": "_error-borderless_c7rg5_1",
+	"error-round": "_error-round_c7rg5_1",
+	"error-dashed": "_error-dashed_c7rg5_1"
+};
+
+//#endregion
+exports.default = ds_button_legacy_module_default;

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.js

@@ -0,0 +1,27 @@
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss
+var ds_button_legacy_module_default = {
+	"button": "_button_c7rg5_1",
+	"content": "_content_c7rg5_1",
+	"small": "_small_c7rg5_1",
+	"medium": "_medium_c7rg5_1",
+	"large": "_large_c7rg5_1",
+	"primary-filled": "_primary-filled_c7rg5_1",
+	"primary-ghost": "_primary-ghost_c7rg5_1",
+	"primary-borderless": "_primary-borderless_c7rg5_1",
+	"primary-round": "_primary-round_c7rg5_1",
+	"primary-dashed": "_primary-dashed_c7rg5_1",
+	"secondary-filled": "_secondary-filled_c7rg5_1",
+	"secondary-ghost": "_secondary-ghost_c7rg5_1",
+	"secondary-borderless": "_secondary-borderless_c7rg5_1",
+	"secondary-round": "_secondary-round_c7rg5_1",
+	"secondary-dashed": "_secondary-dashed_c7rg5_1",
+	"error-filled": "_error-filled_c7rg5_1",
+	"error-ghost": "_error-ghost_c7rg5_1",
+	"error-borderless": "_error-borderless_c7rg5_1",
+	"error-round": "_error-round_c7rg5_1",
+	"error-dashed": "_error-dashed_c7rg5_1"
+};
+
+//#endregion
+export { ds_button_legacy_module_default as default };
+//# sourceMappingURL=ds-button-legacy.module.js.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_variables.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n$color-primary-default: var(--action-cta1);\n$color-primary-hover: var(--action-hover-light);\n$color-primary-active: var(--action-active-light);\n$color-primary-disabled: var(--action-disabled);\n\n$color-secondary-default: var(--action-cta3);\n$color-secondary-hover: var(--neutral-4);\n$color-secondary-disabled: var(--action-disabled);\n\n$color-error-default: var(--system-status-error);\n$color-error-hover: var(--utility-error);\n$color-error-active: var(--utility-error);\n$color-error-disabled: var(--action-disabled);\n\n$color-white: var(--white);\n$color-neutral-6: var(--utility-disabled);\n$color-neutral-4: var(--neutral-4);\n\n@mixin button-filled($background, $hover, $active, $disabled) {\n\tbackground: $background;\n\tcolor: $color-white;\n\n\t&:disabled {\n\t\tcolor: $color-neutral-6;\n\t\tbackground: $disabled;\n\t}\n}\n\n@mixin button-ghost($color, $hover, $active, $disabled) {\n\tborder: 2px solid $color;\n\tcolor: $color;\n\n\t&:disabled {\n\t\tcolor: $disabled;\n\t\tborder-color: $disabled;\n\t}\n}\n\n@mixin button-borderless($color, $hover, $active, $disabled) {\n\tcolor: $color;\n\tborder: none;\n\n\t&.content {\n\t\tgap: 4px;\n\t}\n\n\t&:hover {\n\t\tcolor: $hover;\n\t}\n\n\t&:active {\n\t\tcolor: $active;\n\t}\n\n\t&:disabled {\n\t\tcolor: $disabled;\n\t}\n}\n\n@mixin button-round($background, $hover, $active, $disabled) {\n\t@include button-filled($background, $hover, $active, $disabled);\n\tborder-radius: 32px;\n}\n\n.button {\n\t@include typography.regular;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 4px;\n\twhite-space: nowrap;\n\tcursor: pointer;\n\tborder: none;\n\tpadding: 0;\n\tfont: inherit;\n\tbackground: none;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:not(:disabled) {\n\t\tcursor: pointer;\n\t}\n\n\t.content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t}\n\n\t&.small {\n\t\t@include typography.p-base;\n\t\tpadding: 6px 12px;\n\n\t\t.content {\n\t\t\tgap: 6px;\n\t\t}\n\t}\n\n\t&.medium {\n\t\t@include typography.p-base;\n\t\t@include typography.medium;\n\t\tpadding: 12px;\n\n\t\t.content {\n\t\t\tgap: 9px;\n\t\t}\n\t}\n\n\t&.large {\n\t\t@include typography.p-base;\n\t\t@include typography.medium;\n\t\tpadding: 14px 12px;\n\t}\n\n\t&.primary-filled {\n\t\t@include button-filled(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-primary-disabled\n\t\t);\n\t}\n\n\t&.primary-ghost {\n\t\t@include button-ghost(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-neutral-4\n\t\t);\n\t}\n\n\t&.primary-borderless {\n\t\t@include button-borderless(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-primary-disabled\n\t\t);\n\t}\n\n\t&.primary-round {\n\t\t@include button-round(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-primary-disabled\n\t\t);\n\t}\n\n\t&.primary-dashed {\n\t\t@include button-ghost(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-neutral-4\n\t\t);\n\t\tborder-style: dashed;\n\t}\n\n\t&.secondary-filled {\n\t\t@include button-filled(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-ghost {\n\t\t@include button-ghost(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-borderless {\n\t\t@include button-borderless(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-round {\n\t\t@include button-round(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-dashed {\n\t\t@include button-ghost(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t\tborder-style: dashed;\n\t}\n\n\t&.error-filled {\n\t\t@include button-filled(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-ghost {\n\t\t@include button-ghost(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-borderless {\n\t\t@include button-borderless(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-round {\n\t\t@include button-round(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-dashed {\n\t\t@include button-ghost(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t\tborder-style: dashed;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.cts

@@ -0,0 +1,38 @@
+import React from "react";
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
+declare const buttonSchemas: readonly ["primary", "secondary", "error"];
+type ButtonSchema = (typeof buttonSchemas)[number];
+declare const buttonVariants: readonly ["filled", "ghost", "borderless", "round", "dashed"];
+type ButtonVariant = (typeof buttonVariants)[number];
+declare const buttonSizes: readonly ["large", "medium", "small"];
+type ButtonSize = (typeof buttonSizes)[number];
+interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Color schema of the button
+   * @default 'primary'
+   */
+  schema?: ButtonSchema;
+  /**
+   * Visual variant of the button
+   * @default 'filled'
+   */
+  variant?: ButtonVariant;
+  /**
+   * Size of the button
+   * @default 'medium'
+   */
+  size?: ButtonSize;
+  /**
+   * Whether the button is disabled
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Class name for the button content
+   */
+  contentClassName?: string;
+}
+//#endregion
+export { DsButtonProps };
+//# sourceMappingURL=ds-button-legacy.types.d.cts.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.types.d.cts","names":[],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,YAAA,WAAuB;AADtB,cAGA,cAH0D,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,QAAA,CAAA;AAC3D,KAGA,aAAA,GAHY,CAAA,OAGY,cAHY,CAAA,CAAA,MAAA,CAAA;AAEnC,cAGA,WAH8E,EAAA,SAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA;AAC/E,KAGA,UAAA,GAHa,CAAA,OAGQ,WAHG,CAAA,CAAA,MAAc,CAAA;AAErC,UAGI,aAAA,SAAsB,KAAA,CAAM,oBAHmB,CAGE,iBAHF,CAAA,CAAA;EACpD;AAEZ;;;EAWW,MAAA,CAAA,EAND,YAMC;EAMH;;;;YANG;;;;;SAMH"}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
+declare const buttonSchemas: readonly ["primary", "secondary", "error"];
+type ButtonSchema = (typeof buttonSchemas)[number];
+declare const buttonVariants: readonly ["filled", "ghost", "borderless", "round", "dashed"];
+type ButtonVariant = (typeof buttonVariants)[number];
+declare const buttonSizes: readonly ["large", "medium", "small"];
+type ButtonSize = (typeof buttonSizes)[number];
+interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Color schema of the button
+   * @default 'primary'
+   */
+  schema?: ButtonSchema;
+  /**
+   * Visual variant of the button
+   * @default 'filled'
+   */
+  variant?: ButtonVariant;
+  /**
+   * Size of the button
+   * @default 'medium'
+   */
+  size?: ButtonSize;
+  /**
+   * Whether the button is disabled
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Class name for the button content
+   */
+  contentClassName?: string;
+}
+//#endregion
+export { DsButtonProps };
+//# sourceMappingURL=ds-button-legacy.types.d.ts.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.types.d.ts","names":[],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,YAAA,WAAuB;AADtB,cAGA,cAH0D,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,QAAA,CAAA;AAC3D,KAGA,aAAA,GAHY,CAAA,OAGY,cAHY,CAAA,CAAA,MAAA,CAAA;AAEnC,cAGA,WAH8E,EAAA,SAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA;AAC/E,KAGA,UAAA,GAHa,CAAA,OAGQ,WAHG,CAAA,CAAA,MAAc,CAAA;AAErC,UAGI,aAAA,SAAsB,KAAA,CAAM,oBAHmB,CAGE,iBAHF,CAAA,CAAA;EACpD;AAEZ;;;EAWW,MAAA,CAAA,EAND,YAMC;EAMH;;;;YANG;;;;;SAMH"}

package/dist/components/ds-button/versions/ds-button-legacy/index.cjs

@@ -0,0 +1 @@
+const require_ds_button_legacy = require('./ds-button-legacy.cjs');

package/dist/components/ds-button/versions/ds-button-legacy/index.js

@@ -0,0 +1 @@
+import ds_button_legacy_default from "./ds-button-legacy.js";

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../../../ds-icon/ds-icon.cjs');
+const require_ds_button_new_module = require('./ds-button-new.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+
+//#region src/components/ds-button/versions/ds-button-new/ds-button-new.tsx
+const isIconOnly = (children) => {
+	if (react.Children.count(children) !== 1) return false;
+	const onlyChild = react.Children.toArray(children)[0];
+	return (0, react.isValidElement)(onlyChild) && onlyChild.type === require_ds_icon.default;
+};
+/**
+* Design system Button component
+*/
+const DsButton = ({ buttonType, variant = "filled", size = "medium", disabled = false, className, contentClassName, children, ...props }) => {
+	const type = buttonType ?? (variant === "ghost" ? "secondary" : "primary");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		className: (0, classnames.default)(require_ds_button_new_module.default.button, { [require_ds_button_new_module.default.iconButton]: isIconOnly(children) }, require_ds_button_new_module.default[`${type}-${variant}`], require_ds_button_new_module.default[size], { [require_ds_button_new_module.default.disabled]: disabled }, className),
+		disabled,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: (0, classnames.default)(require_ds_button_new_module.default.content, contentClassName),
+			children
+		})
+	});
+};
+var ds_button_new_default = DsButton;
+
+//#endregion
+exports.default = ds_button_new_default;