tera-system-ui 0.0.25 → 0.0.27

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.
Files changed (61) hide show
  1. package/dist/components/avatar/Avatar.svelte.d.ts +1 -0
  2. package/dist/components/brand-logo/BrandLogo.svelte.d.ts +1 -0
  3. package/dist/components/button/Button.svelte.d.ts +1 -0
  4. package/dist/components/combobox/Combobox.svelte.d.ts +1 -0
  5. package/dist/components/command/components/Command.svelte.d.ts +1 -0
  6. package/dist/components/command/components/CommandEmpty.svelte.d.ts +1 -0
  7. package/dist/components/command/components/CommandGroup.svelte.d.ts +1 -0
  8. package/dist/components/command/components/CommandInput.svelte.d.ts +1 -0
  9. package/dist/components/command/components/CommandItem.svelte.d.ts +1 -0
  10. package/dist/components/command/components/CommandList.svelte.d.ts +4 -3
  11. package/dist/components/command/components/CommandLoading.svelte.d.ts +7 -6
  12. package/dist/components/command/components/CommandSeparator.svelte.d.ts +1 -0
  13. package/dist/components/dialog/Dialog.svelte.d.ts +1 -0
  14. package/dist/components/dropdown-menu/components/DropdownMenu.svelte.d.ts +1 -0
  15. package/dist/components/dropdown-menu/components/DropdownMenuGroup.svelte.d.ts +4 -3
  16. package/dist/components/dropdown-menu/components/DropdownMenuHeader.svelte.d.ts +4 -3
  17. package/dist/components/dropdown-menu/components/DropdownMenuItem.svelte.d.ts +1 -0
  18. package/dist/components/dropdown-menu/components/DropdownMenuSeparator.svelte.d.ts +4 -3
  19. package/dist/components/header/Header.svelte.d.ts +1 -0
  20. package/dist/components/icons/IconArrowBigRightFilled.svelte.d.ts +1 -0
  21. package/dist/components/icons/IconBook.svelte.d.ts +1 -0
  22. package/dist/components/icons/IconBookmarkPlus.svelte.d.ts +1 -0
  23. package/dist/components/icons/IconCalculator.svelte.d.ts +1 -0
  24. package/dist/components/icons/IconCheck.svelte.d.ts +1 -0
  25. package/dist/components/icons/IconChevronDown.svelte.d.ts +1 -0
  26. package/dist/components/icons/IconCopy.svelte.d.ts +1 -0
  27. package/dist/components/icons/IconCopyCheckFilled.svelte.d.ts +1 -0
  28. package/dist/components/icons/IconHamburger.svelte.d.ts +1 -0
  29. package/dist/components/icons/IconLanguage.svelte.d.ts +1 -0
  30. package/dist/components/icons/IconLoader2.svelte.d.ts +1 -0
  31. package/dist/components/icons/IconLogout.svelte.d.ts +1 -0
  32. package/dist/components/icons/IconMoon.svelte.d.ts +1 -0
  33. package/dist/components/icons/IconPointFilled.svelte.d.ts +1 -0
  34. package/dist/components/icons/IconSearch.svelte.d.ts +1 -0
  35. package/dist/components/icons/IconSettings.svelte.d.ts +1 -0
  36. package/dist/components/icons/IconSun.svelte.d.ts +1 -0
  37. package/dist/components/icons/IconSwitchHorizontal.svelte.d.ts +1 -0
  38. package/dist/components/icons/IconSwitchVertical.svelte.d.ts +1 -0
  39. package/dist/components/icons/IconTransform.svelte.d.ts +1 -0
  40. package/dist/components/icons/IconX.svelte.d.ts +1 -0
  41. package/dist/components/input/Input.svelte.d.ts +1 -0
  42. package/dist/components/language-picker-button/LanguagePickerButton.svelte.d.ts +5 -3
  43. package/dist/components/light-dark-toggle/LightDarkToggle.svelte.d.ts +1 -0
  44. package/dist/components/popover/Popover.svelte.d.ts +1 -0
  45. package/dist/components/popover-responsive/PopoverResponsive.svelte.d.ts +1 -0
  46. package/dist/components/side-navigation/SideNavigation.svelte.d.ts +1 -0
  47. package/dist/components/side-navigation/SideNavigationItem.svelte.d.ts +5 -4
  48. package/dist/components/side-navigation/SideNavigationLayout.svelte.d.ts +2 -1
  49. package/dist/components/slider/Slider.svelte.d.ts +1 -0
  50. package/dist/components/star-rating/StarRating.d.ts +43 -1
  51. package/dist/components/star-rating/StarRating.js +10 -2
  52. package/dist/components/star-rating/StarRating.svelte +26 -13
  53. package/dist/components/star-rating/StarRating.svelte.d.ts +1 -0
  54. package/dist/components/tabs/components/Tabs.svelte.d.ts +1 -0
  55. package/dist/components/tabs/components/TabsContent.svelte.d.ts +5 -4
  56. package/dist/components/tabs/components/TabsItem.svelte.d.ts +5 -4
  57. package/dist/components/tabs/components/TabsList.svelte.d.ts +4 -3
  58. package/dist/components/tera-ui-context/TeraUiContext.svelte.d.ts +1 -0
  59. package/dist/components/text-area/TextArea.svelte.d.ts +1 -0
  60. package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.svelte.d.ts +1 -0
  61. package/package.json +1 -1
