@orioncactuscorp/ui 1.15.0 → 1.16.0

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: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)}
+.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__checkMark__-KKHM:has([data-oc-part=input]:disabled) [data-oc-component=interaction],.oc-CheckMark-module__checkMark__-KKHM:has([data-oc-part=input]:disabled) [data-oc-component=interaction]:after{pointer-events:none}.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);--_-interaction-default-touch-target-min: var(--oc-touch-target-min, 44px)}.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/CheckMark/CheckMark.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import k from "@orioncactuscorp/icons/orioncactus/CheckThick";
-import u from "../Interaction/Interaction.js";
+import u from "@orioncactuscorp/icons/orioncactus/CheckThick";
+import k from "../Interaction/Interaction.js";
 import e from "./CheckMark.module.scss.js";
-function g({
+function b({
   children: t,
   className: r = "",
   size: n = "medium",
@@ -35,8 +35,8 @@ function g({
           }
         ),
         /* @__PURE__ */ c("span", { "data-oc-part": "container", children: [
-          /* @__PURE__ */ a(u, { self: !0 }),
-          /* @__PURE__ */ a("span", { "data-oc-part": "icon", children: /* @__PURE__ */ a(k, { size: "custom" }) })
+          /* @__PURE__ */ a(k, { self: !0, touchTarget: !0 }),
+          /* @__PURE__ */ a("span", { "data-oc-part": "icon", children: /* @__PURE__ */ a(u, { size: "custom" }) })
         ] }),
         m ? /* @__PURE__ */ a("span", { "data-oc-part": "content", children: /* @__PURE__ */ a("span", { "data-oc-part": "label", children: t }) }) : null
       ]
@@ -44,5 +44,5 @@ function g({
   );
 }
 export {
-  g as default
+  b as default
 };

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__checkbox__D0D4S{--oc-checkbox-background-color: var(--oc-color-theme-primary-normal);--oc-checkbox-color: var(--oc-color-theme-static-white)}.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-checkbox-background-color)}.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-checkbox-color)}.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}}
+.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__checkbox__D0D4S:has([data-oc-part=input]:disabled) [data-oc-component=interaction],.oc-Checkbox-module__checkbox__D0D4S:has([data-oc-part=input]:disabled) [data-oc-component=interaction]:after{pointer-events:none}.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);--_-interaction-default-touch-target-min: var(--oc-touch-target-min, 44px)}.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-checkbox-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-checkbox-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

@@ -2,21 +2,21 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
 import { useRef as x, useEffect as b } from "react";
 import y from "@orioncactuscorp/icons/orioncactus/CheckThick";
