@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

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

@@ -0,0 +1,7 @@
+export declare const errorText: string;
+export declare const innerCheckbox: string;
+export declare const checkMixedMark: string;
+export declare const icon: string;
+export declare const label: string;
+export declare const checkboxInput: string;
+export declare const checkboxContainer: string;

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.d.ts

@@ -3,7 +3,7 @@ import { Checkbox } from '../Checkbox';
 type CheckboxGroupCheckboxProps = Omit<ComponentProps<typeof Checkbox>, 'onChange' | 'checked'> & {
     value: string;
 };
-export declare const CheckboxGroupCheckbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, }: CheckboxGroupCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroupCheckbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, }: CheckboxGroupCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 type CheckboxGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;
@@ -15,12 +15,12 @@ type CheckboxGroupProps = {
     children: ReactNode;
     required?: boolean;
     description?: ReactNode;
-} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required'>;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'name'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required' | 'style'>;
 /**
  * CheckboxGroup is a component that groups a set of checkboxes together with a legend and helper/error text.
  */
 export declare const CheckboxGroup: {
-    ({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, }: CheckboxGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    Checkbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, }: CheckboxGroupCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ legend, legendDescription, value, className, helper, error, direction, children, onChange, name, description, required, style, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+    Checkbox: ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, }: CheckboxGroupCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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 { jsx, jsxs } from "react/jsx-runtime";
 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,
@@ -36,35 +20,40 @@ const CheckboxGroupCheckbox = ({
   autoFocus,
   "data-testid": dataTestId,
   required,
-  tooltip
+  tooltip,
+  style
 }) => {
   const context = useContext(CheckboxGroupContext);
   if (!context) {
-    throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
+    throw new Error(
+      "CheckboxGroup.Checkbox can only be used inside a CheckboxGroup"
+    );
   }
-  const {
-    groupName,
-    onChange,
-    groupValues,
-    error: errorContext
-  } = context;
+  const { groupName, onChange, groupValues, error: errorContext } = 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,
+      style,
+      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,
@@ -77,24 +66,61 @@ const CheckboxGroup = ({
   onChange,
   name,
   description,
-  required = false
+  required = false,
+  style
 }) => {
-  const contextValue = useMemo(() => ({
-    error: !!error,
-    groupName: name,
-    groupValues: value ?? [],
-    onChange,
-    required
-  }), [name, value, onChange, required, error]);
+  const contextValue = useMemo(
+    () => ({
+      error: !!error,
+      groupName: name,
+      groupValues: value ?? [],
+      onChange,
+      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: [
-      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
-      ] }) : null,
-      /* @__PURE__ */ jsx(Stack, { direction, gap: direction === "column" ? 1 : 2, children })
-    ] }) }),
-    helper ? /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
+    /* @__PURE__ */ jsx(
+      "fieldset",
+      {
+        className: `${className ? `${className} ` : ""}${fieldset}`,
+        style,
+        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
+          ] }) : null,
+          /* @__PURE__ */ jsx(Stack, { direction, gap: direction === "column" ? 1 : 2, children })
+        ] })
+      }
+    ),
+    helper ? /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "span",
+        prominence: "weak",
+        sentiment: "neutral",
+        variant: "caption",
+        children: helper
+      }
+    ) : null,
     error ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
   ] }) });
 };

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/ChipIcon.d.ts

@@ -9,5 +9,5 @@ type ChipIconType = {
     onClick?: () => void;
     'data-testid'?: string;
 };
-export declare const ChipIcon: ({ name, onClick, "data-testid": dataTestId, }: ChipIconType) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ChipIcon: ({ name, onClick, "data-testid": dataTestId, }: ChipIconType) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Chip/ChipIcon.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as Icon from "@ultraviolet/icons";
 import { useContext } from "react";
 import { ChipContext } from "./ChipContext.js";
@@ -13,21 +13,55 @@ const ChipIcon = ({
   if (!context) {
     throw new Error("Chip.Icon can only be used inside a Chip component");
   }
-  const {
-    disabled,
-    isActive,
-    iconRef
-  } = context;
+  const { disabled, isActive, iconRef } = context;
   const IconUsed = Icon[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
   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();
+    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"
+          }
+        )
       }
