@pismo/marola 1.0.0-beta.23 → 1.0.0-beta.25

package/dist/components/Select/Select.js

@@ -1,9 +1,9 @@
-import { jsx as h, jsxs as Re } from "react/jsx-runtime";
+import { jsx as g, jsxs as Re } from "react/jsx-runtime";
 import * as s from "react";
 import { useId as ze } from "react";
 import { c as ne } from "../../clsx-DB4S2d7J.js";
 import { Typography as Ve } from "../Typography/Typography.js";
-import { s as N, S as We } from "../../SelectButton-oWzluvmj.js";
+import { s as w, S as We } from "../../SelectButton-BlVl6pJn.js";
 import { g as we, a as Ie, u as X, f as le, b as m, P as l, _ as ke, c as se, d as Ne, e as Me } from "../../useSlotProps-C_I1kEHr.js";
 import { u as Je, c as re, a as _e, L as Q } from "../../combineHooksSlotProps-C-zYvfnF.js";
 import { u as Te } from "../../useButton-DcihopJG.js";
@@ -41,39 +41,39 @@ function st(n) {
   } = Je({
     item: o
   }), {
-    getRootProps: P,
-    rootRef: V
+    getRootProps: C,
+    rootRef: O
   } = Te({
     disabled: c,
     focusableWhenDisabled: !0
-  }), x = Le(u), v = s.useRef(null), g = s.useMemo(() => ({
+  }), h = Le(u), P = s.useRef(null), v = s.useMemo(() => ({
     disabled: c,
     label: a,
     value: o,
-    ref: v,
-    id: x
-  }), [c, a, o, x]), {
-    index: S
-  } = Ge(o, g), _ = X(r, v, V), T = (b) => (y) => {
-    var R;
-    (R = b.onKeyDown) == null || R.call(b, y), !y.defaultMuiPrevented && [" ", "Enter"].includes(y.key) && (y.defaultMuiPrevented = !0);
+    ref: P,
+    id: h
+  }), [c, a, o, h]), {
+    index: y
+  } = Ge(o, v), R = X(r, P, O), I = (b) => (_) => {
+    var S;
+    (S = b.onKeyDown) == null || S.call(b, _), !_.defaultMuiPrevented && [" ", "Enter"].includes(_.key) && (_.defaultMuiPrevented = !0);
   }, B = (b = {}) => ({
-    onKeyDown: T(b)
+    onKeyDown: I(b)
   });
   return {
     getRootProps: (b = {}) => {
-      const y = le(b), R = re(p, re(P, B));
-      return m({}, b, y, R(y), {
-        id: x,
-        ref: _,
+      const _ = le(b), S = re(p, re(C, B));
+      return m({}, b, _, S(_), {
+        id: h,
+        ref: R,
         role: "option",
         "aria-selected": d
       });
     },
     highlighted: f,
-    index: S,
+    index: y,
     selected: d,
-    rootRef: _
+    rootRef: R
   };
 }
 function rt(n) {
@@ -87,8 +87,8 @@ function rt(n) {
     highlighted: r,
     selected: u,
     focusable: p
-  } = a(n), f = s.useCallback((P) => {
-    if (P !== n)
+  } = a(n), f = s.useCallback((C) => {
+    if (C !== n)
       throw new Error(["Base UI Option: Tried to access the state of another Option.", "This is unsupported when the Option uses the OptionContextStabilizer as a performance optimization."].join("/n"));
     return {
       highlighted: r,
@@ -121,32 +121,32 @@ const ut = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, a) {
     disabled: p = !1,
     label: f,
     slotProps: d = {},
-    slots: P = {},
-    value: V
-  } = o, x = ke(o, it), v = (c = P.root) != null ? c : "li", g = s.useRef(null), S = X(g, a), _ = f ?? (typeof u == "string" ? u : (r = g.current) == null || (r = r.textContent) == null ? void 0 : r.trim()), {
-    getRootProps: T,
+    slots: C = {},
+    value: O
+  } = o, h = ke(o, it), P = (c = C.root) != null ? c : "li", v = s.useRef(null), y = X(v, a), R = f ?? (typeof u == "string" ? u : (r = v.current) == null || (r = r.textContent) == null ? void 0 : r.trim()), {
+    getRootProps: I,
     selected: B,
     highlighted: b,
-    index: y
+    index: _
   } = st({
     disabled: p,
-    label: _,
-    rootRef: S,
-    value: V
-  }), R = m({}, o, {
+    label: R,
+    rootRef: y,
+    value: O
+  }), S = m({}, o, {
     disabled: p,
     highlighted: b,
-    index: y,
+    index: _,
     selected: B
-  }), j = at(R), w = se({
-    getSlotProps: T,
-    elementType: v,
+  }), j = at(S), k = se({
+    getSlotProps: I,
+    elementType: P,
     externalSlotProps: d.root,
-    externalForwardedProps: x,
+    externalForwardedProps: h,
     className: j.root,
-    ownerState: R
+    ownerState: S
   });
-  return /* @__PURE__ */ h(v, m({}, w, {
+  return /* @__PURE__ */ g(P, m({}, k, {
     children: u
   }));
 })), Be = /* @__PURE__ */ s.forwardRef(function(o, a) {
@@ -155,9 +155,9 @@ const ut = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(o, a) {
   } = o, {
     contextValue: r
   } = rt(c);
-  return /* @__PURE__ */ h(_e.Provider, {
+  return /* @__PURE__ */ g(_e.Provider, {
     value: r,
-    children: /* @__PURE__ */ h(ut, m({}, o, {
+    children: /* @__PURE__ */ g(ut, m({}, o, {
       ref: a
     }))
   });
@@ -286,18 +286,18 @@ function pt(n) {
     listboxId: p,
     listboxRef: f,
     multiple: d = !1,
-    name: P,
-    required: V,
-    onChange: x,
-    onHighlightChange: v,
-    onOpenChange: g,
-    open: S,
-    options: _,
-    getOptionAsString: T = Ee,
+    name: C,
+    required: O,
+    onChange: h,
+    onHighlightChange: P,
+    onOpenChange: v,
+    open: y,
+    options: R,
+    getOptionAsString: I = Ee,
     getSerializedValue: B = dt,
     value: b,
-    componentName: y = "useSelect"
-  } = n, R = s.useRef(null), j = X(a, R), w = s.useRef(null), H = Le(p);
+    componentName: _ = "useSelect"
+  } = n, S = s.useRef(null), j = X(a, S), k = s.useRef(null), H = Le(p);
   let E;
   b === void 0 && r === void 0 ? E = [] : r !== void 0 && (d ? E = r : E = r == null ? [] : [r]);
   const Y = s.useMemo(() => {
@@ -306,13 +306,13 @@ function pt(n) {
   }, [b, d]), {
     subitems: L,
     contextValue: F
-  } = Qe(), I = s.useMemo(() => _ != null ? new Map(_.map((e, t) => [e.value, {
+  } = Qe(), N = s.useMemo(() => R != null ? new Map(R.map((e, t) => [e.value, {
     value: e.value,
     label: e.label,
     disabled: e.disabled,
     ref: /* @__PURE__ */ s.createRef(),
     id: `${H}_${t}`
-  }])) : L, [_, L, H]), ae = X(f, w), {
+  }])) : L, [R, L, H]), ae = X(f, k), {
     getRootProps: Z,
     active: ue,
     focusVisible: ce,
@@ -320,40 +320,40 @@ function pt(n) {
   } = Te({
     disabled: u,
     rootRef: j
-  }), q = s.useMemo(() => Array.from(I.keys()), [I]), O = s.useCallback((e) => {
+  }), q = s.useMemo(() => Array.from(N.keys()), [N]), V = s.useCallback((e) => {
     if (o !== void 0) {
       const t = q.find((i) => o(i, e));
-      return I.get(t);
+      return N.get(t);
     }
-    return I.get(e);
-  }, [I, o, q]), ee = s.useCallback((e) => {
+    return N.get(e);
+  }, [N, o, q]), ee = s.useCallback((e) => {
     var t;
-    const i = O(e);
+    const i = V(e);
     return (t = i == null ? void 0 : i.disabled) != null ? t : !1;
-  }, [O]), te = s.useCallback((e) => {
-    const t = O(e);
-    return t ? T(t) : "";
-  }, [O, T]), de = s.useMemo(() => ({
+  }, [V]), te = s.useCallback((e) => {
+    const t = V(e);
+    return t ? I(t) : "";
+  }, [V, I]), de = s.useMemo(() => ({
     selectedValues: Y,
-    open: S
-  }), [Y, S]), pe = s.useCallback((e) => {
+    open: y
+  }), [Y, y]), pe = s.useCallback((e) => {
     var t;
-    return (t = I.get(e)) == null ? void 0 : t.id;
-  }, [I]), fe = s.useCallback((e, t) => {
+    return (t = N.get(e)) == null ? void 0 : t.id;
+  }, [N]), fe = s.useCallback((e, t) => {
     if (d)
-      x == null || x(e, t);
+      h == null || h(e, t);
     else {
       var i;
-      x == null || x(e, (i = t[0]) != null ? i : null);
+      h == null || h(e, (i = t[0]) != null ? i : null);
     }
-  }, [d, x]), be = s.useCallback((e, t) => {
-    v == null || v(e, t ?? null);
-  }, [v]), me = s.useCallback((e, t, i) => {
-    if (t === "open" && (g == null || g(i), i === !1 && (e == null ? void 0 : e.type) !== "blur")) {
-      var C;
-      (C = R.current) == null || C.focus();
+  }, [d, h]), be = s.useCallback((e, t) => {
+    P == null || P(e, t ?? null);
+  }, [P]), me = s.useCallback((e, t, i) => {
+    if (t === "open" && (v == null || v(i), i === !1 && (e == null ? void 0 : e.type) !== "blur")) {
+      var x;
+      (x = S.current) == null || x.focus();
     }
-  }, [g]), ge = s.useCallback((e) => {
+  }, [v]), ge = s.useCallback((e) => {
     var t, i;
     return e == null ? null : (t = (i = L.get(e)) == null ? void 0 : i.ref.current) != null ? t : null;
   }, [L]), he = {
@@ -382,39 +382,39 @@ function pt(n) {
     getItemAsString: te,
     selectionMode: d ? "multiple" : "single",
     stateReducer: ct,
-    componentName: y
+    componentName: _
   }, {
     dispatch: D,
     getRootProps: xe,
     contextValue: K,
     state: {
-      open: k,
+      open: M,
       highlightedValue: A,
-      selectedValues: M
+      selectedValues: T
     },
     rootRef: z
-  } = tt(he), Ce = s.useRef(k);
+  } = tt(he), Ce = s.useRef(M);
   ot(() => {
-    if (k && A !== null) {
+    if (M && A !== null) {
       var e;
-      const t = (e = O(A)) == null ? void 0 : e.ref;
-      if (!w.current || !(t != null && t.current))
+      const t = (e = V(A)) == null ? void 0 : e.ref;
+      if (!k.current || !(t != null && t.current))
         return;
       Ce.current || t.current.focus({
         preventScroll: !0
       });
-      const i = w.current.getBoundingClientRect(), C = t.current.getBoundingClientRect();
-      C.top < i.top ? w.current.scrollTop -= i.top - C.top : C.bottom > i.bottom && (w.current.scrollTop += C.bottom - i.bottom);
+      const i = k.current.getBoundingClientRect(), x = t.current.getBoundingClientRect();
+      x.top < i.top ? k.current.scrollTop -= i.top - x.top : x.bottom > i.bottom && (k.current.scrollTop += x.bottom - i.bottom);
     }
-  }, [k, A, O]);
-  const W = s.useCallback((e) => O(e), [O]), Pe = (e) => (t) => {
+  }, [M, A, V]);
+  const W = s.useCallback((e) => V(e), [V]), Pe = (e) => (t) => {
     var i;
     if (e == null || (i = e.onClick) == null || i.call(e, t), !t.defaultMuiPrevented) {
-      const C = {
+      const x = {
         type: ie.buttonClick,
         event: t
       };
-      D(C);
+      D(x);
     }
   }, J = (e) => (t) => {
     var i;
@@ -428,14 +428,14 @@ function pt(n) {
     onKeyDown: J(e)
   }), $ = (e = {}) => m({}, e, oe(e), {
     role: "combobox",
-    "aria-expanded": k,
+    "aria-expanded": M,
     "aria-controls": H
   }), He = (e = {}) => {
     const t = le(e), i = re($, Z);
     return m({}, e, i(t));
   }, Fe = (e) => (t) => {
-    var i, C;
-    (i = e.onBlur) == null || i.call(e, t), !t.defaultMuiPrevented && ((C = w.current) != null && C.contains(t.relatedTarget) || t.relatedTarget === R.current) && (t.defaultMuiPrevented = !0);
+    var i, x;
+    (i = e.onBlur) == null || i.call(e, t), !t.defaultMuiPrevented && ((x = k.current) != null && x.contains(t.relatedTarget) || t.relatedTarget === S.current) && (t.defaultMuiPrevented = !0);
   }, qe = (e = {}) => ({
     onBlur: Fe(e)
   }), je = (e = {}) => {
@@ -447,13 +447,13 @@ function pt(n) {
     }, e, i(t));
   };
   s.useDebugValue({
-    selectedOptions: M,
+    selectedOptions: T,
     highlightedOption: A,
-    open: k
+    open: M
   });
   const Ue = s.useMemo(() => m({}, K, F), [K, F]);
   let G;
-  n.multiple ? G = M : G = M.length > 0 ? M[0] : null;
+  n.multiple ? G = T : G = T.length > 0 ? T[0] : null;
   let ve;
   if (d)
     ve = G.map((e) => W(e)).filter((e) => e !== void 0);
@@ -465,12 +465,12 @@ function pt(n) {
     var i;
     if (e == null || (i = e.onChange) == null || i.call(e, t), t.defaultMuiPrevented)
       return;
-    const C = I.get(t.target.value);
+    const x = N.get(t.target.value);
     t.target.value === "" ? D({
       type: Q.clearSelection
-    }) : C !== void 0 && D({
+    }) : x !== void 0 && D({
       type: ie.browserAutoFill,
-      item: C.value,
+      item: x.value,
       event: t
     });
   };
@@ -485,10 +485,10 @@ function pt(n) {
     getHiddenInputProps: (e = {}) => {
       const t = le(e);
       return m({
-        name: P,
+        name: C,
         tabIndex: -1,
         "aria-hidden": !0,
-        required: V ? !0 : void 0,
+        required: O ? !0 : void 0,
         value: B(ve),
         style: nt
       }, e, {
@@ -498,7 +498,7 @@ function pt(n) {
     getListboxProps: je,
     getOptionMetadata: W,
     listboxRef: z,
-    open: k,
+    open: M,
     options: q,
     value: G,
     highlightedOption: A
@@ -518,14 +518,14 @@ function ft(n) {
     dispatch: c,
     getItemState: u,
     getItemIndex: r
-  }), [c, r, u]), P = s.useMemo(() => ({
+  }), [c, r, u]), C = s.useMemo(() => ({
     getItemIndex: r,
     registerItem: p,
     totalSubitemCount: f
   }), [p, r, f]);
-  return /* @__PURE__ */ h(Xe.Provider, {
-    value: P,
-    children: /* @__PURE__ */ h(_e.Provider, {
+  return /* @__PURE__ */ g(Xe.Provider, {
+    value: C,
+    children: /* @__PURE__ */ g(_e.Provider, {
       value: d,
       children: a
     })
@@ -540,7 +540,7 @@ var Oe;
 const mt = ["areOptionsEqual", "autoComplete", "autoFocus", "children", "defaultValue", "defaultListboxOpen", "disabled", "getSerializedValue", "listboxId", "listboxOpen", "multiple", "name", "required", "onChange", "onListboxOpenChange", "getOptionAsString", "renderValue", "placeholder", "slotProps", "slots", "value"];
 function gt(n) {
   var o;
-  return Array.isArray(n) ? /* @__PURE__ */ h(s.Fragment, {
+  return Array.isArray(n) ? /* @__PURE__ */ g(s.Fragment, {
     children: n.map((a) => a.label).join(", ")
   }) : (o = n == null ? void 0 : n.label) != null ? o : null;
 }
@@ -561,32 +561,32 @@ const $e = /* @__PURE__ */ s.forwardRef(function(o, a) {
   var c, r, u, p, f;
   const {
     areOptionsEqual: d,
-    autoComplete: P,
-    autoFocus: V,
-    children: x,
-    defaultValue: v,
-    defaultListboxOpen: g = !1,
-    disabled: S,
-    getSerializedValue: _,
-    listboxId: T,
+    autoComplete: C,
+    autoFocus: O,
+    children: h,
+    defaultValue: P,
+    defaultListboxOpen: v = !1,
+    disabled: y,
+    getSerializedValue: R,
+    listboxId: I,
     listboxOpen: B,
     multiple: b = !1,
-    name: y,
-    required: R = !1,
+    name: _,
+    required: S = !1,
     onChange: j,
-    onListboxOpenChange: w,
+    onListboxOpenChange: k,
     getOptionAsString: H = Ee,
     renderValue: E,
     placeholder: Y,
     slotProps: L = {},
     slots: F = {},
-    value: I
-  } = o, ae = ke(o, mt), Z = E ?? gt, [ue, ce] = s.useState(!1), U = s.useRef(null), q = s.useRef(null), O = (c = F.root) != null ? c : "button", ee = (r = F.listbox) != null ? r : "ul", te = (u = F.popup) != null ? u : "div", de = s.useCallback(($) => {
+    value: N
+  } = o, ae = ke(o, mt), Z = E ?? gt, [ue, ce] = s.useState(!1), U = s.useRef(null), q = s.useRef(null), V = (c = F.root) != null ? c : "button", ee = (r = F.listbox) != null ? r : "ul", te = (u = F.popup) != null ? u : "div", de = s.useCallback(($) => {
     ce($ != null);
   }, []), pe = X(a, U, de);
   s.useEffect(() => {
-    V && U.current.focus();
-  }, [V]);
+    O && U.current.focus();
+  }, [O]);
   const {
     buttonActive: fe,
     buttonFocusVisible: be,
@@ -596,40 +596,40 @@ const $e = /* @__PURE__ */ s.forwardRef(function(o, a) {
     getListboxProps: D,
     getHiddenInputProps: xe,
     getOptionMetadata: K,
-    value: k,
+    value: M,
     open: A
   } = pt({
-    name: y,
-    required: R,
-    getSerializedValue: _,
+    name: _,
+    required: S,
+    getSerializedValue: R,
     areOptionsEqual: d,
     buttonRef: pe,
-    defaultOpen: g,
-    defaultValue: v,
-    disabled: S,
-    listboxId: T,
+    defaultOpen: v,
+    defaultValue: P,
+    disabled: y,
+    listboxId: I,
     multiple: b,
     open: B,
     onChange: j,
-    onOpenChange: w,
+    onOpenChange: k,
     getOptionAsString: H,
-    value: I,
+    value: N,
     componentName: "Select"
-  }), M = m({}, o, {
+  }), T = m({}, o, {
     active: fe,
-    defaultListboxOpen: g,
+    defaultListboxOpen: v,
     disabled: ge,
     focusVisible: be,
     open: A,
     multiple: b,
     renderValue: Z,
-    value: k
-  }), z = ht(M), Ce = se({
-    elementType: O,
+    value: M
+  }), z = ht(T), Ce = se({
+    elementType: V,
     getSlotProps: he,
     externalSlotProps: L.root,
     externalForwardedProps: ae,
-    ownerState: M,
+    ownerState: T,
     className: z.root
   }), W = se({
     elementType: ee,
@@ -638,7 +638,7 @@ const $e = /* @__PURE__ */ s.forwardRef(function(o, a) {
     additionalProps: {
       ref: q
     },
-    ownerState: M,
+    ownerState: T,
     className: z.listbox
   }), Pe = se({
     elementType: te,
@@ -650,39 +650,39 @@ const $e = /* @__PURE__ */ s.forwardRef(function(o, a) {
       placement: "bottom-start",
       role: void 0
     },
-    ownerState: M,
+    ownerState: T,
     className: z.popup
   });
   let J;
   if (b)
-    J = k.map(($) => K($)).filter(($) => $ !== void 0);
+    J = M.map(($) => K($)).filter(($) => $ !== void 0);
   else {
     var oe;
-    J = (oe = K(k)) != null ? oe : null;
+    J = (oe = K(M)) != null ? oe : null;
   }
   return /* @__PURE__ */ Re(s.Fragment, {
-    children: [/* @__PURE__ */ h(O, m({}, Ce, {
+    children: [/* @__PURE__ */ g(V, m({}, Ce, {
       children: (p = (f = Z(J)) != null ? f : Y) != null ? p : (
         // fall back to a zero-width space to prevent layout shift
         // from https://github.com/mui/material-ui/pull/24563
-        Oe || (Oe = /* @__PURE__ */ h("span", {
+        Oe || (Oe = /* @__PURE__ */ g("span", {
           className: "notranslate",
           children: "​"
         }))
       )
-    })), ue && /* @__PURE__ */ h(Ye, m({
+    })), ue && /* @__PURE__ */ g(Ye, m({
       slots: {
         root: te
       }
     }, Pe, {
-      children: /* @__PURE__ */ h(ee, m({}, W, {
-        children: /* @__PURE__ */ h(ft, {
+      children: /* @__PURE__ */ g(ee, m({}, W, {
+        children: /* @__PURE__ */ g(ft, {
           value: me,
-          children: x
+          children: h
         })
       }))
-    })), /* @__PURE__ */ h("input", m({}, xe(), {
-      autoComplete: P
+    })), /* @__PURE__ */ g("input", m({}, xe(), {
+      autoComplete: C
     }))]
   });
 });
@@ -821,15 +821,15 @@ const xt = (n) => {
       ...r,
       slotProps: {
         root: (u) => ({
-          className: ne(N.select__listbox__option, c, {
-            [N["select__listbox__option--disabled"]]: u.disabled,
-            [N["select__listbox__option--selected"]]: u.selected
+          className: ne(w.select__listbox__option, c, {
+            [w["select__listbox__option--disabled"]]: u.disabled,
+            [w["select__listbox__option--selected"]]: u.selected
           })
         })
       },
       children: [
-        a ? /* @__PURE__ */ h("span", { className: N.select__listbox__option__icon, children: a }) : "",
-        /* @__PURE__ */ h(Ve, { className: N.select__listbox__option__text, children: o })
+        a ? /* @__PURE__ */ g("span", { className: w.select__listbox__option__icon, children: a }) : "",
+        /* @__PURE__ */ g(Ve, { className: w.select__listbox__option__text, children: o })
       ]
     }
   );
@@ -843,39 +843,49 @@ const xt = (n) => {
     classNameWrapper: p,
     classNameLabel: f,
     testIdLabel: d,
-    testIdWrapper: P,
-    ...V
-  } = n, x = (S, _) => {
-    S && (r == null || r(_, S));
-  }, v = ze(), g = c || `select_${v}`;
+    testIdWrapper: C,
+    fullWidth: O = !0,
+    ...h
+  } = n, P = (R, I) => {
+    R && (r == null || r(I, R));
+  }, v = ze(), y = c || `select_${v}`;
   return /* @__PURE__ */ Re(
     "div",
     {
-      className: ne(N.select__wrapper, p),
-      "data-testid": P,
-      id: `${g}_wrapper`,
+      className: ne(
+        w.select__wrapper,
+        !O && w["select__wrapper--fit-content-width"],
+        p
+      ),
+      "data-testid": C,
+      id: `${y}_wrapper`,
       children: [
-        u && /* @__PURE__ */ h(
+        u && /* @__PURE__ */ g(
           Ve,
           {
             element: "label",
-            elementProps: { htmlFor: g, id: `${g}_label` },
-            className: ne(N.select__label, f),
+            elementProps: { htmlFor: y, id: `${y}_label` },
+            className: ne(w.select__label, f),
             "data-testid": d,
             children: u
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ g(
           $e,
           {
-            ...V,
-            id: g,
-            onChange: x,
-            className: ne(N.select, a),
+            ...h,
+            id: y,
+            onChange: P,
+            className: ne(w.select, a),
             slots: { root: We },
             slotProps: {
-              listbox: { className: N.select__listbox },
-              popup: { className: N.select__popup, strategy: "fixed" }
+              root: { fullWidth: O },
+              listbox: { className: w.select__listbox },
+              popup: {
+                className: w.select__popup,
+                disablePortal: !0,
+                strategy: "absolute"
+              }
             },
             children: o
           }

package/dist/components/Select/SelectButton.d.ts

@@ -8,5 +8,6 @@ export interface SelectButtonProps {
     prefix?: string;
     'data-testid'?: string;
     onClick: () => void;
+    fullWidth?: boolean;
 }
 export declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Select/SelectButton.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Typography/Typography.js";
-import { S as e } from "../../SelectButton-oWzluvmj.js";
+import { S as e } from "../../SelectButton-BlVl6pJn.js";
 export {
   e as SelectButton
 };