@luscii-healthtech/web-ui 62.0.1 → 62.0.3

package/dist/esm/components/ButtonGroup/ButtonGroup.js

@@ -1,16 +1,15 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import React__default from 'react';
 import { twMerge } from 'tailwind-merge';
 
-const ButtonGroup = React__default.forwardRef((_a, innerRef) => {
-  var { children, direction = "RTL", className } = _a, otherAttributes = __rest(_a, ["children", "direction", "className"]);
-  return jsx("div", Object.assign({ ref: innerRef }, otherAttributes, { className: twMerge(classNames("ui:flex ui:flex-row ui:items-center ui:gap-f_base", {
+const ButtonGroup = (_a) => {
+  var { ref, children, direction = "RTL", className } = _a, otherAttributes = __rest(_a, ["ref", "children", "direction", "className"]);
+  return jsx("div", Object.assign({ ref }, otherAttributes, { className: twMerge(classNames("ui:flex ui:flex-row ui:items-center ui:gap-f_base", {
     "ui:justify-end": direction === "RTL",
     "ui:justify-start": direction === "LTR"
   }), className), children }));
-});
+};
 
 export { ButtonGroup };
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/esm/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAwCO,MAAM,WAAA,GAAcA,cAAA,CAAM,UAAA,CAC/B,CACE,IACA,QAAA,KACe;AAFf,EAAA,IAAA,EAAE,QAAA,EAAU,SAAA,GAAY,KAAA,EAAO,WAAS,GAAA,EAAA,EAAK,eAAA,GAAe,MAAA,CAAA,EAAA,EAA5D,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,CAA8D,CAAA;AAG9D,EAAA,OACEC,GAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,GAAA,EAAK,QAAA,EAAQ,EACT,eAAA,EAAe,EACnB,SAAA,EAAW,OAAA,CACT,WAAW,mDAAA,EAAqD;AAAA,IAC9D,kBAAkB,SAAA,KAAc,KAAA;AAAA,IAChC,oBAAoB,SAAA,KAAc;AAAA,GACnC,CAAA,EACD,SAAS,CAAA,YAGF,CAAA,CAAA;AAGf,CAAC;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAwCO,MAAM,WAAA,GAAc,CAAC,EAAA,KAMQ;AANR,EAAA,IAAA,EAC1B,GAAA,EACA,QAAA,EACA,SAAA,GAAY,KAAA,EACZ,WAAS,GAAA,EAAA,EACN,eAAA,GAAe,MAAA,CAAA,IALQ,6CAM3B,CAAA;AACC,EAAA,OACEA,GAAA,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EACE,GAAA,EAAQ,EACJ,eAAA,EAAe,EACnB,SAAA,EAAW,OAAA,CACT,UAAA,CAAW,mDAAA,EAAqD;AAAA,IAC9D,kBAAkB,SAAA,KAAc,KAAA;AAAA,IAChC,oBAAoB,SAAA,KAAc;AAAA,GACnC,CAAA,EACD,SAAS,CAAA,YAGF,CAAA,CAAA;AAGf;;"}

package/dist/esm/components/ButtonV2/ButtonV2.js

@@ -7,9 +7,9 @@ import { Tooltip } from '../Tooltip/Tooltip.js';
 import { Spinner } from '../Spinner/Spinner.js';
 import { allowedColors, Text } from '../Text/Text.js';
 
-const ButtonV2 = React__default.forwardRef((_a, innerRef) => {
+const ButtonV2 = (_a) => {
   var _b, _c, _d, _e;
-  var { children, size = "medium", onClick, textColor, textHoverColor, leadingIcon, trailingIcon, isPending, className, title, dataTestId, type = "button", titleTooltipContainer } = _a, otherAttributes = __rest(_a, ["children", "size", "onClick", "textColor", "textHoverColor", "leadingIcon", "trailingIcon", "isPending", "className", "title", "dataTestId", "type", "titleTooltipContainer"]);
+  var { ref, children, size = "medium", onClick, textColor, textHoverColor, leadingIcon, trailingIcon, isPending, className, title, dataTestId, type = "button", titleTooltipContainer } = _a, otherAttributes = __rest(_a, ["ref", "children", "size", "onClick", "textColor", "textHoverColor", "leadingIcon", "trailingIcon", "isPending", "className", "title", "dataTestId", "type", "titleTooltipContainer"]);
   const disabled = (_b = otherAttributes.disabled) !== null && _b !== void 0 ? _b : false;
   const generatedId = React__default.useId();
   const buttonId = (_c = otherAttributes.id) !== null && _c !== void 0 ? _c : generatedId;
@@ -54,7 +54,7 @@ const ButtonV2 = React__default.forwardRef((_a, innerRef) => {
     "data-tip": true,
     "data-for": buttonTooltipId
   } : {};
-  const buttonComponent = jsxs("button", Object.assign({ ref: innerRef }, otherAttributes, { "aria-label": (_d = otherAttributes["aria-label"]) !== null && _d !== void 0 ? _d : !content && typeof title === "string" ? title : void 0, className: buttonClassName, type, onClick: handleClick, disabled: disabled || isPending, "aria-disabled": disabled, "aria-busy": isPending, "data-test-id": (_e = dataTestId !== null && dataTestId !== void 0 ? dataTestId : otherAttributes["data-test-id"]) !== null && _e !== void 0 ? _e : otherAttributes.id }, tooltipAttrs, { children: [leadingIcon && jsx(IconLayoutWrapper, { isInvisible: isPending, children: leadingIcon }), isPending && jsx("span", { className: "ui:absolute ui:left-1/2 ui:top-1/2 ui:-translate-x-1/2 ui:-translate-y-1/2 ui:transform ui:opacity-100", children: jsx(Spinner, { className: textColorClass }) }), content && jsx(Text, { variant: "strong", className: classNames({
+  const buttonComponent = jsxs("button", Object.assign({ ref }, otherAttributes, { "aria-label": (_d = otherAttributes["aria-label"]) !== null && _d !== void 0 ? _d : !content && typeof title === "string" ? title : void 0, className: buttonClassName, type, onClick: handleClick, disabled: disabled || isPending, "aria-disabled": disabled, "aria-busy": isPending, "data-test-id": (_e = dataTestId !== null && dataTestId !== void 0 ? dataTestId : otherAttributes["data-test-id"]) !== null && _e !== void 0 ? _e : otherAttributes.id }, tooltipAttrs, { children: [leadingIcon && jsx(IconLayoutWrapper, { isInvisible: isPending, children: leadingIcon }), isPending && jsx("span", { className: "ui:absolute ui:left-1/2 ui:top-1/2 ui:-translate-x-1/2 ui:-translate-y-1/2 ui:transform ui:opacity-100", children: jsx(Spinner, { className: textColorClass }) }), content && jsx(Text, { variant: "strong", className: classNames({
     "ui:opacity-[0.01]": isPending,
     "ui:group-hover:text-primary-dark": textHoverColor === "blue-900",
     "ui:group-hover:text-white": textHoverColor === "white"
@@ -63,7 +63,7 @@ const ButtonV2 = React__default.forwardRef((_a, innerRef) => {
     return jsxs(Tooltip.Root, { children: [jsx(Tooltip.Trigger, { asChild: true, id: buttonTooltipId, children: buttonComponent }), jsx(Tooltip.Content, { container: titleTooltipContainer, children: jsx(Tooltip.Text, { children: title }) })] });
   }
   return buttonComponent;
-});
+};
 function IconLayoutWrapper({ children, className, isInvisible }) {
   return jsx("span", { className: classNames(
     "ui:shrink-0",

package/dist/esm/components/ButtonV2/ButtonV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonV2.js","sources":["../../../../../../src/components/ButtonV2/ButtonV2.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ButtonV2.js","sources":["../../../../../../src/components/ButtonV2/ButtonV2.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ButtonV2/PrimaryButton.js

@@ -1,10 +1,11 @@
+import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import React__default from 'react';
 import { ButtonV2 } from './ButtonV2.js';
 
-const PrimaryButton = React__default.forwardRef((props, innerRef) => {
-  return jsx(ButtonV2, Object.assign({ ref: innerRef }, props, { className: classNames([
+const PrimaryButton = (_a) => {
+  var { ref } = _a, props = __rest(_a, ["ref"]);
+  return jsx(ButtonV2, Object.assign({ ref }, props, { className: classNames([
     "ui:text-white",
     "ui:bg-linear-to-r",
     "ui:gradient-blue",
@@ -12,7 +13,7 @@ const PrimaryButton = React__default.forwardRef((props, innerRef) => {
       "ui:hover:gradient-blue--hover": !props.disabled && !props.isPending
     }
   ], props.className), textColor: "white" }));
-});
+};
 
 export { PrimaryButton };
 //# sourceMappingURL=PrimaryButton.js.map

package/dist/esm/components/ButtonV2/PrimaryButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryButton.js","sources":["../../../../../../src/components/ButtonV2/PrimaryButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AASO,MAAM,aAAA,GAAgBA,cAAA,CAAM,UAAA,CACjC,CAAC,OAAoC,QAAA,KAAyB;AAC5D,EAAA,OACEC,GAAA,CAAC,QAAA,EAAQ,MAAA,CAAA,MAAA,CAAA,EACP,GAAA,EAAK,QAAA,EAAQ,EACT,KAAA,EAAK,EACT,SAAA,EAAW,UAAA,CACT;AAAA,IACE,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,MACE,+BAAA,EACE,CAAC,KAAA,CAAM,QAAA,IAAY,CAAC,KAAA,CAAM;AAAA;AAC7B,KAEH,KAAA,CAAM,SAAS,GAEjB,SAAA,EAAU,OAAA,EAAO,CAAA,CAAA;AAGvB,CAAC;;"}
+{"version":3,"file":"PrimaryButton.js","sources":["../../../../../../src/components/ButtonV2/PrimaryButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAMO,MAAM,aAAA,GAAgB,CAAC,EAAA,KAA+C;AAA/C,EAAA,IAAA,EAAE,KAAG,GAAA,EAAA,EAAK,QAAK,MAAA,CAAA,EAAA,EAAf,OAAiB,CAAA;AAC7C,EAAA,OACEA,GAAA,CAAC,QAAA,EAAQ,MAAA,CAAA,MAAA,CAAA,EACP,KAAQ,EACJ,KAAA,EAAK,EACT,SAAA,EAAW,UAAA,CACT;AAAA,IACE,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA;AAAA,MACE,+BAAA,EACE,CAAC,KAAA,CAAM,QAAA,IAAY,CAAC,KAAA,CAAM;AAAA;AAC7B,KAEH,KAAA,CAAM,SAAS,GAEjB,SAAA,EAAU,OAAA,EAAO,CAAA,CAAA;AAGvB;;"}

package/dist/esm/components/ButtonV2/PrimaryIconButton.js

@@ -1,16 +1,15 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
 import classNames from 'classnames';
 import { PrimaryButton } from './PrimaryButton.js';
 
-const PrimaryIconButton = React__default.forwardRef((props, innerRef) => {
-  const { children: icon, size = "medium", label } = props, rest = __rest(props, ["children", "size", "label"]);
-  return jsx(PrimaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
+const PrimaryIconButton = (props) => {
+  const { ref, children: icon, size = "medium", label } = props, rest = __rest(props, ["ref", "children", "size", "label"]);
+  return jsx(PrimaryButton, Object.assign({ ref }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
     "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
     "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large"
   }, props.className) }));
-});
+};
 
 export { PrimaryIconButton };
 //# sourceMappingURL=PrimaryIconButton.js.map

package/dist/esm/components/ButtonV2/PrimaryIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/PrimaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAMO,MAAM,iBAAA,GAAoBA,cAAA,CAAM,UAAA,CAGrC,CAAC,OAAwB,QAAA,KAAY;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAM,IAAA,GAAO,UAAU,KAAA,EAAK,GAAc,KAAA,EAAT,IAAA,GAAI,OAAK,KAAA,EAAtD,CAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAmD,CAAA;AAEzD,EAAA,OACEC,IAAC,aAAA,EAAa,MAAA,CAAA,MAAA,CAAA,EACZ,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA,IACE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAyC,IAAA,KAAS;AAAA,GACnD,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}
+{"version":3,"file":"PrimaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/PrimaryIconButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA0B;AAC1D,EAAA,MAAM,EAAE,GAAA,EAAK,QAAA,EAAU,IAAA,EAAM,IAAA,GAAO,UAAU,KAAA,EAAK,GAAc,KAAA,EAAT,IAAA,UAAS,KAAA,EAA3D,CAAA,OAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAwD,CAAA;AAE9D,EAAA,OACEA,GAAA,CAAC,aAAA,EAAa,MAAA,CAAA,MAAA,CAAA,EACZ,GAAA,EAAQ,EACJ,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA,IACE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAyC,IAAA,KAAS;AAAA,GACnD,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP;;"}

package/dist/esm/components/ButtonV2/SecondaryButton.js

@@ -1,12 +1,11 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import React__default from 'react';
 import { ButtonV2 } from './ButtonV2.js';
 
-const SecondaryButton = React__default.forwardRef((props, innerRef) => {
-  const { textColor = "primary", textHoverColor = "blue-900" } = props, rest = __rest(props, ["textColor", "textHoverColor"]);
-  return jsx(ButtonV2, Object.assign({ ref: innerRef }, rest, { className: classNames([
+const SecondaryButton = (props) => {
+  const { ref, textColor = "primary", textHoverColor = "blue-900" } = props, rest = __rest(props, ["ref", "textColor", "textHoverColor"]);
+  return jsx(ButtonV2, Object.assign({ ref }, rest, { className: classNames([
     `ui:text-${textColor}`,
     // Colors of any icons on the button
     "ui:bg-white",
@@ -15,7 +14,7 @@ const SecondaryButton = React__default.forwardRef((props, innerRef) => {
       "ui:hover:border-neutral-interactive ui:hover:bg-primary-background": !props.disabled
     }
   ], props.className), textColor, textHoverColor }));
-});
+};
 
 export { SecondaryButton };
 //# sourceMappingURL=SecondaryButton.js.map

package/dist/esm/components/ButtonV2/SecondaryButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryButton.js","sources":["../../../../../../src/components/ButtonV2/SecondaryButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAMO,MAAM,eAAA,GAAkBA,cAAA,CAAM,UAAA,CACnC,CAAC,OAAoB,QAAA,KAAY;AAC/B,EAAA,MAAM,EACJ,SAAA,GAAY,SAAA,EACZ,cAAA,GAAiB,UAAA,EAAU,GAEzB,KAAA,EADC,IAAA,GAAI,MAAA,CACL,KAAA,EAJE,CAAA,WAAA,EAAA,gBAAA,CAIL,CAAA;AAED,EAAA,OACEC,GAAA,CAAC,QAAA,EAAQ,MAAA,CAAA,MAAA,CAAA,EACP,GAAA,EAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EACR,SAAA,EAAW,UAAA,CACT;AAAA,IACE,WAAW,SAAS,CAAA,CAAA;AAAA;AAAA,IACpB,aAAA;AAAA,IACA,wCAAA;AAAA,IAEA;AAAA,MACE,oEAAA,EACE,CAAC,KAAA,CAAM;AAAA;AACV,KAEH,KAAA,CAAM,SAAS,GAEjB,SAAA,EACA,cAAA,EAA8B,CAAA,CAAA;AAGpC,CAAC;;"}
+{"version":3,"file":"SecondaryButton.js","sources":["../../../../../../src/components/ButtonV2/SecondaryButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAsB;AACpD,EAAA,MAAM,EACJ,GAAA,EACA,SAAA,GAAY,SAAA,EACZ,iBAAiB,UAAA,EAAU,GAEzB,KAAA,EADC,IAAA,GAAI,OACL,KAAA,EALE,CAAA,KAAA,EAAA,WAAA,EAAA,gBAAA,CAKL,CAAA;AAED,EAAA,OACEA,GAAA,CAAC,QAAA,EAAQ,MAAA,CAAA,MAAA,CAAA,EACP,KAAQ,EACJ,IAAA,EAAI,EACR,SAAA,EAAW,UAAA,CACT;AAAA,IACE,WAAW,SAAS,CAAA,CAAA;AAAA;AAAA,IACpB,aAAA;AAAA,IACA,wCAAA;AAAA,IAEA;AAAA,MACE,oEAAA,EACE,CAAC,KAAA,CAAM;AAAA;AACV,KAEH,KAAA,CAAM,SAAS,GAEjB,SAAA,EACA,cAAA,EAA8B,CAAA,CAAA;AAGpC;;"}

package/dist/esm/components/ButtonV2/SecondaryIconButton.js

@@ -1,16 +1,15 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
 import classNames from 'classnames';
 import { SecondaryButton } from './SecondaryButton.js';
 
-const SecondaryIconButton = React__default.forwardRef((props, innerRef) => {
-  const { children: icon, size = "medium", label } = props, rest = __rest(props, ["children", "size", "label"]);
-  return jsx(SecondaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
+const SecondaryIconButton = (props) => {
+  const { ref, children: icon, size = "medium", label } = props, rest = __rest(props, ["ref", "children", "size", "label"]);
+  return jsx(SecondaryButton, Object.assign({ ref }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
     "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
     "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large"
   }, props.className) }));
-});
+};
 
 export { SecondaryIconButton };
 //# sourceMappingURL=SecondaryIconButton.js.map

package/dist/esm/components/ButtonV2/SecondaryIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/SecondaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAMO,MAAM,mBAAA,GAAsBA,cAAA,CAAM,UAAA,CAGvC,CAAC,OAAwB,QAAA,KAAY;AACrC,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAM,IAAA,GAAO,UAAU,KAAA,EAAK,GAAc,KAAA,EAAT,IAAA,GAAI,OAAK,KAAA,EAAtD,CAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAmD,CAAA;AAEzD,EAAA,OACEC,IAAC,eAAA,EAAe,MAAA,CAAA,MAAA,CAAA,EACd,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA,IACE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAyC,IAAA,KAAS;AAAA,GACnD,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}
+{"version":3,"file":"SecondaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/SecondaryIconButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAA0B;AAC5D,EAAA,MAAM,EAAE,GAAA,EAAK,QAAA,EAAU,IAAA,EAAM,IAAA,GAAO,UAAU,KAAA,EAAK,GAAc,KAAA,EAAT,IAAA,UAAS,KAAA,EAA3D,CAAA,OAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAwD,CAAA;AAE9D,EAAA,OACEA,GAAA,CAAC,eAAA,EAAe,MAAA,CAAA,MAAA,CAAA,EACd,GAAA,EAAQ,EACJ,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA,IACE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAyC,IAAA,KAAS;AAAA,GACnD,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP;;"}

package/dist/esm/components/ButtonV2/TertiaryButton.js

@@ -1,17 +1,18 @@
+import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import React__default from 'react';
 import { ButtonV2 } from './ButtonV2.js';
 
-const TertiaryButton = React__default.forwardRef((props, innerRef) => {
-  return jsx(ButtonV2, Object.assign({ ref: innerRef }, props, { className: classNames([
+const TertiaryButton = (_a) => {
+  var { ref } = _a, props = __rest(_a, ["ref"]);
+  return jsx(ButtonV2, Object.assign({ ref }, props, { className: classNames([
     "ui:text-primary",
     "ui:border-transparent ui:bg-transparent ui:!shadow-none",
     {
       "ui:hover:bg-primary-background ui:hover:text-primary-dark": !props.disabled
     }
   ], props.className), textColor: "blue-800", textHoverColor: "blue-900" }));
-});
+};
 
 export { TertiaryButton };
 //# sourceMappingURL=TertiaryButton.js.map

package/dist/esm/components/ButtonV2/TertiaryButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TertiaryButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AAMO,MAAM,cAAA,GAAiBA,cAAA,CAAM,UAAA,CAClC,CAAC,OAAwB,QAAA,KAAyB;AAChD,EAAA,OACEC,GAAA,CAAC,QAAA,EAAQ,MAAA,CAAA,MAAA,CAAA,EACP,GAAA,EAAK,QAAA,EAAQ,EACT,KAAA,EAAK,EACT,SAAA,EAAW,UAAA,CACT;AAAA,IACE,iBAAA;AAAA,IACA,yDAAA;AAAA,IACA;AAAA,MACE,2DAAA,EACE,CAAC,KAAA,CAAM;AAAA;AACV,GACF,EACD,MAAM,SAAS,CAAA,EAEjB,WAAU,UAAA,EACV,cAAA,EAAe,UAAA,EAAU,CAAA,CAAA;AAG/B,CAAC;;"}
+{"version":3,"file":"TertiaryButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAMO,MAAM,cAAA,GAAiB,CAAC,EAAA,KAA+C;AAA/C,EAAA,IAAA,EAAE,KAAG,GAAA,EAAA,EAAK,QAAK,MAAA,CAAA,EAAA,EAAf,OAAiB,CAAA;AAC9C,EAAA,OACEA,GAAA,CAAC,QAAA,EAAQ,MAAA,CAAA,MAAA,CAAA,EACP,KAAQ,EACJ,KAAA,EAAK,EACT,SAAA,EAAW,UAAA,CACT;AAAA,IACE,iBAAA;AAAA,IACA,yDAAA;AAAA,IACA;AAAA,MACE,2DAAA,EACE,CAAC,KAAA,CAAM;AAAA;AACV,GACF,EACD,MAAM,SAAS,CAAA,EAEjB,WAAU,UAAA,EACV,cAAA,EAAe,UAAA,EAAU,CAAA,CAAA;AAG/B;;"}

package/dist/esm/components/ButtonV2/TertiaryIconButton.js

@@ -1,14 +1,13 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
 import classNames from 'classnames';
 import { TertiaryButton } from './TertiaryButton.js';
 
-const TertiaryIconButton = React__default.forwardRef((props, innerRef) => {
-  const { children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["children", "size", "label", "expand"]);
+const TertiaryIconButton = (props) => {
+  const { ref, children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["ref", "children", "size", "label", "expand"]);
   const expandX = expand === true || expand === "x";
   const expandY = expand === true || expand === "y";
-  return jsx(TertiaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
+  return jsx(TertiaryButton, Object.assign({ ref }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames({
     /**
      * Add horizontal padding and possibly undo it with negative margin.
      */
@@ -19,7 +18,7 @@ const TertiaryIconButton = React__default.forwardRef((props, innerRef) => {
     "ui:-my-[calc(theme('spacing.xxs')-1px)]": expandY && size === "medium",
     "ui:-my-[calc(theme('spacing.s')-1px)]": expandY && size === "large"
   }, props.className) }));
-});
+};
 
 export { TertiaryIconButton };
 //# sourceMappingURL=TertiaryIconButton.js.map

package/dist/esm/components/ButtonV2/TertiaryIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TertiaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryIconButton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;AAqBO,MAAM,kBAAA,GAAqBA,cAAA,CAAM,UAAA,CACtC,CAAC,OAAc,QAAA,KAAY;AACzB,EAAA,MAAM,EACJ,QAAA,EAAU,IAAA,EACV,OAAO,QAAA,EACP,KAAA,EACA,SAAS,KAAA,EAAK,GAEZ,KAAA,EADC,IAAA,UACD,KAAA,EANE,CAAA,YAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAML,CAAA;AAED,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAE9C,EAAA,OACEC,IAAC,cAAA,EAAc,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,QAAA,EAAQ,EACT,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA;AAAA;AAAA;AAAA,IAIE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,yCAAyC,IAAA,KAAS,OAAA;AAAA,IAClD,uCAAA,EACE,WAAW,IAAA,KAAS,OAAA;AAAA,IAEtB,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,uCAAA,EACE,WAAW,IAAA,KAAS;AAAA,GACvB,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP,CAAC;;"}
+{"version":3,"file":"TertiaryIconButton.js","sources":["../../../../../../src/components/ButtonV2/TertiaryIconButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAoBO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAgB;AACjD,EAAA,MAAM,EACJ,KACA,QAAA,EAAU,IAAA,EACV,OAAO,QAAA,EACP,KAAA,EACA,SAAS,KAAA,EAAK,GAEZ,OADC,IAAA,GAAI,MAAA,CACL,OAPE,CAAA,KAAA,EAAA,YAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAOL,CAAA;AAED,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,MAAA,KAAW,IAAA,IAAQ,MAAA,KAAW,GAAA;AAE9C,EAAA,OACEA,GAAA,CAAC,cAAA,EAAc,MAAA,CAAA,MAAA,CAAA,EACb,GAAA,EAAQ,EACJ,IAAA,EAAI,EAAA,cACI,KAAA,EACZ,IAAA,EACA,WAAA,EAAa,IAAA,EACb,WAAW,UAAA,CACT;AAAA;AAAA;AAAA;AAAA,IAIE,2CAA2C,IAAA,KAAS,QAAA;AAAA,IACpD,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,yCAAyC,IAAA,KAAS,OAAA;AAAA,IAClD,uCAAA,EAAyC,WAAW,IAAA,KAAS,OAAA;AAAA,IAE7D,yCAAA,EACE,WAAW,IAAA,KAAS,QAAA;AAAA,IAEtB,uCAAA,EAAyC,WAAW,IAAA,KAAS;AAAA,GAC9D,EACD,KAAA,CAAM,SAAS,CAAA,EAChB,CAAA,CAAA;AAGP;;"}

package/dist/esm/components/DragHandle/DragHandle.js

@@ -1,11 +1,10 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 import classNames from 'classnames';
 import { Icon } from '../Icon/Icon.js';
 
-const DragHandle = forwardRef((_a, ref) => {
-  var { dataTestId, className: classes, grabbing, disabled = false, label = "Drag to reorder" } = _a, props = __rest(_a, ["dataTestId", "className", "grabbing", "disabled", "label"]);
+const DragHandle = (_a) => {
+  var { ref, dataTestId, className: classes, grabbing, disabled = false, label = "Drag to reorder" } = _a, props = __rest(_a, ["ref", "dataTestId", "className", "grabbing", "disabled", "label"]);
   const className = classNames(classes, "ui:py-2 ui:focus:outline-primary", {
     "ui:cursor-grab": !grabbing && !disabled,
     "ui:cursor-grabbing ui:shadow-sm ui:bg-slate-200": grabbing && !disabled,
@@ -13,7 +12,7 @@ const DragHandle = forwardRef((_a, ref) => {
     "ui:cursor-not-allowed": disabled
   });
   return jsx("button", Object.assign({ ref, "aria-label": label }, props, { tabIndex: 0, className, "data-test-id": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "dragHandle", children: jsx(Icon, { name: "DragIndicatorIcon", className: disabled ? "ui:text-slate-300" : "ui:text-slate-400" }) }));
-});
+};
 
 export { DragHandle as default };
 //# sourceMappingURL=DragHandle.js.map

package/dist/esm/components/DragHandle/DragHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.js","sources":["../../../../../../src/components/DragHandle/DragHandle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOA,MAAM,UAAA,GAAa,UAAA,CACjB,CACE,EAAA,EAQA,GAAA,KACE;MATF,EACE,YACA,SAAA,EAAW,OAAA,EACX,UACA,QAAA,GAAW,KAAA,EACX,QAAQ,iBAAA,EAAiB,GAAA,IACtB,KAAA,GAAK,MAAA,CAAA,IANV,4DAOC,CAAA;AAGD,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,OAAA,EAAS,kCAAA,EAAoC;AAAA,IACxE,gBAAA,EAAkB,CAAC,QAAA,IAAY,CAAC,QAAA;AAAA,IAChC,iDAAA,EAAmD,YAAY,CAAC,QAAA;AAAA,IAChE,qFACE,CAAC,QAAA;AAAA,IACH,uBAAA,EAAyB;AAAA,GAC1B,CAAA;AAED,EAAA,OACEA,GAAA,2BACE,GAAA,EAAQ,YAAA,EACI,KAAA,IACR,OAAK,EACT,QAAA,EAAU,CAAA,EACV,SAAA,EAAoB,gBACN,UAAA,KAAU,IAAA,IAAV,UAAA,KAAU,MAAA,GAAV,UAAA,GAAc,YAAA,EAAY,QAAA,EAExCA,GAAA,CAAC,MAAI,EACH,IAAA,EAAK,mBAAA,EACL,SAAA,EAAW,WAAW,mBAAA,GAAsB,mBAAA,EAAmB,CAAA,EAC/D,CAAA,CAAA;AAGR,CAAC;;"}
+{"version":3,"file":"DragHandle.js","sources":["../../../../../../src/components/DragHandle/DragHandle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,UAAA,GAAa,CAAC,EAAA,KAQE;MARF,EAClB,KACA,UAAA,EACA,SAAA,EAAW,SACX,QAAA,EACA,QAAA,GAAW,KAAA,EACX,KAAA,GAAQ,iBAAA,SACL,KAAA,GAAK,MAAA,CAAA,IAPU,CAAA,KAAA,EAAA,cAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAQnB,CAAA;AACC,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,OAAA,EAAS,kCAAA,EAAoC;AAAA,IACxE,gBAAA,EAAkB,CAAC,QAAA,IAAY,CAAC,QAAA;AAAA,IAChC,iDAAA,EAAmD,YAAY,CAAC,QAAA;AAAA,IAChE,qFACE,CAAC,QAAA;AAAA,IACH,uBAAA,EAAyB;AAAA,GAC1B,CAAA;AAED,EAAA,OACEA,GAAA,2BACE,GAAA,EAAQ,YAAA,EACI,KAAA,IACR,OAAK,EACT,QAAA,EAAU,CAAA,EACV,SAAA,EAAoB,gBACN,UAAA,KAAU,IAAA,IAAV,UAAA,KAAU,MAAA,GAAV,UAAA,GAAc,YAAA,EAAY,QAAA,EAExCA,GAAA,CAAC,MAAI,EACH,IAAA,EAAK,mBAAA,EACL,SAAA,EAAW,WAAW,mBAAA,GAAsB,mBAAA,EAAmB,CAAA,EAC/D,CAAA,CAAA;AAGR;;"}

package/dist/esm/components/DropdownTrigger/DropdownTrigger.js

@@ -1,6 +1,5 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React__default from 'react';
 import classNames from 'classnames';
 import { isNil } from 'lodash-es';
 import { Box } from '../Box/Box.js';
@@ -76,8 +75,8 @@ const disabledClasses = {
     "ui:disabled:text-text-neutral-secondary-disabled"
   ]
 };
-const DropdownTrigger = React__default.forwardRef((_a, ref) => {
-  var { variant = "primary", children, placeholder, leadingIcon, trailingIcon, width, className, type = "button" } = _a, otherAttributes = __rest(_a, ["variant", "children", "placeholder", "leadingIcon", "trailingIcon", "width", "className", "type"]);
+const DropdownTrigger = (_a) => {
+  var { ref, variant = "primary", children, placeholder, leadingIcon, trailingIcon, width, className, type = "button" } = _a, otherAttributes = __rest(_a, ["ref", "variant", "children", "placeholder", "leadingIcon", "trailingIcon", "width", "className", "type"]);
   const isFilled = hasValue(children);
   return jsxs(Box, Object.assign({ as: "button", ref, type, width, className: classNames(baseClasses, isFilled ? filledClasses : defaultClasses[variant], hoveredClasses[variant], pressedClasses, focusClasses, disabledClasses[variant], className) }, otherAttributes, { children: [jsxs("span", { className: "ui:flex ui:min-w-0 ui:flex-1 ui:items-center ui:gap-f_base", children: [leadingIcon && jsx(IconWrapper, { children: leadingIcon }), jsx(Text, {
     variant: "body-base-regular",
@@ -90,8 +89,7 @@ const DropdownTrigger = React__default.forwardRef((_a, ref) => {
     className: "ui:min-w-0 ui:truncate ui:leading-(--ui-semantic-size-lg)",
     children: isFilled ? children : placeholder
   }), trailingIcon && jsx(IconWrapper, { children: trailingIcon })] }), jsx(IconWrapper, { isChevron: true, children: jsx(ChevronDoubleIcon, { "aria-hidden": true }) })] }));
-});
-DropdownTrigger.displayName = "DropdownTrigger";
+};
 const IconWrapper = ({ children, isChevron = false }) => jsx("span", { className: classNames("ui:inline-flex ui:shrink-0 ui:text-icon-neutral-primary-default", { "ui:group-disabled:text-icon-neutral-primary-disabled": isChevron }), children });
 
 export { DropdownTrigger };

package/dist/esm/components/DropdownTrigger/DropdownTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.js","sources":["../../../../../../src/components/DropdownTrigger/DropdownTrigger.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DropdownTrigger.js","sources":["../../../../../../src/components/DropdownTrigger/DropdownTrigger.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/index.development.js

@@ -1449,9 +1449,9 @@ const Spinner = (props) => {
   return jsxRuntime.jsxs("svg", { className: `ui:h-5 ui:w-5 ui:animate-spin ${props.className}`, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsxRuntime.jsx("circle", { className: "ui:opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.jsx("path", { className: "ui:opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] });
 };
 
-const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
+const ButtonV2 = (_a) => {
   var _b, _c, _d, _e;
-  var { children, size = "medium", onClick, textColor, textHoverColor, leadingIcon, trailingIcon, isPending, className, title, dataTestId, type = "button", titleTooltipContainer } = _a, otherAttributes = __rest(_a, ["children", "size", "onClick", "textColor", "textHoverColor", "leadingIcon", "trailingIcon", "isPending", "className", "title", "dataTestId", "type", "titleTooltipContainer"]);
+  var { ref, children, size = "medium", onClick, textColor, textHoverColor, leadingIcon, trailingIcon, isPending, className, title, dataTestId, type = "button", titleTooltipContainer } = _a, otherAttributes = __rest(_a, ["ref", "children", "size", "onClick", "textColor", "textHoverColor", "leadingIcon", "trailingIcon", "isPending", "className", "title", "dataTestId", "type", "titleTooltipContainer"]);
   const disabled = (_b = otherAttributes.disabled) !== null && _b !== void 0 ? _b : false;
   const generatedId = React__namespace.default.useId();
   const buttonId = (_c = otherAttributes.id) !== null && _c !== void 0 ? _c : generatedId;
@@ -1496,7 +1496,7 @@ const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
     "data-tip": true,
     "data-for": buttonTooltipId
   } : {};
-  const buttonComponent = jsxRuntime.jsxs("button", Object.assign({ ref: innerRef }, otherAttributes, { "aria-label": (_d = otherAttributes["aria-label"]) !== null && _d !== void 0 ? _d : !content && typeof title === "string" ? title : void 0, className: buttonClassName, type, onClick: handleClick, disabled: disabled || isPending, "aria-disabled": disabled, "aria-busy": isPending, "data-test-id": (_e = dataTestId !== null && dataTestId !== void 0 ? dataTestId : otherAttributes["data-test-id"]) !== null && _e !== void 0 ? _e : otherAttributes.id }, tooltipAttrs, { children: [leadingIcon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: leadingIcon }), isPending && jsxRuntime.jsx("span", { className: "ui:absolute ui:left-1/2 ui:top-1/2 ui:-translate-x-1/2 ui:-translate-y-1/2 ui:transform ui:opacity-100", children: jsxRuntime.jsx(Spinner, { className: textColorClass }) }), content && jsxRuntime.jsx(Text, { variant: "strong", className: classNames__default.default({
+  const buttonComponent = jsxRuntime.jsxs("button", Object.assign({ ref }, otherAttributes, { "aria-label": (_d = otherAttributes["aria-label"]) !== null && _d !== void 0 ? _d : !content && typeof title === "string" ? title : void 0, className: buttonClassName, type, onClick: handleClick, disabled: disabled || isPending, "aria-disabled": disabled, "aria-busy": isPending, "data-test-id": (_e = dataTestId !== null && dataTestId !== void 0 ? dataTestId : otherAttributes["data-test-id"]) !== null && _e !== void 0 ? _e : otherAttributes.id }, tooltipAttrs, { children: [leadingIcon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: leadingIcon }), isPending && jsxRuntime.jsx("span", { className: "ui:absolute ui:left-1/2 ui:top-1/2 ui:-translate-x-1/2 ui:-translate-y-1/2 ui:transform ui:opacity-100", children: jsxRuntime.jsx(Spinner, { className: textColorClass }) }), content && jsxRuntime.jsx(Text, { variant: "strong", className: classNames__default.default({
     "ui:opacity-[0.01]": isPending,
     "ui:group-hover:text-primary-dark": textHoverColor === "blue-900",
     "ui:group-hover:text-white": textHoverColor === "white"
@@ -1505,7 +1505,7 @@ const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
     return jsxRuntime.jsxs(Tooltip.Root, { children: [jsxRuntime.jsx(Tooltip.Trigger, { asChild: true, id: buttonTooltipId, children: buttonComponent }), jsxRuntime.jsx(Tooltip.Content, { container: titleTooltipContainer, children: jsxRuntime.jsx(Tooltip.Text, { children: title }) })] });
   }
   return buttonComponent;
-});
+};
 function IconLayoutWrapper({ children, className, isInvisible }) {
   return jsxRuntime.jsx("span", { className: classNames__default.default(
     "ui:shrink-0",
@@ -1523,15 +1523,16 @@ function IconLayoutWrapper({ children, className, isInvisible }) {
   ), children });
 }
 
-const TertiaryButton = React__namespace.default.forwardRef((props, innerRef) => {
-  return jsxRuntime.jsx(ButtonV2, Object.assign({ ref: innerRef }, props, { className: classNames__default.default([
+const TertiaryButton = (_a) => {
+  var { ref } = _a, props = __rest(_a, ["ref"]);
+  return jsxRuntime.jsx(ButtonV2, Object.assign({ ref }, props, { className: classNames__default.default([
     "ui:text-primary",
     "ui:border-transparent ui:bg-transparent ui:!shadow-none",
     {
       "ui:hover:bg-primary-background ui:hover:text-primary-dark": !props.disabled
     }
   ], props.className), textColor: "blue-800", textHoverColor: "blue-900" }));
-});
+};
 
 const ModalHeader = (props) => {
   var _a;
@@ -1865,8 +1866,9 @@ const Badge = (props) => {
   return jsxRuntime.jsx("div", { className: containerClasses, children: jsxRuntime.jsx("span", { className: textClasses, children: props.children }) });
 };
 
-const PrimaryButton = React__namespace.default.forwardRef((props, innerRef) => {
-  return jsxRuntime.jsx(ButtonV2, Object.assign({ ref: innerRef }, props, { className: classNames__default.default([
+const PrimaryButton = (_a) => {
+  var { ref } = _a, props = __rest(_a, ["ref"]);
+  return jsxRuntime.jsx(ButtonV2, Object.assign({ ref }, props, { className: classNames__default.default([
     "ui:text-white",
     "ui:bg-linear-to-r",
     "ui:gradient-blue",
@@ -1874,11 +1876,11 @@ const PrimaryButton = React__namespace.default.forwardRef((props, innerRef) => {
       "ui:hover:gradient-blue--hover": !props.disabled && !props.isPending
     }
   ], props.className), textColor: "white" }));
-});
+};
 
-const SecondaryButton = React__namespace.default.forwardRef((props, innerRef) => {
-  const { textColor = "primary", textHoverColor = "blue-900" } = props, rest = __rest(props, ["textColor", "textHoverColor"]);
-  return jsxRuntime.jsx(ButtonV2, Object.assign({ ref: innerRef }, rest, { className: classNames__default.default([
+const SecondaryButton = (props) => {
+  const { ref, textColor = "primary", textHoverColor = "blue-900" } = props, rest = __rest(props, ["ref", "textColor", "textHoverColor"]);
+  return jsxRuntime.jsx(ButtonV2, Object.assign({ ref }, rest, { className: classNames__default.default([
     `ui:text-${textColor}`,
     // Colors of any icons on the button
     "ui:bg-white",
@@ -1887,29 +1889,29 @@ const SecondaryButton = React__namespace.default.forwardRef((props, innerRef) =>
       "ui:hover:border-neutral-interactive ui:hover:bg-primary-background": !props.disabled
     }
   ], props.className), textColor, textHoverColor }));
-});
+};
 
-const PrimaryIconButton = React__namespace.default.forwardRef((props, innerRef) => {
-  const { children: icon, size = "medium", label } = props, rest = __rest(props, ["children", "size", "label"]);
-  return jsxRuntime.jsx(PrimaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
+const PrimaryIconButton = (props) => {
+  const { ref, children: icon, size = "medium", label } = props, rest = __rest(props, ["ref", "children", "size", "label"]);
+  return jsxRuntime.jsx(PrimaryButton, Object.assign({ ref }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
     "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
     "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large"
   }, props.className) }));
-});
+};
 
-const SecondaryIconButton = React__namespace.default.forwardRef((props, innerRef) => {
-  const { children: icon, size = "medium", label } = props, rest = __rest(props, ["children", "size", "label"]);
-  return jsxRuntime.jsx(SecondaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
+const SecondaryIconButton = (props) => {
+  const { ref, children: icon, size = "medium", label } = props, rest = __rest(props, ["ref", "children", "size", "label"]);
+  return jsxRuntime.jsx(SecondaryButton, Object.assign({ ref }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
     "ui:px-[calc(var(--ui-spacing-xxs)-1px)]": size === "medium",
     "ui:px-[calc(var(--ui-spacing-s)-1px)]": size === "large"
   }, props.className) }));
-});
+};
 
-const TertiaryIconButton = React__namespace.default.forwardRef((props, innerRef) => {
-  const { children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["children", "size", "label", "expand"]);
+const TertiaryIconButton = (props) => {
+  const { ref, children: icon, size = "medium", label, expand = false } = props, rest = __rest(props, ["ref", "children", "size", "label", "expand"]);
   const expandX = expand === true || expand === "x";
   const expandY = expand === true || expand === "y";
-  return jsxRuntime.jsx(TertiaryButton, Object.assign({ ref: innerRef }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
+  return jsxRuntime.jsx(TertiaryButton, Object.assign({ ref }, rest, { "aria-label": label, size, leadingIcon: icon, className: classNames__default.default({
     /**
      * Add horizontal padding and possibly undo it with negative margin.
      */
@@ -1920,15 +1922,15 @@ const TertiaryIconButton = React__namespace.default.forwardRef((props, innerRef)
     "ui:-my-[calc(theme('spacing.xxs')-1px)]": expandY && size === "medium",
     "ui:-my-[calc(theme('spacing.s')-1px)]": expandY && size === "large"
   }, props.className) }));
-});
+};
 
-const ButtonGroup = React__namespace.default.forwardRef((_a, innerRef) => {
-  var { children, direction = "RTL", className } = _a, otherAttributes = __rest(_a, ["children", "direction", "className"]);
-  return jsxRuntime.jsx("div", Object.assign({ ref: innerRef }, otherAttributes, { className: tailwindMerge.twMerge(classNames__default.default("ui:flex ui:flex-row ui:items-center ui:gap-f_base", {
+const ButtonGroup = (_a) => {
+  var { ref, children, direction = "RTL", className } = _a, otherAttributes = __rest(_a, ["ref", "children", "direction", "className"]);
+  return jsxRuntime.jsx("div", Object.assign({ ref }, otherAttributes, { className: tailwindMerge.twMerge(classNames__default.default("ui:flex ui:flex-row ui:items-center ui:gap-f_base", {
     "ui:justify-end": direction === "RTL",
     "ui:justify-start": direction === "LTR"
   }), className), children }));
-});
+};
 
 function useIsScrollable() {
   const [element, setElement] = React.useState(null);
@@ -3015,8 +3017,8 @@ const disabledClasses = {
     "ui:disabled:text-text-neutral-secondary-disabled"
   ]
 };
-const DropdownTrigger = React__namespace.default.forwardRef((_a, ref) => {
-  var { variant = "primary", children, placeholder, leadingIcon, trailingIcon, width, className, type = "button" } = _a, otherAttributes = __rest(_a, ["variant", "children", "placeholder", "leadingIcon", "trailingIcon", "width", "className", "type"]);
+const DropdownTrigger = (_a) => {
+  var { ref, variant = "primary", children, placeholder, leadingIcon, trailingIcon, width, className, type = "button" } = _a, otherAttributes = __rest(_a, ["ref", "variant", "children", "placeholder", "leadingIcon", "trailingIcon", "width", "className", "type"]);
   const isFilled = hasValue(children);
   return jsxRuntime.jsxs(Box, Object.assign({ as: "button", ref, type, width, className: classNames__default.default(baseClasses, isFilled ? filledClasses : defaultClasses[variant], hoveredClasses[variant], pressedClasses, focusClasses, disabledClasses[variant], className) }, otherAttributes, { children: [jsxRuntime.jsxs("span", { className: "ui:flex ui:min-w-0 ui:flex-1 ui:items-center ui:gap-f_base", children: [leadingIcon && jsxRuntime.jsx(IconWrapper, { children: leadingIcon }), jsxRuntime.jsx(Text, {
     variant: "body-base-regular",
@@ -3029,8 +3031,7 @@ const DropdownTrigger = React__namespace.default.forwardRef((_a, ref) => {
     className: "ui:min-w-0 ui:truncate ui:leading-(--ui-semantic-size-lg)",
     children: isFilled ? children : placeholder
   }), trailingIcon && jsxRuntime.jsx(IconWrapper, { children: trailingIcon })] }), jsxRuntime.jsx(IconWrapper, { isChevron: true, children: jsxRuntime.jsx(ChevronDoubleIcon, { "aria-hidden": true }) })] }));
-});
-DropdownTrigger.displayName = "DropdownTrigger";
+};
 const IconWrapper = ({ children, isChevron = false }) => jsxRuntime.jsx("span", { className: classNames__default.default("ui:inline-flex ui:shrink-0 ui:text-icon-neutral-primary-default", { "ui:group-disabled:text-icon-neutral-primary-disabled": isChevron }), children });
 
 function cn(...inputs) {
@@ -5133,8 +5134,8 @@ const InstrumentCard = ({ type, title, category, meta, id, copyIdLabel = "Copy I
   }, className: "ui:relative ui:z-10 ui:flex ui:cursor-pointer ui:focus-visible:outline-primary", children: jsxRuntime.jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id }) })] })] }), count !== void 0 && jsxRuntime.jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsxRuntime.jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
 };
 
-const DragHandle = React.forwardRef((_a, ref) => {
-  var { dataTestId, className: classes, grabbing, disabled = false, label = "Drag to reorder" } = _a, props = __rest(_a, ["dataTestId", "className", "grabbing", "disabled", "label"]);
+const DragHandle = (_a) => {
+  var { ref, dataTestId, className: classes, grabbing, disabled = false, label = "Drag to reorder" } = _a, props = __rest(_a, ["ref", "dataTestId", "className", "grabbing", "disabled", "label"]);
   const className = classNames__default.default(classes, "ui:py-2 ui:focus:outline-primary", {
     "ui:cursor-grab": !grabbing && !disabled,
     "ui:cursor-grabbing ui:shadow-sm ui:bg-slate-200": grabbing && !disabled,
@@ -5142,7 +5143,7 @@ const DragHandle = React.forwardRef((_a, ref) => {
     "ui:cursor-not-allowed": disabled
   });
   return jsxRuntime.jsx("button", Object.assign({ ref, "aria-label": label }, props, { tabIndex: 0, className, "data-test-id": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "dragHandle", children: jsxRuntime.jsx(Icon, { name: "DragIndicatorIcon", className: disabled ? "ui:text-slate-300" : "ui:text-slate-400" }) }));
-});
+};
 
 const typeIcons = {
   information: ActionInformationColoredIcon,