@ultraviolet/ui 1.74.0 → 1.75.1

package/dist/components/Checkbox/index.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const react = require("@emotion/react");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const React = require("react");
 const index$2 = require("../Loader/index.cjs");
 const index$3 = require("../Stack/index.cjs");
@@ -267,7 +267,7 @@ const Checkbox = React.forwardRef(({
     /* @__PURE__ */ jsxRuntime.jsxs(index$3.Stack, { gap: 0.5, flex: 1, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(index$3.Stack, { gap: 0.5, direction: "row", alignItems: "center", flex: 1, children: [
         children ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(StyledTextLabel, { as: "label", variant: "body", sentiment: "neutral", prominence: "default", htmlFor: localId, children }) : /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { htmlFor: localId, children }) }) : null,
-        required ? /* @__PURE__ */ jsxRuntime.jsx("sup", { children: /* @__PURE__ */ jsxRuntime.jsx(icons.AsteriskIcon, { size: 8, sentiment: "danger" }) }) : null
+        required ? /* @__PURE__ */ jsxRuntime.jsx("sup", { children: /* @__PURE__ */ jsxRuntime.jsx(Icon.AsteriskIcon, { size: 8, sentiment: "danger" }) }) : null
       ] }),
       helper ? /* @__PURE__ */ jsxRuntime.jsx(index.Text, { variant: "caption", as: "span", prominence: "weak", sentiment: "neutral", children: helper }) : null,
       error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorText, { variant: "caption", as: "span", sentiment: "danger", children: error }) : null

package/dist/components/CheckboxGroup/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const React = require("react");
 const index = require("../Checkbox/index.cjs");
 const index$1 = require("../Stack/index.cjs");
@@ -68,7 +68,7 @@ const FieldSet = /* @__PURE__ */ _styled__default.default("fieldset", process.en
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3hHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFzdGVyaXNrSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxudHlwZSBDaGVja2JveEdyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWVzOiBzdHJpbmdbXVxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBDaGVja2JveEdyb3VwQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8XG4gIENoZWNrYm94R3JvdXBDb250ZXh0VHlwZSB8IHVuZGVmaW5lZFxuPih1bmRlZmluZWQpXG5cbmNvbnN0IFN0eWxlZENoZWNrYm94ID0gc3R5bGVkKENoZWNrYm94KWBcbiAgbGFiZWwge1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgfVxuYFxuXG50eXBlIENoZWNrYm94R3JvdXBDaGVja2JveFByb3BzID0gT21pdDxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIENoZWNrYm94PixcbiAgJ29uQ2hhbmdlJyB8ICdjaGVja2VkJ1xuPiAmIHtcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hHcm91cENoZWNrYm94ID0gKHtcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBkaXNhYmxlZCxcbiAgZXJyb3IsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBjaGlsZHJlbixcbiAgaGVscGVyLFxuICBjbGFzc05hbWUsXG4gIGF1dG9Gb2N1cyxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgcmVxdWlyZWQsXG59OiBDaGVja2JveEdyb3VwQ2hlY2tib3hQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChDaGVja2JveEdyb3VwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnQ2hlY2tib3hHcm91cC5DaGVja2JveCBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIENoZWNrYm94R3JvdXAnLFxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHsgZ3JvdXBOYW1lLCBvbkNoYW5nZSwgZ3JvdXBWYWx1ZXMgfSA9IGNvbnRleHRcblxuICBjb25zdCBjaGVja2JveE5hbWUgPSBgJHtncm91cE5hbWV9LiR7bmFtZSA/PyAnJ31gXG4gIGNvbnN0IGNoZWNrYm94VmFsdWUgPSBgJHt2YWx1ZX1gXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ2hlY2tib3hcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIGNoZWNrZWQ9e2dyb3VwVmFsdWVzPy5pbmNsdWRlcyhjaGVja2JveFZhbHVlKX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgIG5hbWU9e2NoZWNrYm94TmFtZX1cbiAgICAgIHZhbHVlPXtjaGVja2JveFZhbHVlfVxuICAgICAgaGVscGVyPXtoZWxwZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGF1dG9Gb2N1cz17YXV0b0ZvY3VzfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ2hlY2tib3g+XG4gIClcbn1cblxuY29uc3QgRmllbGRTZXQgPSBzdHlsZWQuZmllbGRzZXRgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuYFxuXG5jb25zdCBTdHlsZWRSZXF1aXJlZEljb24gPSBzdHlsZWQoQXN0ZXJpc2tJY29uKWBcbiAgdmVydGljYWwtYWxpZ246IHN1cGVyO1xuYFxuXG50eXBlIENoZWNrYm94R3JvdXBQcm9wcyA9IHtcbiAgbGVnZW5kOiBzdHJpbmdcbiAgdmFsdWU/OiBzdHJpbmdbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIGVycm9yPzogUmVhY3ROb2RlXG4gIGRpcmVjdGlvbj86ICdyb3cnIHwgJ2NvbHVtbidcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICByZXF1aXJlZD86IGJvb2xlYW5cbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuLyoqXG4gKiBDaGVja2JveEdyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgZ3JvdXBzIGEgc2V0IG9mIGNoZWNrYm94ZXMgdG9nZXRoZXIgd2l0aCBhIGxlZ2VuZCBhbmQgaGVscGVyL2Vycm9yIHRleHQuXG4gKi9cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwID0gKHtcbiAgbGVnZW5kLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogQ2hlY2tib3hHcm91cFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWVzOiB2YWx1ZSA/PyBbXSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgcmVxdWlyZWQsXG4gICAgfSksXG4gICAgW25hbWUsIHZhbHVlLCBvbkNoYW5nZSwgcmVxdWlyZWRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8Q2hlY2tib3hHcm91cENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZX0+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEZpZWxkU2V0IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgICAgICA8U3RhY2sgZ2FwPXsxLjV9PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJsZWdlbmRcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwic3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xlZ2VuZH0mbmJzcDtcbiAgICAgICAgICAgICAge3JlcXVpcmVkID8gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRSZXF1aXJlZEljb24gc2VudGltZW50PVwiZGFuZ2VyXCIgc2l6ZT17OH0gLz5cbiAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8U3RhY2sgZ2FwPXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gMSA6IDJ9IGRpcmVjdGlvbj17ZGlyZWN0aW9ufT5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L0ZpZWxkU2V0PlxuICAgICAgICB7aGVscGVyID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2hlbHBlcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7ZXJyb3IgPyAoXG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBzZW50aW1lbnQ9XCJkYW5nZXJcIj5cbiAgICAgICAgICAgIHtlcnJvcn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0NoZWNrYm94R3JvdXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbkNoZWNrYm94R3JvdXAuQ2hlY2tib3ggPSBDaGVja2JveEdyb3VwQ2hlY2tib3hcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledRequiredIcon = /* @__PURE__ */ _styled__default.default(icons.AsteriskIcon, process.env.NODE_ENV === "production" ? {
+const StyledRequiredIcon = /* @__PURE__ */ _styled__default.default(Icon.AsteriskIcon, process.env.NODE_ENV === "production" ? {
   target: "e1k5uyng0"
 } : {
   target: "e1k5uyng0",

package/dist/components/Chip/ChipContext.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const ChipContext = React.createContext(void 0);
+exports.ChipContext = ChipContext;

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

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

package/dist/components/Chip/ChipContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ChipContext = createContext(void 0);
+export {
+  ChipContext
+};

package/dist/components/Chip/ChipIcon.cjs

@@ -0,0 +1,62 @@
+"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 };
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0ICogYXMgSWNvbiBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFBhc2NhbFRvQ2FtZWxDYXNlV2l0aG91dFN1ZmZpeCB9IGZyb20gJ3NyYy90eXBlcydcbmltcG9ydCB7IENoaXBDb250ZXh0IH0gZnJvbSAnLi9DaGlwQ29udGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5cbiAgJltkYXRhLWhhcy1vbmNsaWNrPVwidHJ1ZVwiXVtkYXRhLWFjdGl2ZT1cImZhbHNlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nSG92ZXJ9O1xuICB9XG5cbiAgJltkYXRhLWhhcy1vbmNsaWNrPVwidHJ1ZVwiXVtkYXRhLWFjdGl2ZT1cInRydWVcIl06aG92ZXJ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXXtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbnR5cGUgSWNvblR5cGUgPSBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXg8a2V5b2YgdHlwZW9mIEljb24sICdJY29uJz5cblxudHlwZSBDaGlwSWNvblR5cGUgPSB7XG4gIC8qKlxuICAgKiBBZGQgYW4gaWNvbiBpbiB0aGUgY2hpcFxuICAgKi9cbiAgbmFtZTogSWNvblR5cGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2hpcEljb24gPSAoe1xuICBuYW1lLFxuICBvbkNsaWNrLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQ2hpcEljb25UeXBlKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENoaXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignQ2hpcC5JY29uIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgQ2hpcCBjb21wb25lbnQnKVxuICB9XG5cbiAgY29uc3QgeyBkaXNhYmxlZCwgaXNBY3RpdmUsIGljb25SZWYgfSA9IGNvbnRleHRcblxuICBjb25zdCBJY29uVXNlZCA9XG4gICAgSWNvbltcbiAgICAgIGAke1xuICAgICAgICAobmFtZSBhcyBzdHJpbmcpLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgKG5hbWUgYXMgc3RyaW5nKS5zbGljZSgxKVxuICAgICAgfUljb25gIGFzIGtleW9mIHR5cGVvZiBJY29uXG4gICAgXVxuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lclxuICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmIG9uQ2xpY2spIHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRhdGEtaGFzLW9uY2xpY2s9eyEhb25DbGljayAmJiAhZGlzYWJsZWR9XG4gICAgICBhcz17b25DbGljayA/ICdidXR0b24nIDogJ2Rpdid9XG4gICAgICByZWY9e2ljb25SZWZ9XG4gICAgPlxuICAgICAgPEljb25Vc2VkXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHByb21pbmVuY2U9e2lzQWN0aXZlID8gJ3N0cm9uZ2VyJyA6ICdkZWZhdWx0J31cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIC8+XG4gICAgPC9Db250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const ChipIcon = ({
+  name,
+  onClick,
+  "data-testid": dataTestId
+}) => {
+  const context = React.useContext(ChipContext.ChipContext);
+  if (!context) {
+    throw new Error("Chip.Icon can only be used inside a Chip component");
+  }
+  const {
+    disabled,
+    isActive,
+    iconRef
+  } = context;
+  const IconUsed = Icon__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, { onClick: (event) => {
+    if (!disabled && onClick) {
+      event.stopPropagation();
+      onClick();
+    }
+  }, "data-testid": dataTestId, "data-disabled": disabled, "data-active": isActive, "data-has-onclick": !!onClick && !disabled, as: onClick ? "button" : "div", ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { size: "small", prominence: isActive ? "stronger" : "default", sentiment: "neutral", disabled }) });
+};
+exports.ChipIcon = ChipIcon;

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

@@ -0,0 +1,13 @@
+import * as Icon from '@ultraviolet/icons';
+import type { PascalToCamelCaseWithoutSuffix } from 'src/types';
+type IconType = PascalToCamelCaseWithoutSuffix<keyof typeof Icon, 'Icon'>;
+type ChipIconType = {
+    /**
+     * Add an icon in the chip
+     */
+    name: IconType;
+    onClick?: () => void;
+    'data-testid'?: string;
+};
+export declare const ChipIcon: ({ name, onClick, "data-testid": dataTestId, }: ChipIconType) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chip/ChipIcon.js

@@ -0,0 +1,42 @@
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0ICogYXMgSWNvbiBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFBhc2NhbFRvQ2FtZWxDYXNlV2l0aG91dFN1ZmZpeCB9IGZyb20gJ3NyYy90eXBlcydcbmltcG9ydCB7IENoaXBDb250ZXh0IH0gZnJvbSAnLi9DaGlwQ29udGV4dCdcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5cbiAgJltkYXRhLWhhcy1vbmNsaWNrPVwidHJ1ZVwiXVtkYXRhLWFjdGl2ZT1cImZhbHNlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nSG92ZXJ9O1xuICB9XG5cbiAgJltkYXRhLWhhcy1vbmNsaWNrPVwidHJ1ZVwiXVtkYXRhLWFjdGl2ZT1cInRydWVcIl06aG92ZXJ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXXtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbnR5cGUgSWNvblR5cGUgPSBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXg8a2V5b2YgdHlwZW9mIEljb24sICdJY29uJz5cblxudHlwZSBDaGlwSWNvblR5cGUgPSB7XG4gIC8qKlxuICAgKiBBZGQgYW4gaWNvbiBpbiB0aGUgY2hpcFxuICAgKi9cbiAgbmFtZTogSWNvblR5cGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgQ2hpcEljb24gPSAoe1xuICBuYW1lLFxuICBvbkNsaWNrLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQ2hpcEljb25UeXBlKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KENoaXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignQ2hpcC5JY29uIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgQ2hpcCBjb21wb25lbnQnKVxuICB9XG5cbiAgY29uc3QgeyBkaXNhYmxlZCwgaXNBY3RpdmUsIGljb25SZWYgfSA9IGNvbnRleHRcblxuICBjb25zdCBJY29uVXNlZCA9XG4gICAgSWNvbltcbiAgICAgIGAke1xuICAgICAgICAobmFtZSBhcyBzdHJpbmcpLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgKG5hbWUgYXMgc3RyaW5nKS5zbGljZSgxKVxuICAgICAgfUljb25gIGFzIGtleW9mIHR5cGVvZiBJY29uXG4gICAgXVxuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lclxuICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmIG9uQ2xpY2spIHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRhdGEtaGFzLW9uY2xpY2s9eyEhb25DbGljayAmJiAhZGlzYWJsZWR9XG4gICAgICBhcz17b25DbGljayA/ICdidXR0b24nIDogJ2Rpdid9XG4gICAgICByZWY9e2ljb25SZWZ9XG4gICAgPlxuICAgICAgPEljb25Vc2VkXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIHByb21pbmVuY2U9e2lzQWN0aXZlID8gJ3N0cm9uZ2VyJyA6ICdkZWZhdWx0J31cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIC8+XG4gICAgPC9Db250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
+const ChipIcon = ({
+  name,
+  onClick,
+  "data-testid": dataTestId
+}) => {
+  const context = useContext(ChipContext);
+  if (!context) {
+    throw new Error("Chip.Icon can only be used inside a Chip component");
+  }
+  const {
+    disabled,
+    isActive,
+    iconRef
+  } = context;
+  const IconUsed = Icon[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
+  return /* @__PURE__ */ jsx(Container, { onClick: (event) => {
+    if (!disabled && onClick) {
+      event.stopPropagation();
+      onClick();
+    }
+  }, "data-testid": dataTestId, "data-disabled": disabled, "data-active": isActive, "data-has-onclick": !!onClick && !disabled, as: onClick ? "button" : "div", ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { size: "small", prominence: isActive ? "stronger" : "default", sentiment: "neutral", disabled }) });
+};
+export {
+  ChipIcon
+};

package/dist/components/Chip/index.cjs

@@ -0,0 +1,106 @@
+"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("../Stack/index.cjs");
+const index$1 = 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.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHlwZSBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgQ2hpcENvbnRleHQgfSBmcm9tICcuL0NoaXBDb250ZXh0J1xuaW1wb3J0IHsgQ2hpcEljb24gfSBmcm9tICcuL0NoaXBJY29uJ1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycwLjUnXX0gJHt0aGVtZS5zcGFjZVsnMiddfSBgfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS54bGFyZ2V9O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cblxuICAmW2RhdGEtZGlzYWJsZWQ9XCJmYWxzZVwiXTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJTdHJvbmdIb3Zlcn07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dEhvdmVyfTtcblxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrRGlzYWJsZWR9O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gICZbZGF0YS1hY3RpdmU9XCJ0cnVlXCJde1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYm9yZGVyLWNvbG9yOiAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwiZmFsc2VcIl06aG92ZXJ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdIb3Zlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ0hvdmVyfTtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmdlckhvdmVyfTtcblxuXG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J21lZGl1bSdde1xuICAgICR7KHsgdGhlbWUgfSkgPT4gYFxuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjZVszXX07XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzEuNSddfTtgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J2xhcmdlJ117XG4gICAgJHsoeyB0aGVtZSB9KSA9PiBgXG4gICAgaGVpZ2h0OiAke3RoZW1lLnNwYWNlWzRdfTtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlWycwLjUnXX0gJHt0aGVtZS5zcGFjZVsnMiddfTtgfVxuICB9XG5cbiAgJltkYXRhLXRyYWlsaW5nLWljb249XCJ0cnVlXCJdIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfVxuICB9XG4gIGBcbnR5cGUgQ2hpcFR5cGUgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgc2l6ZT86ICdtZWRpdW0nIHwgJ2xhcmdlJ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgYWN0aXZlPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBvbkNsaWNrPzogKGFjdGl2ZTogYm9vbGVhbikgPT4gdm9pZFxufVxuXG4vKipcbiAqIENoaXAgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIGNsaWNrYWJsZSBzdGF0dXMgb3IgYSBsYWJlbCBpbiBhIHNtYWxsIGNvbnRhaW5lclxuICovXG5leHBvcnQgY29uc3QgQ2hpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ21lZGl1bScsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGFjdGl2ZSA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIG9uQ2xpY2ssXG59OiBDaGlwVHlwZSkgPT4ge1xuICBjb25zdCBbaXNBY3RpdmUsIHNldElzQWN0aXZlXSA9IHVzZVN0YXRlKGFjdGl2ZSlcbiAgY29uc3QgW2hhc1RyYWlsaW5nSWNvbiwgc2V0VHJhaWxpbmdJY29uXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBjaGlwUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKSAvLyByZWYgdG8gdGhlIHBhcmVudCBjb250YWluZXJcbiAgY29uc3QgaWNvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbClcbiAgY29uc3QgcHJvbWluZW5jZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChpc0FjdGl2ZSkgcmV0dXJuICdzdHJvbmdlcidcbiAgICBpZiAoZGlzYWJsZWQpIHJldHVybiAnd2VhaydcblxuICAgIHJldHVybiAnZGVmYXVsdCdcbiAgfSwgW2lzQWN0aXZlLCBkaXNhYmxlZF0pXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBpc0FjdGl2ZSwgZGlzYWJsZWQsIGljb25SZWYgfSksXG4gICAgW2lzQWN0aXZlLCBkaXNhYmxlZCwgaWNvblJlZl0sXG4gIClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0FjdGl2ZShhY3RpdmUpXG4gIH0sIFthY3RpdmVdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNoaXBSZWYuY3VycmVudCAmJiBpY29uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGxhc3RDaGlsZE5vZGUgPSBjaGlwUmVmLmN1cnJlbnQubGFzdENoaWxkXG5cbiAgICAgIC8vIENvbXBhcmUgdGhlIGxhc3QgY2hpbGQgZWxlbWVudCB3aXRoIGljb25SZWYuY3VycmVudCB0byBjaGVjayBpZiB0aGUgbGFzdCBlbGVtZW50IGlzIGFuIEljb25cbiAgICAgIC8vIFRoaXMgd2lsbCBtZWFuIHRoYXQgdGhlcmUgaXMgYSB0cmFpbGluZyBpY29uXG4gICAgICBpZiAobGFzdENoaWxkTm9kZSA9PT0gaWNvblJlZi5jdXJyZW50KSB7XG4gICAgICAgIHNldFRyYWlsaW5nSWNvbih0cnVlKVxuICAgICAgfSBlbHNlIHNldFRyYWlsaW5nSWNvbihmYWxzZSlcbiAgICB9XG4gIH0sIFtjaGlsZHJlbiwgaWNvblJlZl0pXG5cbiAgcmV0dXJuIChcbiAgICA8Q2hpcENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIDxUZXh0IGFzPVwiZGl2XCIgdmFyaWFudD17c2l6ZSA9PT0gJ2xhcmdlJyA/ICdib2R5U21hbGwnIDogJ2NhcHRpb24nfT5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpZiAoIWRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIHNldElzQWN0aXZlKCFpc0FjdGl2ZSlcbiAgICAgICAgICAgICAgb25DbGljaz8uKCFpc0FjdGl2ZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAgZ2FwPXsxfVxuICAgICAgICAgIHJlZj17Y2hpcFJlZn1cbiAgICAgICAgICBkYXRhLXRyYWlsaW5nLWljb249e2hhc1RyYWlsaW5nSWNvbn1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8L1RleHQ+XG4gICAgPC9DaGlwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5DaGlwLkljb24gPSBDaGlwSWNvblxuIl19 */"));
+const Chip = ({
+  children,
+  size = "medium",
+  disabled = false,
+  active = false,
+  className,
+  "data-testid": dataTestId,
+  onClick
+}) => {
+  const [isActive, setIsActive] = React.useState(active);
+  const [hasTrailingIcon, setTrailingIcon] = React.useState(false);
+  const chipRef = React.useRef(null);
+  const iconRef = React.useRef(null);
+  const prominence = React.useMemo(() => {
+    if (isActive) return "stronger";
+    if (disabled) return "weak";
+    return "default";
+  }, [isActive, disabled]);
+  const value = React.useMemo(() => ({
+    isActive,
+    disabled,
+    iconRef
+  }), [isActive, disabled, iconRef]);
+  React.useEffect(() => {
+    setIsActive(active);
+  }, [active]);
+  React.useEffect(() => {
+    if (chipRef.current && iconRef.current) {
+      const lastChildNode = chipRef.current.lastChild;
+      if (lastChildNode === iconRef.current) {
+        setTrailingIcon(true);
+      } else setTrailingIcon(false);
+    }
+  }, [children, iconRef]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ChipContext.ChipContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { "data-size": size, onClick: () => {
+    if (!disabled) {
+      setIsActive(!isActive);
+      onClick?.(!isActive);
+    }
+  }, className, "data-active": isActive, "data-testid": dataTestId, alignItems: "center", justifyContent: "center", "data-disabled": disabled, "data-prominence": prominence, direction: "row", gap: 1, ref: chipRef, "data-trailing-icon": hasTrailingIcon, children }) }) });
+};
+Chip.Icon = ChipIcon.ChipIcon;
+exports.Chip = Chip;

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

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+type ChipType = {
+    children: ReactNode;
+    size?: 'medium' | 'large';
+    disabled?: boolean;
+    active?: boolean;
+    className?: string;
+    'data-testid'?: string;
+    onClick?: (active: boolean) => void;
+};
+/**
+ * Chip component is used to display a clickable status or a label in a small container
+ */
+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: "address" | "search" | "filter" | "stop" | "view" | "id" | "anchor" | "arrowLeft" | "cancel" | "close" | "drag" | "play" | "sort" | "download" | "asterisk" | "attach" | "burger" | "check" | "detach" | "east" | "equal" | "escape" | "expand" | "github" | "instagram" | "logout" | "minus" | "north" | "organization" | "plus" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "upload" | "west" | "youtube" | "bullhorn" | "calculator" | "chat" | "console" | "database" | "delete" | "doc" | "earth" | "eye" | "folder" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "pin" | "unpin" | "sparkles" | "email" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "closeCircleOutline" | "copyContent" | "dotsHorizontal" | "dotsVertical" | "dragVariant" | "eastShort" | "expandMore" | "linkedin" | "northShort" | "openInNew" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "southShort" | "switchOrga" | "twitter" | "westShort" | "addressOutline" | "alertCircleOutline" | "autoFixOutline" | "bookOpenOutlineOutline" | "bullhornOutline" | "calculatorOutline" | "calendarRangeOutline" | "chatOutline" | "checkCircleOutline" | "clockOutlineOutline" | "consoleOutline" | "credentialOutline" | "creditCardOutline" | "databaseOutline" | "deleteOutline" | "docOutline" | "earthOutline" | "emailRemoveOutline" | "emailOutline" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folderOutline" | "helpCircleOutline" | "idOutline" | "informationOutline" | "leafOutline" | "lightBulbOutline" | "lockOutline" | "membersOutline" | "moonOutline" | "mosaicOutline" | "penOutline" | "pencilOutline" | "phoneOutline" | "pinOutline" | "playOutline" | "privacyOutline" | "profileOutline" | "rocketOutline" | "sendOutline" | "settingsOutline" | "sparklesOutline" | "stopOutline" | "sunOutline" | "supportOutline" | "thumbsDownOutline" | "thumbsUpOutline" | "unlockOutline" | "unpinOutline" | "weatherNightOutline" | "alertCircle" | "autoFix" | "bookOpenOutline" | "calendarRange" | "checkCircle" | "clockOutline" | "credential" | "creditCard" | "emailRemove" | "eyeOff" | "helpCircle" | "information" | "leaf" | "lightBulb" | "thumbsDown" | "thumbsUp" | "weatherNight";
+        onClick?: () => void;
+        'data-testid'?: string;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/Chip/index.js

