@ultraviolet/ui 3.0.0-beta.21 → 3.0.0-beta.23

package/dist/components/Avatar/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 containerAvatar = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });

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

@@ -1,3 +1,4 @@
+/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });

package/dist/components/Avatar/variables.css.cjs

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";
 var halvedColorAvatar = "var(--uv_18799yd2)";

package/dist/components/Avatar/variables.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";
 var halvedColorAvatar = "var(--uv_18799yd2)";

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

@@ -29,7 +29,7 @@ const Item = ({
         [styles_css.maxWidthVar]: maxWidth?.toString()
       }), variant: "ghost", children });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "div", className: styles_css.contentBreadcrumbs, variant: "bodySmallStrong", children });
+    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "div", className: `${styles_css.contentBreadcrumbs} ${styles_css.contentBreadcrumbsText}`, 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

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

@@ -5,7 +5,7 @@ import { useMemo } from "react";
 import { Button } from "../../Button/index.js";
 import { Link } from "../../Link/index.js";
 import { Text } from "../../Text/index.js";
-import { linkBreadcrumbs, contentBreadcrumbs, maxWidthVar, minWidthVar, itemContainerBreadcrumbs, breadcrumbsItem } from "./styles.css.js";
+import { linkBreadcrumbs, contentBreadcrumbs, maxWidthVar, minWidthVar, contentBreadcrumbsText, itemContainerBreadcrumbs, breadcrumbsItem } from "./styles.css.js";
 const Item = ({
   to,
   children,
@@ -27,7 +27,7 @@ const Item = ({
         [maxWidthVar]: maxWidth?.toString()
       }), variant: "ghost", children });
     }
