@orioncactuscorp/ui 1.15.1 → 1.17.0

package/CHANGELOG.md

@@ -1,5 +1,151 @@
 # Changelog
 
+## 1.17.0
+
+### Changes
+
+<!-- generated:start -->
+
+_Commit range: `@orioncactuscorp/ui@1.16.0..HEAD`_
+
+#### Other
+
+- `d27d025` Modal 본문 끝 ActionArea 자동 여백 보정 (#282)
+- `35d3f23` Badge variant 전환 및 border 계약 개선 (#284)
+- `757780c` Modal popup 콘텐츠 전환 플래시 및 footer 크롬 플립 개선 (#285)
+- `cae0595` BackgroundIconButton disabled 전환 오버슈트 수정 (#286)
+<!-- generated:end -->
+
+### Minor Changes
+
+- 35d3f23: Badge의 canonical 기본 variant인 `default`를 추가하고, `label-strong` 배경과 `background-normal-normal` 라벨 색을 적용합니다. 기존 `normal` variant는 `label-alternative` 라벨과 `fill-normal` 배경을 유지합니다. Badge 배경 전환을 variant별 opacity 레이어로 분리하고, `oc-border` 기반의 `--oc-badge-border-width` 및 `--oc-badge-border-color` contract를 제공합니다.
+
+  Migration Notes:
+  - `variant`를 생략한 Badge의 `data-oc-variant` 값이 `normal`에서 `default`로 변경됩니다. 해당 selector를 직접 커스터마이즈하는 소비자는 `default`를 기준으로 업데이트하세요.
+  - `variant='default'`는 `label-strong` 배경과 `background-normal-normal` 라벨 색을 사용합니다.
+  - 기존 `variant='normal'`은 `label-alternative` 라벨과 `fill-normal` 배경을 유지합니다.
+  - Badge border는 기본적으로 투명하며, `--oc-badge-border-color`와 선택적인 `--oc-badge-border-width` override로 표시할 수 있습니다.
+
+- 757780c: `ModalRoot`에 open/close transition이 끝난 뒤 호출되는 `onOpenChangeComplete(open)` 콜백을 추가합니다. depth navigation처럼 exit 동안 유지해야 하는 view 상태를 닫힘 완료 후 초기화할 때 사용합니다.
+
+  ### Migration Notes
+  - 없음
+
+### Patch Changes
+
+- 757780c: 렌더링할 액션, caption, extraContent가 없는 `ActionArea`는 `data-oc-empty="true"`를 방출하고 자체 padding과 background를 접습니다. `ModalFooter`와 `FloatingWindowFooter`의 직속 빈 `ActionArea`는 footer 예약을 `0`으로 만들어 body는 기본 하단 여백만 유지합니다.
+
+  ### Migration Notes
+  - 빈 `ActionArea`로 하단 여백을 만들던 경우 명시적 spacer로 바꾸세요.
+  - depth navigation에서 root depth에 액션이 없어도 `ModalFooter`와 `ActionArea`를 계속 마운트해 두면 root에서는 예약이 접히고 다음 depth부터 버튼 높이가 예약됩니다.
+
+- d27d025: ModalBody 마지막 직속 ActionArea가 본문 여백과 중복되지 않도록 자동 보정합니다.
+
+  ### Migration Notes
+  - 기존 ModalBody 마지막 ActionArea에 지정한 중복 여백 override는 제거해도 됩니다.
+  - 이 조합에서는 desktop action group의 기본 max width가 `none`이 되며, standalone ActionArea의 `--oc-atomic-width-content` 기본값은 유지됩니다.
+  - 의도적으로 다른 간격을 사용하는 경우에는 기존 `--oc-action-area-*` override를 유지할 수 있습니다.
+
+- 757780c: WebKit에서 `Fieldset`이 첫 레이아웃 때 legend 높이만큼 더 크게 그려졌다가 내부 재배치 시점에 줄어들던 문제를 수정합니다. legend를 float로 배치해 모든 엔진에서 같은 높이로 그려집니다.
+
+  ### Migration Notes
+  - `FieldLegend` 다음 콘텐츠와의 간격이 `.content`의 시작 margin에서 legend의 끝 margin으로 옮겨졌습니다. 간격 값은 동일하며, legend와 콘텐츠 사이 간격을 직접 덮어쓰던 CSS가 있다면 legend 쪽으로 옮기세요.
+
+- 757780c: Modal popup 콘텐츠 전환이 `navigationDepth` 변경을 명시적 교체 신호로 사용해 목적지 레이아웃 플래시 없이 이전 높이에서 새 높이로 전환합니다. 전환 중 header/footer 측정값이 늦게 반영되면 목표 높이를 재타겟하고, footer 스크롤 크롬은 목적지 scrollport 기준으로 판정해 전환 중 깜빡이지 않습니다. `ModalFooter`를 언마운트해도 측정된 footer 높이가 body 여백에 남지 않습니다.
+
+  ### Migration Notes
+  - depth view 교체에 높이 전환을 기대하는 popup은 `ModalRoot`의 `navigationDepth`를 view와 같은 커밋에서 갱신하세요. 신호 없는 콘텐츠 변화는 기존처럼 안착 후 best-effort로 전환되며, 큰 교체는 한 프레임 동안 목적지 레이아웃이 먼저 보일 수 있습니다.
+  - 내부 attribute `data-oc-modal-sheet-resizing`이 `data-oc-modal-resizing`으로 바뀌었습니다. 공개 selector 계약은 아니지만 이 attribute를 참조하던 CSS가 있다면 갱신하세요.
+  - Reduced motion에서 popup 높이 전환은 즉시 완료되며 `data-oc-content-transition-state="changing"` 구간이 없습니다.
+
+- 757780c: bottom sheet의 depth 전환이 끊기던 문제를 수정합니다. `navigationDepth`가 `0`보다 커서 drag 닫기가 차단된 상태에서는 canvas settle의 시작 translate가 gesture rubber-band 한계로 clamp되어 sheet가 먼저 튀어오른 뒤 멈췄다가 남은 거리만 움직였습니다. canvas settle은 gesture 범위 밖의 programmatic geometry로 취급해 clamp하지 않고, backdrop dim은 목적지 rest 값을 유지해 전환 중 1에서 내려갔다 돌아오지 않습니다. 또한 depth 변경 커밋에서 콘텐츠를 즉시 다시 재어 같은 프레임에 settle을 시작하고, body content를 border-box로 관찰해 header/footer 예약 반영 시 진행 속도를 이어받아 재타겟합니다.
+
+  ### Migration Notes
+  - 없음
+
+- cae0595: BackgroundIconButton disabled 전환이 중간에 밝게 튀었다가 되돌아오던 문제를 수정합니다.
+  - disabled fill을 컴포넌트 루트의 불투명 레이어로 분리하고 `opacity`만 교차 페이드합니다. 장식 레이어(`backdrop-filter`, `::before` multiply, `::after` plus-lighter)는 전환 중 그대로 유지됩니다.
+  - 결과 합성이 두 끝 렌더링의 선형 보간(`(1−p)·enabled + p·disabled`)이 되어 blend/clipping 비선형성과 무관하게 오버슈트가 발생하지 않습니다.
+  - disabled fill 색을 `--oc-background-icon-button-disabled-background-color`로 노출합니다. 기본값은 `--oc-color-theme-interaction-disable`입니다.
+
+  Migration Notes
+  - disabled 상태에서 `--oc-background-icon-button-background-color` 값이 더 이상 보이지 않습니다. 기존에는 이 override가 disabled 배경에도 적용됐습니다. disabled 배경을 조정하려면 `--oc-background-icon-button-disabled-background-color`를 사용하세요.
+  - 컴포넌트 루트가 `::after` 의사 요소를 사용합니다. oc-ui 컴포넌트 루트에 직접 `::after`를 선언하던 소비자 CSS는 충돌할 수 있습니다.
+  - public export, prop, `data-oc-*` selector 계약은 변경되지 않았습니다.
+
+## 1.16.0
+
+### Changes
+
+<!-- generated:start -->
+
+_Commit range: `@orioncactuscorp/ui@1.15.1..HEAD`_
+
+#### Maintenance
+
+- `ae8346e` ci: add Tailscale runner bootstrap (#266)
+- `a0e7438` chore(ci): remove shared runner maintenance assets
+
+#### Other
+
+- `637157e` ActionArea padding override 안정성 보완 (#270)
+- `5bd2c37` PositionSnap CI 테스트 안정화 (#271)
+- `8304b7a` Modal bottom sheet 관성 dismiss 개선 (#273)
+- `56a7b39` ScrollArea 오버레이 스크롤 잠금 경합 제거 (#275)
+- `8d6971b` Modal 이미지 wrapper 스크롤 판정 보완 (#268)
+- `211ec69` Public component contract 변수 cascade 안정화 (#274)
+- `49583d9` fluidClamp 호환 API 제거 (#276)
+- `92e6a4e` ScrollArea 모바일 스크롤바 표시 개선 (#277)
+- `f523460` Interaction 터치 영역 커스터마이징 추가 (#278)
+- `f704606` Modal 본문 끝 ActionArea 예시 추가 (#279)
+<!-- generated:end -->
+
+### Minor Changes
+
+- 49583d9: 더 이상 사용되지 않는 SCSS `fluidClamp()` 호환 함수를 제거합니다.
+
+  ### Migration Notes
+  - `fluidClamp($from, $bp, $anchor, $to)` 호출을 `oc-fluid($from, $to, $bp, $anchor)`로 변경합니다.
+  - `fluidClamp(toRem(16), 375px, to, toRem(20))`은 `oc-fluid(toRem(16), toRem(20), 375px)`로 변경합니다.
+  - `oc-fluid()`를 사용하려면 `@orioncactuscorp/ui/scss/mixins/fluid`를 불러옵니다. `toRem()`과 `stripUnit()`은 기존처럼 `@orioncactuscorp/ui/scss/mixins/utils`에서 사용할 수 있습니다.
+
+- 92e6a4e: 터치 기기의 `ScrollArea`가 커스텀 scrollbar 대신 운영체제의 native scrollbar indicator를 표시하도록 수정하고, 스크롤 동작을 유지한 채 indicator를 모든 환경 또는 터치 환경에서만 숨길 수 있는 `scrollbarVisibility="hidden"`, `scrollbarVisibility="hidden-on-touch"` 옵션을 추가합니다.
+
+  Migration Notes:
+  - 모든 환경에서 scrollbar indicator를 숨기려면 `scrollbarVisibility="hidden"`, 터치 환경에서만 숨기려면 `scrollbarVisibility="hidden-on-touch"`를 지정하세요.
+
+- f523460: Interaction의 기존 시각·상태 계약을 유지하면서 44px 터치 대상 foundation과 host별 최소 hit area 커스터마이징을 추가합니다. Button, TextButton, IconButton, BackgroundIconButton, interactive Badge와 선택 컨트롤은 기본 44px 영역을 사용하며 `--oc-interaction-touch-target-min`으로 재정의할 수 있습니다. custom host는 `touchTarget` prop으로 hit layer를 선택할 수 있으며, semantic direct host의 iOS Safari native tap highlight와 accidental text selection은 Interaction feedback으로 대체됩니다. 링크의 long-press context menu와 브라우저 gesture는 유지합니다. 확장 영역이 host 바깥에서도 동작하도록 Button, padding Badge, Switch의 내부 overflow clipping은 제거됩니다.
+
+  ### Migration Notes
+  - 기존 컴포넌트 사용 코드는 변경할 필요가 없습니다. 기본 44px 터치 영역이 레이아웃과 겹치는 경우 `--oc-interaction-touch-target-min` 또는 custom host의 `touchTarget` prop을 조정하세요.
+
+### Patch Changes
+
+- 637157e: `ActionArea`의 기본 padding을 property fallback으로 제공해 소비처의 `--oc-action-area-padding-*` override가 CSS chunk 순서와 무관하게 적용되도록 개선합니다.
+
+  ### Migration Notes
+  - 없음
+
+- 56a7b39: Root `ScrollArea`가 mount/unmount 중 `document.body.style.overflow`를 임시로 변경하지 않도록 수정해, 같은 초기 렌더에서 열린 Modal 또는 Menu를 닫은 뒤 페이지 스크롤 잠금이 남는 문제를 해결합니다.
+
+  Migration Notes:
+  - 없음 — `ScrollArea` 공개 API와 selector 계약 변경 없이 body scroll-lock 소유권 경합을 제거합니다.
+
+- 211ec69: 공개 component contract CSS 변수의 기본값을 property fallback과 internal default로 제공해 per-component CSS가 consumer CSS보다 나중에 로드되어도 override가 유지되도록 개선합니다.
+
+  ### Migration Notes
+  - 없음
+
+- 8304b7a: Modal bottom sheet가 짧고 빠른 하향 드래그의 release velocity를 예상 도착점에 반영해 네이티브 sheet처럼 닫히도록 개선합니다.
+
+  ### Migration Notes
+  - 없음
+
+- 8d6971b: 모바일 BottomSheet에서 `overflow: hidden` 이미지 wrapper가 스크롤 컨테이너로 오인되지 않도록 콘텐츠 스크롤 경계 판정을 보완합니다.
+
+  ### Migration Notes
+  - 없음
+
 ## 1.15.1
 
 ### Changes

package/README.md

@@ -72,7 +72,7 @@ export default function Example() {
 
 ## Documentation
 
-이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/<파일명>`으로 볼 수 있습니다.
+이 패키지는 상세 가이드를 `docs/`로 함께 배포합니다. 설치 후 `node_modules/@orioncactuscorp/ui/docs/`에서 설치 버전과 일치하는 문서를 바로 읽을 수 있고, 웹에서는 `https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/<파일명>`으로 볼 수 있습니다.
 
 | 문서                                                           | 내용                                                                   |
 | -------------------------------------------------------------- | ---------------------------------------------------------------------- |
@@ -146,6 +146,45 @@ Modal은 DOM 순서의 첫 control을 기계적으로 선택하지 않습니다.
 - `initialFocus="first-interactive"`는 첫 tabbable 요소, `initialFocus="title"`은 등록된 title을 명시합니다.
 - `initialFocus="content"`는 dialog container를 포커스하는 호환용 escape hatch입니다. 신규 사용은 title 또는 구체적인 ref/function을 우선하세요.
 
+### Modal depth navigation
+
+같은 Modal 안에서 view를 교체하는 depth navigation은 `ModalRoot`의 `navigationDepth`로 현재 깊이를 알립니다. 이 값은 두 가지 계약을 동시에 가집니다.
+
+- `0`보다 크면 drag, backdrop pointer 같은 암묵적 닫기가 기본 차단됩니다. `dismissBehavior`로 reason별 정책을 조정할 수 있습니다.
+- `contentTransition="auto"`인 popup은 `navigationDepth` 변경을 명시적 교체 신호로 사용합니다. view와 depth가 같은 커밋에서 바뀌면 surface가 이전 높이를 고정한 채 새 높이로 전환하므로 목적지 레이아웃이 먼저 보이는 플래시가 없습니다.
+
+```tsx
+const [depth, setDepth] = useState(0);
+
+<ModalRoot open={open} onOpenChange={setOpen} navigationDepth={depth}>
+  <ModalContent variant='popup' resize='content'>
+    <ModalHeader
+      title='문의하기'
+      leadingContent={
+        depth > 0 ? (
+          <BackButton onClick={() => setDepth(depth - 1)} />
+        ) : undefined
+      }
+      bottomContent={
+        <ProgressIndicator value={depth} max={2} aria-label='진행률' />
+      }
+    />
+    <ModalBody>{views[depth]}</ModalBody>
+    <ModalFooter>
+      <ActionArea variant='neutral'>{actions[depth]}</ActionArea>
+    </ModalFooter>
+  </ModalContent>
+</ModalRoot>;
+```
+
+- 닫을 때는 `navigationDepth`와 view 상태를 그대로 두세요. surface는 exit transition 동안 계속 렌더링되므로 `onOpenChange(false)`에서 depth를 `0`으로 되돌리면 사라지는 surface 아래에서 root view로 교체되어 높이가 튑니다. 초기화는 다시 열 때(`onOpenChange(true)`) 하거나, exit가 끝난 뒤 호출되는 `onOpenChangeComplete(false)`에서 하세요.
+- depth 하나당 한 번의 이산 교체를 전제로 합니다. depth를 바꾸는 커밋에서 자체 애니메이션 콘텐츠를 함께 시작하면 surface가 그 애니메이션을 뒤따라가므로, 펼침 같은 in-place 모션은 depth 전환이 끝난 뒤 시작하세요.
+- 전환 중 header나 footer 측정값이 늦게 반영되어 목표 높이가 바뀌면 진행 중인 전환이 새 목표로 재타겟됩니다. footer의 스크롤 배경과 여백은 목적지 scrollport 기준으로 판정되어 전환 중 깜빡이지 않습니다.
+- `ModalFooter`와 header `bottomContent`는 depth 0부터 유지하는 구성을 권장합니다. 조건부로 마운트해도 높이 전환은 동작하지만 chrome 자체는 즉시 나타나고, `ActionArea` 버튼 등장에는 별도 모션 계약이 없습니다. 버튼이 없는 `ActionArea`는 `data-oc-empty="true"`로 접혀 footer 예약 없이 body의 기본 하단 여백만 남습니다.
+- `navigationDepth` 없이 바뀌는 콘텐츠는 안착한 이산 변화만 best-effort로 전환하고, 자체 애니메이션 중인 콘텐츠는 surface가 자연스럽게 따라갑니다. 이 경로는 큰 교체에서 한 프레임 동안 목적지 레이아웃이 먼저 보일 수 있으므로 view 교체에는 `navigationDepth`를 사용하세요.
+- bottom sheet는 콘텐츠 높이 변화를 sheet motion 계약(canvas settle)으로 처리합니다. `navigationDepth` 변경 커밋에서는 콘텐츠를 즉시 다시 재어 같은 프레임에 settle을 시작하고, 전환 중 header/footer 측정값이 늦게 반영되면 진행 중인 속도를 이어받아 새 목표로 재타겟합니다.
+- 높이 전환이 필요 없거나 자체 animation을 사용하는 경우 `contentTransition="none"`을 지정하세요.
+
 ### FloatingWindow
 
 `FloatingWindowRoot`는 trigger 또는 명시적 anchor를 기준으로 collision-aware 배치되는 modeless dialog가 기본입니다. `ModalWindowRoot`는 같은 geometry에 focus trap, 배경 입력을 차단하는 backdrop, Modal popup scale/fade motion을 적용합니다. 필요한 경우에만 `FloatingWindowContent backdrop="hidden"`으로 dimmer를 숨길 수 있으며 modal focus와 배경 inert 정책은 유지됩니다. Header, Body, Footer, NavigationSection은 Modal 기본 presentation을 공유합니다.
@@ -411,7 +450,7 @@ SCSS mixin/function 전체 시그니처와 예시는 [SCSS Helpers 가이드][sc
 | `@include typo($variant, $weight)`     | `scss/mixins/typo`       | typo 토큰 조합 출력 (`--oc-typo-size-factor` 반영)                      |
 | `@include respond-to(...)`             | `scss/mixins/breakpoint` | breakpoint media query (named/직접 값/구간)                             |
 | `oc-fluid(...)`                        | `scss/mixins/fluid`      | 커스텀 fluid 값 생성                                                    |
-| `fluidClamp(...)`, `toRem($px)`        | `scss/mixins/utils`      | 기존 fluid 호출 호환 및 px→rem 변환                                     |
+| `toRem($px)`                           | `scss/mixins/utils`      | px→rem 변환                                                             |
 
 `@orioncactuscorp/ui/scss/mixins/element`는 요소 표면을 구성할 때 쓰는 SCSS helper를 제공합니다.
 
@@ -648,16 +687,16 @@ GitHub 리포지터리 공개를 준비하고 있습니다. 그동안 의견이
 <!-- 버전은 `bun run agent:sync-version`이 릴리스마다 stamp합니다. 직접 수정하지 마세요. -->
 
 [storybook]: https://oc-ui-storybook.pages.dev
-[changelog]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/CHANGELOG.md
-[api-conventions]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/api-conventions.md
-[selector-contract]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/selector-contract.md
-[colors]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/colors.md
-[typography]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/typography.md
-[scss-helpers]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/scss-helpers.md
-[motion]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/motion.md
-[spring]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/spring.md
-[responsive-foundation-profile]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/responsive-foundation-profile.md
-[overlay-stacking]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/overlay-stacking.md
-[tokens]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/tokens.md
-[stability]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/stability.md
-[editor-setup]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.15.1/docs/editor-setup.md
+[changelog]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/CHANGELOG.md
+[api-conventions]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/api-conventions.md
+[selector-contract]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/selector-contract.md
+[colors]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/colors.md
+[typography]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/typography.md
+[scss-helpers]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/scss-helpers.md
+[motion]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/motion.md
+[spring]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/spring.md
+[responsive-foundation-profile]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/responsive-foundation-profile.md
+[overlay-stacking]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/overlay-stacking.md
+[tokens]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/tokens.md
+[stability]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/stability.md
+[editor-setup]: https://cdn.jsdelivr.net/npm/@orioncactuscorp/ui@1.17.0/docs/editor-setup.md

package/dist/components/Accordion/Accordion.css

@@ -1 +1 @@
-.oc-Accordion-module__accordion__wD27Q{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));color:var(--oc-color-theme-label-normal);--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-accordion-current-divider-color: var(--oc-cell-divider-color)}.oc-Accordion-module__item__YNNr-[data-oc-divider=normal]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__item__YNNr-[data-oc-divider=neutral]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__item__YNNr-[data-oc-divider=alternative]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__item__YNNr-[data-oc-divider=none]{--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{border-block-start:1px solid var(--oc-accordion-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-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{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)}}@media(hover:hover){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}@media(hover:none){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] .oc-Accordion-module__summary__ORyIA>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]),.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] [data-oc-part=panel-inner]{opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__header__AYOT5{margin:0;font:inherit}.oc-Accordion-module__summary__ORyIA{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-accordion-summary-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-Accordion-module__summary__ORyIA{transition:none;transform:none}}.oc-Accordion-module__summary__ORyIA{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Accordion-module__summary__ORyIA[data-oc-vertical-align=center]{align-items:center}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline);--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=false]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Accordion-module__summary__ORyIA{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Accordion-module__summary__ORyIA:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}@media(hover:hover){.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);transform:scale(1)}}.oc-Accordion-module__summary__ORyIA:active:not(:disabled){--oc-accordion-summary-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Accordion-module__summary__ORyIA:active:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);transform:scale(1)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]{cursor:not-allowed}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Accordion-module__summary__ORyIA>[data-oc-part=leading],.oc-Accordion-module__summary__ORyIA>[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-Accordion-module__summary__ORyIA>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Accordion-module__summary__ORyIA>[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-Accordion-module__summary__ORyIA [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=label],.oc-Accordion-module__summary__ORyIA [data-oc-part=description]{min-inline-size:0}.oc-Accordion-module__summary__ORyIA [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-Accordion-module__summary__ORyIA>[data-oc-part=trailing]{justify-content:flex-end}.oc-Accordion-module__summary__ORyIA{inline-size:100%;padding-inline:0;border:0;font:inherit;text-align:start;background:transparent}.oc-Accordion-module__summary__ORyIA:disabled{cursor:not-allowed}.oc-Accordion-module__trailing__Gnf84{justify-content:flex-end}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg));transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transition:none;transform:none}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{display:inline-flex;flex:none;align-items:center;justify-content:center;block-size:var(--oc-cell-content-min-block-size)}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{block-size:1lh}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-accordion-disclosure-indicator-size, calc(1.5em - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{block-size:var(--oc-accordion-disclosure-indicator-size, calc(1lh - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg))}}.oc-Accordion-module__details__x7mjA{min-block-size:0}.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{opacity:0;transition:opacity calc(.449s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0169 1.67%,.0356 2.5%,.0594 3.33%,.0871 4.17%,.1179 5%,.1508 5.83%,.1853 6.67%,.2208 7.5%,.2567 8.33%,.2927 9.17%,.3285 10%,.3637 10.83%,.3983 11.67%,.4319 12.5%,.4644 13.33%,.4959 14.17%,.5261 15%,.5551 15.83%,.5828 16.67%,.6092 17.5%,.6343 18.33%,.6582 19.17%,.6807 20%,.7021 20.83%,.7222 21.67%,.7412 22.5%,.759 23.33%,.7758 24.17%,.7915 25%,.8063 25.83%,.8201 26.67%,.833 27.5%,.8451 28.33%,.8564 29.17%,.8669 30%,.8767 30.83%,.8858 31.67%,.8943 32.5%,.9022 33.33%,.9096 34.17%,.9164 35%,.9228 35.83%,.9287 36.67%,.9341 37.5%,.9392 38.33%,.9439 39.17%,.9482 40%,.9523 40.83%,.956 41.67%,.9594 42.5%,.9626 43.33%,.9656 44.17%,.9683 45%,.9708 45.83%,.9731 46.67%,.9753 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9823 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9874 54.17%,.9884 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%,.9951 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand-exit)}}.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{opacity:1;transition:opacity calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand)}}.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__summary__ORyIA,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__trailing__Gnf84,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition:none}.oc-Accordion-module__panelInner__YQXzI{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-block-size:0;padding-block:0 var(--oc-cell-padding);padding-inline:0}.oc-Accordion-module__item__YNNr-:has([data-oc-component=accordion-summary][data-oc-fill-width=true]) [data-oc-part=panel-inner]{padding-inline:var(--oc-cell-padding-inline)}.oc-Accordion-module__description__bKdPX{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);margin:0;color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__content__RyBzl{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-inline-size:0}.oc-Accordion-module__normal__Fz83W{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__neutral__eEyvY{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__alternative__HdOit{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__none__EiLem{--oc-cell-divider-color: transparent}
+.oc-Accordion-module__accordion__wD27Q{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));color:var(--oc-color-theme-label-normal);--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-accordion-current-divider-color: var(--oc-cell-divider-color)}.oc-Accordion-module__item__YNNr-[data-oc-divider=normal]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__item__YNNr-[data-oc-divider=neutral]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__item__YNNr-[data-oc-divider=alternative]{--oc-accordion-current-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__item__YNNr-[data-oc-divider=none]{--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{border-block-start:1px solid var(--oc-accordion-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-Accordion-module__item__YNNr-+.oc-Accordion-module__item__YNNr-{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)}}@media(hover:hover){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}@media(hover:none){.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)){--oc-accordion-current-divider-color: transparent}.oc-Accordion-module__item__YNNr-:has(>.oc-Accordion-module__header__AYOT5>.oc-Accordion-module__summary__ORyIA:active:not(:disabled)):not([data-oc-state=open])+.oc-Accordion-module__item__YNNr-{--oc-accordion-current-divider-color: transparent}}.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] .oc-Accordion-module__summary__ORyIA>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]),.oc-Accordion-module__item__YNNr-[data-oc-disabled=true] [data-oc-part=panel-inner]{opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__header__AYOT5{margin:0;font:inherit}.oc-Accordion-module__summary__ORyIA{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-accordion-summary-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-Accordion-module__summary__ORyIA{transition:none;transform:none}}.oc-Accordion-module__summary__ORyIA{--oc-cell-content-min-block-size: var(--oc-typo-height-body1)}.oc-Accordion-module__summary__ORyIA[data-oc-vertical-align=center]{align-items:center}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=true]{padding-inline:var(--oc-cell-padding-inline);--oc-interaction-inset-x: 0;--oc-interaction-radius: 0}.oc-Accordion-module__summary__ORyIA[data-oc-fill-width=false]{--oc-interaction-inset-x: calc(-1 * var(--oc-cell-interaction-margin-inline));--oc-interaction-radius: var(--oc-cell-interaction-radius)}.oc-Accordion-module__summary__ORyIA{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.oc-Accordion-module__summary__ORyIA:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);--_-interaction-state-scale: 1}@media(hover:hover){.oc-Accordion-module__summary__ORyIA:hover:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-hover);--_-interaction-state-scale: 1}}.oc-Accordion-module__summary__ORyIA:active:not(:disabled){--oc-accordion-summary-press-scale: max(0, 1 + (.9875 - 1) * var(--oc-motion-scale-factor-feedback))}.oc-Accordion-module__summary__ORyIA:active:not(:disabled)>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-active);--_-interaction-state-scale: 1}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]{cursor:not-allowed}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>:where([data-oc-part=leading],[data-oc-part=content],[data-oc-part=trailing]){opacity:var(--oc-cell-disabled-opacity)}.oc-Accordion-module__summary__ORyIA[data-oc-disabled=true]>[data-oc-component=interaction]{pointer-events:none}.oc-Accordion-module__summary__ORyIA>[data-oc-part=leading],.oc-Accordion-module__summary__ORyIA>[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-Accordion-module__summary__ORyIA>[data-oc-part=leading]>[data-oc-component=svg-icon],.oc-Accordion-module__summary__ORyIA>[data-oc-part=trailing]>[data-oc-component=svg-icon]{block-size:var(--oc-cell-icon-size)}.oc-Accordion-module__summary__ORyIA>[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-Accordion-module__summary__ORyIA [data-oc-part=text]{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-atom);min-inline-size:0}.oc-Accordion-module__summary__ORyIA [data-oc-part=label],.oc-Accordion-module__summary__ORyIA [data-oc-part=description]{min-inline-size:0}.oc-Accordion-module__summary__ORyIA [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-Accordion-module__summary__ORyIA>[data-oc-part=trailing]{justify-content:flex-end}.oc-Accordion-module__summary__ORyIA{inline-size:100%;padding-inline:0;border:0;font:inherit;text-align:start;background:transparent}.oc-Accordion-module__summary__ORyIA:disabled{cursor:not-allowed}.oc-Accordion-module__trailing__Gnf84{justify-content:flex-end}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg));transition:transform calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-quick) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transition:none;transform:none}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{display:inline-flex;flex:none;align-items:center;justify-content:center;block-size:var(--oc-cell-content-min-block-size)}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]>[data-oc-part=indicator-frame]{block-size:1lh}}.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{inline-size:auto;block-size:var(--oc-accordion-disclosure-indicator-size, calc(1.5em - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}@supports (block-size: 1lh){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true] [data-oc-component=svg-icon]{block-size:var(--oc-accordion-disclosure-indicator-size, calc(1lh - var(--oc-accordion-disclosure-indicator-padding-block, .125em) * 2))}}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__trailing__Gnf84[data-oc-rotate=true]{transform:rotate(var(--oc-accordion-chevron-rotation, 0deg))}}.oc-Accordion-module__details__x7mjA{min-block-size:0}.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{opacity:0;transition:opacity calc(.449s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0169 1.67%,.0356 2.5%,.0594 3.33%,.0871 4.17%,.1179 5%,.1508 5.83%,.1853 6.67%,.2208 7.5%,.2567 8.33%,.2927 9.17%,.3285 10%,.3637 10.83%,.3983 11.67%,.4319 12.5%,.4644 13.33%,.4959 14.17%,.5261 15%,.5551 15.83%,.5828 16.67%,.6092 17.5%,.6343 18.33%,.6582 19.17%,.6807 20%,.7021 20.83%,.7222 21.67%,.7412 22.5%,.759 23.33%,.7758 24.17%,.7915 25%,.8063 25.83%,.8201 26.67%,.833 27.5%,.8451 28.33%,.8564 29.17%,.8669 30%,.8767 30.83%,.8858 31.67%,.8943 32.5%,.9022 33.33%,.9096 34.17%,.9164 35%,.9228 35.83%,.9287 36.67%,.9341 37.5%,.9392 38.33%,.9439 39.17%,.9482 40%,.9523 40.83%,.956 41.67%,.9594 42.5%,.9626 43.33%,.9656 44.17%,.9683 45%,.9708 45.83%,.9731 46.67%,.9753 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9823 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9874 54.17%,.9884 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%,.9951 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand-exit) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand-exit)}}.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{opacity:1;transition:opacity calc(.561s * var(--oc-motion-duration-factor) * var(--oc-motion-pace-normal) * 1) linear(0 0%,.0045 .83%,.0168 1.67%,.0356 2.5%,.0593 3.33%,.0871 4.17%,.1178 5%,.1507 5.83%,.1852 6.67%,.2207 7.5%,.2566 8.33%,.2926 9.17%,.3283 10%,.3635 10.83%,.398 11.67%,.4316 12.5%,.4642 13.33%,.4957 14.17%,.5259 15%,.5549 15.83%,.5826 16.67%,.609 17.5%,.6341 18.33%,.6579 19.17%,.6805 20%,.7018 20.83%,.722 21.67%,.7409 22.5%,.7588 23.33%,.7756 24.17%,.7913 25%,.8061 25.83%,.8199 26.67%,.8328 27.5%,.8449 28.33%,.8562 29.17%,.8667 30%,.8765 30.83%,.8857 31.67%,.8942 32.5%,.9021 33.33%,.9095 34.17%,.9163 35%,.9227 35.83%,.9286 36.67%,.934 37.5%,.9391 38.33%,.9438 39.17%,.9481 40%,.9522 40.83%,.9559 41.67%,.9594 42.5%,.9625 43.33%,.9655 44.17%,.9682 45%,.9707 45.83%,.9731 46.67%,.9752 47.5%,.9772 48.33%,.979 49.17%,.9807 50%,.9822 50.83%,.9837 51.67%,.985 52.5%,.9862 53.33%,.9873 54.17%,.9883 55%,.9893 55.83%,.9902 56.67%,.991 57.5%,.9917 58.33%,.9924 59.17%,.993 60%,.9936 60.83%,.9941 61.67%,.9946 62.5%,.995 63.33%,.9955 64.17%,.9958 65%,.9962 65.83%,.9965 66.67%,.9968 67.5%,.9971 68.33%,.9973 69.17%,.9975 70%,.9977 70.83%,.9979 71.67%,.9981 72.5%,.9983 73.33%,.9984 74.17%,.9985 75%,.9987 75.83%,.9988 76.67%,.9989 77.5%,.999 78.33%,.9991 79.17%,.9991 80%,.9992 80.83%,.9993 81.67%,.9993 82.5%,.9994 83.33%,.9994 84.17%,.9995 85%,.9995 85.83%,.9996 86.67%,.9996 87.5%,.9996 88.33%,.9997 89.17%,.9997 90%,.9997 90.83%,.9998 91.67%,.9998 92.5%,.9998 93.33%,.9998 94.17%,.9998 95%,.9998 95.83%,.9999 96.67%,.9999 97.5%,.9999 98.33%,.9999 99.17%,1 100%)}@media(prefers-reduced-motion:reduce){.oc-Accordion-module__details__x7mjA[data-oc-motion-state=opening]>[data-oc-part=panel-inner],.oc-Accordion-module__details__x7mjA[data-oc-motion-state=open]>[data-oc-part=panel-inner]{transition-property:opacity;transition-duration:calc(var(--oc-motion-duration-expand) * var(--oc-motion-duration-factor-reduced) * var(--oc-motion-pace-normal) * 1);transition-timing-function:var(--oc-motion-timing-expand)}}.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__summary__ORyIA,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__trailing__Gnf84,.oc-Accordion-module__accordion__wD27Q[data-oc-animation=disabled] .oc-Accordion-module__details__x7mjA>[data-oc-part=panel-inner]{transition:none}.oc-Accordion-module__panelInner__YQXzI{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-block-size:0;padding-block:0 var(--oc-cell-padding);padding-inline:0}.oc-Accordion-module__item__YNNr-:has([data-oc-component=accordion-summary][data-oc-fill-width=true]) [data-oc-part=panel-inner]{padding-inline:var(--oc-cell-padding-inline)}.oc-Accordion-module__description__bKdPX{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);margin:0;color:var(--oc-color-theme-label-alternative)}.oc-Accordion-module__content__RyBzl{display:flex;flex-direction:column;gap:var(--oc-space-item-gap-small);min-inline-size:0}.oc-Accordion-module__normal__Fz83W{--oc-cell-divider-color: var(--oc-color-theme-line-normal-normal)}.oc-Accordion-module__neutral__eEyvY{--oc-cell-divider-color: var(--oc-color-theme-line-normal-neutral)}.oc-Accordion-module__alternative__HdOit{--oc-cell-divider-color: var(--oc-color-theme-line-normal-alternative)}.oc-Accordion-module__none__EiLem{--oc-cell-divider-color: transparent}

package/dist/components/ActionArea/ActionArea.css

@@ -1 +1 @@
-.oc-ActionArea-module__actionArea__jnxep{position:relative;isolation:isolate;display:flex;flex-direction:column;inline-size:100%;padding-block:var(--oc-action-area-padding-block-start) var(--oc-action-area-padding-block-end);padding-inline:var(--oc-action-area-padding-inline);--oc-action-area-padding-inline: var(--oc-space-section-padding-viewport-x);--oc-action-area-padding-block: var(--oc-space-section-padding-viewport-y);--oc-action-area-padding-block-start: var(--oc-action-area-padding-block);--oc-action-area-padding-block-end: var(--oc-action-area-padding-block);--oc-action-area-gap: var(--oc-space-item-gap-small);--oc-action-area-actions-gap: var(--oc-space-item-gap-small);--oc-action-area-container-max-width: var(--oc-atomic-width-content);--oc-action-area-background-color: var(--oc-color-theme-background-elevated-normal);--oc-action-area-background-bleed: var(--oc-action-area-padding-block);--oc-action-area-background-gradient-size: calc(var(--oc-action-area-padding-block) * 2)}.oc-ActionArea-module__actionArea__jnxep:before{position:absolute;inset-block:calc(var(--oc-action-area-background-bleed) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-action-area-background-color);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));opacity:0;content:"";pointer-events:none}.oc-ActionArea-module__actionArea__jnxep>*{position:relative;z-index:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-background=true]:before{opacity:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-has-extra=true]{border-block-start:1px solid var(--oc-color-theme-line-normal-neutral);background-color:var(--oc-action-area-background-color)}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=extra-slot]{display:flex;flex-direction:column;align-items:center;margin-block-end:calc(var(--oc-action-area-gap) + var(--oc-action-area-padding-block))}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=caption]{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);font-weight:var(--oc-typo-weight-label2-normal);margin:0 0 var(--oc-space-item-gap-medium);color:var(--oc-color-theme-label-alternative);text-align:center}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{display:flex;gap:var(--oc-action-area-actions-gap);min-width:0}@media screen and (min-width:769px){.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{max-inline-size:var(--oc-action-area-container-max-width)}.oc-ActionArea-module__actionArea__jnxep:not([data-oc-variant=compact]) [data-oc-part=actions]{inline-size:100%;margin-inline:auto}}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=strong] [data-oc-part=actions],.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=cancel] [data-oc-part=actions]{flex-direction:column}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]{flex-direction:row}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button=true]{flex:1 1 0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]{flex-direction:row;justify-content:flex-end}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]:has(>[data-oc-action-area-button-priority=sub][data-oc-icon-only=true]){justify-content:space-between;inline-size:100%}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-row]{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-item-gap-medium);min-width:0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-slot]{display:flex;align-items:center;flex:1 1 auto;min-width:0}.oc-ActionArea-module__actionButton__fKHJQ{min-width:0}.oc-ActionArea-module__actionButton__fKHJQ[data-oc-component=text-button]{flex:0 0 auto;inline-size:fit-content;align-self:center}
+.oc-ActionArea-module__actionArea__jnxep{position:relative;isolation:isolate;display:flex;flex-direction:column;inline-size:100%;--_-action-area-padding-block: var(--oc-action-area-padding-block, var(--oc-space-section-padding-viewport-y));padding-block:var(--oc-action-area-padding-block-start, var(--_-action-area-padding-block)) var(--oc-action-area-padding-block-end, var(--_-action-area-padding-block));padding-inline:var(--oc-action-area-padding-inline, var(--oc-space-section-padding-viewport-x));--oc-action-area-gap: var(--oc-space-item-gap-small);--oc-action-area-actions-gap: var(--oc-space-item-gap-small);--oc-action-area-background-color: var(--oc-color-theme-background-elevated-normal);--oc-action-area-background-bleed: var(--_-action-area-padding-block);--oc-action-area-background-gradient-size: calc(var(--_-action-area-padding-block) * 2)}.oc-ActionArea-module__actionArea__jnxep:before{position:absolute;inset-block:calc(var(--oc-action-area-background-bleed) * -1) 0;inset-inline:0;z-index:0;background-color:var(--oc-action-area-background-color);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));mask-image:linear-gradient(to bottom,transparent 0,black var(--oc-action-area-background-gradient-size));opacity:0;content:"";pointer-events:none}.oc-ActionArea-module__actionArea__jnxep>*{position:relative;z-index:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-background=true]:before{opacity:1}.oc-ActionArea-module__actionArea__jnxep[data-oc-empty=true]{padding:0}.oc-ActionArea-module__actionArea__jnxep[data-oc-empty=true]:before{content:none}.oc-ActionArea-module__actionArea__jnxep[data-oc-has-extra=true]{border-block-start:1px solid var(--oc-color-theme-line-normal-neutral);background-color:var(--oc-action-area-background-color)}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=extra-slot]{display:flex;flex-direction:column;align-items:center;margin-block-end:calc(var(--oc-action-area-gap) + var(--_-action-area-padding-block))}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=caption]{font-size:calc(var(--oc-typo-size-label2) * var(--oc-typo-size-factor, 1));line-height:calc(var(--oc-typo-height-label2) * var(--oc-typo-size-factor, 1));letter-spacing:var(--oc-typo-spacing-label2);font-weight:var(--oc-typo-weight-label2-normal);margin:0 0 var(--oc-space-item-gap-medium);color:var(--oc-color-theme-label-alternative);text-align:center}.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{display:flex;gap:var(--oc-action-area-actions-gap);min-width:0}@media screen and (min-width:769px){.oc-ActionArea-module__actionArea__jnxep [data-oc-part=actions]{max-inline-size:var(--oc-action-area-container-max-width, var(--oc-atomic-width-content))}.oc-ActionArea-module__actionArea__jnxep:not([data-oc-variant=compact]) [data-oc-part=actions]{inline-size:100%;margin-inline:auto}}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=strong] [data-oc-part=actions],.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=cancel] [data-oc-part=actions]{flex-direction:column}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]{flex-direction:row}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button=true]{flex:1 1 0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=neutral] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]{flex-direction:row;justify-content:flex-end}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]:has(>[data-oc-action-area-button-priority=sub][data-oc-icon-only=true]){justify-content:space-between;inline-size:100%}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=actions]>[data-oc-action-area-button-priority=sub]{flex:0 0 auto}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-row]{display:flex;align-items:center;justify-content:space-between;gap:var(--oc-space-item-gap-medium);min-width:0}.oc-ActionArea-module__actionArea__jnxep[data-oc-variant=compact] [data-oc-part=compact-slot]{display:flex;align-items:center;flex:1 1 auto;min-width:0}.oc-ActionArea-module__actionButton__fKHJQ{min-width:0}.oc-ActionArea-module__actionButton__fKHJQ[data-oc-component=text-button]{flex:0 0 auto;inline-size:fit-content;align-self:center}

package/dist/components/ActionArea/ActionArea.js

@@ -1,41 +1,41 @@
 'use client';
-import { jsx as e, jsxs as B } from "react/jsx-runtime";
-import { useContext as V, createContext as _, Children as y, isValidElement as A, Fragment as g } from "react";
+import { jsx as i, jsxs as y } from "react/jsx-runtime";
+import { useContext as V, Children as g, isValidElement as v, Fragment as b, createContext as _ } from "react";
 import j from "../Button/Button.js";
 import C from "../TextButton/TextButton.js";
-import b from "./ActionArea.module.scss.js";
-const N = _(null), q = {
+import N from "./ActionArea.module.scss.js";
+const x = _(null), q = {
   strong: ["main", "equal", "alternative", "sub"],
   neutral: ["sub", "alternative", "equal", "main"],
   compact: ["sub", "alternative", "equal", "main"]
 };
-function x(...t) {
+function E(...t) {
   return t.filter(Boolean).join(" ");
 }
-function m(t) {
+function A(t) {
   return t != null && t !== !1 && t !== "";
 }
 function z() {
-  return V(N)?.variant ?? "strong";
+  return V(x)?.variant ?? "strong";
 }
 function P(t) {
-  return y.toArray(t).flatMap((o) => {
-    if (!A(o)) return [];
-    if (o.type === g) {
+  return g.toArray(t).flatMap((o) => {
+    if (!v(o)) return [];
+    if (o.type === b) {
       const n = o.props;
       return P(n.children);
     }
-    return o.type !== v ? [] : [o];
+    return o.type !== B ? [] : [o];
   });
 }
 function D(t) {
-  return A(t) && t.type === v;
+  return v(t) && t.type === B;
 }
-function E(t) {
-  return y.toArray(t).flatMap((o) => {
-    if (!A(o) || o.type !== g) return [o];
+function h(t) {
+  return g.toArray(t).flatMap((o) => {
+    if (!v(o) || o.type !== b) return [o];
     const n = o.props;
-    return E(n.children);
+    return h(n.children);
   });
 }
 function O(t) {
@@ -47,10 +47,10 @@ function I({
 }) {
   const n = q[o ?? "strong"];
   if (!n) return t;
-  const r = E(t);
+  const r = h(t);
   return r.every(D) ? n.flatMap(
-    (i) => r.filter(
-      (a) => O(a) === i
+    (c) => r.filter(
+      (a) => O(a) === c
     )
   ) : t;
 }
@@ -71,7 +71,7 @@ function M({
     (a) => a.props.priority !== void 0 && a.props.priority !== "main"
   ) && console.warn(
     '[@orioncactuscorp/ui] ActionArea variant="cancel" should use ActionAreaButton priority="main".'
-  ), t !== "compact" && m(n) && console.warn(
+  ), t !== "compact" && A(n) && console.warn(
     '[@orioncactuscorp/ui] ActionArea compactContent is only rendered with variant="compact".'
   );
 }
@@ -80,62 +80,63 @@ function F({
   className: o = "",
   variant: n = "strong",
   caption: r,
-  extraContent: i,
+  extraContent: c,
   compactContent: a,
   background: u = !1,
   ref: p,
   ...s
 }) {
-  const c = m(i), f = m(r), d = n === "compact" && m(a), l = I({ children: t, variant: n });
-  return M({ variant: n, children: t, compactContent: a }), /* @__PURE__ */ e(N.Provider, { value: { variant: n }, children: /* @__PURE__ */ B(
+  const e = A(c), d = A(r), l = n === "compact" && A(a), m = !e && !d && !l && h(t).length === 0, f = I({ children: t, variant: n });
+  return M({ variant: n, children: t, compactContent: a }), /* @__PURE__ */ i(x.Provider, { value: { variant: n }, children: /* @__PURE__ */ y(
     "div",
     {
       ...s,
       ref: p,
-      className: x(b.actionArea, o),
+      className: E(N.actionArea, o),
       "data-oc-component": "action-area",
       "data-oc-variant": n,
       "data-oc-background": u ? "true" : void 0,
-      "data-oc-has-extra": c ? "true" : void 0,
-      "data-oc-has-caption": f ? "true" : void 0,
+      "data-oc-has-extra": e ? "true" : void 0,
+      "data-oc-has-caption": d ? "true" : void 0,
+      "data-oc-empty": m ? "true" : void 0,
       children: [
-        c ? /* @__PURE__ */ e("div", { "data-oc-part": "extra-slot", children: i }) : null,
-        f ? /* @__PURE__ */ e("p", { "data-oc-part": "caption", children: r }) : null,
-        d ? /* @__PURE__ */ B("div", { "data-oc-part": "compact-row", children: [
-          /* @__PURE__ */ e("div", { "data-oc-part": "compact-slot", children: a }),
-          /* @__PURE__ */ e("div", { "data-oc-part": "actions", children: l })
-        ] }) : /* @__PURE__ */ e("div", { "data-oc-part": "actions", children: l })
+        e ? /* @__PURE__ */ i("div", { "data-oc-part": "extra-slot", children: c }) : null,
+        d ? /* @__PURE__ */ i("p", { "data-oc-part": "caption", children: r }) : null,
+        l ? /* @__PURE__ */ y("div", { "data-oc-part": "compact-row", children: [
+          /* @__PURE__ */ i("div", { "data-oc-part": "compact-slot", children: a }),
+          /* @__PURE__ */ i("div", { "data-oc-part": "actions", children: f })
+        ] }) : /* @__PURE__ */ i("div", { "data-oc-part": "actions", children: f })
       ]
     }
   ) });
 }
-function v({
+function B({
   children: t,
   className: o = "",
   priority: n = "main",
   disabled: r = !1,
-  loading: i = !1,
+  loading: c = !1,
   leadingIcon: a,
   trailingIcon: u,
   icon: p,
   ...s
 }) {
-  const c = z();
-  process.env.NODE_ENV !== "production" && c === "cancel" && n !== "main" && console.warn(
+  const e = z();
+  process.env.NODE_ENV !== "production" && e === "cancel" && n !== "main" && console.warn(
     '[@orioncactuscorp/ui] ActionAreaButton inside ActionArea variant="cancel" should use priority="main".'
   );
-  const f = !!(p && t == null && !a && !u), d = {
+  const d = !!(p && t == null && !a && !u), l = {
     "data-oc-action-area-button": "true",
     "data-oc-action-area-button-priority": n
-  }, l = x(b.actionButton, o), h = c === "cancel";
-  if (n === "sub" && c === "strong" && !p && !i && !r) {
+  }, m = E(N.actionButton, o), f = e === "cancel";
+  if (n === "sub" && e === "strong" && !p && !c && !r) {
     if ("href" in s && s.href !== void 0)
-      return /* @__PURE__ */ e(
+      return /* @__PURE__ */ i(
         C,
         {
           ...s,
-          ...d,
-          className: l,
+          ...l,
+          className: m,
           leftIcon: a,
           rightIcon: u,
           variant: "assistive",
@@ -144,14 +145,14 @@ function v({
         }
       );
     const R = s, { type: w = "button", ...T } = R;
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ i(
       C,
       {
         ...T,
-        ...d,
+        ...l,
         as: "button",
         type: w,
-        className: l,
+        className: m,
         leftIcon: a,
         rightIcon: u,
         variant: "assistive",
@@ -160,30 +161,30 @@ function v({
       }
     );
   }
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ i(
     j,
     {
       ...s,
-      ...d,
-      className: l,
-      appearance: n === "main" && !h ? "solid" : "outlined",
-      variant: n === "main" && !h ? "primary" : n === "alternative" ? "secondary" : n === "equal" ? "primary" : "assistive",
+      ...l,
+      className: m,
+      appearance: n === "main" && !f ? "solid" : "outlined",
+      variant: n === "main" && !f ? "primary" : n === "alternative" ? "secondary" : n === "equal" ? "primary" : "assistive",
       size: "large",
-      fullWidth: c === "strong" || c === "cancel",
+      fullWidth: e === "strong" || e === "cancel",
       disabled: r,
-      loading: i,
+      loading: c,
       leadingIcon: a,
       trailingIcon: u,
       icon: p,
-      children: f ? void 0 : t
+      children: d ? void 0 : t
     }
   );
 }
 const S = Object.assign(F, {
-  Button: v
+  Button: B
 });
 export {
   F as ActionArea,
-  v as ActionAreaButton,
+  B as ActionAreaButton,
   S as default
 };