@@ -0,0 +1,104 @@
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHlwZSBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgQ2hpcENvbnRleHQgfSBmcm9tICcuL0NoaXBDb250ZXh0J1xuaW1wb3J0IHsgQ2hpcEljb24gfSBmcm9tICcuL0NoaXBJY29uJ1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycwLjUnXX0gJHt0aGVtZS5zcGFjZVsnMiddfSBgfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS54bGFyZ2V9O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cblxuICAmW2RhdGEtZGlzYWJsZWQ9XCJmYWxzZVwiXTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJTdHJvbmdIb3Zlcn07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dEhvdmVyfTtcblxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrRGlzYWJsZWR9O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gICZbZGF0YS1hY3RpdmU9XCJ0cnVlXCJde1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYm9yZGVyLWNvbG9yOiAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwiZmFsc2VcIl06aG92ZXJ7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdIb3Zlcn07XG4gICAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ0hvdmVyfTtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRTdHJvbmdlckhvdmVyfTtcblxuXG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J21lZGl1bSdde1xuICAgICR7KHsgdGhlbWUgfSkgPT4gYFxuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjZVszXX07XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzEuNSddfTtgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J2xhcmdlJ117XG4gICAgJHsoeyB0aGVtZSB9KSA9PiBgXG4gICAgaGVpZ2h0OiAke3RoZW1lLnNwYWNlWzRdfTtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlWycwLjUnXX0gJHt0aGVtZS5zcGFjZVsnMiddfTtgfVxuICB9XG5cbiAgJltkYXRhLXRyYWlsaW5nLWljb249XCJ0cnVlXCJdIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfVxuICB9XG4gIGBcbnR5cGUgQ2hpcFR5cGUgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgc2l6ZT86ICdtZWRpdW0nIHwgJ2xhcmdlJ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgYWN0aXZlPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBvbkNsaWNrPzogKGFjdGl2ZTogYm9vbGVhbikgPT4gdm9pZFxufVxuXG4vKipcbiAqIENoaXAgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIGNsaWNrYWJsZSBzdGF0dXMgb3IgYSBsYWJlbCBpbiBhIHNtYWxsIGNvbnRhaW5lclxuICovXG5leHBvcnQgY29uc3QgQ2hpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ21lZGl1bScsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGFjdGl2ZSA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIG9uQ2xpY2ssXG59OiBDaGlwVHlwZSkgPT4ge1xuICBjb25zdCBbaXNBY3RpdmUsIHNldElzQWN0aXZlXSA9IHVzZVN0YXRlKGFjdGl2ZSlcbiAgY29uc3QgW2hhc1RyYWlsaW5nSWNvbiwgc2V0VHJhaWxpbmdJY29uXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBjaGlwUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKSAvLyByZWYgdG8gdGhlIHBhcmVudCBjb250YWluZXJcbiAgY29uc3QgaWNvblJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbClcbiAgY29uc3QgcHJvbWluZW5jZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChpc0FjdGl2ZSkgcmV0dXJuICdzdHJvbmdlcidcbiAgICBpZiAoZGlzYWJsZWQpIHJldHVybiAnd2VhaydcblxuICAgIHJldHVybiAnZGVmYXVsdCdcbiAgfSwgW2lzQWN0aXZlLCBkaXNhYmxlZF0pXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBpc0FjdGl2ZSwgZGlzYWJsZWQsIGljb25SZWYgfSksXG4gICAgW2lzQWN0aXZlLCBkaXNhYmxlZCwgaWNvblJlZl0sXG4gIClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0FjdGl2ZShhY3RpdmUpXG4gIH0sIFthY3RpdmVdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNoaXBSZWYuY3VycmVudCAmJiBpY29uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGxhc3RDaGlsZE5vZGUgPSBjaGlwUmVmLmN1cnJlbnQubGFzdENoaWxkXG5cbiAgICAgIC8vIENvbXBhcmUgdGhlIGxhc3QgY2hpbGQgZWxlbWVudCB3aXRoIGljb25SZWYuY3VycmVudCB0byBjaGVjayBpZiB0aGUgbGFzdCBlbGVtZW50IGlzIGFuIEljb25cbiAgICAgIC8vIFRoaXMgd2lsbCBtZWFuIHRoYXQgdGhlcmUgaXMgYSB0cmFpbGluZyBpY29uXG4gICAgICBpZiAobGFzdENoaWxkTm9kZSA9PT0gaWNvblJlZi5jdXJyZW50KSB7XG4gICAgICAgIHNldFRyYWlsaW5nSWNvbih0cnVlKVxuICAgICAgfSBlbHNlIHNldFRyYWlsaW5nSWNvbihmYWxzZSlcbiAgICB9XG4gIH0sIFtjaGlsZHJlbiwgaWNvblJlZl0pXG5cbiAgcmV0dXJuIChcbiAgICA8Q2hpcENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIDxUZXh0IGFzPVwiZGl2XCIgdmFyaWFudD17c2l6ZSA9PT0gJ2xhcmdlJyA/ICdib2R5U21hbGwnIDogJ2NhcHRpb24nfT5cbiAgICAgICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpZiAoIWRpc2FibGVkKSB7XG4gICAgICAgICAgICAgIHNldElzQWN0aXZlKCFpc0FjdGl2ZSlcbiAgICAgICAgICAgICAgb25DbGljaz8uKCFpc0FjdGl2ZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAgZ2FwPXsxfVxuICAgICAgICAgIHJlZj17Y2hpcFJlZn1cbiAgICAgICAgICBkYXRhLXRyYWlsaW5nLWljb249e2hhc1RyYWlsaW5nSWNvbn1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8L1RleHQ+XG4gICAgPC9DaGlwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5DaGlwLkljb24gPSBDaGlwSWNvblxuIl19 */"));
+const Chip = ({
+  children,
+  size = "medium",
+  disabled = false,
+  active = false,
+  className,
+  "data-testid": dataTestId,
+  onClick
+}) => {
+  const [isActive, setIsActive] = useState(active);
+  const [hasTrailingIcon, setTrailingIcon] = useState(false);
+  const chipRef = useRef(null);
+  const iconRef = useRef(null);
+  const prominence = useMemo(() => {
+    if (isActive) return "stronger";
+    if (disabled) return "weak";
+    return "default";
+  }, [isActive, disabled]);
+  const value = useMemo(() => ({
+    isActive,
+    disabled,
+    iconRef
+  }), [isActive, disabled, iconRef]);
+  useEffect(() => {
+    setIsActive(active);
+  }, [active]);
+  useEffect(() => {
+    if (chipRef.current && iconRef.current) {
+      const lastChildNode = chipRef.current.lastChild;
+      if (lastChildNode === iconRef.current) {
+        setTrailingIcon(true);
+      } else setTrailingIcon(false);
+    }
+  }, [children, iconRef]);
+  return /* @__PURE__ */ jsx(ChipContext.Provider, { value, children: /* @__PURE__ */ jsx(Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsx(StyledContainer, { "data-size": size, onClick: () => {
+    if (!disabled) {
+      setIsActive(!isActive);
+      onClick?.(!isActive);
+    }
+  }, className, "data-active": isActive, "data-testid": dataTestId, alignItems: "center", justifyContent: "center", "data-disabled": disabled, "data-prominence": prominence, direction: "row", gap: 1, ref: chipRef, "data-trailing-icon": hasTrailingIcon, children }) }) });
+};
+Chip.Icon = ChipIcon;
+export {
+  Chip
+};