-    return /* @__PURE__ */ jsx(Text, { as: "div", className: contentBreadcrumbs, variant: "bodySmallStrong", children });
+    return /* @__PURE__ */ jsx(Text, { as: "div", className: `${contentBreadcrumbs} ${contentBreadcrumbsText}`, variant: "bodySmallStrong", children });
   }, [children, disabled, maxWidth, minWidth, onClick, to]);
   return /* @__PURE__ */ jsx("li", { "aria-current": ariaCurrent, className: `${className ? `${className} ` : ""}${itemContainerBreadcrumbs({
     clickable: !!onClick

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

@@ -7,9 +7,11 @@ 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";
+var contentBreadcrumbsText = "uv_1yxbbx46";
+var breadcrumbsItem = "uv_1yxbbx47";
 exports.breadcrumbsItem = breadcrumbsItem;
 exports.contentBreadcrumbs = contentBreadcrumbs;
+exports.contentBreadcrumbsText = contentBreadcrumbsText;
 exports.itemContainerBreadcrumbs = itemContainerBreadcrumbs;
 exports.linkBreadcrumbs = linkBreadcrumbs;
 exports.maxWidthVar = maxWidthVar;

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

@@ -9,4 +9,5 @@ export declare const itemContainerBreadcrumbs: import("@vanilla-extract/recipes"
         };
     };
 }>;
+export declare const contentBreadcrumbsText: string;
 export declare const breadcrumbsItem: string;

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

@@ -5,10 +5,12 @@ 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";
+var contentBreadcrumbsText = "uv_1yxbbx46";
+var breadcrumbsItem = "uv_1yxbbx47";
 export {
   breadcrumbsItem,
   contentBreadcrumbs,
+  contentBreadcrumbsText,
   itemContainerBreadcrumbs,
   linkBreadcrumbs,
   maxWidthVar,

package/dist/components/Button/index.cjs

@@ -37,6 +37,7 @@ const Button = react.forwardRef(({
   "aria-disabled": ariaDisabled,
   "aria-pressed": ariaPressed,
   "aria-roledescription": ariaRoledescription,
+  "aria-keyshortcuts": ariaKeyshortcuts,
   href,
   download,
   target,
@@ -64,7 +65,7 @@ const Button = react.forwardRef(({
     children
   ] });
   if (href && !computeIsDisabled) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ? `${className} ` : ""}${styles_css.button({
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-keyshortcuts": ariaKeyshortcuts, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ? `${className} ` : ""}${styles_css.button({
       disabled,
       fullWidth,
       sentiment,

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

@@ -22,6 +22,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<{
     'aria-disabled'?: boolean;
     'aria-pressed'?: boolean;
     'aria-roledescription'?: string;
+    'aria-keyshortcuts'?: string;
     onClick?: MouseEventHandler<HTMLElement>;
     tooltip?: string;
     tabIndex?: ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];

package/dist/components/Button/index.js

@@ -35,6 +35,7 @@ const Button = forwardRef(({
   "aria-disabled": ariaDisabled,
   "aria-pressed": ariaPressed,
   "aria-roledescription": ariaRoledescription,
+  "aria-keyshortcuts": ariaKeyshortcuts,
   href,
   download,
   target,
@@ -62,7 +63,7 @@ const Button = forwardRef(({
     children
   ] });
   if (href && !computeIsDisabled) {
-    return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ? `${className} ` : ""}${button({
+    return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-keyshortcuts": ariaKeyshortcuts, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ? `${className} ` : ""}${button({
       disabled,
       fullWidth,
       sentiment,

package/dist/components/Dialog/index.cjs

@@ -2,7 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const Icon = require("@ultraviolet/icons");
 const react = require("react");
 const index$1 = require("../Bullet/index.cjs");
@@ -14,25 +13,8 @@ const Buttons = require("./components/Buttons.cjs");
 const CancelButton = require("./components/CancelButton.cjs");
 const Stack = require("./components/Stack.cjs");
 const Text = require("./components/Text.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const styles_css = require("./styles.css.cjs");
 const DIALOG_SIZE = "xsmall";
-const StyledTextTitle = /* @__PURE__ */ _styled__default.default(index$2.Text, process.env.NODE_ENV === "production" ? {
-  target: "ehf9m9r1"
-} : {
-  target: "ehf9m9r1",
-  label: "StyledTextTitle"
-})("margin-top:", ({
-  theme
-}) => theme.space["2"], ";margin-bottom:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxlcnRDaXJjbGVJY29uLCBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDMyLjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXQgc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgICB7c2VudGltZW50ID09PSAnd2FybmluZycgfHwgc2VudGltZW50ID09PSAnZGFuZ2VyJyA/IChcbiAgICAgICAgICA8QWxlcnRDaXJjbGVJY29uIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPENoZWNrSWNvbiAvPlxuICAgICAgICApfVxuICAgICAgPC9CdWxsZXQ+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT17RElBTE9HX1NJWkV9XG4gICAgPlxuICAgICAge21vZGFsUHJvcHMgPT5cbiAgICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW4obW9kYWxQcm9wcyl9XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBEaWFsb2cgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBjb250ZW50IG9uIHRvcCBvZiBhbiBvdmVybGF5IHRoYXQgcmVxdWlyZXMgdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQnV0dG9uczogRGlhbG9nQnV0dG9ucyxcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
-const StyledModal = /* @__PURE__ */ _styled__default.default(index.Modal, process.env.NODE_ENV === "production" ? {
-  target: "ehf9m9r0"
-} : {
-  target: "ehf9m9r0",
-  label: "StyledModal"
-})('&[data-size="', DIALOG_SIZE, '"]{width:32.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxlcnRDaXJjbGVJY29uLCBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDMyLjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXQgc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgICB7c2VudGltZW50ID09PSAnd2FybmluZycgfHwgc2VudGltZW50ID09PSAnZGFuZ2VyJyA/IChcbiAgICAgICAgICA8QWxlcnRDaXJjbGVJY29uIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPENoZWNrSWNvbiAvPlxuICAgICAgICApfVxuICAgICAgPC9CdWxsZXQ+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT17RElBTE9HX1NJWkV9XG4gICAgPlxuICAgICAge21vZGFsUHJvcHMgPT5cbiAgICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW4obW9kYWxQcm9wcyl9XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBEaWFsb2cgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBjb250ZW50IG9uIHRvcCBvZiBhbiBvdmVybGF5IHRoYXQgcmVxdWlyZXMgdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQnV0dG9uczogRGlhbG9nQnV0dG9ucyxcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
 const BaseDialog = ({
   ariaLabel,
   className,
@@ -52,12 +34,12 @@ const BaseDialog = ({
 }) => {
   const headerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$1.Bullet, { sentiment, children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsxRuntime.jsx(Icon.AlertCircleIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.CheckIcon, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledTextTitle, { as: "h2", sentiment: "neutral", variant: "headingSmallStronger", children: title })
+    /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "h2", className: styles_css.dialogTitle, sentiment: "neutral", variant: "headingSmallStronger", children: title })
   ] });
   const contextValue = react.useMemo(() => ({
     sentiment
   }), [sentiment]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledModal, { ariaLabel, className, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: DIALOG_SIZE, children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxRuntime.jsxs(Context.DialogContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Modal, { ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.dialogXsmall}`, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: DIALOG_SIZE, children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxRuntime.jsxs(Context.DialogContext.Provider, { value: contextValue, children: [
     headerContent,
     children(modalProps)
   ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Context.DialogContext.Provider, { value: contextValue, children: [

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

@@ -29,6 +29,7 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         'aria-disabled'?: boolean;
         'aria-pressed'?: boolean;
         'aria-roledescription'?: string;
+        'aria-keyshortcuts'?: string;
         onClick?: import("react").MouseEventHandler<HTMLElement>;
         tooltip?: string;
         tabIndex?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];

package/dist/components/Dialog/index.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { AlertCircleIcon, CheckIcon } from "@ultraviolet/icons";
 import { useMemo } from "react";
 import { Bullet } from "../Bullet/index.js";
@@ -12,23 +11,8 @@ import { DialogButtons } from "./components/Buttons.js";
 import { DialogCancelButton } from "./components/CancelButton.js";
 import { DialogStack } from "./components/Stack.js";
 import { DialogText } from "./components/Text.js";
+import { dialogXsmall, dialogTitle } from "./styles.css.js";
 const DIALOG_SIZE = "xsmall";
-const StyledTextTitle = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "ehf9m9r1"
-} : {
-  target: "ehf9m9r1",
-  label: "StyledTextTitle"
-})("margin-top:", ({
-  theme
-}) => theme.space["2"], ";margin-bottom:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxlcnRDaXJjbGVJY29uLCBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDMyLjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXQgc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgICB7c2VudGltZW50ID09PSAnd2FybmluZycgfHwgc2VudGltZW50ID09PSAnZGFuZ2VyJyA/IChcbiAgICAgICAgICA8QWxlcnRDaXJjbGVJY29uIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPENoZWNrSWNvbiAvPlxuICAgICAgICApfVxuICAgICAgPC9CdWxsZXQ+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT17RElBTE9HX1NJWkV9XG4gICAgPlxuICAgICAge21vZGFsUHJvcHMgPT5cbiAgICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW4obW9kYWxQcm9wcyl9XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBEaWFsb2cgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBjb250ZW50IG9uIHRvcCBvZiBhbiBvdmVybGF5IHRoYXQgcmVxdWlyZXMgdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQnV0dG9uczogRGlhbG9nQnV0dG9ucyxcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
-const StyledModal = /* @__PURE__ */ _styled(Modal, process.env.NODE_ENV === "production" ? {
-  target: "ehf9m9r0"
-} : {
-  target: "ehf9m9r0",
-  label: "StyledModal"
-})('&[data-size="', DIALOG_SIZE, '"]{width:32.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxlcnRDaXJjbGVJY29uLCBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDMyLjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXQgc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgICB7c2VudGltZW50ID09PSAnd2FybmluZycgfHwgc2VudGltZW50ID09PSAnZGFuZ2VyJyA/IChcbiAgICAgICAgICA8QWxlcnRDaXJjbGVJY29uIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPENoZWNrSWNvbiAvPlxuICAgICAgICApfVxuICAgICAgPC9CdWxsZXQ+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT17RElBTE9HX1NJWkV9XG4gICAgPlxuICAgICAge21vZGFsUHJvcHMgPT5cbiAgICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW4obW9kYWxQcm9wcyl9XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBEaWFsb2cgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBjb250ZW50IG9uIHRvcCBvZiBhbiBvdmVybGF5IHRoYXQgcmVxdWlyZXMgdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQnV0dG9uczogRGlhbG9nQnV0dG9ucyxcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
 const BaseDialog = ({
   ariaLabel,
   className,
@@ -48,12 +32,12 @@ const BaseDialog = ({
 }) => {
   const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Bullet, { sentiment, children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) }),
-    /* @__PURE__ */ jsx(StyledTextTitle, { as: "h2", sentiment: "neutral", variant: "headingSmallStronger", children: title })
+    /* @__PURE__ */ jsx(Text, { as: "h2", className: dialogTitle, sentiment: "neutral", variant: "headingSmallStronger", children: title })
   ] });
   const contextValue = useMemo(() => ({
     sentiment
   }), [sentiment]);
-  return /* @__PURE__ */ jsx(StyledModal, { ariaLabel, className, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: DIALOG_SIZE, children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
+  return /* @__PURE__ */ jsx(Modal, { ariaLabel, className: `${className ? `${className} ` : ""}${dialogXsmall}`, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: DIALOG_SIZE, children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
     headerContent,
     children(modalProps)
   ] }) : /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var dialogTitle = "uv_1tghqbr0";
+var dialogXsmall = "uv_1tghqbr1";
+exports.dialogTitle = dialogTitle;
+exports.dialogXsmall = dialogXsmall;

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

@@ -0,0 +1,2 @@
+export declare const dialogTitle: string;
+export declare const dialogXsmall: string;

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

@@ -0,0 +1,7 @@
+/* empty css                          */
+var dialogTitle = "uv_1tghqbr0";
+var dialogXsmall = "uv_1tghqbr1";
+export {
+  dialogTitle,
+  dialogXsmall
+};

package/dist/components/EmptyState/index.cjs

@@ -26,7 +26,7 @@ const EmptyState = ({
     image && typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", className: styles_css.emptyStateImage[size], src: image }) : image,
     /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", gap: 0.5, children: [
       title ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "h2", placement: "center", prominence: "strong", variant: size === "small" ? "bodyStrong" : "headingSmall", children: title }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", placement: "center", variant: size === "small" ? "bodySmall" : "body", children: description })
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", placement: "center", sentiment: "neutral", variant: size === "small" ? "bodySmall" : "body", children: description })
     ] })
   ] }),
   /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", gap: 2, justifyContent: "center", children: [

