@ropav/styles 0.3.0

package/LICENSE

@@ -0,0 +1,199 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to the Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by the Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding any notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. Please also get an approval
+      from the project maintainers before using the Apache License.
+
+   Copyright 2025 NextUI Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,159 @@
+# @ropav/styles
+
+The style layer behind [`ropav`](https://www.npmjs.com/package/ropav): plain CSS for every component,
+themes, utilities, and custom variants, plus `tv()` variants that do nothing but map props to class names.
+Framework-agnostic — not a line of Vue or React in it. `dependencies` are `tailwind-variants` and
+`tw-animate-css`; the only peer is `tailwindcss`.
+
+## Provenance
+
+A derivative work of [`@heroui/styles@3.2.4`](https://github.com/heroui-inc/heroui/tree/v3.2.4/packages/styles),
+vendored into this workspace so the style layer can be fixed in place. See the root [README](../../README.md).
+
+## Installation
+
+Inside this repo it is a workspace dependency:
+
+```json
+{"dependencies": {"@ropav/styles": "workspace:*"}}
+```
+
+Outside the repo you do not install it yourself — `ropav` depends on it and npm pulls it in.
+
+## Usage
+
+### Basic setup
+
+Import the stylesheet once, from your app's main CSS file:
+
+```css
+@import "@ropav/styles";
+```
+
+That single line pulls in, in layer order (`theme, base, components, utilities`):
+
+- Tailwind CSS v4 and `tw-animate-css`
+- base styles and the scrollbar system
+- the component layer — 85 files, one per component
+- the default theme: variables for light and dark, plus per-component theme overrides
+- utilities and custom variants
+
+### Importing only what you need
+
+```css
+@import "tailwindcss";
+
+@import "@ropav/styles/components/button.css" layer(components);
+@import "@ropav/styles/components/chip.css" layer(components);
+@import "@ropav/styles/themes/default" layer(theme);
+```
+
+> The granular subpaths — `./components/*.css`, `./base`, `./base/*.css`, `./themes/*`, `./utilities`,
+> `./variants` — exist **only in the published tarball**; `clean-package.config.json` writes them into
+> `exports` at `prepack` time. Inside the workspace, import the files from `packages/styles/` by relative path
+> instead.
+
+### Variants
+
+```ts
+import {buttonVariants, type ButtonVariants} from "@ropav/styles";
+
+buttonVariants({variant: "primary", size: "sm"}); // "button button--primary button--sm"
+```
+
+Every component also has its own subpath so bundlers can drop the rest:
+`@ropav/styles/components/button`.
+
+## Package structure
+
+```
+packages/styles/
+├── index.css              # Entry point — declares layer order, then imports everything below
+├── base/
+│   ├── base.css           # Layout tokens, typography, resets
+│   └── scrollbar.css      # Scrollbar system
+├── components/            # 85 CSS files, one per component
+├── themes/
+│   ├── default/
+│   │   ├── variables.css  # Light and dark token sets
+│   │   ├── index.css      # Theme entry point
+│   │   └── components/    # Per-component theme overrides
+│   └── shared/
+│       └── theme.css      # @theme block — derived values, radius scale, easing curves
+├── utilities/index.css    # Tailwind v4 @utility definitions
+├── variants/index.css     # Tailwind v4 @custom-variant definitions
+└── src/                   # TypeScript: tv() variants + shared utility class strings
+```
+
+## Class naming
+
+BEM, so a class can be read without looking it up:
+
+- **Block** — the component itself: `.button`, `.card`, `.alert`
+- **Modifier** — a variation, double dash: `.button--primary`, `.button--lg`, `.button--icon-only`
+- **Element** — a part of the component, double underscore: `.card__header`, `.alert__icon`
+
+```html
+<button class="button">Click me</button>
+<button class="button button--primary">Save</button>
+<button class="button button--primary button--sm">Small primary</button>
+```
+
+Two conventions the whole layer relies on:
+
+**Default size lives in the base class.** `.button` already renders at the `--md` size, so `.button--md` is an
+empty rule with a comment saying why. A component with no size modifier never looks broken.
+
+**State keys on `data-*`, with a pseudo-class fallback.** Interactive rules are written as
+`&:hover, &[data-hovered="true"]`, `&:active, &[data-pressed="true"]`, `&:focus-visible,
+&[data-focus-visible="true"]` — so the same CSS works whether state comes from the browser or from a
+component that publishes it as an attribute.
+
+`components/button.css` is the densest example of both — read it before writing a new component file.
+
+## Theming
+
+Light is the default on `:root`; dark turns on with a `.dark` class or `[data-theme="dark"]`:
+
+```html
+<html data-theme="dark"></html>
+```
+
+Every token is a CSS custom property, so overriding them in your own stylesheet is enough to retheme — no
+rebuild of this package:
+
+```css
+:root {
+  --accent: oklch(0.62 0.19 253.83);
+  --radius: 0.5rem;
+  --field-radius: calc(var(--radius) * 1.5);
+}
+```
+
+Tokens cover base colors (`--background`, `--surface`, `--overlay`, `--muted`), interactive and status colors
+(`--accent`, `--success`, `--warning`, `--danger`, each with a `-foreground` and a derived `-hover`), form
+fields (`--field-background`, `--field-border`, `--field-radius`, …), layout knobs (`--spacing`,
+`--border-width`, `--radius`, `--ring-offset-width`, `--cursor-interactive`), the scrollbar set, and shadows.
+
+**`themes/default/variables.css` is the source of truth — read it rather than a list in a README**, which goes
+stale the moment a token moves. `themes/shared/theme.css` holds what is derived from those tokens: the
+`--radius-xs` … `--radius-4xl` scale, `color-mix()` hover and soft variants, and the easing curves.
+
+## Build
+
+```bash
+pnpm --filter @ropav/styles build
+```
+
+Rolldown emits `dist/` as ES modules with `preserveModules` and one entry per component, `tsc` emits the `.d.ts`
+files, the CSS is copied across untouched, and `@tailwindcss/cli` produces the minified `dist/ropav.min.css`.
+
+`pnpm --filter @ropav/styles measure-size` prints a size report and writes `bundle-size.json`.
+
+Only the published tarball needs the build. In the workspace, `exports` point straight at the sources
+(`src/index.ts` and `index.css`), so editing a `.css` file shows up in Storybook and in the browser test suite
+with no build step.
+
+## License
+
+Apache-2.0 — see `LICENSE` at the repo root, which keeps the original copyright.

package/dist/base/base.css

@@ -0,0 +1,31 @@
+/*
+ * Scrollbar styles
+ *
+ * TODO: This is a temporary workaround by removing the scrollbar styles.
+ * Global scrollbar styling causes modal/overlay interaction/closure issues
+ * (e.g. backdrop clicks not closing the overlay) and should be removed.
+ */
+/*
+*:not(.alert-dialog__backdrop):not(.modal__backdrop) {
+  scrollbar-color: var(--scrollbar) transparent;
+  scrollbar-width: thin;
+}
+*/
+
+/* Border color inheritance */
+*,
+::after,
+::before,
+::backdrop,
+::file-selector-button {
+  border-color: var(--border, currentColor);
+}
+
+/* Keeps main page content interactive during view transitions */
+:root {
+  view-transition-name: none;
+}
+
+::view-transition {
+  pointer-events: none;
+}

package/dist/base/scrollbar.css

@@ -0,0 +1,30 @@
+/* =============================================================================
+ * Ropav scrollbar system
+ *
+ * Modes via data-scrollbar on any ancestor:
+ *   (unset) — Ropav scrollbar from theme --scrollbar-width/color/gutter (light/dark)
+ *   thin    — Ropav themed thin scrollbar, useful for overriding inherited default mode
+ *   default — OS / browser scrollbar (auto)
+ *   none    — hidden (inherited to descendants using @apply scrollbar)
+ *
+ * Each scroll container applies @apply scrollbar | scrollbar-thin | scrollbar-none | scrollbar-default
+ * in its own component CSS file.
+ * ============================================================================= */
+
+[data-scrollbar="thin"] {
+  --scrollbar-width: thin;
+  --scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+  --scrollbar-gutter: auto;
+}
+
+[data-scrollbar="default"] {
+  --scrollbar-width: auto;
+  --scrollbar-color: auto;
+  --scrollbar-gutter: auto;
+}
+
+[data-scrollbar="none"] {
+  --scrollbar-width: none;
+  --scrollbar-color: auto;
+  --scrollbar-gutter: auto;
+}

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,54 @@
+import type { VariantProps } from "tailwind-variants";
+export declare const accordionVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        surface: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    body: string;
+    bodyInner: string;
+    heading: string;
+    indicator: string;
+    item: string;
+    panel: string;
+    trigger: string;
+}, undefined, {
+    variant: {
+        default: {};
+        surface: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    body: string;
+    bodyInner: string;
+    heading: string;
+    indicator: string;
+    item: string;
+    panel: string;
+    trigger: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    variant: {
+        default: {};
+        surface: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    body: string;
+    bodyInner: string;
+    heading: string;
+    indicator: string;
+    item: string;
+    panel: string;
+    trigger: string;
+}>>;
+type DisclosureRenderPropsKeys = "isExpanded" | "isDisabled" | "state";
+export type AccordionVariants = Omit<VariantProps<typeof accordionVariants>, DisclosureRenderPropsKeys>;
+export {};
+//# sourceMappingURL=accordion.styles.d.ts.map

package/dist/components/accordion/accordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,iBAAiB;;QAaxB,OAAO;QACP,OAAO;YACL,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIV,CAAC;AAGH,KAAK,yBAAyB,GAAG,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,YAAY,CAAC,OAAO,iBAAiB,CAAC,EACtC,yBAAyB,CAC1B,CAAC"}

package/dist/components/accordion/accordion.styles.js

@@ -0,0 +1,20 @@
+import { tv } from "tailwind-variants";
+//#region src/components/accordion/accordion.styles.ts
+const accordionVariants = tv({
+	slots: {
+		base: "accordion",
+		body: "accordion__body",
+		bodyInner: "accordion__body-inner",
+		heading: "accordion__heading",
+		indicator: "accordion__indicator",
+		item: "accordion__item",
+		panel: "accordion__panel",
+		trigger: "accordion__trigger"
+	},
+	variants: { variant: {
+		default: {},
+		surface: { base: "accordion--surface" }
+	} }
+});
+//#endregion
+export { accordionVariants };

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./accordion.styles";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/accordion/index.js

@@ -0,0 +1,2 @@
+import { accordionVariants } from "./accordion.styles.js";
+export { accordionVariants };

package/dist/components/accordion.css

@@ -0,0 +1,152 @@
+/* Base accordion styles */
+.accordion {
+  @apply w-full;
+
+  /* Performance optimization - contain layout changes */
+  contain: layout style;
+}
+
+/* Accordion elements */
+.accordion__body {
+  @apply text-sm;
+}
+
+.accordion__body-inner {
+  @apply px-4 pt-0 pb-4 text-muted;
+}
+
+.accordion__heading {
+  @apply flex;
+}
+
+.accordion__indicator {
+  @apply ms-auto size-4 shrink-0 text-muted;
+
+  /**
+   * Transitions
+   */
+  @apply transition duration-250 motion-reduce:transition-none;
+
+  /* Expanded state for indicator rotation */
+  &[data-expanded="true"] {
+    @apply -rotate-180;
+  }
+}
+
+/* Accordion Item - Separator styles */
+.accordion__item {
+  @apply relative border-none;
+}
+
+.accordion__item::after {
+  content: "";
+  @apply absolute start-0 bottom-0 h-px w-full rounded-xs bg-separator;
+}
+
+.accordion__item:last-child::after {
+  content: none;
+}
+
+/* Hide separator when hideSeparator prop is set */
+.accordion__item[data-hide-separator="true"]::after {
+  display: none;
+}
+/* ------------------------------------ */
+
+.accordion__trigger {
+  cursor: var(--cursor-interactive);
+
+  /* Base Styles */
+  @apply flex flex-1 items-center justify-between px-4 py-4 text-start text-sm font-medium no-highlight;
+
+  /**
+   * Transitions
+   * CRITICAL: motion-reduce must be AFTER transition for correct override specificity
+   */
+  transition:
+    opacity 150ms var(--ease-out),
+    box-shadow 150ms var(--ease-out);
+  @apply motion-reduce:transition-none;
+
+  /* Hover state */
+  @media (hover: hover) {
+    &:hover:not([aria-expanded="true"]),
+    &[data-hovered="true"]:not([aria-expanded="true"]) {
+      background-color: color-mix(in oklab, var(--foreground) 3%, transparent 90%);
+    }
+  }
+
+  /* Pressed state */
+  &[data-pressed="true"]:not([aria-expanded="true"]) {
+  }
+
+  /* Focus state */
+  &:focus-visible:not(:focus),
+  &[data-focus-visible="true"] {
+    @apply status-focused;
+  }
+
+  /* Disabled State */
+  &:disabled,
+  &[aria-disabled="true"] {
+    @apply status-disabled;
+  }
+}
+
+.accordion__panel {
+  opacity: 0;
+  height: var(--disclosure-panel-height);
+  overflow: clip;
+
+  /**
+   * Transitions
+   * CRITICAL: motion-reduce must be AFTER transition for correct override specificity
+   */
+  transition:
+    height 200ms var(--ease-out-quad),
+    opacity 200ms var(--ease-out);
+  @apply motion-reduce:transition-none;
+
+  &[data-expanded="true"] {
+    will-change: height, opacity;
+    opacity: 1;
+  }
+}
+
+/* Surface variant */
+.accordion--surface {
+  @apply bg-surface;
+  border-radius: min(32px, var(--radius-3xl));
+
+  .accordion__trigger {
+    @media (hover: hover) {
+      &:hover:not([aria-expanded="true"]),
+      &[data-hovered="true"]:not([aria-expanded="true"]) {
+        @apply bg-default;
+      }
+    }
+  }
+
+  .accordion__item::after {
+    @apply bg-surface-foreground/6;
+  }
+}
+
+.accordion--surface .accordion__item {
+  /* Surface variant separator styling */
+  &::after {
+    @apply start-[3%] w-[94%];
+  }
+
+  /* Special rounding for first and last items in surface variant */
+  &:first-child [data-slot="accordion-trigger"] {
+    border-start-start-radius: min(32px, var(--radius-3xl));
+    border-start-end-radius: min(32px, var(--radius-3xl));
+  }
+
+  &:last-child:not(:has([data-slot="accordion-trigger"][aria-expanded="true"]))
+    [data-slot="accordion-trigger"] {
+    border-end-start-radius: min(32px, var(--radius-3xl));
+    border-end-end-radius: min(32px, var(--radius-3xl));
+  }
+}