@ultraviolet/ui 3.0.0-beta.13 → 3.0.0-beta.14

package/dist/components/Alert/styles.css.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                                    */
 ;/* empty css                            */
 const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var alert = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", success: "uv_1b838gx3", warning: "uv_1b838gx4", neutral: "uv_1b838gx5" } }, defaultVariants: { sentiment: "danger" }, compoundVariants: [] });

package/dist/components/Alert/styles.css.js

@@ -1,3 +1,4 @@
+/* empty css                                                  */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var alert = createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", success: "uv_1b838gx3", warning: "uv_1b838gx4", neutral: "uv_1b838gx5" } }, defaultVariants: { sentiment: "danger" }, compoundVariants: [] });

package/dist/components/Breadcrumbs/components/Item.cjs

@@ -2,57 +2,40 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
+const react = require("react");
 const index$1 = require("../../Button/index.cjs");
 const index = require("../../Link/index.cjs");
-const constants = require("../constants.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledLink = /* @__PURE__ */ _styled__default.default(index.Link, process.env.NODE_ENV === "production" ? {
-  target: "ebtif2m2"
-} : {
-  target: "ebtif2m2",
-  label: "StyledLink"
-})("padding-right:", ({
-  theme
-}) => theme.space["1"], ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbidcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi8uLi9MaW5rJ1xuaW1wb3J0IHsgSEVJR0hUIH0gZnJvbSAnLi4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspYFxuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8eyBtYXhXaWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmcgfT5gXG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aCB8fCAnYXV0byd9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgSXRlbUNvbnRhaW5lciA9IHN0eWxlZC5saTx7IG1heFdpZHRoPzogc3RyaW5nOyBtaW5XaWR0aD86IHN0cmluZyB9PmBcbiAgZGlzcGxheTogaW5saW5lO1xuICBoZWlnaHQ6ICR7SEVJR0hUfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMTtcbiAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICdhdXRvJ307XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblxuICAkeyh7IG9uQ2xpY2sgfSkgPT5cbiAgICBvbkNsaWNrXG4gICAgICA/IGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgYFxuICAgICAgOiBgYH1cblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIH1cblxuICAmOmxhc3QtY2hpbGQge1xuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRCdXR0b259IHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIH1cbiAgfVxuYFxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAnYXJpYS1jdXJyZW50Jz86XG4gICAgfCBib29sZWFuXG4gICAgfCAnZmFsc2UnXG4gICAgfCAndHJ1ZSdcbiAgICB8ICdwYWdlJ1xuICAgIHwgJ3N0ZXAnXG4gICAgfCAnbG9jYXRpb24nXG4gICAgfCAnZGF0ZSdcbiAgICB8ICd0aW1lJ1xuICAvKipcbiAgICogTWFrZSB0aGUgY29tcG9uZW50IGFjdCBhIGBMaW5rYCB0YWdcbiAgICovXG4gIHRvPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdE1vdXNlRXZlbnQ8SFRNTExJRWxlbWVudD4pID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICAnYXJpYS1jdXJyZW50JzogYXJpYUN1cnJlbnQsXG4gIG9uQ2xpY2ssXG4gIGNsYXNzTmFtZSxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxJdGVtQ29udGFpbmVyXG4gICAgYXJpYS1jdXJyZW50PXthcmlhQ3VycmVudH1cbiAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gID5cbiAgICB7dG8gPyAoXG4gICAgICA8U3R5bGVkTGluayBocmVmPXt0b30gcHJvbWluZW5jZT1cInN0cm9uZ2VyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkTGluaz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgKX1cbiAgPC9JdGVtQ29udGFpbmVyPlxuKVxuIl19 */"));
-const StyledButton = /* @__PURE__ */ _styled__default.default(index$1.Button, process.env.NODE_ENV === "production" ? {
-  target: "ebtif2m1"
-} : {
-  target: "ebtif2m1",
-  label: "StyledButton"
-})("min-width:", ({
-  minWidth
-}) => minWidth || "auto", ";max-width:", ({
-  maxWidth
-}) => maxWidth || "fit-content", ";overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbidcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi8uLi9MaW5rJ1xuaW1wb3J0IHsgSEVJR0hUIH0gZnJvbSAnLi4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspYFxuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8eyBtYXhXaWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmcgfT5gXG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aCB8fCAnYXV0byd9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgSXRlbUNvbnRhaW5lciA9IHN0eWxlZC5saTx7IG1heFdpZHRoPzogc3RyaW5nOyBtaW5XaWR0aD86IHN0cmluZyB9PmBcbiAgZGlzcGxheTogaW5saW5lO1xuICBoZWlnaHQ6ICR7SEVJR0hUfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMTtcbiAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICdhdXRvJ307XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblxuICAkeyh7IG9uQ2xpY2sgfSkgPT5cbiAgICBvbkNsaWNrXG4gICAgICA/IGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgYFxuICAgICAgOiBgYH1cblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIH1cblxuICAmOmxhc3QtY2hpbGQge1xuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRCdXR0b259IHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIH1cbiAgfVxuYFxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAnYXJpYS1jdXJyZW50Jz86XG4gICAgfCBib29sZWFuXG4gICAgfCAnZmFsc2UnXG4gICAgfCAndHJ1ZSdcbiAgICB8ICdwYWdlJ1xuICAgIHwgJ3N0ZXAnXG4gICAgfCAnbG9jYXRpb24nXG4gICAgfCAnZGF0ZSdcbiAgICB8ICd0aW1lJ1xuICAvKipcbiAgICogTWFrZSB0aGUgY29tcG9uZW50IGFjdCBhIGBMaW5rYCB0YWdcbiAgICovXG4gIHRvPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdE1vdXNlRXZlbnQ8SFRNTExJRWxlbWVudD4pID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICAnYXJpYS1jdXJyZW50JzogYXJpYUN1cnJlbnQsXG4gIG9uQ2xpY2ssXG4gIGNsYXNzTmFtZSxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxJdGVtQ29udGFpbmVyXG4gICAgYXJpYS1jdXJyZW50PXthcmlhQ3VycmVudH1cbiAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gID5cbiAgICB7dG8gPyAoXG4gICAgICA8U3R5bGVkTGluayBocmVmPXt0b30gcHJvbWluZW5jZT1cInN0cm9uZ2VyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkTGluaz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgKX1cbiAgPC9JdGVtQ29udGFpbmVyPlxuKVxuIl19 */"));
-const ItemContainer = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
-  target: "ebtif2m0"
-} : {
-  target: "ebtif2m0",
-  label: "ItemContainer"
-})("display:inline;height:", constants.HEIGHT, ";display:flex;align-items:center;flex:1;min-width:", ({
-  minWidth
-}) => minWidth || "auto", ";max-width:", ({
-  maxWidth
-}) => maxWidth || "fit-content", ";", ({
-  onClick
-}) => onClick ? `
-    cursor: pointer;
-    &[aria-disabled="true"] {
-      pointer-events: none;
-    }
-    ` : ``, " &:not(:first-child){", StyledLink, "{padding:0 ", ({
-  theme
-}) => theme.space["1"], ";}}&:last-child{", StyledLink, "{pointer-events:none;}", StyledButton, "{pointer-events:none;cursor:default;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9jb21wb25lbnRzL0l0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50IGFzIFJlYWN0TW91c2VFdmVudCwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi9CdXR0b24nXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vLi4vTGluaydcbmltcG9ydCB7IEhFSUdIVCB9IGZyb20gJy4uL2NvbnN0YW50cydcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKWBcbiAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gXG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pPHsgbWF4V2lkdGg/OiBzdHJpbmc7IG1pbldpZHRoPzogc3RyaW5nIH0+YFxuICBtaW4td2lkdGg6ICR7KHsgbWluV2lkdGggfSkgPT4gbWluV2lkdGggfHwgJ2F1dG8nfTtcbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICdmaXQtY29udGVudCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gXG5cbmNvbnN0IEl0ZW1Db250YWluZXIgPSBzdHlsZWQubGk8eyBtYXhXaWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGlubGluZTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXg6IDE7XG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aCB8fCAnYXV0byd9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG5cbiAgJHsoeyBvbkNsaWNrIH0pID0+XG4gICAgb25DbGlja1xuICAgICAgPyBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICZbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuICAgIGBcbiAgICAgIDogYGB9XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgJHtTdHlsZWRMaW5rfSB7XG4gICAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgfVxuICB9XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgICR7U3R5bGVkQnV0dG9ufSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICB9XG4gIH1cbmBcblxudHlwZSBJdGVtUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgJ2FyaWEtY3VycmVudCc/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgJ2ZhbHNlJ1xuICAgIHwgJ3RydWUnXG4gICAgfCAncGFnZSdcbiAgICB8ICdzdGVwJ1xuICAgIHwgJ2xvY2F0aW9uJ1xuICAgIHwgJ2RhdGUnXG4gICAgfCAndGltZSdcbiAgLyoqXG4gICAqIE1ha2UgdGhlIGNvbXBvbmVudCBhY3QgYSBgTGlua2AgdGFnXG4gICAqL1xuICB0bz86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3RNb3VzZUV2ZW50PEhUTUxMSUVsZW1lbnQ+KSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBtYXhXaWR0aD86IHN0cmluZ1xuICBtaW5XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSXRlbSA9ICh7XG4gIHRvLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgJ2FyaWEtY3VycmVudCc6IGFyaWFDdXJyZW50LFxuICBvbkNsaWNrLFxuICBjbGFzc05hbWUsXG4gIG1heFdpZHRoLFxuICBtaW5XaWR0aCxcbn06IEl0ZW1Qcm9wcykgPT4gKFxuICA8SXRlbUNvbnRhaW5lclxuICAgIGFyaWEtY3VycmVudD17YXJpYUN1cnJlbnR9XG4gICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICA+XG4gICAge3RvID8gKFxuICAgICAgPFN0eWxlZExpbmsgaHJlZj17dG99IHByb21pbmVuY2U9XCJzdHJvbmdlclwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZExpbms+XG4gICAgKSA6IChcbiAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICl9XG4gIDwvSXRlbUNvbnRhaW5lcj5cbilcbiJdfQ== */"));
+const index$2 = require("../../Text/index.cjs");
+const styles_css = require("./styles.css.cjs");
 const Item = ({
   to,
   children,
   disabled = false,
   "aria-current": ariaCurrent,
   onClick,
+  onKeyDown,
   className,
   maxWidth,
   minWidth
-}) => /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { "aria-current": ariaCurrent, "aria-disabled": disabled, className, maxWidth, minWidth, onClick, children: to ? /* @__PURE__ */ jsxRuntime.jsx(StyledLink, { href: to, prominence: "stronger", size: "small", children }) : /* @__PURE__ */ jsxRuntime.jsx(StyledButton, { disabled, maxWidth, minWidth, sentiment: "neutral", size: "small", variant: "ghost", children }) });
+}) => {
+  const renderedChildren = react.useMemo(() => {
+    if (to) {
+      return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { className: styles_css.linkBreadcrumbs, href: to, prominence: "stronger", size: "small", children });
+    }
+    if (onClick) {
+      return /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { className: styles_css.contentBreadcrumbs, disabled, sentiment: "neutral", size: "small", style: dynamic.assignInlineVars({
+        [styles_css.minWidthVar]: minWidth?.toString(),
+        [styles_css.maxWidthVar]: maxWidth?.toString()
+      }), variant: "ghost", children });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "div", className: styles_css.contentBreadcrumbs, variant: "bodySmallStrong", children });
+  }, [children, disabled, maxWidth, minWidth, onClick, to]);
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "aria-current": ariaCurrent, className: `${className ? `${className} ` : ""}${styles_css.itemContainerBreadcrumbs({
+    clickable: !!onClick
+  })} ${styles_css.breadcrumbsItem}`, onClick, onKeyDown, style: dynamic.assignInlineVars({
+    [styles_css.minWidthVar]: minWidth?.toString(),
+    [styles_css.maxWidthVar]: maxWidth?.toString()
+  }), children: renderedChildren });
+};
 exports.Item = Item;