package/dist/components/DateInput/index.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const react = require("@emotion/react");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const React = require("react");
 const DatePicker = require("react-datepicker");
 const index$3 = require("../Button/index.cjs");
@@ -169,7 +169,7 @@ const DateInput = ({
   const valueFormat = selectsRange ? `${valueStart} ${valueEnd}` : format(value);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.Global, { styles: datepicker }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ReactDatePicker, { required, "data-testid": dataTestId, className, autoFocus, fixedHeight: true, name, locale: localeCode, onBlur, onChange, onFocus, selected: value && !selectsRange ? new Date(value) : void 0, selectsRange, excludeDates, showPopperArrow: false, popperPlacement: "bottom-start", customInput: /* @__PURE__ */ jsxRuntime.jsx(index$1.TextInputV2, { error, success, helper, id: localId, label, labelDescription, value: valueFormat, disabled, size, suffix: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarRangeIcon, { sentiment: "neutral", disabled }), readOnly, tooltip }), disabled, calendarClassName: "calendar", minDate, maxDate, startDate, endDate, showMonthYearPicker, dateFormat: showMonthYearPicker ? "MM/yyyy" : void 0, renderCustomHeader: ({
+    /* @__PURE__ */ jsxRuntime.jsx(StyledWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ReactDatePicker, { required, "data-testid": dataTestId, className, autoFocus, fixedHeight: true, name, locale: localeCode, onBlur, onChange, onFocus, selected: value && !selectsRange ? new Date(value) : void 0, selectsRange, excludeDates, showPopperArrow: false, popperPlacement: "bottom-start", customInput: /* @__PURE__ */ jsxRuntime.jsx(index$1.TextInputV2, { error, success, helper, id: localId, label, labelDescription, value: valueFormat, disabled, size, suffix: /* @__PURE__ */ jsxRuntime.jsx(Icon.CalendarRangeIcon, { sentiment: "neutral", disabled }), readOnly, tooltip }), disabled, calendarClassName: "calendar", minDate, maxDate, startDate, endDate, showMonthYearPicker, dateFormat: showMonthYearPicker ? "MM/yyyy" : void 0, renderCustomHeader: ({
       date,
       /* eslint-disable-next-line @typescript-eslint/unbound-method */
       decreaseMonth,

package/dist/components/List/HeaderCell.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const index = require("../Tooltip/index.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledSortIcon = /* @__PURE__ */ _styled__default.default(icons.SouthShortIcon, process.env.NODE_ENV === "production" ? {
+const StyledSortIcon = /* @__PURE__ */ _styled__default.default(Icon.SouthShortIcon, process.env.NODE_ENV === "production" ? {
   shouldForwardProp: (prop) => !["order"].includes(prop),
   target: "e1q5cnom1"
 } : {
@@ -18,7 +18,7 @@ const StyledSortIcon = /* @__PURE__ */ _styled__default.default(icons.SouthShort
 }) => order === "ascending" ? "rotate(-180deg)" : "none", ";transition:transform 0.2s ease-in-out;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpc3QvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7XG4gIEluZm9ybWF0aW9uSWNvbixcbiAgU29ydEljb24gYXMgU29ydEljb25VVixcbiAgU291dGhTaG9ydEljb24sXG59IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgU3R5bGVkU29ydEljb24gPSBzdHlsZWQoU291dGhTaG9ydEljb24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnb3JkZXInXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgb3JkZXI6ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0+YFxuICB0cmFuc2Zvcm06ICR7KHsgb3JkZXIgfSkgPT4gKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdyb3RhdGUoLTE4MGRlZyknIDogJ25vbmUnKX07XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuYFxuXG5jb25zdCBTb3J0SWNvbiA9ICh7IG9yZGVyIH06IHsgb3JkZXI/OiAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJyB9KSA9PlxuICBvcmRlciA/IChcbiAgICA8U3R5bGVkU29ydEljb24gb3JkZXI9e29yZGVyfSBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgLz5cbiAgKSA6IChcbiAgICA8U29ydEljb25VViBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgLz5cbiAgKVxuXG5jb25zdCBTdHlsZWRIZWFkZXJDZWxsID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsLmZvbnRTaXplfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwud2VpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGwuZm9udEZhbWlseX07XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHR9O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuXG4gICZbYXJpYS1zb3J0XSB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gIH1cbmBcblxudHlwZSBIZWFkZXJDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGlzT3JkZXJlZD86IGJvb2xlYW5cbiAgb3JkZXJEaXJlY3Rpb24/OiAnYXNjJyB8ICdkZXNjJyB8ICdub25lJ1xuICBvbk9yZGVyPzogKG5ld09yZGVyOiAnYXNjJyB8ICdkZXNjJykgPT4gdm9pZFxuICBpbmZvPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGlzT3JkZXJlZCxcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIG9uT3JkZXIsXG4gIGNsYXNzTmFtZSxcbiAgaW5mbyxcbn06IEhlYWRlckNlbGxQcm9wcykgPT4ge1xuICBsZXQgb3JkZXI6IHVuZGVmaW5lZCB8ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnXG4gIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdhc2MnKSB7XG4gICAgb3JkZXIgPSAnYXNjZW5kaW5nJ1xuICB9IGVsc2UgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2Rlc2MnKSB7XG4gICAgb3JkZXIgPSAnZGVzY2VuZGluZydcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9yZGVyID0gb25PcmRlclxuICAgID8gKCkgPT4gb25PcmRlcihvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAnZGVzYycgOiAnYXNjJylcbiAgICA6IHVuZGVmaW5lZFxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEhlYWRlckNlbGxcbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtpbmZvID8gKFxuICAgICAgICA8VG9vbHRpcCB0ZXh0PXtpbmZvfT5cbiAgICAgICAgICA8SW5mb3JtYXRpb25JY29uIHNpemU9XCJsYXJnZVwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgc2VudGltZW50PVwibmV1dHJhbFwiIC8+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICkgOiBudWxsfVxuICAgICAge29yZGVyRGlyZWN0aW9uICE9PSB1bmRlZmluZWQgJiYgaXNPcmRlcmVkICE9PSB1bmRlZmluZWQgPyAoXG4gICAgICAgIDxTb3J0SWNvbiBvcmRlcj17b3JkZXJ9IC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
 const SortIcon = ({
   order
-}) => order ? /* @__PURE__ */ jsxRuntime.jsx(StyledSortIcon, { order, sentiment: "primary" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.SortIcon, { sentiment: "neutral" });
+}) => order ? /* @__PURE__ */ jsxRuntime.jsx(StyledSortIcon, { order, sentiment: "primary" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.SortIcon, { sentiment: "neutral" });
 const StyledHeaderCell = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1q5cnom0"
 } : {
@@ -61,7 +61,7 @@ const HeaderCell = ({
     }
   } : void 0, role: onOrder ? "button columnheader" : void 0, tabIndex: handleOrder ? 0 : -1, children: [
     children,
-    info ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: info, children: /* @__PURE__ */ jsxRuntime.jsx(icons.InformationIcon, { size: "large", prominence: "weak", sentiment: "neutral" }) }) : null,
+    info ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: info, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.InformationIcon, { size: "large", prominence: "weak", sentiment: "neutral" }) }) : null,
     orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { order }) : null
   ] });
 };

package/dist/components/NumberInputV2/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const React = require("react");
 const index$4 = require("../Button/index.cjs");
 const index$1 = require("../Row/index.cjs");
@@ -213,7 +213,7 @@ const NumberInputV2 = React.forwardRef(({
     label || labelDescription ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: "1", alignItems: "center", children: [
       label ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: "0.5", alignItems: "start", children: [
         /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "label", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment: "neutral", htmlFor: id ?? localId, prominence: "strong", children: label }),
-        required ? /* @__PURE__ */ jsxRuntime.jsx(icons.AsteriskIcon, { sentiment: "danger", size: 8 }) : null
+        required ? /* @__PURE__ */ jsxRuntime.jsx(Icon.AsteriskIcon, { sentiment: "danger", size: 8 }) : null
       ] }) : null,
       labelDescription ?? null
     ] }) : null,

