@orioncactuscorp/ui 1.9.2 → 1.11.0

package/dist/components/Accordion/Accordion.js

@@ -1,260 +1,252 @@
 'use client';
-import { jsx as d, jsxs as E } from "react/jsx-runtime";
-import { useRef as K, useState as $, useCallback as q, useId as O, createContext as z, useContext as B } from "react";
-import { MotionExpand as F } from "../../react/motion.js";
-import M from "../Interaction/Interaction.js";
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+import { useRef as T, useState as V, useMemo as U, useId as K, useCallback as M, createContext as $, useContext as q } from "react";
+import { MotionExpand as O } from "../../react/motion.js";
+import { mergeRefs as z } from "../../utils/mergeRefs.js";
+import F from "../Interaction/Interaction.js";
 import { DisclosureIndicator as G } from "../internal/DisclosureIndicator.js";
-import { normalizeSlotIcon as V } from "../internal/slot.js";
-import f from "./Accordion.module.scss.js";
-const H = z(null), j = z(
+import { normalizeSlotIcon as E } from "../internal/slot.js";
+import m from "./Accordion.module.scss.js";
+const B = $(null), H = $(
   null
 );
-function S(t) {
-  const o = B(H);
-  if (!o)
-    throw new Error(`${t} must be used within Accordion.`);
-  return o;
+function S(o) {
+  const e = q(B);
+  if (!e)
+    throw new Error(`${o} must be used within Accordion.`);
+  return e;
 }
-function T(t) {
-  const o = B(j);
-  if (!o)
-    throw new Error(`${t} must be used within AccordionItem.`);
-  return o;
+function j(o) {
+  const e = q(H);
+  if (!e)
+    throw new Error(`${o} must be used within AccordionItem.`);
+  return e;
 }
-function R(t, o) {
-  const e = Array.from(new Set(t.filter(Boolean)));
-  return o ? e : e.slice(0, 1);
+function P(o, e) {
+  const t = Array.from(new Set(o.filter(Boolean)));
+  return e ? t : t.slice(0, 1);
 }
-function w(...t) {
-  return t.filter(Boolean).join(" ");
+function w(...o) {
+  return o.filter(Boolean).join(" ");
 }
-function k(t, o) {
-  typeof t == "function" ? t(o) : t && (t.current = o);
-}
-function J(t) {
-  return t ? Array.from(
-    t.querySelectorAll(
+function J(o) {
+  return o ? Array.from(
+    o.querySelectorAll(
       '[data-oc-component="accordion-summary"]:not(:disabled)'
     )
-  ).filter((o) => o.getAttribute("aria-hidden") !== "true") : [];
+  ).filter((e) => e.getAttribute("aria-hidden") !== "true") : [];
 }
 function L({
-  root: t,
-  currentTarget: o,
-  key: e,
+  root: o,
+  currentTarget: e,
+  key: t,
   loopFocus: r
 }) {
-  const u = J(t), a = u.indexOf(o);
+  const l = J(o), a = l.indexOf(e);
   if (a < 0) return;
-  const c = u.length - 1;
+  const c = l.length - 1;
   let i = a;
-  e === "Home" ? i = 0 : e === "End" ? i = c : e === "ArrowDown" ? i = a === c ? r ? 0 : c : a + 1 : e === "ArrowUp" && (i = a === 0 ? r ? c : 0 : a - 1), u[i]?.focus();
+  t === "Home" ? i = 0 : t === "End" ? i = c : t === "ArrowDown" ? i = a === c ? r ? 0 : c : a + 1 : t === "ArrowUp" && (i = a === 0 ? r ? c : 0 : a - 1), l[i]?.focus();
 }
-function Q(t) {
-  return t >= 2 && t <= 6;
+function Q(o) {
+  return o >= 2 && o <= 6;
 }
-function et({
-  children: t,
-  className: o = "",
-  collapsible: e = !0,
+function no({
+  children: o,
+  className: e = "",
+  collapsible: t = !0,
   defaultValue: r = [],
-  disabled: u = !1,
+  disabled: l = !1,
   disableAnimation: a = !1,
   divider: c = "neutral",
   loopFocus: i = !0,
   multiple: n = !0,
-  onValueChange: A,
-  ref: y,
-  value: p,
-  ...h
+  onValueChange: f,
+  ref: p,
+  value: A,
+  ...g
 }) {
-  const g = K(null), v = p !== void 0, [I, b] = $(
-    () => R(r, n)
-  ), s = R(
-    v ? p : I,
+  const h = T(null), v = A !== void 0, [I, y] = V(
+    () => P(r, n)
+  ), d = P(
+    v ? A : I,
     n
-  ), x = (m) => {
-    g.current = m, k(y, m);
-  }, D = (m) => {
-    const C = R(m, n);
-    v || b(C), A?.(C);
-  }, P = (m) => {
-    if (u) return;
-    if (s.includes(m)) {
-      if (!e) return;
-      D(s.filter((N) => N !== m));
+  ), b = (x) => {
+    const D = P(x, n);
+    v || y(D), f?.(D);
+  }, C = (x) => {
+    if (l) return;
+    if (d.includes(x)) {
+      if (!t) return;
+      b(d.filter((N) => N !== x));
       return;
     }
-    D(n ? [...s, m] : [m]);
+    b(n ? [...d, x] : [x]);
   };
-  return /* @__PURE__ */ d(
-    H.Provider,
+  return /* @__PURE__ */ s(
+    B.Provider,
     {
       value: {
-        value: s,
-        collapsible: e,
-        disabled: u,
+        value: d,
+        collapsible: t,
+        disabled: l,
         divider: c,
         disableAnimation: a,
         loopFocus: i,
-        rootRef: g,
-        toggleItem: P
+        rootRef: h,
+        toggleItem: C
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ s(
         "div",
         {
-          ref: x,
-          className: w(f.accordion, f[c], o),
-          ...h,
+          ref: z(h, p),
+          className: w(m.accordion, m[c], e),
+          ...g,
           "data-oc-component": "accordion",
-          "data-oc-disabled": u ? "true" : void 0,
+          "data-oc-disabled": l ? "true" : void 0,
           "data-oc-divider": c,
           "data-oc-animation": a ? "disabled" : void 0,
-          children: t
+          children: o
         }
       )
     }
   );
 }
-function nt({
-  children: t,
-  className: o = "",
-  disabled: e = !1,
+function ro({
+  children: o,
+  className: e = "",
+  disabled: t = !1,
   divider: r,
-  ref: u,
+  ref: l,
   value: a,
   ...c
 }) {
-  const i = S("AccordionItem"), n = O(), A = i.disabled || e, y = i.value.includes(a), p = r ?? i.divider, [h, g] = $(y), v = q((I) => {
-    g(
-      (b) => b === I ? b : I
+  const i = S("AccordionItem"), n = K(), f = i.disabled || t, p = i.value.includes(a), A = r ?? i.divider, [g, h] = V(p), v = M((I) => {
+    h(
+      (y) => y === I ? y : I
     );
   }, []);
-  return /* @__PURE__ */ d(
-    j.Provider,
+  return /* @__PURE__ */ s(
+    H.Provider,
     {
       value: {
         value: a,
-        open: y,
-        disabled: A,
-        divider: p,
+        open: p,
+        disabled: f,
+        divider: A,
         summaryId: `${n}-summary`,
         detailsId: `${n}-details`,
-        detailsPresent: h,
+        detailsPresent: g,
         setDetailsPresent: v
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ s(
         "div",
         {
-          ref: u,
-          className: w(f.item, o),
+          ref: l,
+          className: w(m.item, e),
           ...c,
           "data-oc-component": "accordion-item",
-          "data-oc-disabled": A ? "true" : void 0,
-          "data-oc-divider": p,
-          "data-oc-state": y ? "open" : "closed",
-          children: t
+          "data-oc-disabled": f ? "true" : void 0,
+          "data-oc-divider": A,
+          "data-oc-state": p ? "open" : "closed",
+          children: o
         }
       )
     }
   );
 }
-function rt({
-  children: t,
-  className: o = "",
-  content: e,
+function ao({
+  children: o,
+  className: e = "",
+  content: t,
   description: r,
-  disabled: u = !1,
+  disabled: l = !1,
   fillWidth: a = !1,
   headingLevel: c = 3,
   interactionVariant: i = "light",
   leading: n,
-  onClick: A,
-  onKeyDown: y,
-  ref: p,
-  trailing: h,
-  type: g = "button",
+  onClick: f,
+  onKeyDown: p,
+  ref: A,
+  trailing: g,
+  type: h = "button",
   verticalAlign: v = "top",
   ...I
 }) {
-  const b = S("AccordionSummary"), s = T("AccordionSummary"), x = s.disabled || u, D = s.open && !b.collapsible, P = `h${Q(c) ? c : 3}`, m = e ?? (r ? /* @__PURE__ */ E("span", { "data-oc-part": "text", children: [
-    /* @__PURE__ */ d("span", { "data-oc-part": "label", children: t }),
-    /* @__PURE__ */ d("span", { "data-oc-part": "description", children: r })
-  ] }) : t), C = V(n), N = V(h), U = (l) => {
-    k(p, l);
-  };
-  return /* @__PURE__ */ d(P, { className: f.header, "data-oc-part": "header", children: /* @__PURE__ */ E(
+  const y = S("AccordionSummary"), d = j("AccordionSummary"), b = d.disabled || l, C = d.open && !y.collapsible, x = `h${Q(c) ? c : 3}`, D = t ?? (r ? /* @__PURE__ */ k("span", { "data-oc-part": "text", children: [
+    /* @__PURE__ */ s("span", { "data-oc-part": "label", children: o }),
+    /* @__PURE__ */ s("span", { "data-oc-part": "description", children: r })
+  ] }) : o), N = E(n), R = E(g);
+  return /* @__PURE__ */ s(x, { className: m.header, "data-oc-part": "header", children: /* @__PURE__ */ k(
     "button",
     {
-      ref: U,
-      className: w(f.summary, o),
+      ref: A,
+      className: w(m.summary, e),
       ...I,
-      type: g,
-      disabled: x,
-      "aria-disabled": x || D ? "true" : I["aria-disabled"],
-      "aria-expanded": s.open,
-      "aria-controls": s.open || s.detailsPresent ? s.detailsId : void 0,
-      id: s.summaryId,
-      onClick: (l) => {
-        A?.(l), !(l.defaultPrevented || x || D) && b.toggleItem(s.value);
+      type: h,
+      disabled: b,
+      "aria-disabled": b || C ? "true" : I["aria-disabled"],
+      "aria-expanded": d.open,
+      "aria-controls": d.open || d.detailsPresent ? d.detailsId : void 0,
+      id: d.summaryId,
+      onClick: (u) => {
+        f?.(u), !(u.defaultPrevented || b || C) && y.toggleItem(d.value);
       },
-      onKeyDown: (l) => {
-        y?.(l), !(l.defaultPrevented || x) && (l.key === "ArrowDown" || l.key === "ArrowUp" || l.key === "Home" || l.key === "End") && (l.preventDefault(), L({
-          root: b.rootRef.current,
-          currentTarget: l.currentTarget,
-          key: l.key,
-          loopFocus: b.loopFocus
+      onKeyDown: (u) => {
+        p?.(u), !(u.defaultPrevented || b) && (u.key === "ArrowDown" || u.key === "ArrowUp" || u.key === "Home" || u.key === "End") && (u.preventDefault(), L({
+          root: y.rootRef.current,
+          currentTarget: u.currentTarget,
+          key: u.key,
+          loopFocus: y.loopFocus
         }));
       },
       "data-oc-component": "accordion-summary",
-      "data-oc-disabled": x ? "true" : void 0,
+      "data-oc-disabled": b ? "true" : void 0,
       "data-oc-fill-width": a ? "true" : "false",
-      "data-oc-state": s.open ? "open" : "closed",
+      "data-oc-state": d.open ? "open" : "closed",
       "data-oc-vertical-align": v,
       children: [
-        n ? /* @__PURE__ */ d("span", { "data-oc-part": "leading", children: C }) : null,
-        /* @__PURE__ */ d("span", { "data-oc-part": "content", children: m }),
-        h === void 0 ? /* @__PURE__ */ d(
+        n ? /* @__PURE__ */ s("span", { "data-oc-part": "leading", children: N }) : null,
+        /* @__PURE__ */ s("span", { "data-oc-part": "content", children: D }),
+        g === void 0 ? /* @__PURE__ */ s(
           G,
           {
-            className: f.trailing,
-            open: s.open,
+            className: m.trailing,
+            open: d.open,
             part: "trailing",
             "data-oc-rotate": "true",
             rotationVariable: "--oc-accordion-chevron-rotation"
           }
-        ) : N ? /* @__PURE__ */ d("span", { className: f.trailing, "data-oc-part": "trailing", children: N }) : null,
-        x ? null : /* @__PURE__ */ d(M, { variant: i, self: !0 })
+        ) : R ? /* @__PURE__ */ s("span", { className: m.trailing, "data-oc-part": "trailing", children: R }) : null,
+        b ? null : /* @__PURE__ */ s(F, { variant: i, self: !0 })
       ]
     }
   ) });
 }
-function at({
-  children: t,
-  className: o = "",
-  forceMount: e = !1,
+function co({
+  children: o,
+  className: e = "",
+  forceMount: t = !1,
   ref: r,
-  region: u = !1,
+  region: l = !1,
   role: a,
   ...c
 }) {
-  const i = S("AccordionDetails"), n = T("AccordionDetails"), { setDetailsPresent: A } = n, y = q(
-    (p) => {
-      k(r, p), A(p !== null);
-    },
-    [r, A]
+  const i = S("AccordionDetails"), n = j("AccordionDetails"), { setDetailsPresent: f } = n, p = U(
+    () => z(r, (A) => f(A !== null)),
+    [r, f]
   );
-  return /* @__PURE__ */ d(
-    F,
+  return /* @__PURE__ */ s(
+    O,
     {
-      ref: y,
-      className: w(f.details, o),
+      ref: p,
+      className: w(m.details, e),
       open: n.open,
-      forceMount: e,
+      forceMount: t,
       disableAnimation: i.disableAnimation,
       intent: "expand",
       contentProps: {
-        className: f.panelInner,
+        className: m.panelInner,
         "data-oc-part": "panel-inner"
       },
       ...c,
@@ -262,52 +254,52 @@ function at({
       "aria-labelledby": n.summaryId,
       id: n.detailsId,
       inert: n.open ? void 0 : !0,
-      role: u ? "region" : a,
+      role: l ? "region" : a,
       "data-oc-component": "accordion-details",
       "data-oc-state": n.open ? "open" : "closed",
-      children: t
+      children: o
     }
   );
 }
-function ct({
-  children: t,
-  className: o = "",
-  ref: e,
+function io({
+  children: o,
+  className: e = "",
+  ref: t,
   ...r
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ s(
     "p",
     {
-      ref: e,
-      className: w(f.description, o),
+      ref: t,
+      className: w(m.description, e),
       ...r,
       "data-oc-component": "accordion-description",
-      children: t
+      children: o
     }
   );
 }
-function it({
-  children: t,
-  className: o = "",
-  ref: e,
+function so({
+  children: o,
+  className: e = "",
+  ref: t,
   ...r
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: e,
-      className: w(f.content, o),
+      ref: t,
+      className: w(m.content, e),
       ...r,
       "data-oc-component": "accordion-content",
-      children: t
+      children: o
     }
   );
 }
 export {
-  it as AccordionContent,
-  ct as AccordionDescription,
-  at as AccordionDetails,
-  nt as AccordionItem,
-  rt as AccordionSummary,
-  et as default
+  so as AccordionContent,
+  io as AccordionDescription,
+  co as AccordionDetails,
+  ro as AccordionItem,
+  ao as AccordionSummary,
+  no as default
 };

package/dist/components/ActionArea/ActionAreaLayout.js

@@ -1,28 +1,26 @@
 'use client';
 import { jsx as l } from "react/jsx-runtime";
-import { useState as L, useCallback as S, useEffect as h, useMemo as N, useContext as O, createContext as C } from "react";
+import { useState as b, useCallback as h, useMemo as L, useEffect as N, useContext as O, createContext as C } from "react";
 import { ActionArea as x } from "./ActionArea.js";
+import { mergeRefs as R } from "../../utils/mergeRefs.js";
 import d from "./ActionAreaLayout.module.scss.js";
-const p = {
+const v = {
   canScroll: !1,
   scrolledToBottom: !0
-}, b = 1, v = C(null);
+}, S = 1, p = C(null);
 function f(...o) {
   return o.filter(Boolean).join(" ");
 }
-function R(o, t) {
-  typeof o == "function" ? o(t) : o && (o.current = t);
-}
 function E(o) {
-  if (!o) return p;
-  const t = o.scrollHeight - o.scrollTop - o.clientHeight, r = o.scrollHeight - o.clientHeight > b;
+  if (!o) return v;
+  const t = o.scrollHeight - o.scrollTop - o.clientHeight, r = o.scrollHeight - o.clientHeight > S;
   return {
     canScroll: r,
-    scrolledToBottom: !r || t <= b
+    scrolledToBottom: !r || t <= S
   };
 }
 function A(o) {
-  const t = O(v);
+  const t = O(p);
   if (!t)
     throw new Error(`${o} must be used within ActionAreaLayout.`);
   return t;
@@ -36,14 +34,14 @@ function w({
   ref: r,
   ...c
 }) {
-  const [a, i] = L(p), u = N(
+  const [a, i] = b(v), u = L(
     () => ({
       ...a,
       setScrollState: i
     }),
     [a]
   );
-  return /* @__PURE__ */ l(v.Provider, { value: u, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(p.Provider, { value: u, children: /* @__PURE__ */ l(
     "div",
     {
       ...c,
@@ -64,31 +62,29 @@ function _({
 }) {
   const { setScrollState: i } = A(
     "ActionAreaLayout.Body"
-  ), [u, g] = L(null), n = S(
+  ), [u, g] = b(null), n = h(
     (e) => {
       i(
         (s) => H(s, E(e))
       );
     },
     [i]
-  ), B = S(
-    (e) => {
-      g(e), R(c, e), n(e);
-    },
+  ), B = L(
+    () => R(g, c, n),
     [c, n]
   );
-  return h(() => {
+  return N(() => {
     const e = u;
     if (n(e), !e || typeof ResizeObserver > "u")
       return;
-    const s = new ResizeObserver(() => n(e)), y = () => {
+    const s = new ResizeObserver(() => n(e)), m = () => {
       s.disconnect(), s.observe(e);
       for (const T of Array.from(e.children))
         s.observe(T);
       n(e);
-    }, m = typeof MutationObserver > "u" ? void 0 : new MutationObserver(y);
-    return y(), m?.observe(e, { childList: !0 }), () => {
-      s.disconnect(), m?.disconnect();
+    }, y = typeof MutationObserver > "u" ? void 0 : new MutationObserver(m);
+    return m(), y?.observe(e, { childList: !0 }), () => {
+      s.disconnect(), y?.disconnect();
     };
   }, [u, n]), /* @__PURE__ */ l(
     "div",
@@ -132,7 +128,7 @@ function j({
   );
   return /* @__PURE__ */ l(x, { ...t, background: o === "auto" ? r && !c : o });
 }
-const P = Object.assign(w, {
+const U = Object.assign(w, {
   Body: _,
   Footer: F,
   ActionArea: j
@@ -142,5 +138,5 @@ export {
   j as ActionAreaLayoutActionArea,
   _ as ActionAreaLayoutBody,
   F as ActionAreaLayoutFooter,
-  P as default
+  U as default
 };

package/dist/components/Cell/Cell.css

@@ -1 +1 @@
-.oc-Cell-module__cell__BDmja{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2{transition:none;transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{transform:none;transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible{outline:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Cell-module__item__r5fW2>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}@media(hover:none){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}
+.oc-Cell-module__cell__BDmja{font-size:calc(var(--oc-typo-size-body1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body1);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2{transition:none;transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{transform:none;transition-property:border-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * .5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Cell-module__item__r5fW2>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}@media(hover:none){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}