package/dist/components/Breadcrumbs/components/Item.d.ts

@@ -1,4 +1,4 @@
-import type { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import type { KeyboardEvent, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
 type ItemProps = {
     children: ReactNode;
     'aria-current'?: boolean | 'false' | 'true' | 'page' | 'step' | 'location' | 'date' | 'time';
@@ -8,9 +8,10 @@ type ItemProps = {
     to?: string;
     disabled?: boolean;
     onClick?: (event: ReactMouseEvent<HTMLLIElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLLIElement>) => void;
     className?: string;
     maxWidth?: string;
     minWidth?: string;
 };
-export declare const Item: ({ to, children, disabled, "aria-current": ariaCurrent, onClick, className, maxWidth, minWidth, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Item: ({ to, children, disabled, "aria-current": ariaCurrent, onClick, onKeyDown, className, maxWidth, minWidth, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Breadcrumbs/components/Item.js

@@ -1,56 +1,41 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useMemo } from "react";
 import { Button } from "../../Button/index.js";
 import { Link } from "../../Link/index.js";
-import { HEIGHT } from "../constants.js";
-const StyledLink = /* @__PURE__ */ _styled(Link, process.env.NODE_ENV === "production" ? {
-  target: "ebtif2m2"
-} : {
-  target: "ebtif2m2",
-  label: "StyledLink"
-})("padding-right:", ({
-  theme
-}) => theme.space["1"], ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbidcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi8uLi9MaW5rJ1xuaW1wb3J0IHsgSEVJR0hUIH0gZnJvbSAnLi4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspYFxuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8eyBtYXhXaWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmcgfT5gXG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aCB8fCAnYXV0byd9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgSXRlbUNvbnRhaW5lciA9IHN0eWxlZC5saTx7IG1heFdpZHRoPzogc3RyaW5nOyBtaW5XaWR0aD86IHN0cmluZyB9PmBcbiAgZGlzcGxheTogaW5saW5lO1xuICBoZWlnaHQ6ICR7SEVJR0hUfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMTtcbiAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICdhdXRvJ307XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblxuICAkeyh7IG9uQ2xpY2sgfSkgPT5cbiAgICBvbkNsaWNrXG4gICAgICA/IGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgYFxuICAgICAgOiBgYH1cblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIH1cblxuICAmOmxhc3QtY2hpbGQge1xuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRCdXR0b259IHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIH1cbiAgfVxuYFxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAnYXJpYS1jdXJyZW50Jz86XG4gICAgfCBib29sZWFuXG4gICAgfCAnZmFsc2UnXG4gICAgfCAndHJ1ZSdcbiAgICB8ICdwYWdlJ1xuICAgIHwgJ3N0ZXAnXG4gICAgfCAnbG9jYXRpb24nXG4gICAgfCAnZGF0ZSdcbiAgICB8ICd0aW1lJ1xuICAvKipcbiAgICogTWFrZSB0aGUgY29tcG9uZW50IGFjdCBhIGBMaW5rYCB0YWdcbiAgICovXG4gIHRvPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdE1vdXNlRXZlbnQ8SFRNTExJRWxlbWVudD4pID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICAnYXJpYS1jdXJyZW50JzogYXJpYUN1cnJlbnQsXG4gIG9uQ2xpY2ssXG4gIGNsYXNzTmFtZSxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxJdGVtQ29udGFpbmVyXG4gICAgYXJpYS1jdXJyZW50PXthcmlhQ3VycmVudH1cbiAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gID5cbiAgICB7dG8gPyAoXG4gICAgICA8U3R5bGVkTGluayBocmVmPXt0b30gcHJvbWluZW5jZT1cInN0cm9uZ2VyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkTGluaz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgKX1cbiAgPC9JdGVtQ29udGFpbmVyPlxuKVxuIl19 */"));
-const StyledButton = /* @__PURE__ */ _styled(Button, process.env.NODE_ENV === "production" ? {
-  target: "ebtif2m1"
-} : {
-  target: "ebtif2m1",
-  label: "StyledButton"
-})("min-width:", ({
-  minWidth
-}) => minWidth || "auto", ";max-width:", ({
-  maxWidth
-}) => maxWidth || "fit-content", ";overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTZFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL0J1dHRvbidcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi8uLi9MaW5rJ1xuaW1wb3J0IHsgSEVJR0hUIH0gZnJvbSAnLi4vY29uc3RhbnRzJ1xuXG5jb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspYFxuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbik8eyBtYXhXaWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmcgfT5gXG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aCB8fCAnYXV0byd9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbmBcblxuY29uc3QgSXRlbUNvbnRhaW5lciA9IHN0eWxlZC5saTx7IG1heFdpZHRoPzogc3RyaW5nOyBtaW5XaWR0aD86IHN0cmluZyB9PmBcbiAgZGlzcGxheTogaW5saW5lO1xuICBoZWlnaHQ6ICR7SEVJR0hUfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMTtcbiAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICdhdXRvJ307XG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcblxuICAkeyh7IG9uQ2xpY2sgfSkgPT5cbiAgICBvbkNsaWNrXG4gICAgICA/IGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgYFxuICAgICAgOiBgYH1cblxuICAmOm5vdCg6Zmlyc3QtY2hpbGQpIHtcbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIH1cblxuICAmOmxhc3QtY2hpbGQge1xuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRCdXR0b259IHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgIH1cbiAgfVxuYFxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAnYXJpYS1jdXJyZW50Jz86XG4gICAgfCBib29sZWFuXG4gICAgfCAnZmFsc2UnXG4gICAgfCAndHJ1ZSdcbiAgICB8ICdwYWdlJ1xuICAgIHwgJ3N0ZXAnXG4gICAgfCAnbG9jYXRpb24nXG4gICAgfCAnZGF0ZSdcbiAgICB8ICd0aW1lJ1xuICAvKipcbiAgICogTWFrZSB0aGUgY29tcG9uZW50IGFjdCBhIGBMaW5rYCB0YWdcbiAgICovXG4gIHRvPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdE1vdXNlRXZlbnQ8SFRNTExJRWxlbWVudD4pID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICAnYXJpYS1jdXJyZW50JzogYXJpYUN1cnJlbnQsXG4gIG9uQ2xpY2ssXG4gIGNsYXNzTmFtZSxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxJdGVtQ29udGFpbmVyXG4gICAgYXJpYS1jdXJyZW50PXthcmlhQ3VycmVudH1cbiAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gID5cbiAgICB7dG8gPyAoXG4gICAgICA8U3R5bGVkTGluayBocmVmPXt0b30gcHJvbWluZW5jZT1cInN0cm9uZ2VyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkTGluaz5cbiAgICApIDogKFxuICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgKX1cbiAgPC9JdGVtQ29udGFpbmVyPlxuKVxuIl19 */"));
-const ItemContainer = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
-  target: "ebtif2m0"
-} : {
-  target: "ebtif2m0",
-  label: "ItemContainer"
-})("display:inline;height:", HEIGHT, ";display:flex;align-items:center;flex:1;min-width:", ({
-  minWidth
-}) => minWidth || "auto", ";max-width:", ({
-  maxWidth
-}) => maxWidth || "fit-content", ";", ({
-  onClick
-}) => onClick ? `
-    cursor: pointer;
-    &[aria-disabled="true"] {
-      pointer-events: none;
-    }
-    ` : ``, " &:not(:first-child){", StyledLink, "{padding:0 ", ({
-  theme
-}) => theme.space["1"], ";}}&:last-child{", StyledLink, "{pointer-events:none;}", StyledButton, "{pointer-events:none;cursor:default;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2NvbXBvbmVudHMvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9jb21wb25lbnRzL0l0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50IGFzIFJlYWN0TW91c2VFdmVudCwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi8uLi9CdXR0b24nXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vLi4vTGluaydcbmltcG9ydCB7IEhFSUdIVCB9IGZyb20gJy4uL2NvbnN0YW50cydcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKWBcbiAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gXG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pPHsgbWF4V2lkdGg/OiBzdHJpbmc7IG1pbldpZHRoPzogc3RyaW5nIH0+YFxuICBtaW4td2lkdGg6ICR7KHsgbWluV2lkdGggfSkgPT4gbWluV2lkdGggfHwgJ2F1dG8nfTtcbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICdmaXQtY29udGVudCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBibG9jaztcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gXG5cbmNvbnN0IEl0ZW1Db250YWluZXIgPSBzdHlsZWQubGk8eyBtYXhXaWR0aD86IHN0cmluZzsgbWluV2lkdGg/OiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGlubGluZTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXg6IDE7XG4gIG1pbi13aWR0aDogJHsoeyBtaW5XaWR0aCB9KSA9PiBtaW5XaWR0aCB8fCAnYXV0byd9O1xuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG5cbiAgJHsoeyBvbkNsaWNrIH0pID0+XG4gICAgb25DbGlja1xuICAgICAgPyBgXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICZbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuICAgIGBcbiAgICAgIDogYGB9XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgJHtTdHlsZWRMaW5rfSB7XG4gICAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gICAgfVxuICB9XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgICR7U3R5bGVkQnV0dG9ufSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICB9XG4gIH1cbmBcblxudHlwZSBJdGVtUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgJ2FyaWEtY3VycmVudCc/OlxuICAgIHwgYm9vbGVhblxuICAgIHwgJ2ZhbHNlJ1xuICAgIHwgJ3RydWUnXG4gICAgfCAncGFnZSdcbiAgICB8ICdzdGVwJ1xuICAgIHwgJ2xvY2F0aW9uJ1xuICAgIHwgJ2RhdGUnXG4gICAgfCAndGltZSdcbiAgLyoqXG4gICAqIE1ha2UgdGhlIGNvbXBvbmVudCBhY3QgYSBgTGlua2AgdGFnXG4gICAqL1xuICB0bz86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3RNb3VzZUV2ZW50PEhUTUxMSUVsZW1lbnQ+KSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBtYXhXaWR0aD86IHN0cmluZ1xuICBtaW5XaWR0aD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSXRlbSA9ICh7XG4gIHRvLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgJ2FyaWEtY3VycmVudCc6IGFyaWFDdXJyZW50LFxuICBvbkNsaWNrLFxuICBjbGFzc05hbWUsXG4gIG1heFdpZHRoLFxuICBtaW5XaWR0aCxcbn06IEl0ZW1Qcm9wcykgPT4gKFxuICA8SXRlbUNvbnRhaW5lclxuICAgIGFyaWEtY3VycmVudD17YXJpYUN1cnJlbnR9XG4gICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICA+XG4gICAge3RvID8gKFxuICAgICAgPFN0eWxlZExpbmsgaHJlZj17dG99IHByb21pbmVuY2U9XCJzdHJvbmdlclwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZExpbms+XG4gICAgKSA6IChcbiAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICl9XG4gIDwvSXRlbUNvbnRhaW5lcj5cbilcbiJdfQ== */"));
+import { Text } from "../../Text/index.js";
+import { linkBreadcrumbs, contentBreadcrumbs, maxWidthVar, minWidthVar, itemContainerBreadcrumbs, breadcrumbsItem } from "./styles.css.js";
 const Item = ({
   to,
   children,
   disabled = false,
   "aria-current": ariaCurrent,
   onClick,
+  onKeyDown,
   className,
   maxWidth,
   minWidth
-}) => /* @__PURE__ */ jsx(ItemContainer, { "aria-current": ariaCurrent, "aria-disabled": disabled, className, maxWidth, minWidth, onClick, children: to ? /* @__PURE__ */ jsx(StyledLink, { href: to, prominence: "stronger", size: "small", children }) : /* @__PURE__ */ jsx(StyledButton, { disabled, maxWidth, minWidth, sentiment: "neutral", size: "small", variant: "ghost", children }) });
+}) => {
+  const renderedChildren = useMemo(() => {
+    if (to) {
+      return /* @__PURE__ */ jsx(Link, { className: linkBreadcrumbs, href: to, prominence: "stronger", size: "small", children });
+    }
+    if (onClick) {
+      return /* @__PURE__ */ jsx(Button, { className: contentBreadcrumbs, disabled, sentiment: "neutral", size: "small", style: assignInlineVars({
+        [minWidthVar]: minWidth?.toString(),
+        [maxWidthVar]: maxWidth?.toString()
+      }), variant: "ghost", children });
+    }
+    return /* @__PURE__ */ jsx(Text, { as: "div", className: contentBreadcrumbs, variant: "bodySmallStrong", children });
+  }, [children, disabled, maxWidth, minWidth, onClick, to]);
+  return /* @__PURE__ */ jsx("li", { "aria-current": ariaCurrent, className: `${className ? `${className} ` : ""}${itemContainerBreadcrumbs({
+    clickable: !!onClick
+  })} ${breadcrumbsItem}`, onClick, onKeyDown, style: assignInlineVars({
+    [minWidthVar]: minWidth?.toString(),
+    [maxWidthVar]: maxWidth?.toString()
+  }), children: renderedChildren });
+};
 export {
   Item
 };

package/dist/components/Breadcrumbs/components/styles.css.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var maxWidthVar = "var(--uv_1yxbbx40)";
+var minWidthVar = "var(--uv_1yxbbx41)";
+var linkBreadcrumbs = "uv_1yxbbx42";
+var contentBreadcrumbs = "uv_1yxbbx43";
+var itemContainerBreadcrumbs = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1yxbbx44", variantClassNames: { clickable: { true: "uv_1yxbbx45" } }, defaultVariants: {}, compoundVariants: [] });
+var breadcrumbsItem = "uv_1yxbbx46";
+exports.breadcrumbsItem = breadcrumbsItem;
+exports.contentBreadcrumbs = contentBreadcrumbs;
+exports.itemContainerBreadcrumbs = itemContainerBreadcrumbs;
+exports.linkBreadcrumbs = linkBreadcrumbs;
+exports.maxWidthVar = maxWidthVar;
+exports.minWidthVar = minWidthVar;

package/dist/components/Breadcrumbs/components/styles.css.d.ts

@@ -0,0 +1,12 @@
+export declare const maxWidthVar: `var(--${string})`;
+export declare const minWidthVar: `var(--${string})`;
+export declare const linkBreadcrumbs: string;
+export declare const contentBreadcrumbs: string;
+export declare const itemContainerBreadcrumbs: import("@vanilla-extract/recipes").RuntimeFn<{
+    clickable: {
+        true: {
+            cursor: "pointer";
+        };
+    };
+}>;
+export declare const breadcrumbsItem: string;

package/dist/components/Breadcrumbs/components/styles.css.js

@@ -0,0 +1,16 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var maxWidthVar = "var(--uv_1yxbbx40)";
+var minWidthVar = "var(--uv_1yxbbx41)";
+var linkBreadcrumbs = "uv_1yxbbx42";
+var contentBreadcrumbs = "uv_1yxbbx43";
+var itemContainerBreadcrumbs = createRuntimeFn({ defaultClassName: "uv_1yxbbx44", variantClassNames: { clickable: { true: "uv_1yxbbx45" } }, defaultVariants: {}, compoundVariants: [] });
+var breadcrumbsItem = "uv_1yxbbx46";
+export {
+  breadcrumbsItem,
+  contentBreadcrumbs,
+  itemContainerBreadcrumbs,
+  linkBreadcrumbs,
+  maxWidthVar,
+  minWidthVar
+};

package/dist/components/Breadcrumbs/index.cjs

@@ -2,29 +2,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const Item = require("./components/Item.cjs");
-const constants = require("./constants.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledOl = /* @__PURE__ */ _styled__default.default("ol", process.env.NODE_ENV === "production" ? {
-  target: "ej0p0s40"
-} : {
-  target: "ej0p0s40",
-  label: "StyledOl"
-})("list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;min-height:", constants.HEIGHT, ";>*:not(:last-child){display:flex;align-items:center;&::after{content:'/';color:", ({
-  theme
-}) => theme.colors.neutral.textWeak, ";padding:0 ", ({
-  theme
-}) => theme.space["0.5"], ";font-size:", ({
-  theme
-}) => theme.typography.bodySmallStrong.fontSize, ";font-weight:", ({
-  theme
-}) => theme.typography.bodySmallStrong.weight, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vY29tcG9uZW50cy9JdGVtJ1xuaW1wb3J0IHsgSEVJR0hUIH0gZnJvbSAnLi9jb25zdGFudHMnXG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWluLWhlaWdodDogJHtIRUlHSFR9O1xuXG4gID4gKjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICY6OmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcvJztcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcbiAgICAgIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICAgICAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsU3Ryb25nLmZvbnRTaXplfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsU3Ryb25nLndlaWdodH07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgQnJlYWRjcnVtYnNQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG50eXBlIEJyZWFkY3J1bWJzVHlwZSA9ICgocHJvcHM6IEJyZWFkY3J1bWJzUHJvcHMpID0+IEpTWC5FbGVtZW50KSAmIHtcbiAgSXRlbTogdHlwZW9mIEl0ZW1cbn1cblxuLyoqXG4gKiBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgbmF2aWdhdGlvbiBwYXRoIHdpdGggbGlua3MgdG8gdGhlIHBhcmVudCBwYWdlcy5cbiAqL1xuZXhwb3J0IGNvbnN0IEJyZWFkY3J1bWJzOiBCcmVhZGNydW1ic1R5cGUgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufSkgPT4gKFxuICA8bmF2IGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICA8U3R5bGVkT2w+e2NoaWxkcmVufTwvU3R5bGVkT2w+XG4gIDwvbmF2PlxuKVxuXG5CcmVhZGNydW1icy5JdGVtID0gSXRlbVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const Breadcrumbs = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(StyledOl, { children }) });
+}) => /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: styles_css.breadcrumbs, children }) });
 Breadcrumbs.Item = Item.Item;
 exports.Breadcrumbs = Breadcrumbs;

