@pismo/marola 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/useCompoundItem-B7Eo_qZk.js

@@ -0,0 +1,68 @@
+import * as o from "react";
+import { u as I } from "./useEnhancedEffect-CJGo-L3B.js";
+const p = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
+function b(t) {
+  const c = Array.from(t.keys()).map((e) => {
+    const r = t.get(e);
+    return {
+      key: e,
+      subitem: r
+    };
+  });
+  return c.sort((e, r) => {
+    const n = e.subitem.ref.current, s = r.subitem.ref.current;
+    return n === null || s === null || n === s ? 0 : n.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(c.map((e) => [e.key, e.subitem]));
+}
+function x() {
+  const [t, c] = o.useState(/* @__PURE__ */ new Map()), e = o.useRef(/* @__PURE__ */ new Set()), r = o.useCallback(function(i) {
+    e.current.delete(i), c((a) => {
+      const u = new Map(a);
+      return u.delete(i), u;
+    });
+  }, []), n = o.useCallback(function(i, a) {
+    let u;
+    return typeof i == "function" ? u = i(e.current) : u = i, e.current.add(u), c((C) => {
+      const l = new Map(C);
+      return l.set(u, a), l;
+    }), {
+      id: u,
+      deregister: () => r(u)
+    };
+  }, [r]), s = o.useMemo(() => b(t), [t]), m = o.useCallback(function(i) {
+    return Array.from(s.keys()).indexOf(i);
+  }, [s]);
+  return {
+    contextValue: o.useMemo(() => ({
+      getItemIndex: m,
+      registerItem: n,
+      totalSubitemCount: t.size
+    }), [m, n, t.size]),
+    subitems: s
+  };
+}
+function S(t, c) {
+  const e = o.useContext(p);
+  if (e === null)
+    throw new Error("useCompoundItem must be used within a useCompoundParent");
+  const {
+    registerItem: r
+  } = e, [n, s] = o.useState(typeof t == "function" ? void 0 : t);
+  return I(() => {
+    const {
+      id: m,
+      deregister: d
+    } = r(t, c);
+    return s(m), d;
+  }, [r, c, t]), {
+    id: n,
+    index: n !== void 0 ? e.getItemIndex(n) : -1,
+    totalItemCount: e.totalSubitemCount
+  };
+}
+export {
+  p as C,
+  x as a,
+  S as u
+};

package/dist/useEventCallback-BAQJJ3ye.js

@@ -0,0 +1,14 @@
+import * as t from "react";
+import { u as c } from "./useEnhancedEffect-CJGo-L3B.js";
+function s(e) {
+  const r = t.useRef(e);
+  return c(() => {
+    r.current = e;
+  }), t.useRef((...u) => (
+    // @ts-expect-error hide `this`
+    (0, r.current)(...u)
+  )).current;
+}
+export {
+  s as u
+};

package/dist/useId-BW-oWmul.js

@@ -0,0 +1,19 @@
+import * as e from "react";
+let n = 0;
+function l(t) {
+  const [u, o] = e.useState(t), a = t || u;
+  return e.useEffect(() => {
+    u == null && (n += 1, o(`mui-${n}`));
+  }, [u]), a;
+}
+const s = e.useId;
+function c(t) {
+  if (s !== void 0) {
+    const u = s();
+    return t ?? u;
+  }
+  return l(t);
+}
+export {
+  c as u
+};

package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js}

@@ -1,6 +1,6 @@
-import { b as p, u as re, f as ie } from "./index-CH45lKw7.js";
+import { b as p, u as re, f as ie } from "./useSlotProps-kRhf7Gil.js";
 import * as f from "react";
-import { L as x } from "./combineHooksSlotProps-DVjg9PRh.js";
+import { L as x } from "./combineHooksSlotProps-BtBYUV_B.js";
 function W(t, e, r = (n, l) => n === l) {
   return t.length === e.length && t.every((n, l) => r(n, e[l]));
 }

package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js}

@@ -11,36 +11,7 @@ function Y() {
     return e;
   }, Y.apply(this, arguments);
 }
