@orioncactuscorp/ui 1.14.0 → 1.15.0

package/dist/components/PositionSnap.js

@@ -0,0 +1,7 @@
+import { PositionSnapHandle as n, PositionSnapPositioner as t, PositionSnapRoot as a, default as e } from "./PositionSnap/PositionSnap.js";
+export {
+  n as PositionSnapHandle,
+  t as PositionSnapPositioner,
+  a as PositionSnapRoot,
+  e as default
+};

package/dist/components/ProgressIndicator/ProgressIndicator.css

@@ -0,0 +1 @@
+.oc-ProgressIndicator-module__progressIndicator__iBe78{position:relative;display:block;overflow:hidden;inline-size:100%;block-size:var(--oc-progress-indicator-block-size);border-radius:var(--oc-progress-indicator-radius);background-color:var(--oc-progress-indicator-background-color)}.oc-ProgressIndicator-module__progressIndicator__iBe78>[data-oc-part=indicator]{position:absolute;inset-block:0;inset-inline-start:0;min-inline-size:0;max-inline-size:100%;border-radius:inherit;background-color:var(--oc-progress-indicator-color);transition:inline-size calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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%)}@media(prefers-reduced-motion:reduce){.oc-ProgressIndicator-module__progressIndicator__iBe78>[data-oc-part=indicator]{transition:none}}.oc-ProgressIndicator-module__progressIndicator__iBe78{--oc-progress-indicator-background-color: var(--oc-color-theme-fill-normal);--oc-progress-indicator-color: var(--oc-color-theme-primary-normal);--oc-progress-indicator-radius: var(--oc-atomic-radius-max)}.oc-ProgressIndicator-module__small__37l6p{--oc-progress-indicator-block-size: 2px}.oc-ProgressIndicator-module__medium__4Y8b8{--oc-progress-indicator-block-size: 4px}.oc-ProgressIndicator-module__large__Wis3a{--oc-progress-indicator-block-size: 6px}

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -0,0 +1,45 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "./ProgressIndicator.module.scss.js";
+const l = 100;
+function g(a) {
+  return Number.isFinite(a) && a > 0 ? a : l;
+}
+function v(a, r) {
+  return Number.isFinite(a) ? Math.min(Math.max(a, 0), r) : 0;
+}
+function y({
+  value: a,
+  max: r = l,
+  size: i = "small",
+  className: s = "",
+  ref: c,
+  style: m,
+  "aria-label": u,
+  "aria-labelledby": d,
+  "aria-valuetext": p,
+  ...b
+}) {
+  const e = g(r), n = v(a, e), f = n / e * 100, x = [t.progressIndicator, t[i], s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ...b,
+      ref: c,
+      className: x,
+      style: m,
+      role: "progressbar",
+      "aria-label": u,
+      "aria-labelledby": d,
+      "aria-valuemin": 0,
+      "aria-valuemax": e,
+      "aria-valuenow": n,
+      "aria-valuetext": p,
+      "data-oc-component": "progress-indicator",
+      "data-oc-size": i,
+      children: /* @__PURE__ */ o("span", { "data-oc-part": "indicator", style: { inlineSize: `${f}%` } })
+    }
+  );
+}
+export {
+  y as default
+};

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

@@ -0,0 +1,13 @@
+import './ProgressIndicator.css';const o = "oc-ProgressIndicator-module__progressIndicator__iBe78", s = "oc-ProgressIndicator-module__small__37l6p", r = "oc-ProgressIndicator-module__medium__4Y8b8", e = "oc-ProgressIndicator-module__large__Wis3a", a = {
+  progressIndicator: o,
+  small: s,
+  medium: r,
+  large: e
+};
+export {
+  a as default,
+  e as large,
+  r as medium,
+  o as progressIndicator,
+  s as small
+};

package/dist/components/ProgressIndicator.d.ts

@@ -0,0 +1,6 @@
+export * from '../ui/src/components/ProgressIndicator/index'
+export {}
+import _default from '../ui/src/components/ProgressIndicator/index'
+export default _default
+export * from '../ui/src/components/ProgressIndicator/index'
+export {}

package/dist/components/ProgressIndicator.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ProgressIndicator/ProgressIndicator.js";
+export {
+  o as default
+};

package/dist/components/Radio/Radio.css