package/dist/components/Breadcrumbs/index.js

@@ -1,27 +1,12 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Item } from "./components/Item.js";
-import { HEIGHT } from "./constants.js";
-const StyledOl = /* @__PURE__ */ _styled("ol", process.env.NODE_ENV === "production" ? {
-  target: "ej0p0s40"
-} : {
-  target: "ej0p0s40",
-  label: "StyledOl"
-})("list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;min-height:", HEIGHT, ";>*:not(:last-child){display:flex;align-items:center;&::after{content:'/';color:", ({
-  theme
-}) => theme.colors.neutral.textWeak, ";padding:0 ", ({
-  theme
-}) => theme.space["0.5"], ";font-size:", ({
-  theme
-}) => theme.typography.bodySmallStrong.fontSize, ";font-weight:", ({
-  theme
-}) => theme.typography.bodySmallStrong.weight, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vY29tcG9uZW50cy9JdGVtJ1xuaW1wb3J0IHsgSEVJR0hUIH0gZnJvbSAnLi9jb25zdGFudHMnXG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWluLWhlaWdodDogJHtIRUlHSFR9O1xuXG4gID4gKjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICY6OmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcvJztcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcbiAgICAgIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICAgICAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsU3Ryb25nLmZvbnRTaXplfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsU3Ryb25nLndlaWdodH07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgQnJlYWRjcnVtYnNQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG50eXBlIEJyZWFkY3J1bWJzVHlwZSA9ICgocHJvcHM6IEJyZWFkY3J1bWJzUHJvcHMpID0+IEpTWC5FbGVtZW50KSAmIHtcbiAgSXRlbTogdHlwZW9mIEl0ZW1cbn1cblxuLyoqXG4gKiBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgbmF2aWdhdGlvbiBwYXRoIHdpdGggbGlua3MgdG8gdGhlIHBhcmVudCBwYWdlcy5cbiAqL1xuZXhwb3J0IGNvbnN0IEJyZWFkY3J1bWJzOiBCcmVhZGNydW1ic1R5cGUgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufSkgPT4gKFxuICA8bmF2IGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICA8U3R5bGVkT2w+e2NoaWxkcmVufTwvU3R5bGVkT2w+XG4gIDwvbmF2PlxuKVxuXG5CcmVhZGNydW1icy5JdGVtID0gSXRlbVxuIl19 */"));
+import { breadcrumbs } from "./styles.css.js";
 const Breadcrumbs = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsx(StyledOl, { children }) });
