@orioncactuscorp/ui 1.9.2 → 1.11.0

package/dist/components/Cell/Cell.js

@@ -1,11 +1,12 @@
 'use client';
-import { jsx as r, jsxs as x } from "react/jsx-runtime";
-import { useRef as G } from "react";
-import J from "../Interaction/Interaction.js";
-import { normalizeSlotIcon as I } from "../internal/slot.js";
-import C from "./Cell.module.scss.js";
+import { jsx as r, jsxs as R } from "react/jsx-runtime";
+import { useRef as F } from "react";
+import G from "../Interaction/Interaction.js";
+import { normalizeSlotIcon as x } from "../internal/slot.js";
+import { mergeRefs as J } from "../../utils/mergeRefs.js";
+import g from "./Cell.module.scss.js";
 const Q = "[data-oc-cell-control]", V = ':where([data-oc-component="checkbox"], [data-oc-component="radio"], [data-oc-component="switch"])';
-function N(o) {
+function I(o) {
   return !!o.closest(
     '[disabled], [aria-disabled="true"], [data-oc-disabled="true"], [aria-hidden="true"], [hidden]'
   );
@@ -20,26 +21,26 @@ function X(o, n) {
     V
   )?.contains(o);
 }
-function P(o) {
+function N(o) {
   return o.key === " " || o.key === "Spacebar";
 }
-function et({
+function at({
   children: o,
   className: n = "",
   divider: c = "neutral",
   padding: l,
-  ref: p,
-  style: f,
+  ref: u,
+  style: p,
   ...a
 }) {
-  const m = [C.cell, C[c], n].filter(Boolean).join(" ");
+  const f = [g.cell, g[c], n].filter(Boolean).join(" ");
   return /* @__PURE__ */ r(
     "ul",
     {
-      ref: p,
-      className: m,
+      ref: u,
+      className: f,
       style: {
-        ...f,
+        ...p,
         ...l !== void 0 ? { "--oc-cell-padding": l } : null
       },
       ...a,
@@ -49,91 +50,89 @@ function et({
     }
   );
 }
-function at({
+function nt({
   children: o,
   className: n = "",
   content: c,
   description: l,
-  "aria-disabled": p,
-  "data-oc-component": f = "cell-item",
+  "aria-disabled": u,
+  "data-oc-component": p = "cell-item",
   disabled: a = !1,
-  divider: m,
-  fillWidth: S = !1,
+  divider: f,
+  fillWidth: P = !1,
   interactive: s = !1,
-  interactionVariant: B = "light",
-  leading: h,
-  onClick: T,
-  onKeyDown: b,
-  onKeyUp: y,
-  ref: d,
+  interactionVariant: S = "light",
+  leading: C,
+  onClick: h,
+  onKeyDown: T,
+  onKeyUp: b,
+  ref: B,
   role: D,
-  tabIndex: k,
-  trailing: E,
+  tabIndex: y,
+  trailing: k,
   verticalAlign: w = "top",
   ..._
 }) {
-  const L = G(null), i = s || !!T, g = D ?? (i ? "button" : void 0), O = a && g ? "true" : p, j = O !== void 0 ? { "aria-disabled": O } : {}, A = (t) => {
+  const E = F(null), i = s || !!h, m = D ?? (i ? "button" : void 0), L = a && m ? "true" : u, j = L !== void 0 ? { "aria-disabled": L } : {}, A = (t) => {
     if (a) {
       t.preventDefault(), t.stopPropagation();
       return;
     }
-    if (T?.(t), t.defaultPrevented || !s)
+    if (h?.(t), t.defaultPrevented || !s)
       return;
-    const u = t.target, e = L.current?.querySelector(
+    const d = t.target, e = E.current?.querySelector(
       Q
-    ), F = !W(u, t.currentTarget) && N(u);
-    !e || e.contains(u) || X(u, e) || F || N(e) || (e.click(), (e.getAttribute("role") === "radio" || e instanceof HTMLInputElement && e.type === "radio") && e.focus({ preventScroll: !1 }));
+    ), U = !W(d, t.currentTarget) && I(d);
+    !e || e.contains(d) || X(d, e) || U || I(e) || (e.click(), (e.getAttribute("role") === "radio" || e instanceof HTMLInputElement && e.type === "radio") && e.focus({ preventScroll: !1 }));
   }, K = (t) => {
-    if (b?.(t), !(t.defaultPrevented || !i || a || t.currentTarget !== t.target)) {
-      if (P(t)) {
+    if (T?.(t), !(t.defaultPrevented || !i || a || t.currentTarget !== t.target)) {
+      if (N(t)) {
         t.preventDefault();
         return;
       }
       t.key === "Enter" && (t.preventDefault(), t.currentTarget.click());
     }
   }, M = (t) => {
-    y?.(t), !(t.defaultPrevented || !i || a || !P(t) || t.currentTarget !== t.target) && (t.preventDefault(), t.currentTarget.click());
-  }, R = a || !i ? k : k ?? 0, $ = i ? {
-    role: g,
-    tabIndex: R,
+    b?.(t), !(t.defaultPrevented || !i || a || !N(t) || t.currentTarget !== t.target) && (t.preventDefault(), t.currentTarget.click());
+  }, O = a || !i ? y : y ?? 0, $ = i ? {
+    role: m,
+    tabIndex: O,
     onClick: A,
     onKeyDown: K,
     onKeyUp: M
   } : {
-    role: g,
-    tabIndex: R,
-    onKeyDown: b,
-    onKeyUp: y
-  }, q = (t) => {
-    L.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
-  }, z = c ?? (l ? /* @__PURE__ */ x("span", { "data-oc-part": "text", children: [
+    role: m,
+    tabIndex: O,
+    onKeyDown: T,
+    onKeyUp: b
+  }, q = c ?? (l ? /* @__PURE__ */ R("span", { "data-oc-part": "text", children: [
     /* @__PURE__ */ r("span", { "data-oc-part": "label", children: o }),
     /* @__PURE__ */ r("span", { "data-oc-part": "description", children: l })
-  ] }) : o), H = I(h), U = I(E);
-  return /* @__PURE__ */ x(
+  ] }) : o), z = x(C), H = x(k);
+  return /* @__PURE__ */ R(
     "li",
     {
-      ref: q,
-      className: `${C.item} ${n}`.trim(),
+      ref: J(E, B),
+      className: `${g.item} ${n}`.trim(),
       ...$,
       ..._,
       ...j,
-      "data-oc-component": f,
+      "data-oc-component": p,
       "data-oc-disabled": a ? "true" : void 0,
-      "data-oc-divider": m,
-      "data-oc-fill-width": S ? "true" : "false",
+      "data-oc-divider": f,
+      "data-oc-fill-width": P ? "true" : "false",
       "data-oc-interactive": s ? "true" : void 0,
       "data-oc-vertical-align": w,
       children: [
-        h ? /* @__PURE__ */ r("span", { "data-oc-part": "leading", children: H }) : null,
-        /* @__PURE__ */ r("span", { "data-oc-part": "content", children: z }),
-        E ? /* @__PURE__ */ r("span", { "data-oc-part": "trailing", children: U }) : null,
-        s ? /* @__PURE__ */ r(J, { variant: B, self: !0 }) : null
+        C ? /* @__PURE__ */ r("span", { "data-oc-part": "leading", children: z }) : null,
+        /* @__PURE__ */ r("span", { "data-oc-part": "content", children: q }),
+        k ? /* @__PURE__ */ r("span", { "data-oc-part": "trailing", children: H }) : null,
+        s ? /* @__PURE__ */ r(G, { variant: S, self: !0 }) : null
       ]
     }
   );
 }
 export {
-  at as CellItem,
-  et as default
+  nt as CellItem,
+  at as default
 };

package/dist/components/CheckMark/CheckMark.css

@@ -1 +1 @@
-.oc-CheckMark-module__checkMark__-KKHM{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-CheckMark-module__small__AEUP9{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-check-mark-control-size: var(--oc-typo-height-body2);--oc-check-mark-content-height: var(--oc-typo-height-body2)}.oc-CheckMark-module__medium__wTlO-{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);--oc-check-mark-control-size: var(--oc-typo-height-body1);--oc-check-mark-content-height: var(--oc-typo-height-body1)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=container]{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;flex-shrink:0;padding:.0625em;inline-size:var(--oc-check-mark-control-size);block-size:var(--oc-check-mark-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:var(--oc-color-theme-label-assistive);transition:color 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-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]>svg{inline-size:100%;block-size:100%}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-check-mark-control-size) - var(--oc-check-mark-content-height)) / 2)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon]{color:var(--oc-color-theme-primary-normal)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=icon]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px;border-radius:var(--oc-atomic-radius-max)}
+.oc-CheckMark-module__checkMark__-KKHM{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-CheckMark-module__checkMark__-KKHM{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-CheckMark-module__small__AEUP9{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-check-mark-control-size: var(--oc-typo-height-body2);--oc-check-mark-content-height: var(--oc-typo-height-body2)}.oc-CheckMark-module__medium__wTlO-{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);--oc-check-mark-control-size: var(--oc-typo-height-body1);--oc-check-mark-content-height: var(--oc-typo-height-body1)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=container]{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;flex-shrink:0;padding:.0625em;inline-size:var(--oc-check-mark-control-size);block-size:var(--oc-check-mark-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:var(--oc-color-theme-label-assistive);transition:color 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-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=icon]>svg{inline-size:100%;block-size:100%}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-check-mark-control-size) - var(--oc-check-mark-content-height)) / 2)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon]{color:var(--oc-color-theme-primary-normal)}.oc-CheckMark-module__checkMark__-KKHM [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=icon]{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset);border-radius:var(--oc-atomic-radius-max)}

package/dist/components/Checkbox/Checkbox.css

@@ -1 +1 @@
-.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-checkbox-control-size: var(--oc-typo-height-body2);--oc-checkbox-content-height: var(--oc-typo-height-body2)}.oc-Checkbox-module__medium__HvVCs{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);--oc-checkbox-control-size: var(--oc-typo-height-body1);--oc-checkbox-content-height: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentcolor}@supports (-webkit-backdrop-filter: none){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentcolor}@media only screen and (resolution:2dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentcolor}}@media only screen and (resolution:3dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentcolor}}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{border-radius:.3125em;inline-size:100%;block-size:100%;color:var(--oc-color-theme-line-normal-normal);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color 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-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{transition-property:color,background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=icon-wrapper]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:transparent}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{position:absolute;inset:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-feedback)));color:transparent;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color 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-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:transform}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check]>svg,.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]>svg{inline-size:100%;block-size:100%;padding:.0625rem}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);min-inline-size:0;padding-block:calc((var(--oc-checkbox-control-size) - var(--oc-checkbox-content-height)) / 2)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Checkbox-module__fill__p-vFK [data-oc-part=label]{flex:1}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:scale(1);color:var(--oc-color-theme-static-white)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=wrapper]{outline:2px solid var(--oc-color-theme-primary-normal);outline-offset:2px}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:auto}}
+.oc-Checkbox-module__checkbox__D0D4S{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);display:inline-flex;position:relative;align-items:flex-start;gap:.5em;opacity:1;color:var(--oc-color-theme-label-normal);transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Checkbox-module__fill__p-vFK{display:flex;inline-size:100%}.oc-Checkbox-module__small__UzHgE{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2);--oc-checkbox-control-size: var(--oc-typo-height-body2);--oc-checkbox-content-height: var(--oc-typo-height-body2)}.oc-Checkbox-module__medium__HvVCs{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);--oc-checkbox-control-size: var(--oc-typo-height-body1);--oc-checkbox-content-height: var(--oc-typo-height-body1)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-checkbox-control-size);block-size:var(--oc-checkbox-control-size);--oc-interaction-inset-x: -.25em;--oc-interaction-inset-y: -.25em;--oc-interaction-z-index: 2;--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentcolor}@supports (-webkit-backdrop-filter: none){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentcolor}@media only screen and (resolution:2dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentcolor}}@media only screen and (resolution:3dppx){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentcolor}}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{border-radius:.3125em;inline-size:100%;block-size:100%;color:var(--oc-color-theme-line-normal-normal);transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),background-color 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-Checkbox-module__checkbox__D0D4S [data-oc-part=wrapper]{transition-property:color,background-color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback)}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=icon-wrapper]{display:flex;position:relative;align-items:center;justify-content:center;inline-size:100%;block-size:100%;color:transparent}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{position:absolute;inset:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-feedback)));color:transparent;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),color 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-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:transform}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check]>svg,.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]>svg{inline-size:100%;block-size:100%;padding:.0625rem}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;gap:var(--oc-space-item-gap-tiny);min-inline-size:0;padding-block:calc((var(--oc-checkbox-control-size) - var(--oc-checkbox-content-height)) / 2)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Checkbox-module__fill__p-vFK [data-oc-part=label]{flex:1}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=wrapper],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:scale(1);color:var(--oc-color-theme-static-white)}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:focus-visible+[data-oc-part=container] [data-oc-part=wrapper]{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}@media(prefers-reduced-motion:reduce){.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:checked:not([data-oc-indeterminate=true])+[data-oc-part=container] [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input]:indeterminate+[data-oc-part=container] [data-oc-part=indeterminate],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=input][data-oc-indeterminate=true]+[data-oc-part=container] [data-oc-part=indeterminate]{transform:none}.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=check],.oc-Checkbox-module__checkbox__D0D4S [data-oc-part=indeterminate]{will-change:auto}}