-import C from "@orioncactuscorp/icons/orioncactus/LineHorizontalThick";
-import g from "../Interaction/Interaction.js";
-import { mergeRefs as j } from "../../utils/mergeRefs.js";
+import g from "@orioncactuscorp/icons/orioncactus/LineHorizontalThick";
+import C from "../Interaction/Interaction.js";
+import { mergeRefs as T } from "../../utils/mergeRefs.js";
 import i from "./Checkbox.module.scss.js";
 function B({
-  children: n,
+  children: r,
   className: d = "",
   size: p = "medium",
   fill: l = !1,
   indeterminate: e = !1,
-  trailingCompound: r,
+  trailingCompound: n,
   onChange: s,
   onCheckedChange: f,
-  ref: m,
-  "data-oc-interaction-variant": u,
+  ref: u,
+  "data-oc-interaction-variant": m,
   ...h
 }) {
   const c = x(null);
@@ -25,7 +25,7 @@ function B({
   }, [e]);
   const k = (t) => {
     s?.(t), f?.(t.currentTarget.checked);
-  }, v = n !== void 0 || r !== void 0;
+  }, v = r !== void 0 || n !== void 0;
   return /* @__PURE__ */ o(
     "label",
     {
@@ -38,13 +38,13 @@ function B({
       "data-oc-component": "checkbox",
       "data-oc-size": p,
       "data-oc-fill": l ? "true" : void 0,
-      "data-oc-interaction-variant": u,
+      "data-oc-interaction-variant": m,
       children: [
         /* @__PURE__ */ a(
           "input",
           {
             ...h,
-            ref: j(c, m),
+            ref: T(c, u),
             type: "checkbox",
             onChange: k,
             "data-indeterminate": e ? "" : void 0,
@@ -53,15 +53,15 @@ function B({
           }
         ),
         /* @__PURE__ */ o("span", { "data-oc-part": "container", children: [
-          /* @__PURE__ */ a(g, { self: !0 }),
+          /* @__PURE__ */ a(C, { self: !0, touchTarget: !0 }),
           /* @__PURE__ */ a("span", { "data-oc-part": "wrapper", children: /* @__PURE__ */ o("span", { "data-oc-part": "icon-wrapper", children: [
             /* @__PURE__ */ a("span", { "data-oc-part": "check", children: /* @__PURE__ */ a(y, { size: "custom" }) }),
-            /* @__PURE__ */ a("span", { "data-oc-part": "indeterminate", children: /* @__PURE__ */ a(C, { size: "custom" }) })
+            /* @__PURE__ */ a("span", { "data-oc-part": "indeterminate", children: /* @__PURE__ */ a(g, { size: "custom" }) })
           ] }) })
         ] }),
         v ? /* @__PURE__ */ o("span", { "data-oc-part": "content", children: [
-          n !== void 0 ? /* @__PURE__ */ a("span", { "data-oc-part": "label", children: n }) : null,
-          r ? /* @__PURE__ */ a(
+          r !== void 0 ? /* @__PURE__ */ a("span", { "data-oc-part": "label", children: r }) : null,
+          n ? /* @__PURE__ */ a(
             "span",
             {
               "data-oc-part": "trailing-compound",
@@ -70,7 +70,7 @@ function B({
               onKeyDown: (t) => {
                 (t.key === "Enter" || t.key === " ") && t.preventDefault();
               },
-              children: r
+              children: n
             }
           ) : null
         ] }) : null

package/dist/components/Field/Field.css

@@ -1 +1 @@
-.oc-Field-module__field__dnDYN{--oc-field-label-max-inline-size: 35%;--oc-field-label-row-block-size: calc(var(--oc-typo-height-body1) + var(--oc-space-item-padding-xsmall) + var(--oc-space-item-padding-xsmall));display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,min(var(--oc-field-label-inline-size, var(--oc-field-label-max-inline-size)),var(--oc-field-label-max-inline-size))) minmax(0,1fr);align-items:start;gap:var(--oc-space-item-gap-xsmall) var(--oc-space-item-gap-medium)}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-label]{grid-column:1;inline-size:100%;min-block-size:var(--oc-field-label-row-block-size);align-items:center}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-control],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-message],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-error-message]{grid-column:2}.oc-Field-module__label__wdqdl{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);font-weight:var(--oc-typo-weight-label1-bold);display:flex;gap:var(--oc-space-item-gap-atom);min-inline-size:0;color:var(--oc-color-theme-label-alternative)}.oc-Field-module__label__wdqdl>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Field-module__control__93bs3{min-inline-size:0}.oc-Field-module__message__uO8Fl{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);margin:0}.oc-Field-module__neutral__e0QpV{color:var(--oc-color-theme-label-alternative)}.oc-Field-module__danger__nP12-{color:var(--oc-color-theme-status-negative)}
+.oc-Field-module__field__dnDYN{--oc-field-label-row-block-size: calc(var(--oc-typo-height-body1) + var(--oc-space-item-padding-xsmall) + var(--oc-space-item-padding-xsmall));display:flex;flex-direction:column;gap:var(--oc-space-item-gap-xsmall);min-inline-size:0}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,min(var(--oc-field-label-inline-size, var(--oc-field-label-max-inline-size, 35%)),var(--oc-field-label-max-inline-size, 35%))) minmax(0,1fr);align-items:start;gap:var(--oc-space-item-gap-xsmall) var(--oc-space-item-gap-medium)}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-label]{grid-column:1;inline-size:100%;min-block-size:var(--oc-field-label-row-block-size);align-items:center}.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-control],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-message],.oc-Field-module__field__dnDYN[data-oc-orientation=horizontal]>[data-oc-component=field-error-message]{grid-column:2}.oc-Field-module__label__wdqdl{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);font-weight:var(--oc-typo-weight-label1-bold);display:flex;gap:var(--oc-space-item-gap-atom);min-inline-size:0;color:var(--oc-color-theme-label-alternative)}.oc-Field-module__label__wdqdl>[data-oc-part=required-mark]{color:var(--oc-color-theme-primary-normal)}.oc-Field-module__control__93bs3{min-inline-size:0}.oc-Field-module__message__uO8Fl{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);margin:0}.oc-Field-module__neutral__e0QpV{color:var(--oc-color-theme-label-alternative)}.oc-Field-module__danger__nP12-{color:var(--oc-color-theme-status-negative)}

