@cloudvoyant/helix 0.12.0 → 0.13.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/index.cjs +257 -0
- package/dist/index.d.cts +112 -1
- package/dist/index.d.ts +112 -1
- package/dist/index.js +202 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -36,11 +36,39 @@ __export(index_exports, {
|
|
|
36
36
|
cardTitleBase: () => cardTitleBase,
|
|
37
37
|
cardVariants: () => cardVariants,
|
|
38
38
|
centerBase: () => centerBase,
|
|
39
|
+
checkboxGroupBase: () => checkboxGroupBase,
|
|
40
|
+
checkboxIndicatorBase: () => checkboxIndicatorBase,
|
|
41
|
+
checkboxLabelBase: () => checkboxLabelBase,
|
|
42
|
+
checkboxVariants: () => checkboxVariants,
|
|
39
43
|
cn: () => cn,
|
|
40
44
|
colBase: () => colBase,
|
|
45
|
+
comboboxClearTriggerBase: () => comboboxClearTriggerBase,
|
|
46
|
+
comboboxContentBase: () => comboboxContentBase,
|
|
47
|
+
comboboxControlBase: () => comboboxControlBase,
|
|
48
|
+
comboboxEmptyBase: () => comboboxEmptyBase,
|
|
49
|
+
comboboxInputBase: () => comboboxInputBase,
|
|
50
|
+
comboboxItemGroupLabelBase: () => comboboxItemGroupLabelBase,
|
|
51
|
+
comboboxItemIndicatorBase: () => comboboxItemIndicatorBase,
|
|
52
|
+
comboboxItemVariants: () => comboboxItemVariants,
|
|
53
|
+
comboboxListBase: () => comboboxListBase,
|
|
54
|
+
comboboxPositionerBase: () => comboboxPositionerBase,
|
|
55
|
+
comboboxTriggerBase: () => comboboxTriggerBase,
|
|
41
56
|
containerBase: () => containerBase,
|
|
57
|
+
fieldErrorBase: () => fieldErrorBase,
|
|
58
|
+
fieldHelperBase: () => fieldHelperBase,
|
|
59
|
+
fieldLabelBase: () => fieldLabelBase,
|
|
60
|
+
fieldRequiredIndicatorBase: () => fieldRequiredIndicatorBase,
|
|
61
|
+
fieldRootBase: () => fieldRootBase,
|
|
62
|
+
fieldsetErrorBase: () => fieldsetErrorBase,
|
|
63
|
+
fieldsetHelperBase: () => fieldsetHelperBase,
|
|
64
|
+
fieldsetLegendBase: () => fieldsetLegendBase,
|
|
65
|
+
fieldsetRootBase: () => fieldsetRootBase,
|
|
42
66
|
hstackBase: () => hstackBase,
|
|
67
|
+
inputVariants: () => inputVariants,
|
|
43
68
|
itemVariants: () => itemVariants,
|
|
69
|
+
nativeSelectIconBase: () => nativeSelectIconBase,
|
|
70
|
+
nativeSelectVariants: () => nativeSelectVariants,
|
|
71
|
+
nativeSelectWrapperBase: () => nativeSelectWrapperBase,
|
|
44
72
|
navbarActionsBase: () => navbarActionsBase,
|
|
45
73
|
navbarActivationAreaBase: () => navbarActivationAreaBase,
|
|
46
74
|
navbarBrandBase: () => navbarBrandBase,
|
|
@@ -67,6 +95,10 @@ __export(index_exports, {
|
|
|
67
95
|
navbarShrunkBase: () => navbarShrunkBase,
|
|
68
96
|
navbarTriggerVariants: () => navbarTriggerVariants,
|
|
69
97
|
navbarVariants: () => navbarVariants,
|
|
98
|
+
numberInputControlBase: () => numberInputControlBase,
|
|
99
|
+
numberInputInputBase: () => numberInputInputBase,
|
|
100
|
+
numberInputRootBase: () => numberInputRootBase,
|
|
101
|
+
numberInputTriggerBase: () => numberInputTriggerBase,
|
|
70
102
|
paginationEllipsisBase: () => paginationEllipsisBase,
|
|
71
103
|
paginationItemBase: () => paginationItemBase,
|
|
72
104
|
paginationRootBase: () => paginationRootBase,
|
|
@@ -78,6 +110,16 @@ __export(index_exports, {
|
|
|
78
110
|
scrollScrollbarBase: () => scrollScrollbarBase,
|
|
79
111
|
scrollThumbBase: () => scrollThumbBase,
|
|
80
112
|
scrollViewportBase: () => scrollViewportBase,
|
|
113
|
+
selectClearTriggerBase: () => selectClearTriggerBase,
|
|
114
|
+
selectContentBase: () => selectContentBase,
|
|
115
|
+
selectIndicatorBase: () => selectIndicatorBase,
|
|
116
|
+
selectItemBase: () => selectItemBase,
|
|
117
|
+
selectItemGroupLabelBase: () => selectItemGroupLabelBase,
|
|
118
|
+
selectItemIndicatorBase: () => selectItemIndicatorBase,
|
|
119
|
+
selectItemTextBase: () => selectItemTextBase,
|
|
120
|
+
selectPositionerBase: () => selectPositionerBase,
|
|
121
|
+
selectTriggerBase: () => selectTriggerBase,
|
|
122
|
+
selectValueBase: () => selectValueBase,
|
|
81
123
|
sidebarMenuButtonVariants: () => sidebarMenuButtonVariants,
|
|
82
124
|
sidebarStyles: () => sidebarStyles,
|
|
83
125
|
splitterPanelBase: () => splitterPanelBase,
|
|
@@ -86,6 +128,10 @@ __export(index_exports, {
|
|
|
86
128
|
splitterResizeTriggerSeparatorBase: () => splitterResizeTriggerSeparatorBase,
|
|
87
129
|
splitterRootBase: () => splitterRootBase,
|
|
88
130
|
stackBase: () => stackBase,
|
|
131
|
+
switchControlBase: () => switchControlBase,
|
|
132
|
+
switchLabelBase: () => switchLabelBase,
|
|
133
|
+
switchThumbBase: () => switchThumbBase,
|
|
134
|
+
switchVariants: () => switchVariants,
|
|
89
135
|
tabsContentBase: () => tabsContentBase,
|
|
90
136
|
tabsIndicatorBase: () => tabsIndicatorBase,
|
|
91
137
|
tabsIndicatorVariants: () => tabsIndicatorVariants,
|
|
@@ -93,6 +139,15 @@ __export(index_exports, {
|
|
|
93
139
|
tabsListVariants: () => tabsListVariants,
|
|
94
140
|
tabsRootBase: () => tabsRootBase,
|
|
95
141
|
tabsTriggerBase: () => tabsTriggerBase,
|
|
142
|
+
tagsInputClearTriggerBase: () => tagsInputClearTriggerBase,
|
|
143
|
+
tagsInputControlBase: () => tagsInputControlBase,
|
|
144
|
+
tagsInputInputBase: () => tagsInputInputBase,
|
|
145
|
+
tagsInputItemBase: () => tagsInputItemBase,
|
|
146
|
+
tagsInputItemDeleteTriggerBase: () => tagsInputItemDeleteTriggerBase,
|
|
147
|
+
tagsInputItemInputBase: () => tagsInputItemInputBase,
|
|
148
|
+
tagsInputItemTextBase: () => tagsInputItemTextBase,
|
|
149
|
+
tagsInputRootBase: () => tagsInputRootBase,
|
|
150
|
+
textareaBase: () => textareaBase,
|
|
96
151
|
toggleButtonVariants: () => toggleButtonVariants,
|
|
97
152
|
vstackBase: () => vstackBase
|
|
98
153
|
});
|
|
@@ -620,6 +675,153 @@ var import_tailwind_merge = require("tailwind-merge");
|
|
|
620
675
|
function cn(...inputs) {
|
|
621
676
|
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
622
677
|
}
|
|
678
|
+
|
|
679
|
+
// src/field.ts
|
|
680
|
+
var fieldRootBase = "flex w-full flex-col gap-2 data-invalid:text-destructive";
|
|
681
|
+
var fieldLabelBase = "flex w-fit select-none items-center gap-1 text-sm font-medium leading-none text-foreground";
|
|
682
|
+
var fieldHelperBase = "text-sm text-muted-foreground";
|
|
683
|
+
var fieldErrorBase = "text-sm text-destructive";
|
|
684
|
+
var fieldRequiredIndicatorBase = "text-destructive";
|
|
685
|
+
var fieldsetRootBase = "flex flex-col gap-6";
|
|
686
|
+
var fieldsetLegendBase = "mb-3 text-base font-medium";
|
|
687
|
+
var fieldsetHelperBase = "text-sm text-muted-foreground";
|
|
688
|
+
var fieldsetErrorBase = "text-sm text-destructive";
|
|
689
|
+
|
|
690
|
+
// src/input.ts
|
|
691
|
+
var import_class_variance_authority10 = require("class-variance-authority");
|
|
692
|
+
var inputVariants = (0, import_class_variance_authority10.cva)(
|
|
693
|
+
"flex w-full min-w-0 rounded-md border border-input bg-transparent px-3 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24",
|
|
694
|
+
{
|
|
695
|
+
variants: {
|
|
696
|
+
size: {
|
|
697
|
+
sm: "h-8 px-2.5",
|
|
698
|
+
md: "h-9",
|
|
699
|
+
lg: "h-10"
|
|
700
|
+
}
|
|
701
|
+
},
|
|
702
|
+
defaultVariants: {
|
|
703
|
+
size: "md"
|
|
704
|
+
}
|
|
705
|
+
}
|
|
706
|
+
);
|
|
707
|
+
|
|
708
|
+
// src/textarea.ts
|
|
709
|
+
var textareaBase = "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
710
|
+
|
|
711
|
+
// src/number-input.ts
|
|
712
|
+
var numberInputRootBase = "flex w-full flex-col items-start gap-2";
|
|
713
|
+
var numberInputControlBase = "flex w-full items-center justify-between rounded-md border border-input bg-transparent shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
714
|
+
var numberInputInputBase = "h-9 w-full min-w-0 flex-1 border-0 bg-transparent px-3 text-center text-sm tabular-nums shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
|
|
715
|
+
var numberInputTriggerBase = "flex size-9 shrink-0 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
716
|
+
|
|
717
|
+
// src/checkbox.ts
|
|
718
|
+
var import_class_variance_authority11 = require("class-variance-authority");
|
|
719
|
+
var checkboxVariants = (0, import_class_variance_authority11.cva)(
|
|
720
|
+
"relative inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-input bg-transparent shadow-xs transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 focus-visible:ring-offset-1 focus-visible:ring-offset-background data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 disabled:pointer-events-none disabled:opacity-50",
|
|
721
|
+
{
|
|
722
|
+
variants: {
|
|
723
|
+
size: {
|
|
724
|
+
sm: "size-3.5",
|
|
725
|
+
md: "size-4",
|
|
726
|
+
lg: "size-5"
|
|
727
|
+
}
|
|
728
|
+
},
|
|
729
|
+
defaultVariants: {
|
|
730
|
+
size: "md"
|
|
731
|
+
}
|
|
732
|
+
}
|
|
733
|
+
);
|
|
734
|
+
var checkboxIndicatorBase = "flex size-full items-center justify-center text-primary-foreground data-[state=unchecked]:hidden [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
735
|
+
var checkboxLabelBase = "select-none text-sm font-medium leading-none";
|
|
736
|
+
var checkboxGroupBase = "flex flex-col gap-2";
|
|
737
|
+
|
|
738
|
+
// src/switch.ts
|
|
739
|
+
var import_class_variance_authority12 = require("class-variance-authority");
|
|
740
|
+
var switchVariants = (0, import_class_variance_authority12.cva)(
|
|
741
|
+
"inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-input p-0.5 shadow-xs transition-colors outline-none data-[state=checked]:bg-primary data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50",
|
|
742
|
+
{
|
|
743
|
+
variants: {
|
|
744
|
+
size: {
|
|
745
|
+
sm: "h-5 w-9",
|
|
746
|
+
md: "h-6 w-11",
|
|
747
|
+
lg: "h-7 w-12"
|
|
748
|
+
}
|
|
749
|
+
},
|
|
750
|
+
defaultVariants: {
|
|
751
|
+
size: "md"
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
);
|
|
755
|
+
var switchControlBase = "flex size-full items-center";
|
|
756
|
+
var switchThumbBase = "pointer-events-none block aspect-square h-full w-auto rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-[calc(100%-1px)] data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground";
|
|
757
|
+
var switchLabelBase = "select-none text-sm font-medium leading-none";
|
|
758
|
+
|
|
759
|
+
// src/select.ts
|
|
760
|
+
var import_class_variance_authority13 = require("class-variance-authority");
|
|
761
|
+
var selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace-nowrap data-[placeholder-shown]:text-muted-foreground data-[state=open]:border-ring data-[state=open]:ring-[3px] data-[state=open]:ring-ring/30 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
762
|
+
var selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
763
|
+
var selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
764
|
+
var selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
765
|
+
var selectPositionerBase = "z-50";
|
|
766
|
+
var selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
767
|
+
var selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
768
|
+
var selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
769
|
+
var selectItemTextBase = "flex w-full flex-1 items-center gap-2";
|
|
770
|
+
var selectItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
771
|
+
var nativeSelectVariants = (0, import_class_variance_authority13.cva)(
|
|
772
|
+
"appearance-none w-full min-w-0 rounded-md border border-input bg-transparent pe-8 ps-2.5 text-sm shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24",
|
|
773
|
+
{
|
|
774
|
+
variants: {
|
|
775
|
+
size: {
|
|
776
|
+
sm: "h-8",
|
|
777
|
+
md: "h-9",
|
|
778
|
+
lg: "h-10"
|
|
779
|
+
}
|
|
780
|
+
},
|
|
781
|
+
defaultVariants: {
|
|
782
|
+
size: "md"
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
);
|
|
786
|
+
var nativeSelectWrapperBase = "relative w-fit [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
787
|
+
var nativeSelectIconBase = "pointer-events-none absolute inset-y-0 end-2.5 flex items-center justify-center text-muted-foreground";
|
|
788
|
+
|
|
789
|
+
// src/combobox.ts
|
|
790
|
+
var import_class_variance_authority14 = require("class-variance-authority");
|
|
791
|
+
var comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
|
|
792
|
+
var comboboxInputBase = "pe-8";
|
|
793
|
+
var comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
794
|
+
var comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
795
|
+
var comboboxPositionerBase = "z-50";
|
|
796
|
+
var comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
797
|
+
var comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
798
|
+
var comboboxItemVariants = (0, import_class_variance_authority14.cva)(
|
|
799
|
+
"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",
|
|
800
|
+
{
|
|
801
|
+
variants: {
|
|
802
|
+
showIndicator: {
|
|
803
|
+
true: "pe-8",
|
|
804
|
+
false: "pe-2"
|
|
805
|
+
}
|
|
806
|
+
},
|
|
807
|
+
defaultVariants: {
|
|
808
|
+
showIndicator: true
|
|
809
|
+
}
|
|
810
|
+
}
|
|
811
|
+
);
|
|
812
|
+
var comboboxItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
813
|
+
var comboboxListBase = "flex flex-col";
|
|
814
|
+
var comboboxEmptyBase = "px-2 py-1.5 text-center text-sm text-muted-foreground";
|
|
815
|
+
|
|
816
|
+
// src/tags-input.ts
|
|
817
|
+
var tagsInputRootBase = "flex w-full flex-col gap-2";
|
|
818
|
+
var tagsInputControlBase = "flex w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent p-1.5 shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-disabled:pointer-events-none data-disabled:opacity-50";
|
|
819
|
+
var tagsInputInputBase = "min-w-12 flex-1 border-0 bg-transparent px-1 text-sm outline-none ring-0 placeholder:text-muted-foreground focus-visible:ring-0";
|
|
820
|
+
var tagsInputItemBase = "inline-flex h-6 max-w-full shrink-0 items-center gap-1 rounded-md border bg-secondary px-1.5 text-xs text-secondary-foreground outline-none data-[highlighted]:border-primary/30 data-[highlighted]:bg-primary/10";
|
|
821
|
+
var tagsInputItemTextBase = "truncate";
|
|
822
|
+
var tagsInputItemInputBase = "w-16 border-0 bg-transparent text-xs outline-none";
|
|
823
|
+
var tagsInputItemDeleteTriggerBase = "flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
824
|
+
var tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-center self-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
623
825
|
// Annotate the CommonJS export names for ESM import in node:
|
|
624
826
|
0 && (module.exports = {
|
|
625
827
|
SIDEBAR_KEYBOARD_SHORTCUT,
|
|
@@ -638,11 +840,39 @@ function cn(...inputs) {
|
|
|
638
840
|
cardTitleBase,
|
|
639
841
|
cardVariants,
|
|
640
842
|
centerBase,
|
|
843
|
+
checkboxGroupBase,
|
|
844
|
+
checkboxIndicatorBase,
|
|
845
|
+
checkboxLabelBase,
|
|
846
|
+
checkboxVariants,
|
|
641
847
|
cn,
|
|
642
848
|
colBase,
|
|
849
|
+
comboboxClearTriggerBase,
|
|
850
|
+
comboboxContentBase,
|
|
851
|
+
comboboxControlBase,
|
|
852
|
+
comboboxEmptyBase,
|
|
853
|
+
comboboxInputBase,
|
|
854
|
+
comboboxItemGroupLabelBase,
|
|
855
|
+
comboboxItemIndicatorBase,
|
|
856
|
+
comboboxItemVariants,
|
|
857
|
+
comboboxListBase,
|
|
858
|
+
comboboxPositionerBase,
|
|
859
|
+
comboboxTriggerBase,
|
|
643
860
|
containerBase,
|
|
861
|
+
fieldErrorBase,
|
|
862
|
+
fieldHelperBase,
|
|
863
|
+
fieldLabelBase,
|
|
864
|
+
fieldRequiredIndicatorBase,
|
|
865
|
+
fieldRootBase,
|
|
866
|
+
fieldsetErrorBase,
|
|
867
|
+
fieldsetHelperBase,
|
|
868
|
+
fieldsetLegendBase,
|
|
869
|
+
fieldsetRootBase,
|
|
644
870
|
hstackBase,
|
|
871
|
+
inputVariants,
|
|
645
872
|
itemVariants,
|
|
873
|
+
nativeSelectIconBase,
|
|
874
|
+
nativeSelectVariants,
|
|
875
|
+
nativeSelectWrapperBase,
|
|
646
876
|
navbarActionsBase,
|
|
647
877
|
navbarActivationAreaBase,
|
|
648
878
|
navbarBrandBase,
|
|
@@ -669,6 +899,10 @@ function cn(...inputs) {
|
|
|
669
899
|
navbarShrunkBase,
|
|
670
900
|
navbarTriggerVariants,
|
|
671
901
|
navbarVariants,
|
|
902
|
+
numberInputControlBase,
|
|
903
|
+
numberInputInputBase,
|
|
904
|
+
numberInputRootBase,
|
|
905
|
+
numberInputTriggerBase,
|
|
672
906
|
paginationEllipsisBase,
|
|
673
907
|
paginationItemBase,
|
|
674
908
|
paginationRootBase,
|
|
@@ -680,6 +914,16 @@ function cn(...inputs) {
|
|
|
680
914
|
scrollScrollbarBase,
|
|
681
915
|
scrollThumbBase,
|
|
682
916
|
scrollViewportBase,
|
|
917
|
+
selectClearTriggerBase,
|
|
918
|
+
selectContentBase,
|
|
919
|
+
selectIndicatorBase,
|
|
920
|
+
selectItemBase,
|
|
921
|
+
selectItemGroupLabelBase,
|
|
922
|
+
selectItemIndicatorBase,
|
|
923
|
+
selectItemTextBase,
|
|
924
|
+
selectPositionerBase,
|
|
925
|
+
selectTriggerBase,
|
|
926
|
+
selectValueBase,
|
|
683
927
|
sidebarMenuButtonVariants,
|
|
684
928
|
sidebarStyles,
|
|
685
929
|
splitterPanelBase,
|
|
@@ -688,6 +932,10 @@ function cn(...inputs) {
|
|
|
688
932
|
splitterResizeTriggerSeparatorBase,
|
|
689
933
|
splitterRootBase,
|
|
690
934
|
stackBase,
|
|
935
|
+
switchControlBase,
|
|
936
|
+
switchLabelBase,
|
|
937
|
+
switchThumbBase,
|
|
938
|
+
switchVariants,
|
|
691
939
|
tabsContentBase,
|
|
692
940
|
tabsIndicatorBase,
|
|
693
941
|
tabsIndicatorVariants,
|
|
@@ -695,6 +943,15 @@ function cn(...inputs) {
|
|
|
695
943
|
tabsListVariants,
|
|
696
944
|
tabsRootBase,
|
|
697
945
|
tabsTriggerBase,
|
|
946
|
+
tagsInputClearTriggerBase,
|
|
947
|
+
tagsInputControlBase,
|
|
948
|
+
tagsInputInputBase,
|
|
949
|
+
tagsInputItemBase,
|
|
950
|
+
tagsInputItemDeleteTriggerBase,
|
|
951
|
+
tagsInputItemInputBase,
|
|
952
|
+
tagsInputItemTextBase,
|
|
953
|
+
tagsInputRootBase,
|
|
954
|
+
textareaBase,
|
|
698
955
|
toggleButtonVariants,
|
|
699
956
|
vstackBase
|
|
700
957
|
});
|
package/dist/index.d.cts
CHANGED
|
@@ -225,4 +225,115 @@ declare const THEME_NAMES: string[];
|
|
|
225
225
|
|
|
226
226
|
declare function cn(...inputs: ClassValue[]): string;
|
|
227
227
|
|
|
228
|
-
|
|
228
|
+
declare const fieldRootBase = "flex w-full flex-col gap-2 data-invalid:text-destructive";
|
|
229
|
+
declare const fieldLabelBase = "flex w-fit select-none items-center gap-1 text-sm font-medium leading-none text-foreground";
|
|
230
|
+
declare const fieldHelperBase = "text-sm text-muted-foreground";
|
|
231
|
+
declare const fieldErrorBase = "text-sm text-destructive";
|
|
232
|
+
declare const fieldRequiredIndicatorBase = "text-destructive";
|
|
233
|
+
declare const fieldsetRootBase = "flex flex-col gap-6";
|
|
234
|
+
declare const fieldsetLegendBase = "mb-3 text-base font-medium";
|
|
235
|
+
declare const fieldsetHelperBase = "text-sm text-muted-foreground";
|
|
236
|
+
declare const fieldsetErrorBase = "text-sm text-destructive";
|
|
237
|
+
|
|
238
|
+
declare const inputVariants: (props?: ({
|
|
239
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
240
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
241
|
+
type InputVariants = VariantProps<typeof inputVariants>;
|
|
242
|
+
interface InputProps {
|
|
243
|
+
size?: InputVariants['size'];
|
|
244
|
+
className?: string;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
declare const textareaBase = "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
248
|
+
interface TextareaProps {
|
|
249
|
+
className?: string;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
declare const numberInputRootBase = "flex w-full flex-col items-start gap-2";
|
|
253
|
+
declare const numberInputControlBase = "flex w-full items-center justify-between rounded-md border border-input bg-transparent shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
254
|
+
declare const numberInputInputBase = "h-9 w-full min-w-0 flex-1 border-0 bg-transparent px-3 text-center text-sm tabular-nums shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
|
|
255
|
+
declare const numberInputTriggerBase = "flex size-9 shrink-0 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
256
|
+
interface NumberInputProps {
|
|
257
|
+
className?: string;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
declare const checkboxVariants: (props?: ({
|
|
261
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
262
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
263
|
+
type CheckboxVariants = VariantProps<typeof checkboxVariants>;
|
|
264
|
+
interface CheckboxProps {
|
|
265
|
+
size?: CheckboxVariants['size'];
|
|
266
|
+
className?: string;
|
|
267
|
+
}
|
|
268
|
+
declare const checkboxIndicatorBase = "flex size-full items-center justify-center text-primary-foreground data-[state=unchecked]:hidden [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
269
|
+
declare const checkboxLabelBase = "select-none text-sm font-medium leading-none";
|
|
270
|
+
declare const checkboxGroupBase = "flex flex-col gap-2";
|
|
271
|
+
|
|
272
|
+
declare const switchVariants: (props?: ({
|
|
273
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
274
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
275
|
+
type SwitchVariants = VariantProps<typeof switchVariants>;
|
|
276
|
+
interface SwitchProps {
|
|
277
|
+
size?: SwitchVariants['size'];
|
|
278
|
+
className?: string;
|
|
279
|
+
}
|
|
280
|
+
declare const switchControlBase = "flex size-full items-center";
|
|
281
|
+
declare const switchThumbBase = "pointer-events-none block aspect-square h-full w-auto rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-[calc(100%-1px)] data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground";
|
|
282
|
+
declare const switchLabelBase = "select-none text-sm font-medium leading-none";
|
|
283
|
+
|
|
284
|
+
interface SelectItemData {
|
|
285
|
+
value: string;
|
|
286
|
+
label: string;
|
|
287
|
+
disabled?: boolean;
|
|
288
|
+
}
|
|
289
|
+
declare const selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace-nowrap data-[placeholder-shown]:text-muted-foreground data-[state=open]:border-ring data-[state=open]:ring-[3px] data-[state=open]:ring-ring/30 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
290
|
+
declare const selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
291
|
+
declare const selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
292
|
+
declare const selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
293
|
+
declare const selectPositionerBase = "z-50";
|
|
294
|
+
declare const selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
295
|
+
declare const selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
296
|
+
declare const selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
297
|
+
declare const selectItemTextBase = "flex w-full flex-1 items-center gap-2";
|
|
298
|
+
declare const selectItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
299
|
+
declare const nativeSelectVariants: (props?: ({
|
|
300
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
301
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
302
|
+
type NativeSelectVariants = VariantProps<typeof nativeSelectVariants>;
|
|
303
|
+
declare const nativeSelectWrapperBase = "relative w-fit [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
304
|
+
declare const nativeSelectIconBase = "pointer-events-none absolute inset-y-0 end-2.5 flex items-center justify-center text-muted-foreground";
|
|
305
|
+
interface SelectProps {
|
|
306
|
+
className?: string;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
declare const comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
|
|
310
|
+
declare const comboboxInputBase = "pe-8";
|
|
311
|
+
declare const comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
312
|
+
declare const comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
313
|
+
declare const comboboxPositionerBase = "z-50";
|
|
314
|
+
declare const comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
315
|
+
declare const comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
316
|
+
declare const comboboxItemVariants: (props?: ({
|
|
317
|
+
showIndicator?: boolean | null | undefined;
|
|
318
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
319
|
+
type ComboboxItemVariants = VariantProps<typeof comboboxItemVariants>;
|
|
320
|
+
declare const comboboxItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
321
|
+
declare const comboboxListBase = "flex flex-col";
|
|
322
|
+
declare const comboboxEmptyBase = "px-2 py-1.5 text-center text-sm text-muted-foreground";
|
|
323
|
+
interface ComboboxProps {
|
|
324
|
+
className?: string;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
declare const tagsInputRootBase = "flex w-full flex-col gap-2";
|
|
328
|
+
declare const tagsInputControlBase = "flex w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent p-1.5 shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-disabled:pointer-events-none data-disabled:opacity-50";
|
|
329
|
+
declare const tagsInputInputBase = "min-w-12 flex-1 border-0 bg-transparent px-1 text-sm outline-none ring-0 placeholder:text-muted-foreground focus-visible:ring-0";
|
|
330
|
+
declare const tagsInputItemBase = "inline-flex h-6 max-w-full shrink-0 items-center gap-1 rounded-md border bg-secondary px-1.5 text-xs text-secondary-foreground outline-none data-[highlighted]:border-primary/30 data-[highlighted]:bg-primary/10";
|
|
331
|
+
declare const tagsInputItemTextBase = "truncate";
|
|
332
|
+
declare const tagsInputItemInputBase = "w-16 border-0 bg-transparent text-xs outline-none";
|
|
333
|
+
declare const tagsInputItemDeleteTriggerBase = "flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
334
|
+
declare const tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-center self-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
335
|
+
interface TagsInputProps {
|
|
336
|
+
className?: string;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, vstackBase };
|
package/dist/index.d.ts
CHANGED
|
@@ -225,4 +225,115 @@ declare const THEME_NAMES: string[];
|
|
|
225
225
|
|
|
226
226
|
declare function cn(...inputs: ClassValue[]): string;
|
|
227
227
|
|
|
228
|
-
|
|
228
|
+
declare const fieldRootBase = "flex w-full flex-col gap-2 data-invalid:text-destructive";
|
|
229
|
+
declare const fieldLabelBase = "flex w-fit select-none items-center gap-1 text-sm font-medium leading-none text-foreground";
|
|
230
|
+
declare const fieldHelperBase = "text-sm text-muted-foreground";
|
|
231
|
+
declare const fieldErrorBase = "text-sm text-destructive";
|
|
232
|
+
declare const fieldRequiredIndicatorBase = "text-destructive";
|
|
233
|
+
declare const fieldsetRootBase = "flex flex-col gap-6";
|
|
234
|
+
declare const fieldsetLegendBase = "mb-3 text-base font-medium";
|
|
235
|
+
declare const fieldsetHelperBase = "text-sm text-muted-foreground";
|
|
236
|
+
declare const fieldsetErrorBase = "text-sm text-destructive";
|
|
237
|
+
|
|
238
|
+
declare const inputVariants: (props?: ({
|
|
239
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
240
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
241
|
+
type InputVariants = VariantProps<typeof inputVariants>;
|
|
242
|
+
interface InputProps {
|
|
243
|
+
size?: InputVariants['size'];
|
|
244
|
+
className?: string;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
declare const textareaBase = "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
248
|
+
interface TextareaProps {
|
|
249
|
+
className?: string;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
declare const numberInputRootBase = "flex w-full flex-col items-start gap-2";
|
|
253
|
+
declare const numberInputControlBase = "flex w-full items-center justify-between rounded-md border border-input bg-transparent shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
254
|
+
declare const numberInputInputBase = "h-9 w-full min-w-0 flex-1 border-0 bg-transparent px-3 text-center text-sm tabular-nums shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
|
|
255
|
+
declare const numberInputTriggerBase = "flex size-9 shrink-0 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
256
|
+
interface NumberInputProps {
|
|
257
|
+
className?: string;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
declare const checkboxVariants: (props?: ({
|
|
261
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
262
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
263
|
+
type CheckboxVariants = VariantProps<typeof checkboxVariants>;
|
|
264
|
+
interface CheckboxProps {
|
|
265
|
+
size?: CheckboxVariants['size'];
|
|
266
|
+
className?: string;
|
|
267
|
+
}
|
|
268
|
+
declare const checkboxIndicatorBase = "flex size-full items-center justify-center text-primary-foreground data-[state=unchecked]:hidden [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
269
|
+
declare const checkboxLabelBase = "select-none text-sm font-medium leading-none";
|
|
270
|
+
declare const checkboxGroupBase = "flex flex-col gap-2";
|
|
271
|
+
|
|
272
|
+
declare const switchVariants: (props?: ({
|
|
273
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
274
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
275
|
+
type SwitchVariants = VariantProps<typeof switchVariants>;
|
|
276
|
+
interface SwitchProps {
|
|
277
|
+
size?: SwitchVariants['size'];
|
|
278
|
+
className?: string;
|
|
279
|
+
}
|
|
280
|
+
declare const switchControlBase = "flex size-full items-center";
|
|
281
|
+
declare const switchThumbBase = "pointer-events-none block aspect-square h-full w-auto rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-[calc(100%-1px)] data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground";
|
|
282
|
+
declare const switchLabelBase = "select-none text-sm font-medium leading-none";
|
|
283
|
+
|
|
284
|
+
interface SelectItemData {
|
|
285
|
+
value: string;
|
|
286
|
+
label: string;
|
|
287
|
+
disabled?: boolean;
|
|
288
|
+
}
|
|
289
|
+
declare const selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace-nowrap data-[placeholder-shown]:text-muted-foreground data-[state=open]:border-ring data-[state=open]:ring-[3px] data-[state=open]:ring-ring/30 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
290
|
+
declare const selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
291
|
+
declare const selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
292
|
+
declare const selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
293
|
+
declare const selectPositionerBase = "z-50";
|
|
294
|
+
declare const selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
295
|
+
declare const selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
296
|
+
declare const selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
297
|
+
declare const selectItemTextBase = "flex w-full flex-1 items-center gap-2";
|
|
298
|
+
declare const selectItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
299
|
+
declare const nativeSelectVariants: (props?: ({
|
|
300
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
301
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
302
|
+
type NativeSelectVariants = VariantProps<typeof nativeSelectVariants>;
|
|
303
|
+
declare const nativeSelectWrapperBase = "relative w-fit [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
304
|
+
declare const nativeSelectIconBase = "pointer-events-none absolute inset-y-0 end-2.5 flex items-center justify-center text-muted-foreground";
|
|
305
|
+
interface SelectProps {
|
|
306
|
+
className?: string;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
declare const comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
|
|
310
|
+
declare const comboboxInputBase = "pe-8";
|
|
311
|
+
declare const comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
312
|
+
declare const comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
313
|
+
declare const comboboxPositionerBase = "z-50";
|
|
314
|
+
declare const comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
315
|
+
declare const comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
316
|
+
declare const comboboxItemVariants: (props?: ({
|
|
317
|
+
showIndicator?: boolean | null | undefined;
|
|
318
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
319
|
+
type ComboboxItemVariants = VariantProps<typeof comboboxItemVariants>;
|
|
320
|
+
declare const comboboxItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
321
|
+
declare const comboboxListBase = "flex flex-col";
|
|
322
|
+
declare const comboboxEmptyBase = "px-2 py-1.5 text-center text-sm text-muted-foreground";
|
|
323
|
+
interface ComboboxProps {
|
|
324
|
+
className?: string;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
declare const tagsInputRootBase = "flex w-full flex-col gap-2";
|
|
328
|
+
declare const tagsInputControlBase = "flex w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent p-1.5 shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-disabled:pointer-events-none data-disabled:opacity-50";
|
|
329
|
+
declare const tagsInputInputBase = "min-w-12 flex-1 border-0 bg-transparent px-1 text-sm outline-none ring-0 placeholder:text-muted-foreground focus-visible:ring-0";
|
|
330
|
+
declare const tagsInputItemBase = "inline-flex h-6 max-w-full shrink-0 items-center gap-1 rounded-md border bg-secondary px-1.5 text-xs text-secondary-foreground outline-none data-[highlighted]:border-primary/30 data-[highlighted]:bg-primary/10";
|
|
331
|
+
declare const tagsInputItemTextBase = "truncate";
|
|
332
|
+
declare const tagsInputItemInputBase = "w-16 border-0 bg-transparent text-xs outline-none";
|
|
333
|
+
declare const tagsInputItemDeleteTriggerBase = "flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
334
|
+
declare const tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-center self-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
335
|
+
interface TagsInputProps {
|
|
336
|
+
className?: string;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, vstackBase };
|
package/dist/index.js
CHANGED
|
@@ -520,6 +520,153 @@ import { twMerge } from "tailwind-merge";
|
|
|
520
520
|
function cn(...inputs) {
|
|
521
521
|
return twMerge(clsx(inputs));
|
|
522
522
|
}
|
|
523
|
+
|
|
524
|
+
// src/field.ts
|
|
525
|
+
var fieldRootBase = "flex w-full flex-col gap-2 data-invalid:text-destructive";
|
|
526
|
+
var fieldLabelBase = "flex w-fit select-none items-center gap-1 text-sm font-medium leading-none text-foreground";
|
|
527
|
+
var fieldHelperBase = "text-sm text-muted-foreground";
|
|
528
|
+
var fieldErrorBase = "text-sm text-destructive";
|
|
529
|
+
var fieldRequiredIndicatorBase = "text-destructive";
|
|
530
|
+
var fieldsetRootBase = "flex flex-col gap-6";
|
|
531
|
+
var fieldsetLegendBase = "mb-3 text-base font-medium";
|
|
532
|
+
var fieldsetHelperBase = "text-sm text-muted-foreground";
|
|
533
|
+
var fieldsetErrorBase = "text-sm text-destructive";
|
|
534
|
+
|
|
535
|
+
// src/input.ts
|
|
536
|
+
import { cva as cva10 } from "class-variance-authority";
|
|
537
|
+
var inputVariants = cva10(
|
|
538
|
+
"flex w-full min-w-0 rounded-md border border-input bg-transparent px-3 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24",
|
|
539
|
+
{
|
|
540
|
+
variants: {
|
|
541
|
+
size: {
|
|
542
|
+
sm: "h-8 px-2.5",
|
|
543
|
+
md: "h-9",
|
|
544
|
+
lg: "h-10"
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
defaultVariants: {
|
|
548
|
+
size: "md"
|
|
549
|
+
}
|
|
550
|
+
}
|
|
551
|
+
);
|
|
552
|
+
|
|
553
|
+
// src/textarea.ts
|
|
554
|
+
var textareaBase = "field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
555
|
+
|
|
556
|
+
// src/number-input.ts
|
|
557
|
+
var numberInputRootBase = "flex w-full flex-col items-start gap-2";
|
|
558
|
+
var numberInputControlBase = "flex w-full items-center justify-between rounded-md border border-input bg-transparent shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24";
|
|
559
|
+
var numberInputInputBase = "h-9 w-full min-w-0 flex-1 border-0 bg-transparent px-3 text-center text-sm tabular-nums shadow-none outline-none ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
|
|
560
|
+
var numberInputTriggerBase = "flex size-9 shrink-0 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
561
|
+
|
|
562
|
+
// src/checkbox.ts
|
|
563
|
+
import { cva as cva11 } from "class-variance-authority";
|
|
564
|
+
var checkboxVariants = cva11(
|
|
565
|
+
"relative inline-flex size-4 shrink-0 items-center justify-center rounded-sm border border-input bg-transparent shadow-xs transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 focus-visible:ring-offset-1 focus-visible:ring-offset-background data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 disabled:pointer-events-none disabled:opacity-50",
|
|
566
|
+
{
|
|
567
|
+
variants: {
|
|
568
|
+
size: {
|
|
569
|
+
sm: "size-3.5",
|
|
570
|
+
md: "size-4",
|
|
571
|
+
lg: "size-5"
|
|
572
|
+
}
|
|
573
|
+
},
|
|
574
|
+
defaultVariants: {
|
|
575
|
+
size: "md"
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
);
|
|
579
|
+
var checkboxIndicatorBase = "flex size-full items-center justify-center text-primary-foreground data-[state=unchecked]:hidden [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
580
|
+
var checkboxLabelBase = "select-none text-sm font-medium leading-none";
|
|
581
|
+
var checkboxGroupBase = "flex flex-col gap-2";
|
|
582
|
+
|
|
583
|
+
// src/switch.ts
|
|
584
|
+
import { cva as cva12 } from "class-variance-authority";
|
|
585
|
+
var switchVariants = cva12(
|
|
586
|
+
"inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-transparent bg-input p-0.5 shadow-xs transition-colors outline-none data-[state=checked]:bg-primary data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50",
|
|
587
|
+
{
|
|
588
|
+
variants: {
|
|
589
|
+
size: {
|
|
590
|
+
sm: "h-5 w-9",
|
|
591
|
+
md: "h-6 w-11",
|
|
592
|
+
lg: "h-7 w-12"
|
|
593
|
+
}
|
|
594
|
+
},
|
|
595
|
+
defaultVariants: {
|
|
596
|
+
size: "md"
|
|
597
|
+
}
|
|
598
|
+
}
|
|
599
|
+
);
|
|
600
|
+
var switchControlBase = "flex size-full items-center";
|
|
601
|
+
var switchThumbBase = "pointer-events-none block aspect-square h-full w-auto rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-[calc(100%-1px)] data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground";
|
|
602
|
+
var switchLabelBase = "select-none text-sm font-medium leading-none";
|
|
603
|
+
|
|
604
|
+
// src/select.ts
|
|
605
|
+
import { cva as cva13 } from "class-variance-authority";
|
|
606
|
+
var selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace-nowrap data-[placeholder-shown]:text-muted-foreground data-[state=open]:border-ring data-[state=open]:ring-[3px] data-[state=open]:ring-ring/30 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
607
|
+
var selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
608
|
+
var selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
609
|
+
var selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
610
|
+
var selectPositionerBase = "z-50";
|
|
611
|
+
var selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
612
|
+
var selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
613
|
+
var selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
614
|
+
var selectItemTextBase = "flex w-full flex-1 items-center gap-2";
|
|
615
|
+
var selectItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
616
|
+
var nativeSelectVariants = cva13(
|
|
617
|
+
"appearance-none w-full min-w-0 rounded-md border border-input bg-transparent pe-8 ps-2.5 text-sm shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24",
|
|
618
|
+
{
|
|
619
|
+
variants: {
|
|
620
|
+
size: {
|
|
621
|
+
sm: "h-8",
|
|
622
|
+
md: "h-9",
|
|
623
|
+
lg: "h-10"
|
|
624
|
+
}
|
|
625
|
+
},
|
|
626
|
+
defaultVariants: {
|
|
627
|
+
size: "md"
|
|
628
|
+
}
|
|
629
|
+
}
|
|
630
|
+
);
|
|
631
|
+
var nativeSelectWrapperBase = "relative w-fit [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
632
|
+
var nativeSelectIconBase = "pointer-events-none absolute inset-y-0 end-2.5 flex items-center justify-center text-muted-foreground";
|
|
633
|
+
|
|
634
|
+
// src/combobox.ts
|
|
635
|
+
import { cva as cva14 } from "class-variance-authority";
|
|
636
|
+
var comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
|
|
637
|
+
var comboboxInputBase = "pe-8";
|
|
638
|
+
var comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
639
|
+
var comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
640
|
+
var comboboxPositionerBase = "z-50";
|
|
641
|
+
var comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
642
|
+
var comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
643
|
+
var comboboxItemVariants = cva14(
|
|
644
|
+
"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",
|
|
645
|
+
{
|
|
646
|
+
variants: {
|
|
647
|
+
showIndicator: {
|
|
648
|
+
true: "pe-8",
|
|
649
|
+
false: "pe-2"
|
|
650
|
+
}
|
|
651
|
+
},
|
|
652
|
+
defaultVariants: {
|
|
653
|
+
showIndicator: true
|
|
654
|
+
}
|
|
655
|
+
}
|
|
656
|
+
);
|
|
657
|
+
var comboboxItemIndicatorBase = "absolute inset-y-0 end-2 flex items-center justify-center text-foreground";
|
|
658
|
+
var comboboxListBase = "flex flex-col";
|
|
659
|
+
var comboboxEmptyBase = "px-2 py-1.5 text-center text-sm text-muted-foreground";
|
|
660
|
+
|
|
661
|
+
// src/tags-input.ts
|
|
662
|
+
var tagsInputRootBase = "flex w-full flex-col gap-2";
|
|
663
|
+
var tagsInputControlBase = "flex w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent p-1.5 shadow-xs transition-[box-shadow] outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/30 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24 data-disabled:pointer-events-none data-disabled:opacity-50";
|
|
664
|
+
var tagsInputInputBase = "min-w-12 flex-1 border-0 bg-transparent px-1 text-sm outline-none ring-0 placeholder:text-muted-foreground focus-visible:ring-0";
|
|
665
|
+
var tagsInputItemBase = "inline-flex h-6 max-w-full shrink-0 items-center gap-1 rounded-md border bg-secondary px-1.5 text-xs text-secondary-foreground outline-none data-[highlighted]:border-primary/30 data-[highlighted]:bg-primary/10";
|
|
666
|
+
var tagsInputItemTextBase = "truncate";
|
|
667
|
+
var tagsInputItemInputBase = "w-16 border-0 bg-transparent text-xs outline-none";
|
|
668
|
+
var tagsInputItemDeleteTriggerBase = "flex size-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0";
|
|
669
|
+
var tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-center self-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
523
670
|
export {
|
|
524
671
|
SIDEBAR_KEYBOARD_SHORTCUT,
|
|
525
672
|
SIDEBAR_WIDTH,
|
|
@@ -537,11 +684,39 @@ export {
|
|
|
537
684
|
cardTitleBase,
|
|
538
685
|
cardVariants,
|
|
539
686
|
centerBase,
|
|
687
|
+
checkboxGroupBase,
|
|
688
|
+
checkboxIndicatorBase,
|
|
689
|
+
checkboxLabelBase,
|
|
690
|
+
checkboxVariants,
|
|
540
691
|
cn,
|
|
541
692
|
colBase,
|
|
693
|
+
comboboxClearTriggerBase,
|
|
694
|
+
comboboxContentBase,
|
|
695
|
+
comboboxControlBase,
|
|
696
|
+
comboboxEmptyBase,
|
|
697
|
+
comboboxInputBase,
|
|
698
|
+
comboboxItemGroupLabelBase,
|
|
699
|
+
comboboxItemIndicatorBase,
|
|
700
|
+
comboboxItemVariants,
|
|
701
|
+
comboboxListBase,
|
|
702
|
+
comboboxPositionerBase,
|
|
703
|
+
comboboxTriggerBase,
|
|
542
704
|
containerBase,
|
|
705
|
+
fieldErrorBase,
|
|
706
|
+
fieldHelperBase,
|
|
707
|
+
fieldLabelBase,
|
|
708
|
+
fieldRequiredIndicatorBase,
|
|
709
|
+
fieldRootBase,
|
|
710
|
+
fieldsetErrorBase,
|
|
711
|
+
fieldsetHelperBase,
|
|
712
|
+
fieldsetLegendBase,
|
|
713
|
+
fieldsetRootBase,
|
|
543
714
|
hstackBase,
|
|
715
|
+
inputVariants,
|
|
544
716
|
itemVariants,
|
|
717
|
+
nativeSelectIconBase,
|
|
718
|
+
nativeSelectVariants,
|
|
719
|
+
nativeSelectWrapperBase,
|
|
545
720
|
navbarActionsBase,
|
|
546
721
|
navbarActivationAreaBase,
|
|
547
722
|
navbarBrandBase,
|
|
@@ -568,6 +743,10 @@ export {
|
|
|
568
743
|
navbarShrunkBase,
|
|
569
744
|
navbarTriggerVariants,
|
|
570
745
|
navbarVariants,
|
|
746
|
+
numberInputControlBase,
|
|
747
|
+
numberInputInputBase,
|
|
748
|
+
numberInputRootBase,
|
|
749
|
+
numberInputTriggerBase,
|
|
571
750
|
paginationEllipsisBase,
|
|
572
751
|
paginationItemBase,
|
|
573
752
|
paginationRootBase,
|
|
@@ -579,6 +758,16 @@ export {
|
|
|
579
758
|
scrollScrollbarBase,
|
|
580
759
|
scrollThumbBase,
|
|
581
760
|
scrollViewportBase,
|
|
761
|
+
selectClearTriggerBase,
|
|
762
|
+
selectContentBase,
|
|
763
|
+
selectIndicatorBase,
|
|
764
|
+
selectItemBase,
|
|
765
|
+
selectItemGroupLabelBase,
|
|
766
|
+
selectItemIndicatorBase,
|
|
767
|
+
selectItemTextBase,
|
|
768
|
+
selectPositionerBase,
|
|
769
|
+
selectTriggerBase,
|
|
770
|
+
selectValueBase,
|
|
582
771
|
sidebarMenuButtonVariants,
|
|
583
772
|
sidebarStyles,
|
|
584
773
|
splitterPanelBase,
|
|
@@ -587,6 +776,10 @@ export {
|
|
|
587
776
|
splitterResizeTriggerSeparatorBase,
|
|
588
777
|
splitterRootBase,
|
|
589
778
|
stackBase,
|
|
779
|
+
switchControlBase,
|
|
780
|
+
switchLabelBase,
|
|
781
|
+
switchThumbBase,
|
|
782
|
+
switchVariants,
|
|
590
783
|
tabsContentBase,
|
|
591
784
|
tabsIndicatorBase,
|
|
592
785
|
tabsIndicatorVariants,
|
|
@@ -594,6 +787,15 @@ export {
|
|
|
594
787
|
tabsListVariants,
|
|
595
788
|
tabsRootBase,
|
|
596
789
|
tabsTriggerBase,
|
|
790
|
+
tagsInputClearTriggerBase,
|
|
791
|
+
tagsInputControlBase,
|
|
792
|
+
tagsInputInputBase,
|
|
793
|
+
tagsInputItemBase,
|
|
794
|
+
tagsInputItemDeleteTriggerBase,
|
|
795
|
+
tagsInputItemInputBase,
|
|
796
|
+
tagsInputItemTextBase,
|
|
797
|
+
tagsInputRootBase,
|
|
798
|
+
textareaBase,
|
|
597
799
|
toggleButtonVariants,
|
|
598
800
|
vstackBase
|
|
599
801
|
};
|