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.
- package/dist/components/avatar/Avatar.svelte.d.ts +1 -0
- package/dist/components/brand-logo/BrandLogo.svelte.d.ts +1 -0
- package/dist/components/button/Button.svelte.d.ts +1 -0
- package/dist/components/combobox/Combobox.svelte.d.ts +1 -0
- package/dist/components/command/components/Command.svelte.d.ts +1 -0
- package/dist/components/command/components/CommandEmpty.svelte.d.ts +1 -0
- package/dist/components/command/components/CommandGroup.svelte.d.ts +1 -0
- package/dist/components/command/components/CommandInput.svelte.d.ts +1 -0
- package/dist/components/command/components/CommandItem.svelte.d.ts +1 -0
- package/dist/components/command/components/CommandList.svelte.d.ts +4 -3
- package/dist/components/command/components/CommandLoading.svelte.d.ts +7 -6
- package/dist/components/command/components/CommandSeparator.svelte.d.ts +1 -0
- package/dist/components/dialog/Dialog.svelte.d.ts +1 -0
- package/dist/components/dropdown-menu/components/DropdownMenu.svelte.d.ts +1 -0
- package/dist/components/dropdown-menu/components/DropdownMenuGroup.svelte.d.ts +4 -3
- package/dist/components/dropdown-menu/components/DropdownMenuHeader.svelte.d.ts +4 -3
- package/dist/components/dropdown-menu/components/DropdownMenuItem.svelte.d.ts +1 -0
- package/dist/components/dropdown-menu/components/DropdownMenuSeparator.svelte.d.ts +4 -3
- package/dist/components/header/Header.svelte.d.ts +1 -0
- package/dist/components/icons/IconArrowBigRightFilled.svelte.d.ts +1 -0
- package/dist/components/icons/IconBook.svelte.d.ts +1 -0
- package/dist/components/icons/IconBookmarkPlus.svelte.d.ts +1 -0
- package/dist/components/icons/IconCalculator.svelte.d.ts +1 -0
- package/dist/components/icons/IconCheck.svelte.d.ts +1 -0
- package/dist/components/icons/IconChevronDown.svelte.d.ts +1 -0
- package/dist/components/icons/IconCopy.svelte.d.ts +1 -0
- package/dist/components/icons/IconCopyCheckFilled.svelte.d.ts +1 -0
- package/dist/components/icons/IconHamburger.svelte.d.ts +1 -0
- package/dist/components/icons/IconLanguage.svelte.d.ts +1 -0
- package/dist/components/icons/IconLoader2.svelte.d.ts +1 -0
- package/dist/components/icons/IconLogout.svelte.d.ts +1 -0
- package/dist/components/icons/IconMoon.svelte.d.ts +1 -0
- package/dist/components/icons/IconPointFilled.svelte.d.ts +1 -0
- package/dist/components/icons/IconSearch.svelte.d.ts +1 -0
- package/dist/components/icons/IconSettings.svelte.d.ts +1 -0
- package/dist/components/icons/IconSun.svelte.d.ts +1 -0
- package/dist/components/icons/IconSwitchHorizontal.svelte.d.ts +1 -0
- package/dist/components/icons/IconSwitchVertical.svelte.d.ts +1 -0
- package/dist/components/icons/IconTransform.svelte.d.ts +1 -0
- package/dist/components/icons/IconX.svelte.d.ts +1 -0
- package/dist/components/input/Input.svelte.d.ts +1 -0
- package/dist/components/language-picker-button/LanguagePickerButton.svelte.d.ts +5 -3
- package/dist/components/light-dark-toggle/LightDarkToggle.svelte.d.ts +1 -0
- package/dist/components/popover/Popover.svelte.d.ts +1 -0
- package/dist/components/popover-responsive/PopoverResponsive.svelte.d.ts +1 -0
- package/dist/components/side-navigation/SideNavigation.svelte.d.ts +1 -0
- package/dist/components/side-navigation/SideNavigationItem.svelte.d.ts +5 -4
- package/dist/components/side-navigation/SideNavigationLayout.svelte.d.ts +2 -1
- package/dist/components/slider/Slider.svelte.d.ts +1 -0
- package/dist/components/star-rating/StarRating.d.ts +43 -1
- package/dist/components/star-rating/StarRating.js +10 -2
- package/dist/components/star-rating/StarRating.svelte +26 -13
- package/dist/components/star-rating/StarRating.svelte.d.ts +1 -0
- package/dist/components/tabs/components/Tabs.svelte.d.ts +1 -0
- package/dist/components/tabs/components/TabsContent.svelte.d.ts +5 -4
- package/dist/components/tabs/components/TabsItem.svelte.d.ts +5 -4
- package/dist/components/tabs/components/TabsList.svelte.d.ts +4 -3
- package/dist/components/tera-ui-context/TeraUiContext.svelte.d.ts +1 -0
- package/dist/components/text-area/TextArea.svelte.d.ts +1 -0
- package/dist/components/user-avatar-with-menu/UserAvatarWithMenu.svelte.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
declare const CommandList: import("svelte").Component<{
|
|
2
|
-
children:
|
|
3
|
-
el:
|
|
4
|
-
} & Record<string,
|
|
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
|
-
|
|
2
|
-
|
|
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,5 +1,6 @@
|
|
|
1
1
|
declare const DropdownMenuGroup: import("svelte").Component<{
|
|
2
|
-
children:
|
|
3
|
-
class:
|
|
4
|
-
} & Record<string,
|
|
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:
|
|
3
|
-
class:
|
|
4
|
-
} & Record<string,
|
|
2
|
+
children: any;
|
|
3
|
+
class: any;
|
|
4
|
+
} & Record<string, any>, {}, "">;
|
|
5
|
+
type DropdownMenuHeader = ReturnType<typeof DropdownMenuHeader>;
|
|
5
6
|
export default DropdownMenuHeader;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
declare const DropdownMenuSeparator: import("svelte").Component<{
|
|
2
|
-
children:
|
|
3
|
-
class:
|
|
4
|
-
} & Record<string,
|
|
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 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 { 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 { 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 { 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,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 { 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,5 +1,7 @@
|
|
|
1
|
-
|
|
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,7 +1,8 @@
|
|
|
1
1
|
declare const SideNavigationItem: import("svelte").Component<{
|
|
2
|
-
class:
|
|
3
|
-
href:
|
|
4
|
-
children:
|
|
5
|
-
icon:
|
|
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,47 @@
|
|
|
1
1
|
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
export declare const styles: import("tailwind-variants").TVReturnType<{
|
|
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
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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
|
|
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]
|
|
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,6 +1,7 @@
|
|
|
1
1
|
declare const TabsContent: import("svelte").Component<{
|
|
2
|
-
children:
|
|
3
|
-
class:
|
|
4
|
-
value:
|
|
5
|
-
} & Record<string,
|
|
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:
|
|
3
|
-
class:
|
|
4
|
-
value:
|
|
5
|
-
} & Record<string,
|
|
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:
|
|
3
|
-
class:
|
|
4
|
-
} & Record<string,
|
|
2
|
+
children: any;
|
|
3
|
+
class: any;
|
|
4
|
+
} & Record<string, any>, {}, "">;
|
|
5
|
+
type TabsList = ReturnType<typeof TabsList>;
|
|
5
6
|
export default TabsList;
|