wip: css/ui work

2025-12-22 18:24:21 +01:00 · 2025-10-14 12:06:13 -05:00
parent 6c57a69af4
commit 49e859cfd6
10 changed files with 325 additions and 124 deletions
--- a/packages/ui/src/components/select.tsx
+++ b/packages/ui/src/components/select.tsx
@@ -79,11 +79,17 @@ export function Select<T>(props: SelectProps<T> & ButtonProps) {
          }}
        </Kobalte.Value>
        <Kobalte.Icon data-slot="icon">
-          <Icon name="chevron-down" size={16} class="-my-2 group-data-[expanded]:rotate-180" />
+          <Icon name="chevron-down" size={16} />
        </Kobalte.Icon>
      </Kobalte.Trigger>
      <Kobalte.Portal>
-        <Kobalte.Content data-component="select-content">
+        <Kobalte.Content
+          classList={{
+            ...(props.classList ?? {}),
+            [props.class ?? ""]: !!props.class,
+          }}
+          data-component="select-content"
+        >
          <Kobalte.Listbox data-slot="list" />
        </Kobalte.Content>
      </Kobalte.Portal>