first commit

src/components/display/accordion/accordion.css

@@ -0,0 +1,36 @@
+.ui-acc{
+  border: 1px solid var(--ui-border);
+  background: var(--ui-panel);
+  border-radius: var(--ui-radius);
+  overflow: hidden;
+}
+
+.ui-acc__item{ border-top: 1px solid var(--ui-border); }
+.ui-acc__item:first-child{ border-top: 0; }
+
+.ui-acc__trigger{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 12px;
+  background: transparent;
+  border: 0;
+  color: var(--ui-fg);
+  font: inherit;
+  cursor: pointer;
+}
+.ui-acc__trigger:hover{ background: rgba(255,255,255,0.04); }
+:root[data-theme="light"] .ui-acc__trigger:hover{ background: rgba(17,19,24,0.04); }
+
+.ui-acc__title{ font-weight: 800; }
+.ui-acc__chevron{ color: var(--ui-muted); transition: transform .12s ease; }
+
+.ui-acc__trigger[data-state="open"] .ui-acc__chevron{ transform: rotate(180deg); }
+
+.ui-acc__content{
+  padding: 0 12px 12px 12px;
+  color: var(--ui-muted);
+  font-size: 13px;
+}