+}) => /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsx("ol", { className: breadcrumbs, children }) });
 Breadcrumbs.Item = Item;
 export {
   Breadcrumbs

package/dist/components/Breadcrumbs/styles.css.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var breadcrumbs = "uv_qxa0fl0";
+exports.breadcrumbs = breadcrumbs;

package/dist/components/Breadcrumbs/styles.css.d.ts

@@ -0,0 +1 @@
+export declare const breadcrumbs: string;

package/dist/components/Breadcrumbs/styles.css.js

@@ -0,0 +1,5 @@
+/* empty css                          */
+var breadcrumbs = "uv_qxa0fl0";
+export {
+  breadcrumbs
+};

package/dist/components/Button/index.cjs

@@ -43,7 +43,8 @@ const Button = react.forwardRef(({
   role,
   tooltip,
   tabIndex,
-  autoFocus
+  autoFocus,
+  style
 }, ref) => {
   const computeIsDisabled = disabled || isLoading;
   const {
@@ -77,6 +78,6 @@ const Button = react.forwardRef(({
     sentiment,
     size,
     variant
-  })}`, "data-testid": dataTestId, disabled: computeIsDisabled, name, onBlur, onClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseOut, onMouseUp, onPointerDown, ref, role, tabIndex, type, children: content }) });
+  })}`, "data-testid": dataTestId, disabled: computeIsDisabled, name, onBlur, onClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseOut, onMouseUp, onPointerDown, ref, role, style, tabIndex, type, children: content }) });
 });
 exports.Button = Button;

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
-import type { AriaRole, ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import type { AriaRole, ButtonHTMLAttributes, CSSProperties, MouseEventHandler, ReactNode } from 'react';
 import { SIZE_HEIGHT } from './constants';
 type ButtonSize = keyof typeof SIZE_HEIGHT;
 export declare const buttonSizes: ButtonSize[];
@@ -33,6 +33,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     onMouseLeave?: MouseEventHandler<HTMLElement>;
     onPointerDown?: ButtonHTMLAttributes<HTMLButtonElement>["onPointerDown"];
     onKeyDown?: ButtonHTMLAttributes<HTMLButtonElement>["onKeyDown"];
+    style?: CSSProperties;
 } & {
     size?: "small" | "large" | "medium" | "xsmall" | undefined;
     fullWidth?: boolean | undefined;

package/dist/components/Button/index.js

@@ -41,7 +41,8 @@ const Button = forwardRef(({
   role,
   tooltip,
   tabIndex,
-  autoFocus
+  autoFocus,
+  style
 }, ref) => {
   const computeIsDisabled = disabled || isLoading;
   const {
@@ -75,7 +76,7 @@ const Button = forwardRef(({
     sentiment,
     size,
     variant
-  })}`, "data-testid": dataTestId, disabled: computeIsDisabled, name, onBlur, onClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseOut, onMouseUp, onPointerDown, ref, role, tabIndex, type, children: content }) });
+  })}`, "data-testid": dataTestId, disabled: computeIsDisabled, name, onBlur, onClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseOut, onMouseUp, onPointerDown, ref, role, style, tabIndex, type, children: content }) });
 });
 export {
   Button

package/dist/components/Card/index.cjs

@@ -2,44 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
-const index$1 = require("../Stack/index.cjs");
-const index = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledStack = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
-  target: "exwxj841"
-} : {
-  target: "exwxj841",
-  label: "StyledStack"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1b3njxj",
-  styles: "&[data-disabled='true']{cursor:not-allowed;}"
-} : {
-  name: "1b3njxj",
-  styles: "&[data-disabled='true']{cursor:not-allowed;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgQ2FyZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBIZWFkZXIgY2FuIGJlIGEgc3RyaW5nIGJ1dCBhbHNvIGEgY29tcG9uZW50IGlmIHlvdSBuZWVkIG1vcmUgY29tcGxleCBoZWFkZXIuXG4gICAqL1xuICBoZWFkZXI/OiBSZWFjdE5vZGVcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBhY3RpdmUgZW5hYmxlIGEgcHJpbWFyeSBzdHlsZSBvbiBDYXJkIGNvbXBvbmVudCBmb3Igd2hlbiB5b3UgbmVlZCB0byBoaWdobGlnaHQgaXQuXG4gICAqL1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuXG4gICZbZGF0YS1pcy1hY3RpdmU9J3RydWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgZmxleDogMSAxIGF1dG87XG5gXG5cbi8qKlxuICogQ2FyZCBjb21wb25lbnQgaXMgYSBzaW1wbGUgY29tcG9uZW50IHRvIGRpc3BsYXkgY29udGVudCBpbiBhIGJveCB3aXRoIGEgYm9yZGVyLlxuICovXG5leHBvcnQgY29uc3QgQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBoZWFkZXIsXG4gICAgICBzdWJIZWFkZXIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgYWN0aXZlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgfTogQ2FyZFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PlxuICAgIGhlYWRlciA/IChcbiAgICAgIDxTdHlsZWRTdGFja1xuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBnYXA9ezF9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDJcIlxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBoZWFkZXJcbiAgICAgICAgKX1cbiAgICAgICAgPEJvcmRlcmVkQm94IGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfSBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICB7c3ViSGVhZGVyID8gKFxuICAgICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICkgOiAoXG4gICAgICA8Qm9yZGVyZWRCb3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtzdWJIZWFkZXIgPyAoXG4gICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgKSxcbilcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const BorderedBox = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "exwxj840"
-} : {
-  target: "exwxj840",
-  label: "BorderedBox"
-})("border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";padding:", ({
-  theme
-}) => theme.space["3"], ";&[data-is-active='true']{border:1px solid ", ({
-  theme
-}) => theme.colors.primary.border, ";}&[data-disabled='true']{border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ";}flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgQ2FyZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBIZWFkZXIgY2FuIGJlIGEgc3RyaW5nIGJ1dCBhbHNvIGEgY29tcG9uZW50IGlmIHlvdSBuZWVkIG1vcmUgY29tcGxleCBoZWFkZXIuXG4gICAqL1xuICBoZWFkZXI/OiBSZWFjdE5vZGVcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBhY3RpdmUgZW5hYmxlIGEgcHJpbWFyeSBzdHlsZSBvbiBDYXJkIGNvbXBvbmVudCBmb3Igd2hlbiB5b3UgbmVlZCB0byBoaWdobGlnaHQgaXQuXG4gICAqL1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuXG4gICZbZGF0YS1pcy1hY3RpdmU9J3RydWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgZmxleDogMSAxIGF1dG87XG5gXG5cbi8qKlxuICogQ2FyZCBjb21wb25lbnQgaXMgYSBzaW1wbGUgY29tcG9uZW50IHRvIGRpc3BsYXkgY29udGVudCBpbiBhIGJveCB3aXRoIGEgYm9yZGVyLlxuICovXG5leHBvcnQgY29uc3QgQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBoZWFkZXIsXG4gICAgICBzdWJIZWFkZXIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgYWN0aXZlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgfTogQ2FyZFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PlxuICAgIGhlYWRlciA/IChcbiAgICAgIDxTdHlsZWRTdGFja1xuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBnYXA9ezF9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDJcIlxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBoZWFkZXJcbiAgICAgICAgKX1cbiAgICAgICAgPEJvcmRlcmVkQm94IGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfSBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICB7c3ViSGVhZGVyID8gKFxuICAgICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICkgOiAoXG4gICAgICA8Qm9yZGVyZWRCb3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtzdWJIZWFkZXIgPyAoXG4gICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgKSxcbilcbiJdfQ== */"));
+const index = require("../Stack/index.cjs");
+const index$1 = require("../Text/index.cjs");
+const styles_css = require("./styles.css.cjs");
 const Card = react.forwardRef(({
   header,
   subHeader,
@@ -48,14 +14,14 @@ const Card = react.forwardRef(({
   children,
   className,
   "data-testid": dataTestId
-}, ref) => header ? /* @__PURE__ */ jsxRuntime.jsxs(StyledStack, { className, "data-disabled": disabled, "data-testid": dataTestId, gap: 1, ref, children: [
-  typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "h2", disabled, prominence: "strong", sentiment: "neutral", variant: "heading", children: header }) : header,
-  /* @__PURE__ */ jsxRuntime.jsx(BorderedBox, { "data-disabled": disabled, "data-is-active": active, children: subHeader ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 2, children: [
-    typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "h3", disabled, sentiment: "neutral", variant: "headingSmallStrong", children: subHeader }) : subHeader,
+}, ref) => header ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className: `${className ? `${className} ` : ""}${styles_css.stackCard}`, "data-disabled": disabled, "data-testid": dataTestId, gap: 1, ref, children: [
+  typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "h2", disabled, prominence: "strong", sentiment: "neutral", variant: "heading", children: header }) : header,
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.borderedBox, "data-disabled": disabled, "data-is-active": active, children: subHeader ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 2, children: [
+    typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "h3", disabled, sentiment: "neutral", variant: "headingSmallStrong", children: subHeader }) : subHeader,
     children
   ] }) : children })