package/dist/components/IconButton/IconButton.css

@@ -1 +1 @@
-.oc-IconButton-module__iconButton__PmpB8{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:color,transform;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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-IconButton-module__iconButton__PmpB8{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-IconButton-module__iconButton__PmpB8{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--oc-interaction-inset-x: -.5em;--oc-interaction-inset-y: -.5em;--oc-interaction-radius: var(--oc-atomic-radius-max);--oc-interaction-scale: .95;--oc-interaction-time: .225s}.oc-IconButton-module__iconButton__PmpB8:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}@media(hover:hover){.oc-IconButton-module__iconButton__PmpB8:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__primary__qjfR5){--oc-interaction-color: var(--oc-color-theme-primary-normal);color:var(--oc-color-theme-primary-normal)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__normal__0kcFm){color:var(--oc-color-theme-label-normal)}.oc-IconButton-module__iconButton__PmpB8:disabled,.oc-IconButton-module__iconButton__PmpB8[aria-disabled=true]{color:var(--oc-color-theme-label-disable);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true]){transform:none}}
+.oc-IconButton-module__iconButton__PmpB8{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:color,transform;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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-IconButton-module__iconButton__PmpB8{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-IconButton-module__iconButton__PmpB8{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--oc-interaction-inset-x: -.5em;--oc-interaction-inset-y: -.5em;--oc-interaction-radius: var(--oc-atomic-radius-max);--oc-interaction-scale: .95;--oc-interaction-time: .225s;--_-interaction-default-touch-target-min: var(--oc-touch-target-min, 44px)}.oc-IconButton-module__iconButton__PmpB8:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}@media(hover:hover){.oc-IconButton-module__iconButton__PmpB8:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);--_-interaction-state-scale: 1}}.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);--_-interaction-state-scale: 1}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__primary__qjfR5){--oc-interaction-color: var(--oc-color-theme-primary-normal);color:var(--oc-color-theme-primary-normal)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__normal__0kcFm){color:var(--oc-color-theme-label-normal)}.oc-IconButton-module__iconButton__PmpB8:disabled,.oc-IconButton-module__iconButton__PmpB8[aria-disabled=true]{color:var(--oc-color-theme-label-disable);cursor:not-allowed}.oc-IconButton-module__iconButton__PmpB8:disabled>[data-oc-component=interaction],.oc-IconButton-module__iconButton__PmpB8:disabled>[data-oc-component=interaction]:after,.oc-IconButton-module__iconButton__PmpB8[aria-disabled=true]>[data-oc-component=interaction],.oc-IconButton-module__iconButton__PmpB8[aria-disabled=true]>[data-oc-component=interaction]:after{pointer-events:none}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true]){transform:none}}

package/dist/components/IconButton/IconButton.js

@@ -1,7 +1,7 @@
 'use client';
