@box/metadata-editor 0.99.0 → 0.99.2

package/dist/chunks/filter-dropdown-menu.module.js

@@ -1,17 +1,17 @@
-import '../styles/filter-dropdown-menu.css';const c = "_content_17su9_1", e = "_scrollableContainer_17su9_20", s = "_item_17su9_25", o = "_option_17su9_35", t = "_search_17su9_56", n = "_searchIcon_17su9_61", _ = "_global_17su9_70", a = "_clearSearchIcon_17su9_75", r = "_searchInput_17su9_83", i = "_firefoxDefaultOpacityFix_17su9_115", l = "_divider_17su9_133", u = "_searchDivider_17su9_137", h = {
+import '../styles/filter-dropdown-menu.css';const c = "_content_3uvu2_1", e = "_scrollableContainer_3uvu2_20", o = "_item_3uvu2_25", t = "_option_3uvu2_35", n = "_search_3uvu2_56", _ = "_searchIcon_3uvu2_61", a = "_global_3uvu2_70", r = "_clearSearchIcon_3uvu2_75", s = "_searchInput_3uvu2_83", i = "_firefoxDefaultOpacityFix_3uvu2_115", u = "_divider_3uvu2_133", l = "_searchDivider_3uvu2_137", v = {
   content: c,
   scrollableContainer: e,
-  item: s,
-  option: o,
-  search: t,
-  searchIcon: n,
-  global: _,
-  clearSearchIcon: a,
-  searchInput: r,
+  item: o,
+  option: t,
+  search: n,
+  searchIcon: _,
+  global: a,
+  clearSearchIcon: r,
+  searchInput: s,
   firefoxDefaultOpacityFix: i,
-  divider: l,
-  searchDivider: u
+  divider: u,
+  searchDivider: l
 };
 export {
-  h as s
+  v as s
 };

package/dist/chunks/metadata-instance-form-card-wrapper.js

@@ -4,7 +4,7 @@ import { TEMPLATE_CUSTOM_PROPERTIES as w } from "../esm/lib/constants.js";
 import { MetadataInstanceFormFooter as A } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
 import { MetadataInstanceFormHeader as E } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
 import { jsx as t, jsxs as M } from "react/jsx-runtime";
-import '../styles/metadata-instance-form-card-wrapper.css';const b = "_metadataInstanceForm_1ae95_1", v = "_wrapperGradient_1ae95_7", D = "_suggestionsFetching_1ae95_12", I = "_metadataInstanceFormContent_1ae95_18", L = "_showOverlay_1ae95_25", s = {
+import '../styles/metadata-instance-form-card-wrapper.css';const b = "_metadataInstanceForm_1e6l2_1", v = "_wrapperGradient_1e6l2_7", D = "_suggestionsFetching_1e6l2_12", I = "_metadataInstanceFormContent_1e6l2_18", L = "_showOverlay_1e6l2_25", s = {
   metadataInstanceForm: b,
   wrapperGradient: v,
   suggestionsFetching: D,
@@ -17,9 +17,9 @@ import '../styles/metadata-instance-form-card-wrapper.css';const b = "_metadataI
     className: i,
     formRef: g,
     isAiSuggestionsFeatureEnabled: m,
-    isBetaLanguageEnabled: d,
-    isLargeFile: c = !1,
-    isDeleteButtonDisabled: l,
+    isBetaLanguageEnabled: l,
+    isLargeFile: d = !1,
+    isDeleteButtonDisabled: c,
     suggestions: F,
     isFetchingSuggestions: e,
     isFormDirty: u = !1,
@@ -39,13 +39,13 @@ import '../styles/metadata-instance-form-card-wrapper.css';const b = "_metadataI
         areAiSuggestionsAvailable: o,
         hasSuggestions: C,
         isAiSuggestionsFeatureEnabled: m && !f,
-        isBetaLanguageEnabled: d,
-        isLargeFile: c,
+        isBetaLanguageEnabled: l,
+        isLargeFile: d,
         isLoading: e,
         onAutofill: _,
         templateName: a == null ? void 0 : a.displayName
       }), a && r, /* @__PURE__ */ t(A, {
-        isDeleteButtonDisabled: l,
+        isDeleteButtonDisabled: c,
         isLoading: e,
         onCancel: () => p(u),
         onDelete: h

package/dist/chunks/utils2.js

@@ -1,42 +1,42 @@
-import { BoxAiLogo as s } from "@box/blueprint-web-assets/icons/Logo";
-import g from "../esm/lib/components/interactive-text/interactive-text.js";
-import { convertISOStringToUTCDate as i } from "../esm/lib/utils/convertDate.js";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import '../styles/utils.css';const _ = "_noAttributesText_1ggnw_1", b = "_fieldWrapper_1ggnw_5", p = "_hasSuggestion_1ggnw_10", x = "_error_1ggnw_18", d = "_dateField_1ggnw_30", m = "_suggestionApplied_1ggnw_34", u = "_comboboxContainer_1ggnw_34", T = "_labelWrapper_1ggnw_48", w = "_labelText_1ggnw_54", S = "_labelIcon_1ggnw_57", t = {
-  noAttributesText: _,
-  fieldWrapper: b,
-  hasSuggestion: p,
+import { BoxAiLogo as n } from "@box/blueprint-web-assets/icons/Logo";
+import i from "../esm/lib/components/interactive-text/interactive-text.js";
+import { convertISOStringToUTCDate as c } from "../esm/lib/utils/convertDate.js";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import '../styles/utils.css';const b = "_noAttributesText_1wv72_2", p = "_fieldWrapper_1wv72_6", g = "_hasSuggestion_1wv72_11", x = "_error_1wv72_19", d = "_dateField_1wv72_31", m = "_suggestionApplied_1wv72_35", u = "_comboboxContainer_1wv72_35", v = "_labelWrapper_1wv72_49", T = "_labelText_1wv72_55", w = "_labelIcon_1wv72_58", t = {
+  noAttributesText: b,
+  fieldWrapper: p,
+  hasSuggestion: g,
   error: x,
   dateField: d,
   suggestionApplied: m,
   comboboxContainer: u,
-  labelWrapper: T,
-  labelText: w,
-  labelIcon: S
-}, f = (e, n, l = !1, a = "label") => (r) => /* @__PURE__ */ c("div", {
+  labelWrapper: v,
+  labelText: T,
+  labelIcon: w
+}, W = (e, r, a = !1, s = "label") => (l) => /* @__PURE__ */ _("div", {
   className: t.labelWrapper,
-  children: [n ? /* @__PURE__ */ o(g, {
-    as: a,
+  children: [r ? /* @__PURE__ */ o(i, {
+    as: s,
     className: t.labelText,
-    tooltipText: n,
-    ...r,
+    tooltipText: r,
+    ...l,
     children: e
   }) : /* @__PURE__ */ o("label", {
     className: t.labelText,
-    ...r,
+    ...l,
     children: e
-  }), l && /* @__PURE__ */ o(s, {
+  }), a && /* @__PURE__ */ o(n, {
     className: t.labelIcon
   })]
-}), C = (e) => {
+}), f = (e) => {
   try {
-    return i(e).toISOString();
+    return c(e).toISOString();
   } catch {
     return null;
   }
 };
 export {
-  f as g,
+  W as g,
   t as s,
-  C as t
+  f as t
 };

package/dist/esm/lib/components/filter-instances-dropdown/filter-instances-dropdown.js

@@ -1,14 +1,14 @@
-import { TriggerButton as v, Text as C, ScrollableContainer as N, Divider as x } from "@box/blueprint-web";
-import { useIntl as B } from "react-intl";
-import { SelectProvider as b, Select as I, SelectPopover as k, SelectItem as g, SelectItemCheck as M } from "@ariakit/react";
+import { TriggerButton as f, Text as v, ScrollableContainer as C, Divider as N } from "@box/blueprint-web";
+import { useIntl as x } from "react-intl";
+import { SelectProvider as B, Select as I, SelectPopover as k, SelectItem as g, SelectItemCheck as M } from "@ariakit/react";
 import { Space1 as S } from "@box/blueprint-web-assets/tokens/px-tokens";
 import { useEffect as y } from "react";
 import D from "clsx";
 import { Checkmark as p } from "@box/blueprint-web-assets/icons/Fill";
 import { getVisibleTemplates as j, getTemplateDisplayName as _ } from "../../utils/utils.js";
 import s from "./messages.js";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/filter-instances-dropdown.css';const w = "_details_19fcm_1", F = "_triggerContainer_19fcm_5", O = "_triggerButton_19fcm_10", P = "_popover_19fcm_16", L = "_divider_19fcm_33", V = "_scrollableContainer_19fcm_36", z = "_item_19fcm_40", E = "_indicator_19fcm_67", G = "_indicatorIcon_19fcm_76", R = "_testContainer_19fcm_80", t = {
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import '../../../../styles/filter-instances-dropdown.css';const w = "_details_18edb_1", F = "_triggerContainer_18edb_5", O = "_triggerButton_18edb_10", P = "_popover_18edb_16", L = "_divider_18edb_33", V = "_scrollableContainer_18edb_36", z = "_item_18edb_40", E = "_indicator_18edb_67", G = "_indicatorIcon_18edb_76", R = "_testContainer_18edb_80", e = {
   details: w,
   triggerContainer: F,
   triggerButton: O,
@@ -21,69 +21,69 @@ import '../../../../styles/filter-instances-dropdown.css';const w = "_details_19
   testContainer: R
 }, q = parseInt(S, 10);
 function $({
-  appliedTemplates: f,
+  appliedTemplates: u,
   selectedTemplates: c,
   setSelectedTemplates: l
 }) {
-  const a = B(), d = a.formatMessage(s.customMetadataName), n = j(f), i = c.length, m = n.length, u = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
+  const a = x(), m = a.formatMessage(s.customMetadataName), n = j(u), i = c.length, d = n.length, b = i === 0 ? a.formatMessage(s.allTemplatesTriggerButtonText) : a.formatMessage(s.selectedTemplatesTriggerButtonText, {
     selectedTemplatesNumber: i,
-    visibleTemplatesNumber: m
+    visibleTemplatesNumber: d
   }), h = () => {
     l([]);
   };
   return y(() => {
-    i === m && l([]);
-  }, [i, m]), /* @__PURE__ */ o(b, {
+    i === d && l([]);
+  }, [i, d]), /* @__PURE__ */ o(B, {
     setValue: l,
     value: c,
     children: [/* @__PURE__ */ o("div", {
-      className: t.triggerContainer,
-      children: [/* @__PURE__ */ e(I, {
-        render: /* @__PURE__ */ e(v, {
+      className: e.triggerContainer,
+      children: [/* @__PURE__ */ t(I, {
+        render: /* @__PURE__ */ t(f, {
           caretDirection: "down",
-          className: t.triggerButton,
-          label: u,
+          className: e.triggerButton,
+          label: b,
           size: "small",
           variant: "tertiary",
           "data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
         })
-      }), n.length > 0 && /* @__PURE__ */ e(C, {
+      }), n.length > 0 && /* @__PURE__ */ t(v, {
         as: "p",
-        className: t.details,
+        className: e.details,
         color: "textOnLightSecondary",
         "data-testid": "detailsList",
         variant: "caption",
-        children: n.filter((r) => c.some((T) => T === r.id)).map((r) => _(r, d)).join(", ")
+        children: n.filter((r) => c.some((T) => T === r.id)).map((r) => _(r, m)).join(", ")
       })]
-    }), /* @__PURE__ */ e(k, {
-      className: t.popover,
+    }), /* @__PURE__ */ t(k, {
+      className: e.popover,
       gutter: q,
-      children: /* @__PURE__ */ o(N, {
-        className: t.scrollableContainer,
+      children: /* @__PURE__ */ o(C, {
+        className: e.scrollableContainer,
         children: [/* @__PURE__ */ o(g, {
           autoFocus: i === 0,
-          className: t.item,
+          className: e.item,
           hideOnClick: !0,
           onClick: h,
-          children: [i === 0 && /* @__PURE__ */ e(p, {
-            className: D(t.indicator, t.indicatorIcon)
+          children: [i === 0 && /* @__PURE__ */ t(p, {
+            className: D(e.indicator, e.indicatorIcon)
           }), a.formatMessage(s.allTemplatesTriggerButtonText)]
-        }), /* @__PURE__ */ e(x, {
-          className: t.divider
+        }), /* @__PURE__ */ t(N, {
+          className: e.divider
         }), n.map((r) => /* @__PURE__ */ o(g, {
-          className: t.item,
+          className: e.item,
           hideOnClick: !0,
           value: r.id,
-          children: [/* @__PURE__ */ e(M, {
-            className: t.indicator,
+          children: [/* @__PURE__ */ t(M, {
+            className: e.indicator,
             style: {
               width: "none",
               height: "none"
             },
-            children: /* @__PURE__ */ e(p, {
-              className: t.indicatorIcon
+            children: /* @__PURE__ */ t(p, {
+              className: e.indicatorIcon
             })
-          }), _(r, d)]
+          }), _(r, m)]
         }, r.id))]
       })
     })]

package/dist/esm/lib/components/interactive-header-text/interactive-header-text.js

@@ -1,22 +1,22 @@
 import { Focusable as l } from "@ariakit/react";
 import { useFullTextTooltip as n, Text as i } from "@box/blueprint-web";
 import m from "clsx";
-import { useRef as p } from "react";
-import { jsx as e, Fragment as c } from "react/jsx-runtime";
-import '../../../../styles/interactive-header-text.css';const d = "_header_d9pl2_1", f = {
-  header: d
+import { useRef as c } from "react";
+import { jsx as e, Fragment as d } from "react/jsx-runtime";
+import '../../../../styles/interactive-header-text.css';const p = "_header_qqeyd_1", f = {
+  header: p
 }, _ = ({
   className: o,
   title: r
 }) => {
-  const t = p(null), {
+  const t = c(null), {
     Wrapper: a,
     wrapperProps: s
   } = n({
     ref: t,
     textValue: r
   });
-  return /* @__PURE__ */ e(c, {
+  return /* @__PURE__ */ e(d, {
     children: /* @__PURE__ */ e(a, {
       ...s,
       children: /* @__PURE__ */ e(l, {

package/dist/esm/lib/components/interactive-text/interactive-text.js

@@ -1,13 +1,13 @@
 import { Focusable as o } from "@ariakit/react";
 import { Tooltip as a, Text as s } from "@box/blueprint-web";
-import m from "clsx";
+import l from "clsx";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/interactive-text.css';const x = "_interactiveText_2jv0p_1", l = {
-  interactiveText: x
+import '../../../../styles/interactive-text.css';const m = "_interactiveText_1i8lr_1", x = {
+  interactiveText: m
 }, _ = ({
   tooltipText: r,
-  className: c,
-  children: i,
+  className: i,
+  children: c,
   ...e
 }) => {
   const {
@@ -19,9 +19,9 @@ import '../../../../styles/interactive-text.css';const x = "_interactiveText_2jv
     children: /* @__PURE__ */ t(o, {
       render: /* @__PURE__ */ t(s, {
         as: n,
-        className: m(l.interactiveText, c),
+        className: l(x.interactiveText, i),
         ...e,
-        children: i
+        children: c
       })
     })
   });

package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js

@@ -1,14 +1,14 @@
-import { Text as s, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
-import { Checkmark as m, Ellipsis as f } from "@box/blueprint-web-assets/icons/Fill";
+import { Text as l, IconButton as c, DropdownMenu as a } from "@box/blueprint-web";
+import { Checkmark as u, Ellipsis as f } from "@box/blueprint-web-assets/icons/Fill";
 import { useIntl as I, FormattedMessage as r } from "react-intl";
 import t from "./messages.js";
 import { formatSuggestionValue as w } from "./utils.js";
-import { jsx as e, jsxs as i, Fragment as u } from "react/jsx-runtime";
-import '../../../../../../styles/ai-suggestion-field.css';const C = "_wrapperGradient_t2yak_1", _ = "_wrapper_t2yak_1", b = "_buttons_t2yak_18", k = "_selectTrigger_t2yak_22", o = {
+import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import '../../../../../../styles/ai-suggestion-field.css';const C = "_wrapperGradient_z7sut_1", _ = "_wrapper_z7sut_1", b = "_buttons_z7sut_18", x = "_selectTrigger_z7sut_22", o = {
   wrapperGradient: C,
   wrapper: _,
   buttons: b,
-  selectTrigger: k
+  selectTrigger: x
 };
 function N({
   aiSuggestion: S,
@@ -18,13 +18,13 @@ function N({
   type: n,
   isSameValue: h
 }) {
-  const l = I();
+  const s = I();
   return /* @__PURE__ */ e("div", {
     className: o.wrapperGradient,
     children: /* @__PURE__ */ e("div", {
       className: o.wrapper,
-      children: h ? /* @__PURE__ */ i(u, {
-        children: [/* @__PURE__ */ e(s, {
+      children: h ? /* @__PURE__ */ i(m, {
+        children: [/* @__PURE__ */ e(l, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
@@ -34,42 +34,42 @@ function N({
         }), /* @__PURE__ */ e("div", {
           className: o.buttons,
           children: /* @__PURE__ */ e(c, {
-            "aria-label": l.formatMessage(t.aiSuggestionConfirm),
-            icon: m,
+            "aria-label": s.formatMessage(t.aiSuggestionConfirm),
+            icon: u,
             onClick: p,
             size: "x-small",
             "data-target-id": "IconButton-aiSuggestionConfirm"
           })
         })]
-      }) : /* @__PURE__ */ i(u, {
+      }) : /* @__PURE__ */ i(m, {
         children: [/* @__PURE__ */ i("div", {
-          children: [/* @__PURE__ */ e(s, {
+          children: [/* @__PURE__ */ e(l, {
             as: "p",
             color: "textOnLightSecondary",
             variant: "caption",
             children: /* @__PURE__ */ e(r, {
               ...t.aiSuggestionCaption
             })
-          }), /* @__PURE__ */ e(s, {
+          }), /* @__PURE__ */ e(l, {
             as: "p",
             children: w(S, {
               type: n,
-              locale: l.locale
+              locale: s.locale
             })
           })]
         }), /* @__PURE__ */ i("div", {
           className: o.buttons,
           children: [/* @__PURE__ */ e(c, {
-            "aria-label": l.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "aria-label": s.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
             "data-target-id": n === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
-            icon: m,
+            icon: u,
             onClick: n === "multiSelect" ? g : d,
             size: "x-small"
           }), /* @__PURE__ */ i(a.Root, {
             children: [/* @__PURE__ */ e(a.Trigger, {
               className: o.selectTrigger,
               children: /* @__PURE__ */ e(c, {
-                "aria-label": l.formatMessage(t.aiSuggestionOptions),
+                "aria-label": s.formatMessage(t.aiSuggestionOptions),
                 icon: f,
                 "data-target-id": "IconButton-aiSuggestionOptions"
               })

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/autofill-overlay.js

@@ -3,57 +3,57 @@ import { LoadingIndicator as y, Text as n, TextButton as g } from "@box/blueprin
 import { useIntl as v } from "react-intl";
 import { AlertTriangle as _ } from "@box/blueprint-web-assets/icons/Line";
 import { SurfaceStatusSurfaceError as p, Size5 as m } from "@box/blueprint-web-assets/tokens/tokens";
-import h from "clsx";
-import e from "./messages.js";
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import '../../../../../../styles/autofill-overlay.css';const O = "_autofillOverlay_15bqk_1", T = "_withError_15bqk_15", S = "_autofillOverlayTitle_15bqk_19", x = "_dismissButton_15bqk_24", B = "_overlayIcon_15bqk_28", I = "_testContainerStyle_15bqk_34", a = {
+import x from "clsx";
+import i from "./messages.js";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import '../../../../../../styles/autofill-overlay.css';const O = "_autofillOverlay_1xnil_1", T = "_withError_1xnil_15", S = "_autofillOverlayTitle_1xnil_19", B = "_dismissButton_1xnil_24", I = "_overlayIcon_1xnil_28", M = "_testContainerStyle_1xnil_34", s = {
   autofillOverlay: O,
   withError: T,
   autofillOverlayTitle: S,
-  dismissButton: x,
-  overlayIcon: B,
-  testContainerStyle: I
-}, A = ({
-  errorCode: s,
+  dismissButton: B,
+  overlayIcon: I,
+  testContainerStyle: M
+}, z = ({
+  errorCode: e,
   isFetchingSuggestions: c,
-  isLongLoading: l
+  isLongLoading: o
 }) => {
   const t = v(), [f, u] = d(!1);
-  let o = t.formatMessage(e.defaultLoadingMessage);
-  s && (o = t.formatMessage(e.errorTitle)), l && (o = t.formatMessage(e.longLoadingTitle));
-  const r = l ? t.formatMessage(e.longLoadingDescription) : s && t.formatMessage(e.errorDescription);
-  return !c && !s || f ? null : /* @__PURE__ */ b("div", {
-    className: h(a.autofillOverlay, s && a.withError),
-    children: [s ? /* @__PURE__ */ i(_, {
-      className: a.overlayIcon,
+  let l = t.formatMessage(i.defaultLoadingMessage);
+  e && (l = t.formatMessage(i.errorTitle)), o && (l = t.formatMessage(i.longLoadingTitle));
+  const r = o ? t.formatMessage(i.longLoadingDescription) : e && t.formatMessage(i.errorDescription);
+  return !c && !e || f ? null : /* @__PURE__ */ h("div", {
+    className: x(s.autofillOverlay, e && s.withError),
+    children: [e ? /* @__PURE__ */ a(_, {
+      className: s.overlayIcon,
       color: p,
       height: m,
       role: "presentation",
       width: m
-    }) : /* @__PURE__ */ i(y, {
-      "aria-label": t.formatMessage(e.loadingAriaLabel),
+    }) : /* @__PURE__ */ a(y, {
+      "aria-label": t.formatMessage(i.loadingAriaLabel),
       "aria-live": "polite",
-      className: a.overlayIcon,
+      className: s.overlayIcon,
       size: "large",
       variant: "default"
-    }), /* @__PURE__ */ i(n, {
+    }), /* @__PURE__ */ a(n, {
       as: "p",
-      className: a.autofillOverlayTitle,
+      className: s.autofillOverlayTitle,
       variant: "subtitle",
-      children: o
-    }), r && /* @__PURE__ */ i(n, {
+      children: l
+    }), r && /* @__PURE__ */ a(n, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefault",
       children: r
-    }), s && /* @__PURE__ */ i(g, {
-      className: a.dismissButton,
+    }), e && /* @__PURE__ */ a(g, {
+      className: s.dismissButton,
       onClick: () => u(!0),
       "data-target-id": "TextButton-dismissButton",
-      children: t.formatMessage(e.dismissButton)
+      children: t.formatMessage(i.dismissButton)
     })]
   });
 };
 export {
-  A as AutofillOverlay
+  z as AutofillOverlay
 };

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js

@@ -1,23 +1,23 @@
-import { Card as I, TextInput as u, Button as m } from "@box/blueprint-web";
+import { Card as y, TextInput as u, Button as m } from "@box/blueprint-web";
 import { useState as l } from "react";
-import { useIntl as y } from "react-intl";
+import { useIntl as v } from "react-intl";
 import t from "./messages.js";
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import '../../../../../../styles/custom-instance-new-field.css';const M = "_customInstanceNewFieldCard_ivrhw_1", _ = "_customInstanceNewFieldFooter_ivrhw_6", b = "_inputWrapper_ivrhw_13", n = {
+import '../../../../../../styles/custom-instance-new-field.css';const M = "_customInstanceNewFieldCard_fcftk_1", _ = "_customInstanceNewFieldFooter_fcftk_6", b = "_inputWrapper_fcftk_13", n = {
   customInstanceNewFieldCard: M,
   customInstanceNewFieldFooter: _,
   inputWrapper: b
-}, x = (g) => {
+}, x = (f) => {
   const {
-    onAdd: h,
-    onCancel: f,
+    onAdd: g,
+    onCancel: F,
     formKeys: c = []
-  } = g, e = y(), [r, F] = l(""), [i, C] = l(""), [d, o] = l(""), N = c.length !== 0, w = (s) => {
-    F(s), d && o("");
-  }, v = () => {
-    r ? r.startsWith("$") ? o(e.formatMessage(t.customErrorInternalKey)) : c.includes(r) ? o(e.formatMessage(t.customErrorDuplicateKey)) : h(r, i) : o(e.formatMessage(t.keyFieldRequiredError));
+  } = f, e = v(), [r, h] = l(""), [d, C] = l(""), [i, o] = l(""), N = c.length !== 0, I = (s) => {
+    h(s), i && o("");
+  }, w = () => {
+    r ? r.startsWith("$") ? o(e.formatMessage(t.customErrorInternalKey)) : c.includes(r) ? o(e.formatMessage(t.customErrorDuplicateKey)) : g(r, d) : o(e.formatMessage(t.keyFieldRequiredError));
   };
-  return /* @__PURE__ */ p(I, {
+  return /* @__PURE__ */ p(y, {
     "aria-label": e.formatMessage(t.addAttributeGroupAriaLabel),
     className: n.customInstanceNewFieldCard,
     "data-testid": "customInstanceNewField",
@@ -26,9 +26,9 @@ import '../../../../../../styles/custom-instance-new-field.css';const M = "_cust
       className: n.inputWrapper,
       children: /* @__PURE__ */ a(u, {
         autoFocus: !0,
-        error: d,
+        error: i,
         label: e.formatMessage(t.customKeyLabel),
-        onChange: (s) => w(s.target.value),
+        onChange: (s) => I(s.target.value),
         placeholder: e.formatMessage(t.customKeyPlaceholder),
         required: !0,
         value: r
@@ -39,17 +39,17 @@ import '../../../../../../styles/custom-instance-new-field.css';const M = "_cust
         label: e.formatMessage(t.valueLabel),
         onChange: (s) => C(s.target.value),
         placeholder: e.formatMessage(t.valuePlaceholder),
-        value: i
+        value: d
       })
     }), /* @__PURE__ */ p("div", {
       className: n.customInstanceNewFieldFooter,
       children: [N && /* @__PURE__ */ a(m, {
-        onClick: f,
+        onClick: F,
         variant: "secondary",
         "data-target-id": "Button-cancelCTA",
         children: e.formatMessage(t.cancelCTA)
       }), /* @__PURE__ */ a(m, {
-        onClick: v,
+        onClick: w,
         variant: "primary",
         "data-target-id": "Button-addNewFieldCTA",
         children: e.formatMessage(t.addNewFieldCTA)

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js

@@ -1,4 +1,4 @@
-import { LoadingIndicator as v, IconButton as k, Tooltip as x, Button as K } from "@box/blueprint-web";
+import { LoadingIndicator as k, IconButton as v, Tooltip as x, Button as K } from "@box/blueprint-web";
 import { BoxAiLogo as p } from "@box/blueprint-web-assets/icons/Logo";
 import { useFormikContext as L, getIn as i } from "formik";
 import { useEffect as h } from "react";
@@ -6,7 +6,7 @@ import { useIntl as C } from "react-intl";
 import { useAutofill as F } from "../../../../utils/autofill-context.js";
 import n from "./messages.js";
 import { jsx as l } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-autofill-button.css';const T = "_loadingIndicator_1vv9u_1", _ = {
+import '../../../../../../styles/metadata-instance-form-autofill-button.css';const T = "_loadingIndicator_baqvi_1", _ = {
   loadingIndicator: T
 }, w = ({
   areAiSuggestionsAvailable: B,
@@ -18,14 +18,14 @@ import '../../../../../../styles/metadata-instance-form-autofill-button.css';con
   const {
     isSubmitting: A,
     values: e,
-    setFieldValue: u
+    setFieldValue: m
   } = L(), t = C(), {
     suggestions: o
   } = F();
   h(() => {
     if (o) {
       const a = i(e, "metadata.fields"), r = i(e, "metadata.templateKey");
-      u("metadata.fields", a == null ? void 0 : a.map((s) => {
+      m("metadata.fields", a == null ? void 0 : a.map((s) => {
         var g;
         const f = (g = o == null ? void 0 : o[r]) == null ? void 0 : g[s.key];
         return f ? {
@@ -34,18 +34,18 @@ import '../../../../../../styles/metadata-instance-form-autofill-button.css';con
         } : s;
       }));
     }
-  }, [o, u]);
-  const m = () => {
+  }, [o, m]);
+  const u = () => {
     const a = i(e, "metadata.templateKey"), r = i(e, "metadata.scope");
     y(a, r);
-  }, d = !B || A || c, M = c ? /* @__PURE__ */ l(v, {
+  }, d = !B || A || c, M = c ? /* @__PURE__ */ l(k, {
     "aria-label": t.formatMessage(n.loadingButtonAriaLabel),
     className: _.loadingIndicator
-  }) : /* @__PURE__ */ l(k, {
+  }) : /* @__PURE__ */ l(v, {
     "aria-label": t.formatMessage(n.autofillButtonAriaLabel),
     disabled: d,
     icon: p,
-    onClick: m,
+    onClick: u,
     variant: "icon-logo",
     "data-target-id": "IconButton-autofillButtonAriaLabel"
   });
@@ -54,7 +54,7 @@ import '../../../../../../styles/metadata-instance-form-autofill-button.css';con
     children: I === "secondary-button" ? /* @__PURE__ */ l(K, {
       disabled: d,
       icon: p,
-      onClick: m,
+      onClick: u,
       variant: "secondary",
       "data-target-id": "Button-autofillButton",
       children: t.formatMessage(n.autofillButton)

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js

@@ -1,12 +1,12 @@
-import { TextButton as g, Button as r } from "@box/blueprint-web";
-import { useFormikContext as b } from "formik";
+import { TextButton as b, Button as r } from "@box/blueprint-web";
+import { useFormikContext as g } from "formik";
 import { useIntl as B } from "react-intl";
 import o from "./messages.js";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_metadataInstanceFormFooter_15nrg_1", f = "_buttonsContainer_15nrg_7", _ = "_buttons_15nrg_7", a = {
+import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_metadataInstanceFormFooter_sqpiw_1", f = "_buttonsContainer_sqpiw_7", p = "_buttons_sqpiw_7", n = {
   metadataInstanceFormFooter: F,
   buttonsContainer: f,
-  buttons: _
+  buttons: p
 }, I = ({
   isDeleteButtonDisabled: d,
   isLoading: m,
@@ -16,27 +16,27 @@ import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_
   const t = B(), {
     isSubmitting: s,
     submitForm: u
-  } = b(), n = m || s;
+  } = g(), a = m || s;
   return /* @__PURE__ */ e("div", {
-    className: a.metadataInstanceFormFooter,
+    className: n.metadataInstanceFormFooter,
     children: /* @__PURE__ */ i("div", {
-      className: a.buttonsContainer,
-      children: [/* @__PURE__ */ e(g, {
-        disabled: n || d,
+      className: n.buttonsContainer,
+      children: [/* @__PURE__ */ e(b, {
+        disabled: a || d,
         onClick: l,
         "data-target-id": "TextButton-deleteButton",
         children: t.formatMessage(o.deleteButton)
       }), /* @__PURE__ */ i("div", {
-        className: a.buttons,
+        className: n.buttons,
         children: [/* @__PURE__ */ e(r, {
-          disabled: n,
+          disabled: a,
           onClick: c,
           size: "large",
           variant: "secondary",
           "data-target-id": "Button-cancelButton",
           children: t.formatMessage(o.cancelButton)
         }), /* @__PURE__ */ e(r, {
-          disabled: n,
+          disabled: a,
           loading: s,
           loadingAriaLabel: t.formatMessage(o.loadingAriaLabel),
           onClick: u,

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js

@@ -1,41 +1,41 @@
 import { useIntl as F } from "react-intl";
 import p from "../../../interactive-header-text/interactive-header-text.js";
-import { MetadataInstanceFormAutofillButton as x } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import H from "./messages.js";
-import { MetadataInstanceFormInlineNotice as _ } from "../metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
-import { jsxs as r, Fragment as u, jsx as t } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-header.css';const M = "_metadataInstanceFormHeader_13lxr_1", N = "_title_13lxr_9", o = {
-  metadataInstanceFormHeader: M,
-  title: N
-}, k = ({
+import { MetadataInstanceFormAutofillButton as H } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import _ from "./messages.js";
+import { MetadataInstanceFormInlineNotice as h } from "../metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
+import { jsxs as o, Fragment as u, jsx as t } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-header.css';const x = "_metadataInstanceFormHeader_1hzt2_1", M = "_title_1hzt2_9", n = {
+  metadataInstanceFormHeader: x,
+  title: M
+}, y = ({
   areAiSuggestionsAvailable: e,
-  hasSuggestions: n,
+  hasSuggestions: r,
   isAiSuggestionsFeatureEnabled: m,
   isBetaLanguageEnabled: a,
   isLargeFile: s,
   isLoading: c,
   templateName: i,
-  onAutofill: l
+  onAutofill: d
 }) => {
-  const d = F(), I = i ?? d.formatMessage(H.customInstanceTitle), f = n && e;
-  return /* @__PURE__ */ r(u, {
-    children: [/* @__PURE__ */ r("div", {
-      className: o.metadataInstanceFormHeader,
+  const l = F(), I = i ?? l.formatMessage(_.customInstanceTitle), f = r && e;
+  return /* @__PURE__ */ o(u, {
+    children: [/* @__PURE__ */ o("div", {
+      className: n.metadataInstanceFormHeader,
       children: [/* @__PURE__ */ t(p, {
-        className: o.title,
+        className: n.title,
         title: I
-      }), m ? /* @__PURE__ */ t(x, {
+      }), m ? /* @__PURE__ */ t(H, {
         areAiSuggestionsAvailable: e,
         isBetaLanguageEnabled: a,
         isLoading: c,
-        onAutofill: l
+        onAutofill: d
       }) : null]
-    }), f && /* @__PURE__ */ t(_, {
+    }), f && /* @__PURE__ */ t(h, {
       isBetaLanguageEnabled: a,
       isLargeFile: s
     })]
   });
 };
 export {
-  k as MetadataInstanceFormHeader
+  y as MetadataInstanceFormHeader
 };

package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/metadata-instance-footer.js

@@ -2,27 +2,27 @@ import { TextButton as o } from "@box/blueprint-web";
 import { useIntl as c } from "react-intl";
 import s from "./messages.js";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-footer.css';const u = "_metadataInstanceFooter_6auqo_1", d = "_button_6auqo_5", a = {
-  metadataInstanceFooter: u,
-  button: d
+import '../../../../../../styles/metadata-instance-footer.css';const d = "_metadataInstanceFooter_r5r5c_1", i = "_button_r5r5c_5", e = {
+  metadataInstanceFooter: d,
+  button: i
 }, T = ({
   isAnyEmptyValueHidden: n,
   onHideEmptyValues: r,
   onShowEmptyValues: m
 }) => {
-  const e = c();
+  const a = c();
   return /* @__PURE__ */ t("div", {
-    className: a.metadataInstanceFooter,
+    className: e.metadataInstanceFooter,
     children: n ? /* @__PURE__ */ t(o, {
-      className: a.button,
+      className: e.button,
       onClick: m,
       "data-target-id": "TextButton-showEmptyValuesCTA",
-      children: e.formatMessage(s.showEmptyValuesCTA)
+      children: a.formatMessage(s.showEmptyValuesCTA)
     }) : /* @__PURE__ */ t(o, {
-      className: a.button,
+      className: e.button,
       onClick: r,
       "data-target-id": "TextButton-hideEmptyValuesCTA",
-      children: e.formatMessage(s.hideEmptyValuesCTA)
+      children: a.formatMessage(s.hideEmptyValuesCTA)
     })
   });
 };

package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js

@@ -1,39 +1,39 @@
 import { Tooltip as i, IconButton as s } from "@box/blueprint-web";
-import { Pencil as g } from "@box/blueprint-web-assets/icons/Line";
-import { BoxAiLogo as I } from "@box/blueprint-web-assets/icons/Logo";
-import { useIntl as _ } from "react-intl";
-import x from "../../../interactive-header-text/interactive-header-text.js";
+import { Pencil as I } from "@box/blueprint-web-assets/icons/Line";
+import { BoxAiLogo as b } from "@box/blueprint-web-assets/icons/Logo";
+import { useIntl as p } from "react-intl";
+import _ from "../../../interactive-header-text/interactive-header-text.js";
 import o from "./messages.js";
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-header.css';const b = "_metadataInstanceHeader_54pdx_1", A = "_iconButtonsContainer_54pdx_6", M = "_title_54pdx_14", e = {
-  metadataInstanceHeader: b,
-  iconButtonsContainer: A,
-  title: M
+import '../../../../../../styles/metadata-instance-header.css';const A = "_metadataInstanceHeader_17bsu_1", M = "_iconButtonsContainer_17bsu_6", C = "_title_17bsu_14", e = {
+  metadataInstanceHeader: A,
+  iconButtonsContainer: M,
+  title: C
 }, k = ({
   areAiSuggestionsAvailable: c,
   canEdit: l,
   isAiSuggestionsFeatureEnabled: d,
-  isBetaLanguageEnabled: m,
-  onEdit: u,
+  isBetaLanguageEnabled: u,
+  onEdit: m,
   onAutofill: f,
   templateName: n
 }) => {
-  const t = _(), B = n || t.formatMessage(o.customInstanceTitle), p = d && n;
+  const t = p(), B = n || t.formatMessage(o.customInstanceTitle), g = d && n;
   return /* @__PURE__ */ r("div", {
     className: e.metadataInstanceHeader,
-    children: [/* @__PURE__ */ a(x, {
+    children: [/* @__PURE__ */ a(_, {
       className: e.title,
       title: B
     }), l && /* @__PURE__ */ r("div", {
       className: e.iconButtonsContainer,
-      children: [p && /* @__PURE__ */ a(i, {
-        content: m ? t.formatMessage(o.autofillButtonTooltip) : t.formatMessage(o.autofillButtonTooltipGA),
+      children: [g && /* @__PURE__ */ a(i, {
+        content: u ? t.formatMessage(o.autofillButtonTooltip) : t.formatMessage(o.autofillButtonTooltipGA),
         children: /* @__PURE__ */ a(s, {
           "aria-label": t.formatMessage(o.autofillButtonAriaLabel, {
             templateName: n
           }),
           disabled: !c,
-          icon: I,
+          icon: b,
           onClick: f,
           variant: "icon-logo",
           "data-target-id": "IconButton-autofillButtonAriaLabel"
@@ -44,8 +44,8 @@ import '../../../../../../styles/metadata-instance-header.css';const b = "_metad
           "aria-label": t.formatMessage(o.editButtonAriaLabel, {
             templateName: n
           }),
-          icon: g,
-          onClick: u,
+          icon: I,
+          onClick: m,
           "data-target-id": "IconButton-editButtonAriaLabel"
         })
       })]

package/dist/styles/ai-suggestion-field.css

@@ -1 +1 @@
-._wrapperGradient_t2yak_1{background:linear-gradient(135deg,#fe03dc,#2784fa);border-radius:0 0 var(--radius-2) var(--radius-2)}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1{display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;padding:var(--space-2) var(--space-3);position:relative;box-sizing:border-box;background:var(--box-blue-02);background-clip:padding-box;border:var(--border-1) solid transparent;border-radius:inherit}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1 ._buttons_t2yak_18{display:flex;gap:var(--space-1)}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1 ._selectTrigger_t2yak_22{width:var(--size-6);height:var(--size-6)}._wrapperGradient_t2yak_1 ._wrapper_t2yak_1>div>p{overflow-wrap:anywhere}
+._wrapperGradient_z7sut_1{background:linear-gradient(135deg,#fe03dc,#2784fa);border-radius:0 0 var(--radius-2) var(--radius-2)}._wrapperGradient_z7sut_1 ._wrapper_z7sut_1{position:relative;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:var(--space-2) var(--space-3);background:var(--box-blue-02);background-clip:padding-box;border:var(--border-1) solid transparent;border-radius:inherit;-webkit-user-select:none;user-select:none}._wrapperGradient_z7sut_1 ._wrapper_z7sut_1 ._buttons_z7sut_18{display:flex;gap:var(--space-1)}._wrapperGradient_z7sut_1 ._wrapper_z7sut_1 ._selectTrigger_z7sut_22{width:var(--size-6);height:var(--size-6)}._wrapperGradient_z7sut_1 ._wrapper_z7sut_1>div>p{overflow-wrap:anywhere}

package/dist/styles/autofill-overlay.css

@@ -1 +1 @@
-._autofillOverlay_15bqk_1{position:absolute;top:0;left:0;right:0;bottom:0;background:#fafcfee6;z-index:2;display:flex;align-items:center;flex-direction:column;padding:var(--space-4) var(--space-4) 0 var(--space-4)}._withError_15bqk_15{background-color:#ffffffe6}._autofillOverlayTitle_15bqk_19{margin-top:var(--space-4);text-align:center}._dismissButton_15bqk_24{margin-top:var(--space-4)}._overlayIcon_15bqk_28{margin-top:var(--space-4);display:block;position:relative}._testContainerStyle_15bqk_34{padding:var(--space-4);position:relative;width:380px;height:600px;border:1px solid #000}
+._autofillOverlay_1xnil_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-4) 0 var(--space-4);background:#fafcfee6}._withError_1xnil_15{background-color:#ffffffe6}._autofillOverlayTitle_1xnil_19{margin-top:var(--space-4);text-align:center}._dismissButton_1xnil_24{margin-top:var(--space-4)}._overlayIcon_1xnil_28{position:relative;display:block;margin-top:var(--space-4)}._testContainerStyle_1xnil_34{position:relative;width:380px;height:600px;padding:var(--space-4);border:1px solid #000}

package/dist/styles/custom-instance-new-field.css

@@ -1 +1 @@
-div._customInstanceNewFieldCard_ivrhw_1{background-color:var(--box-blue-02);border-color:var(--box-blue-50)}._customInstanceNewFieldFooter_ivrhw_6{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}._inputWrapper_ivrhw_13{margin-bottom:var(--space-3)}
+div._customInstanceNewFieldCard_fcftk_1{background-color:var(--box-blue-02);border-color:var(--box-blue-50)}._customInstanceNewFieldFooter_fcftk_6{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}._inputWrapper_fcftk_13{margin-bottom:var(--space-3)}

package/dist/styles/filter-dropdown-menu.css

@@ -1 +1 @@
-._content_17su9_1{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;z-index:2147483647;box-sizing:border-box;width:17.75rem;padding:0;color:var(--text-text-on-light);background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);box-shadow:var(--dropshadow-3)}._scrollableContainer_17su9_20{padding:var(--space-3);max-height:22.5rem}._item_17su9_25{position:relative;align-items:center;padding:var(--border-8);border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;-webkit-user-select:none;user-select:none}._option_17su9_35{cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._option_17su9_35[aria-disabled]{color:var(--gray-65);pointer-events:none}._option_17su9_35[data-active-item]:not(:hover),._option_17su9_35[data-highlighted]:not(:hover){background-color:var(--surface-menu-surface-hover);border:var(--border-2) solid var(--border-input-border-focus)}._option_17su9_35[data-state=open],._option_17su9_35:hover{background-color:var(--surface-menu-surface-hover)}._search_17su9_56{position:relative;height:fit-content;padding:var(--space-3)}._search_17su9_56 ._searchIcon_17su9_61{position:absolute;top:var(--space-8);left:var(--space-6);width:var(--size-4);height:var(--size-4);transform:translateY(-50%);pointer-events:none}._search_17su9_56 ._searchIcon_17su9_61._global_17su9_70{left:var(--space-4);width:var(--size-5);height:var(--size-5)}._search_17su9_56 ._clearSearchIcon_17su9_75{position:absolute;top:var(--space-8);right:var(--space-6);width:var(--size-4);height:var(--size-4);transform:translateY(-50%)}._search_17su9_56 ._searchInput_17su9_83{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;box-sizing:border-box;width:100%;height:var(--size-10);padding-inline:var(--space-9) var(--space-6);padding-block:0;color:var(--text-text-on-light);background-color:var(--surface-search-surface);border:var(--border-1) solid transparent;border-radius:var(--radius-2);outline:0;box-shadow:unset;transition:border-color .15s ease,background-color .15s ease}._search_17su9_56 ._searchInput_17su9_83._global_17su9_70{height:var(--size-12);border-radius:var(--radius-7);padding-inline:var(--space-12) var(--space-6)}._search_17su9_56 ._searchInput_17su9_83::-webkit-search-decoration,._search_17su9_56 ._searchInput_17su9_83::-webkit-search-cancel-button,._search_17su9_56 ._searchInput_17su9_83::-webkit-search-results-button,._search_17su9_56 ._searchInput_17su9_83::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}._search_17su9_56 ._searchInput_17su9_83:hover{box-shadow:unset}._search_17su9_56 ._searchInput_17su9_83 ._firefoxDefaultOpacityFix_17su9_115,._search_17su9_56 ._searchInput_17su9_83 ._searchInput_17su9_83::placeholder{opacity:1}._search_17su9_56 ._searchInput_17su9_83::placeholder{color:var(--text-text-on-light-secondary)}._search_17su9_56 ._searchInput_17su9_83:not(:placeholder-shown){padding-inline-end:var(--space-8)}._search_17su9_56 ._searchInput_17su9_83:focus-visible{padding-inline-start:calc(var(--space-9) - var(--border-1));background-color:var(--surface-search-surface-focused);border:var(--border-2) solid #2486fc}._search_17su9_56 ._searchInput_17su9_83:not(:focus-visible):not(:disabled):hover{background-color:var(--surface-search-surface-hover);border-color:#6f6f6f}._search_17su9_56 ._divider_17su9_133{box-shadow:var(--dropshadow-3)}._searchDivider_17su9_137{box-shadow:var(--dropshadow-1)}
+._content_3uvu2_1{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;z-index:2147483647;box-sizing:border-box;width:17.75rem;padding:0;color:var(--text-text-on-light);background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);box-shadow:var(--dropshadow-3)}._scrollableContainer_3uvu2_20{max-height:22.5rem;padding:var(--space-3)}._item_3uvu2_25{position:relative;align-items:center;padding:var(--border-8);border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;-webkit-user-select:none;user-select:none}._option_3uvu2_35{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}._option_3uvu2_35[aria-disabled]{color:var(--gray-65);pointer-events:none}._option_3uvu2_35[data-active-item]:not(:hover),._option_3uvu2_35[data-highlighted]:not(:hover){background-color:var(--surface-menu-surface-hover);border:var(--border-2) solid var(--border-input-border-focus)}._option_3uvu2_35[data-state=open],._option_3uvu2_35:hover{background-color:var(--surface-menu-surface-hover)}._search_3uvu2_56{position:relative;height:fit-content;padding:var(--space-3)}._search_3uvu2_56 ._searchIcon_3uvu2_61{position:absolute;top:var(--space-8);left:var(--space-6);width:var(--size-4);height:var(--size-4);transform:translateY(-50%);pointer-events:none}._search_3uvu2_56 ._searchIcon_3uvu2_61._global_3uvu2_70{left:var(--space-4);width:var(--size-5);height:var(--size-5)}._search_3uvu2_56 ._clearSearchIcon_3uvu2_75{position:absolute;top:var(--space-8);right:var(--space-6);width:var(--size-4);height:var(--size-4);transform:translateY(-50%)}._search_3uvu2_56 ._searchInput_3uvu2_83{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;box-sizing:border-box;width:100%;height:var(--size-10);padding-inline:var(--space-9) var(--space-6);padding-block:0;color:var(--text-text-on-light);background-color:var(--surface-search-surface);border:var(--border-1) solid transparent;border-radius:var(--radius-2);outline:0;box-shadow:unset;transition:border-color .15s ease,background-color .15s ease}._search_3uvu2_56 ._searchInput_3uvu2_83._global_3uvu2_70{height:var(--size-12);border-radius:var(--radius-7);padding-inline:var(--space-12) var(--space-6)}._search_3uvu2_56 ._searchInput_3uvu2_83::-webkit-search-decoration,._search_3uvu2_56 ._searchInput_3uvu2_83::-webkit-search-cancel-button,._search_3uvu2_56 ._searchInput_3uvu2_83::-webkit-search-results-button,._search_3uvu2_56 ._searchInput_3uvu2_83::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}._search_3uvu2_56 ._searchInput_3uvu2_83:hover{box-shadow:unset}._search_3uvu2_56 ._searchInput_3uvu2_83 ._firefoxDefaultOpacityFix_3uvu2_115,._search_3uvu2_56 ._searchInput_3uvu2_83 ._searchInput_3uvu2_83::placeholder{opacity:1}._search_3uvu2_56 ._searchInput_3uvu2_83::placeholder{color:var(--text-text-on-light-secondary)}._search_3uvu2_56 ._searchInput_3uvu2_83:not(:placeholder-shown){padding-inline-end:var(--space-8)}._search_3uvu2_56 ._searchInput_3uvu2_83:focus-visible{padding-inline-start:calc(var(--space-9) - var(--border-1));background-color:var(--surface-search-surface-focused);border:var(--border-2) solid #2486fc}._search_3uvu2_56 ._searchInput_3uvu2_83:not(:focus-visible):not(:disabled):hover{background-color:var(--surface-search-surface-hover);border-color:#6f6f6f}._search_3uvu2_56 ._divider_3uvu2_133{box-shadow:var(--dropshadow-3)}._searchDivider_3uvu2_137{box-shadow:var(--dropshadow-1)}

package/dist/styles/filter-instances-dropdown.css

@@ -1 +1 @@
-._details_19fcm_1{padding-inline:var(--size-1)}._triggerContainer_19fcm_5{display:flex;flex-direction:column}._triggerButton_19fcm_10{min-height:var(--size-6)!important;max-width:max-content;padding:0 var(--space-1)!important}._popover_19fcm_16{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;z-index:var(--z-index-popover);box-sizing:border-box;max-width:17.75rem;padding:0;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);box-shadow:var(--dropshadow-3)}._popover_19fcm_16 ._divider_19fcm_33{margin-block:var(--space-2)}._popover_19fcm_16 ._scrollableContainer_19fcm_36{padding:var(--space-3);max-height:22.5rem}._popover_19fcm_16 ._item_19fcm_40{position:relative;align-items:center;padding:var(--border-8) var(--space-2) var(--border-8) var(--space-10);border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._popover_19fcm_16 ._item_19fcm_40[aria-disabled]{color:var(--gray-65);pointer-events:none}._popover_19fcm_16 ._item_19fcm_40[data-active-item]:not(:hover),._popover_19fcm_16 ._item_19fcm_40[data-highlighted]:not(:hover){background-color:var(--surface-menu-surface-hover);border:var(--border-2) solid var(--border-input-border-focus)}._popover_19fcm_16 ._item_19fcm_40[data-state=open],._popover_19fcm_16 ._item_19fcm_40:hover{background-color:var(--surface-menu-surface-hover)}._popover_19fcm_16 ._indicator_19fcm_67{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_19fcm_16 ._indicatorIcon_19fcm_76 path{fill:var(--icon-icon-on-light)}._testContainer_19fcm_80{border:2px #9f3fed dashed;height:56px;width:340px;display:flex;align-items:center}
+._details_18edb_1{padding-inline:var(--size-1)}._triggerContainer_18edb_5{display:flex;flex-direction:column}._triggerButton_18edb_10{max-width:max-content;min-height:var(--size-6)!important;padding:0 var(--space-1)!important}._popover_18edb_16{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none;z-index:var(--z-index-popover);box-sizing:border-box;max-width:17.75rem;padding:0;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);box-shadow:var(--dropshadow-3)}._popover_18edb_16 ._divider_18edb_33{margin-block:var(--space-2)}._popover_18edb_16 ._scrollableContainer_18edb_36{max-height:22.5rem;padding:var(--space-3)}._popover_18edb_16 ._item_18edb_40{position:relative;align-items:center;padding:var(--border-8) var(--space-2) var(--border-8) var(--space-10);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}._popover_18edb_16 ._item_18edb_40[aria-disabled]{color:var(--gray-65);pointer-events:none}._popover_18edb_16 ._item_18edb_40[data-active-item]:not(:hover),._popover_18edb_16 ._item_18edb_40[data-highlighted]:not(:hover){background-color:var(--surface-menu-surface-hover);border:var(--border-2) solid var(--border-input-border-focus)}._popover_18edb_16 ._item_18edb_40[data-state=open],._popover_18edb_16 ._item_18edb_40:hover{background-color:var(--surface-menu-surface-hover)}._popover_18edb_16 ._indicator_18edb_67{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_18edb_16 ._indicatorIcon_18edb_76 path{fill:var(--icon-icon-on-light)}._testContainer_18edb_80{display:flex;align-items:center;width:340px;height:56px;border:2px #9f3fed dashed}

package/dist/styles/interactive-header-text.css

@@ -1 +1 @@
-._header_d9pl2_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+._header_qqeyd_1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

package/dist/styles/interactive-text.css

@@ -1 +1 @@
-._interactiveText_2jv0p_1{text-decoration:dashed underline var(--gray-50) .5px!important;text-underline-offset:2px;width:fit-content}._interactiveText_2jv0p_1:hover{color:var(--gray-100);text-decoration-color:var(--gray-100)!important}
+._interactiveText_1i8lr_1{width:fit-content;text-decoration:dashed underline var(--gray-50) .5px!important;text-underline-offset:2px}._interactiveText_1i8lr_1:hover{color:var(--gray-100);text-decoration-color:var(--gray-100)!important}

package/dist/styles/metadata-instance-footer.css

@@ -1 +1 @@
-._metadataInstanceFooter_6auqo_1{display:flex;justify-content:flex-end}._metadataInstanceFooter_6auqo_1 ._button_6auqo_5{margin-top:var(--space-4);width:100%;font-weight:400;font-size:var(--body-default-font-size);color:var(--text-text-on-light-secondary)}._metadataInstanceFooter_6auqo_1 ._button_6auqo_5:hover{color:var(--text-text-on-light-secondary-hover)}
+._metadataInstanceFooter_r5r5c_1{display:flex;justify-content:flex-end}._metadataInstanceFooter_r5r5c_1 ._button_r5r5c_5{width:100%;margin-top:var(--space-4);color:var(--text-text-on-light-secondary);font-weight:400;font-size:var(--body-default-font-size)}._metadataInstanceFooter_r5r5c_1 ._button_r5r5c_5:hover{color:var(--text-text-on-light-secondary-hover)}

package/dist/styles/metadata-instance-form-autofill-button.css

@@ -1 +1 @@
-._loadingIndicator_1vv9u_1{position:relative;width:var(--size-8);height:var(--size-8);display:flex;align-items:center;justify-content:center;margin:unset}
+._loadingIndicator_baqvi_1{position:relative;display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);margin:unset}

package/dist/styles/metadata-instance-form-card-wrapper.css

@@ -1 +1 @@
-._metadataInstanceForm_1ae95_1{display:flex;flex-direction:column;gap:var(--space-3)}._wrapperGradient_1ae95_7{background:linear-gradient(135deg,#fe03dc,#2784fa);border-radius:var(--radius-4)}._suggestionsFetching_1ae95_12{background:var(--box-blue-02);background-clip:padding-box;border:var(--border-1) solid transparent}._metadataInstanceFormContent_1ae95_18{display:flex;flex-direction:column;position:relative;gap:var(--space-3)}._showOverlay_1ae95_25{min-height:172px}
+._metadataInstanceForm_1e6l2_1{display:flex;flex-direction:column;gap:var(--space-3)}._wrapperGradient_1e6l2_7{background:linear-gradient(135deg,#fe03dc,#2784fa);border-radius:var(--radius-4)}._suggestionsFetching_1e6l2_12{background:var(--box-blue-02);background-clip:padding-box;border:var(--border-1) solid transparent}._metadataInstanceFormContent_1e6l2_18{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}._showOverlay_1e6l2_25{min-height:172px}

package/dist/styles/metadata-instance-form-footer.css

@@ -1 +1 @@
-._metadataInstanceFormFooter_15nrg_1{padding-top:var(--space-4);border-top:solid var(--gray-10) var(--border-1);margin:0 calc(-1 * var(--space-4));width:calc(100% + 2 * var(--space-4))}._metadataInstanceFormFooter_15nrg_1 ._buttonsContainer_15nrg_7{display:flex;justify-content:space-between;padding:0 var(--space-4)}._metadataInstanceFormFooter_15nrg_1 ._buttons_15nrg_7{display:flex;gap:var(--space-2)}
+._metadataInstanceFormFooter_sqpiw_1{width:calc(100% + 2 * var(--space-4));margin:0 calc(-1 * var(--space-4));padding-top:var(--space-4);border-top:solid var(--gray-10) var(--border-1)}._metadataInstanceFormFooter_sqpiw_1 ._buttonsContainer_sqpiw_7{display:flex;justify-content:space-between;padding:0 var(--space-4)}._metadataInstanceFormFooter_sqpiw_1 ._buttons_sqpiw_7{display:flex;gap:var(--space-2)}

package/dist/styles/metadata-instance-form-header.css

@@ -1 +1 @@
-._metadataInstanceFormHeader_13lxr_1{display:flex;justify-content:space-between;align-items:center;padding-block-end:var(--space-4);border-block-end:solid var(--gray-10) var(--border-1);gap:var(--space-2)}._metadataInstanceFormHeader_13lxr_1 ._title_13lxr_9{width:100%}
+._metadataInstanceFormHeader_1hzt2_1{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;padding-block-end:var(--space-4);border-block-end:solid var(--gray-10) var(--border-1)}._metadataInstanceFormHeader_1hzt2_1 ._title_1hzt2_9{width:100%}

package/dist/styles/metadata-instance-header.css

@@ -1 +1 @@
-._metadataInstanceHeader_54pdx_1{display:flex;justify-content:space-between;height:var(--size-10)}._metadataInstanceHeader_54pdx_1 ._iconButtonsContainer_54pdx_6{display:flex;gap:var(--space-1);justify-content:flex-end;align-self:center;margin-block:0 var(--space-2);padding-left:var(--space-2)}._metadataInstanceHeader_54pdx_1 ._title_54pdx_14{margin-block:var(--space-1) var(--space-3)}
+._metadataInstanceHeader_17bsu_1{display:flex;justify-content:space-between;height:var(--size-10)}._metadataInstanceHeader_17bsu_1 ._iconButtonsContainer_17bsu_6{display:flex;gap:var(--space-1);align-self:center;justify-content:flex-end;padding-left:var(--space-2);margin-block:0 var(--space-2)}._metadataInstanceHeader_17bsu_1 ._title_17bsu_14{margin-block:var(--space-1) var(--space-3)}

package/dist/styles/utils.css

@@ -1 +1 @@
-._noAttributesText_1ggnw_1{text-align:center}._fieldWrapper_1ggnw_5{isolation:isolate;position:relative}._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>input,._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>button,._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>div[role=group]>div,._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>div>div{border-bottom:none!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>input:not(:disabled):not(:focus-visible):not(._error_1ggnw_18):hover,._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>button:not(:disabled):not(:focus-visible):not(._error_1ggnw_18):hover,._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>div[role=group]>div:not(:disabled):not(:focus-visible):not(._error_1ggnw_18):hover,._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10>div>div:not(:disabled):not(:focus-visible):not(._error_1ggnw_18):hover{border-bottom:none}._fieldWrapper_1ggnw_5 ._hasSuggestion_1ggnw_10 div[role=group]>div{margin-left:var(--border-1);margin-right:var(--border-1)}._fieldWrapper_1ggnw_5 ._dateField_1ggnw_30>div[role=group]>div{padding-inline:.75rem}._fieldWrapper_1ggnw_5 ._suggestionApplied_1ggnw_34>._comboboxContainer_1ggnw_34,._fieldWrapper_1ggnw_5 ._suggestionApplied_1ggnw_34>input,._fieldWrapper_1ggnw_5 ._suggestionApplied_1ggnw_34>button,._fieldWrapper_1ggnw_5 ._suggestionApplied_1ggnw_34>div[role=group]>div,._fieldWrapper_1ggnw_5 ._suggestionApplied_1ggnw_34>div>div{border:double var(--border-1) transparent!important;box-sizing:border-box!important;border-radius:var(--radius-2);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;outline:none}._labelWrapper_1ggnw_48{width:100%;display:flex;align-items:baseline;justify-content:space-between}._labelWrapper_1ggnw_48 ._labelText_1ggnw_54{flex:unset!important}._labelWrapper_1ggnw_48 ._labelIcon_1ggnw_57{margin-inline-end:var(--space-3);margin-inline-start:var(--space-3);height:var(--space-4);width:var(--space-4)}
+._noAttributesText_1wv72_2{text-align:center}._fieldWrapper_1wv72_6{position:relative;isolation:isolate}._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>input,._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>button,._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>div[role=group]>div,._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>div>div{border-bottom:none!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>input:not(:disabled):not(:focus-visible):not(._error_1wv72_19):hover,._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>button:not(:disabled):not(:focus-visible):not(._error_1wv72_19):hover,._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>div[role=group]>div:not(:disabled):not(:focus-visible):not(._error_1wv72_19):hover,._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11>div>div:not(:disabled):not(:focus-visible):not(._error_1wv72_19):hover{border-bottom:none}._fieldWrapper_1wv72_6 ._hasSuggestion_1wv72_11 div[role=group]>div{margin-right:var(--border-1);margin-left:var(--border-1)}._fieldWrapper_1wv72_6 ._dateField_1wv72_31>div[role=group]>div{padding-inline:.75rem}._fieldWrapper_1wv72_6 ._suggestionApplied_1wv72_35>._comboboxContainer_1wv72_35,._fieldWrapper_1wv72_6 ._suggestionApplied_1wv72_35>input,._fieldWrapper_1wv72_6 ._suggestionApplied_1wv72_35>button,._fieldWrapper_1wv72_6 ._suggestionApplied_1wv72_35>div[role=group]>div,._fieldWrapper_1wv72_6 ._suggestionApplied_1wv72_35>div>div{box-sizing:border-box!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;background-clip:padding-box,border-box!important;background-origin:border-box!important;border:double var(--border-1) transparent!important;border-radius:var(--radius-2);outline:none}._labelWrapper_1wv72_49{display:flex;align-items:baseline;justify-content:space-between;width:100%}._labelWrapper_1wv72_49 ._labelText_1wv72_55{flex:unset!important}._labelWrapper_1wv72_49 ._labelIcon_1wv72_58{width:var(--space-4);height:var(--space-4);margin-inline-end:var(--space-3);margin-inline-start:var(--space-3)}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.99.0",
+    "version": "0.99.2",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/blueprint-web": "^7.30.3",
@@ -15,9 +15,9 @@
     "devDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^11.0.0",
-        "@box/blueprint-web-assets": "^4.39.0",
-        "@box/storybook-utils": "^0.9.0",
+        "@box/blueprint-web": "^11.0.2",
+        "@box/blueprint-web-assets": "^4.40.0",
+        "@box/storybook-utils": "^0.9.2",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",