chore(release): refresh private package staging

.publish/ui/components/Accordion.wrn

@@ -1,3 +1,5 @@
+import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
+
 component Accordion {
   outputs {
     change(payload: { value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
@@ -103,7 +105,7 @@ component Accordion {
       data-variant="{variant}"
       data-indicator="{indicator}"
       data-multiple="{allowsMultiple() ? 'true' : 'false'}"
-      class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--accordion wire-next--accordion-{variant} {bordered ? 'wire-next--accordion-bordered' : ''} {separated ? 'wire-next--accordion-separated' : ''} {flush ? 'wire-next--accordion-flush' : ''} {disabled ? 'wire-next--disabled' : ''} {class}"
+      class="wire-component wire-component--color-{color} wire-component--size-{size} wire-next--accordion wire-next--accordion-{variant} {bordered ? 'wire-next--accordion-bordered' : ''} {separated ? 'wire-next--accordion-separated' : ''} {flush ? 'wire-next--accordion-flush' : ''} {disabled ? 'wire-next--disabled' : ''} {class}"
     >
       {#each items as item, index}
         <section
@@ -204,5 +206,207 @@ component Accordion {
         </section>
       {/each}
     </div>
+    <ComponentBaseStyles hidden />
+  }
+
+  style {
+    .wire-next--accordion {
+      --wire-accordion-accent: var(--wire-component-color);
+      display: grid;
+      width: 100%;
+      color: var(--wire-color-text);
+    }
+
+    .wire-next__accordion-item {
+      min-width: 0;
+    }
+
+    .wire-next__accordion-heading {
+      margin: 0;
+      font: inherit;
+    }
+
+    .wire-next__accordion-heading > button {
+      display: flex;
+      width: 100%;
+      align-items: center;
+      gap: 0.75rem;
+      padding: 0.85rem 0;
+      border: 0;
+      background: transparent;
+      color: var(--wire-color-text);
+      font: inherit;
+      font-size: 0.88rem;
+      font-weight: 700;
+      text-align: left;
+      cursor: pointer;
+    }
+
+    .wire-next__accordion-heading > button > span:not(.wire-next__accordion-indicator) {
+      min-width: 0;
+      flex: 1;
+    }
+
+    .wire-next__accordion-heading > button:focus-visible {
+      border-radius: var(--wire-radius-sm);
+      outline: 2px solid var(--wire-accordion-accent);
+      outline-offset: 2px;
+    }
+
+    .wire-next__accordion-heading > button:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    .wire-next__accordion-indicator {
+      display: inline-flex;
+      width: 1rem;
+      height: 1rem;
+      flex: 0 0 1rem;
+      align-items: center;
+      justify-content: center;
+      color: var(--wire-color-muted);
+      font-size: 1rem;
+      font-weight: 500;
+      line-height: 1;
+      transition:
+        color var(--wire-motion-fast) var(--wire-ease-standard),
+        transform var(--wire-motion-fast) var(--wire-ease-standard);
+    }
+
+    .wire-next__accordion-indicator > span {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .wire-next__accordion-indicator > [class*="icon-["] {
+      width: 0.95rem;
+      height: 0.95rem;
+    }
+
+    .wire-next__accordion-item[data-open="true"]
+      > .wire-next__accordion-heading
+      .wire-next__accordion-indicator {
+      color: var(--wire-accordion-accent);
+      transform: rotate(45deg);
+    }
+
+    .wire-next--accordion[data-indicator="chevron"]
+      .wire-next__accordion-item[data-open="true"]
+      > .wire-next__accordion-heading
+      .wire-next__accordion-indicator {
+      transform: rotate(180deg);
+    }
+
+    .wire-next__accordion-item[data-open="true"] > .wire-next__accordion-heading > button {
+      color: var(--wire-accordion-accent);
+    }
+
+    .wire-next__accordion-panel {
+      display: grid;
+      grid-template-rows: 0fr;
+      opacity: 0;
+      transition:
+        grid-template-rows var(--wire-motion-base) var(--wire-ease-standard),
+        opacity var(--wire-motion-fast) var(--wire-ease-standard);
+    }
+
+    .wire-next__accordion-item[data-open="true"] > .wire-next__accordion-panel {
+      grid-template-rows: 1fr;
+      opacity: 1;
+    }
+
+    .wire-next__accordion-panel > div {
+      overflow: hidden;
+    }
+
+    .wire-next__accordion-content {
+      padding: 0 0 1rem 1.75rem;
+      color: var(--wire-color-muted);
+      font-size: 0.86rem;
+      line-height: 1.65;
+    }
+
+    .wire-next__accordion-content > p {
+      color: inherit;
+    }
+
+    .wire-next__accordion-content-italic > p::first-line {
+      font-style: italic;
+    }
+
+    .wire-next__accordion-nested {
+      display: grid;
+      margin-top: 0.5rem;
+    }
+
+    .wire-next__accordion-nested .wire-next__accordion-content {
+      padding-left: 1.5rem;
+    }
+
+    .wire-next--accordion-bordered {
+      overflow: hidden;
+      border: 1px solid var(--wire-color-border);
+      border-radius: var(--wire-radius-md);
+      background: var(--wire-color-surface);
+    }
+
+    .wire-next--accordion-bordered > .wire-next__accordion-item + .wire-next__accordion-item {
+      border-top: 1px solid var(--wire-color-border);
+    }
+
+    .wire-next--accordion-bordered
+      > .wire-next__accordion-item
+      > .wire-next__accordion-heading
+      > button {
+      padding-inline: 1rem;
+    }
+
+    .wire-next--accordion-bordered
+      > .wire-next__accordion-item
+      > .wire-next__accordion-panel
+      .wire-next__accordion-content {
+      padding-inline: 1rem;
+    }
+
+    .wire-next--accordion-separated {
+      gap: 0.5rem;
+    }
+
+    .wire-next--accordion-separated > .wire-next__accordion-item {
+      overflow: hidden;
+      border: 1px solid transparent;
+      border-radius: var(--wire-radius-md);
+      background: var(--wire-color-surface-2);
+    }
+
+    .wire-next--accordion-separated > .wire-next__accordion-item[data-open="true"] {
+      border-color: var(--wire-color-border);
+    }
+
+    .wire-next--accordion-separated
+      > .wire-next__accordion-item
+      > .wire-next__accordion-heading
+      > button,
+    .wire-next--accordion-separated
+      > .wire-next__accordion-item
+      > .wire-next__accordion-panel
+      .wire-next__accordion-content {
+      padding-inline: 1rem;
+    }
+
+    .wire-next--accordion-flush {
+      border-radius: 0;
+      background: transparent;
+      box-shadow: none;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+    .wire-next__accordion-panel,
+      .wire-next__accordion-indicator {
+        transition: none;
+      }
+    }
   }
 }