@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.
@@ -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 {};
@@ -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";
@@ -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;
@@ -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 {};
@@ -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";
@@ -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 };
@@ -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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telepix-lab/telepix-ui",
3
- "version": "0.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "A UI kit for TelePIX",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {