@lglab/compose-ui 0.29.0 → 0.30.1
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/accordion.d.ts +6 -6
- package/dist/accordion.d.ts.map +1 -1
- package/dist/alert-dialog.d.ts +10 -10
- package/dist/autocomplete.d.ts +13 -13
- package/dist/autocomplete.d.ts.map +1 -1
- package/dist/avatar.d.ts +5 -5
- package/dist/avatar.d.ts.map +1 -1
- package/dist/badge.d.ts +4 -4
- package/dist/badge.js +5 -5
- package/dist/badge.js.map +1 -1
- package/dist/button.d.ts +2 -2
- package/dist/button.d.ts.map +1 -1
- package/dist/card.d.ts +8 -8
- package/dist/checkbox-group.d.ts +2 -2
- package/dist/checkbox.d.ts +3 -3
- package/dist/collapsible.d.ts +4 -4
- package/dist/collapsible.d.ts.map +1 -1
- package/dist/combobox.d.ts +25 -25
- package/dist/components/table/filters.d.ts +29 -0
- package/dist/components/table/filters.d.ts.map +1 -0
- package/dist/components/table/filters.js +47 -0
- package/dist/components/table/filters.js.map +1 -0
- package/dist/components/table/primitives.d.ts +93 -0
- package/dist/components/table/primitives.d.ts.map +1 -0
- package/dist/components/table/primitives.js +129 -0
- package/dist/components/table/primitives.js.map +1 -0
- package/dist/components/table/sort.js +17 -0
- package/dist/components/table/sort.js.map +1 -0
- package/dist/components/table/types.d.ts +101 -0
- package/dist/components/table/types.d.ts.map +1 -0
- package/dist/context-menu.d.ts +20 -20
- package/dist/context-menu.d.ts.map +1 -1
- package/dist/dialog.d.ts +11 -11
- package/dist/drawer.d.ts +12 -12
- package/dist/field.d.ts +8 -8
- package/dist/fieldset.d.ts +3 -3
- package/dist/fieldset.d.ts.map +1 -1
- package/dist/form.d.ts +2 -2
- package/dist/index.d.ts +5 -1
- package/dist/index.js +4 -1
- package/dist/input.d.ts +2 -2
- package/dist/lib/control-variants.js +3 -2
- package/dist/lib/control-variants.js.map +1 -1
- package/dist/menu.d.ts +20 -20
- package/dist/menubar.d.ts +21 -21
- package/dist/meter.d.ts +6 -6
- package/dist/navigation-menu.d.ts +14 -14
- package/dist/navigation-menu.d.ts.map +1 -1
- package/dist/number-field.d.ts +8 -8
- package/dist/pagination.d.ts +184 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +164 -0
- package/dist/pagination.js.map +1 -0
- package/dist/popover.d.ts +12 -12
- package/dist/popover.d.ts.map +1 -1
- package/dist/preview-card.d.ts +8 -8
- package/dist/progress.d.ts +6 -6
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio.d.ts +3 -3
- package/dist/scroll-area.d.ts +7 -7
- package/dist/scroll-area.d.ts.map +1 -1
- package/dist/select.d.ts +19 -19
- package/dist/select.d.ts.map +1 -1
- package/dist/select.js +1 -1
- package/dist/select.js.map +1 -1
- package/dist/separator.d.ts +2 -2
- package/dist/skeleton.d.ts +2 -2
- package/dist/slider.d.ts +7 -7
- package/dist/styles/default.css +1 -1
- package/dist/switch.d.ts +3 -3
- package/dist/table/index.d.ts +5 -0
- package/dist/table/index.js +5 -0
- package/dist/table/use-table.d.ts +9 -0
- package/dist/table/use-table.d.ts.map +1 -0
- package/dist/table/use-table.js +256 -0
- package/dist/table/use-table.js.map +1 -0
- package/dist/tabs.d.ts +6 -6
- package/dist/textarea.d.ts +2 -2
- package/dist/textarea.d.ts.map +1 -1
- package/dist/toast.d.ts +10 -10
- package/dist/toggle-group.d.ts +3 -3
- package/dist/toggle.d.ts +2 -2
- package/dist/toolbar.d.ts +7 -7
- package/dist/toolbar.js +1 -1
- package/dist/toolbar.js.map +1 -1
- package/dist/tooltip.d.ts +8 -8
- package/package.json +20 -8
package/dist/scroll-area.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
3
3
|
import { ScrollArea } from "@base-ui/react/scroll-area";
|
|
4
4
|
|
|
5
5
|
//#region src/components/scroll-area.d.ts
|
|
@@ -8,7 +8,7 @@ declare const ScrollAreaRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: ScrollAreaRootProps):
|
|
11
|
+
}: ScrollAreaRootProps): react_jsx_runtime6.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport>;
|
|
@@ -16,7 +16,7 @@ declare const ScrollAreaViewport: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: ScrollAreaViewportProps):
|
|
19
|
+
}: ScrollAreaViewportProps): react_jsx_runtime6.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type ScrollAreaContentProps = React.ComponentProps<typeof ScrollArea.Content>;
|
|
@@ -24,7 +24,7 @@ declare const ScrollAreaContent: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: ScrollAreaContentProps):
|
|
27
|
+
}: ScrollAreaContentProps): react_jsx_runtime6.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollArea.Scrollbar>;
|
|
@@ -33,7 +33,7 @@ declare const ScrollAreaScrollbar: {
|
|
|
33
33
|
className,
|
|
34
34
|
orientation,
|
|
35
35
|
...props
|
|
36
|
-
}: ScrollAreaScrollbarProps):
|
|
36
|
+
}: ScrollAreaScrollbarProps): react_jsx_runtime6.JSX.Element;
|
|
37
37
|
displayName: string;
|
|
38
38
|
};
|
|
39
39
|
type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollArea.Thumb>;
|
|
@@ -41,7 +41,7 @@ declare const ScrollAreaThumb: {
|
|
|
41
41
|
({
|
|
42
42
|
className,
|
|
43
43
|
...props
|
|
44
|
-
}: ScrollAreaThumbProps):
|
|
44
|
+
}: ScrollAreaThumbProps): react_jsx_runtime6.JSX.Element;
|
|
45
45
|
displayName: string;
|
|
46
46
|
};
|
|
47
47
|
type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollArea.Corner>;
|
|
@@ -49,7 +49,7 @@ declare const ScrollAreaCorner: {
|
|
|
49
49
|
({
|
|
50
50
|
className,
|
|
51
51
|
...props
|
|
52
|
-
}: ScrollAreaCornerProps):
|
|
52
|
+
}: ScrollAreaCornerProps): react_jsx_runtime6.JSX.Element;
|
|
53
53
|
displayName: string;
|
|
54
54
|
};
|
|
55
55
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEhE;;;;KAA2C,sBAAmB,
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEhE;;;;KAA2C,sBAAmB,kBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB;KAQnB,uBAAA,GAA0B,KAAA,CAAM,cARiC,CAAA,OAQX,UAAA,CAAe,QARJ,CAAA;cAUhE,kBAV2B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAUM,uBAVN,CAAA,EAU6B,kBAAA,CAAA,GAAA,CAAA,OAV7B;EAEzC,WAAA,EAAA,MAEL;CAAA;KAiBI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEnE,iBArB2C,EAAA;;IAAmB,SAAA;IAAA,GAAA;EAAA,CAAA,EAqBhB,sBArBgB,CAAA,EAqBM,kBAAA,CAAA,GAAA,CAAA,OArBN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA2B/D,wBAAA,GAA2B,KAAA,CAAM,cArBV,CAAA,OAqBgC,UAAA,CAAe,SArB/C,CAAA;cAuBtB,mBAvBoE,EAAA;;IAA3C,SAAM;IAAA,WAAA;IAAA,GAAA;EAAA,CAAA,EA2BlC,wBA3BkC,CAAA,EA2BV,kBAAA,CAAA,GAAA,CAAA,OA3BU;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KA6C9C,oBAAA,GAAuB,KAAA,CAAM,cApCjC,CAAA,OAoCuD,UAAA,CAAe,KApCtE,CAAA;cAsCK;;IA7C+C,SAAA;IAAA,GAAA;EAAA,CAAA,EA6CH,oBA7CG,CAAA,EA6CiB,kBAAA,CAAA,GAAA,CAAA,OA7CjB;aAAuB,EAAA,MAAA;CAAA;AAAA,KA4DvE,qBAAA,GAAwB,KAAA,CAAM,cAjDR,CAAA,OAiD8B,UAAA,CAAe,MAjD7C,CAAA;cAmDrB,gBAnDqB,EAAA;;IAA+B,SAAA;IAAe,GAAA;EAAA,CAAA,EAmDtB,qBAnDsB,CAAA,EAmDD,kBAAA,CAAA,GAAA,CAAA,OAnDC;aAArC,EAAA,MAAA;CAAc"}
|
package/dist/select.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime75 from "react/jsx-runtime";
|
|
3
3
|
import { Select, SelectRootProps as SelectRootProps$1 } from "@base-ui/react/select";
|
|
4
4
|
|
|
5
5
|
//#region src/components/select.d.ts
|
|
6
|
-
declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>):
|
|
6
|
+
declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>): react_jsx_runtime75.JSX.Element;
|
|
7
7
|
declare namespace SelectRoot {
|
|
8
8
|
var displayName: string;
|
|
9
9
|
}
|
|
@@ -13,7 +13,7 @@ declare const SelectTrigger: {
|
|
|
13
13
|
({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: SelectTriggerProps):
|
|
16
|
+
}: SelectTriggerProps): react_jsx_runtime75.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type SelectValueProps = React.ComponentProps<typeof Select.Value>;
|
|
@@ -21,7 +21,7 @@ declare const SelectValue: {
|
|
|
21
21
|
({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: SelectValueProps):
|
|
24
|
+
}: SelectValueProps): react_jsx_runtime75.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
type SelectIconProps = React.ComponentProps<typeof Select.Icon>;
|
|
@@ -29,7 +29,7 @@ declare const SelectIcon: {
|
|
|
29
29
|
({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: SelectIconProps):
|
|
32
|
+
}: SelectIconProps): react_jsx_runtime75.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
34
34
|
};
|
|
35
35
|
type SelectBackdropProps = React.ComponentProps<typeof Select.Backdrop>;
|
|
@@ -37,12 +37,12 @@ declare const SelectBackdrop: {
|
|
|
37
37
|
({
|
|
38
38
|
className,
|
|
39
39
|
...props
|
|
40
|
-
}: SelectBackdropProps):
|
|
40
|
+
}: SelectBackdropProps): react_jsx_runtime75.JSX.Element;
|
|
41
41
|
displayName: string;
|
|
42
42
|
};
|
|
43
43
|
type SelectPortalProps = React.ComponentProps<typeof Select.Portal>;
|
|
44
44
|
declare const SelectPortal: {
|
|
45
|
-
(props: SelectPortalProps):
|
|
45
|
+
(props: SelectPortalProps): react_jsx_runtime75.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type SelectPositionerProps = React.ComponentProps<typeof Select.Positioner>;
|
|
@@ -50,7 +50,7 @@ declare const SelectPositioner: {
|
|
|
50
50
|
({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: SelectPositionerProps):
|
|
53
|
+
}: SelectPositionerProps): react_jsx_runtime75.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
type SelectPopupProps = React.ComponentProps<typeof Select.Popup>;
|
|
@@ -58,7 +58,7 @@ declare const SelectPopup: {
|
|
|
58
58
|
({
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: SelectPopupProps):
|
|
61
|
+
}: SelectPopupProps): react_jsx_runtime75.JSX.Element;
|
|
62
62
|
displayName: string;
|
|
63
63
|
};
|
|
64
64
|
type SelectListProps = React.ComponentProps<typeof Select.List>;
|
|
@@ -66,7 +66,7 @@ declare const SelectList: {
|
|
|
66
66
|
({
|
|
67
67
|
className,
|
|
68
68
|
...props
|
|
69
|
-
}: SelectListProps):
|
|
69
|
+
}: SelectListProps): react_jsx_runtime75.JSX.Element;
|
|
70
70
|
displayName: string;
|
|
71
71
|
};
|
|
72
72
|
type SelectArrowProps = React.ComponentProps<typeof Select.Arrow>;
|
|
@@ -74,7 +74,7 @@ declare const SelectArrow: {
|
|
|
74
74
|
({
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: SelectArrowProps):
|
|
77
|
+
}: SelectArrowProps): react_jsx_runtime75.JSX.Element;
|
|
78
78
|
displayName: string;
|
|
79
79
|
};
|
|
80
80
|
type SelectItemProps = React.ComponentProps<typeof Select.Item>;
|
|
@@ -82,7 +82,7 @@ declare const SelectItem: {
|
|
|
82
82
|
({
|
|
83
83
|
className,
|
|
84
84
|
...props
|
|
85
|
-
}: SelectItemProps):
|
|
85
|
+
}: SelectItemProps): react_jsx_runtime75.JSX.Element;
|
|
86
86
|
displayName: string;
|
|
87
87
|
};
|
|
88
88
|
type SelectItemTextProps = React.ComponentProps<typeof Select.ItemText>;
|
|
@@ -90,7 +90,7 @@ declare const SelectItemText: {
|
|
|
90
90
|
({
|
|
91
91
|
className,
|
|
92
92
|
...props
|
|
93
|
-
}: SelectItemTextProps):
|
|
93
|
+
}: SelectItemTextProps): react_jsx_runtime75.JSX.Element;
|
|
94
94
|
displayName: string;
|
|
95
95
|
};
|
|
96
96
|
type SelectItemIndicatorProps = React.ComponentProps<typeof Select.ItemIndicator>;
|
|
@@ -98,7 +98,7 @@ declare const SelectItemIndicator: {
|
|
|
98
98
|
({
|
|
99
99
|
className,
|
|
100
100
|
...props
|
|
101
|
-
}: SelectItemIndicatorProps):
|
|
101
|
+
}: SelectItemIndicatorProps): react_jsx_runtime75.JSX.Element;
|
|
102
102
|
displayName: string;
|
|
103
103
|
};
|
|
104
104
|
type SelectGroupProps = React.ComponentProps<typeof Select.Group>;
|
|
@@ -106,7 +106,7 @@ declare const SelectGroup: {
|
|
|
106
106
|
({
|
|
107
107
|
className,
|
|
108
108
|
...props
|
|
109
|
-
}: SelectGroupProps):
|
|
109
|
+
}: SelectGroupProps): react_jsx_runtime75.JSX.Element;
|
|
110
110
|
displayName: string;
|
|
111
111
|
};
|
|
112
112
|
type SelectGroupLabelProps = React.ComponentProps<typeof Select.GroupLabel>;
|
|
@@ -114,7 +114,7 @@ declare const SelectGroupLabel: {
|
|
|
114
114
|
({
|
|
115
115
|
className,
|
|
116
116
|
...props
|
|
117
|
-
}: SelectGroupLabelProps):
|
|
117
|
+
}: SelectGroupLabelProps): react_jsx_runtime75.JSX.Element;
|
|
118
118
|
displayName: string;
|
|
119
119
|
};
|
|
120
120
|
type SelectScrollUpArrowProps = React.ComponentProps<typeof Select.ScrollUpArrow>;
|
|
@@ -122,7 +122,7 @@ declare const SelectScrollUpArrow: {
|
|
|
122
122
|
({
|
|
123
123
|
className,
|
|
124
124
|
...props
|
|
125
|
-
}: SelectScrollUpArrowProps):
|
|
125
|
+
}: SelectScrollUpArrowProps): react_jsx_runtime75.JSX.Element;
|
|
126
126
|
displayName: string;
|
|
127
127
|
};
|
|
128
128
|
type SelectScrollDownArrowProps = React.ComponentProps<typeof Select.ScrollDownArrow>;
|
|
@@ -130,7 +130,7 @@ declare const SelectScrollDownArrow: {
|
|
|
130
130
|
({
|
|
131
131
|
className,
|
|
132
132
|
...props
|
|
133
|
-
}: SelectScrollDownArrowProps):
|
|
133
|
+
}: SelectScrollDownArrowProps): react_jsx_runtime75.JSX.Element;
|
|
134
134
|
displayName: string;
|
|
135
135
|
};
|
|
136
136
|
type SelectSeparatorProps = React.ComponentProps<typeof Select.Separator>;
|
|
@@ -138,7 +138,7 @@ declare const SelectSeparator: {
|
|
|
138
138
|
({
|
|
139
139
|
className,
|
|
140
140
|
...props
|
|
141
|
-
}: SelectSeparatorProps):
|
|
141
|
+
}: SelectSeparatorProps): react_jsx_runtime75.JSX.Element;
|
|
142
142
|
displayName: string;
|
|
143
143
|
};
|
|
144
144
|
//#endregion
|
package/dist/select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","names":[],"sources":["../src/components/select.tsx"],"sourcesContent":[],"mappings":";;;;;iBAeS,uEACA,kBAAoB,OAAO,YAAS,
|
|
1
|
+
{"version":3,"file":"select.d.ts","names":[],"sources":["../src/components/select.tsx"],"sourcesContent":[],"mappings":"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"}
|
package/dist/select.js
CHANGED
|
@@ -13,7 +13,7 @@ function SelectRoot(props) {
|
|
|
13
13
|
SelectRoot.displayName = "SelectRoot";
|
|
14
14
|
const SelectTrigger = ({ className, ...props }) => {
|
|
15
15
|
return /* @__PURE__ */ jsx(Select.Trigger, {
|
|
16
|
-
className: cn("flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground select-none hover:bg-muted data-popup-open:bg-muted", className),
|
|
16
|
+
className: cn("flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground shadow-xs select-none hover:bg-muted data-popup-open:bg-muted", className),
|
|
17
17
|
...props
|
|
18
18
|
});
|
|
19
19
|
};
|
package/dist/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","names":["BaseSelect"],"sources":["../src/components/select.tsx"],"sourcesContent":["'use client'\n\nimport {\n Select as BaseSelect,\n type SelectRootProps as BaseSelectRootProps,\n} from '@base-ui/react/select'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// SelectRoot\n// ============================================================================\n\nfunction SelectRoot<Value, Multiple extends boolean | undefined = false>(\n props: BaseSelectRootProps<Value, Multiple>,\n) {\n return <BaseSelect.Root {...props} />\n}\n\ntype SelectRootProps<\n Value,\n Multiple extends boolean | undefined = false,\n> = BaseSelectRootProps<Value, Multiple>\n\nSelectRoot.displayName = 'SelectRoot'\n\n// ============================================================================\n// SelectTrigger\n// ============================================================================\n\ntype SelectTriggerProps = React.ComponentProps<typeof BaseSelect.Trigger>\n\nconst SelectTrigger = ({ className, ...props }: SelectTriggerProps) => {\n return (\n <BaseSelect.Trigger\n className={cn(\n 'flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground select-none hover:bg-muted data-popup-open:bg-muted',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectTrigger.displayName = 'SelectTrigger'\n\n// ============================================================================\n// SelectValue\n// ============================================================================\n\ntype SelectValueProps = React.ComponentProps<typeof BaseSelect.Value>\n\nconst SelectValue = ({ className, ...props }: SelectValueProps) => {\n return (\n <BaseSelect.Value\n className={cn('data-placeholder:text-muted-foreground text-sm', className)}\n {...props}\n />\n )\n}\n\nSelectValue.displayName = 'SelectValue'\n\n// ============================================================================\n// SelectIcon\n// ============================================================================\n\ntype SelectIconProps = React.ComponentProps<typeof BaseSelect.Icon>\n\nconst SelectIcon = ({ className, ...props }: SelectIconProps) => {\n return <BaseSelect.Icon className={cn('flex', className)} {...props} />\n}\n\nSelectIcon.displayName = 'SelectIcon'\n\n// ============================================================================\n// SelectBackdrop\n// ============================================================================\n\ntype SelectBackdropProps = React.ComponentProps<typeof BaseSelect.Backdrop>\n\nconst SelectBackdrop = ({ className, ...props }: SelectBackdropProps) => {\n return (\n <BaseSelect.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectBackdrop.displayName = 'SelectBackdrop'\n\n// ============================================================================\n// SelectPortal\n// ============================================================================\n\ntype SelectPortalProps = React.ComponentProps<typeof BaseSelect.Portal>\n\nconst SelectPortal = (props: SelectPortalProps) => {\n return <BaseSelect.Portal {...props} />\n}\n\nSelectPortal.displayName = 'SelectPortal'\n\n// ============================================================================\n// SelectPositioner\n// ============================================================================\n\ntype SelectPositionerProps = React.ComponentProps<typeof BaseSelect.Positioner>\n\nconst SelectPositioner = ({ className, ...props }: SelectPositionerProps) => {\n return (\n <BaseSelect.Positioner\n className={cn('outline-none select-none z-50', className)}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nSelectPositioner.displayName = 'SelectPositioner'\n\n// ============================================================================\n// SelectPopup\n// ============================================================================\n\ntype SelectPopupProps = React.ComponentProps<typeof BaseSelect.Popup>\n\nconst SelectPopup = ({ className, ...props }: SelectPopupProps) => {\n return (\n <BaseSelect.Popup\n className={cn(\n 'group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none',\n 'dark:shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectPopup.displayName = 'SelectPopup'\n\n// ============================================================================\n// SelectList\n// ============================================================================\n\ntype SelectListProps = React.ComponentProps<typeof BaseSelect.List>\n\nconst SelectList = ({ className, ...props }: SelectListProps) => {\n return (\n <BaseSelect.List\n className={cn(\n 'relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectList.displayName = 'SelectList'\n\n// ============================================================================\n// SelectArrow\n// ============================================================================\n\ntype SelectArrowProps = React.ComponentProps<typeof BaseSelect.Arrow>\n\nconst SelectArrow = ({ className, ...props }: SelectArrowProps) => {\n return (\n <BaseSelect.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BaseSelect.Arrow>\n )\n}\n\nSelectArrow.displayName = 'SelectArrow'\n\n// ============================================================================\n// SelectItem\n// ============================================================================\n\ntype SelectItemProps = React.ComponentProps<typeof BaseSelect.Item>\n\nconst SelectItem = ({ className, ...props }: SelectItemProps) => {\n return (\n <BaseSelect.Item\n className={cn(\n 'flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none',\n 'data-selected:bg-accent data-selected:text-accent-foreground',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectItem.displayName = 'SelectItem'\n\n// ============================================================================\n// SelectItemText\n// ============================================================================\n\ntype SelectItemTextProps = React.ComponentProps<typeof BaseSelect.ItemText>\n\nconst SelectItemText = ({ className, ...props }: SelectItemTextProps) => {\n return (\n <BaseSelect.ItemText className={cn('col-start-2 text-sm', className)} {...props} />\n )\n}\n\nSelectItemText.displayName = 'SelectItemText'\n\n// ============================================================================\n// SelectItemIndicator\n// ============================================================================\n\ntype SelectItemIndicatorProps = React.ComponentProps<typeof BaseSelect.ItemIndicator>\n\nconst SelectItemIndicator = ({ className, ...props }: SelectItemIndicatorProps) => {\n return <BaseSelect.ItemIndicator className={cn('col-start-1', className)} {...props} />\n}\n\nSelectItemIndicator.displayName = 'SelectItemIndicator'\n\n// ============================================================================\n// SelectGroup\n// ============================================================================\n\ntype SelectGroupProps = React.ComponentProps<typeof BaseSelect.Group>\n\nconst SelectGroup = ({ className, ...props }: SelectGroupProps) => {\n return <BaseSelect.Group className={cn(className)} {...props} />\n}\n\nSelectGroup.displayName = 'SelectGroup'\n\n// ============================================================================\n// SelectGroupLabel\n// ============================================================================\n\ntype SelectGroupLabelProps = React.ComponentProps<typeof BaseSelect.GroupLabel>\n\nconst SelectGroupLabel = ({ className, ...props }: SelectGroupLabelProps) => {\n return (\n <BaseSelect.GroupLabel\n className={cn('px-3 py-1.5 text-sm font-semibold', className)}\n {...props}\n />\n )\n}\n\nSelectGroupLabel.displayName = 'SelectGroupLabel'\n\n// ============================================================================\n// SelectScrollUpArrow\n// ============================================================================\n\ntype SelectScrollUpArrowProps = React.ComponentProps<typeof BaseSelect.ScrollUpArrow>\n\nconst SelectScrollUpArrow = ({ className, ...props }: SelectScrollUpArrowProps) => {\n return (\n <BaseSelect.ScrollUpArrow\n className={cn(\n 'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[\"\"]',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectScrollUpArrow.displayName = 'SelectScrollUpArrow'\n\n// ============================================================================\n// SelectScrollDownArrow\n// ============================================================================\n\ntype SelectScrollDownArrowProps = React.ComponentProps<typeof BaseSelect.ScrollDownArrow>\n\nconst SelectScrollDownArrow = ({ className, ...props }: SelectScrollDownArrowProps) => {\n return (\n <BaseSelect.ScrollDownArrow\n className={cn(\n 'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[\"\"] bottom-0 data-[side=none]:before:-bottom-full',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectScrollDownArrow.displayName = 'SelectScrollDownArrow'\n\n// ============================================================================\n// SelectSeparator\n// ============================================================================\n\ntype SelectSeparatorProps = React.ComponentProps<typeof BaseSelect.Separator>\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => {\n return (\n <BaseSelect.Separator\n className={cn('-mx-1 my-1 h-px bg-border', className)}\n {...props}\n />\n )\n}\n\nSelectSeparator.displayName = 'SelectSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n SelectRoot,\n SelectTrigger,\n SelectValue,\n SelectIcon,\n SelectBackdrop,\n SelectPortal,\n SelectPositioner,\n SelectPopup,\n SelectList,\n SelectArrow,\n SelectItem,\n SelectItemText,\n SelectItemIndicator,\n SelectGroup,\n SelectGroupLabel,\n SelectScrollUpArrow,\n SelectScrollDownArrow,\n SelectSeparator,\n}\n\nexport type {\n SelectRootProps,\n SelectTriggerProps,\n SelectValueProps,\n SelectIconProps,\n SelectBackdropProps,\n SelectPortalProps,\n SelectPositionerProps,\n SelectPopupProps,\n SelectListProps,\n SelectArrowProps,\n SelectItemProps,\n SelectItemTextProps,\n SelectItemIndicatorProps,\n SelectGroupProps,\n SelectGroupLabelProps,\n SelectScrollUpArrowProps,\n SelectScrollDownArrowProps,\n SelectSeparatorProps,\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.js","names":["BaseSelect"],"sources":["../src/components/select.tsx"],"sourcesContent":["'use client'\n\nimport {\n Select as BaseSelect,\n type SelectRootProps as BaseSelectRootProps,\n} from '@base-ui/react/select'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// SelectRoot\n// ============================================================================\n\nfunction SelectRoot<Value, Multiple extends boolean | undefined = false>(\n props: BaseSelectRootProps<Value, Multiple>,\n) {\n return <BaseSelect.Root {...props} />\n}\n\ntype SelectRootProps<\n Value,\n Multiple extends boolean | undefined = false,\n> = BaseSelectRootProps<Value, Multiple>\n\nSelectRoot.displayName = 'SelectRoot'\n\n// ============================================================================\n// SelectTrigger\n// ============================================================================\n\ntype SelectTriggerProps = React.ComponentProps<typeof BaseSelect.Trigger>\n\nconst SelectTrigger = ({ className, ...props }: SelectTriggerProps) => {\n return (\n <BaseSelect.Trigger\n className={cn(\n 'flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground shadow-xs select-none hover:bg-muted data-popup-open:bg-muted',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectTrigger.displayName = 'SelectTrigger'\n\n// ============================================================================\n// SelectValue\n// ============================================================================\n\ntype SelectValueProps = React.ComponentProps<typeof BaseSelect.Value>\n\nconst SelectValue = ({ className, ...props }: SelectValueProps) => {\n return (\n <BaseSelect.Value\n className={cn('data-placeholder:text-muted-foreground text-sm', className)}\n {...props}\n />\n )\n}\n\nSelectValue.displayName = 'SelectValue'\n\n// ============================================================================\n// SelectIcon\n// ============================================================================\n\ntype SelectIconProps = React.ComponentProps<typeof BaseSelect.Icon>\n\nconst SelectIcon = ({ className, ...props }: SelectIconProps) => {\n return <BaseSelect.Icon className={cn('flex', className)} {...props} />\n}\n\nSelectIcon.displayName = 'SelectIcon'\n\n// ============================================================================\n// SelectBackdrop\n// ============================================================================\n\ntype SelectBackdropProps = React.ComponentProps<typeof BaseSelect.Backdrop>\n\nconst SelectBackdrop = ({ className, ...props }: SelectBackdropProps) => {\n return (\n <BaseSelect.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectBackdrop.displayName = 'SelectBackdrop'\n\n// ============================================================================\n// SelectPortal\n// ============================================================================\n\ntype SelectPortalProps = React.ComponentProps<typeof BaseSelect.Portal>\n\nconst SelectPortal = (props: SelectPortalProps) => {\n return <BaseSelect.Portal {...props} />\n}\n\nSelectPortal.displayName = 'SelectPortal'\n\n// ============================================================================\n// SelectPositioner\n// ============================================================================\n\ntype SelectPositionerProps = React.ComponentProps<typeof BaseSelect.Positioner>\n\nconst SelectPositioner = ({ className, ...props }: SelectPositionerProps) => {\n return (\n <BaseSelect.Positioner\n className={cn('outline-none select-none z-50', className)}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nSelectPositioner.displayName = 'SelectPositioner'\n\n// ============================================================================\n// SelectPopup\n// ============================================================================\n\ntype SelectPopupProps = React.ComponentProps<typeof BaseSelect.Popup>\n\nconst SelectPopup = ({ className, ...props }: SelectPopupProps) => {\n return (\n <BaseSelect.Popup\n className={cn(\n 'group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none',\n 'dark:shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectPopup.displayName = 'SelectPopup'\n\n// ============================================================================\n// SelectList\n// ============================================================================\n\ntype SelectListProps = React.ComponentProps<typeof BaseSelect.List>\n\nconst SelectList = ({ className, ...props }: SelectListProps) => {\n return (\n <BaseSelect.List\n className={cn(\n 'relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectList.displayName = 'SelectList'\n\n// ============================================================================\n// SelectArrow\n// ============================================================================\n\ntype SelectArrowProps = React.ComponentProps<typeof BaseSelect.Arrow>\n\nconst SelectArrow = ({ className, ...props }: SelectArrowProps) => {\n return (\n <BaseSelect.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BaseSelect.Arrow>\n )\n}\n\nSelectArrow.displayName = 'SelectArrow'\n\n// ============================================================================\n// SelectItem\n// ============================================================================\n\ntype SelectItemProps = React.ComponentProps<typeof BaseSelect.Item>\n\nconst SelectItem = ({ className, ...props }: SelectItemProps) => {\n return (\n <BaseSelect.Item\n className={cn(\n 'flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none',\n 'data-selected:bg-accent data-selected:text-accent-foreground',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectItem.displayName = 'SelectItem'\n\n// ============================================================================\n// SelectItemText\n// ============================================================================\n\ntype SelectItemTextProps = React.ComponentProps<typeof BaseSelect.ItemText>\n\nconst SelectItemText = ({ className, ...props }: SelectItemTextProps) => {\n return (\n <BaseSelect.ItemText className={cn('col-start-2 text-sm', className)} {...props} />\n )\n}\n\nSelectItemText.displayName = 'SelectItemText'\n\n// ============================================================================\n// SelectItemIndicator\n// ============================================================================\n\ntype SelectItemIndicatorProps = React.ComponentProps<typeof BaseSelect.ItemIndicator>\n\nconst SelectItemIndicator = ({ className, ...props }: SelectItemIndicatorProps) => {\n return <BaseSelect.ItemIndicator className={cn('col-start-1', className)} {...props} />\n}\n\nSelectItemIndicator.displayName = 'SelectItemIndicator'\n\n// ============================================================================\n// SelectGroup\n// ============================================================================\n\ntype SelectGroupProps = React.ComponentProps<typeof BaseSelect.Group>\n\nconst SelectGroup = ({ className, ...props }: SelectGroupProps) => {\n return <BaseSelect.Group className={cn(className)} {...props} />\n}\n\nSelectGroup.displayName = 'SelectGroup'\n\n// ============================================================================\n// SelectGroupLabel\n// ============================================================================\n\ntype SelectGroupLabelProps = React.ComponentProps<typeof BaseSelect.GroupLabel>\n\nconst SelectGroupLabel = ({ className, ...props }: SelectGroupLabelProps) => {\n return (\n <BaseSelect.GroupLabel\n className={cn('px-3 py-1.5 text-sm font-semibold', className)}\n {...props}\n />\n )\n}\n\nSelectGroupLabel.displayName = 'SelectGroupLabel'\n\n// ============================================================================\n// SelectScrollUpArrow\n// ============================================================================\n\ntype SelectScrollUpArrowProps = React.ComponentProps<typeof BaseSelect.ScrollUpArrow>\n\nconst SelectScrollUpArrow = ({ className, ...props }: SelectScrollUpArrowProps) => {\n return (\n <BaseSelect.ScrollUpArrow\n className={cn(\n 'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[\"\"]',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectScrollUpArrow.displayName = 'SelectScrollUpArrow'\n\n// ============================================================================\n// SelectScrollDownArrow\n// ============================================================================\n\ntype SelectScrollDownArrowProps = React.ComponentProps<typeof BaseSelect.ScrollDownArrow>\n\nconst SelectScrollDownArrow = ({ className, ...props }: SelectScrollDownArrowProps) => {\n return (\n <BaseSelect.ScrollDownArrow\n className={cn(\n 'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[\"\"] bottom-0 data-[side=none]:before:-bottom-full',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectScrollDownArrow.displayName = 'SelectScrollDownArrow'\n\n// ============================================================================\n// SelectSeparator\n// ============================================================================\n\ntype SelectSeparatorProps = React.ComponentProps<typeof BaseSelect.Separator>\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => {\n return (\n <BaseSelect.Separator\n className={cn('-mx-1 my-1 h-px bg-border', className)}\n {...props}\n />\n )\n}\n\nSelectSeparator.displayName = 'SelectSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n SelectRoot,\n SelectTrigger,\n SelectValue,\n SelectIcon,\n SelectBackdrop,\n SelectPortal,\n SelectPositioner,\n SelectPopup,\n SelectList,\n SelectArrow,\n SelectItem,\n SelectItemText,\n SelectItemIndicator,\n SelectGroup,\n SelectGroupLabel,\n SelectScrollUpArrow,\n SelectScrollDownArrow,\n SelectSeparator,\n}\n\nexport type {\n SelectRootProps,\n SelectTriggerProps,\n SelectValueProps,\n SelectIconProps,\n SelectBackdropProps,\n SelectPortalProps,\n SelectPositionerProps,\n SelectPopupProps,\n SelectListProps,\n SelectArrowProps,\n SelectItemProps,\n SelectItemTextProps,\n SelectItemIndicatorProps,\n SelectGroupProps,\n SelectGroupLabelProps,\n SelectScrollUpArrowProps,\n SelectScrollDownArrowProps,\n SelectSeparatorProps,\n}\n"],"mappings":"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"}
|
package/dist/separator.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime111 from "react/jsx-runtime";
|
|
3
3
|
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
4
4
|
|
|
5
5
|
//#region src/components/separator.d.ts
|
|
@@ -9,7 +9,7 @@ declare const Separator: {
|
|
|
9
9
|
className,
|
|
10
10
|
orientation,
|
|
11
11
|
...props
|
|
12
|
-
}: SeparatorProps):
|
|
12
|
+
}: SeparatorProps): react_jsx_runtime111.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
//#endregion
|
package/dist/skeleton.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime125 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/skeleton.d.ts
|
|
5
5
|
type SkeletonAnimation = 'pulse' | 'shimmer' | 'none';
|
|
@@ -12,7 +12,7 @@ declare const Skeleton: {
|
|
|
12
12
|
className,
|
|
13
13
|
animation,
|
|
14
14
|
...props
|
|
15
|
-
}: SkeletonProps):
|
|
15
|
+
}: SkeletonProps): react_jsx_runtime125.JSX.Element;
|
|
16
16
|
displayName: string;
|
|
17
17
|
};
|
|
18
18
|
//#endregion
|
package/dist/slider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime128 from "react/jsx-runtime";
|
|
3
3
|
import { Slider } from "@base-ui/react/slider";
|
|
4
4
|
|
|
5
5
|
//#region src/components/slider.d.ts
|
|
@@ -8,7 +8,7 @@ declare const SliderRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: SliderRootProps):
|
|
11
|
+
}: SliderRootProps): react_jsx_runtime128.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type SliderValueProps = React.ComponentProps<typeof Slider.Value>;
|
|
@@ -16,7 +16,7 @@ declare const SliderValue: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: SliderValueProps):
|
|
19
|
+
}: SliderValueProps): react_jsx_runtime128.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type SliderControlProps = React.ComponentProps<typeof Slider.Control>;
|
|
@@ -24,7 +24,7 @@ declare const SliderControl: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: SliderControlProps):
|
|
27
|
+
}: SliderControlProps): react_jsx_runtime128.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type SliderTrackProps = React.ComponentProps<typeof Slider.Track>;
|
|
@@ -32,7 +32,7 @@ declare const SliderTrack: {
|
|
|
32
32
|
({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: SliderTrackProps):
|
|
35
|
+
}: SliderTrackProps): react_jsx_runtime128.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type SliderIndicatorProps = React.ComponentProps<typeof Slider.Indicator>;
|
|
@@ -40,7 +40,7 @@ declare const SliderIndicator: {
|
|
|
40
40
|
({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: SliderIndicatorProps):
|
|
43
|
+
}: SliderIndicatorProps): react_jsx_runtime128.JSX.Element;
|
|
44
44
|
displayName: string;
|
|
45
45
|
};
|
|
46
46
|
type SliderThumbProps = React.ComponentProps<typeof Slider.Thumb>;
|
|
@@ -48,7 +48,7 @@ declare const SliderThumb: {
|
|
|
48
48
|
({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: SliderThumbProps):
|
|
51
|
+
}: SliderThumbProps): react_jsx_runtime128.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
//#endregion
|
package/dist/styles/default.css
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
--accent: oklch(0.97 0 0);
|
|
43
43
|
--accent-foreground: oklch(0.205 0 0);
|
|
44
44
|
--destructive: oklch(0.577 0.245 27.325);
|
|
45
|
-
--success: oklch(0.
|
|
45
|
+
--success: oklch(0.65 0.219 149.579);
|
|
46
46
|
--warning: oklch(0.75 0.18 85);
|
|
47
47
|
--info: oklch(0.55 0.2 255);
|
|
48
48
|
--border: oklch(0.922 0 0);
|
package/dist/switch.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime126 from "react/jsx-runtime";
|
|
3
3
|
import { Switch } from "@base-ui/react/switch";
|
|
4
4
|
|
|
5
5
|
//#region src/components/switch.d.ts
|
|
@@ -8,7 +8,7 @@ declare const SwitchRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: SwitchRootProps):
|
|
11
|
+
}: SwitchRootProps): react_jsx_runtime126.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type SwitchThumbProps = React.ComponentProps<typeof Switch.Thumb>;
|
|
@@ -16,7 +16,7 @@ declare const SwitchThumb: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: SwitchThumbProps):
|
|
19
|
+
}: SwitchThumbProps): react_jsx_runtime126.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ColumnDef, FilterDef, FilterPredicate, FilterValues, FiltersConfig, PaginationConfig, ProcessedColumn, RowKeyGetter, SearchConfig, SelectionConfig, SelectionState, SortDirection, UseTableOptions, UseTableReturn } from "../components/table/types.js";
|
|
2
|
+
import { TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSize, TableVariant } from "../components/table/primitives.js";
|
|
3
|
+
import { useTable } from "./use-table.js";
|
|
4
|
+
import { containsFilter, equalsFilter, includesFilter, rangeFilter } from "../components/table/filters.js";
|
|
5
|
+
export { ColumnDef, type FilterDef, type FilterPredicate, type FilterValues, type FiltersConfig, PaginationConfig, ProcessedColumn, type RowKeyGetter, type SearchConfig, type SelectionConfig, type SelectionState, type SortDirection, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSize, TableVariant, UseTableOptions, UseTableReturn, containsFilter, equalsFilter, includesFilter, rangeFilter, useTable };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow } from "../components/table/primitives.js";
|
|
2
|
+
import { useTable } from "./use-table.js";
|
|
3
|
+
import { containsFilter, equalsFilter, includesFilter, rangeFilter } from "../components/table/filters.js";
|
|
4
|
+
|
|
5
|
+
export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRoot, TableRow, containsFilter, equalsFilter, includesFilter, rangeFilter, useTable };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { UseTableOptions, UseTableReturn } from "../components/table/types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/components/table/use-table.d.ts
|
|
4
|
+
declare function useTable<T>(options: UseTableOptions<T>): UseTableReturn<T>;
|
|
5
|
+
//# sourceMappingURL=use-table.d.ts.map
|
|
6
|
+
|
|
7
|
+
//#endregion
|
|
8
|
+
export { useTable };
|
|
9
|
+
//# sourceMappingURL=use-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-table.d.ts","names":[],"sources":["../../src/components/table/use-table.ts"],"sourcesContent":[],"mappings":";;;iBAiBgB,qBAAqB,gBAAgB,KAAK,eAAe"}
|