@orioncactuscorp/ui 1.6.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -3
- package/dist/components/Accordion/Accordion.css +1 -1
- package/dist/components/Accordion/Accordion.js +206 -214
- package/dist/components/ActionArea/ActionArea.css +1 -1
- package/dist/components/ActionArea/ActionAreaLayout.css +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
- package/dist/components/Badge/Badge.css +1 -1
- package/dist/components/Badge/Badge.js +13 -13
- package/dist/components/Cell/Cell.css +1 -1
- package/dist/components/IconButton/IconButton.css +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Loading/Loading.css +1 -1
- package/dist/components/Menu/Menu.css +1 -1
- package/dist/components/Menu/Menu.js +156 -140
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +580 -398
- package/dist/components/Modal/Modal.module.scss.js +58 -38
- package/dist/components/Modal/snapPoints.js +59 -35
- package/dist/components/Modal/useModalDrag.js +754 -579
- package/dist/components/Modal.js +7 -6
- package/dist/components/Skeleton/Skeleton.css +1 -0
- package/dist/components/Skeleton/Skeleton.js +55 -0
- package/dist/components/Skeleton/Skeleton.module.scss.js +16 -0
- package/dist/components/Skeleton.d.ts +6 -0
- package/dist/components/Skeleton.js +4 -0
- package/dist/components/TextButton/TextButton.css +1 -1
- package/dist/components/TextButton/TextButton.js +45 -48
- package/dist/components/internal/DisclosureIndicator.js +39 -0
- package/dist/components/internal/Pressable.js +28 -27
- package/dist/foundations/motion.css +1 -1
- package/dist/foundations/space.css +1 -1
- package/dist/foundations.css +2 -2
- package/dist/index.js +90 -87
- package/dist/react/motion.js +79 -74
- package/dist/styles.css +14 -13
- package/dist/ui/src/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/Menu.d.ts +1 -1
- package/dist/ui/src/components/Menu/Menu.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/index.d.ts +1 -1
- package/dist/ui/src/components/Menu/index.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/types.d.ts +6 -2
- package/dist/ui/src/components/Menu/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts +4 -2
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/contexts.d.ts +2 -0
- package/dist/ui/src/components/Modal/contexts.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/index.d.ts +2 -2
- package/dist/ui/src/components/Modal/index.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/snapPoints.d.ts +7 -10
- package/dist/ui/src/components/Modal/snapPoints.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/types.d.ts +20 -1
- package/dist/ui/src/components/Modal/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts +2 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/components/Skeleton/Skeleton.d.ts +4 -0
- package/dist/ui/src/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/ui/src/components/Skeleton/index.d.ts +3 -0
- package/dist/ui/src/components/Skeleton/index.d.ts.map +1 -0
- package/dist/ui/src/components/Skeleton/types.d.ts +17 -0
- package/dist/ui/src/components/Skeleton/types.d.ts.map +1 -0
- package/dist/ui/src/components/TextButton/TextButton.d.ts.map +1 -1
- package/dist/ui/src/components/TextButton/types.d.ts +4 -2
- package/dist/ui/src/components/TextButton/types.d.ts.map +1 -1
- package/dist/ui/src/components/internal/DisclosureIndicator.d.ts +10 -0
- package/dist/ui/src/components/internal/DisclosureIndicator.d.ts.map +1 -0
- package/dist/ui/src/components/internal/Pressable.d.ts +8 -1
- package/dist/ui/src/components/internal/Pressable.d.ts.map +1 -1
- package/dist/ui/src/index.d.ts +5 -3
- package/dist/ui/src/index.d.ts.map +1 -1
- package/dist/ui/src/react/motion/index.d.ts +3 -1
- package/dist/ui/src/react/motion/index.d.ts.map +1 -1
- package/dist/ui/src/utils/motion.d.ts +2 -2
- package/dist/ui/src/utils/motion.d.ts.map +1 -1
- package/dist/utils/motion.js +24 -18
- package/dist/vscode/oc-ui-vars.css +6 -4
- package/package.json +1 -1
- package/src/scss/foundations/motion.scss +3 -1
- package/src/scss/foundations/responsive.test.ts +22 -0
- package/src/scss/foundations/space.scss +9 -4
- package/src/scss/mixins/_motion.scss +5 -8
- package/src/scss/mixins/_motion.test.ts +20 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Badge-module__badge__ZbEBU{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap}.oc-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity)}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}
|
|
1
|
+
.oc-Badge-module__badge__ZbEBU{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium);display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:var(--oc-space-item-gap-atom);appearance:none;margin:0;border:none;background:transparent;padding:0;color:var(--oc-badge-color);text-align:center;text-decoration:none;white-space:nowrap;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-Badge-module__badge__ZbEBU{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-Badge-module__badge__ZbEBU:before{position:absolute;inset-block-start:calc(-1 * var(--oc-badge-padding-y));inset-inline-start:calc(-1 * var(--oc-badge-padding-x));z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);inline-size:100%;block-size:100%;content:"";opacity:var(--oc-badge-background-opacity);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),opacity 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-Badge-module__badge__ZbEBU:before{transition-property:background-color,opacity;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-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){overflow:hidden;border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y) var(--oc-badge-padding-x);--oc-interaction-inset-x: 0;--oc-interaction-inset-y: 0}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{inset:0;padding:0}.oc-Badge-module__badge__ZbEBU:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU:disabled,.oc-Badge-module__badge__ZbEBU[aria-disabled=true]{--oc-badge-color: var(--oc-color-theme-label-disable);--oc-badge-background-color: var(--oc-color-theme-interaction-disable);cursor:not-allowed}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{position:relative;z-index:3}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x: .4em;--oc-badge-padding-y: .25em;--oc-badge-radius: max(0px, .4em * var(--oc-atomic-radius-factor));--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: transparent;--oc-badge-background-opacity: var(--oc-color-global-opacity-100);--oc-interaction-color: currentcolor;--oc-interaction-inset-x: calc(-1 * var(--oc-badge-padding-x));--oc-interaction-inset-y: calc(-1 * var(--oc-badge-padding-y));--oc-interaction-radius: var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color: var(--oc-color-theme-label-alternative);--oc-badge-background-color: var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-color: var(--oc-badge-accent-color, var(--oc-color-theme-primary-normal));--oc-badge-background-opacity: var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color: var(--oc-color-theme-label-normal);--oc-badge-background-color: var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity: var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-caption1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x: .375em;--oc-badge-padding-y: .1em;--oc-badge-radius: max(0px, .3125em * var(--oc-atomic-radius-factor))}
|
|
@@ -2,28 +2,28 @@ import { jsx as t, jsxs as j, Fragment as x } from "react/jsx-runtime";
|
|
|
2
2
|
import B from "../Interaction/Interaction.js";
|
|
3
3
|
import n from "./Badge.module.scss.js";
|
|
4
4
|
function S({
|
|
5
|
-
children:
|
|
6
|
-
className:
|
|
5
|
+
children: m,
|
|
6
|
+
className: u = "",
|
|
7
7
|
style: r,
|
|
8
8
|
variant: a = "normal",
|
|
9
9
|
size: o = "small",
|
|
10
10
|
padding: b = !1,
|
|
11
11
|
interactive: f,
|
|
12
|
-
href:
|
|
13
|
-
...
|
|
12
|
+
href: c,
|
|
13
|
+
...e
|
|
14
14
|
}) {
|
|
15
|
-
const g =
|
|
15
|
+
const g = c !== void 0 || f === !0, s = [
|
|
16
16
|
n.badge,
|
|
17
17
|
n[a],
|
|
18
18
|
n[o],
|
|
19
19
|
b ? n.padding : "",
|
|
20
|
-
|
|
20
|
+
u
|
|
21
21
|
].filter(Boolean).join(" "), d = /* @__PURE__ */ j(x, { children: [
|
|
22
|
-
/* @__PURE__ */ t("span", { "data-oc-part": "content", children:
|
|
23
|
-
g ? /* @__PURE__ */ t(B, {
|
|
22
|
+
/* @__PURE__ */ t("span", { "data-oc-part": "content", children: m }),
|
|
23
|
+
g ? /* @__PURE__ */ t(B, {}) : null
|
|
24
24
|
] });
|
|
25
|
-
if (
|
|
26
|
-
const i =
|
|
25
|
+
if (c !== void 0) {
|
|
26
|
+
const i = e, { ref: p, ...l } = i;
|
|
27
27
|
return /* @__PURE__ */ t(
|
|
28
28
|
"a",
|
|
29
29
|
{
|
|
@@ -31,7 +31,7 @@ function S({
|
|
|
31
31
|
ref: p,
|
|
32
32
|
className: s,
|
|
33
33
|
style: r,
|
|
34
|
-
href:
|
|
34
|
+
href: c,
|
|
35
35
|
"data-oc-component": "badge",
|
|
36
36
|
"data-oc-variant": a,
|
|
37
37
|
"data-oc-size": o,
|
|
@@ -41,7 +41,7 @@ function S({
|
|
|
41
41
|
);
|
|
42
42
|
}
|
|
43
43
|
if (f === !0) {
|
|
44
|
-
const i =
|
|
44
|
+
const i = e, { type: p = "button", ref: l, ...P } = i;
|
|
45
45
|
return /* @__PURE__ */ t(
|
|
46
46
|
"button",
|
|
47
47
|
{
|
|
@@ -58,7 +58,7 @@ function S({
|
|
|
58
58
|
}
|
|
59
59
|
);
|
|
60
60
|
}
|
|
61
|
-
const v =
|
|
61
|
+
const v = e, { ref: h, ...N } = v;
|
|
62
62
|
return /* @__PURE__ */ t(
|
|
63
63
|
"span",
|
|
64
64
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Cell-module__cell__BDmja{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);display:flex;flex-direction:column;margin-
|
|
1
|
+
.oc-Cell-module__cell__BDmja{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);display:flex;flex-direction:column;margin-block:calc(-1 * var(--oc-cell-padding));padding:0;color:var(--oc-color-theme-label-normal);list-style:none;--oc-cell-padding: var(--oc-space-item-padding-small);--oc-cell-padding-inline: var(--oc-space-item-padding-medium);--oc-cell-gap: .5em;--oc-cell-icon-size: 1.375rem;--oc-cell-disabled-opacity: .28;--oc-cell-interaction-margin-inline: var(--oc-space-item-padding-xsmall);--oc-cell-interaction-radius: var(--oc-atomic-radius-small);--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2{position:relative;display:flex;align-items:flex-start;gap:var(--oc-cell-gap);padding-block:var(--oc-cell-padding);min-inline-size:0;color:inherit;transform:scale(var(--oc-cell-press-scale, 1));transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2{transition:none;transform:none}}.oc-Cell-module__item__r5fW2{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Cell-module__item__r5fW2[data-oc-vertical-align=center]{align-items:center}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline)}.oc-Cell-module__item__r5fW2[data-oc-fill-width=true]>[data-oc-component=interaction]{--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Cell-module__item__r5fW2[data-oc-fill-width=false]>[data-oc-component=interaction]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Cell-module__item__r5fW2[data-oc-divider=normal]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__item__r5fW2[data-oc-divider=neutral]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__item__r5fW2[data-oc-divider=alternative]{--oc-cell-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__item__r5fW2[data-oc-divider=none]{--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{border-block-start:1px solid var(--oc-cell-current-divider-color, var(--oc-cell-divider-color));transition:border-color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * .5) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-Cell-module__item__r5fW2+.oc-Cell-module__item__r5fW2{transform:none;transition-property:border-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-Cell-module__item__r5fW2[data-oc-interactive=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible{outline:none}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]{cursor:not-allowed}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Cell-module__item__r5fW2[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Cell-module__item__r5fW2>[data-oc-component=interaction]{border-radius:var(--oc-interaction-radius)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{position:relative;z-index:2;display:inline-flex;flex:none;align-items:center;min-block-size:var(--oc-cell-content-min-block-size);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Cell-module__item__r5fW2>[data-oc-part=content]{position:relative;z-index:2;display:flex;align-items:center;flex:1;min-block-size:var(--oc-cell-content-min-block-size);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=label],.oc-Cell-module__item__r5fW2 [data-oc-part=description]{min-inline-size:0}.oc-Cell-module__item__r5fW2 [data-oc-part=description]{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);color:var(--oc-color-theme-label-alternative)}.oc-Cell-module__item__r5fW2>[data-oc-part=trailing]{justify-content:flex-end}@media(hover:hover){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:hover:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}@media(hover:none){.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true]){--oc-cell-current-divider-color: transparent}.oc-Cell-module__item__r5fW2[data-oc-interactive=true]:active:not([data-oc-disabled=true])+.oc-Cell-module__item__r5fW2{--oc-cell-current-divider-color: transparent}}.oc-Cell-module__item__r5fW2[data-oc-interactive=true] :where([data-oc-component=checkbox],[data-oc-component=radio],[data-oc-component=switch]) [data-oc-component=interaction]{display:none}.oc-Cell-module__normal__O7uwW{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Cell-module__neutral__Fhigo{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Cell-module__alternative__7dShz{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Cell-module__none__s4kvs{--oc-cell-divider-color: transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-IconButton-module__iconButton__PmpB8{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:transform;transition:transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8{transition:
|
|
1
|
+
.oc-IconButton-module__iconButton__PmpB8{position:relative;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:none;color:inherit;will-change:color,transform;transition:color calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback),transform calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-feedback)}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8{transition-property:color;transition-duration:calc(var(--oc-motion-duration-feedback) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-feedback);transform:none}}.oc-IconButton-module__iconButton__PmpB8{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;--oc-interaction-inset-x: -.5em;--oc-interaction-inset-y: -.5em;--oc-interaction-radius: var(--oc-atomic-radius-max);--oc-interaction-scale: .95;--oc-interaction-time: .225s}.oc-IconButton-module__iconButton__PmpB8:focus-visible:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}@media(hover:hover){.oc-IconButton-module__iconButton__PmpB8:hover:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true]){transform:scale(max(0,1 + (.95 - 1) * var(--oc-motion-scale-factor-feedback)))}.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true])>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__primary__qjfR5){--oc-interaction-color: var(--oc-color-theme-primary-normal);color:var(--oc-color-theme-primary-normal)}.oc-IconButton-module__iconButton__PmpB8:where(.oc-IconButton-module__normal__0kcFm){color:var(--oc-color-theme-label-normal)}.oc-IconButton-module__iconButton__PmpB8:disabled,.oc-IconButton-module__iconButton__PmpB8[aria-disabled=true]{color:var(--oc-color-theme-label-disable);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.oc-IconButton-module__iconButton__PmpB8:active:not(:disabled,[aria-disabled=true]){transform:none}}
|
|
@@ -28,7 +28,7 @@ function F({
|
|
|
28
28
|
...l ? { viewBox: l } : {}
|
|
29
29
|
}) : o, p = /* @__PURE__ */ g(j, { children: [
|
|
30
30
|
P,
|
|
31
|
-
/* @__PURE__ */ c(I, {
|
|
31
|
+
/* @__PURE__ */ c(I, {})
|
|
32
32
|
] }), d = [b.iconButton, b[n], N].filter(Boolean).join(" ");
|
|
33
33
|
return i !== void 0 ? /* @__PURE__ */ c(
|
|
34
34
|
f,
|
|
@@ -1 +1 @@
|
|
|
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=indicator]{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
|
|
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=indicator]{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 calc(var(--oc-motion-duration-continuous) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) var(--oc-motion-timing-continuous) infinite}@media(prefers-reduced-motion:reduce){.oc-Loading-module__circular__KTVW- circle{animation:oc-Loading-module__oc-loading-fade__wpHpE 1.25s ease-in-out,oc-Loading-module__oc-loading-rotate__T9lw5 calc(var(--oc-motion-duration-continuous) * var(--oc-motion-duration-factor-preserve) * var(--oc-motion-pace-normal) * .5682) var(--oc-motion-timing-continuous) infinite;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)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.oc-Menu-module__trigger__CbeUq{all:unset}.oc-Menu-module__trigger__CbeUq:focus,.oc-Menu-module__trigger__CbeUq:focus-visible{outline:none}.oc-Menu-module__renderTrigger__ZFKYZ:focus,.oc-Menu-module__renderTrigger__ZFKYZ:focus-visible{outline:none}.oc-Menu-module__positioner__TYz0H{z-index:var(--oc-z-index
|
|
1
|
+
.oc-Menu-module__trigger__CbeUq{all:unset}.oc-Menu-module__trigger__CbeUq:focus,.oc-Menu-module__trigger__CbeUq:focus-visible{outline:none}.oc-Menu-module__renderTrigger__ZFKYZ:focus,.oc-Menu-module__renderTrigger__ZFKYZ:focus-visible{outline:none}.oc-Menu-module__positioner__TYz0H{z-index:var(--oc-menu-z-index, var(--oc-zindex-3))}.oc-Menu-module__content__pnDF6{--oc-background-radius: max(0px, 1em * var(--oc-atomic-radius-factor));--oc-menu-transform-origin: top center;z-index:var(--oc-menu-z-index, var(--oc-zindex-3));min-inline-size:10em;max-inline-size:80vw;padding:1em;outline:none;overflow:visible;-webkit-user-select:none;user-select:none;opacity:1;transform:scale(1) translate(0);transform-origin:var(--transform-origin, var(--oc-menu-transform-origin));will-change:opacity,transform}.oc-Menu-module__content__pnDF6[data-side=top]{--oc-menu-transform-origin: bottom center}.oc-Menu-module__content__pnDF6[data-side=bottom]{--oc-menu-transform-origin: top center}.oc-Menu-module__content__pnDF6[data-side=left]{--oc-menu-transform-origin: center right}.oc-Menu-module__content__pnDF6[data-side=right]{--oc-menu-transform-origin: center left}.oc-Menu-module__content__pnDF6[data-starting-style]{opacity:0;transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(-1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-ending-style]{opacity:0;transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(-.25rem * var(--oc-motion-distance-factor-spatial)));transition:opacity calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) var(--oc-motion-timing-disclosure-exit),transform calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) var(--oc-motion-timing-disclosure-exit)}.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style]{transform:scale(max(0,1 + (.25 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(-1rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translateY(calc(.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:scale(max(0,1 + (.9 - 1) * var(--oc-motion-scale-factor-spatial))) translate(calc(-.25rem * var(--oc-motion-distance-factor-spatial)))}.oc-Menu-module__content__pnDF6{transition:opacity calc(.374s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%),transform calc(.382s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1.3) linear(0 0%,.0045 .81%,.0171 1.63%,.0365 2.44%,.0616 3.25%,.0912 4.07%,.1246 4.88%,.1607 5.69%,.1989 6.5%,.2386 7.32%,.2792 8.13%,.3202 8.94%,.3612 9.76%,.4018 10.57%,.4418 11.38%,.4808 12.2%,.5187 13.01%,.5552 13.82%,.5904 14.63%,.624 15.45%,.656 16.26%,.6863 17.07%,.715 17.89%,.742 18.7%,.7673 19.51%,.791 20.33%,.813 21.14%,.8335 21.95%,.8524 22.76%,.8699 23.58%,.8859 24.39%,.9006 25.2%,.9141 26.02%,.9263 26.83%,.9374 27.64%,.9474 28.46%,.9564 29.27%,.9645 30.08%,.9717 30.89%,.9781 31.71%,.9838 32.52%,.9888 33.33%,.9931 34.15%,.9969 34.96%,1.0001 35.77%,1.0029 36.59%,1.0053 37.4%,1.0072 38.21%,1.0088 39.02%,1.0101 39.84%,1.0111 40.65%,1.0119 41.46%,1.0124 42.28%,1.0128 43.09%,1.013 43.9%,1.013 44.72%,1.013 45.53%,1.0128 46.34%,1.0125 47.15%,1.0122 47.97%,1.0118 48.78%,1.0114 49.59%,1.0109 50.41%,1.0104 51.22%,1.0099 52.03%,1.0094 52.85%,1.0088 53.66%,1.0083 54.47%,1.0078 55.28%,1.0072 56.1%,1.0067 56.91%,1.0062 57.72%,1.0058 58.54%,1.0053 59.35%,1.0049 60.16%,1.0045 60.98%,1.0041 61.79%,1.0037 62.6%,1.0033 63.41%,1.003 64.23%,1.0027 65.04%,1.0024 65.85%,1.0021 66.67%,1.0019 67.48%,1.0017 68.29%,1.0015 69.11%,1.0013 69.92%,1.0011 70.73%,1.0009 71.54%,1.0008 72.36%,1.0007 73.17%,1.0006 73.98%,1.0005 74.8%,1.0004 75.61%,1.0003 76.42%,1.0002 77.24%,1.0001 78.05%,1.0001 78.86%,1 79.67%,1 80.49%,1 81.3%,.9999 82.11%,.9999 82.93%,.9999 83.74%,.9999 84.55%,.9999 85.37%,.9998 86.18%,.9998 86.99%,.9998 87.8%,.9998 88.62%,.9998 89.43%,.9998 90.24%,.9998 91.06%,.9998 91.87%,.9998 92.68%,.9998 93.5%,.9999 94.31%,.9999 95.12%,.9999 95.93%,.9999 96.75%,.9999 97.56%,.9999 98.37%,.9999 99.19%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.3);transition-timing-function:var(--oc-motion-timing-disclosure);transform:none}}@media(prefers-reduced-motion:reduce){.oc-Menu-module__content__pnDF6{will-change:opacity}.oc-Menu-module__content__pnDF6[data-starting-style],.oc-Menu-module__content__pnDF6[data-ending-style],.oc-Menu-module__content__pnDF6[data-side=top][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=left][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=right][data-starting-style],.oc-Menu-module__content__pnDF6[data-side=top][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=left][data-ending-style],.oc-Menu-module__content__pnDF6[data-side=right][data-ending-style]{transform:none}.oc-Menu-module__content__pnDF6[data-ending-style]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-disclosure-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1.3);transition-timing-function:var(--oc-motion-timing-disclosure-exit)}}.oc-Menu-module__small__ufcV9{font-size:calc(var(--oc-typo-size-label1) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label1) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label1)}.oc-Menu-module__medium__sfbGK{font-size:calc(var(--oc-typo-size-body2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-body2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-body2)}.oc-Menu-module__content__pnDF6 .oc-Menu-module__container__5cxcL{font-size:inherit;line-height:inherit;letter-spacing:inherit}.oc-Menu-module__container__5cxcL{margin-block:-.625em;margin-inline:0;padding:0;--oc-cell-padding: .625em;--oc-cell-gap: .5em;--oc-cell-interaction-margin-inline: .625em;--oc-cell-interaction-radius: max(0px, .625em * var(--oc-atomic-radius-factor))}.oc-Menu-module__item__S3HKY{appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible){outline:none}.oc-Menu-module__item__S3HKY:has(.oc-Menu-module__link__SOmSk:focus-visible)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus)}.oc-Menu-module__separator__iT6cs{list-style:none}.oc-Menu-module__link__SOmSk{display:flex;position:relative;align-items:center;flex:1;gap:.5em;min-inline-size:0;color:inherit;text-decoration:none;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}.oc-Menu-module__link__SOmSk:focus-visible{outline:none}.oc-Menu-module__labelGroup__OwIf7{display:inline-flex;align-items:center;flex:1;gap:.5em;min-inline-size:0}.oc-Menu-module__icon__XtO-r{display:inline-flex;align-items:center;justify-content:center}.oc-Menu-module__icon__XtO-r svg{color:var(--oc-color-theme-label-alternative);inline-size:1.5rem;block-size:1.5rem}.oc-Menu-module__label__QMf-9{min-inline-size:0}
|
|
@@ -1,84 +1,100 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import { Menu as
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
import { jsx as t, jsxs as R } from "react/jsx-runtime";
|
|
3
|
+
import v from "react";
|
|
4
|
+
import { Menu as r } from "@base-ui-components/react/menu";
|
|
5
|
+
import j from "../Background/Background.js";
|
|
6
|
+
import B, { CellItem as I } from "../Cell/Cell.js";
|
|
7
|
+
import e from "./Menu.module.scss.js";
|
|
8
|
+
const E = {
|
|
9
|
+
topLeft: { side: "top", alignment: "start" },
|
|
10
|
+
top: { side: "top", alignment: "center" },
|
|
11
|
+
topRight: { side: "top", alignment: "end" },
|
|
12
|
+
rightTop: { side: "right", alignment: "start" },
|
|
13
|
+
right: { side: "right", alignment: "center" },
|
|
14
|
+
rightBottom: { side: "right", alignment: "end" },
|
|
15
|
+
bottomLeft: { side: "bottom", alignment: "start" },
|
|
16
|
+
bottom: { side: "bottom", alignment: "center" },
|
|
17
|
+
bottomRight: { side: "bottom", alignment: "end" },
|
|
18
|
+
leftTop: { side: "left", alignment: "start" },
|
|
19
|
+
left: { side: "left", alignment: "center" },
|
|
20
|
+
leftBottom: { side: "left", alignment: "end" }
|
|
21
|
+
};
|
|
22
|
+
function F(i) {
|
|
23
|
+
return /* @__PURE__ */ t(r.Root, { ...i });
|
|
10
24
|
}
|
|
11
|
-
function
|
|
12
|
-
className:
|
|
13
|
-
children:
|
|
14
|
-
render:
|
|
15
|
-
nativeButton:
|
|
25
|
+
function J({
|
|
26
|
+
className: i = "",
|
|
27
|
+
children: o,
|
|
28
|
+
render: a,
|
|
29
|
+
nativeButton: n,
|
|
16
30
|
openOnHover: m,
|
|
17
31
|
delay: s,
|
|
18
|
-
closeDelay:
|
|
32
|
+
closeDelay: c
|
|
19
33
|
}) {
|
|
20
|
-
return
|
|
21
|
-
|
|
34
|
+
return a ? /* @__PURE__ */ t(
|
|
35
|
+
r.Trigger,
|
|
22
36
|
{
|
|
23
|
-
className:
|
|
24
|
-
render:
|
|
25
|
-
nativeButton:
|
|
37
|
+
className: e.renderTrigger,
|
|
38
|
+
render: a,
|
|
39
|
+
nativeButton: n,
|
|
26
40
|
openOnHover: m,
|
|
27
41
|
delay: s,
|
|
28
|
-
closeDelay:
|
|
42
|
+
closeDelay: c,
|
|
29
43
|
"data-oc-component": "menu-trigger",
|
|
30
|
-
children:
|
|
44
|
+
children: o
|
|
31
45
|
}
|
|
32
|
-
) : /* @__PURE__ */
|
|
33
|
-
|
|
46
|
+
) : /* @__PURE__ */ t(
|
|
47
|
+
r.Trigger,
|
|
34
48
|
{
|
|
35
|
-
className: `${
|
|
36
|
-
nativeButton:
|
|
49
|
+
className: `${e.trigger} ${i}`.trim(),
|
|
50
|
+
nativeButton: n,
|
|
37
51
|
openOnHover: m,
|
|
38
52
|
delay: s,
|
|
39
|
-
closeDelay:
|
|
53
|
+
closeDelay: c,
|
|
40
54
|
"data-oc-component": "menu-trigger",
|
|
41
|
-
children:
|
|
55
|
+
children: o
|
|
42
56
|
}
|
|
43
57
|
);
|
|
44
58
|
}
|
|
45
|
-
function
|
|
46
|
-
className:
|
|
47
|
-
size:
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
59
|
+
function K({
|
|
60
|
+
className: i = "",
|
|
61
|
+
size: o = "medium",
|
|
62
|
+
placement: a,
|
|
63
|
+
sideOffset: n = 12,
|
|
64
|
+
alignOffset: m = 0,
|
|
65
|
+
alignment: s = "center",
|
|
66
|
+
side: c = "bottom",
|
|
67
|
+
children: d
|
|
53
68
|
}) {
|
|
54
|
-
|
|
55
|
-
|
|
69
|
+
const p = a ? E[a] : void 0, g = p?.side ?? c, f = p?.alignment ?? s;
|
|
70
|
+
return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(
|
|
71
|
+
r.Positioner,
|
|
56
72
|
{
|
|
57
|
-
sideOffset:
|
|
58
|
-
alignOffset:
|
|
59
|
-
align:
|
|
60
|
-
side:
|
|
61
|
-
className: `${
|
|
62
|
-
children: /* @__PURE__ */
|
|
63
|
-
|
|
73
|
+
sideOffset: n,
|
|
74
|
+
alignOffset: m,
|
|
75
|
+
align: f,
|
|
76
|
+
side: g,
|
|
77
|
+
className: `${e.positioner} ${i}`.trim(),
|
|
78
|
+
children: /* @__PURE__ */ t(
|
|
79
|
+
r.Popup,
|
|
64
80
|
{
|
|
65
|
-
render: (
|
|
66
|
-
|
|
81
|
+
render: (u) => /* @__PURE__ */ t(
|
|
82
|
+
j,
|
|
67
83
|
{
|
|
68
|
-
...
|
|
69
|
-
className: `${
|
|
84
|
+
...u,
|
|
85
|
+
className: `${e.content} ${e[o]} ${u.className || ""}`.trim(),
|
|
70
86
|
"data-oc-part": "content",
|
|
71
87
|
"data-oc-component": "menu-content",
|
|
72
|
-
"data-oc-size":
|
|
88
|
+
"data-oc-size": o
|
|
73
89
|
}
|
|
74
90
|
),
|
|
75
|
-
children: /* @__PURE__ */
|
|
76
|
-
|
|
91
|
+
children: /* @__PURE__ */ t(
|
|
92
|
+
B,
|
|
77
93
|
{
|
|
78
|
-
className:
|
|
94
|
+
className: e.container,
|
|
79
95
|
divider: "neutral",
|
|
80
96
|
"data-oc-part": "container",
|
|
81
|
-
children:
|
|
97
|
+
children: d
|
|
82
98
|
}
|
|
83
99
|
)
|
|
84
100
|
}
|
|
@@ -86,62 +102,62 @@ function J({
|
|
|
86
102
|
}
|
|
87
103
|
) });
|
|
88
104
|
}
|
|
89
|
-
function
|
|
90
|
-
className:
|
|
91
|
-
children:
|
|
92
|
-
content:
|
|
93
|
-
divider:
|
|
105
|
+
function Q({
|
|
106
|
+
className: i = "",
|
|
107
|
+
children: o,
|
|
108
|
+
content: a,
|
|
109
|
+
divider: n,
|
|
94
110
|
fillWidth: m = !1,
|
|
95
111
|
icon: s,
|
|
96
|
-
leading:
|
|
97
|
-
trailing:
|
|
98
|
-
href:
|
|
99
|
-
target:
|
|
100
|
-
rel:
|
|
101
|
-
linkProps:
|
|
102
|
-
render:
|
|
103
|
-
onClick:
|
|
104
|
-
closeOnClick:
|
|
105
|
-
verticalAlign:
|
|
112
|
+
leading: c,
|
|
113
|
+
trailing: d,
|
|
114
|
+
href: p,
|
|
115
|
+
target: g,
|
|
116
|
+
rel: f,
|
|
117
|
+
linkProps: u,
|
|
118
|
+
render: l,
|
|
119
|
+
onClick: T,
|
|
120
|
+
closeOnClick: N = !0,
|
|
121
|
+
verticalAlign: b = "center"
|
|
106
122
|
}) {
|
|
107
|
-
const
|
|
108
|
-
|
|
109
|
-
/* @__PURE__ */
|
|
110
|
-
|
|
123
|
+
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: [
|
|
124
|
+
h,
|
|
125
|
+
/* @__PURE__ */ t("span", { className: e.label, "data-oc-part": "label", children: o }),
|
|
126
|
+
d
|
|
111
127
|
] });
|
|
112
|
-
if (
|
|
128
|
+
if (p) {
|
|
113
129
|
const {
|
|
114
|
-
className:
|
|
115
|
-
rel:
|
|
116
|
-
target:
|
|
117
|
-
...
|
|
118
|
-
} =
|
|
119
|
-
return /* @__PURE__ */
|
|
120
|
-
|
|
130
|
+
className: k,
|
|
131
|
+
rel: S,
|
|
132
|
+
target: L,
|
|
133
|
+
...x
|
|
134
|
+
} = u ?? {}, M = L ?? g, P = S || f || (M === "_blank" ? "noopener noreferrer" : void 0);
|
|
135
|
+
return /* @__PURE__ */ t(
|
|
136
|
+
r.Item,
|
|
121
137
|
{
|
|
122
|
-
closeOnClick:
|
|
123
|
-
render: /* @__PURE__ */
|
|
124
|
-
|
|
138
|
+
closeOnClick: N,
|
|
139
|
+
render: /* @__PURE__ */ t(
|
|
140
|
+
I,
|
|
125
141
|
{
|
|
126
|
-
className:
|
|
127
|
-
content: /* @__PURE__ */
|
|
142
|
+
className: $,
|
|
143
|
+
content: /* @__PURE__ */ t(
|
|
128
144
|
"a",
|
|
129
145
|
{
|
|
130
|
-
...
|
|
131
|
-
className: `${
|
|
146
|
+
...x,
|
|
147
|
+
className: `${e.link} ${k || ""}`.trim(),
|
|
132
148
|
"data-oc-cell-control": !0,
|
|
133
149
|
"data-oc-part": "link",
|
|
134
|
-
href:
|
|
135
|
-
target:
|
|
136
|
-
rel:
|
|
137
|
-
tabIndex:
|
|
138
|
-
children:
|
|
150
|
+
href: p,
|
|
151
|
+
target: M,
|
|
152
|
+
rel: P,
|
|
153
|
+
tabIndex: x.tabIndex ?? -1,
|
|
154
|
+
children: C
|
|
139
155
|
}
|
|
140
156
|
),
|
|
141
|
-
divider:
|
|
157
|
+
divider: n,
|
|
142
158
|
fillWidth: m,
|
|
143
159
|
interactive: !0,
|
|
144
|
-
verticalAlign:
|
|
160
|
+
verticalAlign: b,
|
|
145
161
|
"data-oc-part": "item",
|
|
146
162
|
"data-oc-component": "menu-item"
|
|
147
163
|
}
|
|
@@ -149,32 +165,32 @@ function K({
|
|
|
149
165
|
}
|
|
150
166
|
);
|
|
151
167
|
}
|
|
152
|
-
if (
|
|
153
|
-
const
|
|
154
|
-
className: `${
|
|
168
|
+
if (l && v.isValidElement(l)) {
|
|
169
|
+
const k = v.cloneElement(l, {
|
|
170
|
+
className: `${e.link} ${l.props.className || ""}`.trim(),
|
|
155
171
|
"data-oc-cell-control": !0,
|
|
156
172
|
"data-oc-part": "link",
|
|
157
|
-
tabIndex:
|
|
158
|
-
children:
|
|
159
|
-
|
|
160
|
-
/* @__PURE__ */
|
|
161
|
-
|
|
173
|
+
tabIndex: l.props.tabIndex ?? -1,
|
|
174
|
+
children: a ?? /* @__PURE__ */ R("span", { className: e.labelGroup, children: [
|
|
175
|
+
h,
|
|
176
|
+
/* @__PURE__ */ t("span", { className: e.label, "data-oc-part": "label", children: l.props.children }),
|
|
177
|
+
d
|
|
162
178
|
] })
|
|
163
179
|
});
|
|
164
|
-
return /* @__PURE__ */
|
|
165
|
-
|
|
180
|
+
return /* @__PURE__ */ t(
|
|
181
|
+
r.Item,
|
|
166
182
|
{
|
|
167
|
-
closeOnClick:
|
|
168
|
-
onClick:
|
|
169
|
-
render: /* @__PURE__ */
|
|
170
|
-
|
|
183
|
+
closeOnClick: N,
|
|
184
|
+
onClick: T,
|
|
185
|
+
render: /* @__PURE__ */ t(
|
|
186
|
+
I,
|
|
171
187
|
{
|
|
172
|
-
className:
|
|
173
|
-
content:
|
|
174
|
-
divider:
|
|
188
|
+
className: $,
|
|
189
|
+
content: k,
|
|
190
|
+
divider: n,
|
|
175
191
|
fillWidth: m,
|
|
176
192
|
interactive: !0,
|
|
177
|
-
verticalAlign:
|
|
193
|
+
verticalAlign: b,
|
|
178
194
|
"data-oc-part": "item",
|
|
179
195
|
"data-oc-component": "menu-item"
|
|
180
196
|
}
|
|
@@ -182,22 +198,22 @@ function K({
|
|
|
182
198
|
}
|
|
183
199
|
);
|
|
184
200
|
}
|
|
185
|
-
return /* @__PURE__ */
|
|
186
|
-
|
|
201
|
+
return /* @__PURE__ */ t(
|
|
202
|
+
r.Item,
|
|
187
203
|
{
|
|
188
|
-
closeOnClick:
|
|
189
|
-
onClick:
|
|
190
|
-
render: /* @__PURE__ */
|
|
191
|
-
|
|
204
|
+
closeOnClick: N,
|
|
205
|
+
onClick: T,
|
|
206
|
+
render: /* @__PURE__ */ t(
|
|
207
|
+
I,
|
|
192
208
|
{
|
|
193
|
-
className:
|
|
194
|
-
content:
|
|
195
|
-
divider:
|
|
209
|
+
className: $,
|
|
210
|
+
content: a ?? o,
|
|
211
|
+
divider: n,
|
|
196
212
|
fillWidth: m,
|
|
197
213
|
interactive: !0,
|
|
198
|
-
leading:
|
|
199
|
-
trailing:
|
|
200
|
-
verticalAlign:
|
|
214
|
+
leading: h,
|
|
215
|
+
trailing: d,
|
|
216
|
+
verticalAlign: b,
|
|
201
217
|
"data-oc-part": "item",
|
|
202
218
|
"data-oc-component": "menu-item"
|
|
203
219
|
}
|
|
@@ -205,21 +221,21 @@ function K({
|
|
|
205
221
|
}
|
|
206
222
|
);
|
|
207
223
|
}
|
|
208
|
-
function
|
|
209
|
-
className:
|
|
210
|
-
orientation:
|
|
211
|
-
...
|
|
224
|
+
function U({
|
|
225
|
+
className: i = "",
|
|
226
|
+
orientation: o,
|
|
227
|
+
...a
|
|
212
228
|
}) {
|
|
213
|
-
return /* @__PURE__ */
|
|
214
|
-
|
|
229
|
+
return /* @__PURE__ */ t(
|
|
230
|
+
r.Separator,
|
|
215
231
|
{
|
|
216
|
-
orientation:
|
|
217
|
-
render: (
|
|
232
|
+
orientation: o,
|
|
233
|
+
render: (n) => /* @__PURE__ */ t(
|
|
218
234
|
"li",
|
|
219
235
|
{
|
|
236
|
+
...n,
|
|
220
237
|
...a,
|
|
221
|
-
|
|
222
|
-
className: `${t.separator} ${a.className || ""} ${c}`.trim(),
|
|
238
|
+
className: `${e.separator} ${n.className || ""} ${i}`.trim(),
|
|
223
239
|
role: "separator",
|
|
224
240
|
"data-oc-part": "separator",
|
|
225
241
|
"data-oc-component": "menu-separator"
|
|
@@ -229,10 +245,10 @@ function Q({
|
|
|
229
245
|
);
|
|
230
246
|
}
|
|
231
247
|
export {
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
248
|
+
K as MenuContent,
|
|
249
|
+
Q as MenuItem,
|
|
250
|
+
F as MenuRoot,
|
|
251
|
+
U as MenuSeparator,
|
|
252
|
+
J as MenuTrigger,
|
|
253
|
+
F as default
|
|
238
254
|
};
|