@@ -1,3 +1,4 @@
1
1
  import { type AvatarProps } from "./Avatar";
2
2
  declare const Avatar: import("svelte").Component<AvatarProps, {}, "ref">;
3
+ type Avatar = ReturnType<typeof Avatar>;
3
4
  export default Avatar;
@@ -1,3 +1,4 @@
1
1
  import { type BrandLogoProps } from "./BrandLogo";
2
2
  declare const BrandLogo: import("svelte").Component<BrandLogoProps, {}, "">;
3
+ type BrandLogo = ReturnType<typeof BrandLogo>;
3
4
  export default BrandLogo;
@@ -2,4 +2,5 @@ import { type ButtonProps } from "./Button";
2
2
  declare const Button: import("svelte").Component<ButtonProps & {
3
3
  ref: HTMLButtonElement;
4
4
  }, {}, "ref">;
5
+ type Button = ReturnType<typeof Button>;
5
6
  export default Button;
@@ -1,3 +1,4 @@
1
1
  import { type ComboboxProps } from "./Combobox";
2
2
  declare const Combobox: import("svelte").Component<ComboboxProps, {}, "">;
3
+ type Combobox = ReturnType<typeof Combobox>;
3
4
  export default Combobox;
@@ -1,3 +1,4 @@
1
1
  import type { CommandProps } from '../types';
2
2
  declare const Command: import("svelte").Component<CommandProps, {}, "">;
3
+ type Command = ReturnType<typeof Command>;
3
4
  export default Command;
@@ -1,3 +1,4 @@
1
1
  import type { EmptyProps } from '../types';
2
2
  declare const CommandEmpty: import("svelte").Component<EmptyProps, {}, "">;
3
+ type CommandEmpty = ReturnType<typeof CommandEmpty>;
3
4
  export default CommandEmpty;
@@ -1,3 +1,4 @@
1
1
  import type { GroupProps } from '../types';
2
2
  declare const CommandGroup: import("svelte").Component<GroupProps, {}, "">;
3
+ type CommandGroup = ReturnType<typeof CommandGroup>;
3
4
  export default CommandGroup;
@@ -4,4 +4,5 @@ declare const CommandInput: import("svelte").Component<{
4
4
  } & import("svelte/elements").HTMLInputAttributes & {
5
5
  el?: HTMLElement;
6
6
  }, {}, "value">;
7
+ type CommandInput = ReturnType<typeof CommandInput>;
7
8
  export default CommandInput;