-import { jsx as c, jsxs as g, Fragment as j } from "react/jsx-runtime";
-import { isValidElement as y, cloneElement as B } from "react";
-import I from "../Interaction/Interaction.js";
+import { jsx as c, jsxs as P, Fragment as h } from "react/jsx-runtime";
+import { isValidElement as j, cloneElement as y } from "react";
+import B from "../Interaction/Interaction.js";
 import f from "../internal/Pressable.js";
 import b from "./IconButton.module.scss.js";
 function F({
@@ -13,7 +13,7 @@ function F({
   size: t = 24,
   variant: n = "normal",
   viewBox: l,
-  color: E,
+  color: g,
   ref: m,
   "aria-label": a,
   "aria-labelledby": r,
@@ -22,13 +22,13 @@ function F({
   process.env.NODE_ENV !== "production" && !a && !r && console.warn(
     "[@orioncactuscorp/ui] IconButton requires `aria-label` or `aria-labelledby` for screen reader accessibility."
   );
-  const P = y(o) ? B(o, {
+  const E = j(o) ? y(o, {
     size: t,
-    color: E,
+    color: g,
     ...l ? { viewBox: l } : {}
-  }) : o, p = /* @__PURE__ */ g(j, { children: [
-    P,
-    /* @__PURE__ */ c(I, {})
+  }) : o, p = /* @__PURE__ */ P(h, { children: [
+    E,
+    /* @__PURE__ */ c(B, { touchTarget: !0 })
   ] }), d = [b.iconButton, b[n], N].filter(Boolean).join(" ");
   return i !== void 0 ? /* @__PURE__ */ c(
     f,

package/dist/components/Interaction/Interaction.css

@@ -1 +1 @@
-:where([data-oc-interaction-variant=light]){--oc-interaction-opacity-factor: .75}:where([data-oc-interaction-variant=normal]){--oc-interaction-opacity-factor: 1}:where([data-oc-interaction-variant=strong]){--oc-interaction-opacity-factor: 1.5}.oc-Interaction-module__interaction__zv4OT{position:absolute;inset:var(--oc-interaction-inset-y, 0) var(--oc-interaction-inset-x, 0);z-index:var(--oc-interaction-z-index, 1);width:calc(100% - var(--oc-interaction-inset-x, 0) * 2);height:calc(100% - var(--oc-interaction-inset-y, 0) * 2);will-change:opacity;opacity:0;transform:scale(max(0,1 + (var(--oc-interaction-scale, 1) - 1) * var(--oc-motion-scale-factor-feedback)));transition:opacity calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-interaction-time, 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-Interaction-module__interaction__zv4OT{transition-property:opacity;transition-duration:calc(var(--oc-interaction-time, 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-Interaction-module__interaction__zv4OT{background-color:var(--oc-interaction-color, var(--oc-color-theme-label-normal));box-sizing:content-box;border-radius:var(--oc-interaction-radius, 0);pointer-events:none;--oc-interaction-default-opacity-factor: 1;--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)));--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)));--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)))}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__light__4mALh){--oc-interaction-default-opacity-factor: .75}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__strong__7GNht){--oc-interaction-default-opacity-factor: 1.5}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]{pointer-events:auto}@media(hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce)and (hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{transform:none}}
+:where([data-oc-interaction-variant=light]){--oc-interaction-opacity-factor: .75}:where([data-oc-interaction-variant=normal]){--oc-interaction-opacity-factor: 1}:where([data-oc-interaction-variant=strong]){--oc-interaction-opacity-factor: 1.5}:where(button,a,label,summary,[role=button],[role=link],[role=checkbox],[role=radio],[role=switch],[role=tab]):where(:has(>.oc-Interaction-module__interaction__zv4OT[data-oc-touch-target=true])){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Interaction-module__interaction__zv4OT{position:absolute;inset:var(--oc-interaction-inset-y, 0) var(--oc-interaction-inset-x, 0);z-index:var(--oc-interaction-z-index, 1);width:calc(100% - var(--oc-interaction-inset-x, 0) * 2);height:calc(100% - var(--oc-interaction-inset-y, 0) * 2);will-change:opacity;opacity:0;transition:opacity calc(var(--oc-interaction-time, 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-Interaction-module__interaction__zv4OT{transition-property:opacity;transition-duration:calc(var(--oc-interaction-time, 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-Interaction-module__interaction__zv4OT{box-sizing:content-box;border-radius:var(--oc-interaction-radius, 0);pointer-events:none;--oc-interaction-default-opacity-factor: 1;--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)));--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)));--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)))}.oc-Interaction-module__interaction__zv4OT:before,.oc-Interaction-module__interaction__zv4OT:after{position:absolute;content:""}.oc-Interaction-module__interaction__zv4OT:before{inset:0;transform:scale(max(0,1 + (var(--_-interaction-state-scale, var(--oc-interaction-scale, 1)) - 1) * var(--oc-motion-scale-factor-feedback)));border-radius:inherit;background-color:var(--oc-interaction-color, var(--oc-color-theme-label-normal));transition:transform calc(var(--oc-interaction-time, 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-Interaction-module__interaction__zv4OT:before{transition:none;transform:none}}.oc-Interaction-module__interaction__zv4OT:after{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:max(100%,var(--oc-interaction-touch-target-min, var(--_-interaction-default-touch-target-min, 0px)));block-size:max(100%,var(--oc-interaction-touch-target-min, var(--_-interaction-default-touch-target-min, 0px)));pointer-events:none}.oc-Interaction-module__interaction__zv4OT[data-oc-touch-target=true]:after{pointer-events:auto}.oc-Interaction-module__interaction__zv4OT:dir(rtl):after{transform:translate(50%,-50%)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__light__4mALh){--oc-interaction-default-opacity-factor: .75}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__strong__7GNht){--oc-interaction-default-opacity-factor: 1.5}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]{pointer-events:auto}@media(hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{opacity:var(--oc-interaction-opacity-hover);--_-interaction-state-scale: 1}}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{opacity:var(--oc-interaction-opacity-active);--_-interaction-state-scale: 1}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT:before{transform:none}}