@@ -1 +1 @@
-.oc-Radio-module__radio__qhO7H{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-Radio-module__radio__qhO7H{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-Radio-module__radio__qhO7H{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__radio__qhO7H{--oc-radio-icon-scale: .675}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{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-radio-control-size: var(--oc-typo-height-body2);--oc-radio-content-height: var(--oc-typo-height-body2)}.oc-Radio-module__medium__OItEm{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-radio-control-size: var(--oc-typo-height-body1);--oc-radio-content-height: var(--oc-typo-height-body1)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Radio-module__radio__qhO7H [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-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-Radio-module__radio__qhO7H [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentcolor}@supports (-webkit-backdrop-filter: none){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentcolor}@media only screen and (resolution:2dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentcolor}}@media only screen and (resolution:3dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentcolor}}}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{border-radius:var(--oc-atomic-radius-max);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-Radio-module__radio__qhO7H [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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{display:flex;align-items:center;justify-content:center;transform:scale(var(--oc-radio-icon-scale));inline-size:100%;block-size:100%;color:transparent;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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]>svg{inline-size:100%;block-size:100%;padding:.125rem}.oc-Radio-module__radio__qhO7H [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-radio-control-size) - var(--oc-radio-content-height)) / 2)}.oc-Radio-module__radio__qhO7H [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Radio-module__radio__qhO7H [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Radio-module__fill__h24zJ [data-oc-part=label]{flex:1}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-color-theme-primary-normal)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon-wrapper]{color:var(--oc-color-theme-static-white)}.oc-Radio-module__radio__qhO7H [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)}
+.oc-Radio-module__radio__qhO7H{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-Radio-module__radio__qhO7H{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-Radio-module__radio__qhO7H{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Radio-module__radio__qhO7H:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Radio-module__radio__qhO7H{--oc-radio-background-color: var(--oc-color-theme-primary-normal);--oc-radio-color: var(--oc-color-theme-static-white);--oc-radio-icon-scale: .675}.oc-Radio-module__fill__h24zJ{display:flex;inline-size:100%}.oc-Radio-module__small__PGRQA{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-radio-control-size: var(--oc-typo-height-body2);--oc-radio-content-height: var(--oc-typo-height-body2)}.oc-Radio-module__medium__OItEm{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-radio-control-size: var(--oc-typo-height-body1);--oc-radio-content-height: var(--oc-typo-height-body1)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Radio-module__radio__qhO7H [data-oc-part=container]{position:relative;isolation:isolate;flex-shrink:0;padding:.125em;inline-size:var(--oc-radio-control-size);block-size:var(--oc-radio-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-Radio-module__radio__qhO7H [data-oc-part=wrapper]{display:flex;box-shadow:inset 0 0 0 1.5px currentcolor}@supports (-webkit-backdrop-filter: none){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1px currentcolor}@media only screen and (resolution:2dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.5px currentcolor}}@media only screen and (resolution:3dppx){.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{box-shadow:inset 0 0 0 1.6666px currentcolor}}}.oc-Radio-module__radio__qhO7H [data-oc-part=wrapper]{border-radius:var(--oc-atomic-radius-max);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-Radio-module__radio__qhO7H [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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{display:flex;align-items:center;justify-content:center;transform:scale(var(--oc-radio-icon-scale));inline-size:100%;block-size:100%;color:transparent;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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]{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-Radio-module__radio__qhO7H [data-oc-part=icon-wrapper]>svg{inline-size:100%;block-size:100%;padding:.125rem}.oc-Radio-module__radio__qhO7H [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-radio-control-size) - var(--oc-radio-content-height)) / 2)}.oc-Radio-module__radio__qhO7H [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Radio-module__radio__qhO7H [data-oc-part=trailing-compound]{display:flex;flex-shrink:0;margin-inline-start:auto}.oc-Radio-module__fill__h24zJ [data-oc-part=label]{flex:1}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:disabled+[data-oc-part=container] [data-oc-part=wrapper]{color:var(--oc-color-theme-line-normal-alternative)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=wrapper]{color:transparent;background-color:var(--oc-radio-background-color)}.oc-Radio-module__radio__qhO7H [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=icon-wrapper]{color:var(--oc-radio-color)}.oc-Radio-module__radio__qhO7H [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)}

package/dist/components/Radio/Radio.js

@@ -1,52 +1,54 @@
 'use client';
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import h from "@orioncactuscorp/icons/orioncactus/CircleFill";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import v from "@orioncactuscorp/icons/orioncactus/CircleFill";
 import y from "../Interaction/Interaction.js";
-import r from "./Radio.module.scss.js";
-function x({
+import e from "./Radio.module.scss.js";
+function C({
   children: o,
   className: l = "",
-  size: c = "medium",
-  fill: i = !1,
-  trailingCompound: e,
+  size: i = "medium",
+  fill: c = !1,
+  trailingCompound: n,
   onChange: p,
   onCheckedChange: d,
   ref: s,
-  ...u
+  "data-oc-interaction-variant": u,
+  ...f
 }) {
-  const f = (a) => {
+  const m = (a) => {
     p?.(a), d?.(a.currentTarget.checked);
-  }, m = o !== void 0 || e !== void 0;
-  return /* @__PURE__ */ n(
+  }, h = o !== void 0 || n !== void 0;
+  return /* @__PURE__ */ r(
     "label",
     {
       className: [
-        r.radio,
-        r[c],
-        i ? r.fill : "",
+        e.radio,
+        e[i],
+        c ? e.fill : "",
         l
       ].filter(Boolean).join(" "),
       "data-oc-component": "radio",
-      "data-oc-size": c,
-      "data-oc-fill": i ? "true" : void 0,
+      "data-oc-size": i,
+      "data-oc-fill": c ? "true" : void 0,
+      "data-oc-interaction-variant": u,
       children: [
         /* @__PURE__ */ t(
           "input",
           {
-            ...u,
+            ...f,
             ref: s,
             type: "radio",
-            onChange: f,
+            onChange: m,
             "data-oc-part": "input"
           }
         ),
-        /* @__PURE__ */ n("span", { "data-oc-part": "container", children: [
+        /* @__PURE__ */ r("span", { "data-oc-part": "container", children: [
           /* @__PURE__ */ t(y, { self: !0 }),
-          /* @__PURE__ */ t("span", { "data-oc-part": "wrapper", children: /* @__PURE__ */ t("span", { "data-oc-part": "icon-wrapper", children: /* @__PURE__ */ t(h, { size: "custom" }) }) })
+          /* @__PURE__ */ t("span", { "data-oc-part": "wrapper", children: /* @__PURE__ */ t("span", { "data-oc-part": "icon-wrapper", children: /* @__PURE__ */ t(v, { size: "custom" }) }) })
         ] }),
-        m ? /* @__PURE__ */ n("span", { "data-oc-part": "content", children: [
+        h ? /* @__PURE__ */ r("span", { "data-oc-part": "content", children: [
           o !== void 0 ? /* @__PURE__ */ t("span", { "data-oc-part": "label", children: o }) : null,
-          e ? /* @__PURE__ */ t(
+          n ? /* @__PURE__ */ t(
             "span",
             {
               "data-oc-part": "trailing-compound",
@@ -55,7 +57,7 @@ function x({
               onKeyDown: (a) => {
                 (a.key === "Enter" || a.key === " ") && a.preventDefault();
               },
-              children: e
+              children: n
             }
           ) : null
         ] }) : null
@@ -64,5 +66,5 @@ function x({
   );
 }
 export {
-  x as default
+  C as default
 };

package/dist/components/Switch/Switch.css

@@ -1 +1 @@
-.oc-Switch-module__switch__PKzsW{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-Switch-module__switch__PKzsW{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-Switch-module__switch__PKzsW{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Switch-module__switch__PKzsW:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Switch-module__switch__PKzsW{--oc-switch-track-width: 2.5rem;--oc-switch-track-height: 1.5rem;--oc-switch-thumb-size: 1rem;--oc-switch-thumb-translate: 1rem;--oc-switch-thumb-translate-checked: var(--oc-switch-thumb-translate);--oc-switch-track-color: var(--oc-color-theme-fill-normal);--oc-switch-track-z-index: var(--oc-zindex-1);--oc-switch-interaction-z-index: var(--oc-zindex-2);--oc-switch-thumb-z-index: calc(var(--oc-switch-interaction-z-index) + 1)}.oc-Switch-module__switch__PKzsW:dir(rtl){--oc-switch-thumb-translate-checked: calc(var(--oc-switch-thumb-translate) * -1)}.oc-Switch-module__small__LEHKf{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-switch-control-size: var(--oc-typo-height-body2);--oc-switch-content-height: var(--oc-typo-height-body2);--oc-switch-track-width: 2rem;--oc-switch-track-height: 1.25rem;--oc-switch-thumb-size: .875rem;--oc-switch-thumb-translate: .75rem}.oc-Switch-module__medium__rpPKx{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-switch-control-size: var(--oc-typo-height-body1);--oc-switch-content-height: var(--oc-typo-height-body1)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Switch-module__switch__PKzsW [data-oc-part=container]{display:flex;position:relative;flex-shrink:0;align-items:center;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-max);padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inline-size:var(--oc-switch-track-width);block-size:var(--oc-switch-control-size);--oc-interaction-inset-y: calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);--oc-interaction-z-index: var(--oc-switch-interaction-z-index);--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{position:absolute;z-index:var(--oc-switch-thumb-z-index);inset-block-start:calc((var(--oc-switch-control-size) - var(--oc-switch-thumb-size)) / 2);inset-inline-start:calc((var(--oc-switch-track-height) - var(--oc-switch-thumb-size)) / 2);transform:translate(0);border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-static-white);inline-size:var(--oc-switch-thumb-size);block-size:var(--oc-switch-thumb-size);transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) 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%)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{transition-duration:calc(var(--oc-motion-duration-move) * var(--oc-motion-duration-factor-preserve) * var(--oc-motion-pace-quick) * 1);transition-timing-function:var(--oc-motion-timing-move)}}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{pointer-events:none}.oc-Switch-module__switch__PKzsW [data-oc-part=container]>[data-oc-component=interaction]{inset-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inset-inline:0;inline-size:100%;block-size:var(--oc-switch-track-height)}.oc-Switch-module__switch__PKzsW [data-oc-part=container]:before{position:absolute;z-index:var(--oc-switch-track-z-index);inset-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inset-inline:0;border-radius:inherit;background-color:var(--oc-switch-track-color);content:"";transition: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-Switch-module__switch__PKzsW [data-oc-part=container]:before{transition-property: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-Switch-module__switch__PKzsW [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-content-height)) / 2)}.oc-Switch-module__switch__PKzsW [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-primary-normal)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=thumb]{transform:translate(var(--oc-switch-thumb-translate-checked))}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:disabled+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-fill-alternative)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:focus-visible+[data-oc-part=container]{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}
+.oc-Switch-module__switch__PKzsW{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-Switch-module__switch__PKzsW{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-Switch-module__switch__PKzsW{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oc-Switch-module__switch__PKzsW:has([data-oc-part=input]:disabled){opacity:var(--oc-color-global-opacity-43);cursor:not-allowed}.oc-Switch-module__switch__PKzsW{--oc-switch-track-width: 2.5rem;--oc-switch-track-height: 1.5rem;--oc-switch-thumb-size: 1rem;--oc-switch-thumb-translate: 1rem;--oc-switch-thumb-translate-checked: var(--oc-switch-thumb-translate);--oc-switch-background-color: var(--oc-color-theme-primary-normal);--oc-switch-color: var(--oc-color-theme-static-white);--oc-switch-track-color: var(--oc-color-theme-fill-normal);--oc-switch-track-z-index: var(--oc-zindex-1);--oc-switch-interaction-z-index: var(--oc-zindex-2);--oc-switch-thumb-z-index: calc(var(--oc-switch-interaction-z-index) + 1)}.oc-Switch-module__switch__PKzsW:dir(rtl){--oc-switch-thumb-translate-checked: calc(var(--oc-switch-thumb-translate) * -1)}.oc-Switch-module__small__LEHKf{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-switch-control-size: var(--oc-typo-height-body2);--oc-switch-content-height: var(--oc-typo-height-body2);--oc-switch-track-width: 2rem;--oc-switch-track-height: 1.25rem;--oc-switch-thumb-size: .875rem;--oc-switch-thumb-translate: .75rem}.oc-Switch-module__medium__rpPKx{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-switch-control-size: var(--oc-typo-height-body1);--oc-switch-content-height: var(--oc-typo-height-body1)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]{position:absolute;opacity:0;pointer-events:none;inline-size:0;block-size:0}.oc-Switch-module__switch__PKzsW [data-oc-part=container]{display:flex;position:relative;flex-shrink:0;align-items:center;isolation:isolate;overflow:hidden;border-radius:var(--oc-atomic-radius-max);padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inline-size:var(--oc-switch-track-width);block-size:var(--oc-switch-control-size);--oc-interaction-inset-y: calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);--oc-interaction-z-index: var(--oc-switch-interaction-z-index);--oc-interaction-radius: var(--oc-atomic-radius-max)}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{position:absolute;z-index:var(--oc-switch-thumb-z-index);inset-block-start:calc((var(--oc-switch-control-size) - var(--oc-switch-thumb-size)) / 2);inset-inline-start:calc((var(--oc-switch-track-height) - var(--oc-switch-thumb-size)) / 2);transform:translate(0);border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-switch-color);inline-size:var(--oc-switch-thumb-size);block-size:var(--oc-switch-thumb-size);transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) 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%)}@media(prefers-reduced-motion:reduce){.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{transition-duration:calc(var(--oc-motion-duration-move) * var(--oc-motion-duration-factor-preserve) * var(--oc-motion-pace-quick) * 1);transition-timing-function:var(--oc-motion-timing-move)}}.oc-Switch-module__switch__PKzsW [data-oc-part=thumb]{pointer-events:none}.oc-Switch-module__switch__PKzsW [data-oc-part=container]>[data-oc-component=interaction]{inset-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inset-inline:0;inline-size:100%;block-size:var(--oc-switch-track-height)}.oc-Switch-module__switch__PKzsW [data-oc-part=container]:before{position:absolute;z-index:var(--oc-switch-track-z-index);inset-block:calc((var(--oc-switch-control-size) - var(--oc-switch-track-height)) / 2);inset-inline:0;border-radius:inherit;background-color:var(--oc-switch-track-color);content:"";transition: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-Switch-module__switch__PKzsW [data-oc-part=container]:before{transition-property: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-Switch-module__switch__PKzsW [data-oc-part=content]{display:flex;flex:1;align-items:flex-start;min-inline-size:0;padding-block:calc((var(--oc-switch-control-size) - var(--oc-switch-content-height)) / 2)}.oc-Switch-module__switch__PKzsW [data-oc-part=label]{-webkit-user-select:none;user-select:none}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container]{--oc-switch-track-color: var(--oc-switch-background-color)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:checked+[data-oc-part=container] [data-oc-part=thumb]{transform:translate(var(--oc-switch-thumb-translate-checked))}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:disabled+[data-oc-part=container]{--oc-switch-track-color: var(--oc-color-theme-fill-alternative)}.oc-Switch-module__switch__PKzsW [data-oc-part=input]:focus-visible+[data-oc-part=container]{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}

package/dist/components/Switch/Switch.js

@@ -1,46 +1,48 @@
 'use client';
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import m from "../Interaction/Interaction.js";
-import e from "./Switch.module.scss.js";
-function w({
+import u from "../Interaction/Interaction.js";
+import r from "./Switch.module.scss.js";
+function x({
   children: a,
-  className: r = "",
+  className: e = "",
   size: n = "medium",
-  onChange: s,
-  onCheckedChange: i,
+  onChange: i,
+  onCheckedChange: s,
   ref: p,
-  ...d
+  "data-oc-interaction-variant": d,
+  ...l
 }) {
-  const l = (o) => {
-    s?.(o), i?.(o.currentTarget.checked);
-  }, h = a !== void 0;
+  const h = (o) => {
+    i?.(o), s?.(o.currentTarget.checked);
+  }, m = a !== void 0;
   return /* @__PURE__ */ c(
     "label",
     {
-      className: `${e.switch} ${e[n]} ${r}`.trim(),
+      className: `${r.switch} ${r[n]} ${e}`.trim(),
       "data-oc-component": "switch",
       "data-oc-size": n,
+      "data-oc-interaction-variant": d,
       children: [
         /* @__PURE__ */ t(
           "input",
           {
-            ...d,
+            ...l,
             ref: p,
             type: "checkbox",
             role: "switch",
-            onChange: l,
+            onChange: h,
             "data-oc-part": "input"
           }
         ),
         /* @__PURE__ */ c("span", { "data-oc-part": "container", children: [
-          /* @__PURE__ */ t(m, { self: !0 }),
+          /* @__PURE__ */ t(u, { self: !0 }),
           /* @__PURE__ */ t("span", { "data-oc-part": "thumb" })
         ] }),
-        h ? /* @__PURE__ */ t("span", { "data-oc-part": "content", children: /* @__PURE__ */ t("span", { "data-oc-part": "label", children: a }) }) : null
+        m ? /* @__PURE__ */ t("span", { "data-oc-part": "content", children: /* @__PURE__ */ t("span", { "data-oc-part": "label", children: a }) }) : null
       ]
     }
   );
 }
 export {
-  w as default
+  x as default
 };

package/dist/components/Tabs/Tabs.css

@@ -1 +1 @@
-@property --oc-tabs-internal-edge-fade-start-size{syntax: "<length>"; inherits: false; initial-value: 0;}@property --oc-tabs-internal-edge-fade-end-size{syntax: "<length>"; inherits: false; initial-value: 0;}.oc-Tabs-module__root__2x4fl{min-width:0;--oc-tabs-list-padding-block: 0px;--oc-tabs-tab-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-tabs-edge-fade-size: 3rem;--oc-tabs-indicator-block-size: .125rem;--oc-tabs-indicator-radius: var(--oc-atomic-radius-max);--oc-tabs-indicator-color: var(--oc-color-theme-label-strong);--oc-tabs-indicator-disabled-color: var(--oc-color-theme-label-disable);--oc-tabs-label-color: var(--oc-color-theme-label-assistive);--oc-tabs-label-hover-color: var(--oc-color-theme-label-alternative);--oc-tabs-label-selected-color: var(--oc-color-theme-label-strong);--oc-tabs-label-disabled-color: var(--oc-color-theme-label-disable)}.oc-Tabs-module__listFrame__TrGoN{display:flex;align-items:stretch;min-width:0}.oc-Tabs-module__scroller__QIrMA{flex:1 1 auto;min-width:0;overflow-x:auto;scroll-padding-inline:calc(var(--oc-tabs-edge-fade-size) + var(--oc-tabs-tab-interaction-margin-inline));scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-start-size),black calc(100% - var(--oc-tabs-internal-edge-fade-end-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-start-size),black calc(100% - var(--oc-tabs-internal-edge-fade-end-size)),transparent 100%);transition:--oc-tabs-internal-edge-fade-start-size calc(var(--oc-motion-duration-fade) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) var(--oc-motion-timing-fade),--oc-tabs-internal-edge-fade-end-size calc(var(--oc-motion-duration-fade) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) var(--oc-motion-timing-fade)}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__scroller__QIrMA{transition:none}}.oc-Tabs-module__scroller__QIrMA::-webkit-scrollbar{display:none}.oc-Tabs-module__scroller__QIrMA:where(.oc-Tabs-module__fadeStart__1YF2D){--oc-tabs-internal-edge-fade-start-size: var(--oc-tabs-edge-fade-size)}.oc-Tabs-module__scroller__QIrMA:where(.oc-Tabs-module__fadeEnd__g9-ts){--oc-tabs-internal-edge-fade-end-size: var(--oc-tabs-edge-fade-size)}.oc-Tabs-module__scroller__QIrMA:dir(rtl){-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-end-size),black calc(100% - var(--oc-tabs-internal-edge-fade-start-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--oc-tabs-internal-edge-fade-end-size),black calc(100% - var(--oc-tabs-internal-edge-fade-start-size)),transparent 100%)}.oc-Tabs-module__list__6iAKX{--_-tabs-default-list-padding-inline: 0px;position:relative;display:flex;align-items:stretch;margin:0;padding-block:var(--oc-tabs-list-padding-block);padding-inline:var(--oc-tabs-list-padding-inline, var(--_-tabs-default-list-padding-inline));overflow-x:clip;column-gap:var(--oc-tabs-list-gap, calc(var(--oc-tabs-tab-interaction-margin-inline) + var(--oc-tabs-tab-interaction-margin-inline)));inline-size:max-content;min-inline-size:100%}.oc-Tabs-module__list__6iAKX[data-oc-padding=true]{--_-tabs-default-list-padding-inline: var(--oc-space-section-padding-viewport-x)}.oc-Tabs-module__list__6iAKX[data-oc-size=large],.oc-Tabs-module__list__6iAKX[data-oc-size=medium]{--_-tabs-default-tab-padding-block: var(--oc-space-item-padding-mini)}.oc-Tabs-module__list__6iAKX[data-oc-size=small]{--_-tabs-default-tab-padding-block: var(--oc-space-item-padding-tiny)}.oc-Tabs-module__list__6iAKX[data-oc-full-width=true]>[data-oc-part=tab]{flex:1 1 0;min-inline-size:0}.oc-Tabs-module__list__6iAKX:has(>[data-oc-part=tab][aria-selected=true][aria-disabled=true])>[data-oc-part=indicator]{background-color:var(--oc-tabs-indicator-disabled-color)}.oc-Tabs-module__tab__LYqhc{position:relative;isolation:isolate;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;appearance:none;margin:0;border:0;background:transparent;padding-block:var(--oc-tabs-tab-padding-block, var(--_-tabs-default-tab-padding-block));padding-inline:0;font:inherit;letter-spacing:inherit;color:var(--oc-tabs-label-color);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;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-Tabs-module__tab__LYqhc{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-Tabs-module__tab__LYqhc{--oc-interaction-color: transparent;--oc-interaction-inset-x: calc(0px - var(--oc-tabs-tab-interaction-margin-inline))}.oc-Tabs-module__tab__LYqhc[aria-selected=true]{color:var(--oc-tabs-label-selected-color)}.oc-Tabs-module__tab__LYqhc[aria-disabled=true]{color:var(--oc-tabs-label-disabled-color);cursor:not-allowed}.oc-Tabs-module__tab__LYqhc[aria-disabled=true]>[data-oc-component=interaction]{pointer-events:none}@media(hover:hover){.oc-Tabs-module__tab__LYqhc:hover:not([aria-selected=true],[aria-disabled=true]){color:var(--oc-tabs-label-hover-color)}.oc-Tabs-module__tab__LYqhc:hover:not([aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Tabs-module__tab__LYqhc:active:not([aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=large]){font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=medium]){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);font-weight:var(--oc-typo-weight-body1-bold)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=small]){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);font-weight:var(--oc-typo-weight-body2-bold)}.oc-Tabs-module__label__dkYH9{position:relative;z-index:2;overflow:hidden;min-width:0;text-overflow:ellipsis}.oc-Tabs-module__indicator__b8TYY{position:absolute;inset-block-end:var(--oc-tabs-list-padding-block);left:0;z-index:2;inline-size:var(--active-tab-width);block-size:var(--oc-tabs-indicator-block-size);background-color:var(--oc-tabs-indicator-color);border-radius:var(--oc-tabs-indicator-radius);transform:translate(var(--active-tab-left));pointer-events:none;transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) 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%),inline-size calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) 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%)}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__indicator__b8TYY{transition:none;transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__indicator__b8TYY{left:var(--active-tab-left)}}.oc-Tabs-module__trailing__qkYPl{position:relative;z-index:3;display:inline-flex;flex:none;align-items:center}.oc-Tabs-module__panel__0OUR6{min-width:0}
+@property --oc-tabs-internal-edge-fade-start-size{syntax: "<length>"; inherits: false; initial-value: 0;}@property --oc-tabs-internal-edge-fade-end-size{syntax: "<length>"; inherits: false; initial-value: 0;}.oc-Tabs-module__root__2x4fl{min-width:0;--oc-tabs-list-padding-block: 0px;--oc-tabs-tab-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-tabs-edge-fade-size: 3rem;--oc-tabs-indicator-block-size: .125rem;--oc-tabs-indicator-radius: var(--oc-atomic-radius-max);--oc-tabs-indicator-color: var(--oc-color-theme-label-strong);--oc-tabs-indicator-disabled-color: var(--oc-color-theme-label-disable);--oc-tabs-label-color: var(--oc-color-theme-label-assistive);--oc-tabs-label-hover-color: var(--oc-color-theme-label-alternative);--oc-tabs-label-selected-color: var(--oc-color-theme-label-strong);--oc-tabs-label-disabled-color: var(--oc-color-theme-label-disable)}.oc-Tabs-module__listFrame__TrGoN{display:flex;align-items:stretch;min-width:0}.oc-Tabs-module__scroller__QIrMA{flex:1 1 auto;min-width:0;overflow-x:auto;scroll-padding-inline:calc(var(--oc-tabs-edge-fade-size) + var(--oc-tabs-tab-interaction-margin-inline));scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0px,color-mix(in srgb,transparent 95.703125%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .125),color-mix(in srgb,transparent 84.375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .25),color-mix(in srgb,transparent 68.359375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .375),color-mix(in srgb,transparent 50%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .5),color-mix(in srgb,transparent 31.640625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .625),color-mix(in srgb,transparent 15.625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .75),color-mix(in srgb,transparent 4.296875%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .875),black var(--oc-tabs-internal-edge-fade-start-size),black calc(100% - var(--oc-tabs-internal-edge-fade-end-size)),color-mix(in srgb,black 95.703125%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .125),color-mix(in srgb,black 84.375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .25),color-mix(in srgb,black 68.359375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .375),color-mix(in srgb,black 50%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .5),color-mix(in srgb,black 31.640625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .625),color-mix(in srgb,black 15.625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .75),color-mix(in srgb,black 4.296875%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .875),transparent 100%);mask-image:linear-gradient(to right,transparent 0px,color-mix(in srgb,transparent 95.703125%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .125),color-mix(in srgb,transparent 84.375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .25),color-mix(in srgb,transparent 68.359375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .375),color-mix(in srgb,transparent 50%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .5),color-mix(in srgb,transparent 31.640625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .625),color-mix(in srgb,transparent 15.625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .75),color-mix(in srgb,transparent 4.296875%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-start-size) - 0px) * .875),black var(--oc-tabs-internal-edge-fade-start-size),black calc(100% - var(--oc-tabs-internal-edge-fade-end-size)),color-mix(in srgb,black 95.703125%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .125),color-mix(in srgb,black 84.375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .25),color-mix(in srgb,black 68.359375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .375),color-mix(in srgb,black 50%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .5),color-mix(in srgb,black 31.640625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .625),color-mix(in srgb,black 15.625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .75),color-mix(in srgb,black 4.296875%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-end-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-end-size))) * .875),transparent 100%);transition:--oc-tabs-internal-edge-fade-start-size calc(var(--oc-motion-duration-fade) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) var(--oc-motion-timing-fade),--oc-tabs-internal-edge-fade-end-size calc(var(--oc-motion-duration-fade) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) var(--oc-motion-timing-fade)}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__scroller__QIrMA{transition:none}}.oc-Tabs-module__scroller__QIrMA::-webkit-scrollbar{display:none}.oc-Tabs-module__scroller__QIrMA:where(.oc-Tabs-module__fadeStart__1YF2D){--oc-tabs-internal-edge-fade-start-size: var(--oc-tabs-edge-fade-size)}.oc-Tabs-module__scroller__QIrMA:where(.oc-Tabs-module__fadeEnd__g9-ts){--oc-tabs-internal-edge-fade-end-size: var(--oc-tabs-edge-fade-size)}.oc-Tabs-module__scroller__QIrMA:dir(rtl){-webkit-mask-image:linear-gradient(to right,transparent 0px,color-mix(in srgb,transparent 95.703125%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .125),color-mix(in srgb,transparent 84.375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .25),color-mix(in srgb,transparent 68.359375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .375),color-mix(in srgb,transparent 50%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .5),color-mix(in srgb,transparent 31.640625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .625),color-mix(in srgb,transparent 15.625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .75),color-mix(in srgb,transparent 4.296875%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .875),black var(--oc-tabs-internal-edge-fade-end-size),black calc(100% - var(--oc-tabs-internal-edge-fade-start-size)),color-mix(in srgb,black 95.703125%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .125),color-mix(in srgb,black 84.375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .25),color-mix(in srgb,black 68.359375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .375),color-mix(in srgb,black 50%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .5),color-mix(in srgb,black 31.640625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .625),color-mix(in srgb,black 15.625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .75),color-mix(in srgb,black 4.296875%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .875),transparent 100%);mask-image:linear-gradient(to right,transparent 0px,color-mix(in srgb,transparent 95.703125%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .125),color-mix(in srgb,transparent 84.375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .25),color-mix(in srgb,transparent 68.359375%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .375),color-mix(in srgb,transparent 50%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .5),color-mix(in srgb,transparent 31.640625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .625),color-mix(in srgb,transparent 15.625%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .75),color-mix(in srgb,transparent 4.296875%,black) calc(0px + (var(--oc-tabs-internal-edge-fade-end-size) - 0px) * .875),black var(--oc-tabs-internal-edge-fade-end-size),black calc(100% - var(--oc-tabs-internal-edge-fade-start-size)),color-mix(in srgb,black 95.703125%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .125),color-mix(in srgb,black 84.375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .25),color-mix(in srgb,black 68.359375%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .375),color-mix(in srgb,black 50%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .5),color-mix(in srgb,black 31.640625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .625),color-mix(in srgb,black 15.625%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .75),color-mix(in srgb,black 4.296875%,transparent) calc(calc(100% - var(--oc-tabs-internal-edge-fade-start-size)) + (100% - calc(100% - var(--oc-tabs-internal-edge-fade-start-size))) * .875),transparent 100%)}.oc-Tabs-module__list__6iAKX{--_-tabs-default-list-padding-inline: 0px;position:relative;display:flex;align-items:stretch;margin:0;padding-block:var(--oc-tabs-list-padding-block);padding-inline:var(--oc-tabs-list-padding-inline, var(--_-tabs-default-list-padding-inline));overflow-x:clip;column-gap:var(--oc-tabs-list-gap, calc(var(--oc-tabs-tab-interaction-margin-inline) + var(--oc-tabs-tab-interaction-margin-inline)));inline-size:max-content;min-inline-size:100%}.oc-Tabs-module__list__6iAKX[data-oc-padding=true]{--_-tabs-default-list-padding-inline: var(--oc-space-section-padding-viewport-x)}.oc-Tabs-module__list__6iAKX[data-oc-size=large],.oc-Tabs-module__list__6iAKX[data-oc-size=medium]{--_-tabs-default-tab-padding-block: var(--oc-space-item-padding-mini)}.oc-Tabs-module__list__6iAKX[data-oc-size=small]{--_-tabs-default-tab-padding-block: var(--oc-space-item-padding-tiny)}.oc-Tabs-module__list__6iAKX[data-oc-full-width=true]>[data-oc-part=tab]{flex:1 1 0;min-inline-size:0}.oc-Tabs-module__list__6iAKX:has(>[data-oc-part=tab][aria-selected=true][aria-disabled=true])>[data-oc-part=indicator]{background-color:var(--oc-tabs-indicator-disabled-color)}.oc-Tabs-module__tab__LYqhc{position:relative;isolation:isolate;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;appearance:none;margin:0;border:0;background:transparent;padding-block:var(--oc-tabs-tab-padding-block, var(--_-tabs-default-tab-padding-block));padding-inline:0;font:inherit;letter-spacing:inherit;color:var(--oc-tabs-label-color);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;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-Tabs-module__tab__LYqhc{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-Tabs-module__tab__LYqhc{--oc-interaction-color: transparent;--oc-interaction-inset-x: calc(0px - var(--oc-tabs-tab-interaction-margin-inline))}.oc-Tabs-module__tab__LYqhc[aria-selected=true]{color:var(--oc-tabs-label-selected-color)}.oc-Tabs-module__tab__LYqhc[aria-disabled=true]{color:var(--oc-tabs-label-disabled-color);cursor:not-allowed}.oc-Tabs-module__tab__LYqhc[aria-disabled=true]>[data-oc-component=interaction]{pointer-events:none}@media(hover:hover){.oc-Tabs-module__tab__LYqhc:hover:not([aria-selected=true],[aria-disabled=true]){color:var(--oc-tabs-label-hover-color)}.oc-Tabs-module__tab__LYqhc:hover:not([aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Tabs-module__tab__LYqhc:active:not([aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=large]){font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=medium]){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);font-weight:var(--oc-typo-weight-body1-bold)}:where(.oc-Tabs-module__list__6iAKX[data-oc-size=small]){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);font-weight:var(--oc-typo-weight-body2-bold)}.oc-Tabs-module__label__dkYH9{position:relative;z-index:2;overflow:hidden;min-width:0;text-overflow:ellipsis}.oc-Tabs-module__indicator__b8TYY{position:absolute;inset-block-end:var(--oc-tabs-list-padding-block);left:0;z-index:2;inline-size:var(--active-tab-width);block-size:var(--oc-tabs-indicator-block-size);background-color:var(--oc-tabs-indicator-color);border-radius:var(--oc-tabs-indicator-radius);transform:translate(var(--active-tab-left));pointer-events:none;transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) 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%),inline-size calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) 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%)}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__indicator__b8TYY{transition:none;transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tabs-module__indicator__b8TYY{left:var(--active-tab-left)}}.oc-Tabs-module__trailing__qkYPl{position:relative;z-index:3;display:inline-flex;flex:none;align-items:center}.oc-Tabs-module__panel__0OUR6{min-width:0}

package/dist/components/Tooltip/Tooltip.css

@@ -1 +1 @@
-.oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__trigger__bpvLZ:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption2);font-weight:var(--oc-typo-weight-caption2-medium);--oc-background-radius: max(0px, .5rem * var(--oc-atomic-radius-factor));--oc-tooltip-transform-origin: top center;z-index:var(--oc-tooltip-z-index, var(--oc-zindex-5));overflow:hidden;padding:.25rem .5rem;max-inline-size:min(20rem,100vw - var(--oc-space-item-padding-large));color:var(--oc-color-theme-label-alternative);opacity:1;transform:scale(1);transform-origin:var(--oc-tooltip-transform-origin);will-change:opacity,transform}.oc-Tooltip-module__tooltip__LjRUX[data-side=top]{--oc-tooltip-transform-origin: bottom center}.oc-Tooltip-module__tooltip__LjRUX[data-side=bottom]{--oc-tooltip-transform-origin: top center}.oc-Tooltip-module__tooltip__LjRUX[data-side=left]{--oc-tooltip-transform-origin: right center}.oc-Tooltip-module__tooltip__LjRUX[data-side=right]{--oc-tooltip-transform-origin: left center}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-spatial)))}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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) var(--oc-motion-timing-disclosure-exit)}.oc-Tooltip-module__tooltip__LjRUX{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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(.326s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .95%,.017 1.9%,.0363 2.86%,.061 3.81%,.0902 4.76%,.1229 5.71%,.1582 6.67%,.1956 7.62%,.2343 8.57%,.2738 9.52%,.3136 10.48%,.3533 11.43%,.3927 12.38%,.4313 13.33%,.469 14.29%,.5056 15.24%,.541 16.19%,.5749 17.14%,.6074 18.1%,.6384 19.05%,.6678 20%,.6956 20.95%,.7219 21.9%,.7466 22.86%,.7697 23.81%,.7913 24.76%,.8114 25.71%,.8301 26.67%,.8474 27.62%,.8635 28.57%,.8782 29.52%,.8918 30.48%,.9043 31.43%,.9157 32.38%,.9261 33.33%,.9355 34.29%,.9441 35.24%,.9518 36.19%,.9588 37.14%,.9651 38.1%,.9707 39.05%,.9757 40%,.9802 40.95%,.9842 41.9%,.9877 42.86%,.9907 43.81%,.9934 44.76%,.9957 45.71%,.9977 46.67%,.9995 47.62%,1.0009 48.57%,1.0022 49.52%,1.0032 50.48%,1.004 51.43%,1.0047 52.38%,1.0052 53.33%,1.0056 54.29%,1.0059 55.24%,1.0061 56.19%,1.0062 57.14%,1.0063 58.1%,1.0063 59.05%,1.0062 60%,1.0061 60.95%,1.0059 61.9%,1.0057 62.86%,1.0055 63.81%,1.0053 64.76%,1.0051 65.71%,1.0048 66.67%,1.0046 67.62%,1.0044 68.57%,1.0041 69.52%,1.0039 70.48%,1.0036 71.43%,1.0034 72.38%,1.0031 73.33%,1.0029 74.29%,1.0027 75.24%,1.0025 76.19%,1.0023 77.14%,1.0021 78.1%,1.0019 79.05%,1.0018 80%,1.0016 80.95%,1.0015 81.9%,1.0013 82.86%,1.0012 83.81%,1.0011 84.76%,1.001 85.71%,1.0009 86.67%,1.0008 87.62%,1.0007 88.57%,1.0006 89.52%,1.0005 90.48%,1.0005 91.43%,1.0004 92.38%,1.0004 93.33%,1.0003 94.29%,1.0003 95.24%,1.0002 96.19%,1.0002 97.14%,1.0002 98.1%,1.0001 99.05%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{will-change:opacity}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transform:none}.oc-Tooltip-module__tooltip__LjRUX[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);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}
+.oc-Tooltip-module__trigger__bpvLZ{all:unset}.oc-Tooltip-module__trigger__bpvLZ:focus-visible{outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}.oc-Tooltip-module__positioner__syZO3{pointer-events:auto}.oc-Tooltip-module__tooltip__LjRUX{font-size:calc(var(--oc-typo-size-caption2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption2);font-weight:var(--oc-typo-weight-caption2-medium);--oc-background-radius: max(0px, .5rem * var(--oc-atomic-radius-factor));--oc-tooltip-transform-origin: top center;z-index:var(--oc-tooltip-z-index, var(--oc-zindex-5));overflow:hidden;padding:.25rem .5rem;max-inline-size:min(20rem,100vw - var(--oc-space-item-padding-large));color:var(--oc-color-theme-label-alternative);opacity:1;transform:scale(1);transform-origin:var(--oc-tooltip-transform-origin);will-change:opacity,transform}.oc-Tooltip-module__tooltip__LjRUX[data-side=top]{--oc-tooltip-transform-origin: bottom center}.oc-Tooltip-module__tooltip__LjRUX[data-side=bottom]{--oc-tooltip-transform-origin: top center}.oc-Tooltip-module__tooltip__LjRUX[data-side=left]{--oc-tooltip-transform-origin: right center}.oc-Tooltip-module__tooltip__LjRUX[data-side=right]{--oc-tooltip-transform-origin: left center}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-spatial)))}.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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) var(--oc-motion-timing-disclosure-exit)}.oc-Tooltip-module__tooltip__LjRUX{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) 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(.326s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .95%,.017 1.9%,.0363 2.86%,.061 3.81%,.0902 4.76%,.1229 5.71%,.1582 6.67%,.1956 7.62%,.2343 8.57%,.2738 9.52%,.3136 10.48%,.3533 11.43%,.3927 12.38%,.4313 13.33%,.469 14.29%,.5056 15.24%,.541 16.19%,.5749 17.14%,.6074 18.1%,.6384 19.05%,.6678 20%,.6956 20.95%,.7219 21.9%,.7466 22.86%,.7697 23.81%,.7913 24.76%,.8114 25.71%,.8301 26.67%,.8474 27.62%,.8635 28.57%,.8782 29.52%,.8918 30.48%,.9043 31.43%,.9157 32.38%,.9261 33.33%,.9355 34.29%,.9441 35.24%,.9518 36.19%,.9588 37.14%,.9651 38.1%,.9707 39.05%,.9757 40%,.9802 40.95%,.9842 41.9%,.9877 42.86%,.9907 43.81%,.9934 44.76%,.9957 45.71%,.9977 46.67%,.9995 47.62%,1.0009 48.57%,1.0022 49.52%,1.0032 50.48%,1.004 51.43%,1.0047 52.38%,1.0052 53.33%,1.0056 54.29%,1.0059 55.24%,1.0061 56.19%,1.0062 57.14%,1.0063 58.1%,1.0063 59.05%,1.0062 60%,1.0061 60.95%,1.0059 61.9%,1.0057 62.86%,1.0055 63.81%,1.0053 64.76%,1.0051 65.71%,1.0048 66.67%,1.0046 67.62%,1.0044 68.57%,1.0041 69.52%,1.0039 70.48%,1.0036 71.43%,1.0034 72.38%,1.0031 73.33%,1.0029 74.29%,1.0027 75.24%,1.0025 76.19%,1.0023 77.14%,1.0021 78.1%,1.0019 79.05%,1.0018 80%,1.0016 80.95%,1.0015 81.9%,1.0013 82.86%,1.0012 83.81%,1.0011 84.76%,1.001 85.71%,1.0009 86.67%,1.0008 87.62%,1.0007 88.57%,1.0006 89.52%,1.0005 90.48%,1.0005 91.43%,1.0004 92.38%,1.0004 93.33%,1.0003 94.29%,1.0003 95.24%,1.0002 96.19%,1.0002 97.14%,1.0002 98.1%,1.0001 99.05%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Tooltip-module__tooltip__LjRUX{will-change:opacity}.oc-Tooltip-module__tooltip__LjRUX[data-starting-style],.oc-Tooltip-module__tooltip__LjRUX[data-ending-style]{transform:none}.oc-Tooltip-module__tooltip__LjRUX[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);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}

