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

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

@@ -0,0 +1,17 @@
+/* empty css                          */
+var errorText = "uv_9pjq8o0";
+var innerCheckbox = "uv_9pjq8o1";
+var checkMixedMark = "uv_9pjq8o2";
+var icon = "uv_9pjq8o3";
+var label = "uv_9pjq8o4";
+var checkboxInput = "uv_9pjq8o5";
+var checkboxContainer = "uv_9pjq8o6";
+export {
+  checkMixedMark,
+  checkboxContainer,
+  checkboxInput,
+  errorText,
+  icon,
+  innerCheckbox,
+  label
+};

package/dist/components/CheckboxGroup/index.cjs

@@ -2,31 +2,13 @@
 "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$3 = require("../Checkbox/index.cjs");
 const index$1 = require("../Label/index.cjs");
 const index = require("../Stack/index.cjs");
 const index$2 = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+const styles_css = require("./styles.css.cjs");
 const CheckboxGroupContext = react.createContext(void 0);
-const StyledCheckbox = /* @__PURE__ */ _styled__default.default(index$3.Checkbox, process.env.NODE_ENV === "production" ? {
-  target: "e1k5uyng1"
-} : {
-  target: "e1k5uyng1",
-  label: "StyledCheckbox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "6vgcqf",
-  styles: "label{width:fit-content;}"
-} : {
-  name: "6vgcqf",
-  styles: "label{width:fit-content;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3hHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL0xhYmVsJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIENoZWNrYm94R3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lOiBzdHJpbmdcbiAgZ3JvdXBWYWx1ZXM6IHN0cmluZ1tdXG4gIGVycm9yOiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnPj4gJlxuICBQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdyZXF1aXJlZCc+XG5cbmNvbnN0IENoZWNrYm94R3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxcbiAgQ2hlY2tib3hHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkXG4+KHVuZGVmaW5lZClcblxuY29uc3QgU3R5bGVkQ2hlY2tib3ggPSBzdHlsZWQoQ2hlY2tib3gpYFxuICBsYWJlbCB7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICB9XG5gXG5cbnR5cGUgQ2hlY2tib3hHcm91cENoZWNrYm94UHJvcHMgPSBPbWl0PFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgQ2hlY2tib3g+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnXG4+ICYge1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwQ2hlY2tib3ggPSAoe1xuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGNoaWxkcmVuLFxuICBoZWxwZXIsXG4gIGNsYXNzTmFtZSxcbiAgYXV0b0ZvY3VzLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICByZXF1aXJlZCxcbiAgdG9vbHRpcCxcbn06IENoZWNrYm94R3JvdXBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENoZWNrYm94R3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdDaGVja2JveEdyb3VwLkNoZWNrYm94IGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgQ2hlY2tib3hHcm91cCcsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlcywgZXJyb3I6IGVycm9yQ29udGV4dCB9ID0gY29udGV4dFxuXG4gIGNvbnN0IGNoZWNrYm94TmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lID8/ICcnfWBcbiAgY29uc3QgY2hlY2tib3hWYWx1ZSA9IGAke3ZhbHVlfWBcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDaGVja2JveFxuICAgICAgYXV0b0ZvY3VzPXthdXRvRm9jdXN9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoY2hlY2tib3hWYWx1ZSl9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbmFtZT17Y2hlY2tib3hOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIHZhbHVlPXtjaGVja2JveFZhbHVlfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENoZWNrYm94PlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxudHlwZSBDaGVja2JveEdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IHN0cmluZ1xuICBsZWdlbmREZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICB2YWx1ZT86IHN0cmluZ1tdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgZXJyb3I/OiBSZWFjdE5vZGVcbiAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJyB8ICduYW1lJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG4vKipcbiAqIENoZWNrYm94R3JvdXAgaXMgYSBjb21wb25lbnQgdGhhdCBncm91cHMgYSBzZXQgb2YgY2hlY2tib3hlcyB0b2dldGhlciB3aXRoIGEgbGVnZW5kIGFuZCBoZWxwZXIvZXJyb3IgdGV4dC5cbiAqL1xuZXhwb3J0IGNvbnN0IENoZWNrYm94R3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIGxlZ2VuZERlc2NyaXB0aW9uLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICBkZXNjcmlwdGlvbixcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbn06IENoZWNrYm94R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBlcnJvcjogISFlcnJvcixcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWVzOiB2YWx1ZSA/PyBbXSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPENoZWNrYm94R3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFjayBkaXJlY3Rpb249e2RpcmVjdGlvbn0gZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgIDwvRmllbGRTZXQ+XG4gICAgICAgIHtoZWxwZXIgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVscGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ2hlY2tib3hHcm91cENvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuQ2hlY2tib3hHcm91cC5DaGVja2JveCA9IENoZWNrYm94R3JvdXBDaGVja2JveFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const CheckboxGroupCheckbox = ({
   onFocus,
   onBlur,
@@ -54,21 +36,8 @@ const CheckboxGroupCheckbox = ({
   } = context;
   const checkboxName = `${groupName}.${name ?? ""}`;
   const checkboxValue = `${value}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledCheckbox, { autoFocus, checked: groupValues?.includes(checkboxValue), className, "data-testid": dataTestId, disabled, error: error || errorContext, helper, name: checkboxName, onBlur, onChange, onFocus, required, tooltip, value: checkboxValue, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Checkbox, { autoFocus, checked: groupValues?.includes(checkboxValue), className: `${className ? `${className} ` : ""}${styles_css.checkbox}`, "data-testid": dataTestId, disabled, error: error || errorContext, helper, name: checkboxName, onBlur, onChange, onFocus, required, tooltip, value: checkboxValue, children });
 };
-const FieldSet = /* @__PURE__ */ _styled__default.default("fieldset", process.env.NODE_ENV === "production" ? {
-  target: "e1k5uyng0"
-} : {
-  target: "e1k5uyng0",
-  label: "FieldSet"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0"
-} : {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3hHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL0xhYmVsJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIENoZWNrYm94R3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lOiBzdHJpbmdcbiAgZ3JvdXBWYWx1ZXM6IHN0cmluZ1tdXG4gIGVycm9yOiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnPj4gJlxuICBQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdyZXF1aXJlZCc+XG5cbmNvbnN0IENoZWNrYm94R3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxcbiAgQ2hlY2tib3hHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkXG4+KHVuZGVmaW5lZClcblxuY29uc3QgU3R5bGVkQ2hlY2tib3ggPSBzdHlsZWQoQ2hlY2tib3gpYFxuICBsYWJlbCB7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICB9XG5gXG5cbnR5cGUgQ2hlY2tib3hHcm91cENoZWNrYm94UHJvcHMgPSBPbWl0PFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgQ2hlY2tib3g+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnXG4+ICYge1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwQ2hlY2tib3ggPSAoe1xuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGNoaWxkcmVuLFxuICBoZWxwZXIsXG4gIGNsYXNzTmFtZSxcbiAgYXV0b0ZvY3VzLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICByZXF1aXJlZCxcbiAgdG9vbHRpcCxcbn06IENoZWNrYm94R3JvdXBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENoZWNrYm94R3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdDaGVja2JveEdyb3VwLkNoZWNrYm94IGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgQ2hlY2tib3hHcm91cCcsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlcywgZXJyb3I6IGVycm9yQ29udGV4dCB9ID0gY29udGV4dFxuXG4gIGNvbnN0IGNoZWNrYm94TmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lID8/ICcnfWBcbiAgY29uc3QgY2hlY2tib3hWYWx1ZSA9IGAke3ZhbHVlfWBcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDaGVja2JveFxuICAgICAgYXV0b0ZvY3VzPXthdXRvRm9jdXN9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoY2hlY2tib3hWYWx1ZSl9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbmFtZT17Y2hlY2tib3hOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIHZhbHVlPXtjaGVja2JveFZhbHVlfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENoZWNrYm94PlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxudHlwZSBDaGVja2JveEdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IHN0cmluZ1xuICBsZWdlbmREZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICB2YWx1ZT86IHN0cmluZ1tdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgZXJyb3I/OiBSZWFjdE5vZGVcbiAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJyB8ICduYW1lJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG4vKipcbiAqIENoZWNrYm94R3JvdXAgaXMgYSBjb21wb25lbnQgdGhhdCBncm91cHMgYSBzZXQgb2YgY2hlY2tib3hlcyB0b2dldGhlciB3aXRoIGEgbGVnZW5kIGFuZCBoZWxwZXIvZXJyb3IgdGV4dC5cbiAqL1xuZXhwb3J0IGNvbnN0IENoZWNrYm94R3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIGxlZ2VuZERlc2NyaXB0aW9uLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICBkZXNjcmlwdGlvbixcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbn06IENoZWNrYm94R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBlcnJvcjogISFlcnJvcixcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWVzOiB2YWx1ZSA/PyBbXSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPENoZWNrYm94R3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFjayBkaXJlY3Rpb249e2RpcmVjdGlvbn0gZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgIDwvRmllbGRTZXQ+XG4gICAgICAgIHtoZWxwZXIgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVscGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ2hlY2tib3hHcm91cENvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuQ2hlY2tib3hHcm91cC5DaGVja2JveCA9IENoZWNrYm94R3JvdXBDaGVja2JveFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const CheckboxGroup = ({
   legend,
   legendDescription,
@@ -91,7 +60,7 @@ const CheckboxGroup = ({
     required
   }), [name, value, onChange, required, error]);
   return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FieldSet, { className, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("fieldset", { className: `${className ? `${className} ` : ""}${styles_css.fieldset}`, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
       legend || description ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, children: [
         legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
         description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null

package/dist/components/CheckboxGroup/index.js

@@ -1,28 +1,12 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { useMemo, createContext, useContext } from "react";
 import { Checkbox } from "../Checkbox/index.js";
 import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+import { fieldset, checkbox } from "./styles.css.js";
 const CheckboxGroupContext = createContext(void 0);
-const StyledCheckbox = /* @__PURE__ */ _styled(Checkbox, process.env.NODE_ENV === "production" ? {
-  target: "e1k5uyng1"
-} : {
-  target: "e1k5uyng1",
-  label: "StyledCheckbox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "6vgcqf",
-  styles: "label{width:fit-content;}"
-} : {
-  name: "6vgcqf",
-  styles: "label{width:fit-content;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCdUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3hHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL0xhYmVsJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIENoZWNrYm94R3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lOiBzdHJpbmdcbiAgZ3JvdXBWYWx1ZXM6IHN0cmluZ1tdXG4gIGVycm9yOiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnPj4gJlxuICBQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdyZXF1aXJlZCc+XG5cbmNvbnN0IENoZWNrYm94R3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxcbiAgQ2hlY2tib3hHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkXG4+KHVuZGVmaW5lZClcblxuY29uc3QgU3R5bGVkQ2hlY2tib3ggPSBzdHlsZWQoQ2hlY2tib3gpYFxuICBsYWJlbCB7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICB9XG5gXG5cbnR5cGUgQ2hlY2tib3hHcm91cENoZWNrYm94UHJvcHMgPSBPbWl0PFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgQ2hlY2tib3g+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnXG4+ICYge1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwQ2hlY2tib3ggPSAoe1xuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGNoaWxkcmVuLFxuICBoZWxwZXIsXG4gIGNsYXNzTmFtZSxcbiAgYXV0b0ZvY3VzLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICByZXF1aXJlZCxcbiAgdG9vbHRpcCxcbn06IENoZWNrYm94R3JvdXBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENoZWNrYm94R3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdDaGVja2JveEdyb3VwLkNoZWNrYm94IGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgQ2hlY2tib3hHcm91cCcsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlcywgZXJyb3I6IGVycm9yQ29udGV4dCB9ID0gY29udGV4dFxuXG4gIGNvbnN0IGNoZWNrYm94TmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lID8/ICcnfWBcbiAgY29uc3QgY2hlY2tib3hWYWx1ZSA9IGAke3ZhbHVlfWBcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDaGVja2JveFxuICAgICAgYXV0b0ZvY3VzPXthdXRvRm9jdXN9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoY2hlY2tib3hWYWx1ZSl9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbmFtZT17Y2hlY2tib3hOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIHZhbHVlPXtjaGVja2JveFZhbHVlfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENoZWNrYm94PlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxudHlwZSBDaGVja2JveEdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IHN0cmluZ1xuICBsZWdlbmREZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICB2YWx1ZT86IHN0cmluZ1tdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgZXJyb3I/OiBSZWFjdE5vZGVcbiAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJyB8ICduYW1lJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG4vKipcbiAqIENoZWNrYm94R3JvdXAgaXMgYSBjb21wb25lbnQgdGhhdCBncm91cHMgYSBzZXQgb2YgY2hlY2tib3hlcyB0b2dldGhlciB3aXRoIGEgbGVnZW5kIGFuZCBoZWxwZXIvZXJyb3IgdGV4dC5cbiAqL1xuZXhwb3J0IGNvbnN0IENoZWNrYm94R3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIGxlZ2VuZERlc2NyaXB0aW9uLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICBkZXNjcmlwdGlvbixcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbn06IENoZWNrYm94R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBlcnJvcjogISFlcnJvcixcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWVzOiB2YWx1ZSA/PyBbXSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPENoZWNrYm94R3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFjayBkaXJlY3Rpb249e2RpcmVjdGlvbn0gZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgIDwvRmllbGRTZXQ+XG4gICAgICAgIHtoZWxwZXIgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVscGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ2hlY2tib3hHcm91cENvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuQ2hlY2tib3hHcm91cC5DaGVja2JveCA9IENoZWNrYm94R3JvdXBDaGVja2JveFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const CheckboxGroupCheckbox = ({
   onFocus,
   onBlur,
@@ -50,21 +34,8 @@ const CheckboxGroupCheckbox = ({
   } = context;
   const checkboxName = `${groupName}.${name ?? ""}`;
   const checkboxValue = `${value}`;
-  return /* @__PURE__ */ jsx(StyledCheckbox, { autoFocus, checked: groupValues?.includes(checkboxValue), className, "data-testid": dataTestId, disabled, error: error || errorContext, helper, name: checkboxName, onBlur, onChange, onFocus, required, tooltip, value: checkboxValue, children });
+  return /* @__PURE__ */ jsx(Checkbox, { autoFocus, checked: groupValues?.includes(checkboxValue), className: `${className ? `${className} ` : ""}${checkbox}`, "data-testid": dataTestId, disabled, error: error || errorContext, helper, name: checkboxName, onBlur, onChange, onFocus, required, tooltip, value: checkboxValue, children });
 };
-const FieldSet = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "production" ? {
-  target: "e1k5uyng0"
-} : {
-  target: "e1k5uyng0",
-  label: "FieldSet"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0"
-} : {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3hHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL0xhYmVsJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIENoZWNrYm94R3JvdXBDb250ZXh0VHlwZSA9IHtcbiAgZ3JvdXBOYW1lOiBzdHJpbmdcbiAgZ3JvdXBWYWx1ZXM6IHN0cmluZ1tdXG4gIGVycm9yOiBib29sZWFuXG59ICYgUmVxdWlyZWQ8UGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnb25DaGFuZ2UnPj4gJlxuICBQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdyZXF1aXJlZCc+XG5cbmNvbnN0IENoZWNrYm94R3JvdXBDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxcbiAgQ2hlY2tib3hHcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkXG4+KHVuZGVmaW5lZClcblxuY29uc3QgU3R5bGVkQ2hlY2tib3ggPSBzdHlsZWQoQ2hlY2tib3gpYFxuICBsYWJlbCB7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICB9XG5gXG5cbnR5cGUgQ2hlY2tib3hHcm91cENoZWNrYm94UHJvcHMgPSBPbWl0PFxuICBDb21wb25lbnRQcm9wczx0eXBlb2YgQ2hlY2tib3g+LFxuICAnb25DaGFuZ2UnIHwgJ2NoZWNrZWQnXG4+ICYge1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwQ2hlY2tib3ggPSAoe1xuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGRpc2FibGVkLFxuICBlcnJvcixcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGNoaWxkcmVuLFxuICBoZWxwZXIsXG4gIGNsYXNzTmFtZSxcbiAgYXV0b0ZvY3VzLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICByZXF1aXJlZCxcbiAgdG9vbHRpcCxcbn06IENoZWNrYm94R3JvdXBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENoZWNrYm94R3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdDaGVja2JveEdyb3VwLkNoZWNrYm94IGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgQ2hlY2tib3hHcm91cCcsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlcywgZXJyb3I6IGVycm9yQ29udGV4dCB9ID0gY29udGV4dFxuXG4gIGNvbnN0IGNoZWNrYm94TmFtZSA9IGAke2dyb3VwTmFtZX0uJHtuYW1lID8/ICcnfWBcbiAgY29uc3QgY2hlY2tib3hWYWx1ZSA9IGAke3ZhbHVlfWBcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDaGVja2JveFxuICAgICAgYXV0b0ZvY3VzPXthdXRvRm9jdXN9XG4gICAgICBjaGVja2VkPXtncm91cFZhbHVlcz8uaW5jbHVkZXMoY2hlY2tib3hWYWx1ZSl9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yIHx8IGVycm9yQ29udGV4dH1cbiAgICAgIGhlbHBlcj17aGVscGVyfVxuICAgICAgbmFtZT17Y2hlY2tib3hOYW1lfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAgIHZhbHVlPXtjaGVja2JveFZhbHVlfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZENoZWNrYm94PlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxudHlwZSBDaGVja2JveEdyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZD86IHN0cmluZ1xuICBsZWdlbmREZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICB2YWx1ZT86IHN0cmluZ1tdXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgZXJyb3I/OiBSZWFjdE5vZGVcbiAgZGlyZWN0aW9uPzogJ3JvdycgfCAnY29sdW1uJ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJyB8ICduYW1lJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG4vKipcbiAqIENoZWNrYm94R3JvdXAgaXMgYSBjb21wb25lbnQgdGhhdCBncm91cHMgYSBzZXQgb2YgY2hlY2tib3hlcyB0b2dldGhlciB3aXRoIGEgbGVnZW5kIGFuZCBoZWxwZXIvZXJyb3IgdGV4dC5cbiAqL1xuZXhwb3J0IGNvbnN0IENoZWNrYm94R3JvdXAgPSAoe1xuICBsZWdlbmQsXG4gIGxlZ2VuZERlc2NyaXB0aW9uLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICBkZXNjcmlwdGlvbixcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbn06IENoZWNrYm94R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBlcnJvcjogISFlcnJvcixcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWVzOiB2YWx1ZSA/PyBbXSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWQsIGVycm9yXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPENoZWNrYm94R3JvdXBDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxGaWVsZFNldCBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICAgICAgPFN0YWNrIGdhcD17MS41fT5cbiAgICAgICAgICAgIHtsZWdlbmQgfHwgZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxTdGFjayBnYXA9ezAuNX0+XG4gICAgICAgICAgICAgICAge2xlZ2VuZCA/IChcbiAgICAgICAgICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgICAgICAgIGxhYmVsRGVzY3JpcHRpb249e2xlZ2VuZERlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtsZWdlbmR9XG4gICAgICAgICAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIHtkZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgICAgIGFzPXt0eXBlb2YgZGVzY3JpcHRpb24gPT09ICdzdHJpbmcnID8gJ3AnIDogJ2Rpdid9XG4gICAgICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDxTdGFjayBkaXJlY3Rpb249e2RpcmVjdGlvbn0gZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgIDwvRmllbGRTZXQ+XG4gICAgICAgIHtoZWxwZXIgPyAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aGVscGVyfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICAgICAge2Vycm9yfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvQ2hlY2tib3hHcm91cENvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuQ2hlY2tib3hHcm91cC5DaGVja2JveCA9IENoZWNrYm94R3JvdXBDaGVja2JveFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 const CheckboxGroup = ({
   legend,
   legendDescription,
@@ -87,7 +58,7 @@ const CheckboxGroup = ({
     required
   }), [name, value, onChange, required, error]);
   return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsx(FieldSet, { className, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
+    /* @__PURE__ */ jsx("fieldset", { className: `${className ? `${className} ` : ""}${fieldset}`, children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
       legend || description ? /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
         legend ? /* @__PURE__ */ jsx(Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
         description ? /* @__PURE__ */ jsx(Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var fieldset = "uv_19cjf6j0";
+var checkbox = "uv_19cjf6j1";
+exports.checkbox = checkbox;
+exports.fieldset = fieldset;

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

@@ -0,0 +1,2 @@
+export declare const fieldset: string;
+export declare const checkbox: string;

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

@@ -0,0 +1,7 @@
+/* empty css                          */
+var fieldset = "uv_19cjf6j0";
+var checkbox = "uv_19cjf6j1";
+export {
+  checkbox,
+  fieldset
+};

package/dist/components/Chip/ChipContext.d.ts

@@ -2,7 +2,7 @@ import type { RefObject } from 'react';
 type ContextType = {
     isActive: boolean;
     disabled: boolean;
-    iconRef?: RefObject<HTMLButtonElement | null>;
+    iconRef?: RefObject<HTMLDivElement | HTMLButtonElement | null>;
 };
 export declare const ChipContext: import("react").Context<ContextType | undefined>;
 export {};

package/dist/components/Chip/ChipIcon.cjs

@@ -2,11 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const Icon = require("@ultraviolet/icons");
 const react = require("react");
 const ChipContext = require("./ChipContext.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const styles_css = require("./styles.css.cjs");
 function _interopNamespaceCompat(e) {
   if (e && typeof e === "object" && "default" in e) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -24,20 +23,7 @@ function _interopNamespaceCompat(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
 const Icon__namespace = /* @__PURE__ */ _interopNamespaceCompat(Icon);
-const Container = /* @__PURE__ */ _styled__default.default("button", process.env.NODE_ENV === "production" ? {
-  target: "ev87nh90"
-} : {
-  target: "ev87nh90",
-  label: "Container"
-})("background:none;border:none;cursor:pointer;padding:0;border-radius:", ({
-  theme
-}) => theme.radii.default, ';&[data-has-onclick="true"][data-active="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundStrongHover, ';}&[data-has-onclick="true"][data-active="true"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ';}&[data-disabled="true"]{cursor:not-allowed;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCAqIGFzIEljb24gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXggfSBmcm9tICdzcmMvdHlwZXMnXG5pbXBvcnQgeyBDaGlwQ29udGV4dCB9IGZyb20gJy4vQ2hpcENvbnRleHQnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJmYWxzZVwiXTpob3ZlcntcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ0hvdmVyfTtcbiAgfVxuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJ0cnVlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl17XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG50eXBlIEljb25UeXBlID0gUGFzY2FsVG9DYW1lbENhc2VXaXRob3V0U3VmZml4PGtleW9mIHR5cGVvZiBJY29uLCAnSWNvbic+XG5cbnR5cGUgQ2hpcEljb25UeXBlID0ge1xuICAvKipcbiAgICogQWRkIGFuIGljb24gaW4gdGhlIGNoaXBcbiAgICovXG4gIG5hbWU6IEljb25UeXBlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENoaXBJY29uID0gKHtcbiAgbmFtZSxcbiAgb25DbGljayxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IENoaXBJY29uVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChDaGlwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0NoaXAuSWNvbiBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIENoaXAgY29tcG9uZW50JylcbiAgfVxuXG4gIGNvbnN0IHsgZGlzYWJsZWQsIGlzQWN0aXZlLCBpY29uUmVmIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgSWNvblVzZWQgPVxuICAgIEljb25bXG4gICAgICBgJHtcbiAgICAgICAgKG5hbWUgYXMgc3RyaW5nKS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIChuYW1lIGFzIHN0cmluZykuc2xpY2UoMSlcbiAgICAgIH1JY29uYCBhcyBrZXlvZiB0eXBlb2YgSWNvblxuICAgIF1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJcbiAgICAgIGFzPXtvbkNsaWNrID8gJ2J1dHRvbicgOiAnZGl2J31cbiAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1oYXMtb25jbGljaz17ISFvbkNsaWNrICYmICFkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmIG9uQ2xpY2spIHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgcmVmPXtpY29uUmVmfVxuICAgID5cbiAgICAgIDxJY29uVXNlZFxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHByb21pbmVuY2U9e2lzQWN0aXZlID8gJ3N0cm9uZ2VyJyA6ICdkZWZhdWx0J31cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
 const ChipIcon = ({
   name,
   onClick,
@@ -53,11 +39,14 @@ const ChipIcon = ({
     iconRef
   } = context;
   const IconUsed = Icon__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, { as: onClick ? "button" : "div", "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
-    if (!disabled && onClick) {
-      event.stopPropagation();
-      onClick();
-    }
-  }, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles_css.buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
+      if (!disabled && onClick) {
+        event.stopPropagation();
+        onClick();
+      }
+    }, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-testid": dataTestId, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
 };
 exports.ChipIcon = ChipIcon;

package/dist/components/Chip/ChipIcon.js

@@ -1,21 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import * as Icon from "@ultraviolet/icons";
 import { useContext } from "react";
 import { ChipContext } from "./ChipContext.js";
-const Container = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? {
-  target: "ev87nh90"
-} : {
-  target: "ev87nh90",
-  label: "Container"
-})("background:none;border:none;cursor:pointer;padding:0;border-radius:", ({
-  theme
-}) => theme.radii.default, ';&[data-has-onclick="true"][data-active="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundStrongHover, ';}&[data-has-onclick="true"][data-active="true"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ';}&[data-disabled="true"]{cursor:not-allowed;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCAqIGFzIEljb24gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXggfSBmcm9tICdzcmMvdHlwZXMnXG5pbXBvcnQgeyBDaGlwQ29udGV4dCB9IGZyb20gJy4vQ2hpcENvbnRleHQnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJmYWxzZVwiXTpob3ZlcntcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ0hvdmVyfTtcbiAgfVxuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJ0cnVlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl17XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG50eXBlIEljb25UeXBlID0gUGFzY2FsVG9DYW1lbENhc2VXaXRob3V0U3VmZml4PGtleW9mIHR5cGVvZiBJY29uLCAnSWNvbic+XG5cbnR5cGUgQ2hpcEljb25UeXBlID0ge1xuICAvKipcbiAgICogQWRkIGFuIGljb24gaW4gdGhlIGNoaXBcbiAgICovXG4gIG5hbWU6IEljb25UeXBlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENoaXBJY29uID0gKHtcbiAgbmFtZSxcbiAgb25DbGljayxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IENoaXBJY29uVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChDaGlwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0NoaXAuSWNvbiBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIENoaXAgY29tcG9uZW50JylcbiAgfVxuXG4gIGNvbnN0IHsgZGlzYWJsZWQsIGlzQWN0aXZlLCBpY29uUmVmIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgSWNvblVzZWQgPVxuICAgIEljb25bXG4gICAgICBgJHtcbiAgICAgICAgKG5hbWUgYXMgc3RyaW5nKS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIChuYW1lIGFzIHN0cmluZykuc2xpY2UoMSlcbiAgICAgIH1JY29uYCBhcyBrZXlvZiB0eXBlb2YgSWNvblxuICAgIF1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJcbiAgICAgIGFzPXtvbkNsaWNrID8gJ2J1dHRvbicgOiAnZGl2J31cbiAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1oYXMtb25jbGljaz17ISFvbkNsaWNrICYmICFkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmIG9uQ2xpY2spIHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgcmVmPXtpY29uUmVmfVxuICAgID5cbiAgICAgIDxJY29uVXNlZFxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHByb21pbmVuY2U9e2lzQWN0aXZlID8gJ3N0cm9uZ2VyJyA6ICdkZWZhdWx0J31cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
+import { buttonContainer } from "./styles.css.js";
 const ChipIcon = ({
   name,
   onClick,
@@ -31,12 +19,15 @@ const ChipIcon = ({
     iconRef
   } = context;
   const IconUsed = Icon[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
-  return /* @__PURE__ */ jsx(Container, { as: onClick ? "button" : "div", "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
-    if (!disabled && onClick) {
-      event.stopPropagation();
-      onClick();
-    }
-  }, ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  if (onClick) {
+    return /* @__PURE__ */ jsx("button", { className: buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
+      if (!disabled && onClick) {
+        event.stopPropagation();
+        onClick();
+      }
+    }, ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-testid": dataTestId, ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
 };
 export {
   ChipIcon

package/dist/components/Chip/index.cjs

@@ -2,66 +2,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
 const index$1 = require("../Stack/index.cjs");
 const index = require("../Text/index.cjs");
 const ChipContext = require("./ChipContext.cjs");
 const ChipIcon = require("./ChipIcon.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledContainer = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
-  target: "epvi3bv0"
-} : {
-  target: "epvi3bv0",
-  label: "StyledContainer"
-})("padding:", ({
-  theme
-}) => `${theme.space["0.5"]} ${theme.space["2"]} `, ";display:flex;border-radius:", ({
-  theme
-}) => theme.radii.xlarge, ";width:fit-content;background-color:", ({
-  theme
-}) => theme.colors.neutral.background, ";cursor:pointer;border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";text-align:center;color:", ({
-  theme
-}) => theme.colors.neutral.text, ';user-select:none;&[data-disabled="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundHover, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderStrongHover, ";color:", ({
-  theme
-}) => theme.colors.neutral.textHover, ';}&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderWeakDisabled, ";color:", ({
-  theme
-}) => theme.colors.neutral.textDisabled, ';cursor:not-allowed;}&[data-active="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";border-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStronger, ';&[data-disabled="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongHover, ";border-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrongHover, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStrongerHover, ';}&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongDisabled, ";border:none;}}&[data-size='medium']{", ({
-  theme
-}) => `
-    height: ${theme.space[3]};
-    padding: ${theme.space["0.5"]} ${theme.space["1.5"]};`, ";}&[data-size='large']{", ({
-  theme
-}) => `
-    height: ${theme.space[4]};
-    padding: ${theme.space["0.5"]} ${theme.space["2"]};`, ';}&[data-trailing-icon="true"]{padding-right:', ({
-  theme
-}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IENoaXBDb250ZXh0IH0gZnJvbSAnLi9DaGlwQ29udGV4dCdcbmltcG9ydCB7IENoaXBJY29uIH0gZnJvbSAnLi9DaGlwSWNvbidcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzInXX0gYH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkueGxhcmdlfTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG5cbiAgJltkYXRhLWRpc2FibGVkPVwiZmFsc2VcIl06aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyU3Ryb25nSG92ZXJ9O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRIb3Zlcn07XG5cbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha0Rpc2FibGVkfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW2RhdGEtYWN0aXZlPVwidHJ1ZVwiXXtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGJvcmRlci1jb2xvcjogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ2VyfTtcblxuICAgICZbZGF0YS1kaXNhYmxlZD1cImZhbHNlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nSG92ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdIb3Zlcn07XG4gICAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nZXJIb3Zlcn07XG5cblxuICAgIH1cblxuICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdtZWRpdW0nXXtcbiAgICAkeyh7IHRoZW1lIH0pID0+IGBcbiAgICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2VbM119O1xuICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2VbJzAuNSddfSAke3RoZW1lLnNwYWNlWycxLjUnXX07YH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdsYXJnZSdde1xuICAgICR7KHsgdGhlbWUgfSkgPT4gYFxuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjZVs0XX07XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzInXX07YH1cbiAgfVxuXG4gICZbZGF0YS10cmFpbGluZy1pY29uPVwidHJ1ZVwiXSB7XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX1cbiAgfVxuICBgXG50eXBlIENoaXBUeXBlID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHNpemU/OiAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgb25DbGljaz86IChhY3RpdmU6IGJvb2xlYW4pID0+IHZvaWRcbn1cblxuLyoqXG4gKiBDaGlwIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBjbGlja2FibGUgc3RhdHVzIG9yIGEgbGFiZWwgaW4gYSBzbWFsbCBjb250YWluZXJcbiAqL1xuZXhwb3J0IGNvbnN0IENoaXAgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBvbkNsaWNrLFxufTogQ2hpcFR5cGUpID0+IHtcbiAgY29uc3QgW2lzQWN0aXZlLCBzZXRJc0FjdGl2ZV0gPSB1c2VTdGF0ZShhY3RpdmUpXG4gIGNvbnN0IFtoYXNUcmFpbGluZ0ljb24sIHNldFRyYWlsaW5nSWNvbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgY2hpcFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCkgLy8gcmVmIHRvIHRoZSBwYXJlbnQgY29udGFpbmVyXG4gIGNvbnN0IGljb25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHByb21pbmVuY2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoaXNBY3RpdmUpIHtcbiAgICAgIHJldHVybiAnc3Ryb25nZXInXG4gICAgfVxuICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgcmV0dXJuICd3ZWFrJ1xuICAgIH1cblxuICAgIHJldHVybiAnZGVmYXVsdCdcbiAgfSwgW2lzQWN0aXZlLCBkaXNhYmxlZF0pXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBkaXNhYmxlZCwgaWNvblJlZiwgaXNBY3RpdmUgfSksXG4gICAgW2lzQWN0aXZlLCBkaXNhYmxlZCwgaWNvblJlZl0sXG4gIClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0FjdGl2ZShhY3RpdmUpXG4gIH0sIFthY3RpdmVdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNoaXBSZWYuY3VycmVudCAmJiBpY29uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGxhc3RDaGlsZE5vZGUgPSBjaGlwUmVmLmN1cnJlbnQubGFzdENoaWxkXG5cbiAgICAgIC8vIENvbXBhcmUgdGhlIGxhc3QgY2hpbGQgZWxlbWVudCB3aXRoIGljb25SZWYuY3VycmVudCB0byBjaGVjayBpZiB0aGUgbGFzdCBlbGVtZW50IGlzIGFuIEljb25cbiAgICAgIC8vIFRoaXMgd2lsbCBtZWFuIHRoYXQgdGhlcmUgaXMgYSB0cmFpbGluZyBpY29uXG4gICAgICBpZiAobGFzdENoaWxkTm9kZSA9PT0gaWNvblJlZi5jdXJyZW50KSB7XG4gICAgICAgIHNldFRyYWlsaW5nSWNvbih0cnVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VHJhaWxpbmdJY29uKGZhbHNlKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW2NoaWxkcmVuLCBpY29uUmVmXSlcblxuICByZXR1cm4gKFxuICAgIDxDaGlwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTbWFsbCcgOiAnY2FwdGlvbid9PlxuICAgICAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgZGF0YS1hY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGRhdGEtcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgZGF0YS10cmFpbGluZy1pY29uPXtoYXNUcmFpbGluZ0ljb259XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBnYXA9ezF9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgc2V0SXNBY3RpdmUoIWlzQWN0aXZlKVxuICAgICAgICAgICAgICBvbkNsaWNrPy4oIWlzQWN0aXZlKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgcmVmPXtjaGlwUmVmfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NoaXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbkNoaXAuSWNvbiA9IENoaXBJY29uXG4iXX0= */"));
+const styles_css = require("./styles.css.cjs");
 const Chip = ({
   children,
   size = "medium",
@@ -102,7 +48,7 @@ const Chip = ({
       }
     }
   }, [children, iconRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ChipContext.ChipContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { alignItems: "center", className, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ChipContext.ChipContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { alignItems: "center", className: `${className ? `${className} ` : ""}${styles_css.container}`, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
     if (!disabled) {
       setIsActive(!isActive);
       onClick?.(!isActive);

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

@@ -14,7 +14,7 @@ type ChipType = {
 export declare const Chip: {
     ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, }: ChipType): import("@emotion/react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "search" | "anchor" | "bold" | "sort" | "filter" | "address" | "stop" | "view" | "id" | "arrowLeft" | "cancel" | "close" | "drag" | "play" | "underline" | "italic" | "download" | "upload" | "email" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lockOutline" | "clockOutline" | "clockOutlineOutline" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "idOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "lock" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "pen" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "send" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
+        name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "pen" | "download" | "cancel" | "close" | "play" | "send" | "email" | "arrowLeft" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
         onClick?: () => void;
         'data-testid'?: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Chip/index.js

@@ -1,63 +1,11 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { useState, useRef, useMemo, useEffect } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { ChipContext } from "./ChipContext.js";
 import { ChipIcon } from "./ChipIcon.js";
-const StyledContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "epvi3bv0"
-} : {
-  target: "epvi3bv0",
-  label: "StyledContainer"
-})("padding:", ({
-  theme
-}) => `${theme.space["0.5"]} ${theme.space["2"]} `, ";display:flex;border-radius:", ({
-  theme
-}) => theme.radii.xlarge, ";width:fit-content;background-color:", ({
-  theme
-}) => theme.colors.neutral.background, ";cursor:pointer;border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";text-align:center;color:", ({
-  theme
-}) => theme.colors.neutral.text, ';user-select:none;&[data-disabled="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundHover, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderStrongHover, ";color:", ({
-  theme
-}) => theme.colors.neutral.textHover, ';}&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderWeakDisabled, ";color:", ({
-  theme
-}) => theme.colors.neutral.textDisabled, ';cursor:not-allowed;}&[data-active="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";border-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStronger, ';&[data-disabled="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongHover, ";border-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrongHover, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStrongerHover, ';}&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongDisabled, ";border:none;}}&[data-size='medium']{", ({
-  theme
-}) => `
-    height: ${theme.space[3]};
-    padding: ${theme.space["0.5"]} ${theme.space["1.5"]};`, ";}&[data-size='large']{", ({
-  theme
-}) => `
-    height: ${theme.space[4]};
-    padding: ${theme.space["0.5"]} ${theme.space["2"]};`, ';}&[data-trailing-icon="true"]{padding-right:', ({
-  theme
-}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IENoaXBDb250ZXh0IH0gZnJvbSAnLi9DaGlwQ29udGV4dCdcbmltcG9ydCB7IENoaXBJY29uIH0gZnJvbSAnLi9DaGlwSWNvbidcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzInXX0gYH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkueGxhcmdlfTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG5cbiAgJltkYXRhLWRpc2FibGVkPVwiZmFsc2VcIl06aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyU3Ryb25nSG92ZXJ9O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRIb3Zlcn07XG5cbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha0Rpc2FibGVkfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW2RhdGEtYWN0aXZlPVwidHJ1ZVwiXXtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGJvcmRlci1jb2xvcjogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ2VyfTtcblxuICAgICZbZGF0YS1kaXNhYmxlZD1cImZhbHNlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nSG92ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdIb3Zlcn07XG4gICAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nZXJIb3Zlcn07XG5cblxuICAgIH1cblxuICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdtZWRpdW0nXXtcbiAgICAkeyh7IHRoZW1lIH0pID0+IGBcbiAgICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2VbM119O1xuICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2VbJzAuNSddfSAke3RoZW1lLnNwYWNlWycxLjUnXX07YH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdsYXJnZSdde1xuICAgICR7KHsgdGhlbWUgfSkgPT4gYFxuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjZVs0XX07XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzInXX07YH1cbiAgfVxuXG4gICZbZGF0YS10cmFpbGluZy1pY29uPVwidHJ1ZVwiXSB7XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX1cbiAgfVxuICBgXG50eXBlIENoaXBUeXBlID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHNpemU/OiAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgb25DbGljaz86IChhY3RpdmU6IGJvb2xlYW4pID0+IHZvaWRcbn1cblxuLyoqXG4gKiBDaGlwIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBjbGlja2FibGUgc3RhdHVzIG9yIGEgbGFiZWwgaW4gYSBzbWFsbCBjb250YWluZXJcbiAqL1xuZXhwb3J0IGNvbnN0IENoaXAgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBvbkNsaWNrLFxufTogQ2hpcFR5cGUpID0+IHtcbiAgY29uc3QgW2lzQWN0aXZlLCBzZXRJc0FjdGl2ZV0gPSB1c2VTdGF0ZShhY3RpdmUpXG4gIGNvbnN0IFtoYXNUcmFpbGluZ0ljb24sIHNldFRyYWlsaW5nSWNvbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgY2hpcFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCkgLy8gcmVmIHRvIHRoZSBwYXJlbnQgY29udGFpbmVyXG4gIGNvbnN0IGljb25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHByb21pbmVuY2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoaXNBY3RpdmUpIHtcbiAgICAgIHJldHVybiAnc3Ryb25nZXInXG4gICAgfVxuICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgcmV0dXJuICd3ZWFrJ1xuICAgIH1cblxuICAgIHJldHVybiAnZGVmYXVsdCdcbiAgfSwgW2lzQWN0aXZlLCBkaXNhYmxlZF0pXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBkaXNhYmxlZCwgaWNvblJlZiwgaXNBY3RpdmUgfSksXG4gICAgW2lzQWN0aXZlLCBkaXNhYmxlZCwgaWNvblJlZl0sXG4gIClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0FjdGl2ZShhY3RpdmUpXG4gIH0sIFthY3RpdmVdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNoaXBSZWYuY3VycmVudCAmJiBpY29uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGxhc3RDaGlsZE5vZGUgPSBjaGlwUmVmLmN1cnJlbnQubGFzdENoaWxkXG5cbiAgICAgIC8vIENvbXBhcmUgdGhlIGxhc3QgY2hpbGQgZWxlbWVudCB3aXRoIGljb25SZWYuY3VycmVudCB0byBjaGVjayBpZiB0aGUgbGFzdCBlbGVtZW50IGlzIGFuIEljb25cbiAgICAgIC8vIFRoaXMgd2lsbCBtZWFuIHRoYXQgdGhlcmUgaXMgYSB0cmFpbGluZyBpY29uXG4gICAgICBpZiAobGFzdENoaWxkTm9kZSA9PT0gaWNvblJlZi5jdXJyZW50KSB7XG4gICAgICAgIHNldFRyYWlsaW5nSWNvbih0cnVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VHJhaWxpbmdJY29uKGZhbHNlKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW2NoaWxkcmVuLCBpY29uUmVmXSlcblxuICByZXR1cm4gKFxuICAgIDxDaGlwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTbWFsbCcgOiAnY2FwdGlvbid9PlxuICAgICAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgZGF0YS1hY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGRhdGEtcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgZGF0YS10cmFpbGluZy1pY29uPXtoYXNUcmFpbGluZ0ljb259XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBnYXA9ezF9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgc2V0SXNBY3RpdmUoIWlzQWN0aXZlKVxuICAgICAgICAgICAgICBvbkNsaWNrPy4oIWlzQWN0aXZlKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgcmVmPXtjaGlwUmVmfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NoaXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbkNoaXAuSWNvbiA9IENoaXBJY29uXG4iXX0= */"));
+import { container } from "./styles.css.js";
 const Chip = ({
   children,
   size = "medium",
@@ -98,7 +46,7 @@ const Chip = ({
       }
     }
   }, [children, iconRef]);
-  return /* @__PURE__ */ jsx(ChipContext.Provider, { value, children: /* @__PURE__ */ jsx(Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsx(StyledContainer, { alignItems: "center", className, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
+  return /* @__PURE__ */ jsx(ChipContext.Provider, { value, children: /* @__PURE__ */ jsx(Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsx(Stack, { alignItems: "center", className: `${className ? `${className} ` : ""}${container}`, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
     if (!disabled) {
       setIsActive(!isActive);
       onClick?.(!isActive);

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var buttonContainer = "uv_1u4n71t0";
+var container = "uv_1u4n71t1";
+exports.buttonContainer = buttonContainer;
+exports.container = container;

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

@@ -0,0 +1,2 @@
+export declare const buttonContainer: string;
+export declare const container: string;

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

@@ -0,0 +1,7 @@
+/* empty css                          */
+var buttonContainer = "uv_1u4n71t0";
+var container = "uv_1u4n71t1";
+export {
+  buttonContainer,
+  container
+};