package/dist/components/Checkbox/Checkbox.js

@@ -1,75 +1,74 @@
 'use client';
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { useRef as b, useEffect as y } from "react";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useRef as x, useEffect as b } from "react";
 import v from "@orioncactuscorp/icons/orioncactus/CheckThick";
-import C from "@orioncactuscorp/icons/orioncactus/LineHorizontalThick";
-import j from "../Interaction/Interaction.js";
-import p from "./Checkbox.module.scss.js";
-function g({
-  children: c,
-  className: d = "",
-  size: l = "medium",
-  fill: s = !1,
-  indeterminate: e = !1,
-  trailingCompound: r,
-  onChange: f,
-  onCheckedChange: u,
-  ref: o,
-  ...h
+import y from "@orioncactuscorp/icons/orioncactus/LineHorizontalThick";
+import C from "../Interaction/Interaction.js";
+import { mergeRefs as g } from "../../utils/mergeRefs.js";
+import i from "./Checkbox.module.scss.js";
+function E({
+  children: r,
+  className: s = "",
+  size: p = "medium",
+  fill: l = !1,
+  indeterminate: t = !1,
+  trailingCompound: n,
+  onChange: d,
+  onCheckedChange: f,
+  ref: m,
+  ...u
 }) {
-  const i = b(null);
-  y(() => {
-    i.current && (i.current.indeterminate = e);
-  }, [e]);
-  const m = (t) => {
-    i.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
-  }, k = (t) => {
-    f?.(t), u?.(t.currentTarget.checked);
-  }, x = c !== void 0 || r !== void 0;
-  return /* @__PURE__ */ n(
+  const c = x(null);
+  b(() => {
+    c.current && (c.current.indeterminate = t);
+  }, [t]);
+  const h = (a) => {
+    d?.(a), f?.(a.currentTarget.checked);
+  }, k = r !== void 0 || n !== void 0;
+  return /* @__PURE__ */ o(
     "label",
     {
       className: [
-        p.checkbox,
-        p[l],
-        s ? p.fill : "",
-        d
+        i.checkbox,
+        i[p],
+        l ? i.fill : "",
+        s
       ].filter(Boolean).join(" "),
       "data-oc-component": "checkbox",
-      "data-oc-size": l,
-      "data-oc-fill": s ? "true" : void 0,
+      "data-oc-size": p,
+      "data-oc-fill": l ? "true" : void 0,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ e(
           "input",
           {
-            ...h,
-            ref: m,
+            ...u,
+            ref: g(c, m),
             type: "checkbox",
-            onChange: k,
-            "data-indeterminate": e ? "" : void 0,
-            "data-oc-indeterminate": e ? "true" : void 0,
+            onChange: h,
+            "data-indeterminate": t ? "" : void 0,
+            "data-oc-indeterminate": t ? "true" : void 0,
             "data-oc-part": "input"
           }
         ),
-        /* @__PURE__ */ n("span", { "data-oc-part": "container", children: [
-          /* @__PURE__ */ a(j, { self: !0 }),
-          /* @__PURE__ */ a("span", { "data-oc-part": "wrapper", children: /* @__PURE__ */ n("span", { "data-oc-part": "icon-wrapper", children: [
-            /* @__PURE__ */ a("span", { "data-oc-part": "check", children: /* @__PURE__ */ a(v, { size: "custom" }) }),
-            /* @__PURE__ */ a("span", { "data-oc-part": "indeterminate", children: /* @__PURE__ */ a(C, { size: "custom" }) })
+        /* @__PURE__ */ o("span", { "data-oc-part": "container", children: [
+          /* @__PURE__ */ e(C, { self: !0 }),
+          /* @__PURE__ */ e("span", { "data-oc-part": "wrapper", children: /* @__PURE__ */ o("span", { "data-oc-part": "icon-wrapper", children: [
+            /* @__PURE__ */ e("span", { "data-oc-part": "check", children: /* @__PURE__ */ e(v, { size: "custom" }) }),
+            /* @__PURE__ */ e("span", { "data-oc-part": "indeterminate", children: /* @__PURE__ */ e(y, { size: "custom" }) })
           ] }) })
         ] }),
-        x ? /* @__PURE__ */ n("span", { "data-oc-part": "content", children: [
-          c !== void 0 ? /* @__PURE__ */ a("span", { "data-oc-part": "label", children: c }) : null,
-          r ? /* @__PURE__ */ a(
+        k ? /* @__PURE__ */ o("span", { "data-oc-part": "content", children: [
+          r !== void 0 ? /* @__PURE__ */ e("span", { "data-oc-part": "label", children: r }) : null,
+          n ? /* @__PURE__ */ e(
             "span",
             {
               "data-oc-part": "trailing-compound",
               role: "presentation",
-              onClick: (t) => t.preventDefault(),
-              onKeyDown: (t) => {
-                (t.key === "Enter" || t.key === " ") && t.preventDefault();
+              onClick: (a) => a.preventDefault(),
+              onKeyDown: (a) => {
+                (a.key === "Enter" || a.key === " ") && a.preventDefault();
               },
-              children: r
+              children: n
             }
           ) : null
         ] }) : null
@@ -78,5 +77,5 @@ function g({
   );
 }
 export {
-  g as default
+  E as default
 };

package/dist/components/Menu/Menu.css

@@ -1 +1 @@
-.oc-Menu-module__trigger__CbeUq{all:unset}.oc-Menu-module__trigger__CbeUq:focus,.oc-Menu-module__trigger__CbeUq:focus-visible{outline:none}.oc-Menu-module__renderTrigger__ZFKYZ:focus,.oc-Menu-module__renderTrigger__ZFKYZ:focus-visible{outline:none}.oc-Menu-module__positioner__TYz0H{z-index:var(--oc-menu-z-index, var(--oc-zindex-3))}.oc-Menu-module__content__pnDF6{--oc-background-radius: max(0px, 1em * var(--oc-atomic-radius-factor));--oc-menu-transform-origin: top center;z-index:var(--oc-menu-z-index, var(--oc-zindex-3));min-inline-size:10em;max-inline-size:80vw;padding:1em;outline:none;overflow:visible;-webkit-user-select:none;user-select:none;opacity:1;transform:scale(1) translate(0);transform-origin:var(--transform-origin, var(--oc-menu-transform-origin));will-change:opacity,transform}.oc-Menu-module__content__pnDF6[data-side=top]{--oc-menu-transform-origin: bottom center}.oc-Menu-module__content__pnDF6[data-side=bottom]{--oc-menu-transform-origin: top center}.oc-Menu-module__content__pnDF6[data-side=left]{--oc-menu-transform-origin: center right}.oc-Menu-module__content__pnDF6[data-side=right]{--oc-menu-transform-origin: center left}.oc-Menu-module__content__pnDF6[data-starting-style]{opacity:0;transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(-1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(-.25rem * var(--oc-motion-distance-factor-spatial)));transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) var(--oc-motion-timing-disclosure-exit)}.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(-1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(-.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.382s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) linear(0 0%,.0045 .81%,.0171 1.63%,.0365 2.44%,.0616 3.25%,.0912 4.07%,.1246 4.88%,.1607 5.69%,.1989 6.5%,.2386 7.32%,.2792 8.13%,.3202 8.94%,.3612 9.76%,.4018 10.57%,.4418 11.38%,.4808 12.2%,.5187 13.01%,.5552 13.82%,.5904 14.63%,.624 15.45%,.656 16.26%,.6863 17.07%,.715 17.89%,.742 18.7%,.7673 19.51%,.791 20.33%,.813 21.14%,.8335 21.95%,.8524 22.76%,.8699 23.58%,.8859 24.39%,.9006 25.2%,.9141 26.02%,.9263 26.83%,.9374 27.64%,.9474 28.46%,.9564 29.27%,.9645 30.08%,.9717 30.89%,.9781 31.71%,.9838 32.52%,.9888 33.33%,.9931 34.15%,.9969 34.96%,1.0001 35.77%,1.0029 36.59%,1.0053 37.4%,1.0072 38.21%,1.0088 39.02%,1.0101 39.84%,1.0111 40.65%,1.0119 41.46%,1.0124 42.28%,1.0128 43.09%,1.013 43.9%,1.013 44.72%,1.013 45.53%,1.0128 46.34%,1.0125 47.15%,1.0122 47.97%,1.0118 48.78%,1.0114 49.59%,1.0109 50.41%,1.0104 51.22%,1.0099 52.03%,1.0094 52.85%,1.0088 53.66%,1.0083 54.47%,1.0078 55.28%,1.0072 56.1%,1.0067 56.91%,1.0062 57.72%,1.0058 58.54%,1.0053 59.35%,1.0049 60.16%,1.0045 60.98%,1.0041 61.79%,1.0037 62.6%,1.0033 63.41%,1.003 64.23%,1.0027 65.04%,1.0024 65.85%,1.0021 66.67%,1.0019 67.48%,1.0017 68.29%,1.0015 69.11%,1.0013 69.92%,1.0011 70.73%,1.0009 71.54%,1.0008 72.36%,1.0007 73.17%,1.0006 73.98%,1.0005 74.8%,1.0004 75.61%,1.0003 76.42%,1.0002 77.24%,1.0001 78.05%,1.0001 78.86%,1 79.67%,1 80.49%,1 81.3%,.9999 82.11%,.9999 82.93%,.9999 83.74%,.9999 84.55%,.9999 85.37%,.9998 86.18%,.9998 86.99%,.9998 87.8%,.9998 88.62%,.9998 89.43%,.9998 90.24%,.9998 91.06%,.9998 91.87%,.9998 92.68%,.9998 93.5%,.9999 94.31%,.9999 95.12%,.9999 95.93%,.9999 96.75%,.9999 97.56%,.9999 98.37%,.9999 99.19%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.3);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{will-change:opacity}.oc-Menu-module__content__pnDF6[data-starting-style],.oc-Menu-module__content__pnDF6[data-ending-style],.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:none}.oc-Menu-module__content__pnDF6[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.3);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}.oc-Menu-module__small__ufcV9{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)}.oc-Menu-module__medium__sfbGK{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2)}.oc-Menu-module__content__pnDF6 .oc-Menu-module__container__5cxcL{font-size:inherit;line-height:inherit;letter-spacing:inherit}.oc-Menu-module__container__5cxcL{margin-block:-.625em;margin-inline:0;padding:0;--oc-cell-padding: .625em;--oc-cell-gap: .5em;--oc-cell-interaction-margin-inline: .625em;--oc-cell-interaction-radius: max(0px, .625em * var(--oc-atomic-radius-factor))}.oc-Menu-module__item__S3HKY{appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible){outline:none}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-Menu-module__separator__iT6cs{list-style:none}.oc-Menu-module__link__SOmSk{display:flex;position:relative;align-items:center;flex:1;gap:.5em;min-inline-size:0;color:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__link__SOmSk:focus-visible{outline:none}.oc-Menu-module__labelGroup__OwIf7{display:inline-flex;align-items:center;flex:1;gap:.5em;min-inline-size:0}.oc-Menu-module__icon__XtO-r{display:inline-flex;align-items:center;justify-content:center}.oc-Menu-module__icon__XtO-r svg{color:var(--oc-color-theme-label-alternative);inline-size:1.5rem;block-size:1.5rem}.oc-Menu-module__label__QMf-9{min-inline-size:0}
+.oc-Menu-module__trigger__CbeUq{all:unset}.oc-Menu-module__trigger__CbeUq:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Menu-module__positioner__TYz0H{z-index:var(--oc-menu-z-index, var(--oc-zindex-3))}.oc-Menu-module__content__pnDF6{--oc-background-radius: max(0px, 1em * var(--oc-atomic-radius-factor));--oc-menu-transform-origin: top center;z-index:var(--oc-menu-z-index, var(--oc-zindex-3));min-inline-size:10em;max-inline-size:80vw;padding:1em;outline:none;overflow:visible;-webkit-user-select:none;user-select:none;opacity:1;transform:scale(1) translate(0);transform-origin:var(--transform-origin, var(--oc-menu-transform-origin));will-change:opacity,transform}.oc-Menu-module__content__pnDF6[data-side=top]{--oc-menu-transform-origin: bottom center}.oc-Menu-module__content__pnDF6[data-side=bottom]{--oc-menu-transform-origin: top center}.oc-Menu-module__content__pnDF6[data-side=left]{--oc-menu-transform-origin: center right}.oc-Menu-module__content__pnDF6[data-side=right]{--oc-menu-transform-origin: center left}.oc-Menu-module__content__pnDF6[data-starting-style]{opacity:0;transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(-1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(-.25rem * var(--oc-motion-distance-factor-spatial)));transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) var(--oc-motion-timing-disclosure-exit)}.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(-1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(-.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.382s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) linear(0 0%,.0045 .81%,.0171 1.63%,.0365 2.44%,.0616 3.25%,.0912 4.07%,.1246 4.88%,.1607 5.69%,.1989 6.5%,.2386 7.32%,.2792 8.13%,.3202 8.94%,.3612 9.76%,.4018 10.57%,.4418 11.38%,.4808 12.2%,.5187 13.01%,.5552 13.82%,.5904 14.63%,.624 15.45%,.656 16.26%,.6863 17.07%,.715 17.89%,.742 18.7%,.7673 19.51%,.791 20.33%,.813 21.14%,.8335 21.95%,.8524 22.76%,.8699 23.58%,.8859 24.39%,.9006 25.2%,.9141 26.02%,.9263 26.83%,.9374 27.64%,.9474 28.46%,.9564 29.27%,.9645 30.08%,.9717 30.89%,.9781 31.71%,.9838 32.52%,.9888 33.33%,.9931 34.15%,.9969 34.96%,1.0001 35.77%,1.0029 36.59%,1.0053 37.4%,1.0072 38.21%,1.0088 39.02%,1.0101 39.84%,1.0111 40.65%,1.0119 41.46%,1.0124 42.28%,1.0128 43.09%,1.013 43.9%,1.013 44.72%,1.013 45.53%,1.0128 46.34%,1.0125 47.15%,1.0122 47.97%,1.0118 48.78%,1.0114 49.59%,1.0109 50.41%,1.0104 51.22%,1.0099 52.03%,1.0094 52.85%,1.0088 53.66%,1.0083 54.47%,1.0078 55.28%,1.0072 56.1%,1.0067 56.91%,1.0062 57.72%,1.0058 58.54%,1.0053 59.35%,1.0049 60.16%,1.0045 60.98%,1.0041 61.79%,1.0037 62.6%,1.0033 63.41%,1.003 64.23%,1.0027 65.04%,1.0024 65.85%,1.0021 66.67%,1.0019 67.48%,1.0017 68.29%,1.0015 69.11%,1.0013 69.92%,1.0011 70.73%,1.0009 71.54%,1.0008 72.36%,1.0007 73.17%,1.0006 73.98%,1.0005 74.8%,1.0004 75.61%,1.0003 76.42%,1.0002 77.24%,1.0001 78.05%,1.0001 78.86%,1 79.67%,1 80.49%,1 81.3%,.9999 82.11%,.9999 82.93%,.9999 83.74%,.9999 84.55%,.9999 85.37%,.9998 86.18%,.9998 86.99%,.9998 87.8%,.9998 88.62%,.9998 89.43%,.9998 90.24%,.9998 91.06%,.9998 91.87%,.9998 92.68%,.9998 93.5%,.9999 94.31%,.9999 95.12%,.9999 95.93%,.9999 96.75%,.9999 97.56%,.9999 98.37%,.9999 99.19%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.3);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{will-change:opacity}.oc-Menu-module__content__pnDF6[data-starting-style],.oc-Menu-module__content__pnDF6[data-ending-style],.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:none}.oc-Menu-module__content__pnDF6[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.3);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}.oc-Menu-module__small__ufcV9{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)}.oc-Menu-module__medium__sfbGK{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2)}.oc-Menu-module__content__pnDF6 .oc-Menu-module__container__5cxcL{font-size:inherit;line-height:inherit;letter-spacing:inherit}.oc-Menu-module__container__5cxcL{margin-block:-.625em;margin-inline:0;padding:0;--oc-cell-padding: .625em;--oc-cell-gap: .5em;--oc-cell-interaction-margin-inline: .625em;--oc-cell-interaction-radius: max(0px, .625em * var(--oc-atomic-radius-factor))}.oc-Menu-module__item__S3HKY{appearance:none;-webkit-tap-highlight-color:transparent;border-radius:var(--oc-cell-interaction-radius)}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible){outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-Menu-module__separator__iT6cs{list-style:none}.oc-Menu-module__link__SOmSk{display:flex;position:relative;align-items:center;flex:1;gap:.5em;min-inline-size:0;color:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__link__SOmSk:focus-visible{outline:none}.oc-Menu-module__labelGroup__OwIf7{display:inline-flex;align-items:center;flex:1;gap:.5em;min-inline-size:0}.oc-Menu-module__icon__XtO-r{display:inline-flex;align-items:center;justify-content:center}.oc-Menu-module__icon__XtO-r svg{color:var(--oc-color-theme-label-alternative);inline-size:1.5rem;block-size:1.5rem}.oc-Menu-module__label__QMf-9{min-inline-size:0}

package/dist/components/Menu/Menu.module.scss.js

@@ -1,31 +1,29 @@
-import './Menu.css';const e = "oc-Menu-module__trigger__CbeUq", o = "oc-Menu-module__renderTrigger__ZFKYZ", n = "oc-Menu-module__positioner__TYz0H", _ = "oc-Menu-module__content__pnDF6", c = "oc-Menu-module__small__ufcV9", t = "oc-Menu-module__medium__sfbGK", l = "oc-Menu-module__container__5cxcL", r = "oc-Menu-module__item__S3HKY", u = "oc-Menu-module__link__SOmSk", i = "oc-Menu-module__separator__iT6cs", s = "oc-Menu-module__labelGroup__OwIf7", m = "oc-Menu-module__icon__XtO-r", a = "oc-Menu-module__label__QMf-9", d = {
-  trigger: e,
-  renderTrigger: o,
-  positioner: n,
+import './Menu.css';const o = "oc-Menu-module__trigger__CbeUq", e = "oc-Menu-module__positioner__TYz0H", _ = "oc-Menu-module__content__pnDF6", n = "oc-Menu-module__small__ufcV9", c = "oc-Menu-module__medium__sfbGK", t = "oc-Menu-module__container__5cxcL", l = "oc-Menu-module__item__S3HKY", u = "oc-Menu-module__link__SOmSk", s = "oc-Menu-module__separator__iT6cs", i = "oc-Menu-module__labelGroup__OwIf7", m = "oc-Menu-module__icon__XtO-r", r = "oc-Menu-module__label__QMf-9", a = {
+  trigger: o,
+  positioner: e,
   content: _,
-  small: c,
-  medium: t,
-  container: l,
-  item: r,
+  small: n,
+  medium: c,
+  container: t,
+  item: l,
   link: u,
-  separator: i,
-  labelGroup: s,
+  separator: s,
+  labelGroup: i,
   icon: m,
-  label: a
+  label: r
 };
 export {
-  l as container,
+  t as container,
   _ as content,
-  d as default,
+  a as default,
   m as icon,
-  r as item,
-  a as label,
-  s as labelGroup,
+  l as item,
+  r as label,
+  i as labelGroup,
   u as link,
-  t as medium,
-  n as positioner,
-  o as renderTrigger,
-  i as separator,
-  c as small,
-  e as trigger
+  c as medium,
+  e as positioner,
+  s as separator,
+  n as small,
+  o as trigger
 };