package/dist/components/RadioGroup/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const React = require("react");
 const index$2 = require("../Radio/index.cjs");
 const index = require("../Stack/index.cjs");
@@ -53,7 +53,7 @@ const FieldSet = /* @__PURE__ */ _styled__default.default("fieldset", process.en
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1JhZGlvR3JvdXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUmFkaW9Hcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFzdGVyaXNrSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7XG4gIHR5cGUgQ29tcG9uZW50UHJvcHMsXG4gIHR5cGUgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgdHlwZSBSZWFjdE5vZGUsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUmFkaW8gfSBmcm9tICcuLi9SYWRpbydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxudHlwZSBSYWRpb0dyb3VwQ29udGV4dFR5cGUgPSB7XG4gIGdyb3VwTmFtZTogc3RyaW5nXG4gIGdyb3VwVmFsdWU6IHN0cmluZyB8IG51bWJlclxufSAmIFJlcXVpcmVkPFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ29uQ2hhbmdlJz4+ICZcbiAgUGljazxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAncmVxdWlyZWQnPlxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8UmFkaW9Hcm91cENvbnRleHRUeXBlIHwgdW5kZWZpbmVkPihcbiAgdW5kZWZpbmVkLFxuKVxuXG50eXBlIFJhZGlvR3JvdXBSYWRpb1Byb3BzID0gT21pdDxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIFJhZGlvPixcbiAgJ29uQ2hhbmdlJyB8ICdjaGVja2VkJyB8ICdyZXF1aXJlZCdcbj4gJiB7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCB5b3UgZG9uJ3QgbmVlZCB0byB1c2UgYG5hbWVgIGFueW1vcmUsIHRoZSBuYW1lIHdpbGwgYmUgcGFzc2VkIGZyb20gdGhlIHBhcmVudCBgUmFkaW9Hcm91cGAuXG4gICAqL1xuICBuYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IFJhZGlvR3JvdXBSYWRpbyA9ICh7XG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgZGlzYWJsZWQsXG4gIGVycm9yLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgbGFiZWwsXG4gIGhlbHBlcixcbiAgY2xhc3NOYW1lLFxuICBhdXRvRm9jdXMsXG4gIG9uS2V5RG93bixcbiAgdG9vbHRpcCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFJhZGlvR3JvdXBSYWRpb1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFJhZGlvR3JvdXBDb250ZXh0KVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcignUmFkaW9Hcm91cC5SYWRpbyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIFJhZGlvR3JvdXAnKVxuICB9XG5cbiAgY29uc3QgeyBncm91cE5hbWUsIG9uQ2hhbmdlLCBncm91cFZhbHVlIH0gPSBjb250ZXh0XG5cbiAgcmV0dXJuIChcbiAgICA8UmFkaW9cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgIGNoZWNrZWQ9e2dyb3VwVmFsdWUgPT09IHZhbHVlfVxuICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZXJyb3I9e2Vycm9yfVxuICAgICAgbmFtZT17Z3JvdXBOYW1lID8/IG5hbWV9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgICBoZWxwZXI9e2hlbHBlcn1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgYXV0b0ZvY3VzPXthdXRvRm9jdXN9XG4gICAgICBvbktleURvd249e29uS2V5RG93bn1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgdG9vbHRpcD17dG9vbHRpcH1cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IEZpZWxkU2V0ID0gc3R5bGVkLmZpZWxkc2V0YFxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgU3R5bGVkUmVxdWlyZWRJY29uID0gc3R5bGVkKEFzdGVyaXNrSWNvbilgXG4gIHZlcnRpY2FsLWFsaWduOiBzdXBlcjtcbmBcblxudHlwZSBSYWRpb0dyb3VwUHJvcHMgPSB7XG4gIGxlZ2VuZDogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmcgfCBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICBlcnJvcj86IFJlYWN0Tm9kZVxuICBkaXJlY3Rpb24/OiAncm93JyB8ICdjb2x1bW4nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBSZXF1aXJlZDxQaWNrPElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdvbkNoYW5nZScgfCAnbmFtZSc+PiAmXG4gIFBpY2s8SW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgJ3JlcXVpcmVkJz5cblxuLyoqXG4gKiBSYWRpb0dyb3VwIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBvbmUgb3B0aW9uIGZyb20gYSBsaXN0IG9mIG9wdGlvbnMgdXNpbmcgcmFkaW8uXG4gKi9cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgbGVnZW5kLFxuICB2YWx1ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWxwZXIsXG4gIGVycm9yLFxuICBkaXJlY3Rpb24gPSAnY29sdW1uJyxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBuYW1lLFxuICByZXF1aXJlZCA9IGZhbHNlLFxufTogUmFkaW9Hcm91cFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGdyb3VwTmFtZTogbmFtZSxcbiAgICAgIGdyb3VwVmFsdWU6IHZhbHVlLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICByZXF1aXJlZCxcbiAgICB9KSxcbiAgICBbbmFtZSwgdmFsdWUsIG9uQ2hhbmdlLCByZXF1aXJlZF0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxSYWRpb0dyb3VwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8RmllbGRTZXQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgICAgIDxTdGFjayBnYXA9ezEuNX0+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBhcz1cImxlZ2VuZFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJzdHJvbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGVnZW5kfSZuYnNwO1xuICAgICAgICAgICAgICB7cmVxdWlyZWQgPyAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZFJlcXVpcmVkSWNvbiBzZW50aW1lbnQ9XCJkYW5nZXJcIiBzaXplPXs4fSAvPlxuICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxTdGFja1xuICAgICAgICAgICAgICBnYXA9e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbicgPyAxIDogMn1cbiAgICAgICAgICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzdGFydFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU3RhY2s+XG4gICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgPC9GaWVsZFNldD5cbiAgICAgICAge2hlbHBlciA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoZWxwZXJ9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHZhcmlhbnQ9XCJjYXB0aW9uXCIgc2VudGltZW50PVwiZGFuZ2VyXCI+XG4gICAgICAgICAgICB7ZXJyb3J9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9SYWRpb0dyb3VwQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5SYWRpb0dyb3VwLlJhZGlvID0gUmFkaW9Hcm91cFJhZGlvXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledRequiredIcon = /* @__PURE__ */ _styled__default.default(icons.AsteriskIcon, process.env.NODE_ENV === "production" ? {
+const StyledRequiredIcon = /* @__PURE__ */ _styled__default.default(Icon.AsteriskIcon, process.env.NODE_ENV === "production" ? {
   target: "e15shfap0"
 } : {
   target: "e15shfap0",

package/dist/components/SelectInputV2/SearchBarDropdown.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const icons = require("@ultraviolet/icons");
+const Icon = require("@ultraviolet/icons");
 const React = require("react");
 const index = require("../TextInputV2/index.cjs");
 const SelectInputProvider = require("./SelectInputProvider.cjs");
@@ -109,6 +109,6 @@ const SearchBarDropdown = ({
       searchInputRef.current?.focus();
     }, 50);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { value: searchInput, onChange: (event) => handleChange(event.target.value), placeholder, onFocus: () => setSearchBarActive(true), onBlur: () => setSearchBarActive(false), "data-testid": "search-bar", prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchIcon, { size: "small", sentiment: "neutral" }), onKeyDown: (event) => handleKeyDown(event.key, searchInput), size: "medium", "aria-label": "search-bar", ref: searchInputRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { value: searchInput, onChange: (event) => handleChange(event.target.value), placeholder, onFocus: () => setSearchBarActive(true), onBlur: () => setSearchBarActive(false), "data-testid": "search-bar", prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon.SearchIcon, { size: "small", sentiment: "neutral" }), onKeyDown: (event) => handleKeyDown(event.key, searchInput), size: "medium", "aria-label": "search-bar", ref: searchInputRef });
 };
 exports.SearchBarDropdown = SearchBarDropdown;