-] }) : /* @__PURE__ */ jsxRuntime.jsx(BorderedBox, { className, "data-disabled": disabled, "data-is-active": active, "data-testid": dataTestId, ref, children: subHeader ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 2, children: [
-  typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "h3", disabled, sentiment: "neutral", variant: "headingSmallStrong", children: subHeader }) : subHeader,
+] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.borderedBox}`, "data-disabled": disabled, "data-is-active": active, "data-testid": dataTestId, ref, children: subHeader ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 2, children: [
+  typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "h3", disabled, sentiment: "neutral", variant: "headingSmallStrong", children: subHeader }) : subHeader,
   children
 ] }) : children }));
 exports.Card = Card;

package/dist/components/Card/index.js

@@ -1,41 +1,9 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { forwardRef } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "exwxj841"
-} : {
-  target: "exwxj841",
-  label: "StyledStack"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1b3njxj",
-  styles: "&[data-disabled='true']{cursor:not-allowed;}"
-} : {
-  name: "1b3njxj",
-  styles: "&[data-disabled='true']{cursor:not-allowed;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgQ2FyZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBIZWFkZXIgY2FuIGJlIGEgc3RyaW5nIGJ1dCBhbHNvIGEgY29tcG9uZW50IGlmIHlvdSBuZWVkIG1vcmUgY29tcGxleCBoZWFkZXIuXG4gICAqL1xuICBoZWFkZXI/OiBSZWFjdE5vZGVcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBhY3RpdmUgZW5hYmxlIGEgcHJpbWFyeSBzdHlsZSBvbiBDYXJkIGNvbXBvbmVudCBmb3Igd2hlbiB5b3UgbmVlZCB0byBoaWdobGlnaHQgaXQuXG4gICAqL1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuXG4gICZbZGF0YS1pcy1hY3RpdmU9J3RydWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgZmxleDogMSAxIGF1dG87XG5gXG5cbi8qKlxuICogQ2FyZCBjb21wb25lbnQgaXMgYSBzaW1wbGUgY29tcG9uZW50IHRvIGRpc3BsYXkgY29udGVudCBpbiBhIGJveCB3aXRoIGEgYm9yZGVyLlxuICovXG5leHBvcnQgY29uc3QgQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBoZWFkZXIsXG4gICAgICBzdWJIZWFkZXIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgYWN0aXZlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgfTogQ2FyZFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PlxuICAgIGhlYWRlciA/IChcbiAgICAgIDxTdHlsZWRTdGFja1xuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBnYXA9ezF9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDJcIlxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBoZWFkZXJcbiAgICAgICAgKX1cbiAgICAgICAgPEJvcmRlcmVkQm94IGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfSBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICB7c3ViSGVhZGVyID8gKFxuICAgICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICkgOiAoXG4gICAgICA8Qm9yZGVyZWRCb3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtzdWJIZWFkZXIgPyAoXG4gICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgKSxcbilcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const BorderedBox = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "exwxj840"
-} : {
-  target: "exwxj840",
-  label: "BorderedBox"
-})("border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";padding:", ({
-  theme
-}) => theme.space["3"], ";&[data-is-active='true']{border:1px solid ", ({
-  theme
-}) => theme.colors.primary.border, ";}&[data-disabled='true']{border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ";}flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NhcmQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2FyZC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgQ2FyZFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBIZWFkZXIgY2FuIGJlIGEgc3RyaW5nIGJ1dCBhbHNvIGEgY29tcG9uZW50IGlmIHlvdSBuZWVkIG1vcmUgY29tcGxleCBoZWFkZXIuXG4gICAqL1xuICBoZWFkZXI/OiBSZWFjdE5vZGVcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBhY3RpdmUgZW5hYmxlIGEgcHJpbWFyeSBzdHlsZSBvbiBDYXJkIGNvbXBvbmVudCBmb3Igd2hlbiB5b3UgbmVlZCB0byBoaWdobGlnaHQgaXQuXG4gICAqL1xuICBhY3RpdmU/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IEJvcmRlcmVkQm94ID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuXG4gICZbZGF0YS1pcy1hY3RpdmU9J3RydWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgZmxleDogMSAxIGF1dG87XG5gXG5cbi8qKlxuICogQ2FyZCBjb21wb25lbnQgaXMgYSBzaW1wbGUgY29tcG9uZW50IHRvIGRpc3BsYXkgY29udGVudCBpbiBhIGJveCB3aXRoIGEgYm9yZGVyLlxuICovXG5leHBvcnQgY29uc3QgQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBoZWFkZXIsXG4gICAgICBzdWJIZWFkZXIsXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgYWN0aXZlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgfTogQ2FyZFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PlxuICAgIGhlYWRlciA/IChcbiAgICAgIDxTdHlsZWRTdGFja1xuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBnYXA9ezF9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwiaDJcIlxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBoZWFkZXJcbiAgICAgICAgKX1cbiAgICAgICAgPEJvcmRlcmVkQm94IGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfSBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfT5cbiAgICAgICAgICB7c3ViSGVhZGVyID8gKFxuICAgICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICBjaGlsZHJlblxuICAgICAgICAgICl9XG4gICAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICkgOiAoXG4gICAgICA8Qm9yZGVyZWRCb3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLWlzLWFjdGl2ZT17YWN0aXZlfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICA+XG4gICAgICAgIHtzdWJIZWFkZXIgPyAoXG4gICAgICAgICAgPFN0YWNrIGdhcD17Mn0+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJoM1wiXG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvQm9yZGVyZWRCb3g+XG4gICAgKSxcbilcbiJdfQ== */"));
+import { stackCard, borderedBox } from "./styles.css.js";
 const Card = forwardRef(({
   header,
   subHeader,
@@ -44,13 +12,13 @@ const Card = forwardRef(({
   children,
   className,
   "data-testid": dataTestId
-}, ref) => header ? /* @__PURE__ */ jsxs(StyledStack, { className, "data-disabled": disabled, "data-testid": dataTestId, gap: 1, ref, children: [
+}, ref) => header ? /* @__PURE__ */ jsxs(Stack, { className: `${className ? `${className} ` : ""}${stackCard}`, "data-disabled": disabled, "data-testid": dataTestId, gap: 1, ref, children: [
   typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h2", disabled, prominence: "strong", sentiment: "neutral", variant: "heading", children: header }) : header,
-  /* @__PURE__ */ jsx(BorderedBox, { "data-disabled": disabled, "data-is-active": active, children: subHeader ? /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+  /* @__PURE__ */ jsx("div", { className: borderedBox, "data-disabled": disabled, "data-is-active": active, children: subHeader ? /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", disabled, sentiment: "neutral", variant: "headingSmallStrong", children: subHeader }) : subHeader,
     children
   ] }) : children })
-] }) : /* @__PURE__ */ jsx(BorderedBox, { className, "data-disabled": disabled, "data-is-active": active, "data-testid": dataTestId, ref, children: subHeader ? /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+] }) : /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${borderedBox}`, "data-disabled": disabled, "data-is-active": active, "data-testid": dataTestId, ref, children: subHeader ? /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
   typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", disabled, sentiment: "neutral", variant: "headingSmallStrong", children: subHeader }) : subHeader,
   children
 ] }) : children }));