@ultraviolet/ui 3.0.0-beta.4 → 3.0.0-beta.5

package/dist/components/Text/index.js

@@ -1,68 +1,14 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { useRef } from "react";
 import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
 import { useIsOverflowing } from "../../hooks/useIsOverflowing.js";
-import capitalize from "../../utils/capitalize.js";
 import { Tooltip } from "../Tooltip/index.js";
-const PROMINENCES = {
-  default: "",
-  strong: "strong",
-  stronger: "stronger",
-  weak: "weak"
-};
-const generateStyles = ({
-  placement,
-  prominence,
-  sentiment,
-  variant,
-  theme,
-  oneLine,
-  disabled,
-  italic,
-  underline,
-  whiteSpace,
-  strikeThrough
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  const isSentimentMonochrome = sentiment === "black" || sentiment === "white";
-  sentiment && !isSentimentMonochrome ? theme.colors[sentiment] : void 0;
-  const text = `text${definedProminence}${disabled ? "Disabled" : ""}`;
-  const textColor = sentiment && !isSentimentMonochrome ? theme.colors[sentiment][text] : void 0;
-  return `
-    ${sentiment ? `color: ${!isSentimentMonochrome ? textColor : theme.colors.other.monochrome[sentiment].text};` : ""}
-
-    font-size: ${theme.typography[variant].fontSize};
-    font-family: ${theme.typography[variant].fontFamily};
-    font-weight: ${theme.typography[variant].weight};
-    letter-spacing: ${theme.typography[variant].letterSpacing};
-    line-height: ${theme.typography[variant].lineHeight};
-    text-transform: ${theme.typography[variant].textCase};
-    text-decoration: ${theme.typography[variant].textDecoration};
-    ${placement ? ` text-align: ${placement};` : ""}
-    ${whiteSpace ? `white-space: ${whiteSpace};` : ""}
-
-    ${oneLine ? `white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;` : ""}
-    ${italic ? `font-style: italic;` : ""}
-    ${underline ? `text-decoration: underline;` : ""}
-    ${strikeThrough ? `text-decoration: line-through;` : ""}
-  `;
-};
-const StyledText = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["as", "placement", "variant", "sentiment", "prominence", "oneLine", "disabled", "italic", "underline", "strikeThrough", "whiteSpace"].includes(prop),
-  target: "e13y3mga0"
-} : {
-  shouldForwardProp: (prop) => !["as", "placement", "variant", "sentiment", "prominence", "oneLine", "disabled", "italic", "underline", "strikeThrough", "whiteSpace"].includes(prop),
-  target: "e13y3mga0",
-  label: "StyledText"
-})(generateStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlJbUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENTU1Byb3BlcnRpZXMsIEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHJlY3Vyc2l2ZWx5R2V0Q2hpbGRyZW5TdHJpbmcgZnJvbSAnLi4vLi4vaGVscGVycy9yZWN1cnNpdmVseUdldENoaWxkcmVuU3RyaW5nJ1xuaW1wb3J0IHsgdXNlSXNPdmVyZmxvd2luZyB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZUlzT3ZlcmZsb3dpbmcnXG5pbXBvcnQgdHlwZSB7IEV4dGVuZGVkQ29sb3IgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCBjYXBpdGFsaXplIGZyb20gJy4uLy4uL3V0aWxzL2NhcGl0YWxpemUnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgUFJPTUlORU5DRVMgPSB7XG4gIGRlZmF1bHQ6ICcnLFxuICBzdHJvbmc6ICdzdHJvbmcnLFxuICBzdHJvbmdlcjogJ3N0cm9uZ2VyJyxcbiAgd2VhazogJ3dlYWsnLFxufVxuXG50eXBlIFByb21pbmVuY2VQcm9wcyA9IGtleW9mIHR5cGVvZiBQUk9NSU5FTkNFU1xudHlwZSBQbGFjZW1lbnRQcm9wcyA9IENTU1Byb3BlcnRpZXNbJ3RleHRBbGlnbiddXG50eXBlIFdoaXRlU3BhY2VQcm9wcyA9IENTU1Byb3BlcnRpZXNbJ3doaXRlU3BhY2UnXVxudHlwZSBUZXh0VmFyaWFudCA9IGtleW9mIHR5cGVvZiB0eXBvZ3JhcGh5XG5leHBvcnQgY29uc3QgdGV4dFZhcmlhbnRzID0gT2JqZWN0LmtleXModHlwb2dyYXBoeSkgYXMgVGV4dFZhcmlhbnRbXVxuXG4vKipcbiAqIEdlbmVyYXRlIGFsbCBzdHlsZXMgYXZhaWxhYmxlIGZvciB0ZXh0IGJhc2VkIG9uIHByb21pbmVuY2UgYW5kIHZhcmlhbnRzXG4gKi9cbmNvbnN0IGdlbmVyYXRlU3R5bGVzID0gKHtcbiAgcGxhY2VtZW50LFxuICBwcm9taW5lbmNlLFxuICBzZW50aW1lbnQsXG4gIHZhcmlhbnQsXG4gIHRoZW1lLFxuICBvbmVMaW5lLFxuICBkaXNhYmxlZCxcbiAgaXRhbGljLFxuICB1bmRlcmxpbmUsXG4gIHdoaXRlU3BhY2UsXG4gIHN0cmlrZVRocm91Z2gsXG59OiB7XG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFByb3BzXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VQcm9wc1xuICB0aGVtZTogVGhlbWVcbiAgdmFyaWFudDogVGV4dFZhcmlhbnRcbiAgc2VudGltZW50PzogRXh0ZW5kZWRDb2xvclxuICBvbmVMaW5lOiBib29sZWFuXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIGl0YWxpYzogYm9vbGVhblxuICB1bmRlcmxpbmU6IGJvb2xlYW5cbiAgd2hpdGVTcGFjZT86IFdoaXRlU3BhY2VQcm9wc1xuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxufSk6IHN0cmluZyA9PiB7XG4gIC8vIHN0cm9uZ2VyIGlzIGF2YWlsYWJsZSBvbmx5IGZvciBuZXV0cmFsIHNlbnRpbWVudFxuICBjb25zdCBkZWZpbmVkUHJvbWluZW5jZSA9XG4gICAgc2VudGltZW50ICE9PSAnbmV1dHJhbCcgJiYgcHJvbWluZW5jZSA9PT0gJ3N0cm9uZ2VyJ1xuICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICA6IGNhcGl0YWxpemUoUFJPTUlORU5DRVNbcHJvbWluZW5jZV0pXG5cbiAgY29uc3QgaXNTZW50aW1lbnRNb25vY2hyb21lID0gc2VudGltZW50ID09PSAnYmxhY2snIHx8IHNlbnRpbWVudCA9PT0gJ3doaXRlJ1xuXG4gIGNvbnN0IHRoZW1lQ29sb3IgPVxuICAgIHNlbnRpbWVudCAmJiAhaXNTZW50aW1lbnRNb25vY2hyb21lID8gdGhlbWUuY29sb3JzW3NlbnRpbWVudF0gOiB1bmRlZmluZWRcblxuICBjb25zdCB0ZXh0ID0gYHRleHQke2RlZmluZWRQcm9taW5lbmNlfSR7XG4gICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICBjb25zdCB0ZXh0Q29sb3IgPVxuICAgIHNlbnRpbWVudCAmJiAhaXNTZW50aW1lbnRNb25vY2hyb21lXG4gICAgICA/IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdW3RleHRdXG4gICAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiBgXG4gICAgJHtcbiAgICAgIHNlbnRpbWVudFxuICAgICAgICA/IGBjb2xvcjogJHtcbiAgICAgICAgICAgICFpc1NlbnRpbWVudE1vbm9jaHJvbWVcbiAgICAgICAgICAgICAgPyB0ZXh0Q29sb3JcbiAgICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnMub3RoZXIubW9ub2Nocm9tZVtzZW50aW1lbnRdLnRleHRcbiAgICAgICAgICB9O2BcbiAgICAgICAgOiAnJ1xuICAgIH1cblxuICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmZvbnRTaXplfTtcbiAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0ud2VpZ2h0fTtcbiAgICBsZXR0ZXItc3BhY2luZzogJHt0aGVtZS50eXBvZ3JhcGh5W3ZhcmlhbnRdLmxldHRlclNwYWNpbmd9O1xuICAgIGxpbmUtaGVpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0ubGluZUhlaWdodH07XG4gICAgdGV4dC10cmFuc2Zvcm06ICR7dGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS50ZXh0Q2FzZX07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiAke3RoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0udGV4dERlY29yYXRpb259O1xuICAgICR7cGxhY2VtZW50ID8gYCB0ZXh0LWFsaWduOiAke3BsYWNlbWVudH07YCA6ICcnfVxuICAgICR7d2hpdGVTcGFjZSA/IGB3aGl0ZS1zcGFjZTogJHt3aGl0ZVNwYWNlfTtgIDogJyd9XG5cbiAgICAke1xuICAgICAgb25lTGluZVxuICAgICAgICA/IGB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47YFxuICAgICAgICA6ICcnXG4gICAgfVxuICAgICR7aXRhbGljID8gYGZvbnQtc3R5bGU6IGl0YWxpYztgIDogJyd9XG4gICAgJHt1bmRlcmxpbmUgPyBgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7YCA6ICcnfVxuICAgICR7c3RyaWtlVGhyb3VnaCA/IGB0ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtgIDogJyd9XG4gIGBcbn1cblxudHlwZSBUZXh0UHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHBsYWNlbWVudD86IFBsYWNlbWVudFByb3BzXG4gIHZhcmlhbnQ6IFRleHRWYXJpYW50XG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcHJvbWluZW5jZT86IFByb21pbmVuY2VQcm9wc1xuICBhczogRWxlbWVudFR5cGVcbiAgb25lTGluZT86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGl0YWxpYz86IGJvb2xlYW5cbiAgdW5kZXJsaW5lPzogYm9vbGVhblxuICBpZD86IHN0cmluZ1xuICBkaXI/OiAnbHRyJyB8ICdydGwnIHwgJ2F1dG8nXG4gIGh0bWxGb3I/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAnYXJpYS1oaWRkZW4nPzogYm9vbGVhblxuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxuICB3aGl0ZVNwYWNlPzogV2hpdGVTcGFjZVByb3BzXG59XG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhW1xuICAgICAgJ2FzJyxcbiAgICAgICdwbGFjZW1lbnQnLFxuICAgICAgJ3ZhcmlhbnQnLFxuICAgICAgJ3NlbnRpbWVudCcsXG4gICAgICAncHJvbWluZW5jZScsXG4gICAgICAnb25lTGluZScsXG4gICAgICAnZGlzYWJsZWQnLFxuICAgICAgJ2l0YWxpYycsXG4gICAgICAndW5kZXJsaW5lJyxcbiAgICAgICdzdHJpa2VUaHJvdWdoJyxcbiAgICAgICd3aGl0ZVNwYWNlJyxcbiAgICBdLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRQcm9wc1xuICBzZW50aW1lbnQ/OiBFeHRlbmRlZENvbG9yXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VQcm9wc1xuICB2YXJpYW50OiBUZXh0VmFyaWFudFxuICBvbmVMaW5lOiBib29sZWFuXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIGl0YWxpYzogYm9vbGVhblxuICB1bmRlcmxpbmU6IGJvb2xlYW5cbiAgaHRtbEZvcj86IHN0cmluZ1xuICBzdHJpa2VUaHJvdWdoPzogYm9vbGVhblxuICB3aGl0ZVNwYWNlPzogV2hpdGVTcGFjZVByb3BzXG59PihnZW5lcmF0ZVN0eWxlcylcblxuLyoqXG4gKiBUZXh0IGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgdGV4dCB3aXRoIGRpZmZlcmVudCB2YXJpYW50cyBhbmQgc2VudGltZW50cy5cbiAqL1xuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICB2YXJpYW50LFxuICBjaGlsZHJlbixcbiAgYXMsXG4gIHNlbnRpbWVudCxcbiAgb25lTGluZSA9IGZhbHNlLFxuICBwbGFjZW1lbnQsXG4gIHByb21pbmVuY2UgPSAnZGVmYXVsdCcsXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgaXRhbGljID0gZmFsc2UsXG4gIHVuZGVybGluZSA9IGZhbHNlLFxuICBzdHJpa2VUaHJvdWdoID0gZmFsc2UsXG4gIGlkLFxuICBkaXIsXG4gIHdoaXRlU3BhY2UsXG4gIGh0bWxGb3IsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICdhcmlhLWhpZGRlbic6IGFyaWFIaWRkZW4sXG59OiBUZXh0UHJvcHMpID0+IHtcbiAgY29uc3QgZWxlbWVudFJlZiA9IHVzZVJlZihudWxsKVxuICBjb25zdCBpc092ZXJmbG93aW5nID0gdXNlSXNPdmVyZmxvd2luZyhlbGVtZW50UmVmKVxuXG4gIGNvbnN0IGZpbmFsU3RyaW5nQ2hpbGRyZW4gPSByZWN1cnNpdmVseUdldENoaWxkcmVuU3RyaW5nKGNoaWxkcmVuKVxuXG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgdGV4dD17b25lTGluZSAmJiBpc092ZXJmbG93aW5nID8gZmluYWxTdHJpbmdDaGlsZHJlbiA6ICcnfT5cbiAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgIGFyaWEtaGlkZGVuPXthcmlhSGlkZGVufVxuICAgICAgICBhcz17YXN9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZGlyPXtkaXJ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBpdGFsaWM9e2l0YWxpY31cbiAgICAgICAgb25lTGluZT17b25lTGluZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHByb21pbmVuY2U9e3Byb21pbmVuY2V9XG4gICAgICAgIHJlZj17ZWxlbWVudFJlZn1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIHN0cmlrZVRocm91Z2g9e3N0cmlrZVRocm91Z2h9XG4gICAgICAgIHVuZGVybGluZT17dW5kZXJsaW5lfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICB3aGl0ZVNwYWNlPXt3aGl0ZVNwYWNlfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFRleHQ+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */");
+import { text } from "./style.css.js";
 const Text = ({
   variant,
   children,
-  as,
+  as: Component = "div",
   sentiment,
   oneLine = false,
   placement,
@@ -82,7 +28,19 @@ const Text = ({
   const elementRef = useRef(null);
   const isOverflowing = useIsOverflowing(elementRef);
   const finalStringChildren = recursivelyGetChildrenString(children);
-  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsx(StyledText, { "aria-hidden": ariaHidden, as, className, "data-testid": dataTestId, dir, disabled, htmlFor, id, italic, oneLine, placement, prominence, ref: elementRef, sentiment, strikeThrough, underline, variant, whiteSpace, children }) });
+  return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isOverflowing ? finalStringChildren : "", children: /* @__PURE__ */ jsx(Component, { "aria-hidden": ariaHidden, className: `${className ? `${className} ` : ""}${text({
+    disabled,
+    italic,
+    oneLine,
+    prominence,
+    sentiment,
+    strikeThrough,
+    underline,
+    variant
+  })}`, "data-testid": dataTestId, dir, htmlFor, id, ref: elementRef, style: {
+    textAlign: placement,
+    whiteSpace
+  }, children }) });
 };
 export {
   Text

package/dist/components/Text/style.css.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                           */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var text = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { strikeThrough: { true: "uv_m4c9ow1", false: "uv_m4c9ow2" }, italic: { true: "uv_m4c9ow3", false: "uv_m4c9ow4" }, underline: { true: "uv_m4c9ow5", false: "uv_m4c9ow6" }, oneLine: { true: "uv_m4c9ow7", false: "uv_m4c9ow8" }, sentiment: { primary: "uv_m4c9ow9", secondary: "uv_m4c9owa", neutral: "uv_m4c9owb", success: "uv_m4c9owc", danger: "uv_m4c9owd", warning: "uv_m4c9owe", info: "uv_m4c9owf", black: "uv_m4c9owg", white: "uv_m4c9owh" }, prominence: { "default": "uv_m4c9owi", strong: "uv_m4c9owj", stronger: "uv_m4c9owk", weak: "uv_m4c9owl" }, variant: { body: "uv_m4c9owm", bodySmall: "uv_m4c9own", bodySmallStrong: "uv_m4c9owo", bodySmallStronger: "uv_m4c9owp", bodyStrong: "uv_m4c9owq", bodyStronger: "uv_m4c9owr", caption: "uv_m4c9ows", captionSmall: "uv_m4c9owt", captionSmallStrong: "uv_m4c9owu", captionSmallStronger: "uv_m4c9owv", captionStrong: "uv_m4c9oww", captionStronger: "uv_m4c9owx", code: "uv_m4c9owy", codeStrong: "uv_m4c9owz", codeStronger: "uv_m4c9ow10", heading: "uv_m4c9ow11", headingLarge: "uv_m4c9ow12", headingLargeStrong: "uv_m4c9ow13", headingLargeStronger: "uv_m4c9ow14", headingSmall: "uv_m4c9ow15", headingSmallStrong: "uv_m4c9ow16", headingSmallStronger: "uv_m4c9ow17", headingStrong: "uv_m4c9ow18", headingStronger: "uv_m4c9ow19" }, disabled: { true: "uv_m4c9ow1a", false: "uv_m4c9ow1b" } }, defaultVariants: { strikeThrough: false, italic: false, underline: false, oneLine: false, sentiment: void 0, prominence: "default", variant: "body", disabled: false }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_m4c9ow1c"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_m4c9ow1d"], [{ sentiment: "primary", prominence: "stronger", disabled: false }, "uv_m4c9ow1e"], [{ sentiment: "primary", prominence: "weak", disabled: false }, "uv_m4c9ow1f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_m4c9ow1g"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_m4c9ow1h"], [{ sentiment: "secondary", prominence: "stronger", disabled: false }, "uv_m4c9ow1i"], [{ sentiment: "secondary", prominence: "weak", disabled: false }, "uv_m4c9ow1j"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_m4c9ow1k"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_m4c9ow1l"], [{ sentiment: "danger", prominence: "stronger", disabled: false }, "uv_m4c9ow1m"], [{ sentiment: "danger", prominence: "weak", disabled: false }, "uv_m4c9ow1n"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_m4c9ow1o"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_m4c9ow1p"], [{ sentiment: "info", prominence: "stronger", disabled: false }, "uv_m4c9ow1q"], [{ sentiment: "info", prominence: "weak", disabled: false }, "uv_m4c9ow1r"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_m4c9ow1s"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_m4c9ow1t"], [{ sentiment: "success", prominence: "stronger", disabled: false }, "uv_m4c9ow1u"], [{ sentiment: "success", prominence: "weak", disabled: false }, "uv_m4c9ow1v"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_m4c9ow1w"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_m4c9ow1x"], [{ sentiment: "warning", prominence: "stronger", disabled: false }, "uv_m4c9ow1y"], [{ sentiment: "warning", prominence: "weak", disabled: false }, "uv_m4c9ow1z"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_m4c9ow20"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_m4c9ow21"], [{ sentiment: "neutral", prominence: "stronger", disabled: false }, "uv_m4c9ow22"], [{ sentiment: "neutral", prominence: "weak", disabled: false }, "uv_m4c9ow23"], [{ sentiment: "black", prominence: "default", disabled: false }, "uv_m4c9ow24"], [{ sentiment: "black", prominence: "strong", disabled: false }, "uv_m4c9ow25"], [{ sentiment: "black", prominence: "stronger", disabled: false }, "uv_m4c9ow26"], [{ sentiment: "black", prominence: "weak", disabled: false }, "uv_m4c9ow27"], [{ sentiment: "white", prominence: "default", disabled: false }, "uv_m4c9ow28"], [{ sentiment: "white", prominence: "strong", disabled: false }, "uv_m4c9ow29"], [{ sentiment: "white", prominence: "stronger", disabled: false }, "uv_m4c9ow2a"], [{ sentiment: "white", prominence: "weak", disabled: false }, "uv_m4c9ow2b"], [{ sentiment: "primary", prominence: "default", disabled: true }, "uv_m4c9ow2c"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_m4c9ow2d"], [{ sentiment: "primary", prominence: "stronger", disabled: true }, "uv_m4c9ow2e"], [{ sentiment: "primary", prominence: "weak", disabled: true }, "uv_m4c9ow2f"], [{ sentiment: "secondary", prominence: "default", disabled: true }, "uv_m4c9ow2g"], [{ sentiment: "secondary", prominence: "strong", disabled: true }, "uv_m4c9ow2h"], [{ sentiment: "secondary", prominence: "stronger", disabled: true }, "uv_m4c9ow2i"], [{ sentiment: "secondary", prominence: "weak", disabled: true }, "uv_m4c9ow2j"], [{ sentiment: "danger", prominence: "default", disabled: true }, "uv_m4c9ow2k"], [{ sentiment: "danger", prominence: "strong", disabled: true }, "uv_m4c9ow2l"], [{ sentiment: "danger", prominence: "stronger", disabled: true }, "uv_m4c9ow2m"], [{ sentiment: "danger", prominence: "weak", disabled: true }, "uv_m4c9ow2n"], [{ sentiment: "info", prominence: "default", disabled: true }, "uv_m4c9ow2o"], [{ sentiment: "info", prominence: "strong", disabled: true }, "uv_m4c9ow2p"], [{ sentiment: "info", prominence: "stronger", disabled: true }, "uv_m4c9ow2q"], [{ sentiment: "info", prominence: "weak", disabled: true }, "uv_m4c9ow2r"], [{ sentiment: "success", prominence: "default", disabled: true }, "uv_m4c9ow2s"], [{ sentiment: "success", prominence: "strong", disabled: true }, "uv_m4c9ow2t"], [{ sentiment: "success", prominence: "stronger", disabled: true }, "uv_m4c9ow2u"], [{ sentiment: "success", prominence: "weak", disabled: true }, "uv_m4c9ow2v"], [{ sentiment: "warning", prominence: "default", disabled: true }, "uv_m4c9ow2w"], [{ sentiment: "warning", prominence: "strong", disabled: true }, "uv_m4c9ow2x"], [{ sentiment: "warning", prominence: "stronger", disabled: true }, "uv_m4c9ow2y"], [{ sentiment: "warning", prominence: "weak", disabled: true }, "uv_m4c9ow2z"], [{ sentiment: "neutral", prominence: "default", disabled: true }, "uv_m4c9ow30"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_m4c9ow31"], [{ sentiment: "neutral", prominence: "stronger", disabled: true }, "uv_m4c9ow32"], [{ sentiment: "neutral", prominence: "weak", disabled: true }, "uv_m4c9ow33"], [{ sentiment: "black", prominence: "default", disabled: true }, "uv_m4c9ow34"], [{ sentiment: "black", prominence: "strong", disabled: true }, "uv_m4c9ow35"], [{ sentiment: "black", prominence: "stronger", disabled: true }, "uv_m4c9ow36"], [{ sentiment: "black", prominence: "weak", disabled: true }, "uv_m4c9ow37"], [{ sentiment: "white", prominence: "default", disabled: true }, "uv_m4c9ow38"], [{ sentiment: "white", prominence: "strong", disabled: true }, "uv_m4c9ow39"], [{ sentiment: "white", prominence: "stronger", disabled: true }, "uv_m4c9ow3a"], [{ sentiment: "white", prominence: "weak", disabled: true }, "uv_m4c9ow3b"], [{ prominence: "default", disabled: false }, "uv_m4c9ow3c"], [{ prominence: "strong", disabled: false }, "uv_m4c9ow3d"], [{ prominence: "stronger", disabled: false }, "uv_m4c9ow3e"], [{ prominence: "weak", disabled: false }, "uv_m4c9ow3f"]] });
+exports.text = text;

package/dist/components/Text/style.css.d.ts

@@ -0,0 +1,52 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const text: import("@vanilla-extract/recipes").RuntimeFn<{
+    strikeThrough: {
+        true: {
+            textDecoration: "line-through";
+        };
+        false: {};
+    };
+    italic: {
+        true: {
+            fontStyle: "italic";
+        };
+        false: {};
+    };
+    underline: {
+        true: {
+            textDecoration: "underline";
+        };
+        false: {};
+    };
+    oneLine: {
+        true: {
+            whiteSpace: "nowrap";
+            textOverflow: "ellipsis";
+            overflow: "hidden";
+        };
+        false: {};
+    };
+    sentiment: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+        success: {};
+        danger: {};
+        warning: {};
+        info: {};
+        black: {};
+        white: {};
+    };
+    prominence: {
+        default: {};
+        strong: {};
+        stronger: {};
+        weak: {};
+    };
+    variant: Record<"body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger", object>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+}>;
+export type TextVariants = NonNullable<RecipeVariants<typeof text>>;

