@urbicon-ui/blocks 6.21.2 → 6.21.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.
@@ -1,6 +1,6 @@
1
1
  import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const avatarVariants: ((props?: {
3
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
3
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
4
4
  variant?: "rounded" | "circle" | "square" | undefined;
5
5
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
6
6
  status?: "offline" | "online" | "away" | "busy" | undefined;
@@ -11,7 +11,7 @@ export declare const avatarVariants: ((props?: {
11
11
  interactive?: boolean | undefined;
12
12
  } | undefined) => {
13
13
  base: (props?: ({
14
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
14
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
15
15
  variant?: "rounded" | "circle" | "square" | undefined;
16
16
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
17
17
  status?: "offline" | "online" | "away" | "busy" | undefined;
@@ -24,7 +24,7 @@ export declare const avatarVariants: ((props?: {
24
24
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
25
25
  }) | undefined) => string;
26
26
  frame: (props?: ({
27
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
27
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
28
28
  variant?: "rounded" | "circle" | "square" | undefined;
29
29
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
30
30
  status?: "offline" | "online" | "away" | "busy" | undefined;
@@ -37,7 +37,7 @@ export declare const avatarVariants: ((props?: {
37
37
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
38
38
  }) | undefined) => string;
39
39
  image: (props?: ({
40
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
40
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
41
41
  variant?: "rounded" | "circle" | "square" | undefined;
42
42
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
43
43
  status?: "offline" | "online" | "away" | "busy" | undefined;
@@ -50,7 +50,7 @@ export declare const avatarVariants: ((props?: {
50
50
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
51
51
  }) | undefined) => string;
52
52
  fallback: (props?: ({
53
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
53
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
54
54
  variant?: "rounded" | "circle" | "square" | undefined;
55
55
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
56
56
  status?: "offline" | "online" | "away" | "busy" | undefined;
@@ -63,7 +63,7 @@ export declare const avatarVariants: ((props?: {
63
63
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
64
64
  }) | undefined) => string;
65
65
  status: (props?: ({
66
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
66
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
67
67
  variant?: "rounded" | "circle" | "square" | undefined;
68
68
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
69
69
  status?: "offline" | "online" | "away" | "busy" | undefined;
@@ -45,7 +45,6 @@
45
45
  const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
46
46
 
47
47
  let badgeElement = $state<HTMLElement>();
48
- let isHovered = $state(false);
49
48
 
50
49
  // `purpose` is the canonical semantic axis; it orchestrates the low-level
51
50
  // visual props so the tv() config stays as-is. When set it wins over the
@@ -84,12 +83,10 @@
84
83
  });
85
84
 
86
85
  function handleMouseEnter() {
87
- isHovered = true;
88
86
  onHover?.(true);
89
87
  }
90
88
 
91
89
  function handleMouseLeave() {
92
- isHovered = false;
93
90
  onHover?.(false);
94
91
  }
95
92
 
@@ -104,6 +101,10 @@
104
101
  }
105
102
 
106
103
  function handleKeydown(event: KeyboardEvent) {
104
+ // Mirror the pointer path: `disabled` sets pointer-events-none (mouse dead) and
105
+ // handleClick guards — without this guard the keyboard could still activate
106
+ // or remove a disabled badge.
107
+ if (disabled) return;
107
108
  if (isRemovable && (event.key === 'Delete' || event.key === 'Backspace')) {
108
109
  handleRemove(event);
109
110
  }
@@ -125,7 +126,7 @@
125
126
  ]}
126
127
  {role}
127
128
  data-purpose={purpose}
128
- tabindex={isInteractive ? 0 : undefined}
129
+ tabindex={isInteractive && !disabled ? 0 : undefined}
129
130
  onmouseenter={handleMouseEnter}
130
131
  onmouseleave={handleMouseLeave}
131
132
  onclick={handleClick}
@@ -148,6 +149,7 @@
148
149
  <Button
149
150
  variant="ghost"
150
151
  size="xs"
152
+ {disabled}
151
153
  class={unstyled
152
154
  ? (slotClasses?.removeButton ?? '')
153
155
  : styles.removeButton({ class: slotClasses?.removeButton })}
@@ -4,7 +4,7 @@ export declare const buttonVariants: ((props?: {
4
4
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
5
5
  pressed?: boolean | undefined;
6
6
  variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
7
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xs" | undefined;
7
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
8
8
  loading?: boolean | undefined;
9
9
  loadingPlacement?: "start" | "end" | "overlay" | undefined;
10
10
  active?: boolean | undefined;
@@ -15,7 +15,7 @@ export declare const buttonVariants: ((props?: {
15
15
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
16
16
  pressed?: boolean | undefined;
17
17
  variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
18
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xs" | undefined;
18
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
19
19
  loading?: boolean | undefined;
20
20
  loadingPlacement?: "start" | "end" | "overlay" | undefined;
21
21
  active?: boolean | undefined;
@@ -28,7 +28,7 @@ export declare const buttonVariants: ((props?: {
28
28
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
29
29
  pressed?: boolean | undefined;
30
30
  variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
31
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xs" | undefined;
31
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
32
32
  loading?: boolean | undefined;
33
33
  loadingPlacement?: "start" | "end" | "overlay" | undefined;
34
34
  active?: boolean | undefined;
@@ -41,7 +41,7 @@ export declare const buttonVariants: ((props?: {
41
41
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
42
42
  pressed?: boolean | undefined;
43
43
  variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
44
- size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xs" | undefined;
44
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
45
45
  loading?: boolean | undefined;
46
46
  loadingPlacement?: "start" | "end" | "overlay" | undefined;
47
47
  active?: boolean | undefined;
@@ -45,7 +45,7 @@ export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, '
45
45
  orientation?: ButtonGroupOrientation;
46
46
  /** Visually connect buttons (overlapping borders, shared rounding). When `false`, buttons are spaced with a small gap. */
47
47
  connected?: boolean;
48
- /** Size propagated to child Buttons (unless a Button sets its own). */
48
+ /** Size propagated to child Buttons (the group value wins over a Button's own `size`). */
49
49
  size?: ComponentSize;
50
50
  /** Semantic colour propagated to child Buttons. */
51
51
  intent?: ComponentIntent;
@@ -1,6 +1,6 @@
1
1
  import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const cardVariants: ((props?: {
3
- variant?: "elevated" | "outlined" | "quiet" | "floating" | undefined;
3
+ variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
4
4
  padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
5
5
  dividers?: boolean | undefined;
6
6
  interactive?: boolean | undefined;
@@ -8,7 +8,7 @@ export declare const cardVariants: ((props?: {
8
8
  disabled?: boolean | undefined;
9
9
  } | undefined) => {
10
10
  base: (props?: ({
11
- variant?: "elevated" | "outlined" | "quiet" | "floating" | undefined;
11
+ variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
12
12
  padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
13
13
  dividers?: boolean | undefined;
14
14
  interactive?: boolean | undefined;
@@ -18,7 +18,7 @@ export declare const cardVariants: ((props?: {
18
18
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
19
19
  }) | undefined) => string;
20
20
  header: (props?: ({
21
- variant?: "elevated" | "outlined" | "quiet" | "floating" | undefined;
21
+ variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
22
22
  padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
23
23
  dividers?: boolean | undefined;
24
24
  interactive?: boolean | undefined;
@@ -28,7 +28,7 @@ export declare const cardVariants: ((props?: {
28
28
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
29
29
  }) | undefined) => string;
30
30
  content: (props?: ({
31
- variant?: "elevated" | "outlined" | "quiet" | "floating" | undefined;
31
+ variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
32
32
  padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
33
33
  dividers?: boolean | undefined;
34
34
  interactive?: boolean | undefined;
@@ -38,7 +38,7 @@ export declare const cardVariants: ((props?: {
38
38
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
39
39
  }) | undefined) => string;
40
40
  footer: (props?: ({
41
- variant?: "elevated" | "outlined" | "quiet" | "floating" | undefined;
41
+ variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
42
42
  padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
43
43
  dividers?: boolean | undefined;
44
44
  interactive?: boolean | undefined;
@@ -2,14 +2,14 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const comboboxVariants: ((props?: {
3
3
  tier?: "commit" | "modify" | undefined;
4
4
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
5
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
5
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
6
6
  open?: boolean | undefined;
7
7
  disabled?: boolean | undefined;
8
8
  } | undefined) => {
9
9
  base: (props?: ({
10
10
  tier?: "commit" | "modify" | undefined;
11
11
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
12
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
12
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
13
13
  open?: boolean | undefined;
14
14
  disabled?: boolean | undefined;
15
15
  } & {
@@ -18,7 +18,7 @@ export declare const comboboxVariants: ((props?: {
18
18
  label: (props?: ({
19
19
  tier?: "commit" | "modify" | undefined;
20
20
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
21
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
21
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
22
22
  open?: boolean | undefined;
23
23
  disabled?: boolean | undefined;
24
24
  } & {
@@ -27,7 +27,7 @@ export declare const comboboxVariants: ((props?: {
27
27
  requiredMark: (props?: ({
28
28
  tier?: "commit" | "modify" | undefined;
29
29
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
30
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
30
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
31
31
  open?: boolean | undefined;
32
32
  disabled?: boolean | undefined;
33
33
  } & {
@@ -36,7 +36,7 @@ export declare const comboboxVariants: ((props?: {
36
36
  inputWrapper: (props?: ({
37
37
  tier?: "commit" | "modify" | undefined;
38
38
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
39
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
39
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
40
40
  open?: boolean | undefined;
41
41
  disabled?: boolean | undefined;
42
42
  } & {
@@ -45,7 +45,7 @@ export declare const comboboxVariants: ((props?: {
45
45
  input: (props?: ({
46
46
  tier?: "commit" | "modify" | undefined;
47
47
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
48
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
48
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
49
49
  open?: boolean | undefined;
50
50
  disabled?: boolean | undefined;
51
51
  } & {
@@ -54,7 +54,7 @@ export declare const comboboxVariants: ((props?: {
54
54
  message: (props?: ({
55
55
  tier?: "commit" | "modify" | undefined;
56
56
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
57
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
57
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
58
58
  open?: boolean | undefined;
59
59
  disabled?: boolean | undefined;
60
60
  } & {
@@ -63,7 +63,7 @@ export declare const comboboxVariants: ((props?: {
63
63
  helper: (props?: ({
64
64
  tier?: "commit" | "modify" | undefined;
65
65
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
66
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
66
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
67
67
  open?: boolean | undefined;
68
68
  disabled?: boolean | undefined;
69
69
  } & {
@@ -72,7 +72,7 @@ export declare const comboboxVariants: ((props?: {
72
72
  listbox: (props?: ({
73
73
  tier?: "commit" | "modify" | undefined;
74
74
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
75
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
75
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
76
76
  open?: boolean | undefined;
77
77
  disabled?: boolean | undefined;
78
78
  } & {
@@ -81,7 +81,7 @@ export declare const comboboxVariants: ((props?: {
81
81
  option: (props?: ({
82
82
  tier?: "commit" | "modify" | undefined;
83
83
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
84
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
84
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
85
85
  open?: boolean | undefined;
86
86
  disabled?: boolean | undefined;
87
87
  } & {
@@ -90,7 +90,7 @@ export declare const comboboxVariants: ((props?: {
90
90
  optionActive: (props?: ({
91
91
  tier?: "commit" | "modify" | undefined;
92
92
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
93
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
93
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
94
94
  open?: boolean | undefined;
95
95
  disabled?: boolean | undefined;
96
96
  } & {
@@ -99,7 +99,7 @@ export declare const comboboxVariants: ((props?: {
99
99
  optionSelected: (props?: ({
100
100
  tier?: "commit" | "modify" | undefined;
101
101
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
102
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
102
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
103
103
  open?: boolean | undefined;
104
104
  disabled?: boolean | undefined;
105
105
  } & {
@@ -108,7 +108,7 @@ export declare const comboboxVariants: ((props?: {
108
108
  group: (props?: ({
109
109
  tier?: "commit" | "modify" | undefined;
110
110
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
111
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
111
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
112
112
  open?: boolean | undefined;
113
113
  disabled?: boolean | undefined;
114
114
  } & {
@@ -117,7 +117,7 @@ export declare const comboboxVariants: ((props?: {
117
117
  groupLabel: (props?: ({
118
118
  tier?: "commit" | "modify" | undefined;
119
119
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
120
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
120
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
121
121
  open?: boolean | undefined;
122
122
  disabled?: boolean | undefined;
123
123
  } & {
@@ -126,7 +126,7 @@ export declare const comboboxVariants: ((props?: {
126
126
  noResults: (props?: ({
127
127
  tier?: "commit" | "modify" | undefined;
128
128
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
129
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
129
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
130
130
  open?: boolean | undefined;
131
131
  disabled?: boolean | undefined;
132
132
  } & {
@@ -135,7 +135,7 @@ export declare const comboboxVariants: ((props?: {
135
135
  loading: (props?: ({
136
136
  tier?: "commit" | "modify" | undefined;
137
137
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
138
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
138
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
139
139
  open?: boolean | undefined;
140
140
  disabled?: boolean | undefined;
141
141
  } & {
@@ -144,7 +144,7 @@ export declare const comboboxVariants: ((props?: {
144
144
  clear: (props?: ({
145
145
  tier?: "commit" | "modify" | undefined;
146
146
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
147
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
147
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
148
148
  open?: boolean | undefined;
149
149
  disabled?: boolean | undefined;
150
150
  } & {
@@ -153,7 +153,7 @@ export declare const comboboxVariants: ((props?: {
153
153
  chevronButton: (props?: ({
154
154
  tier?: "commit" | "modify" | undefined;
155
155
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
156
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
156
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
157
157
  open?: boolean | undefined;
158
158
  disabled?: boolean | undefined;
159
159
  } & {
@@ -162,7 +162,7 @@ export declare const comboboxVariants: ((props?: {
162
162
  chevron: (props?: ({
163
163
  tier?: "commit" | "modify" | undefined;
164
164
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
165
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
165
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
166
166
  open?: boolean | undefined;
167
167
  disabled?: boolean | undefined;
168
168
  } & {
@@ -171,7 +171,7 @@ export declare const comboboxVariants: ((props?: {
171
171
  control: (props?: ({
172
172
  tier?: "commit" | "modify" | undefined;
173
173
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
174
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
174
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
175
175
  open?: boolean | undefined;
176
176
  disabled?: boolean | undefined;
177
177
  } & {
@@ -180,7 +180,7 @@ export declare const comboboxVariants: ((props?: {
180
180
  search: (props?: ({
181
181
  tier?: "commit" | "modify" | undefined;
182
182
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
183
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
183
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
184
184
  open?: boolean | undefined;
185
185
  disabled?: boolean | undefined;
186
186
  } & {
@@ -189,7 +189,7 @@ export declare const comboboxVariants: ((props?: {
189
189
  tag: (props?: ({
190
190
  tier?: "commit" | "modify" | undefined;
191
191
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
192
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
192
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
193
193
  open?: boolean | undefined;
194
194
  disabled?: boolean | undefined;
195
195
  } & {
@@ -198,7 +198,7 @@ export declare const comboboxVariants: ((props?: {
198
198
  tagLabel: (props?: ({
199
199
  tier?: "commit" | "modify" | undefined;
200
200
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
201
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
201
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
202
202
  open?: boolean | undefined;
203
203
  disabled?: boolean | undefined;
204
204
  } & {
@@ -207,7 +207,7 @@ export declare const comboboxVariants: ((props?: {
207
207
  tagRemove: (props?: ({
208
208
  tier?: "commit" | "modify" | undefined;
209
209
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
210
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
210
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
211
211
  open?: boolean | undefined;
212
212
  disabled?: boolean | undefined;
213
213
  } & {
@@ -1,60 +1,60 @@
1
1
  import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const dialogVariants: ((props?: {
3
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
3
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
4
4
  placement?: "top" | "center" | undefined;
5
5
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
6
6
  } | undefined) => {
7
7
  dialog: (props?: ({
8
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
8
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
9
9
  placement?: "top" | "center" | undefined;
10
10
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
11
11
  } & {
12
12
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
13
13
  }) | undefined) => string;
14
14
  backdrop: (props?: ({
15
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
15
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
16
16
  placement?: "top" | "center" | undefined;
17
17
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
18
18
  } & {
19
19
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
20
20
  }) | undefined) => string;
21
21
  panel: (props?: ({
22
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
22
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
23
23
  placement?: "top" | "center" | undefined;
24
24
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
25
25
  } & {
26
26
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
27
27
  }) | undefined) => string;
28
28
  content: (props?: ({
29
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
29
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
30
30
  placement?: "top" | "center" | undefined;
31
31
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
32
32
  } & {
33
33
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
34
34
  }) | undefined) => string;
35
35
  header: (props?: ({
36
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
36
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
37
37
  placement?: "top" | "center" | undefined;
38
38
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
39
39
  } & {
40
40
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
41
41
  }) | undefined) => string;
42
42
  title: (props?: ({
43
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
43
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
44
44
  placement?: "top" | "center" | undefined;
45
45
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
46
46
  } & {
47
47
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
48
48
  }) | undefined) => string;
49
49
  body: (props?: ({
50
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
50
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
51
51
  placement?: "top" | "center" | undefined;
52
52
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
53
53
  } & {
54
54
  class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
55
55
  }) | undefined) => string;
56
56
  footer: (props?: ({
57
- size?: "sm" | "md" | "lg" | "xl" | "full" | "fullscreen" | undefined;
57
+ size?: "sm" | "md" | "lg" | "xl" | "fullscreen" | "full" | undefined;
58
58
  placement?: "top" | "center" | undefined;
59
59
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
60
60
  } & {
@@ -2,7 +2,7 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
2
  export declare const inputVariants: ((props?: {
3
3
  tier?: "commit" | "modify" | undefined;
4
4
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
5
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
5
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
6
6
  intent?: "default" | "success" | "warning" | "danger" | undefined;
7
7
  disabled?: boolean | undefined;
8
8
  readonly?: boolean | undefined;
@@ -16,7 +16,7 @@ export declare const inputVariants: ((props?: {
16
16
  wrapper: (props?: ({
17
17
  tier?: "commit" | "modify" | undefined;
18
18
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
19
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
19
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
20
20
  intent?: "default" | "success" | "warning" | "danger" | undefined;
21
21
  disabled?: boolean | undefined;
22
22
  readonly?: boolean | undefined;
@@ -32,7 +32,7 @@ export declare const inputVariants: ((props?: {
32
32
  container: (props?: ({
33
33
  tier?: "commit" | "modify" | undefined;
34
34
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
35
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
35
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
36
36
  intent?: "default" | "success" | "warning" | "danger" | undefined;
37
37
  disabled?: boolean | undefined;
38
38
  readonly?: boolean | undefined;
@@ -48,7 +48,7 @@ export declare const inputVariants: ((props?: {
48
48
  base: (props?: ({
49
49
  tier?: "commit" | "modify" | undefined;
50
50
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
51
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
51
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
52
52
  intent?: "default" | "success" | "warning" | "danger" | undefined;
53
53
  disabled?: boolean | undefined;
54
54
  readonly?: boolean | undefined;
@@ -64,7 +64,7 @@ export declare const inputVariants: ((props?: {
64
64
  label: (props?: ({
65
65
  tier?: "commit" | "modify" | undefined;
66
66
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
67
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
67
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
68
68
  intent?: "default" | "success" | "warning" | "danger" | undefined;
69
69
  disabled?: boolean | undefined;
70
70
  readonly?: boolean | undefined;
@@ -80,7 +80,7 @@ export declare const inputVariants: ((props?: {
80
80
  message: (props?: ({
81
81
  tier?: "commit" | "modify" | undefined;
82
82
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
83
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
83
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
84
84
  intent?: "default" | "success" | "warning" | "danger" | undefined;
85
85
  disabled?: boolean | undefined;
86
86
  readonly?: boolean | undefined;
@@ -96,7 +96,7 @@ export declare const inputVariants: ((props?: {
96
96
  iconContainer: (props?: ({
97
97
  tier?: "commit" | "modify" | undefined;
98
98
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
99
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
99
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
100
100
  intent?: "default" | "success" | "warning" | "danger" | undefined;
101
101
  disabled?: boolean | undefined;
102
102
  readonly?: boolean | undefined;
@@ -112,7 +112,7 @@ export declare const inputVariants: ((props?: {
112
112
  iconButton: (props?: ({
113
113
  tier?: "commit" | "modify" | undefined;
114
114
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
115
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
115
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
116
116
  intent?: "default" | "success" | "warning" | "danger" | undefined;
117
117
  disabled?: boolean | undefined;
118
118
  readonly?: boolean | undefined;
@@ -128,7 +128,7 @@ export declare const inputVariants: ((props?: {
128
128
  iconDecoration: (props?: ({
129
129
  tier?: "commit" | "modify" | undefined;
130
130
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
131
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
131
+ size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
132
132
  intent?: "default" | "success" | "warning" | "danger" | undefined;
133
133
  disabled?: boolean | undefined;
134
134
  readonly?: boolean | undefined;