compote-ui 0.41.2 → 0.41.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18,6 +18,7 @@
18
18
  readOnly,
19
19
  multiple,
20
20
  loading = false,
21
+ class: className,
21
22
  ...restProps
22
23
  }: ComboboxProps<T> = $props();
23
24
 
@@ -87,7 +88,11 @@
87
88
  {multiple}
88
89
  {readOnly}
89
90
  {...restProps}
90
- class={cn(layout === 'horizontal' ? 'flex items-center gap-1.5' : 'grid gap-1.5')}
91
+ class={cn(
92
+ layout === 'horizontal' ? 'flex items-center gap-1.5' : 'grid gap-1.5',
93
+ 'w-full',
94
+ className
95
+ )}
91
96
  >
92
97
  {#if label}
93
98
  <Combobox.Label class="text-sm">
@@ -98,7 +103,7 @@
98
103
 
99
104
  <Combobox.Control
100
105
  class={cn(
101
- 'flex min-h-9 items-center gap-1 rounded border bg-surface-1 px-3 shadow-sm',
106
+ 'flex min-h-9 min-w-0 items-center gap-1 rounded border bg-surface-1 px-3 shadow-sm',
102
107
  'focus-within:ring-1 focus-within:ring-ring',
103
108
  'data-invalid:border-danger data-invalid:focus-within:ring-danger',
104
109
  multiple && 'flex-wrap py-1'
@@ -118,7 +123,7 @@
118
123
  {/if}
119
124
  <Combobox.Input
120
125
  placeholder={placeholder ?? 'Search...'}
121
- class="flex-1 bg-transparent text-sm outline-none placeholder:text-ink-dim disabled:cursor-not-allowed disabled:opacity-50"
126
+ class="min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-ink-dim disabled:cursor-not-allowed disabled:opacity-50"
122
127
  />
123
128
  {#if !readOnly}
124
129
  <Combobox.ClearTrigger class="text-ink-dim transition-colors hover:text-ink">
@@ -9,4 +9,5 @@ export interface ComboboxProps<T extends ListItem> extends Omit<ComboboxRootBase
9
9
  multiple?: boolean;
10
10
  layout?: 'vertical' | 'horizontal';
11
11
  loading?: boolean;
12
+ class?: string;
12
13
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "compote-ui",
3
- "version": "0.41.2",
3
+ "version": "0.41.3",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev --open",
@@ -69,7 +69,7 @@
69
69
  "eslint-plugin-svelte": "^3.17.0",
70
70
  "globals": "^17.5.0",
71
71
  "prettier": "^3.8.3",
72
- "prettier-plugin-svelte": "^3.4.1",
72
+ "prettier-plugin-svelte": "^3.5.2",
73
73
  "prettier-plugin-tailwindcss": "^0.8.0",
74
74
  "publint": "^0.3.17",
75
75
  "svelte": "^5.55.4",
@@ -77,9 +77,9 @@
77
77
  "tailwindcss": "^4.2.4",
78
78
  "tw-animate-css": "^1.4.0",
79
79
  "typescript": "^6.0.3",
80
- "typescript-eslint": "^8.59.1",
80
+ "typescript-eslint": "^8.59.3",
81
81
  "unplugin-icons": "^23.0.1",
82
- "vite": "^8.0.10"
82
+ "vite": "^8.0.12"
83
83
  },
84
84
  "keywords": [
85
85
  "svelte"