@@ -1,3 +1,4 @@
1
1
  import type { ItemProps } from '../types';
2
2
  declare const CommandItem: import("svelte").Component<ItemProps, {}, "">;
3
+ type CommandItem = ReturnType<typeof CommandItem>;
3
4
  export default CommandItem;
@@ -1,5 +1,6 @@
1
1
  declare const CommandList: import("svelte").Component<{
2
- children: unknown;
3
- el: unknown;
4
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ el: any;
4
+ } & Record<string, any>, {}, "">;
5
+ type CommandList = ReturnType<typeof CommandList>;
5
6
  export default CommandList;
@@ -1,8 +1,9 @@
1
- import type { Snippet } from "svelte";
2
- declare const CommandLoading: import("svelte").Component<{
3
- progress?: number;
4
- asChild?: boolean;
5
- } & import("../../../internal").HTMLDivAttributes & {
1
+ type $$Props = LoadingProps;
2
+ type $$ComponentProps = $$Props & {
6
3
  childrenWithProps: Snippet<[any]>;
7
- }, {}, "">;
4
+ };
5
+ import type { LoadingProps } from '../types';
6
+ import type { Snippet } from "svelte";
7
+ declare const CommandLoading: import("svelte").Component<$$ComponentProps, {}, "">;
8
+ type CommandLoading = ReturnType<typeof CommandLoading>;
8
9
  export default CommandLoading;
@@ -1,3 +1,4 @@
1
1
  import type { SeparatorProps } from '../types';
2
2
  declare const CommandSeparator: import("svelte").Component<SeparatorProps, {}, "">;
3
+ type CommandSeparator = ReturnType<typeof CommandSeparator>;
3
4
  export default CommandSeparator;
@@ -1,4 +1,5 @@
1
1
  import { type DialogProps } from "./Dialog";
2
2
  import './dialog.scss';
3
3
  declare const Dialog: import("svelte").Component<DialogProps, {}, "ref" | "open">;
4
+ type Dialog = ReturnType<typeof Dialog>;
4
5
  export default Dialog;
@@ -1,3 +1,4 @@
1
1
  import { type DropdownMenuProps } from "../DropdownMenu";
2
2
  declare const DropdownMenu: import("svelte").Component<DropdownMenuProps, {}, "open">;
3
+ type DropdownMenu = ReturnType<typeof DropdownMenu>;
3
4
  export default DropdownMenu;
@@ -1,5 +1,6 @@
1
1
  declare const DropdownMenuGroup: import("svelte").Component<{
2
- children: unknown;
3
- class: unknown;
4
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ class: any;
4
+ } & Record<string, any>, {}, "">;
5
+ type DropdownMenuGroup = ReturnType<typeof DropdownMenuGroup>;
5
6
  export default DropdownMenuGroup;
@@ -1,5 +1,6 @@
1
1
  declare const DropdownMenuHeader: import("svelte").Component<{
2
- children: unknown;
3
- class: unknown;
4
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ class: any;
4
+ } & Record<string, any>, {}, "">;
5
+ type DropdownMenuHeader = ReturnType<typeof DropdownMenuHeader>;
5
6
  export default DropdownMenuHeader;
@@ -1,3 +1,4 @@
1
1
  import { type DropdownMenuItemProps } from "../DropdownMenu";
2
2
  declare const DropdownMenuItem: import("svelte").Component<DropdownMenuItemProps, {}, "">;
3
+ type DropdownMenuItem = ReturnType<typeof DropdownMenuItem>;
3
4
  export default DropdownMenuItem;
@@ -1,5 +1,6 @@
1
1
  declare const DropdownMenuSeparator: import("svelte").Component<{
2
- children: unknown;
3
- class: unknown;
4
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ class: any;
4
+ } & Record<string, any>, {}, "">;
5
+ type DropdownMenuSeparator = ReturnType<typeof DropdownMenuSeparator>;
5
6
  export default DropdownMenuSeparator;
