@telepix-lab/telepix-ui 0.3.1 → 0.3.2
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/cjs/autocomplete/index.d.ts +1 -2
- package/dist/cjs/client.d.ts +15 -0
- package/dist/cjs/client.js +8 -0
- package/dist/cjs/index.d.ts +8 -0
- package/dist/cjs/index.js +45 -0
- package/dist/client.d.ts +1 -1
- package/dist/esm/autocomplete/index.d.ts +1 -2
- package/dist/esm/client.d.ts +15 -0
- package/dist/esm/client.js +1 -1
- package/dist/esm/index.d.ts +8 -0
- package/dist/esm/index.js +37 -1
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
interface AutocompleteProps<T> {
|
|
1
|
+
export interface AutocompleteProps<T> {
|
|
2
2
|
placeholder?: string;
|
|
3
3
|
data: T[];
|
|
4
4
|
value?: string;
|
|
@@ -13,4 +13,3 @@ interface AutocompleteProps<T> {
|
|
|
13
13
|
itemClassName?: string;
|
|
14
14
|
}
|
|
15
15
|
export declare const Autocomplete: <T>({ placeholder, data, value, displayValue, onSelect, onChange, noResultsMessage, maxResults, debounceTime, wrapperClassName, contentClassName, itemClassName, }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export {};
|
package/dist/cjs/client.d.ts
CHANGED
|
@@ -1,16 +1,31 @@
|
|
|
1
1
|
export { RadioGroup, RadioItem } from "./radio-group";
|
|
2
|
+
export type { RadioGroupOrientation } from "./radio-group/types";
|
|
2
3
|
export { Checkbox } from "./checkbox";
|
|
3
4
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, } from "./dialog";
|
|
4
5
|
export { Select, SelectTrigger, SelectContent, SelectGroup, SelectLabel, SelectSeparator, SelectItem, } from "./select";
|
|
6
|
+
export { SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS } from "./select/types";
|
|
7
|
+
export type { SelectTriggerSize, SelectTriggerVariant } from "./select/types";
|
|
5
8
|
export { VerticalMenus, VerticalMenu } from "./vertical-menu";
|
|
9
|
+
export { VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, } from "./vertical-menu/types";
|
|
10
|
+
export type { VerticalMenuSize, VerticalMenuVariant, } from "./vertical-menu/types";
|
|
6
11
|
export { HorizontalTabs, HorizontalTab } from "./horizontal-tab";
|
|
12
|
+
export { HORIZONTAL_TAB_SIZES } from "./horizontal-tab/types";
|
|
13
|
+
export type { HorizontalTabSize } from "./horizontal-tab/types";
|
|
7
14
|
export { ModeTabs, ModeTab } from "./mode-tab";
|
|
8
15
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, TooltipHeader, TooltipDescription, TooltipFooter, } from "./tooltip";
|
|
16
|
+
export { TOOLTIP_SHORT_VARIANTS, TOOLTIP_SHORT_SIZES } from "./tooltip/types";
|
|
17
|
+
export type { TooltipShortSize, TooltipShortVariant } from "./tooltip/types";
|
|
9
18
|
export { MultipleSelect, MultipleSelectTrigger, MultipleSelectContent, MultipleSelectValue, } from "./multiple-select";
|
|
19
|
+
export { MULTIPLE_SELECT_SIZES } from "./multiple-select/types";
|
|
20
|
+
export type { MultipleSelectSize } from "./multiple-select/types";
|
|
10
21
|
export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, } from "./table";
|
|
11
22
|
export { DataTable } from "./data-table";
|
|
23
|
+
export type { DataTableConfig, DataTableProps } from "./data-table";
|
|
12
24
|
export { InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, } from "./interactive-list-item";
|
|
13
25
|
export { Calendar } from "./calendar";
|
|
26
|
+
export type { CalendarProps } from "./calendar";
|
|
14
27
|
export { DatePicker } from "./date-picker";
|
|
28
|
+
export type { DatePickerProps } from "./date-picker";
|
|
15
29
|
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuArrow, ContextMenuLabel, ContextMenuItem, ContextMenuGroup, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuItemIndicator, } from "./context-menu";
|
|
16
30
|
export { Autocomplete } from "./autocomplete";
|
|
31
|
+
export type { AutocompleteProps } from "./autocomplete";
|
package/dist/cjs/client.js
CHANGED
|
@@ -12970,12 +12970,14 @@ exports.DialogFooter = DialogFooter;
|
|
|
12970
12970
|
exports.DialogHeader = DialogHeader;
|
|
12971
12971
|
exports.DialogPortal = DialogPortal;
|
|
12972
12972
|
exports.DialogTrigger = DialogTrigger;
|
|
12973
|
+
exports.HORIZONTAL_TAB_SIZES = HORIZONTAL_TAB_SIZES;
|
|
12973
12974
|
exports.HorizontalTab = HorizontalTab;
|
|
12974
12975
|
exports.HorizontalTabs = HorizontalTabs;
|
|
12975
12976
|
exports.InteractiveListItem = InteractiveListItem;
|
|
12976
12977
|
exports.InteractiveListItemActions = InteractiveListItemActions;
|
|
12977
12978
|
exports.InteractiveListItemContent = InteractiveListItemContent;
|
|
12978
12979
|
exports.InteractiveListItemIcon = InteractiveListItemIcon;
|
|
12980
|
+
exports.MULTIPLE_SELECT_SIZES = MULTIPLE_SELECT_SIZES;
|
|
12979
12981
|
exports.ModeTab = ModeTab;
|
|
12980
12982
|
exports.ModeTabs = ModeTabs;
|
|
12981
12983
|
exports.MultipleSelect = MultipleSelect;
|
|
@@ -12984,6 +12986,8 @@ exports.MultipleSelectTrigger = MultipleSelectTrigger;
|
|
|
12984
12986
|
exports.MultipleSelectValue = MultipleSelectValue;
|
|
12985
12987
|
exports.RadioGroup = RadioGroup;
|
|
12986
12988
|
exports.RadioItem = RadioItem;
|
|
12989
|
+
exports.SELECT_TRIGGER_SIZES = SELECT_TRIGGER_SIZES;
|
|
12990
|
+
exports.SELECT_TRIGGER_VARIANTS = SELECT_TRIGGER_VARIANTS;
|
|
12987
12991
|
exports.Select = Select;
|
|
12988
12992
|
exports.SelectContent = SelectContent;
|
|
12989
12993
|
exports.SelectGroup = SelectGroup;
|
|
@@ -12991,6 +12995,8 @@ exports.SelectItem = SelectItem;
|
|
|
12991
12995
|
exports.SelectLabel = SelectLabel;
|
|
12992
12996
|
exports.SelectSeparator = SelectSeparator;
|
|
12993
12997
|
exports.SelectTrigger = SelectTrigger;
|
|
12998
|
+
exports.TOOLTIP_SHORT_SIZES = TOOLTIP_SHORT_SIZES;
|
|
12999
|
+
exports.TOOLTIP_SHORT_VARIANTS = TOOLTIP_SHORT_VARIANTS;
|
|
12994
13000
|
exports.Table = Table;
|
|
12995
13001
|
exports.TableBody = TableBody;
|
|
12996
13002
|
exports.TableCell = TableCell;
|
|
@@ -13004,5 +13010,7 @@ exports.TooltipDescription = TooltipDescription;
|
|
|
13004
13010
|
exports.TooltipFooter = TooltipFooter;
|
|
13005
13011
|
exports.TooltipHeader = TooltipHeader;
|
|
13006
13012
|
exports.TooltipTrigger = TooltipTrigger;
|
|
13013
|
+
exports.VERTICAL_MENU_SIZES = VERTICAL_MENU_SIZES;
|
|
13014
|
+
exports.VERTICAL_MENU_VARIANTS = VERTICAL_MENU_VARIANTS;
|
|
13007
13015
|
exports.VerticalMenu = VerticalMenu;
|
|
13008
13016
|
exports.VerticalMenus = VerticalMenus;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
export { Button } from "./button";
|
|
2
|
+
export { BUTTON_SIZES, BUTTON_VARIANTS } from "./button/types";
|
|
3
|
+
export type { ButtonSize, ButtonVariant } from "./button/types";
|
|
2
4
|
export { Text } from "./text";
|
|
5
|
+
export { TEXT_SIZES, TEXT_VARIANTS, TEXT_ALIGNMENTS, FONT_WEIGHTS, } from "./text/types";
|
|
6
|
+
export type { TextSize, FontWeight, TextAlignment, TextVariant, } from "./text/types";
|
|
3
7
|
export { Input } from "./input";
|
|
8
|
+
export { INPUT_SIZES } from "./input/types";
|
|
9
|
+
export type { InputSize } from "./input/types";
|
|
4
10
|
export { TextArea } from "./textarea";
|
|
5
11
|
export { Card, CardBody, CardContent, CardFooter, CardHeader } from "./card";
|
|
6
12
|
export { Tag } from "./tag";
|
|
13
|
+
export { TAG_SIZES, TAG_VARIANTS } from "./tag/types";
|
|
14
|
+
export type { TagSize, TagVariant } from "./tag/types";
|
|
7
15
|
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./pagination";
|
package/dist/cjs/index.js
CHANGED
|
@@ -3341,6 +3341,33 @@ const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWid
|
|
|
3341
3341
|
});
|
|
3342
3342
|
Button.displayName = "Button";
|
|
3343
3343
|
|
|
3344
|
+
const TEXT_SIZES = {
|
|
3345
|
+
XSMALL: "xsmall",
|
|
3346
|
+
LABEL: "label",
|
|
3347
|
+
BODY: "body",
|
|
3348
|
+
BASE: "base",
|
|
3349
|
+
LARGE: "large",
|
|
3350
|
+
XLARGE: "xl",
|
|
3351
|
+
XXLARGE: "xxl",
|
|
3352
|
+
XXXLARGE: "xxxl",
|
|
3353
|
+
XXXXLARGE: "xxxxl",
|
|
3354
|
+
};
|
|
3355
|
+
const FONT_WEIGHTS = {
|
|
3356
|
+
THIN: "thin",
|
|
3357
|
+
EXTRALIGHT: "extralight",
|
|
3358
|
+
LIGHT: "light",
|
|
3359
|
+
REGULAR: "regular",
|
|
3360
|
+
MEDIUM: "medium",
|
|
3361
|
+
SEMIBOLD: "semibold",
|
|
3362
|
+
BOLD: "bold",
|
|
3363
|
+
EXTRABOLD: "extrabold",
|
|
3364
|
+
};
|
|
3365
|
+
const TEXT_ALIGNMENTS = {
|
|
3366
|
+
LEFT: "left",
|
|
3367
|
+
CENTER: "center",
|
|
3368
|
+
RIGHT: "right",
|
|
3369
|
+
JUSTIFY: "justify",
|
|
3370
|
+
};
|
|
3344
3371
|
const TEXT_VARIANTS = {
|
|
3345
3372
|
BOLD3XLARGEBOLD: "bold3XLargeBold",
|
|
3346
3373
|
BOLD2XLARGEBOLDCOMPACT: "bold2XLargeBoldCompact",
|
|
@@ -3810,6 +3837,15 @@ const Tag = React.forwardRef(({ icon, value, variant = "filled", size = "regular
|
|
|
3810
3837
|
});
|
|
3811
3838
|
Tag.displayName = "Tag";
|
|
3812
3839
|
|
|
3840
|
+
const TAG_VARIANTS = {
|
|
3841
|
+
FILLED: "filled",
|
|
3842
|
+
ACCENT: "accent",
|
|
3843
|
+
};
|
|
3844
|
+
const TAG_SIZES = {
|
|
3845
|
+
REGULAR: "regular",
|
|
3846
|
+
SMALL: "small",
|
|
3847
|
+
};
|
|
3848
|
+
|
|
3813
3849
|
const Pagination = ({ className, ...rest }) => {
|
|
3814
3850
|
return (jsxRuntime.jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto my-0 flex justify-center w-full", className), ...rest }));
|
|
3815
3851
|
};
|
|
@@ -3832,12 +3868,16 @@ const PaginationEllipsis = ({ className, ...rest }) => {
|
|
|
3832
3868
|
return (jsxRuntime.jsx("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex items-center justify-center size-9 rounded-md hover:bg-fill-mono-hovered", className), ...rest, children: jsxRuntime.jsx(Ellipsis, { className: "size-4 stroke-comp-mono-subtle-default" }) }));
|
|
3833
3869
|
};
|
|
3834
3870
|
|
|
3871
|
+
exports.BUTTON_SIZES = BUTTON_SIZES;
|
|
3872
|
+
exports.BUTTON_VARIANTS = BUTTON_VARIANTS;
|
|
3835
3873
|
exports.Button = Button;
|
|
3836
3874
|
exports.Card = Card;
|
|
3837
3875
|
exports.CardBody = CardBody;
|
|
3838
3876
|
exports.CardContent = CardContent;
|
|
3839
3877
|
exports.CardFooter = CardFooter;
|
|
3840
3878
|
exports.CardHeader = CardHeader;
|
|
3879
|
+
exports.FONT_WEIGHTS = FONT_WEIGHTS;
|
|
3880
|
+
exports.INPUT_SIZES = INPUT_SIZES;
|
|
3841
3881
|
exports.Input = Input;
|
|
3842
3882
|
exports.Pagination = Pagination;
|
|
3843
3883
|
exports.PaginationContent = PaginationContent;
|
|
@@ -3846,6 +3886,11 @@ exports.PaginationItem = PaginationItem;
|
|
|
3846
3886
|
exports.PaginationLink = PaginationLink;
|
|
3847
3887
|
exports.PaginationNext = PaginationNext;
|
|
3848
3888
|
exports.PaginationPrevious = PaginationPrevious;
|
|
3889
|
+
exports.TAG_SIZES = TAG_SIZES;
|
|
3890
|
+
exports.TAG_VARIANTS = TAG_VARIANTS;
|
|
3891
|
+
exports.TEXT_ALIGNMENTS = TEXT_ALIGNMENTS;
|
|
3892
|
+
exports.TEXT_SIZES = TEXT_SIZES;
|
|
3893
|
+
exports.TEXT_VARIANTS = TEXT_VARIANTS;
|
|
3849
3894
|
exports.Tag = Tag;
|
|
3850
3895
|
exports.Text = Text;
|
|
3851
3896
|
exports.TextArea = TextArea;
|
package/dist/client.d.ts
CHANGED
|
@@ -399,4 +399,4 @@ interface AutocompleteProps<T> {
|
|
|
399
399
|
}
|
|
400
400
|
declare const Autocomplete: <T>({ placeholder, data, value, displayValue, onSelect, onChange, noResultsMessage, maxResults, debounceTime, wrapperClassName, contentClassName, itemClassName, }: AutocompleteProps<T>) => react_jsx_runtime.JSX.Element;
|
|
401
401
|
|
|
402
|
-
export { Autocomplete, Calendar, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HorizontalTab, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, RadioItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VerticalMenu, VerticalMenus };
|
|
402
|
+
export { Autocomplete, type AutocompleteProps, Calendar, type CalendarProps, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, type DataTableConfig, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HORIZONTAL_TAB_SIZES, HorizontalTab, type HorizontalTabSize, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, MULTIPLE_SELECT_SIZES, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, type MultipleSelectSize, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, type RadioGroupOrientation, RadioItem, SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerSize, type SelectTriggerVariant, TOOLTIP_SHORT_SIZES, TOOLTIP_SHORT_VARIANTS, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, type TooltipShortSize, type TooltipShortVariant, TooltipTrigger, VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, VerticalMenu, type VerticalMenuSize, type VerticalMenuVariant, VerticalMenus };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
interface AutocompleteProps<T> {
|
|
1
|
+
export interface AutocompleteProps<T> {
|
|
2
2
|
placeholder?: string;
|
|
3
3
|
data: T[];
|
|
4
4
|
value?: string;
|
|
@@ -13,4 +13,3 @@ interface AutocompleteProps<T> {
|
|
|
13
13
|
itemClassName?: string;
|
|
14
14
|
}
|
|
15
15
|
export declare const Autocomplete: <T>({ placeholder, data, value, displayValue, onSelect, onChange, noResultsMessage, maxResults, debounceTime, wrapperClassName, contentClassName, itemClassName, }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export {};
|
package/dist/esm/client.d.ts
CHANGED
|
@@ -1,16 +1,31 @@
|
|
|
1
1
|
export { RadioGroup, RadioItem } from "./radio-group";
|
|
2
|
+
export type { RadioGroupOrientation } from "./radio-group/types";
|
|
2
3
|
export { Checkbox } from "./checkbox";
|
|
3
4
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, } from "./dialog";
|
|
4
5
|
export { Select, SelectTrigger, SelectContent, SelectGroup, SelectLabel, SelectSeparator, SelectItem, } from "./select";
|
|
6
|
+
export { SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS } from "./select/types";
|
|
7
|
+
export type { SelectTriggerSize, SelectTriggerVariant } from "./select/types";
|
|
5
8
|
export { VerticalMenus, VerticalMenu } from "./vertical-menu";
|
|
9
|
+
export { VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, } from "./vertical-menu/types";
|
|
10
|
+
export type { VerticalMenuSize, VerticalMenuVariant, } from "./vertical-menu/types";
|
|
6
11
|
export { HorizontalTabs, HorizontalTab } from "./horizontal-tab";
|
|
12
|
+
export { HORIZONTAL_TAB_SIZES } from "./horizontal-tab/types";
|
|
13
|
+
export type { HorizontalTabSize } from "./horizontal-tab/types";
|
|
7
14
|
export { ModeTabs, ModeTab } from "./mode-tab";
|
|
8
15
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, TooltipHeader, TooltipDescription, TooltipFooter, } from "./tooltip";
|
|
16
|
+
export { TOOLTIP_SHORT_VARIANTS, TOOLTIP_SHORT_SIZES } from "./tooltip/types";
|
|
17
|
+
export type { TooltipShortSize, TooltipShortVariant } from "./tooltip/types";
|
|
9
18
|
export { MultipleSelect, MultipleSelectTrigger, MultipleSelectContent, MultipleSelectValue, } from "./multiple-select";
|
|
19
|
+
export { MULTIPLE_SELECT_SIZES } from "./multiple-select/types";
|
|
20
|
+
export type { MultipleSelectSize } from "./multiple-select/types";
|
|
10
21
|
export { Table, TableHeader, TableBody, TableRow, TableHead, TableCell, } from "./table";
|
|
11
22
|
export { DataTable } from "./data-table";
|
|
23
|
+
export type { DataTableConfig, DataTableProps } from "./data-table";
|
|
12
24
|
export { InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, } from "./interactive-list-item";
|
|
13
25
|
export { Calendar } from "./calendar";
|
|
26
|
+
export type { CalendarProps } from "./calendar";
|
|
14
27
|
export { DatePicker } from "./date-picker";
|
|
28
|
+
export type { DatePickerProps } from "./date-picker";
|
|
15
29
|
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuArrow, ContextMenuLabel, ContextMenuItem, ContextMenuGroup, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuSeparator, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuItemIndicator, } from "./context-menu";
|
|
16
30
|
export { Autocomplete } from "./autocomplete";
|
|
31
|
+
export type { AutocompleteProps } from "./autocomplete";
|
package/dist/esm/client.js
CHANGED
|
@@ -12922,4 +12922,4 @@ const Autocomplete = ({ placeholder, data, value, displayValue, onSelect, onChan
|
|
|
12922
12922
|
: undefined }), showSuggestions && (jsx("ul", { id: "autocomplete-suggestions", role: "listbox", className: cn("absolute top-calc(100%-10px) left-0 z-[20] p-2 bg-page-l1 shadow-medium border border-border-overlay rounded-lg w-[calc(100%-16px)]", contentClassName), children: filteredResults.length > 0 ? (filteredResults.map((item, index) => (jsx(AutocompleteContentItem, { item: item, index: index, highlightedIndex: highlightedIndex, onClick: handleItemClick, displayValue: displayValue, inputValue: inputValue, className: itemClassName }, displayValue(item) + index)))) : (jsx("li", { "data-no-results": true, className: "rounded-sm p-2 bg-fill-mono-default text-comp-mono-default text-body leading-body-compact font-medium list-none text-center", children: noResultsMessage })) }))] }));
|
|
12923
12923
|
};
|
|
12924
12924
|
|
|
12925
|
-
export { Autocomplete, Calendar, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HorizontalTab, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, RadioItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VerticalMenu, VerticalMenus };
|
|
12925
|
+
export { Autocomplete, Calendar, Checkbox, ContextMenu, ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataTable, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTrigger, HORIZONTAL_TAB_SIZES, HorizontalTab, HorizontalTabs, InteractiveListItem, InteractiveListItemActions, InteractiveListItemContent, InteractiveListItemIcon, MULTIPLE_SELECT_SIZES, ModeTab, ModeTabs, MultipleSelect, MultipleSelectContent, MultipleSelectTrigger, MultipleSelectValue, RadioGroup, RadioItem, SELECT_TRIGGER_SIZES, SELECT_TRIGGER_VARIANTS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, TOOLTIP_SHORT_SIZES, TOOLTIP_SHORT_VARIANTS, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipArrow, TooltipContent, TooltipDescription, TooltipFooter, TooltipHeader, TooltipTrigger, VERTICAL_MENU_SIZES, VERTICAL_MENU_VARIANTS, VerticalMenu, VerticalMenus };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
export { Button } from "./button";
|
|
2
|
+
export { BUTTON_SIZES, BUTTON_VARIANTS } from "./button/types";
|
|
3
|
+
export type { ButtonSize, ButtonVariant } from "./button/types";
|
|
2
4
|
export { Text } from "./text";
|
|
5
|
+
export { TEXT_SIZES, TEXT_VARIANTS, TEXT_ALIGNMENTS, FONT_WEIGHTS, } from "./text/types";
|
|
6
|
+
export type { TextSize, FontWeight, TextAlignment, TextVariant, } from "./text/types";
|
|
3
7
|
export { Input } from "./input";
|
|
8
|
+
export { INPUT_SIZES } from "./input/types";
|
|
9
|
+
export type { InputSize } from "./input/types";
|
|
4
10
|
export { TextArea } from "./textarea";
|
|
5
11
|
export { Card, CardBody, CardContent, CardFooter, CardHeader } from "./card";
|
|
6
12
|
export { Tag } from "./tag";
|
|
13
|
+
export { TAG_SIZES, TAG_VARIANTS } from "./tag/types";
|
|
14
|
+
export type { TagSize, TagVariant } from "./tag/types";
|
|
7
15
|
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, } from "./pagination";
|
package/dist/esm/index.js
CHANGED
|
@@ -3339,6 +3339,33 @@ const Button = React.forwardRef(({ variant = "accent", size = "regular", fullWid
|
|
|
3339
3339
|
});
|
|
3340
3340
|
Button.displayName = "Button";
|
|
3341
3341
|
|
|
3342
|
+
const TEXT_SIZES = {
|
|
3343
|
+
XSMALL: "xsmall",
|
|
3344
|
+
LABEL: "label",
|
|
3345
|
+
BODY: "body",
|
|
3346
|
+
BASE: "base",
|
|
3347
|
+
LARGE: "large",
|
|
3348
|
+
XLARGE: "xl",
|
|
3349
|
+
XXLARGE: "xxl",
|
|
3350
|
+
XXXLARGE: "xxxl",
|
|
3351
|
+
XXXXLARGE: "xxxxl",
|
|
3352
|
+
};
|
|
3353
|
+
const FONT_WEIGHTS = {
|
|
3354
|
+
THIN: "thin",
|
|
3355
|
+
EXTRALIGHT: "extralight",
|
|
3356
|
+
LIGHT: "light",
|
|
3357
|
+
REGULAR: "regular",
|
|
3358
|
+
MEDIUM: "medium",
|
|
3359
|
+
SEMIBOLD: "semibold",
|
|
3360
|
+
BOLD: "bold",
|
|
3361
|
+
EXTRABOLD: "extrabold",
|
|
3362
|
+
};
|
|
3363
|
+
const TEXT_ALIGNMENTS = {
|
|
3364
|
+
LEFT: "left",
|
|
3365
|
+
CENTER: "center",
|
|
3366
|
+
RIGHT: "right",
|
|
3367
|
+
JUSTIFY: "justify",
|
|
3368
|
+
};
|
|
3342
3369
|
const TEXT_VARIANTS = {
|
|
3343
3370
|
BOLD3XLARGEBOLD: "bold3XLargeBold",
|
|
3344
3371
|
BOLD2XLARGEBOLDCOMPACT: "bold2XLargeBoldCompact",
|
|
@@ -3808,6 +3835,15 @@ const Tag = React.forwardRef(({ icon, value, variant = "filled", size = "regular
|
|
|
3808
3835
|
});
|
|
3809
3836
|
Tag.displayName = "Tag";
|
|
3810
3837
|
|
|
3838
|
+
const TAG_VARIANTS = {
|
|
3839
|
+
FILLED: "filled",
|
|
3840
|
+
ACCENT: "accent",
|
|
3841
|
+
};
|
|
3842
|
+
const TAG_SIZES = {
|
|
3843
|
+
REGULAR: "regular",
|
|
3844
|
+
SMALL: "small",
|
|
3845
|
+
};
|
|
3846
|
+
|
|
3811
3847
|
const Pagination = ({ className, ...rest }) => {
|
|
3812
3848
|
return (jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto my-0 flex justify-center w-full", className), ...rest }));
|
|
3813
3849
|
};
|
|
@@ -3830,4 +3866,4 @@ const PaginationEllipsis = ({ className, ...rest }) => {
|
|
|
3830
3866
|
return (jsx("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex items-center justify-center size-9 rounded-md hover:bg-fill-mono-hovered", className), ...rest, children: jsx(Ellipsis, { className: "size-4 stroke-comp-mono-subtle-default" }) }));
|
|
3831
3867
|
};
|
|
3832
3868
|
|
|
3833
|
-
export { Button, Card, CardBody, CardContent, CardFooter, CardHeader, Input, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Tag, Text, TextArea };
|
|
3869
|
+
export { BUTTON_SIZES, BUTTON_VARIANTS, Button, Card, CardBody, CardContent, CardFooter, CardHeader, FONT_WEIGHTS, INPUT_SIZES, Input, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, TAG_SIZES, TAG_VARIANTS, TEXT_ALIGNMENTS, TEXT_SIZES, TEXT_VARIANTS, Tag, Text, TextArea };
|
package/dist/index.d.ts
CHANGED
|
@@ -243,4 +243,4 @@ declare const PaginationPrevious: ({ className, ...rest }: React.ComponentProps<
|
|
|
243
243
|
declare const PaginationNext: ({ className, ...rest }: React.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
|
|
244
244
|
declare const PaginationEllipsis: ({ className, ...rest }: React.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
|
|
245
245
|
|
|
246
|
-
export { Button, Card, CardBody, CardContent, CardFooter, CardHeader, Input, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Tag, Text, TextArea };
|
|
246
|
+
export { BUTTON_SIZES, BUTTON_VARIANTS, Button, type ButtonSize, type ButtonVariant, Card, CardBody, CardContent, CardFooter, CardHeader, FONT_WEIGHTS, type FontWeight, INPUT_SIZES, Input, type InputSize, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, TAG_SIZES, TAG_VARIANTS, TEXT_ALIGNMENTS, TEXT_SIZES, TEXT_VARIANTS, Tag, type TagSize, type TagVariant, Text, type TextAlignment, TextArea, type TextSize, type TextVariant };
|