package/dist/components/Text/style.css.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var text = createRuntimeFn({ defaultClassName: "uv_m4c9ow0", variantClassNames: { strikeThrough: { true: "uv_m4c9ow1", false: "uv_m4c9ow2" }, italic: { true: "uv_m4c9ow3", false: "uv_m4c9ow4" }, underline: { true: "uv_m4c9ow5", false: "uv_m4c9ow6" }, oneLine: { true: "uv_m4c9ow7", false: "uv_m4c9ow8" }, sentiment: { primary: "uv_m4c9ow9", secondary: "uv_m4c9owa", neutral: "uv_m4c9owb", success: "uv_m4c9owc", danger: "uv_m4c9owd", warning: "uv_m4c9owe", info: "uv_m4c9owf", black: "uv_m4c9owg", white: "uv_m4c9owh" }, prominence: { "default": "uv_m4c9owi", strong: "uv_m4c9owj", stronger: "uv_m4c9owk", weak: "uv_m4c9owl" }, variant: { body: "uv_m4c9owm", bodySmall: "uv_m4c9own", bodySmallStrong: "uv_m4c9owo", bodySmallStronger: "uv_m4c9owp", bodyStrong: "uv_m4c9owq", bodyStronger: "uv_m4c9owr", caption: "uv_m4c9ows", captionSmall: "uv_m4c9owt", captionSmallStrong: "uv_m4c9owu", captionSmallStronger: "uv_m4c9owv", captionStrong: "uv_m4c9oww", captionStronger: "uv_m4c9owx", code: "uv_m4c9owy", codeStrong: "uv_m4c9owz", codeStronger: "uv_m4c9ow10", heading: "uv_m4c9ow11", headingLarge: "uv_m4c9ow12", headingLargeStrong: "uv_m4c9ow13", headingLargeStronger: "uv_m4c9ow14", headingSmall: "uv_m4c9ow15", headingSmallStrong: "uv_m4c9ow16", headingSmallStronger: "uv_m4c9ow17", headingStrong: "uv_m4c9ow18", headingStronger: "uv_m4c9ow19" }, disabled: { true: "uv_m4c9ow1a", false: "uv_m4c9ow1b" } }, defaultVariants: { strikeThrough: false, italic: false, underline: false, oneLine: false, sentiment: void 0, prominence: "default", variant: "body", disabled: false }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_m4c9ow1c"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_m4c9ow1d"], [{ sentiment: "primary", prominence: "stronger", disabled: false }, "uv_m4c9ow1e"], [{ sentiment: "primary", prominence: "weak", disabled: false }, "uv_m4c9ow1f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_m4c9ow1g"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_m4c9ow1h"], [{ sentiment: "secondary", prominence: "stronger", disabled: false }, "uv_m4c9ow1i"], [{ sentiment: "secondary", prominence: "weak", disabled: false }, "uv_m4c9ow1j"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_m4c9ow1k"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_m4c9ow1l"], [{ sentiment: "danger", prominence: "stronger", disabled: false }, "uv_m4c9ow1m"], [{ sentiment: "danger", prominence: "weak", disabled: false }, "uv_m4c9ow1n"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_m4c9ow1o"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_m4c9ow1p"], [{ sentiment: "info", prominence: "stronger", disabled: false }, "uv_m4c9ow1q"], [{ sentiment: "info", prominence: "weak", disabled: false }, "uv_m4c9ow1r"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_m4c9ow1s"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_m4c9ow1t"], [{ sentiment: "success", prominence: "stronger", disabled: false }, "uv_m4c9ow1u"], [{ sentiment: "success", prominence: "weak", disabled: false }, "uv_m4c9ow1v"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_m4c9ow1w"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_m4c9ow1x"], [{ sentiment: "warning", prominence: "stronger", disabled: false }, "uv_m4c9ow1y"], [{ sentiment: "warning", prominence: "weak", disabled: false }, "uv_m4c9ow1z"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_m4c9ow20"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_m4c9ow21"], [{ sentiment: "neutral", prominence: "stronger", disabled: false }, "uv_m4c9ow22"], [{ sentiment: "neutral", prominence: "weak", disabled: false }, "uv_m4c9ow23"], [{ sentiment: "black", prominence: "default", disabled: false }, "uv_m4c9ow24"], [{ sentiment: "black", prominence: "strong", disabled: false }, "uv_m4c9ow25"], [{ sentiment: "black", prominence: "stronger", disabled: false }, "uv_m4c9ow26"], [{ sentiment: "black", prominence: "weak", disabled: false }, "uv_m4c9ow27"], [{ sentiment: "white", prominence: "default", disabled: false }, "uv_m4c9ow28"], [{ sentiment: "white", prominence: "strong", disabled: false }, "uv_m4c9ow29"], [{ sentiment: "white", prominence: "stronger", disabled: false }, "uv_m4c9ow2a"], [{ sentiment: "white", prominence: "weak", disabled: false }, "uv_m4c9ow2b"], [{ sentiment: "primary", prominence: "default", disabled: true }, "uv_m4c9ow2c"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_m4c9ow2d"], [{ sentiment: "primary", prominence: "stronger", disabled: true }, "uv_m4c9ow2e"], [{ sentiment: "primary", prominence: "weak", disabled: true }, "uv_m4c9ow2f"], [{ sentiment: "secondary", prominence: "default", disabled: true }, "uv_m4c9ow2g"], [{ sentiment: "secondary", prominence: "strong", disabled: true }, "uv_m4c9ow2h"], [{ sentiment: "secondary", prominence: "stronger", disabled: true }, "uv_m4c9ow2i"], [{ sentiment: "secondary", prominence: "weak", disabled: true }, "uv_m4c9ow2j"], [{ sentiment: "danger", prominence: "default", disabled: true }, "uv_m4c9ow2k"], [{ sentiment: "danger", prominence: "strong", disabled: true }, "uv_m4c9ow2l"], [{ sentiment: "danger", prominence: "stronger", disabled: true }, "uv_m4c9ow2m"], [{ sentiment: "danger", prominence: "weak", disabled: true }, "uv_m4c9ow2n"], [{ sentiment: "info", prominence: "default", disabled: true }, "uv_m4c9ow2o"], [{ sentiment: "info", prominence: "strong", disabled: true }, "uv_m4c9ow2p"], [{ sentiment: "info", prominence: "stronger", disabled: true }, "uv_m4c9ow2q"], [{ sentiment: "info", prominence: "weak", disabled: true }, "uv_m4c9ow2r"], [{ sentiment: "success", prominence: "default", disabled: true }, "uv_m4c9ow2s"], [{ sentiment: "success", prominence: "strong", disabled: true }, "uv_m4c9ow2t"], [{ sentiment: "success", prominence: "stronger", disabled: true }, "uv_m4c9ow2u"], [{ sentiment: "success", prominence: "weak", disabled: true }, "uv_m4c9ow2v"], [{ sentiment: "warning", prominence: "default", disabled: true }, "uv_m4c9ow2w"], [{ sentiment: "warning", prominence: "strong", disabled: true }, "uv_m4c9ow2x"], [{ sentiment: "warning", prominence: "stronger", disabled: true }, "uv_m4c9ow2y"], [{ sentiment: "warning", prominence: "weak", disabled: true }, "uv_m4c9ow2z"], [{ sentiment: "neutral", prominence: "default", disabled: true }, "uv_m4c9ow30"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_m4c9ow31"], [{ sentiment: "neutral", prominence: "stronger", disabled: true }, "uv_m4c9ow32"], [{ sentiment: "neutral", prominence: "weak", disabled: true }, "uv_m4c9ow33"], [{ sentiment: "black", prominence: "default", disabled: true }, "uv_m4c9ow34"], [{ sentiment: "black", prominence: "strong", disabled: true }, "uv_m4c9ow35"], [{ sentiment: "black", prominence: "stronger", disabled: true }, "uv_m4c9ow36"], [{ sentiment: "black", prominence: "weak", disabled: true }, "uv_m4c9ow37"], [{ sentiment: "white", prominence: "default", disabled: true }, "uv_m4c9ow38"], [{ sentiment: "white", prominence: "strong", disabled: true }, "uv_m4c9ow39"], [{ sentiment: "white", prominence: "stronger", disabled: true }, "uv_m4c9ow3a"], [{ sentiment: "white", prominence: "weak", disabled: true }, "uv_m4c9ow3b"], [{ prominence: "default", disabled: false }, "uv_m4c9ow3c"], [{ prominence: "strong", disabled: false }, "uv_m4c9ow3d"], [{ prominence: "stronger", disabled: false }, "uv_m4c9ow3e"], [{ prominence: "weak", disabled: false }, "uv_m4c9ow3f"]] });
+export {
+  text
+};

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { Expandable } from './Expandable';
 export { ExpandableCard } from './ExpandableCard';
 export { GlobalAlert } from './GlobalAlert';
 export { InfiniteScroll } from './InfiniteScroll';
+export { Key } from './Key';
 export { Label } from './Label';
 export { LineChart } from './LineChart';
 export { Link } from './Link';

package/dist/index.cjs

@@ -32,55 +32,56 @@ const index$l = require("./components/Expandable/index.cjs");
 const index$m = require("./components/ExpandableCard/index.cjs");
 const index$n = require("./components/GlobalAlert/index.cjs");
 const index$o = require("./components/InfiniteScroll/index.cjs");
-const index$p = require("./components/Label/index.cjs");
-const index$q = require("./components/LineChart/index.cjs");
-const index$r = require("./components/Link/index.cjs");
-const index$s = require("./components/List/index.cjs");
-const index$t = require("./components/Loader/index.cjs");
-const index$u = require("./components/Menu/index.cjs");
-const index$v = require("./components/Meter/index.cjs");
-const index$w = require("./components/Modal/index.cjs");
-const index$x = require("./components/Notice/index.cjs");
-const index$y = require("./components/Notification/index.cjs");
-const index$z = require("./components/NumberInput/index.cjs");
-const index$A = require("./components/Pagination/index.cjs");
-const index$B = require("./components/PasswordCheck/index.cjs");
-const index$C = require("./components/PieChart/index.cjs");
-const index$D = require("./components/Popover/index.cjs");
-const index$E = require("./components/Popup/index.cjs");
-const index$F = require("./components/ProgressBar/index.cjs");
-const index$G = require("./components/Radio/index.cjs");
-const index$H = require("./components/RadioGroup/index.cjs");
-const index$I = require("./components/Row/index.cjs");
-const index$J = require("./components/SearchInput/index.cjs");
-const index$K = require("./components/SelectableCard/index.cjs");
-const index$L = require("./components/SelectableCardGroup/index.cjs");
-const index$M = require("./components/SelectableCardOptionGroup/index.cjs");
-const index$N = require("./components/SelectInput/index.cjs");
-const index$O = require("./components/Separator/index.cjs");
-const index$P = require("./components/Skeleton/index.cjs");
-const index$Q = require("./components/Slider/index.cjs");
-const index$R = require("./components/Snippet/index.cjs");
-const index$S = require("./components/Stack/index.cjs");
-const index$T = require("./components/Status/index.cjs");
-const index$U = require("./components/StepList/index.cjs");
-const index$V = require("./components/Stepper/index.cjs");
-const index$W = require("./components/SwitchButton/index.cjs");
-const index$X = require("./components/Table/index.cjs");
-const index$Y = require("./components/Tabs/index.cjs");
-const index$Z = require("./components/Tag/index.cjs");
-const index$_ = require("./components/TagInput/index.cjs");
-const index$$ = require("./components/TagList/index.cjs");
-const index$10 = require("./components/Text/index.cjs");
-const index$11 = require("./components/TextArea/index.cjs");
-const index$12 = require("./components/TextInput/index.cjs");
-const index$13 = require("./components/TimeInput/index.cjs");
-const index$14 = require("./components/Toaster/index.cjs");
-const index$15 = require("./components/Toggle/index.cjs");
-const index$16 = require("./components/ToggleGroup/index.cjs");
-const index$17 = require("./components/Tooltip/index.cjs");
-const index$18 = require("./components/UnitInput/index.cjs");
-const index$19 = require("./components/VerificationCode/index.cjs");
+const index$p = require("./components/Key/index.cjs");
+const index$q = require("./components/Label/index.cjs");
+const index$r = require("./components/LineChart/index.cjs");
+const index$s = require("./components/Link/index.cjs");
+const index$t = require("./components/List/index.cjs");
+const index$u = require("./components/Loader/index.cjs");
+const index$v = require("./components/Menu/index.cjs");
+const index$w = require("./components/Meter/index.cjs");
+const index$x = require("./components/Modal/index.cjs");
+const index$y = require("./components/Notice/index.cjs");
+const index$z = require("./components/Notification/index.cjs");
+const index$A = require("./components/NumberInput/index.cjs");
+const index$B = require("./components/Pagination/index.cjs");
+const index$C = require("./components/PasswordCheck/index.cjs");
+const index$D = require("./components/PieChart/index.cjs");
+const index$E = require("./components/Popover/index.cjs");
+const index$F = require("./components/Popup/index.cjs");
+const index$G = require("./components/ProgressBar/index.cjs");
+const index$H = require("./components/Radio/index.cjs");
+const index$I = require("./components/RadioGroup/index.cjs");
+const index$J = require("./components/Row/index.cjs");
+const index$K = require("./components/SearchInput/index.cjs");
+const index$L = require("./components/SelectableCard/index.cjs");
+const index$M = require("./components/SelectableCardGroup/index.cjs");
+const index$N = require("./components/SelectableCardOptionGroup/index.cjs");
+const index$O = require("./components/SelectInput/index.cjs");
+const index$P = require("./components/Separator/index.cjs");
+const index$Q = require("./components/Skeleton/index.cjs");
+const index$R = require("./components/Slider/index.cjs");
+const index$S = require("./components/Snippet/index.cjs");
+const index$T = require("./components/Stack/index.cjs");
+const index$U = require("./components/Status/index.cjs");
+const index$V = require("./components/StepList/index.cjs");
+const index$W = require("./components/Stepper/index.cjs");
+const index$X = require("./components/SwitchButton/index.cjs");
+const index$Y = require("./components/Table/index.cjs");
+const index$Z = require("./components/Tabs/index.cjs");
+const index$_ = require("./components/Tag/index.cjs");
+const index$$ = require("./components/TagInput/index.cjs");
+const index$10 = require("./components/TagList/index.cjs");
+const index$11 = require("./components/Text/index.cjs");
+const index$12 = require("./components/TextArea/index.cjs");
+const index$13 = require("./components/TextInput/index.cjs");
+const index$14 = require("./components/TimeInput/index.cjs");
+const index$15 = require("./components/Toaster/index.cjs");
+const index$16 = require("./components/Toggle/index.cjs");
+const index$17 = require("./components/ToggleGroup/index.cjs");
+const index$18 = require("./components/Tooltip/index.cjs");
+const index$19 = require("./components/UnitInput/index.cjs");
+const index$1a = require("./components/VerificationCode/index.cjs");
 exports.extendTheme = index.extendTheme;
 exports.Breakpoint = Breakpoint;
 exports.normalize = normalize;
@@ -149,54 +150,55 @@ exports.Expandable = index$l.Expandable;
 exports.ExpandableCard = index$m.ExpandableCard;
 exports.GlobalAlert = index$n.GlobalAlert;
 exports.InfiniteScroll = index$o.InfiniteScroll;
-exports.Label = index$p.Label;
-exports.LineChart = index$q.LineChart;
-exports.Link = index$r.Link;
-exports.List = index$s.List;
-exports.Loader = index$t.Loader;
-exports.Menu = index$u.Menu;
-exports.Meter = index$v.Meter;
-exports.Modal = index$w.Modal;
-exports.Notice = index$x.Notice;
-exports.NotificationContainer = index$y.NotificationContainer;
-exports.notification = index$y.notification;
-exports.NumberInput = index$z.NumberInput;
-exports.Pagination = index$A.Pagination;
-exports.PasswordCheck = index$B.PasswordCheck;
-exports.PieChart = index$C.PieChart;
-exports.Popover = index$D.Popover;
-exports.Popup = index$E.Popup;
-exports.ProgressBar = index$F.ProgressBar;
-exports.Radio = index$G.Radio;
-exports.RadioGroup = index$H.RadioGroup;
-exports.Row = index$I.Row;
-exports.SearchInput = index$J.SearchInput;
-exports.SelectableCard = index$K.SelectableCard;
-exports.SelectableCardGroup = index$L.SelectableCardGroup;
-exports.SelectableCardOptionGroup = index$M.SelectableCardOptionGroup;
-exports.SelectInput = index$N.SelectInput;
-exports.Separator = index$O.Separator;
-exports.Skeleton = index$P.Skeleton;
-exports.Slider = index$Q.Slider;
-exports.Snippet = index$R.Snippet;
-exports.Stack = index$S.Stack;
-exports.Status = index$T.Status;
-exports.StepList = index$U.StepList;
-exports.Stepper = index$V.Stepper;
-exports.SwitchButton = index$W.SwitchButton;
-exports.Table = index$X.Table;
-exports.Tabs = index$Y.Tabs;
-exports.Tag = index$Z.Tag;
-exports.TagInput = index$_.TagInput;
-exports.TagList = index$$.TagList;
-exports.Text = index$10.Text;
-exports.TextArea = index$11.TextArea;
-exports.TextInput = index$12.TextInput;
-exports.TimeInput = index$13.TimeInput;
-exports.ToastContainer = index$14.ToastContainer;
-exports.toast = index$14.toast;
-exports.Toggle = index$15.Toggle;
-exports.ToggleGroup = index$16.ToggleGroup;
-exports.Tooltip = index$17.Tooltip;
-exports.UnitInput = index$18.UnitInput;
-exports.VerificationCode = index$19.VerificationCode;
+exports.Key = index$p.Key;
+exports.Label = index$q.Label;
+exports.LineChart = index$r.LineChart;
+exports.Link = index$s.Link;
+exports.List = index$t.List;
+exports.Loader = index$u.Loader;
+exports.Menu = index$v.Menu;
+exports.Meter = index$w.Meter;
+exports.Modal = index$x.Modal;
+exports.Notice = index$y.Notice;
+exports.NotificationContainer = index$z.NotificationContainer;
+exports.notification = index$z.notification;
+exports.NumberInput = index$A.NumberInput;
+exports.Pagination = index$B.Pagination;
+exports.PasswordCheck = index$C.PasswordCheck;
+exports.PieChart = index$D.PieChart;
+exports.Popover = index$E.Popover;
+exports.Popup = index$F.Popup;
+exports.ProgressBar = index$G.ProgressBar;
+exports.Radio = index$H.Radio;
+exports.RadioGroup = index$I.RadioGroup;
+exports.Row = index$J.Row;
+exports.SearchInput = index$K.SearchInput;
+exports.SelectableCard = index$L.SelectableCard;
+exports.SelectableCardGroup = index$M.SelectableCardGroup;
+exports.SelectableCardOptionGroup = index$N.SelectableCardOptionGroup;
+exports.SelectInput = index$O.SelectInput;
+exports.Separator = index$P.Separator;
+exports.Skeleton = index$Q.Skeleton;
+exports.Slider = index$R.Slider;
+exports.Snippet = index$S.Snippet;
+exports.Stack = index$T.Stack;
+exports.Status = index$U.Status;
+exports.StepList = index$V.StepList;
+exports.Stepper = index$W.Stepper;
+exports.SwitchButton = index$X.SwitchButton;
+exports.Table = index$Y.Table;
+exports.Tabs = index$Z.Tabs;
+exports.Tag = index$_.Tag;
+exports.TagInput = index$$.TagInput;
+exports.TagList = index$10.TagList;
+exports.Text = index$11.Text;
+exports.TextArea = index$12.TextArea;
+exports.TextInput = index$13.TextInput;
+exports.TimeInput = index$14.TimeInput;
+exports.ToastContainer = index$15.ToastContainer;
+exports.toast = index$15.toast;
+exports.Toggle = index$16.Toggle;
+exports.ToggleGroup = index$17.ToggleGroup;
+exports.Tooltip = index$18.Tooltip;
+exports.UnitInput = index$19.UnitInput;
+exports.VerificationCode = index$1a.VerificationCode;

package/dist/index.js

@@ -30,6 +30,7 @@ import { Expandable } from "./components/Expandable/index.js";
 import { ExpandableCard } from "./components/ExpandableCard/index.js";
 import { GlobalAlert } from "./components/GlobalAlert/index.js";
 import { InfiniteScroll } from "./components/InfiniteScroll/index.js";
+import { Key } from "./components/Key/index.js";
 import { Label } from "./components/Label/index.js";
 import { LineChart } from "./components/LineChart/index.js";
 import { Link } from "./components/Link/index.js";
@@ -106,6 +107,7 @@ export {
   ExpandableCard,
   GlobalAlert,
   InfiniteScroll,
+  Key,
   Label,
   LineChart,
   Link,

package/dist/ui.css

@@ -1 +1 @@
-@keyframes uv_1af1o4g0{0%{opacity:0}to{opacity:1}}.uv_1p607tg0{height:100%;padding:0 var(--rwwhsl9v)}.uv_1p607tg1{animation:uv_1af1o4g0 .2s ease-in-out;background-color:var(--rwwhsl3b);border-radius:var(--rwwhsl85);box-shadow:var(--rwwhsl8f),var(--rwwhsl8g);height:var(--rwwhsl9l);left:50%;position:fixed;transform:translate(-50%);width:37.5rem}.uv_e1wcoe0{display:inline-flex;position:relative;flex-direction:row;box-sizing:border-box;align-items:center;justify-content:center;outline-offset:2px;white-space:nowrap;text-decoration:none;border-radius:var(--rwwhsl85)}.uv_e1wcoe0:hover{text-decoration:none}.uv_e1wcoe1{height:var(--rwwhsl9k);padding-left:var(--rwwhsl9v);padding-right:var(--rwwhsl9v);gap:var(--rwwhsl9u);font-size:var(--rwwhslb9);font-family:var(--rwwhslb8);font-weight:var(--rwwhslbg);letter-spacing:var(--rwwhslbb);line-height:var(--rwwhslbc)}.uv_e1wcoe2{height:var(--rwwhsl9j);padding-left:var(--rwwhsla6);padding-right:var(--rwwhsla6);gap:var(--rwwhsl9u);font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau)}.uv_e1wcoe3{height:var(--rwwhsl9h);padding-left:var(--rwwhsl9u);padding-right:var(--rwwhsl9u);gap:var(--rwwhsl9u);font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau)}.uv_e1wcoe4{height:var(--rwwhsl9f);padding-left:var(--rwwhsla4);padding-right:var(--rwwhsla4);gap:var(--rwwhsla4);font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau)}.uv_e1wcoe5{width:100%}.uv_e1wcoe6{width:auto}.uv_e1wcoej{cursor:not-allowed}.uv_e1wcoek{cursor:pointer}.uv_e1wcoel{background:var(--rwwhsl5j);color:var(--rwwhsl61);border:none}.uv_e1wcoel:hover,.uv_e1wcoel:active{background:var(--rwwhsl5l);color:var(--rwwhsl63)}.uv_e1wcoel:disabled{background:var(--rwwhsl5k);color:var(--rwwhsl62)}.uv_e1wcoem{background:var(--rwwhsl67);color:var(--rwwhsl6p);border:none}.uv_e1wcoem:hover,.uv_e1wcoem:active{background:var(--rwwhsl69);color:var(--rwwhsl6r)}.uv_e1wcoem:disabled{background:var(--rwwhsl68);color:var(--rwwhsl6q)}.uv_e1wcoen{background:var(--rwwhsl9);color:var(--rwwhslr);border:none}.uv_e1wcoen:hover,.uv_e1wcoen:active{background:var(--rwwhslb);color:var(--rwwhslt)}.uv_e1wcoen:disabled{background:var(--rwwhsla);color:var(--rwwhsls)}.uv_e1wcoeo{background:var(--rwwhslx);color:var(--rwwhsl1f);border:none}.uv_e1wcoeo:hover,.uv_e1wcoeo:active{background:var(--rwwhslz);color:var(--rwwhsl1h)}.uv_e1wcoeo:disabled{background:var(--rwwhsly);color:var(--rwwhsl1g)}.uv_e1wcoep{background:var(--rwwhsl6v);color:var(--rwwhsl7d);border:none}.uv_e1wcoep:hover,.uv_e1wcoep:active{background:var(--rwwhsl6x);color:var(--rwwhsl7f)}.uv_e1wcoep:disabled{background:var(--rwwhsl6w);color:var(--rwwhsl7e)}.uv_e1wcoeq{background:var(--rwwhsl7j);color:var(--rwwhsl81);border:none}.uv_e1wcoeq:hover,.uv_e1wcoeq:active{background:var(--rwwhsl7l);color:var(--rwwhsl83)}.uv_e1wcoeq:disabled{background:var(--rwwhsl7k);color:var(--rwwhsl82)}.uv_e1wcoer{background:var(--rwwhsl1l);color:var(--rwwhsl2m);border:none}.uv_e1wcoer:hover,.uv_e1wcoer:active{background:var(--rwwhsl1q);color:var(--rwwhsl2r)}.uv_e1wcoer:disabled{background:var(--rwwhsl1m);color:var(--rwwhsl2n)}.uv_e1wcoes{background:var(--rwwhsl4r);color:var(--rwwhsl5c);border:none}.uv_e1wcoes:hover,.uv_e1wcoes:active{background:var(--rwwhsl4t);color:var(--rwwhsl5e)}.uv_e1wcoes:disabled{background:var(--rwwhsl4s);color:var(--rwwhsl51)}.uv_e1wcoet{background:var(--rwwhsl53);color:var(--rwwhsl50);border:none}.uv_e1wcoet:hover,.uv_e1wcoet:active{background:var(--rwwhsl55);color:var(--rwwhsl52)}.uv_e1wcoet:disabled{background:var(--rwwhsl54);color:var(--rwwhsl5d)}.uv_e1wcoeu{background:none;color:var(--rwwhsl5y);border:1px solid var(--rwwhsl5m)}.uv_e1wcoeu:hover,.uv_e1wcoeu:active{background:var(--rwwhsl5i);color:var(--rwwhsl60);border:1px solid var(--rwwhsl5o)}.uv_e1wcoeu:disabled{color:var(--rwwhsl5z);border:1px solid var(--rwwhsl5n)}.uv_e1wcoev{background:none;color:var(--rwwhsl6m);border:1px solid var(--rwwhsl6a)}.uv_e1wcoev:hover,.uv_e1wcoev:active{background:var(--rwwhsl66);color:var(--rwwhsl6o);border:1px solid var(--rwwhsl6c)}.uv_e1wcoev:disabled{color:var(--rwwhsl6n);border:1px solid var(--rwwhsl6b)}.uv_e1wcoew{background:none;color:var(--rwwhslo);border:1px solid var(--rwwhslc)}.uv_e1wcoew:hover,.uv_e1wcoew:active{background:var(--rwwhsl8);color:var(--rwwhslq);border:1px solid var(--rwwhsle)}.uv_e1wcoew:disabled{color:var(--rwwhslp);border:1px solid var(--rwwhsld)}.uv_e1wcoex{background:none;color:var(--rwwhsl1c);border:1px solid var(--rwwhsl10)}.uv_e1wcoex:hover,.uv_e1wcoex:active{background:var(--rwwhslw);color:var(--rwwhsl1e);border:1px solid var(--rwwhsl12)}.uv_e1wcoex:disabled{color:var(--rwwhsl1d);border:1px solid var(--rwwhsl11)}.uv_e1wcoey{background:none;color:var(--rwwhsl7a);border:1px solid var(--rwwhsl6y)}.uv_e1wcoey:hover,.uv_e1wcoey:active{background:var(--rwwhsl6u);color:var(--rwwhsl7c);border:1px solid var(--rwwhsl70)}.uv_e1wcoey:disabled{color:var(--rwwhsl7b);border:1px solid var(--rwwhsl6z)}.uv_e1wcoez{background:none;color:var(--rwwhsl7y);border:1px solid var(--rwwhsl7m)}.uv_e1wcoez:hover,.uv_e1wcoez:active{background:var(--rwwhsl7i);color:var(--rwwhsl80);border:1px solid var(--rwwhsl7o)}.uv_e1wcoez:disabled{color:var(--rwwhsl7z);border:1px solid var(--rwwhsl7n)}.uv_e1wcoe10{background:none;color:var(--rwwhsl2j);border:1px solid var(--rwwhsl1y)}.uv_e1wcoe10:hover,.uv_e1wcoe10:active{background:var(--rwwhsl1k);color:var(--rwwhsl2l);border:1px solid var(--rwwhsl23)}.uv_e1wcoe10:disabled{color:var(--rwwhsl2k);border:1px solid var(--rwwhsl1z)}.uv_e1wcoe11{background:none;color:var(--rwwhsl50);border:1px solid var(--rwwhsl4u)}.uv_e1wcoe11:hover,.uv_e1wcoe11:active{background:var(--rwwhsl4t);color:var(--rwwhsl5e);border:1px solid var(--rwwhsl4w)}.uv_e1wcoe11:disabled{color:var(--rwwhsl51);border:1px solid var(--rwwhsl4v)}.uv_e1wcoe12{background:none;color:var(--rwwhsl5c);border:1px solid var(--rwwhsl56)}.uv_e1wcoe12:hover,.uv_e1wcoe12:active{background:var(--rwwhsl55);color:var(--rwwhsl52);border:1px solid var(--rwwhsl58)}.uv_e1wcoe12:disabled{color:var(--rwwhsl5d);border:1px solid var(--rwwhsl57)}.uv_e1wcoe13{background:none;color:var(--rwwhsl5y);border:none}.uv_e1wcoe13:hover,.uv_e1wcoe13:active{background:var(--rwwhsl5i);color:var(--rwwhsl60)}.uv_e1wcoe13:disabled{color:var(--rwwhsl5z)}.uv_e1wcoe14{background:none;color:var(--rwwhsl6m);border:none}.uv_e1wcoe14:hover,.uv_e1wcoe14:active{background:var(--rwwhsl66);color:var(--rwwhsl6o)}.uv_e1wcoe14:disabled{color:var(--rwwhsl6n)}.uv_e1wcoe15{background:none;color:var(--rwwhslo);border:none}.uv_e1wcoe15:hover,.uv_e1wcoe15:active{background:var(--rwwhsl8);color:var(--rwwhslq)}.uv_e1wcoe15:disabled{color:var(--rwwhslp)}.uv_e1wcoe16{background:none;color:var(--rwwhsl1c);border:none}.uv_e1wcoe16:hover,.uv_e1wcoe16:active{background:var(--rwwhslw);color:var(--rwwhsl1e)}.uv_e1wcoe16:disabled{color:var(--rwwhsl1d)}.uv_e1wcoe17{background:none;color:var(--rwwhsl7a);border:none}.uv_e1wcoe17:hover,.uv_e1wcoe17:active{background:var(--rwwhsl6u);color:var(--rwwhsl7c)}.uv_e1wcoe17:disabled{color:var(--rwwhsl7b)}.uv_e1wcoe18{background:none;color:var(--rwwhsl7y);border:none}.uv_e1wcoe18:hover,.uv_e1wcoe18:active{background:var(--rwwhsl7i);color:var(--rwwhsl80)}.uv_e1wcoe18:disabled{color:var(--rwwhsl7z)}.uv_e1wcoe19{background:none;color:var(--rwwhsl2j);border:none}.uv_e1wcoe19:hover,.uv_e1wcoe19:active{background:var(--rwwhsl1k);color:var(--rwwhsl2l)}.uv_e1wcoe19:disabled{color:var(--rwwhsl2k)}.uv_e1wcoe1a{background:none;color:var(--rwwhsl50);border:none}.uv_e1wcoe1a:hover,.uv_e1wcoe1a:active{background:var(--rwwhsl4t);color:var(--rwwhsl5e)}.uv_e1wcoe1a:disabled{color:var(--rwwhsl51)}.uv_e1wcoe1b{background:none;color:var(--rwwhsl5c);border:none}.uv_e1wcoe1b:hover,.uv_e1wcoe1b:active{background:var(--rwwhsl55);color:var(--rwwhsl52)}.uv_e1wcoe1b:disabled{color:var(--rwwhsl5d)}.uv_1yf71jy0{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rwwhsl89);width:fit-content;border-width:1px;border-style:solid}.uv_1yf71jy0.uv_1yf71jy0{text-transform:uppercase}.uv_1yf71jy1{padding:0 var(--rwwhsl9u);gap:var(--rwwhsla4);height:var(--rwwhsl9c)}.uv_1yf71jy2{padding:0 var(--rwwhsla6);gap:var(--rwwhsl9u);height:var(--rwwhsl9f)}.uv_1yf71jy3{padding:0 var(--rwwhsl9v);gap:var(--rwwhsl9u);height:var(--rwwhsl9h)}.uv_1yf71jyf{border:none;color:var(--rwwhsl2s);background-color:var(--rwwhsl1l)}.uv_1yf71jyg{background:var(--rwwhsl5g);color:var(--rwwhsl5y);border-color:var(--rwwhsl5g)}.uv_1yf71jyh{background:var(--rwwhsl64);color:var(--rwwhsl6m);border-color:var(--rwwhsl64)}.uv_1yf71jyi{background:var(--rwwhsl6);color:var(--rwwhslo);border-color:var(--rwwhsl6)}.uv_1yf71jyj{background:var(--rwwhslu);color:var(--rwwhsl1c);border-color:var(--rwwhslu)}.uv_1yf71jyk{background:var(--rwwhsl6s);color:var(--rwwhsl7a);border-color:var(--rwwhsl6s)}.uv_1yf71jyl{background:var(--rwwhsl7g);color:var(--rwwhsl7y);border-color:var(--rwwhsl7g)}.uv_1yf71jym{background:var(--rwwhsl1r);color:var(--rwwhsl2j);border-color:var(--rwwhsl1v)}.uv_1yf71jyn{background:var(--rwwhsl5j);color:var(--rwwhsl61);border-color:var(--rwwhsl5j)}.uv_1yf71jyo{background:var(--rwwhsl67);color:var(--rwwhsl6p);border-color:var(--rwwhsl67)}.uv_1yf71jyp{background:var(--rwwhsl9);color:var(--rwwhslr);border-color:var(--rwwhsl9)}.uv_1yf71jyq{background:var(--rwwhslx);color:var(--rwwhsl1f);border-color:var(--rwwhslx)}.uv_1yf71jyr{background:var(--rwwhsl6v);color:var(--rwwhsl7d);border-color:var(--rwwhsl6v)}.uv_1yf71jys{background:var(--rwwhsl7j);color:var(--rwwhsl81);border-color:var(--rwwhsl7j)}.uv_1yf71jyt{background:var(--rwwhsl1n);color:var(--rwwhsl2o);border-color:var(--rwwhsl20)}.backdrop-drawer{padding:0!important;transition:opacity .1s ease-in-out}
+@keyframes uv_1af1o4g0{0%{opacity:0}to{opacity:1}}.uv_1p607tg0{height:100%;padding:0 var(--rwwhsl9v)}.uv_1p607tg1{animation:uv_1af1o4g0 .2s ease-in-out;background-color:var(--rwwhsl3b);border-radius:var(--rwwhsl85);box-shadow:var(--rwwhsl8f),var(--rwwhsl8g);height:var(--rwwhsl9l);left:50%;position:fixed;transform:translate(-50%);width:37.5rem}.uv_e1wcoe0{display:inline-flex;position:relative;flex-direction:row;box-sizing:border-box;align-items:center;justify-content:center;outline-offset:2px;white-space:nowrap;text-decoration:none;border-radius:var(--rwwhsl85)}.uv_e1wcoe0:hover{text-decoration:none}.uv_e1wcoe1{height:var(--rwwhsl9k);padding-left:var(--rwwhsl9v);padding-right:var(--rwwhsl9v);gap:var(--rwwhsl9u);font-size:var(--rwwhslb9);font-family:var(--rwwhslb8);font-weight:var(--rwwhslbg);letter-spacing:var(--rwwhslbb);line-height:var(--rwwhslbc)}.uv_e1wcoe2{height:var(--rwwhsl9j);padding-left:var(--rwwhsla6);padding-right:var(--rwwhsla6);gap:var(--rwwhsl9u);font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau)}.uv_e1wcoe3{height:var(--rwwhsl9h);padding-left:var(--rwwhsl9u);padding-right:var(--rwwhsl9u);gap:var(--rwwhsl9u);font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau)}.uv_e1wcoe4{height:var(--rwwhsl9f);padding-left:var(--rwwhsla4);padding-right:var(--rwwhsla4);gap:var(--rwwhsla4);font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau)}.uv_e1wcoe5{width:100%}.uv_e1wcoe6{width:auto}.uv_e1wcoej{cursor:not-allowed}.uv_e1wcoek{cursor:pointer}.uv_e1wcoel{background:var(--rwwhsl5j);color:var(--rwwhsl61);border:none}.uv_e1wcoel:hover,.uv_e1wcoel:active{background:var(--rwwhsl5l);color:var(--rwwhsl63)}.uv_e1wcoel:disabled{background:var(--rwwhsl5k);color:var(--rwwhsl62)}.uv_e1wcoem{background:var(--rwwhsl67);color:var(--rwwhsl6p);border:none}.uv_e1wcoem:hover,.uv_e1wcoem:active{background:var(--rwwhsl69);color:var(--rwwhsl6r)}.uv_e1wcoem:disabled{background:var(--rwwhsl68);color:var(--rwwhsl6q)}.uv_e1wcoen{background:var(--rwwhsl9);color:var(--rwwhslr);border:none}.uv_e1wcoen:hover,.uv_e1wcoen:active{background:var(--rwwhslb);color:var(--rwwhslt)}.uv_e1wcoen:disabled{background:var(--rwwhsla);color:var(--rwwhsls)}.uv_e1wcoeo{background:var(--rwwhslx);color:var(--rwwhsl1f);border:none}.uv_e1wcoeo:hover,.uv_e1wcoeo:active{background:var(--rwwhslz);color:var(--rwwhsl1h)}.uv_e1wcoeo:disabled{background:var(--rwwhsly);color:var(--rwwhsl1g)}.uv_e1wcoep{background:var(--rwwhsl6v);color:var(--rwwhsl7d);border:none}.uv_e1wcoep:hover,.uv_e1wcoep:active{background:var(--rwwhsl6x);color:var(--rwwhsl7f)}.uv_e1wcoep:disabled{background:var(--rwwhsl6w);color:var(--rwwhsl7e)}.uv_e1wcoeq{background:var(--rwwhsl7j);color:var(--rwwhsl81);border:none}.uv_e1wcoeq:hover,.uv_e1wcoeq:active{background:var(--rwwhsl7l);color:var(--rwwhsl83)}.uv_e1wcoeq:disabled{background:var(--rwwhsl7k);color:var(--rwwhsl82)}.uv_e1wcoer{background:var(--rwwhsl1l);color:var(--rwwhsl2m);border:none}.uv_e1wcoer:hover,.uv_e1wcoer:active{background:var(--rwwhsl1q);color:var(--rwwhsl2r)}.uv_e1wcoer:disabled{background:var(--rwwhsl1m);color:var(--rwwhsl2n)}.uv_e1wcoes{background:var(--rwwhsl4r);color:var(--rwwhsl5c);border:none}.uv_e1wcoes:hover,.uv_e1wcoes:active{background:var(--rwwhsl4t);color:var(--rwwhsl5e)}.uv_e1wcoes:disabled{background:var(--rwwhsl4s);color:var(--rwwhsl51)}.uv_e1wcoet{background:var(--rwwhsl53);color:var(--rwwhsl50);border:none}.uv_e1wcoet:hover,.uv_e1wcoet:active{background:var(--rwwhsl55);color:var(--rwwhsl52)}.uv_e1wcoet:disabled{background:var(--rwwhsl54);color:var(--rwwhsl5d)}.uv_e1wcoeu{background:none;color:var(--rwwhsl5y);border:1px solid var(--rwwhsl5m)}.uv_e1wcoeu:hover,.uv_e1wcoeu:active{background:var(--rwwhsl5i);color:var(--rwwhsl60);border:1px solid var(--rwwhsl5o)}.uv_e1wcoeu:disabled{color:var(--rwwhsl5z);border:1px solid var(--rwwhsl5n)}.uv_e1wcoev{background:none;color:var(--rwwhsl6m);border:1px solid var(--rwwhsl6a)}.uv_e1wcoev:hover,.uv_e1wcoev:active{background:var(--rwwhsl66);color:var(--rwwhsl6o);border:1px solid var(--rwwhsl6c)}.uv_e1wcoev:disabled{color:var(--rwwhsl6n);border:1px solid var(--rwwhsl6b)}.uv_e1wcoew{background:none;color:var(--rwwhslo);border:1px solid var(--rwwhslc)}.uv_e1wcoew:hover,.uv_e1wcoew:active{background:var(--rwwhsl8);color:var(--rwwhslq);border:1px solid var(--rwwhsle)}.uv_e1wcoew:disabled{color:var(--rwwhslp);border:1px solid var(--rwwhsld)}.uv_e1wcoex{background:none;color:var(--rwwhsl1c);border:1px solid var(--rwwhsl10)}.uv_e1wcoex:hover,.uv_e1wcoex:active{background:var(--rwwhslw);color:var(--rwwhsl1e);border:1px solid var(--rwwhsl12)}.uv_e1wcoex:disabled{color:var(--rwwhsl1d);border:1px solid var(--rwwhsl11)}.uv_e1wcoey{background:none;color:var(--rwwhsl7a);border:1px solid var(--rwwhsl6y)}.uv_e1wcoey:hover,.uv_e1wcoey:active{background:var(--rwwhsl6u);color:var(--rwwhsl7c);border:1px solid var(--rwwhsl70)}.uv_e1wcoey:disabled{color:var(--rwwhsl7b);border:1px solid var(--rwwhsl6z)}.uv_e1wcoez{background:none;color:var(--rwwhsl7y);border:1px solid var(--rwwhsl7m)}.uv_e1wcoez:hover,.uv_e1wcoez:active{background:var(--rwwhsl7i);color:var(--rwwhsl80);border:1px solid var(--rwwhsl7o)}.uv_e1wcoez:disabled{color:var(--rwwhsl7z);border:1px solid var(--rwwhsl7n)}.uv_e1wcoe10{background:none;color:var(--rwwhsl2j);border:1px solid var(--rwwhsl1y)}.uv_e1wcoe10:hover,.uv_e1wcoe10:active{background:var(--rwwhsl1k);color:var(--rwwhsl2l);border:1px solid var(--rwwhsl23)}.uv_e1wcoe10:disabled{color:var(--rwwhsl2k);border:1px solid var(--rwwhsl1z)}.uv_e1wcoe11{background:none;color:var(--rwwhsl50);border:1px solid var(--rwwhsl4u)}.uv_e1wcoe11:hover,.uv_e1wcoe11:active{background:var(--rwwhsl4t);color:var(--rwwhsl5e);border:1px solid var(--rwwhsl4w)}.uv_e1wcoe11:disabled{color:var(--rwwhsl51);border:1px solid var(--rwwhsl4v)}.uv_e1wcoe12{background:none;color:var(--rwwhsl5c);border:1px solid var(--rwwhsl56)}.uv_e1wcoe12:hover,.uv_e1wcoe12:active{background:var(--rwwhsl55);color:var(--rwwhsl52);border:1px solid var(--rwwhsl58)}.uv_e1wcoe12:disabled{color:var(--rwwhsl5d);border:1px solid var(--rwwhsl57)}.uv_e1wcoe13{background:none;color:var(--rwwhsl5y);border:none}.uv_e1wcoe13:hover,.uv_e1wcoe13:active{background:var(--rwwhsl5i);color:var(--rwwhsl60)}.uv_e1wcoe13:disabled{color:var(--rwwhsl5z)}.uv_e1wcoe14{background:none;color:var(--rwwhsl6m);border:none}.uv_e1wcoe14:hover,.uv_e1wcoe14:active{background:var(--rwwhsl66);color:var(--rwwhsl6o)}.uv_e1wcoe14:disabled{color:var(--rwwhsl6n)}.uv_e1wcoe15{background:none;color:var(--rwwhslo);border:none}.uv_e1wcoe15:hover,.uv_e1wcoe15:active{background:var(--rwwhsl8);color:var(--rwwhslq)}.uv_e1wcoe15:disabled{color:var(--rwwhslp)}.uv_e1wcoe16{background:none;color:var(--rwwhsl1c);border:none}.uv_e1wcoe16:hover,.uv_e1wcoe16:active{background:var(--rwwhslw);color:var(--rwwhsl1e)}.uv_e1wcoe16:disabled{color:var(--rwwhsl1d)}.uv_e1wcoe17{background:none;color:var(--rwwhsl7a);border:none}.uv_e1wcoe17:hover,.uv_e1wcoe17:active{background:var(--rwwhsl6u);color:var(--rwwhsl7c)}.uv_e1wcoe17:disabled{color:var(--rwwhsl7b)}.uv_e1wcoe18{background:none;color:var(--rwwhsl7y);border:none}.uv_e1wcoe18:hover,.uv_e1wcoe18:active{background:var(--rwwhsl7i);color:var(--rwwhsl80)}.uv_e1wcoe18:disabled{color:var(--rwwhsl7z)}.uv_e1wcoe19{background:none;color:var(--rwwhsl2j);border:none}.uv_e1wcoe19:hover,.uv_e1wcoe19:active{background:var(--rwwhsl1k);color:var(--rwwhsl2l)}.uv_e1wcoe19:disabled{color:var(--rwwhsl2k)}.uv_e1wcoe1a{background:none;color:var(--rwwhsl50);border:none}.uv_e1wcoe1a:hover,.uv_e1wcoe1a:active{background:var(--rwwhsl4t);color:var(--rwwhsl5e)}.uv_e1wcoe1a:disabled{color:var(--rwwhsl51)}.uv_e1wcoe1b{background:none;color:var(--rwwhsl5c);border:none}.uv_e1wcoe1b:hover,.uv_e1wcoe1b:active{background:var(--rwwhsl55);color:var(--rwwhsl52)}.uv_e1wcoe1b:disabled{color:var(--rwwhsl5d)}.uv_m4c9ow1{text-decoration:line-through}.uv_m4c9ow3{font-style:italic}.uv_m4c9ow5{text-decoration:underline}.uv_m4c9ow7{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.uv_m4c9owm{font-size:var(--rwwhsla9);font-family:var(--rwwhsla8);font-weight:var(--rwwhslag);letter-spacing:var(--rwwhslab);line-height:var(--rwwhslac);text-transform:var(--rwwhslae);text-decoration:var(--rwwhslaf)}.uv_m4c9own{font-size:var(--rwwhslai);font-family:var(--rwwhslah);font-weight:var(--rwwhslap);letter-spacing:var(--rwwhslak);line-height:var(--rwwhslal);text-transform:var(--rwwhslan);text-decoration:var(--rwwhslao)}.uv_m4c9owo{font-size:var(--rwwhslar);font-family:var(--rwwhslaq);font-weight:var(--rwwhslay);letter-spacing:var(--rwwhslat);line-height:var(--rwwhslau);text-transform:var(--rwwhslaw);text-decoration:var(--rwwhslax)}.uv_m4c9owp{font-size:var(--rwwhslb0);font-family:var(--rwwhslaz);font-weight:var(--rwwhslb7);letter-spacing:var(--rwwhslb2);line-height:var(--rwwhslb3);text-transform:var(--rwwhslb5);text-decoration:var(--rwwhslb6)}.uv_m4c9owq{font-size:var(--rwwhslb9);font-family:var(--rwwhslb8);font-weight:var(--rwwhslbg);letter-spacing:var(--rwwhslbb);line-height:var(--rwwhslbc);text-transform:var(--rwwhslbe);text-decoration:var(--rwwhslbf)}.uv_m4c9owr{font-size:var(--rwwhslbi);font-family:var(--rwwhslbh);font-weight:var(--rwwhslbp);letter-spacing:var(--rwwhslbk);line-height:var(--rwwhslbl);text-transform:var(--rwwhslbn);text-decoration:var(--rwwhslbo)}.uv_m4c9ows{font-size:var(--rwwhslbr);font-family:var(--rwwhslbq);font-weight:var(--rwwhslby);letter-spacing:var(--rwwhslbt);line-height:var(--rwwhslbu);text-transform:var(--rwwhslbw);text-decoration:var(--rwwhslbx)}.uv_m4c9owt{font-size:var(--rwwhslc0);font-family:var(--rwwhslbz);font-weight:var(--rwwhslc7);letter-spacing:var(--rwwhslc2);line-height:var(--rwwhslc3);text-transform:var(--rwwhslc5);text-decoration:var(--rwwhslc6)}.uv_m4c9owu{font-size:var(--rwwhslc9);font-family:var(--rwwhslc8);font-weight:var(--rwwhslcg);letter-spacing:var(--rwwhslcb);line-height:var(--rwwhslcc);text-transform:var(--rwwhslce);text-decoration:var(--rwwhslcf)}.uv_m4c9owv{font-size:var(--rwwhslci);font-family:var(--rwwhslch);font-weight:var(--rwwhslcp);letter-spacing:var(--rwwhslck);line-height:var(--rwwhslcl);text-transform:var(--rwwhslcn);text-decoration:var(--rwwhslco)}.uv_m4c9oww{font-size:var(--rwwhslcr);font-family:var(--rwwhslcq);font-weight:var(--rwwhslcy);letter-spacing:var(--rwwhslct);line-height:var(--rwwhslcu);text-transform:var(--rwwhslcw);text-decoration:var(--rwwhslcx)}.uv_m4c9owx{font-size:var(--rwwhsld0);font-family:var(--rwwhslcz);font-weight:var(--rwwhsld7);letter-spacing:var(--rwwhsld2);line-height:var(--rwwhsld3);text-transform:var(--rwwhsld5);text-decoration:var(--rwwhsld6)}.uv_m4c9owy{font-size:var(--rwwhsld9);font-family:var(--rwwhsld8);font-weight:var(--rwwhsldg);letter-spacing:var(--rwwhsldb);line-height:var(--rwwhsldc);text-transform:var(--rwwhslde);text-decoration:var(--rwwhsldf)}.uv_m4c9owz{font-size:var(--rwwhsldi);font-family:var(--rwwhsldh);font-weight:var(--rwwhsldp);letter-spacing:var(--rwwhsldk);line-height:var(--rwwhsldl);text-transform:var(--rwwhsldn);text-decoration:var(--rwwhsldo)}.uv_m4c9ow10{font-size:var(--rwwhsldr);font-family:var(--rwwhsldq);font-weight:var(--rwwhsldy);letter-spacing:var(--rwwhsldt);line-height:var(--rwwhsldu);text-transform:var(--rwwhsldw);text-decoration:var(--rwwhsldx)}.uv_m4c9ow11{font-size:var(--rwwhsle0);font-family:var(--rwwhsldz);font-weight:var(--rwwhsle7);letter-spacing:var(--rwwhsle2);line-height:var(--rwwhsle3);text-transform:var(--rwwhsle5);text-decoration:var(--rwwhsle6)}.uv_m4c9ow12{font-size:var(--rwwhsle9);font-family:var(--rwwhsle8);font-weight:var(--rwwhsleg);letter-spacing:var(--rwwhsleb);line-height:var(--rwwhslec);text-transform:var(--rwwhslee);text-decoration:var(--rwwhslef)}.uv_m4c9ow13{font-size:var(--rwwhslei);font-family:var(--rwwhsleh);font-weight:var(--rwwhslep);letter-spacing:var(--rwwhslek);line-height:var(--rwwhslel);text-transform:var(--rwwhslen);text-decoration:var(--rwwhsleo)}.uv_m4c9ow14{font-size:var(--rwwhsler);font-family:var(--rwwhsleq);font-weight:var(--rwwhsley);letter-spacing:var(--rwwhslet);line-height:var(--rwwhsleu);text-transform:var(--rwwhslew);text-decoration:var(--rwwhslex)}.uv_m4c9ow15{font-size:var(--rwwhslf0);font-family:var(--rwwhslez);font-weight:var(--rwwhslf7);letter-spacing:var(--rwwhslf2);line-height:var(--rwwhslf3);text-transform:var(--rwwhslf5);text-decoration:var(--rwwhslf6)}.uv_m4c9ow16{font-size:var(--rwwhslf9);font-family:var(--rwwhslf8);font-weight:var(--rwwhslfg);letter-spacing:var(--rwwhslfb);line-height:var(--rwwhslfc);text-transform:var(--rwwhslfe);text-decoration:var(--rwwhslff)}.uv_m4c9ow17{font-size:var(--rwwhslfi);font-family:var(--rwwhslfh);font-weight:var(--rwwhslfp);letter-spacing:var(--rwwhslfk);line-height:var(--rwwhslfl);text-transform:var(--rwwhslfn);text-decoration:var(--rwwhslfo)}.uv_m4c9ow18{font-size:var(--rwwhslfr);font-family:var(--rwwhslfq);font-weight:var(--rwwhslfy);letter-spacing:var(--rwwhslft);line-height:var(--rwwhslfu);text-transform:var(--rwwhslfw);text-decoration:var(--rwwhslfx)}.uv_m4c9ow19{font-size:var(--rwwhslg0);font-family:var(--rwwhslfz);font-weight:var(--rwwhslg7);letter-spacing:var(--rwwhslg2);line-height:var(--rwwhslg3);text-transform:var(--rwwhslg5);text-decoration:var(--rwwhslg6)}.uv_m4c9ow1c{color:var(--rwwhsl5y)}.uv_m4c9ow1d{color:var(--rwwhsl61)}.uv_m4c9ow1e{color:var(--rwwhsl5y)}.uv_m4c9ow1f{color:undefined}.uv_m4c9ow1g{color:var(--rwwhsl6m)}.uv_m4c9ow1h{color:var(--rwwhsl6p)}.uv_m4c9ow1i{color:var(--rwwhsl6m)}.uv_m4c9ow1j{color:undefined}.uv_m4c9ow1k{color:var(--rwwhslo)}.uv_m4c9ow1l{color:var(--rwwhslr)}.uv_m4c9ow1m{color:var(--rwwhslo)}.uv_m4c9ow1n{color:undefined}.uv_m4c9ow1o{color:var(--rwwhsl1c)}.uv_m4c9ow1p{color:var(--rwwhsl1f)}.uv_m4c9ow1q{color:var(--rwwhsl1c)}.uv_m4c9ow1r{color:undefined}.uv_m4c9ow1s{color:var(--rwwhsl7a)}.uv_m4c9ow1t{color:var(--rwwhsl7d)}.uv_m4c9ow1u{color:var(--rwwhsl7a)}.uv_m4c9ow1v{color:undefined}.uv_m4c9ow1w{color:var(--rwwhsl7y)}.uv_m4c9ow1x{color:var(--rwwhsl81)}.uv_m4c9ow1y{color:var(--rwwhsl7y)}.uv_m4c9ow1z{color:undefined}.uv_m4c9ow20{color:var(--rwwhsl2j)}.uv_m4c9ow21{color:var(--rwwhsl2m)}.uv_m4c9ow22{color:var(--rwwhsl2o)}.uv_m4c9ow23{color:var(--rwwhsl2s)}.uv_m4c9ow24,.uv_m4c9ow25,.uv_m4c9ow26,.uv_m4c9ow27{color:var(--rwwhsl50)}.uv_m4c9ow28,.uv_m4c9ow29,.uv_m4c9ow2a,.uv_m4c9ow2b{color:var(--rwwhsl5c)}.uv_m4c9ow2c{color:var(--rwwhsl5z)}.uv_m4c9ow2d{color:var(--rwwhsl62)}.uv_m4c9ow2e{color:var(--rwwhsl5z)}.uv_m4c9ow2f{color:undefined}.uv_m4c9ow2g{color:var(--rwwhsl6n)}.uv_m4c9ow2h{color:var(--rwwhsl6q)}.uv_m4c9ow2i{color:var(--rwwhsl6n)}.uv_m4c9ow2j{color:undefined}.uv_m4c9ow2k{color:var(--rwwhslp)}.uv_m4c9ow2l{color:var(--rwwhsls)}.uv_m4c9ow2m{color:var(--rwwhslp)}.uv_m4c9ow2n{color:undefined}.uv_m4c9ow2o{color:var(--rwwhsl1d)}.uv_m4c9ow2p{color:var(--rwwhsl1g)}.uv_m4c9ow2q{color:var(--rwwhsl1d)}.uv_m4c9ow2r{color:undefined}.uv_m4c9ow2s{color:var(--rwwhsl7b)}.uv_m4c9ow2t{color:var(--rwwhsl7e)}.uv_m4c9ow2u{color:var(--rwwhsl7b)}.uv_m4c9ow2v{color:undefined}.uv_m4c9ow2w{color:var(--rwwhsl7z)}.uv_m4c9ow2x{color:var(--rwwhsl82)}.uv_m4c9ow2y{color:var(--rwwhsl7z)}.uv_m4c9ow2z{color:undefined}.uv_m4c9ow30{color:var(--rwwhsl2k)}.uv_m4c9ow31{color:var(--rwwhsl2n)}.uv_m4c9ow32{color:var(--rwwhsl2p)}.uv_m4c9ow33{color:var(--rwwhsl2t)}.uv_m4c9ow34,.uv_m4c9ow35,.uv_m4c9ow36,.uv_m4c9ow37{color:var(--rwwhsl50)}.uv_m4c9ow38,.uv_m4c9ow39,.uv_m4c9ow3a,.uv_m4c9ow3b{color:var(--rwwhsl5c)}.uv_1b838gx0{border-radius:var(--rwwhsl85);padding:var(--rwwhsl9v)}.uv_1b838gx1{background-color:var(--rwwhsl6);color:var(--rwwhslo);border-left:4px solid var(--rwwhslc)}.uv_1b838gx2{background-color:var(--rwwhslu);color:var(--rwwhsl1c);border-left:4px solid var(--rwwhsl10)}.uv_1b838gx3{background-color:var(--rwwhsl6s);color:var(--rwwhsl7a);border-left:4px solid var(--rwwhsl6y)}.uv_1b838gx4{background-color:var(--rwwhsl7g);color:var(--rwwhsl7y);border-left:4px solid var(--rwwhsl7m)}.uv_1b838gx5{background-color:var(--rwwhsl1r);color:var(--rwwhsl2j);border-left:4px solid var(--rwwhsl20)}.uv_1b838gx6{width:100%}.uv_1b838gx7{color:var(--rwwhsl2j)}.uv_1b838gx8{margin-left:var(--rwwhsl9y)}.uv_1b838gx9{align-self:start}.uv_1yf71jy0{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rwwhsl89);width:fit-content;border-width:1px;border-style:solid}.uv_1yf71jy0.uv_1yf71jy0{text-transform:uppercase}.uv_1yf71jy1{padding:0 var(--rwwhsl9u);gap:var(--rwwhsla4);height:var(--rwwhsl9c)}.uv_1yf71jy2{padding:0 var(--rwwhsla6);gap:var(--rwwhsl9u);height:var(--rwwhsl9f)}.uv_1yf71jy3{padding:0 var(--rwwhsl9v);gap:var(--rwwhsl9u);height:var(--rwwhsl9h)}.uv_1yf71jyf{border:none;color:var(--rwwhsl2s);background-color:var(--rwwhsl1l)}.uv_1yf71jyg{background:var(--rwwhsl5g);color:var(--rwwhsl5y);border-color:var(--rwwhsl5g)}.uv_1yf71jyh{background:var(--rwwhsl64);color:var(--rwwhsl6m);border-color:var(--rwwhsl64)}.uv_1yf71jyi{background:var(--rwwhsl6);color:var(--rwwhslo);border-color:var(--rwwhsl6)}.uv_1yf71jyj{background:var(--rwwhslu);color:var(--rwwhsl1c);border-color:var(--rwwhslu)}.uv_1yf71jyk{background:var(--rwwhsl6s);color:var(--rwwhsl7a);border-color:var(--rwwhsl6s)}.uv_1yf71jyl{background:var(--rwwhsl7g);color:var(--rwwhsl7y);border-color:var(--rwwhsl7g)}.uv_1yf71jym{background:var(--rwwhsl1r);color:var(--rwwhsl2j);border-color:var(--rwwhsl1v)}.uv_1yf71jyn{background:var(--rwwhsl5j);color:var(--rwwhsl61);border-color:var(--rwwhsl5j)}.uv_1yf71jyo{background:var(--rwwhsl67);color:var(--rwwhsl6p);border-color:var(--rwwhsl67)}.uv_1yf71jyp{background:var(--rwwhsl9);color:var(--rwwhslr);border-color:var(--rwwhsl9)}.uv_1yf71jyq{background:var(--rwwhslx);color:var(--rwwhsl1f);border-color:var(--rwwhslx)}.uv_1yf71jyr{background:var(--rwwhsl6v);color:var(--rwwhsl7d);border-color:var(--rwwhsl6v)}.uv_1yf71jys{background:var(--rwwhsl7j);color:var(--rwwhsl81);border-color:var(--rwwhsl7j)}.uv_1yf71jyt{background:var(--rwwhsl1n);color:var(--rwwhsl2o);border-color:var(--rwwhsl20)}.uv_17sbfy0{border-radius:var(--rwwhsl86)}.uv_17sbfy1{padding:var(--rwwhsl9v)}.uv_17sbfy2{padding:var(--rwwhsl9w)}.uv_17sbfy5{background:var(--rwwhsl5g);background-position:left,right;background-repeat:no-repeat,no-repeat;background-size:contain,contain}.uv_17sbfy6{background:var(--rwwhsl5g);background-position:right;background-repeat:no-repeat;background-size:contain}.uv_17sbfy7{background-image:var(--rwwhsl3h);background-position:left,right;background-repeat:no-repeat,no-repeat;background-size:contain,contain}.uv_17sbfy8{background-image:var(--rwwhsl3h);background-position:right;background-repeat:no-repeat;background-size:contain}.uv_17sbfy9{width:74px}.uv_17sbfya{width:140px}.uv_17sbfyb,.uv_17sbfyb:hover{background:none}.backdrop-drawer{padding:0!important;transition:opacity .1s ease-in-out}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.5",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -89,8 +89,8 @@
     "deepmerge": "4.3.1",
     "react-toastify": "11.0.5",
     "react-use-clipboard": "1.0.9",