-function _e(e) {
-  return typeof e == "string";
-}
-function Re(e, s, t) {
-  return e === void 0 || _e(e) ? s : Y({}, s, {
-    ownerState: Y({}, s.ownerState, t)
-  });
-}
-const xe = {
-  disableDefaultClasses: !1
-}, Se = /* @__PURE__ */ ue.createContext(xe);
-process.env.NODE_ENV !== "production" && (Se.displayName = "ClassNameConfiguratorContext");
-function Ke(e) {
-  const {
-    disableDefaultClasses: s
-  } = ue.useContext(Se);
-  return (t) => s ? "" : e(t);
-}
-function we(e, s = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !s.includes(n)).forEach((n) => {
-    t[n] = e[n];
-  }), t;
-}
-function Ae(e, s, t) {
-  return typeof e == "function" ? e(s, t) : e;
-}
-function je(e, s) {
+function _e(e, s) {
   if (e == null)
     return {};
   var t = {};
@@ -52,7 +23,7 @@ function je(e, s) {
     }
   return t;
 }
-function $e(e) {
+function Re(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var se = { exports: {} }, V = { exports: {} }, P = {};
@@ -65,7 +36,7 @@ var se = { exports: {} }, V = { exports: {} }, P = {};
  * LICENSE file in the root directory of this source tree.
  */
 var de;
-function Ie() {
+function xe() {
   if (de)
     return P;
   de = 1;
@@ -141,7 +112,7 @@ var O = {};
  * LICENSE file in the root directory of this source tree.
  */
 var pe;
-function Me() {
+function we() {
   return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, u = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, _ = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, S = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, $ = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, I = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, F = e ? Symbol.for("react.scope") : 60119;
     function j(o) {
@@ -224,8 +195,8 @@ function Me() {
   }()), O;
 }
 var ye;
-function Pe() {
-  return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports = Ie() : V.exports = Me()), V.exports;
+function Se() {
+  return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports = xe() : V.exports = we()), V.exports;
 }
 /*
 object-assign
@@ -233,7 +204,7 @@ object-assign
 @license MIT
 */
 var re, ve;
-function qe() {
+function Ae() {
   if (ve)
     return re;
   ve = 1;
@@ -288,18 +259,18 @@ function ce() {
   return te = e, te;
 }
 var ne, be;
-function Oe() {
+function Pe() {
   return be || (be = 1, ne = Function.call.bind(Object.prototype.hasOwnProperty)), ne;
 }
 var oe, he;
-function Ye() {
+function je() {
   if (he)
     return oe;
   he = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var s = ce(), t = {}, n = Oe();
+    var s = ce(), t = {}, n = Pe();
     e = function(u) {
       var h = "Warning: " + u;
       typeof console < "u" && console.error(h);
@@ -342,11 +313,11 @@ function Ye() {
   }, oe = c, oe;
 }
 var ie, Ee;
-function De() {
+function $e() {
   if (Ee)
     return ie;
   Ee = 1;
-  var e = Pe(), s = qe(), t = ce(), n = Oe(), c = Ye(), u = function() {
+  var e = Se(), s = Ae(), t = ce(), n = Pe(), c = je(), u = function() {
   };
   process.env.NODE_ENV !== "production" && (u = function(f) {
     var _ = "Warning: " + f;
@@ -664,7 +635,7 @@ Valid keys: ` + JSON.stringify(Object.keys(r), null, "  ")
   }, ie;
 }
 var ae, ge;
-function ke() {
+function Ie() {
   if (ge)
     return ae;
   ge = 1;
@@ -713,12 +684,45 @@ function ke() {
   }, ae;
 }
 if (process.env.NODE_ENV !== "production") {
-  var We = Pe(), Le = !0;
-  se.exports = De()(We.isElement, Le);
+  var Me = Se(), qe = !0;
+  se.exports = $e()(Me.isElement, qe);
 } else
-  se.exports = ke()();
-var Ne = se.exports;
-const Qe = /* @__PURE__ */ $e(Ne);
+  se.exports = Ie()();
+var Ye = se.exports;
+const Ke = /* @__PURE__ */ Re(Ye);
+function De(e) {
+  return typeof e == "string";
+}
+const ke = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+}, Oe = "base";
+function We(e) {
+  return `${Oe}--${e}`;
+}
+function Le(e, s) {
+  return `${Oe}-${e}-${s}`;
+}
+function Ne(e, s) {
+  const t = ke[s];
+  return t ? We(t) : Le(e, s);
+}
+function Qe(e, s) {
+  const t = {};
+  return s.forEach((n) => {
+    t[n] = Ne(e, n);
+  }), t;
+}
 function Fe(e, s) {
   typeof e == "function" ? e(s) : e && (e.current = s);
 }
@@ -745,20 +749,32 @@ function er(e, s, t = void 0) {
     }
   ), n;
 }
-const ze = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
+function ze(e, s, t) {
+  return e === void 0 || De(e) ? s : Y({}, s, {
+    ownerState: Y({}, s.ownerState, t)
+  });
+}
+const He = {
+  disableDefaultClasses: !1
+}, Ce = /* @__PURE__ */ ue.createContext(He);
+process.env.NODE_ENV !== "production" && (Ce.displayName = "ClassNameConfiguratorContext");
+function rr(e) {
+  const {
+    disableDefaultClasses: s
+  } = ue.useContext(Ce);
+  return (t) => s ? "" : e(t);
+}
+function Ve(e, s = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !s.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
+}
+function Be(e, s, t) {
+  return typeof e == "function" ? e(s, t) : e;
+}
 function Te(e) {
   if (e === void 0)
     return {};
@@ -767,7 +783,7 @@ function Te(e) {
     s[t] = e[t];
   }), s;
 }
-function He(e) {
+function Je(e) {
   const {
     getSlotProps: s,
     additionalProps: t,
@@ -782,59 +798,42 @@ function He(e) {
       internalRef: void 0
     };
   }
-  const h = we(Y({}, c, n)), f = Te(n), _ = Te(c), v = s(h), m = le(v == null ? void 0 : v.className, t == null ? void 0 : t.className, u, c == null ? void 0 : c.className, n == null ? void 0 : n.className), S = Y({}, v == null ? void 0 : v.style, t == null ? void 0 : t.style, c == null ? void 0 : c.style, n == null ? void 0 : n.style), x = Y({}, v, t, _, f);
+  const h = Ve(Y({}, c, n)), f = Te(n), _ = Te(c), v = s(h), m = le(v == null ? void 0 : v.className, t == null ? void 0 : t.className, u, c == null ? void 0 : c.className, n == null ? void 0 : n.className), S = Y({}, v == null ? void 0 : v.style, t == null ? void 0 : t.style, c == null ? void 0 : c.style, n == null ? void 0 : n.style), x = Y({}, v, t, _, f);
   return m.length > 0 && (x.className = m), Object.keys(S).length > 0 && (x.style = S), {
     props: x,
     internalRef: v.ref
   };
 }
-const Ve = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
-function rr(e) {
+const Xe = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+function tr(e) {
   var s;
   const {
     elementType: t,
     externalSlotProps: n,
     ownerState: c,
     skipResolvingSlotProps: u = !1
-  } = e, h = je(e, Ve), f = u ? {} : Ae(n, c), {
+  } = e, h = _e(e, Xe), f = u ? {} : Be(n, c), {
     props: _,
     internalRef: v
-  } = He(Y({}, h, {
+  } = Je(Y({}, h, {
     externalSlotProps: f
   })), m = Ue(v, f == null ? void 0 : f.ref, (s = e.additionalProps) == null ? void 0 : s.ref);
-  return Re(t, Y({}, _, {
+  return ze(t, Y({}, _, {
     ref: m
   }), c);
 }
-const Ce = "base";
-function Be(e) {
-  return `${Ce}--${e}`;
-}
-function Je(e, s) {
-  return `${Ce}-${e}-${s}`;
-}
-function Xe(e, s) {
-  const t = ze[s];
-  return t ? Be(t) : Je(e, s);
-}
-function tr(e, s) {
-  const t = {};
-  return s.forEach((n) => {
-    t[n] = Xe(e, n);
-  }), t;
-}
 export {
-  Qe as P,
-  je as _,
-  tr as a,
+  Ke as P,
+  _e as _,
+  Qe as a,
   Y as b,
-  rr as c,
+  tr as c,
   er as d,
-  Ke as e,
-  we as f,
-  Xe as g,
-  $e as h,
-  _e as i,
+  rr as e,
+  Ve as f,
+  Ne as g,
+  Re as h,
+  De as i,
   Fe as s,
   Ue as u
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.9",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Dialog.module-DFEmFdYT.js

@@ -1,30 +0,0 @@
-import './assets/Dialog.css';
-const _ = "_dialog__subtitle_yi7uo_52", o = "_dialog_yi7uo_52", a = "_dialog__backdrop_yi7uo_87", y = "_dialog__panel_yi7uo_95", i = "_dialog__title_yi7uo_56", p = "_dialog__divider_yi7uo_121", t = "_dialog__actions_yi7uo_134", u = {
-  "u-typography-h1": "_u-typography-h1_yi7uo_1",
-  "u-typography-h2": "_u-typography-h2_yi7uo_8",
-  "u-typography-h3": "_u-typography-h3_yi7uo_15",
-  "u-typography-h4": "_u-typography-h4_yi7uo_22",
-  "u-typography-h5": "_u-typography-h5_yi7uo_29",
-  "u-typography-h6": "_u-typography-h6_yi7uo_36",
-  "u-typography-base": "_u-typography-base_yi7uo_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_yi7uo_48",
-  "u-typography-base--xl": "_u-typography-base--xl_yi7uo_52",
-  dialog__subtitle: _,
-  "u-typography-base--lg": "_u-typography-base--lg_yi7uo_56",
-  "dialog__title--small": "_dialog__title--small_yi7uo_56",
-  "u-typography-base--sm": "_u-typography-base--sm_yi7uo_60",
-  "u-typography-base--bold": "_u-typography-base--bold_yi7uo_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_yi7uo_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_yi7uo_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_yi7uo_73",
-  dialog: o,
-  dialog__backdrop: a,
-  dialog__panel: y,
-  dialog__title: i,
-  dialog__divider: p,
-  "dialog__close-icon": "_dialog__close-icon_yi7uo_125",
-  dialog__actions: t
-};
-export {
-  u as s
-};

package/dist/SelectButton-K3OIfR5m.js

@@ -1,61 +0,0 @@
-import './assets/SelectButton.css';
-import { jsxs as l, jsx as _ } from "react/jsx-runtime";
-import * as o from "react";
-import { forwardRef as u } from "react";
-import { c as b } from "./clsx-DB4S2d7J.js";
-import { Typography as y } from "./components/Typography/Typography.js";
-const g = "_select__listbox__option__text_11qky_64", x = "_select_11qky_64", d = "_select__popup_11qky_80", k = "_select__listbox_11qky_64", q = "_select__listbox__option_11qky_64", m = "_select__listbox__option__icon_11qky_101", w = "_select__list__option__icon_11qky_122", e = {
-  "u-typography-h1": "_u-typography-h1_11qky_1",
-  "u-typography-h2": "_u-typography-h2_11qky_8",
-  "u-typography-h3": "_u-typography-h3_11qky_15",
-  "u-typography-h4": "_u-typography-h4_11qky_22",
-  "u-typography-h5": "_u-typography-h5_11qky_29",
-  "u-typography-h6": "_u-typography-h6_11qky_36",
-  "u-typography-base": "_u-typography-base_11qky_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_11qky_48",
-  "u-typography-base--xl": "_u-typography-base--xl_11qky_52",
-  "u-typography-base--lg": "_u-typography-base--lg_11qky_56",
-  "u-typography-base--sm": "_u-typography-base--sm_11qky_60",
-  "u-typography-base--bold": "_u-typography-base--bold_11qky_64",
-  select__listbox__option__text: g,
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_11qky_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_11qky_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_11qky_73",
-  select: x,
-  select__popup: d,
-  select__listbox: k,
-  select__listbox__option: q,
-  select__listbox__option__icon: m,
-  "select__listbox__option--disabled": "_select__listbox__option--disabled_11qky_105",
-  "select__listbox__option--selected": "_select__listbox__option--selected_11qky_114",
-  select__list__option__icon: w,
-  "select-button": "_select-button_11qky_127",
-  "base-Select-popup": "_base-Select-popup_11qky_145",
-  "select-button__text": "_select-button__text_11qky_148",
-  "select-button__icon": "_select-button__icon_11qky_157",
-  "select-button--active": "_select-button--active_11qky_163"
-}, C = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), f = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), E = u((t, a) => {
-  const { children: c, disabled: i, className: n, "data-testid": r, prefix: s, onClick: h } = t, p = t["aria-expanded"];
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      className: b(n, p ? e["select-button--active"] : "", e["select-button"]),
-      type: "button",
-      onClick: h,
-      disabled: i,
-      "data-testid": r,
-      ref: a,
-      children: [
-        /* @__PURE__ */ l("span", { className: e["select-button__text"], children: [
-          s && /* @__PURE__ */ _(y, { children: s }),
-          /* @__PURE__ */ _(y, { children: c })
-        ] }),
-        /* @__PURE__ */ _("span", { className: e["select-button__icon"], children: p ? /* @__PURE__ */ _(f, {}) : /* @__PURE__ */ _(C, {}) })
-      ]
-    }
-  );
-});
-export {
-  E as S,
-  e as s
-};