@@ -1,4 +1,5 @@
1
1
  import { type HeaderProps } from "./Header";
2
2
  import './header.scss';
3
3
  declare const Header: import("svelte").Component<HeaderProps, {}, "">;
4
+ type Header = ReturnType<typeof Header>;
4
5
  export default Header;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconArrowBigRightFilled } from "@tabler/icons-svelte";
3
3
  declare const IconArrowBigRightFilled: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconArrowBigRightFilled = ReturnType<typeof IconArrowBigRightFilled>;
4
5
  export default IconArrowBigRightFilled;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconBook } from "@tabler/icons-svelte";
3
3
  declare const IconBook: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconBook = ReturnType<typeof IconBook>;
4
5
  export default IconBook;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconBookmarkPlus } from "@tabler/icons-svelte";
3
3
  declare const IconBookmarkPlus: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconBookmarkPlus = ReturnType<typeof IconBookmarkPlus>;
4
5
  export default IconBookmarkPlus;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconCalculator } from "@tabler/icons-svelte";
3
3
  declare const IconCalculator: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconCalculator = ReturnType<typeof IconCalculator>;
4
5
  export default IconCalculator;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconCheck } from "@tabler/icons-svelte";
3
3
  declare const IconCheck: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconCheck = ReturnType<typeof IconCheck>;
4
5
  export default IconCheck;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconChevronDown } from "@tabler/icons-svelte";
3
3
  declare const IconChevronDown: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconChevronDown = ReturnType<typeof IconChevronDown>;
4
5
  export default IconChevronDown;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconCopy } from "@tabler/icons-svelte";
3
3
  declare const IconCopy: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconCopy = ReturnType<typeof IconCopy>;
4
5
  export default IconCopy;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconCopyCheckFilled } from "@tabler/icons-svelte";
3
3
  declare const IconCopyCheckFilled: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconCopyCheckFilled = ReturnType<typeof IconCopyCheckFilled>;
4
5
  export default IconCopyCheckFilled;
@@ -1,3 +1,4 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  declare const IconHamburger: import("svelte").Component<IconsProps, {}, "">;
3
+ type IconHamburger = ReturnType<typeof IconHamburger>;
3
4
  export default IconHamburger;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconLanguage } from "@tabler/icons-svelte";
3
3
  declare const IconLanguage: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconLanguage = ReturnType<typeof IconLanguage>;
4
5
  export default IconLanguage;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconLoader2 } from "@tabler/icons-svelte";
3
3
  declare const IconLoader2: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconLoader2 = ReturnType<typeof IconLoader2>;
4
5
  export default IconLoader2;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconLogout } from "@tabler/icons-svelte";
3
3
  declare const IconLogout: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconLogout = ReturnType<typeof IconLogout>;
4
5
  export default IconLogout;
@@ -1,3 +1,4 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  declare const IconMoon: import("svelte").Component<IconsProps, {}, "">;
3
+ type IconMoon = ReturnType<typeof IconMoon>;
3
4
  export default IconMoon;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconPointFilled } from "@tabler/icons-svelte";
3
3
  declare const IconPointFilled: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconPointFilled = ReturnType<typeof IconPointFilled>;
4
5
  export default IconPointFilled;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconSearch } from "@tabler/icons-svelte";
3
3
  declare const IconSearch: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconSearch = ReturnType<typeof IconSearch>;
4
5
  export default IconSearch;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconSettings } from "@tabler/icons-svelte";
3
3
  declare const IconSettings: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconSettings = ReturnType<typeof IconSettings>;
4
5
  export default IconSettings;
@@ -1,3 +1,4 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  declare const IconSun: import("svelte").Component<IconsProps, {}, "">;
3
+ type IconSun = ReturnType<typeof IconSun>;
3
4
  export default IconSun;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconSwitchHorizontal } from "@tabler/icons-svelte";
3
3
  declare const IconSwitchHorizontal: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconSwitchHorizontal = ReturnType<typeof IconSwitchHorizontal>;
