@kopexa/combobox 17.0.9 → 17.1.0
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.
- package/dist/{chunk-ZEHAPUL6.mjs → chunk-AJKY2IL4.mjs} +24 -3
- package/dist/combobox.d.mts +12 -3
- package/dist/combobox.d.ts +12 -3
- package/dist/combobox.js +24 -2
- package/dist/combobox.mjs +3 -1
- package/dist/index.d.mts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +24 -3
- package/dist/index.mjs +4 -2
- package/package.json +4 -4
|
@@ -180,13 +180,22 @@ function ComboboxContent({
|
|
|
180
180
|
)
|
|
181
181
|
] });
|
|
182
182
|
}
|
|
183
|
-
function ComboboxList({
|
|
183
|
+
function ComboboxList({
|
|
184
|
+
className,
|
|
185
|
+
maxHeight = 300,
|
|
186
|
+
style,
|
|
187
|
+
...props
|
|
188
|
+
}) {
|
|
184
189
|
const { styles } = useComboboxContext();
|
|
185
190
|
return /* @__PURE__ */ jsx4(
|
|
186
191
|
ComboboxPrimitive.List,
|
|
187
192
|
{
|
|
188
193
|
"data-slot": "combobox-list",
|
|
189
|
-
className: cn(styles.list(), className),
|
|
194
|
+
className: cn(styles.list(), "overflow-y-auto", className),
|
|
195
|
+
style: {
|
|
196
|
+
maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
|
|
197
|
+
...style
|
|
198
|
+
},
|
|
190
199
|
...props
|
|
191
200
|
}
|
|
192
201
|
);
|
|
@@ -400,6 +409,17 @@ function ComboboxDescription({
|
|
|
400
409
|
}
|
|
401
410
|
);
|
|
402
411
|
}
|
|
412
|
+
function ComboboxFooter({ className, ...props }) {
|
|
413
|
+
const { styles } = useComboboxContext();
|
|
414
|
+
return /* @__PURE__ */ jsx4(
|
|
415
|
+
"div",
|
|
416
|
+
{
|
|
417
|
+
"data-slot": "combobox-footer",
|
|
418
|
+
className: cn(styles.footer(), className),
|
|
419
|
+
...props
|
|
420
|
+
}
|
|
421
|
+
);
|
|
422
|
+
}
|
|
403
423
|
|
|
404
424
|
export {
|
|
405
425
|
ComboboxRoot,
|
|
@@ -430,5 +450,6 @@ export {
|
|
|
430
450
|
ComboboxSeparator,
|
|
431
451
|
ComboboxHeader,
|
|
432
452
|
ComboboxTitle,
|
|
433
|
-
ComboboxDescription
|
|
453
|
+
ComboboxDescription,
|
|
454
|
+
ComboboxFooter
|
|
434
455
|
};
|
package/dist/combobox.d.mts
CHANGED
|
@@ -30,8 +30,15 @@ type ComboboxContentProps = ComponentProps<typeof Combobox.Popup> & {
|
|
|
30
30
|
showBackdrop?: boolean;
|
|
31
31
|
};
|
|
32
32
|
declare function ComboboxContent({ className, children, showBackdrop, align, sideOffset, alignOffset, side, anchor, ...props }: ComboboxContentProps): react_jsx_runtime.JSX.Element;
|
|
33
|
-
type ComboboxListProps = ComponentProps<typeof Combobox.List
|
|
34
|
-
|
|
33
|
+
type ComboboxListProps = ComponentProps<typeof Combobox.List> & {
|
|
34
|
+
/**
|
|
35
|
+
* Maximum height of the list. Enables scrolling when content exceeds this height.
|
|
36
|
+
* @default 300
|
|
37
|
+
* @example "300px" | "20rem" | 300
|
|
38
|
+
*/
|
|
39
|
+
maxHeight?: string | number;
|
|
40
|
+
};
|
|
41
|
+
declare function ComboboxList({ className, maxHeight, style, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
|
|
35
42
|
type ComboboxCollectionProps = ComponentProps<typeof Combobox.Collection>;
|
|
36
43
|
declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): react_jsx_runtime.JSX.Element;
|
|
37
44
|
type ComboboxRowProps = ComponentProps<typeof Combobox.Row>;
|
|
@@ -70,5 +77,7 @@ type ComboboxTitleProps = ComponentProps<"div">;
|
|
|
70
77
|
declare function ComboboxTitle({ className, ...props }: ComboboxTitleProps): react_jsx_runtime.JSX.Element;
|
|
71
78
|
type ComboboxDescriptionProps = ComponentProps<"div">;
|
|
72
79
|
declare function ComboboxDescription({ className, ...props }: ComboboxDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
80
|
+
type ComboboxFooterProps = ComponentProps<"div">;
|
|
81
|
+
declare function ComboboxFooter({ className, ...props }: ComboboxFooterProps): react_jsx_runtime.JSX.Element;
|
|
73
82
|
|
|
74
|
-
export { ComboboxArrow, type ComboboxArrowProps, ComboboxBackdrop, type ComboboxBackdropProps, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxDescription, type ComboboxDescriptionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, ComboboxPositioner, type ComboboxPositionerProps, type ComboboxProps, ComboboxRoot, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxStatus, type ComboboxStatusProps, ComboboxTitle, type ComboboxTitleProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };
|
|
83
|
+
export { ComboboxArrow, type ComboboxArrowProps, ComboboxBackdrop, type ComboboxBackdropProps, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxDescription, type ComboboxDescriptionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxFooter, type ComboboxFooterProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, ComboboxPositioner, type ComboboxPositionerProps, type ComboboxProps, ComboboxRoot, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxStatus, type ComboboxStatusProps, ComboboxTitle, type ComboboxTitleProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };
|
package/dist/combobox.d.ts
CHANGED
|
@@ -30,8 +30,15 @@ type ComboboxContentProps = ComponentProps<typeof Combobox.Popup> & {
|
|
|
30
30
|
showBackdrop?: boolean;
|
|
31
31
|
};
|
|
32
32
|
declare function ComboboxContent({ className, children, showBackdrop, align, sideOffset, alignOffset, side, anchor, ...props }: ComboboxContentProps): react_jsx_runtime.JSX.Element;
|
|
33
|
-
type ComboboxListProps = ComponentProps<typeof Combobox.List
|
|
34
|
-
|
|
33
|
+
type ComboboxListProps = ComponentProps<typeof Combobox.List> & {
|
|
34
|
+
/**
|
|
35
|
+
* Maximum height of the list. Enables scrolling when content exceeds this height.
|
|
36
|
+
* @default 300
|
|
37
|
+
* @example "300px" | "20rem" | 300
|
|
38
|
+
*/
|
|
39
|
+
maxHeight?: string | number;
|
|
40
|
+
};
|
|
41
|
+
declare function ComboboxList({ className, maxHeight, style, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
|
|
35
42
|
type ComboboxCollectionProps = ComponentProps<typeof Combobox.Collection>;
|
|
36
43
|
declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): react_jsx_runtime.JSX.Element;
|
|
37
44
|
type ComboboxRowProps = ComponentProps<typeof Combobox.Row>;
|
|
@@ -70,5 +77,7 @@ type ComboboxTitleProps = ComponentProps<"div">;
|
|
|
70
77
|
declare function ComboboxTitle({ className, ...props }: ComboboxTitleProps): react_jsx_runtime.JSX.Element;
|
|
71
78
|
type ComboboxDescriptionProps = ComponentProps<"div">;
|
|
72
79
|
declare function ComboboxDescription({ className, ...props }: ComboboxDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
80
|
+
type ComboboxFooterProps = ComponentProps<"div">;
|
|
81
|
+
declare function ComboboxFooter({ className, ...props }: ComboboxFooterProps): react_jsx_runtime.JSX.Element;
|
|
73
82
|
|
|
74
|
-
export { ComboboxArrow, type ComboboxArrowProps, ComboboxBackdrop, type ComboboxBackdropProps, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxDescription, type ComboboxDescriptionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, ComboboxPositioner, type ComboboxPositionerProps, type ComboboxProps, ComboboxRoot, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxStatus, type ComboboxStatusProps, ComboboxTitle, type ComboboxTitleProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };
|
|
83
|
+
export { ComboboxArrow, type ComboboxArrowProps, ComboboxBackdrop, type ComboboxBackdropProps, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxContent, type ComboboxContentProps, ComboboxControl, type ComboboxControlProps, ComboboxDescription, type ComboboxDescriptionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxFooter, type ComboboxFooterProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxHeader, type ComboboxHeaderProps, ComboboxIcon, type ComboboxIconProps, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, ComboboxPositioner, type ComboboxPositionerProps, type ComboboxProps, ComboboxRoot, ComboboxRow, type ComboboxRowProps, ComboboxSeparator, type ComboboxSeparatorProps, ComboboxStatus, type ComboboxStatusProps, ComboboxTitle, type ComboboxTitleProps, ComboboxTrigger, type ComboboxTriggerProps, ComboboxValue, type ComboboxValueProps };
|
package/dist/combobox.js
CHANGED
|
@@ -33,6 +33,7 @@ __export(combobox_exports, {
|
|
|
33
33
|
ComboboxControl: () => ComboboxControl,
|
|
34
34
|
ComboboxDescription: () => ComboboxDescription,
|
|
35
35
|
ComboboxEmpty: () => ComboboxEmpty,
|
|
36
|
+
ComboboxFooter: () => ComboboxFooter,
|
|
36
37
|
ComboboxGroup: () => ComboboxGroup,
|
|
37
38
|
ComboboxGroupLabel: () => ComboboxGroupLabel,
|
|
38
39
|
ComboboxHeader: () => ComboboxHeader,
|
|
@@ -232,13 +233,22 @@ function ComboboxContent({
|
|
|
232
233
|
)
|
|
233
234
|
] });
|
|
234
235
|
}
|
|
235
|
-
function ComboboxList({
|
|
236
|
+
function ComboboxList({
|
|
237
|
+
className,
|
|
238
|
+
maxHeight = 300,
|
|
239
|
+
style,
|
|
240
|
+
...props
|
|
241
|
+
}) {
|
|
236
242
|
const { styles } = useComboboxContext();
|
|
237
243
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
238
244
|
import_combobox.Combobox.List,
|
|
239
245
|
{
|
|
240
246
|
"data-slot": "combobox-list",
|
|
241
|
-
className: (0, import_shared_utils.cn)(styles.list(), className),
|
|
247
|
+
className: (0, import_shared_utils.cn)(styles.list(), "overflow-y-auto", className),
|
|
248
|
+
style: {
|
|
249
|
+
maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
|
|
250
|
+
...style
|
|
251
|
+
},
|
|
242
252
|
...props
|
|
243
253
|
}
|
|
244
254
|
);
|
|
@@ -452,6 +462,17 @@ function ComboboxDescription({
|
|
|
452
462
|
}
|
|
453
463
|
);
|
|
454
464
|
}
|
|
465
|
+
function ComboboxFooter({ className, ...props }) {
|
|
466
|
+
const { styles } = useComboboxContext();
|
|
467
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
468
|
+
"div",
|
|
469
|
+
{
|
|
470
|
+
"data-slot": "combobox-footer",
|
|
471
|
+
className: (0, import_shared_utils.cn)(styles.footer(), className),
|
|
472
|
+
...props
|
|
473
|
+
}
|
|
474
|
+
);
|
|
475
|
+
}
|
|
455
476
|
// Annotate the CommonJS export names for ESM import in node:
|
|
456
477
|
0 && (module.exports = {
|
|
457
478
|
ComboboxArrow,
|
|
@@ -465,6 +486,7 @@ function ComboboxDescription({
|
|
|
465
486
|
ComboboxControl,
|
|
466
487
|
ComboboxDescription,
|
|
467
488
|
ComboboxEmpty,
|
|
489
|
+
ComboboxFooter,
|
|
468
490
|
ComboboxGroup,
|
|
469
491
|
ComboboxGroupLabel,
|
|
470
492
|
ComboboxHeader,
|
package/dist/combobox.mjs
CHANGED
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
ComboboxControl,
|
|
13
13
|
ComboboxDescription,
|
|
14
14
|
ComboboxEmpty,
|
|
15
|
+
ComboboxFooter,
|
|
15
16
|
ComboboxGroup,
|
|
16
17
|
ComboboxGroupLabel,
|
|
17
18
|
ComboboxHeader,
|
|
@@ -30,7 +31,7 @@ import {
|
|
|
30
31
|
ComboboxTitle,
|
|
31
32
|
ComboboxTrigger,
|
|
32
33
|
ComboboxValue
|
|
33
|
-
} from "./chunk-
|
|
34
|
+
} from "./chunk-AJKY2IL4.mjs";
|
|
34
35
|
export {
|
|
35
36
|
ComboboxArrow,
|
|
36
37
|
ComboboxBackdrop,
|
|
@@ -43,6 +44,7 @@ export {
|
|
|
43
44
|
ComboboxControl,
|
|
44
45
|
ComboboxDescription,
|
|
45
46
|
ComboboxEmpty,
|
|
47
|
+
ComboboxFooter,
|
|
46
48
|
ComboboxGroup,
|
|
47
49
|
ComboboxGroupLabel,
|
|
48
50
|
ComboboxHeader,
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ComboboxProps, ComboboxControl, ComboboxValue, ComboboxInput, ComboboxStatus, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxContent, ComboboxList, ComboboxCollection, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxGroupLabel, ComboboxEmpty, ComboboxClear, ComboboxIcon, ComboboxArrow, ComboboxTrigger, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxSeparator, ComboboxHeader, ComboboxTitle, ComboboxDescription } from './combobox.mjs';
|
|
3
|
-
export { ComboboxArrowProps, ComboboxBackdropProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipsProps, ComboboxClearProps, ComboboxCollectionProps, ComboboxContentProps, ComboboxControlProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxHeaderProps, ComboboxIconProps, ComboboxInputProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxRowProps, ComboboxSeparatorProps, ComboboxStatusProps, ComboboxTitleProps, ComboboxTriggerProps, ComboboxValueProps } from './combobox.mjs';
|
|
2
|
+
import { ComboboxProps, ComboboxControl, ComboboxValue, ComboboxInput, ComboboxStatus, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxContent, ComboboxList, ComboboxCollection, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxGroupLabel, ComboboxEmpty, ComboboxClear, ComboboxIcon, ComboboxArrow, ComboboxTrigger, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxSeparator, ComboboxHeader, ComboboxTitle, ComboboxDescription, ComboboxFooter } from './combobox.mjs';
|
|
3
|
+
export { ComboboxArrowProps, ComboboxBackdropProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipsProps, ComboboxClearProps, ComboboxCollectionProps, ComboboxContentProps, ComboboxControlProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxFooterProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxHeaderProps, ComboboxIconProps, ComboboxInputProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxRowProps, ComboboxSeparatorProps, ComboboxStatusProps, ComboboxTitleProps, ComboboxTriggerProps, ComboboxValueProps } from './combobox.mjs';
|
|
4
4
|
import '@base-ui-components/react/combobox';
|
|
5
5
|
import '@kopexa/theme';
|
|
6
6
|
import 'react';
|
|
@@ -34,6 +34,7 @@ declare const Combobox: ((props: ComboboxProps) => react_jsx_runtime.JSX.Element
|
|
|
34
34
|
Header: typeof ComboboxHeader;
|
|
35
35
|
Title: typeof ComboboxTitle;
|
|
36
36
|
Description: typeof ComboboxDescription;
|
|
37
|
+
Footer: typeof ComboboxFooter;
|
|
37
38
|
};
|
|
38
39
|
|
|
39
40
|
export { Combobox, ComboboxProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ComboboxProps, ComboboxControl, ComboboxValue, ComboboxInput, ComboboxStatus, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxContent, ComboboxList, ComboboxCollection, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxGroupLabel, ComboboxEmpty, ComboboxClear, ComboboxIcon, ComboboxArrow, ComboboxTrigger, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxSeparator, ComboboxHeader, ComboboxTitle, ComboboxDescription } from './combobox.js';
|
|
3
|
-
export { ComboboxArrowProps, ComboboxBackdropProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipsProps, ComboboxClearProps, ComboboxCollectionProps, ComboboxContentProps, ComboboxControlProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxHeaderProps, ComboboxIconProps, ComboboxInputProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxRowProps, ComboboxSeparatorProps, ComboboxStatusProps, ComboboxTitleProps, ComboboxTriggerProps, ComboboxValueProps } from './combobox.js';
|
|
2
|
+
import { ComboboxProps, ComboboxControl, ComboboxValue, ComboboxInput, ComboboxStatus, ComboboxPortal, ComboboxBackdrop, ComboboxPositioner, ComboboxPopup, ComboboxContent, ComboboxList, ComboboxCollection, ComboboxRow, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxGroupLabel, ComboboxEmpty, ComboboxClear, ComboboxIcon, ComboboxArrow, ComboboxTrigger, ComboboxChips, ComboboxChip, ComboboxChipRemove, ComboboxSeparator, ComboboxHeader, ComboboxTitle, ComboboxDescription, ComboboxFooter } from './combobox.js';
|
|
3
|
+
export { ComboboxArrowProps, ComboboxBackdropProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxChipsProps, ComboboxClearProps, ComboboxCollectionProps, ComboboxContentProps, ComboboxControlProps, ComboboxDescriptionProps, ComboboxEmptyProps, ComboboxFooterProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxHeaderProps, ComboboxIconProps, ComboboxInputProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxPortalProps, ComboboxPositionerProps, ComboboxRowProps, ComboboxSeparatorProps, ComboboxStatusProps, ComboboxTitleProps, ComboboxTriggerProps, ComboboxValueProps } from './combobox.js';
|
|
4
4
|
import '@base-ui-components/react/combobox';
|
|
5
5
|
import '@kopexa/theme';
|
|
6
6
|
import 'react';
|
|
@@ -34,6 +34,7 @@ declare const Combobox: ((props: ComboboxProps) => react_jsx_runtime.JSX.Element
|
|
|
34
34
|
Header: typeof ComboboxHeader;
|
|
35
35
|
Title: typeof ComboboxTitle;
|
|
36
36
|
Description: typeof ComboboxDescription;
|
|
37
|
+
Footer: typeof ComboboxFooter;
|
|
37
38
|
};
|
|
38
39
|
|
|
39
40
|
export { Combobox, ComboboxProps };
|
package/dist/index.js
CHANGED
|
@@ -205,13 +205,22 @@ function ComboboxContent({
|
|
|
205
205
|
)
|
|
206
206
|
] });
|
|
207
207
|
}
|
|
208
|
-
function ComboboxList({
|
|
208
|
+
function ComboboxList({
|
|
209
|
+
className,
|
|
210
|
+
maxHeight = 300,
|
|
211
|
+
style,
|
|
212
|
+
...props
|
|
213
|
+
}) {
|
|
209
214
|
const { styles } = useComboboxContext();
|
|
210
215
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
211
216
|
import_combobox.Combobox.List,
|
|
212
217
|
{
|
|
213
218
|
"data-slot": "combobox-list",
|
|
214
|
-
className: (0, import_shared_utils.cn)(styles.list(), className),
|
|
219
|
+
className: (0, import_shared_utils.cn)(styles.list(), "overflow-y-auto", className),
|
|
220
|
+
style: {
|
|
221
|
+
maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
|
|
222
|
+
...style
|
|
223
|
+
},
|
|
215
224
|
...props
|
|
216
225
|
}
|
|
217
226
|
);
|
|
@@ -425,6 +434,17 @@ function ComboboxDescription({
|
|
|
425
434
|
}
|
|
426
435
|
);
|
|
427
436
|
}
|
|
437
|
+
function ComboboxFooter({ className, ...props }) {
|
|
438
|
+
const { styles } = useComboboxContext();
|
|
439
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
440
|
+
"div",
|
|
441
|
+
{
|
|
442
|
+
"data-slot": "combobox-footer",
|
|
443
|
+
className: (0, import_shared_utils.cn)(styles.footer(), className),
|
|
444
|
+
...props
|
|
445
|
+
}
|
|
446
|
+
);
|
|
447
|
+
}
|
|
428
448
|
|
|
429
449
|
// src/index.ts
|
|
430
450
|
var Combobox = Object.assign(ComboboxRoot, {
|
|
@@ -455,7 +475,8 @@ var Combobox = Object.assign(ComboboxRoot, {
|
|
|
455
475
|
Separator: ComboboxSeparator,
|
|
456
476
|
Header: ComboboxHeader,
|
|
457
477
|
Title: ComboboxTitle,
|
|
458
|
-
Description: ComboboxDescription
|
|
478
|
+
Description: ComboboxDescription,
|
|
479
|
+
Footer: ComboboxFooter
|
|
459
480
|
});
|
|
460
481
|
// Annotate the CommonJS export names for ESM import in node:
|
|
461
482
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
ComboboxControl,
|
|
12
12
|
ComboboxDescription,
|
|
13
13
|
ComboboxEmpty,
|
|
14
|
+
ComboboxFooter,
|
|
14
15
|
ComboboxGroup,
|
|
15
16
|
ComboboxGroupLabel,
|
|
16
17
|
ComboboxHeader,
|
|
@@ -29,7 +30,7 @@ import {
|
|
|
29
30
|
ComboboxTitle,
|
|
30
31
|
ComboboxTrigger,
|
|
31
32
|
ComboboxValue
|
|
32
|
-
} from "./chunk-
|
|
33
|
+
} from "./chunk-AJKY2IL4.mjs";
|
|
33
34
|
|
|
34
35
|
// src/index.ts
|
|
35
36
|
var Combobox = Object.assign(ComboboxRoot, {
|
|
@@ -60,7 +61,8 @@ var Combobox = Object.assign(ComboboxRoot, {
|
|
|
60
61
|
Separator: ComboboxSeparator,
|
|
61
62
|
Header: ComboboxHeader,
|
|
62
63
|
Title: ComboboxTitle,
|
|
63
|
-
Description: ComboboxDescription
|
|
64
|
+
Description: ComboboxDescription,
|
|
65
|
+
Footer: ComboboxFooter
|
|
64
66
|
});
|
|
65
67
|
export {
|
|
66
68
|
Combobox
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kopexa/combobox",
|
|
3
|
-
"version": "17.0
|
|
3
|
+
"version": "17.1.0",
|
|
4
4
|
"description": "a combobox",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"combobox"
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"motion": ">=12.23.6",
|
|
29
29
|
"react": ">=19.0.0-rc.0",
|
|
30
30
|
"react-dom": ">=19.0.0-rc.0",
|
|
31
|
-
"@kopexa/theme": "17.
|
|
31
|
+
"@kopexa/theme": "17.5.0"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@base-ui-components/react": "1.0.0-rc.0",
|
|
35
|
-
"@kopexa/react-utils": "17.0.
|
|
36
|
-
"@kopexa/shared-utils": "17.0.
|
|
35
|
+
"@kopexa/react-utils": "17.0.11",
|
|
36
|
+
"@kopexa/shared-utils": "17.0.11"
|
|
37
37
|
},
|
|
38
38
|
"clean-package": "../../../clean-package.config.json",
|
|
39
39
|
"module": "dist/index.mjs",
|