@svadmin/ui 0.68.1 → 0.69.1

package/dist/components/FieldRenderer.svelte

@@ -99,8 +99,8 @@
 
 <div
   class={cn(
-    'space-y-1.5',
-    isCompact && 'space-y-1 [&_[data-slot=input]]:h-8 [&_[data-slot=input]]:px-2.5 [&_[data-slot=input]]:py-1 [&_[data-slot=input]]:text-xs [&_[data-slot=select]]:h-8 [&_[data-slot=select]]:px-2.5 [&_[data-slot=select]]:py-1 [&_[data-slot=select]]:text-xs [&_[data-slot=textarea]]:min-h-16 [&_[data-slot=textarea]]:px-2.5 [&_[data-slot=textarea]]:py-1.5 [&_[data-slot=textarea]]:text-xs [&_[data-slot=button]]:h-8 [&_[data-slot=button]]:text-xs'
+    'svadmin-u-5a2508227c6a',
+    isCompact && 'svadmin-u-da7c36cd8867 svadmin-u-01e043b9ca05 svadmin-u-5e375759a547 svadmin-u-0144d38a6921 svadmin-u-910198b850a8 svadmin-u-220cd47c030c svadmin-u-84a68a4bfa38 svadmin-u-2b201b2c12c7 svadmin-u-334c9da7fe2b svadmin-u-f7194f86de09 svadmin-u-a281d7e98ab9 svadmin-u-6cddb40447d9 svadmin-u-150c3670da1d svadmin-u-f01a063e8052 svadmin-u-3e2aa4ec6454'
   )}
   data-svadmin-field
   data-svadmin-field-key={field.key}