package/dist/components/Tooltip/Tooltip.js

@@ -1,110 +1,113 @@
 'use client';
 import { jsx as c } from "react/jsx-runtime";
-import { useState as p, useCallback as a, useContext as w, useRef as C, useEffect as y, createContext as x } from "react";
-import { Tooltip as u } from "@base-ui-components/react/tooltip";
+import { useState as h, useCallback as m, useContext as v, useRef as w, useEffect as y, createContext as x } from "react";
+import { Tooltip as s } from "@base-ui-components/react/tooltip";
 import B from "../Background/Background.js";
-import h from "./Tooltip.module.scss.js";
+import { useOverlayPortalContainer as $ } from "../internal/OverlayPortalContext.js";
+import g from "./Tooltip.module.scss.js";
 const T = x(null);
 function P() {
   return typeof window < "u" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
 }
-const b = u.Provider;
-function L({
+const S = s.Provider;
+function U({
   children: d,
   open: l,
-  defaultOpen: s = !1,
-  onOpenChange: t,
+  defaultOpen: u = !1,
+  onOpenChange: o,
   ...n
 }) {
-  const [r, o] = p(s), e = l !== void 0, f = a(
-    (i, v) => {
-      o(i), t?.(i, v);
+  const [r, t] = h(u), e = l !== void 0, a = m(
+    (i, C) => {
+      t(i), o?.(i, C);
     },
-    [t]
-  ), g = a(() => o(!0), []), m = a(() => o((i) => !i), []);
-  return /* @__PURE__ */ c(T.Provider, { value: { openByTouch: g, toggleByTap: m }, children: /* @__PURE__ */ c(
-    u.Root,
+    [o]
+  ), p = m(() => t(!0), []), f = m(() => t((i) => !i), []);
+  return /* @__PURE__ */ c(T.Provider, { value: { openByTouch: p, toggleByTap: f }, children: /* @__PURE__ */ c(
+    s.Root,
     {
       ...n,
       open: e ? l : r,
-      onOpenChange: f,
+      onOpenChange: a,
       children: d
     }
   ) });
 }
-function S({
+function j({
   className: d = "",
   children: l,
-  render: s,
-  tapToOpen: t = !1
+  render: u,
+  tapToOpen: o = !1
 }) {
-  const n = w(T), [r] = p(() => P()), o = C(null), e = a(() => {
-    o.current !== null && (window.clearTimeout(o.current), o.current = null);
-  }, []), f = a(
+  const n = v(T), [r] = h(() => P()), t = w(null), e = m(() => {
+    t.current !== null && (window.clearTimeout(t.current), t.current = null);
+  }, []), a = m(
     (i) => {
-      !r || t || i.pointerType !== "touch" || (e(), o.current = window.setTimeout(() => {
-        n?.openByTouch(), o.current = null;
+      !r || o || i.pointerType !== "touch" || (e(), t.current = window.setTimeout(() => {
+        n?.openByTouch(), t.current = null;
       }, 500));
     },
-    [e, t, n, r]
+    [e, o, n, r]
   );
   y(() => e, [e]);
-  const g = a(
+  const p = m(
     (i) => {
-      t && r && (i.preventBaseUIHandler?.(), n?.toggleByTap());
+      o && r && (i.preventBaseUIHandler?.(), n?.toggleByTap());
     },
-    [t, n, r]
-  ), m = {
-    ...t ? { onClick: g } : {},
-    ...t ? {} : {
-      onPointerDown: f,
+    [o, n, r]
+  ), f = {
+    ...o ? { onClick: p } : {},
+    ...o ? {} : {
+      onPointerDown: a,
       onPointerUp: e,
       onPointerCancel: e,
       onPointerLeave: e
     }
   };
-  return s ? /* @__PURE__ */ c(
-    u.Trigger,
+  return u ? /* @__PURE__ */ c(
+    s.Trigger,
     {
-      render: s,
-      ...m,
+      render: u,
+      ...f,
       "data-oc-component": "tooltip-trigger",
       children: l
     }
   ) : /* @__PURE__ */ c(
-    u.Trigger,
+    s.Trigger,
     {
-      className: `${h.trigger} ${d}`.trim(),
-      ...m,
+      className: `${g.trigger} ${d}`.trim(),
+      ...f,
       "data-oc-component": "tooltip-trigger",
       children: l
     }
   );
 }
-function U({
+function E({
   className: d = "",
   sideOffset: l = 8,
-  alignment: s = "center",
-  side: t,
-  children: n
+  alignment: u = "center",
+  side: o,
+  children: n,
+  container: r
 }) {
-  const [r] = p(
+  const t = $(r), [e] = h(
     () => P() ? "top" : "bottom"
   );
-  return /* @__PURE__ */ c(u.Portal, { children: /* @__PURE__ */ c(
-    u.Positioner,
+  return /* @__PURE__ */ c(s.Portal, { container: t, children: /* @__PURE__ */ c(
+    s.Positioner,
     {
+      className: g.positioner,
       sideOffset: l,
-      align: s,
-      side: t ?? r,
+      align: u,
+      side: o ?? e,
       children: /* @__PURE__ */ c(
-        u.Popup,
+        s.Popup,
         {
-          render: (o) => /* @__PURE__ */ c(
+          render: (a) => /* @__PURE__ */ c(
             B,
             {
-              ...o,
-              className: `${h.tooltip} ${o.className || ""} ${d}`.trim(),
+              ...a,
+              className: `${g.tooltip} ${a.className || ""} ${d}`.trim(),
               "data-oc-component": "tooltip-content"
             }
           ),
@@ -115,9 +118,9 @@ function U({
   ) });
 }
 export {
-  U as TooltipContent,
-  b as TooltipProvider,
-  L as TooltipRoot,
-  S as TooltipTrigger,
-  L as default
+  E as TooltipContent,
+  S as TooltipProvider,
+  U as TooltipRoot,
+  j as TooltipTrigger,
+  U as default
 };

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

@@ -1,9 +1,11 @@
-import './Tooltip.css';const o = "oc-Tooltip-module__trigger__bpvLZ", t = "oc-Tooltip-module__tooltip__LjRUX", l = {
+import './Tooltip.css';const o = "oc-Tooltip-module__trigger__bpvLZ", t = "oc-Tooltip-module__positioner__syZO3", i = "oc-Tooltip-module__tooltip__LjRUX", e = {
   trigger: o,
-  tooltip: t
+  positioner: t,
+  tooltip: i
 };
 export {
-  l as default,
-  t as tooltip,
+  e as default,
+  t as positioner,
+  i as tooltip,
   o as trigger
 };