-    }, 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" }) });
+  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.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type ChipType = {
     children: ReactNode;
     size?: 'medium' | 'large';
@@ -7,16 +7,17 @@ type ChipType = {
     className?: string;
     'data-testid'?: string;
     onClick?: (active: boolean) => void;
+    style?: CSSProperties;
 };
 /**
  * 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;
+    ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, style, }: ChipType): import("react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "search" | "anchor" | "bold" | "sort" | "filter" | "address" | "italic" | "underline" | "drag" | "id" | "stop" | "view" | "send" | "email" | "arrowLeft" | "cancel" | "close" | "play" | "download" | "pen" | "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" | "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" | "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" | "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" | "closeCircle" | "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;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/Chip/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useMemo, useEffect } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
@@ -13,7 +13,8 @@ const Chip = ({
   active = false,
   className,
   "data-testid": dataTestId,
-  onClick
+  onClick,
+  style
 }) => {
   const [isActive, setIsActive] = useState(active);
   const [hasTrailingIcon, setTrailingIcon] = useState(false);
@@ -28,11 +29,10 @@ const Chip = ({
     }
     return "default";
   }, [isActive, disabled]);
-  const value = useMemo(() => ({
-    disabled,
-    iconRef,
-    isActive
-  }), [isActive, disabled, iconRef]);
+  const value = useMemo(
+    () => ({ disabled, iconRef, isActive }),
+    [isActive, disabled, iconRef]
+  );
   useEffect(() => {
     setIsActive(active);
   }, [active]);
@@ -46,12 +46,38 @@ const Chip = ({
       }
     }
   }, [children, iconRef]);
-  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);
+  return /* @__PURE__ */ jsx(ChipContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    Text,
+    {
+      as: "div",
+      style,
+      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);
+            }
+          },
+          ref: chipRef,
+          children
+        }
+      )
     }
-  }, ref: chipRef, children }) }) });
+  ) });
 };
 Chip.Icon = ChipIcon;
 export {

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

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 type CopyButtonProps = {
     size?: 'xsmall' | 'small' | 'medium' | 'large';
     value: string;
@@ -9,9 +10,10 @@ type CopyButtonProps = {
     'data-testid'?: string;
     children?: string;
     onCopy?: () => void;
+    style?: CSSProperties;
 };
 /**
  * CopyButton is a button that copies a given value to the clipboard.
  */
-export declare const CopyButton: ({ size, value, copyText, copiedText, sentiment, bordered, className, children, "data-testid": dataTestId, onCopy, }: CopyButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CopyButton: ({ size, value, copyText, copiedText, sentiment, bordered, className, children, "data-testid": dataTestId, onCopy, style, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CopyButton/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { CheckIcon, CopyContentIcon } from "@ultraviolet/icons";
 import useClipboard from "react-use-clipboard";
 import { Button } from "../Button/index.js";
@@ -14,18 +14,34 @@ const CopyButton = ({
   className,
   children,
   "data-testid": dataTestId,
-  onCopy
+  onCopy,
+  style
 }) => {
   const [isCopied, setCopied] = useClipboard(value, {
     successDuration: COPY_DURATION
   });
-  return /* @__PURE__ */ jsxs(Button, { "aria-label": "Copy", className, "data-testid": dataTestId, onClick: () => {
-    setCopied();
-    onCopy?.();
-  }, sentiment, size, tooltip: isCopied ? copiedText : copyText, type: "button", variant: !bordered ? "ghost" : "outlined", children: [
-    isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "aria-label": "Copy",
+      className,
+      "data-testid": dataTestId,
+      onClick: () => {
+        setCopied();
+        onCopy?.();
+      },
+      sentiment,
+      size,
+      style,
+      tooltip: isCopied ? copiedText : copyText,
+      type: "button",
+      variant: !bordered ? "ghost" : "outlined",
+      children: [
+        isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}),
+        children
+      ]
+    }
+  );
 };
 export {
   CopyButton

package/dist/components/DateInput/components/CalendarContent.d.ts

@@ -1 +1 @@
-export declare const CalendarContent: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CalendarContent: () => import("react/jsx-runtime").JSX.Element;