@orioncactuscorp/ui 1.0.0

package/dist/components/Interaction/Interaction.js

@@ -0,0 +1,23 @@
+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(
+      "span",
+      {
+        ref: e,
+        className: [t.interaction, i, r].filter(Boolean).join(" "),
+        ...a,
+        "aria-hidden": "true",
+        role: "presentation",
+        "data-oc-component": "interaction",
+        "data-oc-self": n ? "true" : void 0
+      }
+    );
+  }
+);
+export {
+  p as default
+};

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

@@ -0,0 +1,11 @@
+import './Interaction.css';const t = "oc-Interaction-module__interaction__zv4OT", o = "oc-Interaction-module__light__4mALh", n = "oc-Interaction-module__strong__7GNht", c = {
+  interaction: t,
+  light: o,
+  strong: n
+};
+export {
+  c as default,
+  t as interaction,
+  o as light,
+  n as strong
+};

package/dist/components/Interaction.d.ts

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

package/dist/components/Interaction.js

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

package/dist/components/Loading/Loading.css

@@ -0,0 +1 @@
+.oc-Loading-module__loading__7gLQd{display:inline-flex;flex:none;inline-size:var(--oc-loading-size);block-size:var(--oc-loading-size);color:var(--oc-loading-color, var(--oc-color-theme-line-normal-strong))}.oc-Loading-module__loading__7gLQd [data-oc-part=icon]{inline-size:100%;block-size:100%;stroke:currentcolor}.oc-Loading-module__loading__7gLQd circle{transform-origin:center center;fill:none;stroke:currentcolor;stroke-dasharray:0 100;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2.2}.oc-Loading-module__small__Z6U9M{--oc-loading-size: 1rem}.oc-Loading-module__medium__4KydF{--oc-loading-size: 1.5rem}.oc-Loading-module__large__u-Eod{--oc-loading-size: 3rem}.oc-Loading-module__circular__KTVW- circle{animation:oc-Loading-module__oc-loading-start-in__ZjFKt 2s cubic-bezier(.4,0,1,1),oc-Loading-module__oc-loading-start-out__s5c-1 .2s cubic-bezier(0,0,.6,1) 2s,oc-Loading-module__oc-loading-fade__wpHpE 2.2s ease-in-out,oc-Loading-module__oc-loading-array__FAP-n 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-offset__tDLdP 5.3333s ease 2.2s infinite,oc-Loading-module__oc-loading-rotate__T9lw5 2.2s linear infinite}@media(prefers-reduced-motion:reduce){.oc-Loading-module__circular__KTVW- circle{animation:none;opacity:1;transform:none;stroke-dasharray:75 25;stroke-dashoffset:0}}@keyframes oc-Loading-module__oc-loading-fade__wpHpE{0%{opacity:0}to{opacity:1}}@keyframes oc-Loading-module__oc-loading-start-in__ZjFKt{0%{stroke-dasharray:0 100;stroke-dashoffset:0}to{stroke-dasharray:50 50;stroke-dashoffset:-50}}@keyframes oc-Loading-module__oc-loading-start-out__s5c-1{0%{stroke-dasharray:50 50;stroke-dashoffset:-50}to{stroke-dasharray:0 100;stroke-dashoffset:-100.01}}@keyframes oc-Loading-module__oc-loading-array__FAP-n{0%,25%,50%,75%,to{stroke-dasharray:0 100}12.5%,37.5%,62.5%,87.5%{stroke-dasharray:75 25}}@keyframes oc-Loading-module__oc-loading-offset__tDLdP{0%,12.5%{stroke-dashoffset:0}25%,37.5%{stroke-dashoffset:-75}50%,62.5%{stroke-dashoffset:-150}75%,87.5%{stroke-dashoffset:-225}to{stroke-dashoffset:-300.01}}@keyframes oc-Loading-module__oc-loading-rotate__T9lw5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/components/Loading/Loading.js

@@ -0,0 +1,47 @@
+import { jsx as t } from "react/jsx-runtime";
+import a from "./Loading.module.scss.js";
+function g({
+  className: e = "",
+  variant: n = "circular",
+  size: o = "large",
+  ref: c,
+  style: i,
+  ...l
+}) {
+  const r = typeof o == "number" ? `${o}px` : void 0, s = [
+    a.loading,
+    a[n],
+    typeof o == "string" && o !== "custom" ? a[o] : "",
+    e
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      ref: c,
+      className: s,
+      ...l,
+      role: "status",
+      "aria-live": "polite",
+      style: {
+        ...i,
+        ...r ? { "--oc-loading-size": r } : null
+      },
+      "data-oc-component": "loading",
+      "data-oc-variant": n,
+      "data-oc-size": String(o),
+      children: /* @__PURE__ */ t(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          "data-oc-part": "icon",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ t("circle", { pathLength: "100", cx: "12", cy: "12", r: "9" })
+        }
+      )
+    }
+  );
+}
+export {
+  g as default
+};

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