4
5
  export default IconSwitchHorizontal;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconSwitchVertical } from "@tabler/icons-svelte";
3
3
  declare const IconSwitchVertical: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconSwitchVertical = ReturnType<typeof IconSwitchVertical>;
4
5
  export default IconSwitchVertical;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconTransform } from "@tabler/icons-svelte";
3
3
  declare const IconTransform: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconTransform = ReturnType<typeof IconTransform>;
4
5
  export default IconTransform;
@@ -1,4 +1,5 @@
1
1
  import { type IconsProps } from "./Icons";
2
2
  import { IconX } from "@tabler/icons-svelte";
3
3
  declare const IconX: import("svelte").Component<IconsProps, {}, "">;
4
+ type IconX = ReturnType<typeof IconX>;
4
5
  export default IconX;
@@ -1,3 +1,4 @@
1
1
  import { type InputProps } from "./Input";
2
2
  declare const Input: import("svelte").Component<InputProps, {}, "ref" | "value">;
3
+ type Input = ReturnType<typeof Input>;
3
4
  export default Input;
@@ -1,5 +1,7 @@
1
- import { type LanguagePickerButtonProps } from "./LanguagePickerButton";
2
- declare const LanguagePickerButton: import("svelte").Component<LanguagePickerButtonProps & {
1
+ type $$ComponentProps = LanguagePickerButtonProps & {
3
2
  onLangSelect: (langCode: string) => void;
4
- }, {}, "">;
3
+ };
4
+ import { type LanguagePickerButtonProps } from "./LanguagePickerButton";
5
+ declare const LanguagePickerButton: import("svelte").Component<$$ComponentProps, {}, "">;
6
+ type LanguagePickerButton = ReturnType<typeof LanguagePickerButton>;
5
7
  export default LanguagePickerButton;
@@ -1,3 +1,4 @@
1
1
  import { type LightDarkToggleProps } from "./LightDarkToggle";
2
2
  declare const LightDarkToggle: import("svelte").Component<LightDarkToggleProps, {}, "">;
3
+ type LightDarkToggle = ReturnType<typeof LightDarkToggle>;
3
4
  export default LightDarkToggle;
@@ -1,3 +1,4 @@
1
1
  import { type PopoverProps } from "./Popover";
2
2
  declare const Popover: import("svelte").Component<PopoverProps, {}, "open">;
3
+ type Popover = ReturnType<typeof Popover>;
3
4
  export default Popover;
@@ -8,4 +8,5 @@ declare const PopoverResponsive: import("svelte").Component<PopoverResponsivePro
8
8
  flip?: boolean;
9
9
  triggerRef?: HTMLElement;
10
10
  }, {}, "open">;
11
+ type PopoverResponsive = ReturnType<typeof PopoverResponsive>;
11
12
  export default PopoverResponsive;
@@ -1,3 +1,4 @@
1
1
  import { type SideNavigationProps } from "./SideNavigation";
2
2
  declare const SideNavigation: import("svelte").Component<SideNavigationProps, {}, "">;
3
+ type SideNavigation = ReturnType<typeof SideNavigation>;
3
4
  export default SideNavigation;
@@ -1,7 +1,8 @@
1
1
  declare const SideNavigationItem: import("svelte").Component<{
2
- class: unknown;
3
- href: unknown;
4
- children: unknown;
5
- icon: unknown;
2
+ class: any;
3
+ href: any;
4
+ children: any;
5
+ icon: any;
6
6
  }, {}, "">;
7
+ type SideNavigationItem = ReturnType<typeof SideNavigationItem>;
7
8
  export default SideNavigationItem;
@@ -1,5 +1,6 @@
1
1
  import './sidenav.scss';
2
2
  declare const SideNavigationLayout: import("svelte").Component<{
3
- children: unknown;
3
+ children: any;
4
4
  }, {}, "">;
5
+ type SideNavigationLayout = ReturnType<typeof SideNavigationLayout>;
5
6
  export default SideNavigationLayout;