package/dist/components/EmptyState/index.js

@@ -24,7 +24,7 @@ const EmptyState = ({
     image && typeof image === "string" ? /* @__PURE__ */ jsx("img", { alt: "", className: emptyStateImage[size], src: image }) : image,
     /* @__PURE__ */ jsxs(Stack, { alignItems: "center", gap: 0.5, children: [
       title ? /* @__PURE__ */ jsx(Text, { as: "h2", placement: "center", prominence: "strong", variant: size === "small" ? "bodyStrong" : "headingSmall", children: title }) : null,
-      /* @__PURE__ */ jsx(Text, { as: "p", placement: "center", variant: size === "small" ? "bodySmall" : "body", children: description })
+      /* @__PURE__ */ jsx(Text, { as: "p", placement: "center", sentiment: "neutral", variant: size === "small" ? "bodySmall" : "body", children: description })
     ] })
   ] }),
   /* @__PURE__ */ jsxs(Stack, { alignItems: "center", gap: 2, justifyContent: "center", children: [

package/dist/components/Link/index.cjs

@@ -23,6 +23,7 @@ const Link = react.forwardRef(({
   onClick,
   "aria-label": ariaLabel,
   "aria-current": ariaCurrent,
+  "aria-keyshortcuts": ariaKeyshortcuts,
   oneLine = false,
   "data-testid": dataTestId,
   variant = "standalone"
@@ -51,7 +52,7 @@ const Link = react.forwardRef(({
       setIsTruncated(offsetWidth < scrollWidth);
     }
   }, [oneLine, ref, usedRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { "aria-current": ariaCurrent, "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.link({
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { "aria-current": ariaCurrent, "aria-keyshortcuts": ariaKeyshortcuts, "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.link({
     oneLine,
     prominence,
     sentiment,

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

@@ -17,6 +17,7 @@ type LinkProps = {
     onClick?: MouseEventHandler<HTMLAnchorElement>;
     'aria-label'?: string;
     'aria-current'?: AnchorHTMLAttributes<HTMLAnchorElement>['aria-current'];
+    'aria-keyshortcuts'?: string;
     oneLine?: boolean;
     'data-testid'?: string;
     variant?: 'inline' | 'standalone';

package/dist/components/Link/index.js

@@ -21,6 +21,7 @@ const Link = forwardRef(({
   onClick,
   "aria-label": ariaLabel,
   "aria-current": ariaCurrent,
+  "aria-keyshortcuts": ariaKeyshortcuts,
   oneLine = false,
   "data-testid": dataTestId,
   variant = "standalone"
@@ -49,7 +50,7 @@ const Link = forwardRef(({
       setIsTruncated(offsetWidth < scrollWidth);
     }
   }, [oneLine, ref, usedRef]);
-  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxs("a", { "aria-current": ariaCurrent, "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${link({
+  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxs("a", { "aria-current": ariaCurrent, "aria-keyshortcuts": ariaKeyshortcuts, "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${link({
     oneLine,
     prominence,
     sentiment,

package/dist/components/List/Cell.cjs

@@ -2,24 +2,30 @@
 "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 _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledCell = /* @__PURE__ */ _styled__default.default("td", process.env.NODE_ENV === "production" ? {
-  target: "e1e6rck40"
-} : {
-  target: "e1e6rck40",
-  label: "StyledCell"
-})("display:table-cell;vertical-align:middle;height:", ({
-  theme
-}) => theme.sizing["750"], ";padding:0 ", ({
-  theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTdHlsZWRDZWxsID0gc3R5bGVkLnRkYFxuICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyc3NTAnXX07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbmBcblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGNvbFNwYW4/OiBudW1iZXJcbn1cblxuZXhwb3J0IGNvbnN0IENlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBDZWxsUHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdGlkLCBjb2xTcGFuIH0sIHJlZikgPT4gKFxuICAgIDxTdHlsZWRDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNvbFNwYW49e2NvbFNwYW59XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RpZH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENlbGw+XG4gICksXG4pXG4iXX0= */"));
+const ColumnProvider = require("./ColumnProvider.cjs");
+const styles_css = require("./styles.css.cjs");
+const variables_css = require("./variables.css.cjs");
 const Cell = react.forwardRef(({
   children,
   className,
   "data-testid": dataTestid,
-  colSpan
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledCell, { className, colSpan, "data-testid": dataTestid, ref, children }));
+  colSpan,
+  style
+}, ref) => {
+  const {
+    maxWidth,
+    minWidth,
+    width
+  } = ColumnProvider.useColumnProvider();
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${className ? `${className} ` : ""}${styles_css.listCell}`, colSpan, "data-testid": dataTestid, ref, style: {
+    ...style,
+    ...dynamic.assignInlineVars({
+      [variables_css.widthCell]: width,
+      [variables_css.minWidthCell]: minWidth,
+      [variables_css.maxWidthCell]: maxWidth
+    })
+  }, children });
+});
 exports.Cell = Cell;

package/dist/components/List/Cell.d.ts

@@ -1,9 +1,10 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type CellProps = {
     children?: ReactNode;
     className?: string;
     'data-testid'?: string;
     colSpan?: number;
+    style?: CSSProperties;
 };
 export declare const Cell: import("react").ForwardRefExoticComponent<CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
 export {};

package/dist/components/List/Cell.js

@@ -1,23 +1,31 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { forwardRef } from "react";
-const StyledCell = /* @__PURE__ */ _styled("td", process.env.NODE_ENV === "production" ? {
-  target: "e1e6rck40"
-} : {
-  target: "e1e6rck40",
-  label: "StyledCell"
-})("display:table-cell;vertical-align:middle;height:", ({
-  theme
-}) => theme.sizing["750"], ";padding:0 ", ({
-  theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTdHlsZWRDZWxsID0gc3R5bGVkLnRkYFxuICBkaXNwbGF5OiB0YWJsZS1jZWxsO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyc3NTAnXX07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbmBcblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGNvbFNwYW4/OiBudW1iZXJcbn1cblxuZXhwb3J0IGNvbnN0IENlbGwgPSBmb3J3YXJkUmVmPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBDZWxsUHJvcHM+KFxuICAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdGlkLCBjb2xTcGFuIH0sIHJlZikgPT4gKFxuICAgIDxTdHlsZWRDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNvbFNwYW49e2NvbFNwYW59XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RpZH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENlbGw+XG4gICksXG4pXG4iXX0= */"));
+import { useColumnProvider } from "./ColumnProvider.js";
+import { listCell } from "./styles.css.js";
+import { maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";
 const Cell = forwardRef(({
   children,
   className,
   "data-testid": dataTestid,
-  colSpan
-}, ref) => /* @__PURE__ */ jsx(StyledCell, { className, colSpan, "data-testid": dataTestid, ref, children }));
+  colSpan,
+  style
+}, ref) => {
+  const {
+    maxWidth,
+    minWidth,
+    width
+  } = useColumnProvider();
+  return /* @__PURE__ */ jsx("td", { className: `${className ? `${className} ` : ""}${listCell}`, colSpan, "data-testid": dataTestid, ref, style: {
+    ...style,
+    ...assignInlineVars({
+      [widthCell]: width,
+      [minWidthCell]: minWidth,
+      [maxWidthCell]: maxWidth
+    })
+  }, children });
+});
 export {
   Cell
 };

package/dist/components/List/ColumnProvider.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const ColumnContext = react.createContext(void 0);
+const ColumnProvider = ({
+  width,
+  minWidth,
+  maxWidth,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(ColumnContext.Provider, { value: {
+  maxWidth: maxWidth ?? "none",
+  minWidth: minWidth ?? "auto",
+  width: width ?? "auto"
+}, children });
+const useColumnProvider = () => {
+  const context = react.useContext(ColumnContext);
+  if (!context) {
+    return {
+      maxWidth: "none",
+      minWidth: "auto",
+      width: "auto"
+    };
+  }
+  return context;
+};
+exports.ColumnProvider = ColumnProvider;
+exports.useColumnProvider = useColumnProvider;

package/dist/components/List/ColumnProvider.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+type ColumnProviderProps = {
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    children?: ReactNode;
+};
+export declare const ColumnProvider: ({ width, minWidth, maxWidth, children, }: ColumnProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useColumnProvider: () => {
+    width: string;
+    maxWidth: string;
+    minWidth: string;
+};
+export {};

package/dist/components/List/ColumnProvider.js

@@ -0,0 +1,28 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useContext } from "react";
+const ColumnContext = createContext(void 0);
+const ColumnProvider = ({
+  width,
+  minWidth,
+  maxWidth,
+  children
+}) => /* @__PURE__ */ jsx(ColumnContext.Provider, { value: {
+  maxWidth: maxWidth ?? "none",
+  minWidth: minWidth ?? "auto",
+  width: width ?? "auto"
+}, children });
+const useColumnProvider = () => {
+  const context = useContext(ColumnContext);
+  if (!context) {
+    return {
+      maxWidth: "none",
+      minWidth: "auto",
+      width: "auto"
+    };
+  }
+  return context;
+};
+export {
+  ColumnProvider,
+  useColumnProvider
+};