@@ -0,0 +1,21 @@
+import './Loading.css';const o = "oc-Loading-module__loading__7gLQd", a = "oc-Loading-module__small__Z6U9M", d = "oc-Loading-module__medium__4KydF", _ = "oc-Loading-module__large__u-Eod", l = "oc-Loading-module__circular__KTVW-", c = {
+  loading: o,
+  small: a,
+  medium: d,
+  large: _,
+  circular: l,
+  "oc-loading-start-in": "oc-Loading-module__oc-loading-start-in__ZjFKt",
+  "oc-loading-start-out": "oc-Loading-module__oc-loading-start-out__s5c-1",
+  "oc-loading-fade": "oc-Loading-module__oc-loading-fade__wpHpE",
+  "oc-loading-array": "oc-Loading-module__oc-loading-array__FAP-n",
+  "oc-loading-offset": "oc-Loading-module__oc-loading-offset__tDLdP",
+  "oc-loading-rotate": "oc-Loading-module__oc-loading-rotate__T9lw5"
+};
+export {
+  l as circular,
+  c as default,
+  _ as large,
+  o as loading,
+  d as medium,
+  a as small
+};

package/dist/components/Loading.d.ts

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

package/dist/components/Loading.js

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

package/dist/components/Menu/Menu.css

@@ -0,0 +1 @@
+.oc-Menu-module__trigger__CbeUq{all:unset}.oc-Menu-module__trigger__CbeUq:focus,.oc-Menu-module__trigger__CbeUq:focus-visible{outline:none}.oc-Menu-module__renderTrigger__ZFKYZ:focus,.oc-Menu-module__renderTrigger__ZFKYZ:focus-visible{outline:none}.oc-Menu-module__positioner__TYz0H{z-index:var(--oc-z-index-floating, 6)}.oc-Menu-module__content__pnDF6{--oc-background-radius: 1em;--oc-menu-transform-origin: top center;z-index:var(--oc-z-index-floating, 6);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(--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-reveal))) translateY(calc(-1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(-.25rem * var(--oc-motion-distance-scale-reveal)));transition:opacity calc(.233s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0167 1.67%,.0353 2.5%,.059 3.33%,.0866 4.17%,.1172 5%,.15 5.83%,.1843 6.67%,.2196 7.5%,.2554 8.33%,.2913 9.17%,.3269 10%,.3621 10.83%,.3965 11.67%,.43 12.5%,.4626 13.33%,.494 14.17%,.5242 15%,.5531 15.83%,.5808 16.67%,.6072 17.5%,.6324 18.33%,.6562 19.17%,.6788 20%,.7002 20.83%,.7203 21.67%,.7393 22.5%,.7572 23.33%,.774 24.17%,.7898 25%,.8046 25.83%,.8185 26.67%,.8315 27.5%,.8436 28.33%,.855 29.17%,.8655 30%,.8754 30.83%,.8846 31.67%,.8932 32.5%,.9011 33.33%,.9085 34.17%,.9154 35%,.9218 35.83%,.9278 36.67%,.9333 37.5%,.9384 38.33%,.9431 39.17%,.9475 40%,.9516 40.83%,.9553 41.67%,.9588 42.5%,.962 43.33%,.965 44.17%,.9678 45%,.9703 45.83%,.9727 46.67%,.9748 47.5%,.9768 48.33%,.9787 49.17%,.9804 50%,.9819 50.83%,.9834 51.67%,.9847 52.5%,.986 53.33%,.9871 54.17%,.9881 55%,.9891 55.83%,.99 56.67%,.9908 57.5%,.9916 58.33%,.9922 59.17%,.9929 60%,.9935 60.83%,.994 61.67%,.9945 62.5%,.9949 63.33%,.9954 64.17%,.9957 65%,.9961 65.83%,.9964 66.67%,.9967 67.5%,.997 68.33%,.9972 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9982 73.33%,.9984 74.17%,.9985 75%,.9986 75.83%,.9987 76.67%,.9988 77.5%,.9989 78.33%,.999 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%,.9997 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(.233s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0167 1.67%,.0353 2.5%,.059 3.33%,.0866 4.17%,.1172 5%,.15 5.83%,.1843 6.67%,.2196 7.5%,.2554 8.33%,.2913 9.17%,.3269 10%,.3621 10.83%,.3965 11.67%,.43 12.5%,.4626 13.33%,.494 14.17%,.5242 15%,.5531 15.83%,.5808 16.67%,.6072 17.5%,.6324 18.33%,.6562 19.17%,.6788 20%,.7002 20.83%,.7203 21.67%,.7393 22.5%,.7572 23.33%,.774 24.17%,.7898 25%,.8046 25.83%,.8185 26.67%,.8315 27.5%,.8436 28.33%,.855 29.17%,.8655 30%,.8754 30.83%,.8846 31.67%,.8932 32.5%,.9011 33.33%,.9085 34.17%,.9154 35%,.9218 35.83%,.9278 36.67%,.9333 37.5%,.9384 38.33%,.9431 39.17%,.9475 40%,.9516 40.83%,.9553 41.67%,.9588 42.5%,.962 43.33%,.965 44.17%,.9678 45%,.9703 45.83%,.9727 46.67%,.9748 47.5%,.9768 48.33%,.9787 49.17%,.9804 50%,.9819 50.83%,.9834 51.67%,.9847 52.5%,.986 53.33%,.9871 54.17%,.9881 55%,.9891 55.83%,.99 56.67%,.9908 57.5%,.9916 58.33%,.9922 59.17%,.9929 60%,.9935 60.83%,.994 61.67%,.9945 62.5%,.9949 63.33%,.9954 64.17%,.9957 65%,.9961 65.83%,.9964 66.67%,.9967 67.5%,.997 68.33%,.9972 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9982 73.33%,.9984 74.17%,.9985 75%,.9986 75.83%,.9987 76.67%,.9988 77.5%,.9989 78.33%,.999 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%,.9997 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%)}.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translate(calc(1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-reveal))) translate(calc(-1rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translateY(calc(.25rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translate(calc(.25rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-reveal))) translate(calc(-.25rem * var(--oc-motion-distance-scale-reveal)))}.oc-Menu-module__content__pnDF6{transition:opacity calc(.561s * var(--oc-motion-duration-scale) * 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(.58s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0046 .81%,.0174 1.61%,.0372 2.42%,.0629 3.23%,.0935 4.03%,.1279 4.84%,.1655 5.65%,.2053 6.45%,.2468 7.26%,.2893 8.06%,.3324 8.87%,.3755 9.68%,.4183 10.48%,.4605 11.29%,.5016 12.1%,.5417 12.9%,.5803 13.71%,.6174 14.52%,.6528 15.32%,.6865 16.13%,.7184 16.94%,.7484 17.74%,.7766 18.55%,.8029 19.35%,.8274 20.16%,.8501 20.97%,.871 21.77%,.8902 22.58%,.9077 23.39%,.9237 24.19%,.9382 25%,.9512 25.81%,.9629 26.61%,.9734 27.42%,.9826 28.23%,.9908 29.03%,.9979 29.84%,1.004 30.65%,1.0093 31.45%,1.0138 32.26%,1.0175 33.06%,1.0206 33.87%,1.0231 34.68%,1.025 35.48%,1.0264 36.29%,1.0274 37.1%,1.0281 37.9%,1.0283 38.71%,1.0283 39.52%,1.0281 40.32%,1.0276 41.13%,1.027 41.94%,1.0262 42.74%,1.0252 43.55%,1.0242 44.35%,1.0231 45.16%,1.0219 45.97%,1.0208 46.77%,1.0195 47.58%,1.0183 48.39%,1.0171 49.19%,1.0159 50%,1.0147 50.81%,1.0136 51.61%,1.0124 52.42%,1.0114 53.23%,1.0103 54.03%,1.0094 54.84%,1.0084 55.65%,1.0075 56.45%,1.0067 57.26%,1.0059 58.06%,1.0052 58.87%,1.0046 59.68%,1.0039 60.48%,1.0034 61.29%,1.0029 62.1%,1.0024 62.9%,1.0019 63.71%,1.0016 64.52%,1.0012 65.32%,1.0009 66.13%,1.0006 66.94%,1.0004 67.74%,1.0002 68.55%,1 69.35%,.9998 70.16%,.9997 70.97%,.9996 71.77%,.9995 72.58%,.9994 73.39%,.9993 74.19%,.9993 75%,.9992 75.81%,.9992 76.61%,.9992 77.42%,.9992 78.23%,.9992 79.03%,.9992 79.84%,.9992 80.65%,.9992 81.45%,.9993 82.26%,.9993 83.06%,.9993 83.87%,.9994 84.68%,.9994 85.48%,.9994 86.29%,.9995 87.1%,.9995 87.9%,.9995 88.71%,.9996 89.52%,.9996 90.32%,.9996 91.13%,.9997 91.94%,.9997 92.74%,.9997 93.55%,.9997 94.35%,.9998 95.16%,.9998 95.97%,.9998 96.77%,.9998 97.58%,.9999 98.39%,.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-reveal) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-reveal);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-reveal-exit) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1)}}.oc-Menu-module__small__ufcV9{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Menu-module__medium__sfbGK{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-scale, 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: .625em}.oc-Menu-module__item__S3HKY{appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible){outline:none}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-Menu-module__separator__iT6cs{list-style:none}.oc-Menu-module__link__SOmSk{display:flex;position:relative;align-items:center;flex:1;gap:.5em;min-inline-size:0;color:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__link__SOmSk:focus-visible{outline:none}.oc-Menu-module__labelGroup__OwIf7{display:inline-flex;align-items:center;flex:1;gap:.5em;min-inline-size:0}.oc-Menu-module__icon__XtO-r{display:inline-flex;align-items:center;justify-content:center}.oc-Menu-module__icon__XtO-r svg{color:var(--oc-color-theme-label-alternative);inline-size:1.5rem;block-size:1.5rem}.oc-Menu-module__label__QMf-9{min-inline-size:0}

package/dist/components/Menu/Menu.js

@@ -0,0 +1,238 @@
+'use client';
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import M from "react";
+import { Menu as o } from "@base-ui-components/react/menu";
+import z from "../Background/Background.js";
+import L, { CellItem as $ } from "../Cell/Cell.js";
+import t from "./Menu.module.scss.js";
+function B(c) {
+  return /* @__PURE__ */ e(o.Root, { ...c });
+}
+function F({
+  className: c = "",
+  children: n,
+  render: r,
+  nativeButton: a,
+  openOnHover: m,
+  delay: s,
+  closeDelay: l
+}) {
+  return r ? /* @__PURE__ */ e(
+    o.Trigger,
+    {
+      className: t.renderTrigger,
+      render: r,
+      nativeButton: a,
+      openOnHover: m,
+      delay: s,
+      closeDelay: l,
+      "data-oc-component": "menu-trigger",
+      children: n
+    }
+  ) : /* @__PURE__ */ e(
+    o.Trigger,
+    {
+      className: `${t.trigger} ${c}`.trim(),
+      nativeButton: a,
+      openOnHover: m,
+      delay: s,
+      closeDelay: l,
+      "data-oc-component": "menu-trigger",
+      children: n
+    }
+  );
+}
+function J({
+  className: c = "",
+  size: n = "medium",
+  sideOffset: r = 12,
+  alignOffset: a = 0,
+  alignment: m = "center",
+  side: s = "bottom",
+  children: l
+}) {
+  return /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
+    o.Positioner,
+    {
+      sideOffset: r,
+      alignOffset: a,
+      align: m,
+      side: s,
+      className: `${t.positioner} ${c}`.trim(),
+      children: /* @__PURE__ */ e(
+        o.Popup,
+        {
+          render: (i) => /* @__PURE__ */ e(
+            z,
+            {
+              ...i,
+              className: `${t.content} ${t[n]} ${i.className || ""}`.trim(),
+              "data-oc-part": "content",
+              "data-oc-component": "menu-content",
+              "data-oc-size": n
+            }
+          ),
+          children: /* @__PURE__ */ e(
+            L,
+            {
+              className: t.container,
+              divider: "neutral",
+              "data-oc-part": "container",
+              children: l
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+function K({
+  className: c = "",
+  children: n,
+  content: r,
+  divider: a,
+  fillWidth: m = !1,
+  icon: s,
+  leading: l,
+  trailing: i,
+  href: b,
+  target: T,
+  rel: R,
+  linkProps: C,
+  render: p,
+  onClick: k,
+  closeOnClick: d = !0,
+  verticalAlign: u = "center"
+}) {
+  const N = `${t.item} ${c}`.trim(), g = l ?? (s ? /* @__PURE__ */ e("span", { className: t.icon, "data-oc-part": "icon", "aria-hidden": "true", children: /* @__PURE__ */ e(s, { size: "custom" }) }) : null), S = r ?? /* @__PURE__ */ x("span", { className: t.labelGroup, children: [
+    g,
+    /* @__PURE__ */ e("span", { className: t.label, "data-oc-part": "label", children: n }),
+    i
+  ] });
+  if (b) {
+    const {
+      className: f,
+      rel: j,
+      target: E,
+      ...I
+    } = C ?? {}, h = E ?? T, G = j || R || (h === "_blank" ? "noopener noreferrer" : void 0);
+    return /* @__PURE__ */ e(
+      o.Item,
+      {
+        closeOnClick: d,
+        render: /* @__PURE__ */ e(
+          $,
+          {
+            className: N,
+            content: /* @__PURE__ */ e(
+              "a",
+              {
+                ...I,
+                className: `${t.link} ${f || ""}`.trim(),
+                "data-oc-cell-control": !0,
+                "data-oc-part": "link",
+                href: b,
+                target: h,
+                rel: G,
+                tabIndex: I.tabIndex ?? -1,
+                children: S
+              }
+            ),
+            divider: a,
+            fillWidth: m,
+            interactive: !0,
+            verticalAlign: u,
+            "data-oc-part": "item",
+            "data-oc-component": "menu-item"
+          }
+        )
+      }
+    );
+  }
+  if (p && M.isValidElement(p)) {
+    const f = M.cloneElement(p, {
+      className: `${t.link} ${p.props.className || ""}`.trim(),
+      "data-oc-cell-control": !0,
+      "data-oc-part": "link",
+      tabIndex: p.props.tabIndex ?? -1,
+      children: r ?? /* @__PURE__ */ x("span", { className: t.labelGroup, children: [
+        g,
+        /* @__PURE__ */ e("span", { className: t.label, "data-oc-part": "label", children: p.props.children }),
+        i
+      ] })
+    });
+    return /* @__PURE__ */ e(
+      o.Item,
+      {
+        closeOnClick: d,
+        onClick: k,
+        render: /* @__PURE__ */ e(
+          $,
+          {
+            className: N,
+            content: f,
+            divider: a,
+            fillWidth: m,
+            interactive: !0,
+            verticalAlign: u,
+            "data-oc-part": "item",
+            "data-oc-component": "menu-item"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ e(
+    o.Item,
+    {
+      closeOnClick: d,
+      onClick: k,
+      render: /* @__PURE__ */ e(
+        $,
+        {
+          className: N,
+          content: r ?? n,
+          divider: a,
+          fillWidth: m,
+          interactive: !0,
+          leading: g,
+          trailing: i,
+          verticalAlign: u,
+          "data-oc-part": "item",
+          "data-oc-component": "menu-item"
+        }
+      )
+    }
+  );
+}
+function Q({
+  className: c = "",
+  orientation: n,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    o.Separator,
+    {
+      orientation: n,
+      render: (a) => /* @__PURE__ */ e(
+        "li",
+        {
+          ...a,
+          ...r,
+          className: `${t.separator} ${a.className || ""} ${c}`.trim(),
+          role: "separator",
+          "data-oc-part": "separator",
+          "data-oc-component": "menu-separator"
+        }
+      )
+    }
+  );
+}
+export {
+  J as MenuContent,
+  K as MenuItem,
+  B as MenuRoot,
+  Q as MenuSeparator,
+  F as MenuTrigger,
+  B as default
+};

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

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

package/dist/components/Menu.d.ts

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

package/dist/components/Menu.js

@@ -0,0 +1,9 @@
+import { MenuContent as o, MenuItem as t, MenuRoot as u, MenuSeparator as r, MenuTrigger as M, MenuRoot as a } from "./Menu/Menu.js";
+export {
+  o as MenuContent,
+  t as MenuItem,
+  u as MenuRoot,
+  r as MenuSeparator,
+  M as MenuTrigger,
+  a as default
+};

package/dist/components/Modal/Modal.css

@@ -0,0 +1 @@
+.oc-Modal-module__trigger__B-N3y{cursor:pointer}.oc-Modal-module__backdrop__jYpTA,.oc-Modal-module__viewport__8dW9u,.oc-Modal-module__surfaceMotion__fJnTQ{--_-modal-move-transition-duration: calc(.5s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-move-transition-timing-function: var(--oc-motion-timing-move);--_-modal-gesture-settle-transition-duration: calc(var(--oc-motion-duration-gesture-settle) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-gesture-settle-transition-timing-function: var(--oc-motion-timing-gesture-settle);--_-modal-transition-duration: var(--_-modal-move-transition-duration);--_-modal-transition-timing-function: var(--_-modal-move-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-transition=gesture-settle],.oc-Modal-module__viewport__8dW9u[data-oc-modal-transition=gesture-settle],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-transition=gesture-settle]{--_-modal-transition-duration: var(--_-modal-gesture-settle-transition-duration);--_-modal-transition-timing-function: var(--_-modal-gesture-settle-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA{--_-modal-backdrop-transition-duration: calc(var(--oc-motion-duration-reveal) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-backdrop-transition-timing-function: var(--oc-motion-timing-reveal);--oc-modal-stack-offset: 0;--oc-modal-backdrop-opacity: 1;--oc-modal-backdrop-z-index: calc(var(--oc-zindex-4) + var(--oc-modal-stack-offset));position:fixed;inset:0;z-index:var(--oc-modal-backdrop-z-index);background-color:var(--oc-color-theme-material-dimmer);opacity:var(--oc-modal-backdrop-opacity);transition:opacity var(--_-modal-backdrop-transition-duration) var(--_-modal-backdrop-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA[data-ending-style],.oc-Modal-module__backdrop__jYpTA[data-starting-style]{opacity:0}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-placement=bottom]{--_-modal-backdrop-transition-duration: var(--_-modal-transition-duration);--_-modal-backdrop-transition-timing-function: var(--_-modal-transition-timing-function)}.oc-Modal-module__backdrop__jYpTA[data-oc-modal-presentation-state=peeked]{--oc-modal-backdrop-opacity: 0;pointer-events:none}.oc-Modal-module__viewport__8dW9u{--oc-modal-overshoot-fill-height: 0px;--oc-modal-stack-offset: 0;--oc-modal-viewport-z-index: calc(var(--oc-zindex-4) + var(--oc-modal-stack-offset) + 1);position:fixed;inset:0;z-index:var(--oc-modal-viewport-z-index);display:flex;width:100vw;height:100dvh;pointer-events:none}.oc-Modal-module__viewport__8dW9u[data-oc-modal-placement=bottom]{align-items:flex-end;justify-content:center}.oc-Modal-module__viewport__8dW9u[data-oc-modal-placement=popup]{align-items:center;justify-content:center;padding:var(--oc-space-section-padding-viewport-y) var(--oc-space-section-padding-viewport-x)}.oc-Modal-module__viewport__8dW9u[data-oc-modal-placement=full]{align-items:stretch;justify-content:stretch}.oc-Modal-module__viewport__8dW9u[data-oc-modal-dragging=true] .oc-Modal-module__bottomFill__wKrvv{transition:none}.oc-Modal-module__bottomFill__wKrvv{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-medium));position:absolute;bottom:0;left:50%;width:100%;max-width:100%;height:calc(var(--oc-modal-overshoot-fill-height) + 2px);background-color:var(--oc-color-theme-background-elevated-normal);pointer-events:none;transform:translate(-50%);transition:height var(--_-modal-transition-duration) var(--_-modal-transition-timing-function)}@media screen and (min-width:769px){.oc-Modal-module__bottomFill__wKrvv{width:var(--_-modal-size-width)}}.oc-Modal-module__surfaceMotion__fJnTQ{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-medium));--_-modal-elevation-shadow: 0 0 0 0 transparent;--_-modal-focus-ring-color: color-mix(in srgb, var(--oc-color-theme-primary-normal), transparent 57%);--_-modal-focus-ring-shadow: 0 0 0 0 transparent;--_-modal-focus-ring-width: 2px;--_-modal-surface-transition-duration: var(--_-modal-transition-duration);--_-modal-surface-transition-timing-function: var(--_-modal-transition-timing-function);--oc-modal-width: var(--_-modal-size-width);--oc-modal-max-height: calc(100dvh - var(--oc-space-section-padding-viewport-y) * 2);--oc-modal-bottom-top-clearance: 4rem;--oc-modal-radius: var(--oc-atomic-radius-medium);--oc-modal-translate-x: 0px;--oc-modal-translate-y: 0px;--oc-modal-space-x: min(var(--oc-space-section-padding-viewport-x), var(--oc-space-item-padding-large));--oc-modal-space-y: var(--oc-space-item-padding-medium);--oc-modal-header-space-x: var(--oc-modal-space-x);--oc-modal-header-space-y: min(calc(var(--oc-space-section-padding-viewport-y) * .75), var(--oc-space-item-padding-small));--oc-modal-container-space-x: var(--oc-modal-space-x);--oc-modal-footer-space-x: var(--oc-modal-space-x);--oc-modal-footer-space-y: var(--oc-space-item-padding-medium);--oc-modal-header-height: 0px;--oc-modal-footer-height: 0px;--oc-modal-scale: 1;position:relative;isolation:isolate;width:fit-content;max-width:100%;max-height:var(--oc-modal-max-height);outline:none;pointer-events:auto;transform:translate3d(var(--oc-modal-translate-x),var(--oc-modal-translate-y),0);transition:transform var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function),opacity var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-starting-style]{opacity:0}.oc-Modal-module__surfaceMotion__fJnTQ:focus-visible{--_-modal-focus-ring-shadow: inset 0 0 0 var(--_-modal-focus-ring-width) var(--_-modal-focus-ring-color)}.oc-Modal-module__surfaceMotion__fJnTQ:before{position:absolute;inset:0;z-index:0;border-radius:var(--oc-modal-radius);box-shadow:var(--_-modal-elevation-shadow);content:"";pointer-events:none}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom]{--oc-modal-width: 100%;--oc-modal-radius: var(--oc-atomic-radius-medium) var(--oc-atomic-radius-medium) 0 0;--oc-modal-max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), var(--oc-modal-bottom-top-clearance))) ;width:var(--oc-modal-width);height:auto;min-height:0;touch-action:pan-y}@media screen and (min-width:769px){.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom]{--oc-modal-width: var(--_-modal-size-width)}}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-oc-modal-snapping=true]{height:min(var(--oc-modal-sheet-height),var(--oc-modal-max-height))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-oc-modal-snapping=true]>.oc-Modal-module__surface__FnAX8{height:100%}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom][data-starting-style]{transform:translate3d(0,100%,0)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]{--_-modal-popup-exit-duration: calc(.2s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1);--_-modal-popup-exit-timing-function: var(--oc-motion-timing-reveal-exit);transition:opacity var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-oc-modal-transition=gesture-settle]{transition:transform var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function),opacity var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]>.oc-Modal-module__surface__FnAX8{transform-origin:center center;transition:transform var(--_-modal-surface-transition-duration) var(--_-modal-surface-transition-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style]{--_-modal-surface-transition-duration: var(--_-modal-popup-exit-duration);--_-modal-surface-transition-timing-function: var(--_-modal-popup-exit-timing-function)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]{--oc-modal-scale: max(0, 1 + (.98 - 1) * var(--oc-motion-scale-reveal))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style]>.oc-Modal-module__surface__FnAX8,.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]>.oc-Modal-module__surface__FnAX8{transform:scale(var(--oc-modal-scale))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=full]{--oc-modal-width: 100%;--oc-modal-max-height: 100%;--oc-modal-radius: 0;width:100%;height:100%}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-feedback=reject]>.oc-Modal-module__surface__FnAX8{animation:oc-Modal-module__oc-modal-reject-shake__RJrNe calc(var(--oc-motion-duration-reject) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-reject) both}@keyframes oc-Modal-module__oc-modal-reject-shake__RJrNe{0%,to{transform:translateZ(0)}14%{transform:translate3d(calc(var(--_-modal-reject-distance) * -1),0,0)}30%{transform:translate3d(var(--_-modal-reject-distance),0,0)}46%{transform:translate3d(calc(var(--_-modal-reject-distance) * -.68),0,0)}62%{transform:translate3d(calc(var(--_-modal-reject-distance) * .45),0,0)}78%{transform:translate3d(calc(var(--_-modal-reject-distance) * -.18),0,0)}}.oc-Modal-module__surface__FnAX8{--oc-modal-reject-distance: .75rem;--_-modal-reject-distance: calc(var(--oc-modal-reject-distance) * var(--oc-motion-distance-scale-reject));position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr);width:var(--oc-modal-width);max-width:100%;max-height:var(--oc-modal-max-height);min-width:0;min-height:0;overflow:hidden;clip-path:inset(0 round var(--oc-modal-radius));background-color:var(--oc-color-theme-background-elevated-normal);color:var(--oc-color-theme-label-normal);border-radius:var(--oc-modal-radius);box-shadow:var(--_-modal-focus-ring-shadow)}.oc-Modal-module__surface__FnAX8:has(>.oc-Modal-module__header__NS30G){--oc-modal-header-height: calc(2rem + var(--oc-modal-header-space-y) * 2)}.oc-Modal-module__surface__FnAX8:has(>.oc-Modal-module__footer__Oyz-R){--oc-modal-footer-height: calc(var(--oc-typo-height-body1) + (var(--oc-space-item-padding-xsmall) * 2) + var(--oc-modal-footer-space-y) + max(var(--oc-modal-footer-space-y), env(safe-area-inset-bottom, 0px)))}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=bottom]{width:100%;height:auto;min-height:0}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=bottom]:not(:has(>.oc-Modal-module__footer__Oyz-R)){padding-bottom:env(safe-area-inset-bottom,0)}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=full]{width:100%;height:100%}@starting-style{.oc-Modal-module__backdrop__jYpTA,.oc-Modal-module__surfaceMotion__fJnTQ{opacity:0}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=bottom]{transform:translate3d(0,100%,0)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]{--oc-modal-scale: max(0, 1 + (.98 - 1) * var(--oc-motion-scale-reveal))}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]>.oc-Modal-module__surface__FnAX8{transform:scale(var(--oc-modal-scale))}}.oc-Modal-module__small__qdBEU{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-xsmall))}.oc-Modal-module__medium__JRDXg{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-small))}.oc-Modal-module__large__O42Af{--_-modal-size-width: min(100vw, var(--oc-atomic-width-section-medium))}.oc-Modal-module__fixed__Gj1Dv{height:min(32rem,var(--oc-modal-max-height))}.oc-Modal-module__header__NS30G{position:absolute;inset-block-start:0;inset-inline:0;z-index:2;min-width:0;-webkit-user-select:none;user-select:none}.oc-Modal-module__handle__Fan4V{position:absolute;top:.375rem;left:calc(50% - 1rem);width:2rem;height:.25rem;border-radius:var(--oc-atomic-radius-max);background-color:var(--oc-color-theme-fill-strong)}.oc-Modal-module__headerInner__F5nxn{display:grid;grid-template-areas:"title trailing";grid-template-columns:minmax(0,1fr) auto;gap:var(--oc-space-item-gap-small);align-items:center;min-height:calc(2rem + var(--oc-modal-header-space-y) * 2);padding:var(--oc-modal-header-space-y) calc(var(--oc-modal-header-space-x) - .25rem)}.oc-Modal-module__headerInner__F5nxn[data-oc-has-leading=true]{grid-template-areas:"leading title trailing";grid-template-columns:auto minmax(0,1fr) auto}.oc-Modal-module__headerLeading__v735-,.oc-Modal-module__headerTrailing__hQamr{display:flex;align-items:center}.oc-Modal-module__headerLeading__v735-{grid-area:leading}.oc-Modal-module__headerTrailing__hQamr{grid-area:trailing;justify-content:flex-end}.oc-Modal-module__headerTitle__tJ2Qv{grid-area:title;min-width:0;padding-inline:.25rem}.oc-Modal-module__headerTitle__tJ2Qv>h2{font-size:calc(var(--oc-typo-size-headline2) * var(--oc-typo-scale, 1));line-height:calc(var(--oc-typo-height-headline2) * var(--oc-typo-scale, 1));letter-spacing:var(--oc-typo-spacing-headline2);font-weight:var(--oc-typo-weight-headline2-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-Modal-module__close__058gy{display:none}@media screen and (min-width:769px){.oc-Modal-module__close__058gy{display:inline-flex}}.oc-Modal-module__surface__FnAX8[data-oc-modal-placement=bottom] [data-oc-part=close]{display:inline-flex}.oc-Modal-module__body__3zIj9{grid-row:1;min-height:0}.oc-Modal-module__body__3zIj9>[data-oc-part=scrollbar-vertical]{inset-block-start:var(--oc-modal-header-height)}.oc-Modal-module__bodyContainer__t57Y6{--oc-modal-container-space-y: var(--oc-modal-space-y);--oc-modal-container-space-top: 0px;display:flex;flex-direction:column;min-height:0;scroll-padding-block:var(--oc-modal-header-height) var(--oc-modal-footer-height)}.oc-Modal-module__bodyContainer__t57Y6[data-oc-modal-touch-scroll-lock=true]{overscroll-behavior-y:none}.oc-Modal-module__bodyContent__fRK23{--oc-modal-container-space-bottom: calc(var(--oc-modal-container-space-y) + var(--oc-modal-footer-height));flex:0 0 auto;padding:calc(var(--oc-modal-header-height) + var(--oc-modal-container-space-top)) var(--oc-modal-container-space-x) var(--oc-modal-container-space-bottom)}.oc-Modal-module__surface__FnAX8:has(>.oc-Modal-module__footer__Oyz-R>[data-oc-component=action-area]) .oc-Modal-module__bodyContent__fRK23{--oc-modal-container-space-bottom: var(--oc-modal-footer-height)}.oc-Modal-module__footer__Oyz-R{--_-modal-footer-background-opacity: 0;--_-modal-footer-background-scale-y: 0;--oc-modal-footer-background-bleed: var(--oc-modal-footer-space-y);--oc-modal-footer-background-gradient-size: calc(var(--oc-modal-footer-space-y) * 2);position:absolute;inset-block-end:0;inset-inline:0;z-index:2;display:flex;flex:0 0 auto;gap:var(--oc-space-item-gap-small);align-items:center;justify-content:flex-end;min-width:0;padding:var(--oc-modal-footer-space-y) var(--oc-modal-footer-space-x) max(var(--oc-modal-footer-space-y),env(safe-area-inset-bottom,0px))}.oc-Modal-module__footer__Oyz-R:before{position:absolute;inset-block:calc(var(--oc-modal-footer-background-bleed) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-color-theme-background-elevated-normal);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-modal-footer-background-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-modal-footer-background-gradient-size));opacity:var(--_-modal-footer-background-opacity);content:"";pointer-events:none;transform:scaleY(var(--_-modal-footer-background-scale-y));transform-origin:bottom center;transition:opacity calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Modal-module__footer__Oyz-R:before{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Modal-module__footer__Oyz-R[data-oc-background=true]:before{--_-modal-footer-background-opacity: 1;--_-modal-footer-background-scale-y: 1;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1.5) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Modal-module__footer__Oyz-R[data-oc-background=true]:before{transition:none;transform:none}}.oc-Modal-module__footer__Oyz-R>*{position:relative;z-index:1}.oc-Modal-module__footer__Oyz-R:has(>[data-oc-component=action-area]){padding:0}.oc-Modal-module__footer__Oyz-R>[data-oc-component=action-area]{--oc-action-area-padding-x: var(--oc-modal-footer-space-x);--oc-action-area-padding-y: var(--oc-modal-footer-space-y);--oc-action-area-padding-bottom: max(var(--oc-modal-footer-space-y), env(safe-area-inset-bottom, 0px))}@media(prefers-reduced-motion:reduce){.oc-Modal-module__backdrop__jYpTA:not([data-oc-modal-placement=bottom]),.oc-Modal-module__surfaceMotion__fJnTQ:not([data-oc-modal-placement=bottom]){--_-modal-transition-duration: calc(.3s * var(--oc-motion-duration-scale) * var(--oc-motion-pace-normal) * 1)}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-ending-style],.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-starting-style]{--oc-modal-scale: 1}.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup][data-oc-modal-feedback=reject]>.oc-Modal-module__surface__FnAX8{animation:none}@starting-style{.oc-Modal-module__surfaceMotion__fJnTQ[data-oc-modal-placement=popup]{--oc-modal-scale: 1}}.oc-Modal-module__footer__Oyz-R[data-oc-background=true]:before{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-scale-reduced) * var(--oc-motion-pace-normal) * 1.5)}}