package/dist/components/Interaction/Interaction.js

@@ -1,23 +1,30 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import t from "./Interaction.module.scss.js";
-const p = c(
-  function({ variant: o = "normal", self: n = !1, className: r = "", ...a }, e) {
-    const i = o !== "normal" ? t[o] : "";
-    return /* @__PURE__ */ s(
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import o from "./Interaction.module.scss.js";
+const u = l(
+  function({
+    variant: t = "normal",
+    self: a = !1,
+    touchTarget: r = !1,
+    className: e = "",
+    ...n
+  }, i) {
+    const s = t !== "normal" ? o[t] : "";
+    return /* @__PURE__ */ c(
       "span",
       {
-        ref: e,
-        className: [t.interaction, i, r].filter(Boolean).join(" "),
-        ...a,
+        ref: i,
+        className: [o.interaction, s, e].filter(Boolean).join(" "),
+        ...n,
         "aria-hidden": "true",
         role: "presentation",
         "data-oc-component": "interaction",
-        "data-oc-self": n ? "true" : void 0
+        "data-oc-self": a ? "true" : void 0,
+        "data-oc-touch-target": r ? "true" : void 0
       }
     );
   }
 );
 export {
-  p as default
+  u as default
 };

package/dist/components/Menu/Menu.css

@@ -1 +1 @@
-.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));pointer-events:auto}.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}
+.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));pointer-events:auto}.oc-Menu-module__content__pnDF6{--oc-menu-content-padding: 1em;--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:var(--oc-menu-content-padding);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__item__S3HKY[data-oc-component=menu-item]+.oc-Menu-module__item__S3HKY[data-oc-component=menu-item]{border-block-start-color:transparent}.oc-Menu-module__item__S3HKY[data-oc-component=menu-item]+.oc-Menu-module__item__S3HKY[data-oc-component=menu-item]:before{position:absolute;inset-block-start:-1px;inset-inline:0;z-index:0;block-size:1px;border-radius:0;background-color:var(--oc-cell-current-divider-color, var(--oc-cell-divider-color));content:"";pointer-events:none;transition:background-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Menu-module__item__S3HKY[data-oc-component=menu-item]+.oc-Menu-module__item__S3HKY[data-oc-component=menu-item]:before{transition-property:background-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-Menu-module__separator__iT6cs{display:block;inline-size:calc(100% + 2 * var(--oc-menu-content-padding));block-size:2px;margin-block:calc(var(--oc-menu-content-padding) - var(--oc-cell-padding));margin-inline:calc(-1 * var(--oc-menu-content-padding));padding:0;border:0;border-radius:0;background-color:var(--oc-color-theme-line-normal-neutral);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}