@@ -1,3 +1,4 @@
1
1
  import { type SliderProps } from "./Slider";
2
2
  declare const Slider: import("svelte").Component<SliderProps, {}, "value">;
3
+ type Slider = ReturnType<typeof Slider>;
3
4
  export default Slider;
@@ -1,5 +1,47 @@
1
1
  import { type VariantProps } from "tailwind-variants";
2
- export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "", import("tailwind-variants/dist/config").TVConfig<{}, {}>, unknown, unknown, undefined>>;
2
+ export declare const styles: import("tailwind-variants").TVReturnType<{
3
+ size: {
4
+ sm: string;
5
+ md: string;
6
+ lg: string;
7
+ };
8
+ }, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
9
+ size: {
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ };
14
+ }, {
15
+ size: {
16
+ sm: string;
17
+ md: string;
18
+ lg: string;
19
+ };
20
+ }>, {
21
+ size: {
22
+ sm: string;
23
+ md: string;
24
+ lg: string;
25
+ };
26
+ }, undefined, import("tailwind-variants").TVReturnType<{
27
+ size: {
28
+ sm: string;
29
+ md: string;
30
+ lg: string;
31
+ };
32
+ }, undefined, "", import("tailwind-variants/dist/config").TVConfig<{
33
+ size: {
34
+ sm: string;
35
+ md: string;
36
+ lg: string;
37
+ };
38
+ }, {
39
+ size: {
40
+ sm: string;
41
+ md: string;
42
+ lg: string;
43
+ };
44
+ }>, unknown, unknown, undefined>>;
3
45
  type StarRatingVariants = VariantProps<typeof styles>;
4
46
  export interface StarRatingProps extends StarRatingVariants {
5
47
  children?: any;
@@ -1,7 +1,15 @@
1
1
  import { tv } from "tailwind-variants";
2
2
  export const styles = tv({
3
3
  base: '',
4
- variants: {},
4
+ variants: {
5
+ size: {
6
+ sm: 'h-6 px-1',
7
+ md: 'h-8 px-1',
8
+ lg: 'h-10 px-1'
9
+ }
10
+ },
5
11
  compoundVariants: [],
6
- defaultVariants: {},
12
+ defaultVariants: {
13
+ size: 'md'
14
+ },
7
15
  });
@@ -6,6 +6,7 @@
6
6
  children,
7
7
  value = $bindable(),
8
8
  onchange,
9
+ size = 'md',
9
10
  ...props
10
11
  }: StarRatingProps = $props();
11
12
 
@@ -48,18 +49,24 @@
48
49
 
49
50
  </script>
50
51
 
