@orioncactuscorp/ui 1.14.0 → 1.15.1

package/dist/components/Interaction/Interaction.css

@@ -1 +1 @@
-.oc-Interaction-module__interaction__zv4OT{position:absolute;inset:var(--oc-interaction-inset-y, 0) var(--oc-interaction-inset-x, 0);z-index:var(--oc-interaction-z-index, 1);width:calc(100% - var(--oc-interaction-inset-x, 0) * 2);height:calc(100% - var(--oc-interaction-inset-y, 0) * 2);will-change:opacity;opacity:0;transform:scale(max(0,1 + (var(--oc-interaction-scale, 1) - 1) * var(--oc-motion-scale-factor-feedback)));transition:opacity calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT{transition-property:opacity;transition-duration:calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Interaction-module__interaction__zv4OT{background-color:var(--oc-interaction-color, var(--oc-color-theme-label-normal));box-sizing:content-box;border-radius:var(--oc-interaction-radius, 0);pointer-events:none;--oc-interaction-opacity-hover: var(--oc-color-global-opacity-5);--oc-interaction-opacity-focus: var(--oc-color-global-opacity-8);--oc-interaction-opacity-active: var(--oc-color-global-opacity-12)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__light__4mALh){--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * .75);--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * .75);--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * .75)}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__strong__7GNht){--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * 1.5);--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * 1.5);--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * 1.5)}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]{pointer-events:auto}@media(hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce)and (hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{transform:none}}
+:where([data-oc-interaction-variant=light]){--oc-interaction-opacity-factor: .75}:where([data-oc-interaction-variant=normal]){--oc-interaction-opacity-factor: 1}:where([data-oc-interaction-variant=strong]){--oc-interaction-opacity-factor: 1.5}.oc-Interaction-module__interaction__zv4OT{position:absolute;inset:var(--oc-interaction-inset-y, 0) var(--oc-interaction-inset-x, 0);z-index:var(--oc-interaction-z-index, 1);width:calc(100% - var(--oc-interaction-inset-x, 0) * 2);height:calc(100% - var(--oc-interaction-inset-y, 0) * 2);will-change:opacity;opacity:0;transform:scale(max(0,1 + (var(--oc-interaction-scale, 1) - 1) * var(--oc-motion-scale-factor-feedback)));transition:opacity calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT{transition-property:opacity;transition-duration:calc(var(--oc-interaction-time, var(--oc-motion-duration-feedback)) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-Interaction-module__interaction__zv4OT{background-color:var(--oc-interaction-color, var(--oc-color-theme-label-normal));box-sizing:content-box;border-radius:var(--oc-interaction-radius, 0);pointer-events:none;--oc-interaction-default-opacity-factor: 1;--oc-interaction-opacity-hover: calc(var(--oc-color-global-opacity-5) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)));--oc-interaction-opacity-focus: calc(var(--oc-color-global-opacity-8) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)));--oc-interaction-opacity-active: calc(var(--oc-color-global-opacity-12) * var(--oc-interaction-opacity-factor, var(--oc-interaction-default-opacity-factor)))}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__light__4mALh){--oc-interaction-default-opacity-factor: .75}.oc-Interaction-module__interaction__zv4OT:where(.oc-Interaction-module__strong__7GNht){--oc-interaction-default-opacity-factor: 1.5}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]{pointer-events:auto}@media(hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}@media(prefers-reduced-motion:reduce)and (hover:hover){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.oc-Interaction-module__interaction__zv4OT[data-oc-self=true]:active{transform:none}}

package/dist/components/Menu/Menu.css

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

package/dist/components/Menu/Menu.js

@@ -1,11 +1,12 @@
 'use client';
 import { jsx as t, jsxs as R } from "react/jsx-runtime";
-import v from "react";
+import C from "react";
 import { Menu as r } from "@base-ui-components/react/menu";
-import j from "../Background/Background.js";
-import B, { CellItem as I } from "../Cell/Cell.js";
+import B from "../Background/Background.js";
+import E, { CellItem as T } from "../Cell/Cell.js";
+import { useOverlayPortalContainer as G } from "../internal/OverlayPortalContext.js";
 import e from "./Menu.module.scss.js";