-    "@ultraviolet/themes": "2.1.0-beta.0",
-    "@ultraviolet/icons": "4.0.4-beta.1"
+    "@ultraviolet/icons": "4.0.4-beta.1",
+    "@ultraviolet/themes": "2.1.0-beta.0"
   },
   "scripts": {
     "type:generate": "tsc --declaration -p tsconfig.build.json",

package/dist/components/SearchInput/Key.cjs

@@ -1,55 +0,0 @@
-"use client";
-"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 = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const Container = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "ekyw9u10"
-} : {
-  target: "ekyw9u10",
-  label: "Container"
-})("cursor:text;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";border:0.5px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";min-width:", ({
-  theme
-}) => theme.sizing["300"], ";min-height:", ({
-  theme
-}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
-  theme
-}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgY3Vyc29yOiB0ZXh0O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgbWluLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gICcgJzogJ+KQoycsXG4gIEFsdDogJ0FsdCcsXG4gIEFycm93RG93bjogJ+KGkycsXG4gIEFycm93TGVmdDogJ+KGkCcsXG4gIEFycm93UmlnaHQ6ICfihpInLFxuICBBcnJvd1VwOiAn4oaRJyxcbiAgQmFja3NwYWNlOiAn4oyrJyxcbiAgQ2Fwc0xvY2s6ICdDYXBzJyxcbiAgQ29udHJvbDogJ0N0cmwnLFxuICBEZWxldGU6ICfijKYnLFxuICBFbnRlcjogJ+KGtScsXG4gIEVzY2FwZTogJ0VzYycsXG4gIE1ldGE6ICfijJgnLFxufSBhcyBjb25zdFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogS2V5Ym9hcmRFdmVudFsna2V5J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBLZXkgPSAoeyBjaGlsZHJlbiwgZGlzYWJsZWQgfTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3QgaXNTcGVjaWFsS2V5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBPYmplY3Qua2V5cyhLRVlTX01BVENIKS5maW5kKGtleSA9PiBrZXkgPT09IGNoaWxkcmVuKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBkYXRhLWNoaWxkcmVuLWxlbmd0aD17Y2hpbGRyZW4ubGVuZ3RoID4gMX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9e2BrZXktJHtjaGlsZHJlbn1gfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtpc1NwZWNpYWxLZXlcbiAgICAgICAgICA/IEtFWVNfTUFUQ0hbY2hpbGRyZW4gYXMga2V5b2YgdHlwZW9mIEtFWVNfTUFUQ0hdXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"));
-const KEYS_MATCH = {
-  " ": "␣",
-  Alt: "Alt",
-  ArrowDown: "↓",
-  ArrowLeft: "←",
-  ArrowRight: "→",
-  ArrowUp: "↑",
-  Backspace: "⌫",
-  CapsLock: "Caps",
-  Control: "Ctrl",
-  Delete: "⌦",
-  Enter: "↵",
-  Escape: "Esc",
-  Meta: "⌘"
-};
-const Key = ({
-  children,
-  disabled
-}) => {
-  const isSpecialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children), [children]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, { "data-children-length": children.length > 1, "data-disabled": disabled, "data-testid": `key-${children}`, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, sentiment: "neutral", variant: "caption", children: isSpecialKey ? KEYS_MATCH[children] : children }) });
-};
-exports.KEYS_MATCH = KEYS_MATCH;
-exports.Key = Key;