51
- <div class="inline-flex items-center">
52
+ <div
53
+ tabindex="0"
54
+ role="radiogroup"
55
+ class="star-rating-container inline-flex items-center">
52
56
  {#each Array(5) as _, index (index)}
53
- <button
54
- data-rating-icon
55
- data-highlight={(hoverRating || value) > index}
56
- data-hovering={hoverRating === (index + 1)}
57
- aria-label=""
58
- onpointerenter={(e) => setHover(index + 1, e)}
59
- onpointerleave={resetHover}
60
- ontouchendcapture={resetHover}
61
- onclick={(e) => setRating(index + 1, e)}
62
- class={cn(" h-6 px-1 ")}>
57
+ <button role="radio"
58
+ tabindex="0"
59
+ aria-checked={(hoverRating || value) > index}
60
+ aria-posinset={index + 1}
61
+ aria-setsize="5"
62
+ data-rating-icon
63
+ data-hovering={hoverRating === (index + 1)}
64
+ aria-label=""
65
+ onpointerenter={(e) => setHover(index + 1, e)}
66
+ onpointerleave={resetHover}
67
+ ontouchendcapture={resetHover}
68
+ onclick={(e) => setRating(index + 1, e)}
69
+ class={styles({size})}>
63
70
  <svg
64
71
  viewBox="64 64 896 896" focusable="true" data-icon="star" width="1em" height="1em"
65
72
  fill="currentColor"
@@ -72,13 +79,19 @@
72
79
  </div>
73
80
 
74
81
 
75
- <style global>[data-rating-icon] {
82
+ <style>[data-rating-icon] {
76
83
  fill: hsl(var(--tw---token-color-neutral-token-5));
77
84
  transition-property: all;
78
85
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
79
86
  transition-duration: 300ms
80
87
  }
81
- [data-rating-icon][data-highlight=true] {
88
+ [data-rating-icon]:first-child {
89
+ padding-left: 0px
90
+ }
91
+ [data-rating-icon]:last-child {
92
+ padding-right: 0px
93
+ }
94
+ [data-rating-icon][aria-checked=true] {
82
95
  fill: #facc15
83
96
  }
84
97
  [data-rating-icon][data-hovering=true] {
@@ -1,3 +1,4 @@
1
1
  import { type StarRatingProps } from "./StarRating";
2
2
  declare const StarRating: import("svelte").Component<StarRatingProps, {}, "value">;
3
+ type StarRating = ReturnType<typeof StarRating>;
3
4
  export default StarRating;
@@ -1,3 +1,4 @@
1
1
  import { type TabsProps } from "../Tabs";
2
2
  declare const Tabs: import("svelte").Component<TabsProps, {}, "value">;
3
+ type Tabs = ReturnType<typeof Tabs>;
3
4
  export default Tabs;
@@ -1,6 +1,7 @@
1
1
  declare const TabsContent: import("svelte").Component<{
2
- children: unknown;
3
- class: unknown;
4
- value: unknown;
5
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ class: any;
4
+ value: any;
5
+ } & Record<string, any>, {}, "">;
6
+ type TabsContent = ReturnType<typeof TabsContent>;
6
7
  export default TabsContent;
@@ -1,6 +1,7 @@
1
1
  declare const TabsItem: import("svelte").Component<{
2
- children: unknown;
3
- class: unknown;
4
- value: unknown;
5
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ class: any;
4
+ value: any;
5
+ } & Record<string, any>, {}, "">;
6
+ type TabsItem = ReturnType<typeof TabsItem>;
6
7
  export default TabsItem;
@@ -1,5 +1,6 @@
1
1
  declare const TabsList: import("svelte").Component<{
2
- children: unknown;
3
- class: unknown;
4
- } & Record<string, unknown>, {}, "">;
2
+ children: any;
3
+ class: any;
4
+ } & Record<string, any>, {}, "">;
5
+ type TabsList = ReturnType<typeof TabsList>;
5
6
  export default TabsList;
@@ -1,3 +1,4 @@
1
1
  import { type TeraUiContextProps } from "./TeraUiContext";
2
2
  declare const TeraUiContext: import("svelte").Component<TeraUiContextProps, {}, "">;
3
+ type TeraUiContext = ReturnType<typeof TeraUiContext>;
3
4
  export default TeraUiContext;
@@ -1,3 +1,4 @@
1
1
  import { type TextAreaProps } from "./TextArea";
2
2
  declare const TextArea: import("svelte").Component<TextAreaProps, {}, "ref" | "value">;
3
+ type TextArea = ReturnType<typeof TextArea>;
3
4
  export default TextArea;
@@ -1,3 +1,4 @@
1
1
  import { type UserAvatarWithMenuProps } from "./UserAvatarWithMenu";
2
2
  declare const UserAvatarWithMenu: import("svelte").Component<UserAvatarWithMenuProps, {}, "">;
3
+ type UserAvatarWithMenu = ReturnType<typeof UserAvatarWithMenu>;
3
4
  export default UserAvatarWithMenu;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tera-system-ui",
3
- "version": "0.0.25",
3
+ "version": "0.0.27",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "npm run customPrepublish && npm run generate-index && vite build && npm run package && npm run postpublish",