-const E = {
+const z = {
   topLeft: { side: "top", alignment: "start" },
   top: { side: "top", alignment: "center" },
   topRight: { side: "top", alignment: "end" },
@@ -19,17 +20,17 @@ const E = {
   left: { side: "left", alignment: "center" },
   leftBottom: { side: "left", alignment: "end" }
 };
-function F(i) {
+function Q(i) {
   return /* @__PURE__ */ t(r.Root, { ...i });
 }
-function J({
+function U({
   className: i = "",
   children: o,
   render: a,
   nativeButton: n,
-  openOnHover: m,
+  openOnHover: c,
   delay: s,
-  closeDelay: c
+  closeDelay: l
 }) {
   return a ? /* @__PURE__ */ t(
     r.Trigger,
@@ -37,9 +38,9 @@ function J({
       className: e.renderTrigger,
       render: a,
       nativeButton: n,
-      openOnHover: m,
+      openOnHover: c,
       delay: s,
-      closeDelay: c,
+      closeDelay: l,
       "data-oc-component": "menu-trigger",
       children: o
     }
@@ -48,53 +49,56 @@ function J({
     {
       className: `${e.trigger} ${i}`.trim(),
       nativeButton: n,
-      openOnHover: m,
+      openOnHover: c,
       delay: s,
-      closeDelay: c,
+      closeDelay: l,
       "data-oc-component": "menu-trigger",
       children: o
     }
   );
 }
-function K({
+function X({
   className: i = "",
   size: o = "medium",
   placement: a,
   sideOffset: n = 12,
-  alignOffset: m = 0,
-  alignment: s = "center",
-  side: c = "bottom",
-  children: d
+  alignOffset: c = 0,
+  container: s,
+  alignment: l = "center",
+  side: p = "bottom",
+  children: u,
+  "data-oc-interaction-variant": N
 }) {
-  const p = a ? E[a] : void 0, g = p?.side ?? c, f = p?.alignment ?? s;
-  return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(
+  const b = G(s), g = a ? z[a] : void 0, m = g?.side ?? p, f = g?.alignment ?? l;
+  return /* @__PURE__ */ t(r.Portal, { container: b, children: /* @__PURE__ */ t(
     r.Positioner,
     {
       sideOffset: n,
-      alignOffset: m,
+      alignOffset: c,
       align: f,
-      side: g,
+      side: m,
       className: `${e.positioner} ${i}`.trim(),
       children: /* @__PURE__ */ t(
         r.Popup,
         {
-          render: (u) => /* @__PURE__ */ t(
-            j,
+          render: (d) => /* @__PURE__ */ t(
+            B,
             {
-              ...u,
-              className: `${e.content} ${e[o]} ${u.className || ""}`.trim(),
+              ...d,
+              className: `${e.content} ${e[o]} ${d.className || ""}`.trim(),
               "data-oc-part": "content",
               "data-oc-component": "menu-content",
-              "data-oc-size": o
+              "data-oc-size": o,
+              "data-oc-interaction-variant": N
             }
           ),
           children: /* @__PURE__ */ t(
-            B,
+            E,
             {
               className: e.container,
               divider: "neutral",
               "data-oc-part": "container",
-              children: d
+              children: u
             }
           )
         }
@@ -102,97 +106,100 @@ function K({
     }
   ) });
 }
-function Q({
+function Y({
   className: i = "",
   children: o,
   content: a,
   divider: n,
-  fillWidth: m = !1,
+  fillWidth: c = !1,
   icon: s,
-  leading: c,
-  trailing: d,
-  href: p,
-  target: g,
-  rel: f,
-  linkProps: u,
-  render: l,
-  onClick: T,
-  closeOnClick: N = !0,
-  verticalAlign: b = "center"
+  leading: l,
+  trailing: p,
+  href: u,
+  target: N,
+  rel: b,
+  linkProps: g,
+  render: m,
+  onClick: f,
+  closeOnClick: d = !0,
+  verticalAlign: $ = "center",
+  "data-oc-interaction-variant": h
 }) {
-  const $ = `${e.item} ${i}`.trim(), h = c ?? (s ? /* @__PURE__ */ t("span", { className: e.icon, "data-oc-part": "icon", "aria-hidden": "true", children: /* @__PURE__ */ t(s, { size: "custom" }) }) : null), C = a ?? /* @__PURE__ */ R("span", { className: e.labelGroup, children: [
-    h,
+  const v = `${e.item} ${i}`.trim(), k = l ?? (s ? /* @__PURE__ */ t("span", { className: e.icon, "data-oc-part": "icon", "aria-hidden": "true", children: /* @__PURE__ */ t(s, { size: "custom" }) }) : null), P = a ?? /* @__PURE__ */ R("span", { className: e.labelGroup, children: [
+    k,
     /* @__PURE__ */ t("span", { className: e.label, "data-oc-part": "label", children: o }),
-    d
+    p
   ] });
-  if (p) {
+  if (u) {
     const {
-      className: k,
+      className: I,
       rel: S,
       target: L,
       ...x
-    } = u ?? {}, M = L ?? g, P = S || f || (M === "_blank" ? "noopener noreferrer" : void 0);
+    } = g ?? {}, M = L ?? N, j = S || b || (M === "_blank" ? "noopener noreferrer" : void 0);
     return /* @__PURE__ */ t(
       r.Item,
       {
-        closeOnClick: N,
+        closeOnClick: d,
         render: /* @__PURE__ */ t(
-          I,
+          T,
           {
-            className: $,
+            className: v,
             content: /* @__PURE__ */ t(
               "a",
               {
                 ...x,
-                className: `${e.link} ${k || ""}`.trim(),
+                className: `${e.link} ${I || ""}`.trim(),
                 "data-oc-cell-control": !0,
                 "data-oc-part": "link",
-                href: p,
+                href: u,
                 target: M,
-                rel: P,
+                rel: j,
                 tabIndex: x.tabIndex ?? -1,
-                children: C
+                children: P
               }
             ),
             divider: n,
-            fillWidth: m,
+            fillWidth: c,
             interactive: !0,
-            verticalAlign: b,
+            verticalAlign: $,
             "data-oc-part": "item",
-            "data-oc-component": "menu-item"
+            "data-oc-component": "menu-item",
+            "data-oc-interaction-variant": h
           }
         )
       }
     );
   }
-  if (l && v.isValidElement(l)) {
-    const k = v.cloneElement(l, {
-      className: `${e.link} ${l.props.className || ""}`.trim(),
+  if (m && C.isValidElement(m)) {
+    const I = C.cloneElement(m, {
+      className: `${e.link} ${m.props.className || ""}`.trim(),
       "data-oc-cell-control": !0,
       "data-oc-part": "link",
-      tabIndex: l.props.tabIndex ?? -1,
+      tabIndex: m.props.tabIndex ?? -1,
       children: a ?? /* @__PURE__ */ R("span", { className: e.labelGroup, children: [
-        h,
-        /* @__PURE__ */ t("span", { className: e.label, "data-oc-part": "label", children: l.props.children }),
-        d
+        k,
+        /* @__PURE__ */ t("span", { className: e.label, "data-oc-part": "label", children: m.props.children }),
+        p
       ] })
     });
     return /* @__PURE__ */ t(
       r.Item,
       {
-        closeOnClick: N,
-        onClick: T,
+        closeOnClick: d,
+        onClick: f,
         render: /* @__PURE__ */ t(
-          I,
+          T,
           {
-            className: $,
-            content: k,
+            className: v,
+            content: I,
             divider: n,
-            fillWidth: m,
+            fillWidth: c,
             interactive: !0,
-            verticalAlign: b,
+            verticalAlign: $,
             "data-oc-part": "item",
-            "data-oc-component": "menu-item"
+            "data-oc-component": "menu-item",
+            "data-oc-interaction-variant": h
           }
         )
       }
@@ -201,27 +208,28 @@ function Q({
   return /* @__PURE__ */ t(
     r.Item,
     {
-      closeOnClick: N,
-      onClick: T,
+      closeOnClick: d,
+      onClick: f,
       render: /* @__PURE__ */ t(
-        I,
+        T,
         {
-          className: $,
+          className: v,
           content: a ?? o,
           divider: n,
-          fillWidth: m,
+          fillWidth: c,
           interactive: !0,
-          leading: h,
-          trailing: d,
-          verticalAlign: b,
+          leading: k,
+          trailing: p,
+          verticalAlign: $,
           "data-oc-part": "item",
-          "data-oc-component": "menu-item"
+          "data-oc-component": "menu-item",
+          "data-oc-interaction-variant": h
         }
       )
     }
   );
 }
-function U({
+function Z({
   className: i = "",
   orientation: o,
   ...a
@@ -245,10 +253,10 @@ function U({
   );
 }
 export {
-  K as MenuContent,
-  Q as MenuItem,
-  F as MenuRoot,
-  U as MenuSeparator,
-  J as MenuTrigger,
-  F as default
+  X as MenuContent,
+  Y as MenuItem,
+  Q as MenuRoot,
+  Z as MenuSeparator,
+  U as MenuTrigger,
+  Q as default
 };