@@ -109,7 +109,7 @@
   <Label for={field.key} id="label-{field.key}" data-svadmin-field-label>
     {field.label}
     {#if field.required}
-      <span class="text-destructive">*</span>
+      <span class="svadmin-u-811148b13d1e">*</span>
     {/if}
   </Label>
 
@@ -177,14 +177,14 @@
     />
 
   {:else if field.type === 'color'}
-    <div class="flex items-center gap-3">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c">
       <input
         id={field.key}
         name={field.key}
         type="color"
         value={strVal || '#000000'}
         oninput={(e) => onchange((e.target as HTMLInputElement).value)}
-        class="h-10 w-14 cursor-pointer rounded-md border border-input bg-background p-1"
+        class="svadmin-u-426b8b75185b svadmin-u-7e74e5fe798a svadmin-u-34516836730d svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-eb6a3cef9686"
         disabled={disabled}
         aria-invalid={invalid || undefined}
         aria-describedby={errorId}
@@ -194,12 +194,12 @@
         value={strVal}
         oninput={(e) => onchange((e.target as HTMLInputElement).value)}
         placeholder="#000000"
-        class="max-w-32 font-mono text-sm"
+        class="svadmin-u-1d274d2422d8 svadmin-u-0e65706bcccd svadmin-u-fc7473ca09eb"
         {disabled}
       />
       {#if strVal}
         <span
-          class="h-8 w-8 rounded-full border border-border shadow-sm"
+          class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-ac204c108886 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-438b2237b8d6"
           style="background-color: {strVal}"
         ></span>
       {/if}
@@ -247,7 +247,7 @@
         {disabled}
         rows={10}
         placeholder={i18n.t('field.enterValue', { label: field.label })}
-        class="resize-y"
+        class="svadmin-u-5bd7b080992c"
       />
     {/if}
 
@@ -263,7 +263,7 @@
       {disabled}
       rows={4}
       placeholder={i18n.t('field.enterValue', { label: field.label })}
-      class="resize-y"
+      class="svadmin-u-5bd7b080992c"
     />
 
   {:else if field.type === 'tree-select' || field.type === 'treeselect'}
@@ -316,7 +316,7 @@
         id={field.key}
         name={field.key}
         data-slot="select"
-        class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+        class="svadmin-u-60fbb7713999 svadmin-u-426b8b75185b svadmin-u-6da6a3c3f741 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b svadmin-u-fc7473ca09eb svadmin-u-582e6ef4b245 svadmin-u-9c24ab70af61 svadmin-u-55d048ebfb1c svadmin-u-608dd26cd5ba svadmin-u-80b9d0ae125f svadmin-u-6b22a22a9752 svadmin-u-5f533b3a7de7 svadmin-u-b29d8adbad2e"
         value={strVal}
         onchange={(e) => onchange((e.target as HTMLSelectElement).value)}
         required={field.required}
@@ -352,14 +352,14 @@
       <input type="hidden" name={`${field.key}[]`} value={String(selectedValue)} />
     {/each}
     <div 
-      class="space-y-2 rounded-lg border border-input p-3 max-h-48 overflow-y-auto"
+      class="svadmin-u-6f7e013d6499 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-eb6e8b881acd svadmin-u-558f64349245 svadmin-u-92bf82f493b1"
       role="group" 
       aria-labelledby="label-{field.key}"
       aria-describedby={errorId}
       data-invalid={invalid || undefined}
     >
       {#each field.options ?? [] as opt, _i (_i)}
-        <label class="flex items-center gap-2 text-sm cursor-pointer hover:bg-muted/50 rounded px-1 py-0.5 transition-colors">
+        <label class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb svadmin-u-34516836730d svadmin-u-39f703dbe296 svadmin-u-07389a777c1f svadmin-u-d8e0e382c67b svadmin-u-465609a240a8 svadmin-u-ceb69a6b0e5f">
           <Checkbox
             id={`${field.key}-${opt.value}`}
             checked={multiVal.includes(opt.value)}
@@ -372,16 +372,16 @@
         </label>
       {/each}
       {#if !(field.options?.length)}
-        <p class="text-xs text-muted-foreground">{i18n.t('field.noOptions')}</p>
+        <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{i18n.t('field.noOptions')}</p>
       {/if}
     </div>
     {#if multiVal.length > 0}
-      <div class="flex flex-wrap gap-1 mt-1">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-44ee8ba0a421 svadmin-u-b6b02c0ebef6">
         {#each multiVal as v, _i (_i)}
           {@const label = field.options?.find((o: { label: string; value: string | number }) => o.value === v)?.label ?? String(v)}
-          <Badge variant="secondary" class="gap-1">
+          <Badge variant="secondary" class="svadmin-u-44ee8ba0a421">
             {label}
-            <button type="button" onclick={() => toggleMulti(v)} class="ml-0.5 rounded-sm hover:text-destructive hover:bg-destructive/10 transition-colors" aria-label={i18n.t('common.clear')}>×</button>
+            <button type="button" onclick={() => toggleMulti(v)} class="svadmin-u-b45ce4b65d53 svadmin-u-36d4469299aa svadmin-u-51e95020d6f2 svadmin-u-8db899b4e072 svadmin-u-ceb69a6b0e5f" aria-label={i18n.t('common.clear')}>×</button>
           </Badge>
         {/each}
       </div>
@@ -389,7 +389,7 @@
 
   {:else if field.type === 'boolean'}
     <input type="hidden" name={field.key} value={String(boolVal)} />
-    <div class="flex items-center gap-2 pt-1">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-6b7d6e21ccbd">
       <Switch
         id={field.key}
         checked={boolVal}
@@ -398,22 +398,22 @@
         aria-describedby={errorId}
         disabled={disabled}
       />
-      <span class="text-sm text-muted-foreground">{boolVal ? i18n.t('common.yes') : i18n.t('common.no')}</span>
+      <span class="svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{boolVal ? i18n.t('common.yes') : i18n.t('common.no')}</span>
     </div>
 
   {:else if field.type === 'tags'}
     {#each tagsVal as tag, tagIndex (`${tag}-${tagIndex}`)}
       <input type="hidden" name={`${field.key}[]`} value={tag} />
     {/each}
-    <div class="space-y-2">
-      <div class="flex flex-wrap gap-1.5">
+    <div class="svadmin-u-6f7e013d6499">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-58284b4ea568">
         {#each tagsVal as tag, i (i)}
-          <Badge variant="secondary" class="gap-1">
+          <Badge variant="secondary" class="svadmin-u-44ee8ba0a421">
             {tag}
             <button
               type="button"
               onclick={() => removeTag(i)}
-              class="ml-0.5 rounded-sm hover:text-destructive hover:bg-destructive/10 transition-colors"
+              class="svadmin-u-b45ce4b65d53 svadmin-u-36d4469299aa svadmin-u-51e95020d6f2 svadmin-u-8db899b4e072 svadmin-u-ceb69a6b0e5f"
               aria-label={i18n.t('common.clear')}
             >×</button>
           </Badge>
@@ -447,30 +447,30 @@
     {#each imagesVal as url, imageIndex (imageIndex)}
       <input type="hidden" name={`${field.key}[]`} value={url} />
     {/each}
-    <div class="space-y-2">
+    <div class="svadmin-u-6f7e013d6499">
       {#each imagesVal as url, i (i)}
-        <div class="flex items-center gap-2">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
           <Input
             id={i === 0 ? field.key : undefined}
             type="text"
             value={url}
             oninput={(e) => updateImage(i, (e.target as HTMLInputElement).value)}
             placeholder="https://example.com/image.jpg"
-            class="flex-1"
+            class="svadmin-u-36e579c0b41c"
             aria-invalid={invalid || undefined}
             aria-describedby={errorId}
             {disabled}
           />
           {#if url}
-            <div class="size-9 shrink-0"><MediaThumbnail src={url} alt="preview" size="full" fit="cover" showOverlay={false} /></div>
+            <div class="svadmin-u-665f07fe73cc svadmin-u-012fbd121f37"><MediaThumbnail src={url} alt="preview" size="full" fit="cover" showOverlay={false} /></div>
           {/if}
-          <TooltipButton tooltip={i18n.t('common.removeImage')} variant="ghost" size="icon" class="h-8 w-8 shrink-0" onclick={() => removeImage(i)}>
-            <X class="h-3.5 w-3.5" />
+          <TooltipButton tooltip={i18n.t('common.removeImage')} variant="ghost" size="icon" class="svadmin-u-ed8a5df7b2fb svadmin-u-2bbcfc3b5179 svadmin-u-012fbd121f37" onclick={() => removeImage(i)}>
+            <X class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
           </TooltipButton>
         </div>
       {/each}
       <Button variant="outline" size="sm" type="button" onclick={addImage}>
-        <Plus class="h-3.5 w-3.5 mr-1" /> {i18n.t('field.addImage')}
+        <Plus class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-618162408e7a" /> {i18n.t('field.addImage')}
       </Button>
     </div>
 
@@ -497,7 +497,7 @@
       aria-invalid={invalid || undefined}
       aria-describedby={errorId}
       rows={6}
-      class="resize-y font-mono text-xs"
+      class="svadmin-u-5bd7b080992c svadmin-u-0e65706bcccd svadmin-u-359090c2d529"
     />
 
   {:else}

package/dist/components/FilterBuilder.svelte

@@ -141,20 +141,20 @@
   }
 </script>
 
-<div class={cn('w-full rounded-lg border border-border bg-card p-4 shadow-xs space-y-3', className)} data-testid="filter-builder">
-  <div class="flex items-center justify-between gap-2 border-b border-border/60 pb-3">
-    <div class="flex items-center gap-2">
-      <FilterIcon class="h-4 w-4 text-muted-foreground" />
-      <span class="text-sm font-medium text-foreground">
+<div class={cn('svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-cef5b893cf23 svadmin-u-6ed543e2fbbb', className)} data-testid="filter-builder">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-7fcf9124b5df">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+      <FilterIcon class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
+      <span class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">
         {i18n.t('common.filterBuilder', undefined) ?? '高级筛选'}
       </span>
       {#if rules.length > 1}
-        <div class="flex items-center rounded-md border border-border bg-muted/40 p-0.5 text-xs">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-b00f43c30c2b svadmin-u-de8350a3bbad svadmin-u-359090c2d529">
           <button
             type="button"
             class={cn(
-              'rounded px-2 py-0.5 text-xs transition-colors',
-              logicalOperator === 'and' ? 'bg-background font-semibold text-foreground shadow-xs' : 'text-muted-foreground hover:text-foreground'
+              'svadmin-u-07389a777c1f svadmin-u-d5eab218aa34 svadmin-u-465609a240a8 svadmin-u-359090c2d529 svadmin-u-ceb69a6b0e5f',
+              logicalOperator === 'and' ? 'svadmin-u-e6f9e383a762 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-cef5b893cf23' : 'svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e'
             )}
             onclick={() => (logicalOperator = 'and')}
           >
@@ -163,8 +163,8 @@
           <button
             type="button"
             class={cn(
-              'rounded px-2 py-0.5 text-xs transition-colors',
-              logicalOperator === 'or' ? 'bg-background font-semibold text-foreground shadow-xs' : 'text-muted-foreground hover:text-foreground'
+              'svadmin-u-07389a777c1f svadmin-u-d5eab218aa34 svadmin-u-465609a240a8 svadmin-u-359090c2d529 svadmin-u-ceb69a6b0e5f',
+              logicalOperator === 'or' ? 'svadmin-u-e6f9e383a762 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-cef5b893cf23' : 'svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e'
             )}
             onclick={() => (logicalOperator = 'or')}
           >
@@ -174,38 +174,38 @@
       {/if}
     </div>
 
-    <div class="flex items-center gap-1.5">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
       <Button
         variant="ghost"
         size="sm"
-        class="h-8 gap-1 text-xs"
+        class="svadmin-u-ed8a5df7b2fb svadmin-u-44ee8ba0a421 svadmin-u-359090c2d529"
         data-testid="filter-builder-reset"
         onclick={reset}
       >
-        <RotateCcw class="h-3.5 w-3.5" />
+        <RotateCcw class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         {i18n.t('common.reset', undefined) ?? '重置'}
       </Button>
       <Button
         variant="default"
         size="sm"
-        class="h-8 gap-1 text-xs"
+        class="svadmin-u-ed8a5df7b2fb svadmin-u-44ee8ba0a421 svadmin-u-359090c2d529"
         data-testid="filter-builder-apply"
         onclick={apply}
       >
-        <Check class="h-3.5 w-3.5" />
+        <Check class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         {i18n.t('common.confirm', undefined) ?? '应用'}
       </Button>
     </div>
   </div>
 
-  <div class="space-y-2">
+  <div class="svadmin-u-6f7e013d6499">
     {#each rules as rule, index (rule.id)}
       {@const fieldDef = availableFields.find((f) => f.key === rule.field)}
-      <div class="flex flex-wrap sm:flex-nowrap items-center gap-2 rounded-md bg-muted/20 p-2 border border-border/40">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-1eb5c6df38c1 svadmin-u-3fd0f778c8d9 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-421ac2be5045 svadmin-u-967d113a1451 svadmin-u-7660b450905a svadmin-u-ca6bcd4b6f3f svadmin-u-6ee2d41e2d2d">
         <!-- Field select -->
-        <div class="w-36 shrink-0">
+        <div class="svadmin-u-df403bbae8fc svadmin-u-012fbd121f37">
           <Select
-            class="h-8 text-xs"
+            class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529"
             value={rule.field}
             onchange={(e: Event) => {
               rule.field = (e.currentTarget as HTMLSelectElement).value;
@@ -218,9 +218,9 @@
         </div>
 
         <!-- Operator select -->
-        <div class="w-36 shrink-0">
+        <div class="svadmin-u-df403bbae8fc svadmin-u-012fbd121f37">
           <Select
-            class="h-8 text-xs"
+            class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529"
             value={rule.operator}
             onchange={(e: Event) => {
               rule.operator = (e.currentTarget as HTMLSelectElement).value as CrudOperator;
@@ -233,14 +233,14 @@
         </div>
 
         <!-- Value input -->
-        <div class="flex-1 min-w-[120px]">
+        <div class="svadmin-u-36e579c0b41c svadmin-u-a9ef791a0777">
           {#if rule.operator === 'null' || rule.operator === 'nnull'}
-            <div class="h-8 flex items-center px-3 text-xs text-muted-foreground italic bg-muted/30 rounded-md">
+            <div class="svadmin-u-ed8a5df7b2fb svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-0e17f2bd9074 svadmin-u-359090c2d529 svadmin-u-bfa603190748 italic svadmin-u-2859c861d7de svadmin-u-421ac2be5045">
               无需填值
             </div>
           {:else if fieldDef?.type === 'select' && fieldDef.options}
             <Select
-              class="h-8 text-xs"
+              class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529"
               value={String(rule.value ?? '')}
               onchange={(e: Event) => {
                 rule.value = (e.currentTarget as HTMLSelectElement).value;
@@ -253,7 +253,7 @@
             </Select>
           {:else if fieldDef?.type === 'boolean'}
             <Select
-              class="h-8 text-xs"
+              class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529"
               value={String(rule.value ?? '')}
               onchange={(e: Event) => {
                 const val = (e.currentTarget as HTMLSelectElement).value;
@@ -267,7 +267,7 @@
           {:else}
             <Input
               type={fieldDef?.type === 'number' ? 'number' : 'text'}
-              class="h-8 text-xs"
+              class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529"
               placeholder="输入筛选值..."
               value={String(rule.value ?? '')}
               oninput={(e: Event) => {
@@ -283,14 +283,14 @@
           type="button"
           variant="ghost"
           size="icon-sm"
-          class="shrink-0 text-muted-foreground hover:text-destructive"
+          class="svadmin-u-012fbd121f37 svadmin-u-bfa603190748 svadmin-u-51e95020d6f2"
           onclick={() => removeRule(index)}
         >
-          <Trash2 class="h-3.5 w-3.5" />
+          <Trash2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         </Button>
       </div>
     {:else}
-      <div class="rounded-md border border-dashed border-border/80 py-4 text-center text-xs text-muted-foreground">
+      <div class="svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-a29b7a649c77 svadmin-u-c9ed8c5f79ae svadmin-u-cb11fec3bb46 svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">
         暂无筛选条件，点击下方按钮添加规则
       </div>
     {/each}
@@ -301,10 +301,10 @@
     variant="outline"
     size="sm"
     data-testid="filter-builder-add-rule"
-    class="w-full gap-1.5 border-dashed text-xs h-8"
+    class="svadmin-u-6da6a3c3f741 svadmin-u-58284b4ea568 svadmin-u-a29b7a649c77 svadmin-u-359090c2d529 svadmin-u-ed8a5df7b2fb"
     onclick={addRule}
   >
-    <Plus class="h-3.5 w-3.5" />
+    <Plus class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
     {i18n.t('common.addRule', undefined) ?? '添加筛选条件'}
   </Button>
 </div>

package/dist/components/FilterDropdown.svelte

@@ -142,7 +142,7 @@
   }
 </script>
 
-<div class={cn('relative inline-block text-left', className)} use:clickOutside={handleClickOutside}>
+<div class={cn('svadmin-u-d89972fe17d6 svadmin-u-bb0c4bfc52bd svadmin-u-2eba0d65d059', className)} use:clickOutside={handleClickOutside}>
   {#if trigger}
     {@render trigger()}
   {:else}
@@ -150,8 +150,8 @@
       variant={isFilterActive ? 'secondary' : 'ghost'}
       size="icon-sm"
       class={cn(
-        'relative h-7 w-7 rounded-sm p-0 transition-colors',
-        isFilterActive ? 'text-primary bg-primary/10 border border-primary/20 hover:bg-primary/20' : 'text-muted-foreground hover:text-foreground'
+        'svadmin-u-d89972fe17d6 svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-36d4469299aa svadmin-u-8a539c7fe216 svadmin-u-ceb69a6b0e5f',
+        isFilterActive ? 'svadmin-u-20aaf08a7ed1 svadmin-u-375dc44df6e9 svadmin-u-ca6bcd4b6f3f svadmin-u-a6afccfc915b svadmin-u-7f9a026b5897' : 'svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e'
       )}
       onclick={handleTriggerClick}
       aria-label={title}
@@ -159,11 +159,11 @@
       aria-haspopup="dialog"
       title={title}
     >
-      <Filter class="h-3.5 w-3.5" />
+      <Filter class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
       {#if isFilterActive}
-        <span class="absolute -top-0.5 -right-0.5 flex h-2 w-2">
-          <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75"></span>
-          <span class="relative inline-flex rounded-full h-2 w-2 bg-primary"></span>
+        <span class="svadmin-u-da4dbfbc4fdc svadmin-u-2a95a5f480f7 svadmin-u-4c15f4f8c5ab svadmin-u-60fbb7713999 svadmin-u-2f2a842e50fa svadmin-u-940924b6e2d9">
+          <span class="svadmin-u-e9963c2ac628 svadmin-u-da4dbfbc4fdc svadmin-u-52083e7da442 svadmin-u-668b21aa5409 svadmin-u-6da6a3c3f741 svadmin-u-ac204c108886 svadmin-u-75b1bec3ea0e svadmin-u-f854738e0622"></span>
+          <span class="svadmin-u-d89972fe17d6 svadmin-u-52083e7da442 svadmin-u-ac204c108886 svadmin-u-2f2a842e50fa svadmin-u-940924b6e2d9 svadmin-u-75b1bec3ea0e"></span>
         </span>
       {/if}
     </Button>
@@ -172,68 +172,68 @@
   {#if open}
     <div
       class={cn(
-        'absolute z-50 mt-1.5 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-lg outline-none animate-in fade-in-0 zoom-in-95',
-        align === 'right' ? 'right-0 origin-top-right' : 'left-0 origin-top-left'
+        'svadmin-u-da4dbfbc4fdc svadmin-u-181b286668b5 svadmin-u-aac62f0e854f svadmin-u-6ca625288b1e svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-e541d86d1ec8 svadmin-u-9b13e8ae5c9c svadmin-u-06bbb43166db svadmin-u-df37b1fd9495 svadmin-u-40137e897961 fade-in-0 zoom-in-95',
+        align === 'right' ? 'svadmin-u-d8cdcad240d1 svadmin-u-3c63a476b257' : 'svadmin-u-c78facc7a0a6 svadmin-u-2e479b8dbbd7'
       )}
       role="dialog"
       aria-label={title}
     >
-      <div class="flex items-center justify-between border-b border-border/60 px-3 py-2">
-        <span class="text-xs font-semibold text-foreground">{title}</span>
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b">
+        <span class="svadmin-u-359090c2d529 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{title}</span>
         <button
           type="button"
-          class="rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-foreground"
+          class="svadmin-u-07389a777c1f svadmin-u-de8350a3bbad svadmin-u-bfa603190748 svadmin-u-0557b88819cd svadmin-u-ea7b2e9e070e"
           onclick={handleClose}
           aria-label="Close"
         >
-          <X class="h-3.5 w-3.5" />
+          <X class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         </button>
       </div>
 
-      <div class="p-3">
+      <div class="svadmin-u-eb6e8b881acd">
         {#if children}
           {@render children()}
         {:else if options && options.length > 0}
           {#if options.length > 5}
-            <div class="relative mb-2">
-              <Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
+            <div class="svadmin-u-d89972fe17d6 svadmin-u-a77ed4d908c0">
+              <Search class="svadmin-u-da4dbfbc4fdc svadmin-u-d83be576442b svadmin-u-d694ba66e322 svadmin-u-36b381be4df3 svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-bfa603190748" />
               <Input
                 bind:value={optionSearch}
                 placeholder="Search options..."
-                class="h-7 pl-7 text-xs"
+                class="svadmin-u-d0a52b312f7d svadmin-u-20ebde75765d svadmin-u-359090c2d529"
               />
             </div>
           {/if}
-          <div class="max-h-44 overflow-y-auto space-y-1.5 pr-1">
+          <div class="svadmin-u-f81ede24db81 svadmin-u-92bf82f493b1 svadmin-u-5a2508227c6a svadmin-u-eda955402ba6">
             {#each filteredOptions as opt (opt.value)}
-              <label class="flex items-center gap-2 rounded px-1.5 py-1 text-xs hover:bg-accent cursor-pointer">
+              <label class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-07389a777c1f svadmin-u-45d828117213 svadmin-u-660d2effb880 svadmin-u-359090c2d529 svadmin-u-0557b88819cd svadmin-u-34516836730d">
                 <input
                   type="checkbox"
                   checked={internalSelectedValues.includes(opt.value)}
                   onchange={() => toggleOption(opt.value)}
-                  class="h-3.5 w-3.5 rounded border-muted-foreground text-primary focus:ring-primary"
+                  class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-07389a777c1f svadmin-u-6ffcd84c45e5 svadmin-u-20aaf08a7ed1 svadmin-u-1a5f9520d7fa"
                 />
-                <span class="flex-1 truncate">{opt.label}</span>
+                <span class="svadmin-u-36e579c0b41c svadmin-u-f283ea9bea0e">{opt.label}</span>
               </label>
             {:else}
-              <div class="py-2 text-center text-xs text-muted-foreground">No options match</div>
+              <div class="svadmin-u-03b4dd7f172b svadmin-u-ca6bf63030aa svadmin-u-359090c2d529 svadmin-u-bfa603190748">No options match</div>
             {/each}
           </div>
         {:else}
           <Input
             bind:value={internalTextValue}
             {placeholder}
-            class="h-8 text-xs"
+            class="svadmin-u-ed8a5df7b2fb svadmin-u-359090c2d529"
             onkeydown={(e) => { if (e.key === 'Enter') handleApply(); }}
           />
         {/if}
       </div>
 
-      <div class="flex items-center justify-between border-t border-border/60 bg-muted/30 px-3 py-2">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff svadmin-u-2859c861d7de svadmin-u-0e17f2bd9074 svadmin-u-03b4dd7f172b">
         <Button
           variant="ghost"
           size="sm"
-          class="h-7 px-2 text-xs text-muted-foreground hover:text-foreground"
+          class="svadmin-u-d0a52b312f7d svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e"
           onclick={handleReset}
         >
           {resetLabel}
@@ -241,7 +241,7 @@
         <Button
           variant="default"
           size="sm"
-          class="h-7 px-3 text-xs"
+          class="svadmin-u-d0a52b312f7d svadmin-u-0e17f2bd9074 svadmin-u-359090c2d529"
           onclick={handleApply}
         >
           {applyLabel}

package/dist/components/ForgotPasswordPage.svelte

@@ -39,47 +39,47 @@
 
 <AuthPageShell brand={title} title={sent ? i18n.t('auth.resetLinkSentTitle') : i18n.t('auth.forgotPassword')} description={sent ? i18n.t('auth.resetLinkSentDescription') : i18n.t('auth.forgotPasswordDescription')}>
       {#if sent}
-        <div class="space-y-4">
-          <Button variant="outline" class="w-full" onclick={() => adminContext.navigate('/login')}>
-            <ArrowLeft class="h-4 w-4 mr-2" />
+        <div class="svadmin-u-3e7ce58d64fa">
+          <Button variant="outline" class="svadmin-u-6da6a3c3f741" onclick={() => adminContext.navigate('/login')}>
+            <ArrowLeft class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-d2347e8497a9" />
             {i18n.t('auth.backToLogin')}
           </Button>
         </div>
       {:else}
-        <form onsubmit={handleSubmit} class="space-y-5">
+        <form onsubmit={handleSubmit} class="svadmin-u-b43b4c086d9a">
           {#if error}
             <Alert.Root variant="destructive">
-              <AlertCircle class="h-4 w-4" />
+              <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
               <Alert.Description>{error}</Alert.Description>
             </Alert.Root>
           {/if}
 
-          <div class="space-y-2">
+          <div class="svadmin-u-6f7e013d6499">
             <Label for="forgot-identifier">{i18n.t('auth.usernameOrEmail')}</Label>
-            <div class="relative">
-              <User class="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none z-[1]" />
+            <div class="svadmin-u-d89972fe17d6">
+              <User class="svadmin-u-da4dbfbc4fdc svadmin-u-22e59b722111 svadmin-u-d694ba66e322 svadmin-u-36b381be4df3 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748 svadmin-u-a4326536b8f5 svadmin-u-536a7530a44f" />
               <Input
                 id="forgot-identifier"
                 type="text"
                 placeholder={i18n.t('auth.identifierPlaceholder')}
                 bind:value={identifier}
-                class="pl-9"
+                class="svadmin-u-9e83b2412bc9"
                 autocomplete="username"
               />
             </div>
           </div>
 
-          <Button type="submit" class="w-full h-10" disabled={forgot.isLoading}>
+          <Button type="submit" class="svadmin-u-6da6a3c3f741 svadmin-u-426b8b75185b" disabled={forgot.isLoading}>
             {#if forgot.isLoading}
-              <Loader2 class="h-4 w-4 animate-spin mr-2" />
+              <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e svadmin-u-d2347e8497a9" />
             {/if}
             {i18n.t('auth.sendResetLink')}
           </Button>
         </form>
 
-        <div class="mt-6 flex items-center justify-center border-t pt-5">
-          <Button variant="link" class="text-sm h-auto p-0 font-medium inline-flex items-center gap-1" onclick={() => adminContext.navigate('/login')}>
-            <ArrowLeft class="h-3 w-3" />
+        <div class="svadmin-u-31f2553311b6 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-b950dda299d3 svadmin-u-52be28846b5f">
+          <Button variant="link" class="svadmin-u-fc7473ca09eb svadmin-u-b8f0a08ece1e svadmin-u-8a539c7fe216 svadmin-u-2689f3958069 svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421" onclick={() => adminContext.navigate('/login')}>
+            <ArrowLeft class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
             {i18n.t('auth.backToLogin')}
           </Button>
         </div>