@opencode-ai/ui 0.0.0-dev-202608201855 → 0.0.0-dev-17751
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/actions/button/button.d.ts +10 -0
- package/dist/actions/icon-button/icon-button.d.ts +11 -0
- package/dist/actions/split-button/split-button.d.ts +5 -0
- package/dist/components/card.d.ts +1 -1
- package/dist/components/list.d.ts +1 -1
- package/dist/components/scroll-view.d.ts +3 -3
- package/dist/context/i18n.d.ts +10 -7
- package/dist/{components → data-display/accordion}/accordion.d.ts +6 -6
- package/dist/{v2/components/avatar-v2.d.ts → data-display/avatar/avatar.d.ts} +1 -1
- package/dist/data-display/badge/badge.d.ts +7 -0
- package/dist/{components → data-display/diff-changes}/diff-changes.d.ts +2 -1
- package/dist/data-display/keybind/keybind.d.ts +7 -0
- package/dist/{v2/components/line-comment-v2.d.ts → data-display/line-comment/line-comment.d.ts} +9 -9
- package/dist/{v2/components/project-avatar-v2.d.ts → data-display/project-avatar/project-avatar.d.ts} +1 -1
- package/dist/feedback/loader/loader.d.ts +3 -0
- package/dist/{components → feedback/progress-circle}/progress-circle.d.ts +2 -0
- package/dist/feedback/toast/toast.d.ts +57 -0
- package/dist/{components → forms/checkbox}/checkbox.d.ts +2 -2
- package/dist/{v2/components/field-v2.d.ts → forms/field/field.d.ts} +4 -10
- package/dist/forms/radio/radio.d.ts +16 -0
- package/dist/{v2/components/select-v2.d.ts → forms/select/select.d.ts} +4 -6
- package/dist/{components → forms/switch}/switch.d.ts +4 -2
- package/dist/{v2/components/text-input-v2.d.ts → forms/text-input/text-input.d.ts} +3 -3
- package/dist/forms/textarea/textarea.d.ts +7 -0
- package/dist/i18n/ar.d.ts +0 -2
- package/dist/i18n/bg.d.ts +0 -2
- package/dist/i18n/br.d.ts +0 -2
- package/dist/i18n/bs.d.ts +0 -2
- package/dist/i18n/da.d.ts +0 -2
- package/dist/i18n/de.d.ts +0 -2
- package/dist/i18n/en.d.ts +209 -1
- package/dist/i18n/es.d.ts +0 -2
- package/dist/i18n/fr.d.ts +0 -2
- package/dist/i18n/he.d.ts +197 -0
- package/dist/i18n/ja.d.ts +0 -2
- package/dist/i18n/km.d.ts +0 -2
- package/dist/i18n/ko.d.ts +0 -2
- package/dist/i18n/lo.d.ts +0 -2
- package/dist/i18n/mk.d.ts +0 -2
- package/dist/i18n/mn.d.ts +0 -2
- package/dist/i18n/my.d.ts +0 -2
- package/dist/i18n/pl.d.ts +0 -2
- package/dist/i18n/ru.d.ts +0 -2
- package/dist/i18n/sr.d.ts +0 -2
- package/dist/i18n/tg.d.ts +0 -2
- package/dist/i18n/th.d.ts +0 -2
- package/dist/i18n/tr.d.ts +0 -2
- package/dist/i18n/zh.d.ts +0 -2
- package/dist/i18n/zht.d.ts +0 -2
- package/dist/{components/icon.d.ts → icons/icon/additional-icons.d.ts} +8 -8
- package/dist/{v2/components → icons/icon}/icon.d.ts +16 -1
- package/dist/layout/divider/divider.d.ts +5 -0
- package/dist/navigation/menu/menu.d.ts +59 -0
- package/dist/{v2/components/segmented-control-v2.d.ts → navigation/segmented-control/segmented-control.d.ts} +5 -5
- package/dist/{components → navigation/tabs}/tabs.d.ts +15 -8
- package/dist/{v2/components/dialog-v2.d.ts → overlays/dialog/dialog.d.ts} +1 -2
- package/dist/overlays/tooltip/tooltip.d.ts +14 -0
- package/dist/{components → typography/text-shimmer}/text-shimmer.d.ts +1 -0
- package/dist/typography/wordmark/wordmark.d.ts +2 -0
- package/package.json +131 -13
- package/src/{v2/components/button-v2.tsx → actions/button/button.tsx} +8 -8
- package/src/actions/icon-button/icon-button.tsx +32 -0
- package/src/{v2/components/split-button-v2.css → actions/split-button/split-button.css} +1 -6
- package/src/{v2/components/split-button-v2.tsx → actions/split-button/split-button.tsx} +4 -4
- package/src/components/animated-number.css +29 -11
- package/src/components/animated-number.tsx +2 -2
- package/src/components/card.css +2 -23
- package/src/components/card.tsx +4 -4
- package/src/components/collapsible.tsx +1 -1
- package/src/components/image-preview.tsx +3 -2
- package/src/components/list.css +5 -5
- package/src/components/list.tsx +7 -5
- package/src/components/popover.tsx +3 -2
- package/src/components/provider-icon.tsx +1 -1
- package/src/components/scroll-view.tsx +5 -20
- package/src/components/sticky-accordion-header.tsx +1 -1
- package/src/components/text-field.tsx +12 -4
- package/src/context/i18n.tsx +17 -14
- package/src/{components → data-display/accordion}/accordion.css +1 -26
- package/src/{components → data-display/accordion}/accordion.tsx +14 -14
- package/src/{v2/components/avatar-v2.tsx → data-display/avatar/avatar.tsx} +1 -1
- package/src/{v2/components/badge-v2.css → data-display/badge/badge.css} +19 -0
- package/src/{v2/components/badge-v2.tsx → data-display/badge/badge.tsx} +6 -4
- package/src/{components → data-display/diff-changes}/diff-changes.css +22 -19
- package/src/{v2/components/diff-changes-v2.tsx → data-display/diff-changes/diff-changes.tsx} +7 -2
- package/src/{v2/components/keybind-v2.css → data-display/keybind/keybind.css} +1 -1
- package/src/{v2/components/keybind-v2.tsx → data-display/keybind/keybind.tsx} +3 -3
- package/src/{v2/components/line-comment-v2.tsx → data-display/line-comment/line-comment.tsx} +17 -15
- package/src/{v2/components/project-avatar-v2.tsx → data-display/project-avatar/project-avatar.tsx} +1 -1
- package/src/{v2/components/loader-v2.tsx → feedback/loader/loader.tsx} +2 -2
- package/src/feedback/progress-circle/progress-circle.css +28 -0
- package/src/feedback/progress-circle/progress-circle.tsx +64 -0
- package/src/{v2/components/toast-v2.tsx → feedback/toast/toast.tsx} +60 -58
- package/src/{components → forms/checkbox}/checkbox.css +1 -7
- package/src/{components → forms/checkbox}/checkbox.tsx +13 -13
- package/src/{v2/components/field-v2.tsx → forms/field/field.tsx} +9 -11
- package/src/{v2/components/radio-v2.tsx → forms/radio/radio.tsx} +30 -20
- package/src/{v2/components/select-v2.css → forms/select/select.css} +2 -8
- package/src/{v2/components/select-v2.tsx → forms/select/select.tsx} +38 -32
- package/src/{v2/components/switch-v2.css → forms/switch/switch.css} +110 -0
- package/src/forms/switch/switch.tsx +34 -0
- package/src/{v2/components/text-input-v2.tsx → forms/text-input/text-input.tsx} +4 -4
- package/src/{v2/components/textarea-v2.tsx → forms/textarea/textarea.tsx} +3 -3
- package/src/hooks/create-auto-scroll.tsx +20 -0
- package/src/i18n/am.ts +0 -2
- package/src/i18n/ar.ts +0 -2
- package/src/i18n/az.ts +0 -2
- package/src/i18n/bg.ts +0 -2
- package/src/i18n/bn.ts +0 -2
- package/src/i18n/br.ts +0 -2
- package/src/i18n/bs.ts +0 -2
- package/src/i18n/ca.ts +0 -2
- package/src/i18n/cs.ts +0 -2
- package/src/i18n/da.ts +0 -2
- package/src/i18n/de.ts +0 -2
- package/src/i18n/dv.ts +0 -2
- package/src/i18n/dz.ts +0 -2
- package/src/i18n/el.ts +0 -2
- package/src/i18n/en.ts +18 -4
- package/src/i18n/es.ts +0 -2
- package/src/i18n/et.ts +0 -2
- package/src/i18n/fa.ts +0 -2
- package/src/i18n/fi.ts +0 -2
- package/src/i18n/fo.ts +0 -2
- package/src/i18n/fr.ts +0 -2
- package/src/i18n/he.ts +199 -0
- package/src/i18n/hi.ts +0 -2
- package/src/i18n/hr.ts +0 -2
- package/src/i18n/hu.ts +0 -2
- package/src/i18n/hy.ts +0 -2
- package/src/i18n/id.ts +0 -2
- package/src/i18n/is.ts +0 -2
- package/src/i18n/it.ts +0 -2
- package/src/i18n/ja.ts +0 -2
- package/src/i18n/ka.ts +0 -2
- package/src/i18n/km.ts +0 -2
- package/src/i18n/ko.ts +0 -2
- package/src/i18n/lo.ts +0 -2
- package/src/i18n/lt.ts +0 -2
- package/src/i18n/lv.ts +0 -2
- package/src/i18n/mk.ts +0 -2
- package/src/i18n/mn.ts +0 -2
- package/src/i18n/ms.ts +0 -2
- package/src/i18n/my.ts +0 -2
- package/src/i18n/ne.ts +0 -2
- package/src/i18n/nl.ts +0 -2
- package/src/i18n/no.ts +0 -2
- package/src/i18n/pa.ts +0 -2
- package/src/i18n/pl.ts +0 -2
- package/src/i18n/ro.ts +0 -2
- package/src/i18n/ru.ts +0 -2
- package/src/i18n/si.ts +0 -2
- package/src/i18n/sk.ts +0 -2
- package/src/i18n/sl.ts +0 -2
- package/src/i18n/sq.ts +0 -2
- package/src/i18n/sr.ts +0 -2
- package/src/i18n/sv.ts +0 -2
- package/src/i18n/tg.ts +0 -2
- package/src/i18n/th.ts +0 -2
- package/src/i18n/tk.ts +0 -2
- package/src/i18n/tr.ts +0 -2
- package/src/i18n/uk.ts +0 -2
- package/src/i18n/ur.ts +0 -2
- package/src/i18n/uz.ts +0 -2
- package/src/i18n/vi.ts +0 -2
- package/src/i18n/zh.ts +0 -2
- package/src/i18n/zht.ts +0 -2
- package/src/{components/icon.tsx → icons/icon/additional-icons.ts} +8 -74
- package/src/icons/icon/icon.css +3 -0
- package/src/{v2/components → icons/icon}/icon.tsx +42 -9
- package/src/{v2/components/divider-v2.tsx → layout/divider/divider.tsx} +3 -3
- package/src/{v2/components/menu-v2.css → navigation/menu/menu.css} +121 -0
- package/src/{v2/components/menu-v2.tsx → navigation/menu/menu.tsx} +96 -32
- package/src/{v2/components/segmented-control-v2.tsx → navigation/segmented-control/segmented-control.tsx} +9 -8
- package/src/{v2/components/tabs-v2.css → navigation/tabs/tabs-current.css} +24 -9
- package/src/{components → navigation/tabs}/tabs.css +39 -229
- package/src/navigation/tabs/tabs.tsx +194 -0
- package/src/{v2/components/dialog-v2.css → overlays/dialog/dialog.css} +3 -0
- package/src/{v2/components/dialog-v2.tsx → overlays/dialog/dialog.tsx} +11 -13
- package/src/{v2/components/tooltip-v2.css → overlays/tooltip/tooltip.css} +26 -0
- package/src/{v2/components/tooltip-v2.tsx → overlays/tooltip/tooltip.tsx} +18 -14
- package/src/styles/index.css +4 -20
- package/src/styles/tailwind/index.css +15 -1
- package/src/{v2/styles → styles/tokens}/theme.css +0 -12
- package/src/theme/context.tsx +19 -11
- package/src/theme/themes/oc-2.json +1 -1
- package/src/{components → typography/text-shimmer}/text-shimmer.css +2 -1
- package/src/{components → typography/text-shimmer}/text-shimmer.tsx +1 -0
- package/src/{v2/components/wordmark-v2.tsx → typography/wordmark/wordmark.tsx} +1 -1
- package/dist/components/avatar.d.ts +0 -9
- package/dist/components/button.d.ts +0 -9
- package/dist/components/dialog.d.ts +0 -12
- package/dist/components/dropdown-menu.d.ts +0 -80
- package/dist/components/icon-button.d.ts +0 -10
- package/dist/components/keybind.d.ts +0 -6
- package/dist/components/radio-group.d.ts +0 -16
- package/dist/components/select.d.ts +0 -21
- package/dist/components/tag.d.ts +0 -5
- package/dist/components/toast.d.ts +0 -56
- package/dist/components/tooltip.d.ts +0 -17
- package/dist/v2/components/accordion-v2.d.ts +0 -26
- package/dist/v2/components/badge-v2.d.ts +0 -6
- package/dist/v2/components/button-v2.d.ts +0 -10
- package/dist/v2/components/checkbox-v2.d.ts +0 -10
- package/dist/v2/components/diff-changes-v2.d.ts +0 -11
- package/dist/v2/components/divider-v2.d.ts +0 -5
- package/dist/v2/components/icon-button-v2.d.ts +0 -11
- package/dist/v2/components/inline-input-v2.d.ts +0 -21
- package/dist/v2/components/keybind-v2.d.ts +0 -7
- package/dist/v2/components/loader-v2.d.ts +0 -3
- package/dist/v2/components/menu-v2.d.ts +0 -52
- package/dist/v2/components/progress-circle-v2.d.ts +0 -8
- package/dist/v2/components/radio-v2.d.ts +0 -16
- package/dist/v2/components/split-button-v2.d.ts +0 -5
- package/dist/v2/components/switch-v2.d.ts +0 -7
- package/dist/v2/components/tabs-v2.d.ts +0 -34
- package/dist/v2/components/text-shimmer-v2.d.ts +0 -9
- package/dist/v2/components/textarea-v2.d.ts +0 -7
- package/dist/v2/components/toast-v2.d.ts +0 -57
- package/dist/v2/components/tooltip-v2.d.ts +0 -13
- package/dist/v2/components/wordmark-v2.d.ts +0 -2
- package/src/components/avatar.css +0 -49
- package/src/components/avatar.tsx +0 -55
- package/src/components/button.css +0 -194
- package/src/components/button.tsx +0 -33
- package/src/components/dialog.css +0 -181
- package/src/components/dialog.tsx +0 -72
- package/src/components/diff-changes.tsx +0 -115
- package/src/components/dropdown-menu.css +0 -135
- package/src/components/dropdown-menu.tsx +0 -308
- package/src/components/icon-button.css +0 -181
- package/src/components/icon-button.tsx +0 -29
- package/src/components/icon.css +0 -39
- package/src/components/keybind.css +0 -18
- package/src/components/keybind.tsx +0 -20
- package/src/components/progress-circle.css +0 -16
- package/src/components/progress-circle.tsx +0 -64
- package/src/components/radio-group.css +0 -187
- package/src/components/radio-group.tsx +0 -83
- package/src/components/select.css +0 -201
- package/src/components/select.tsx +0 -174
- package/src/components/switch.css +0 -136
- package/src/components/switch.tsx +0 -29
- package/src/components/tabs.tsx +0 -126
- package/src/components/tag.css +0 -37
- package/src/components/tag.tsx +0 -22
- package/src/components/toast.css +0 -236
- package/src/components/toast.tsx +0 -185
- package/src/components/tooltip.css +0 -74
- package/src/components/tooltip.tsx +0 -163
- package/src/v2/components/accordion-v2.css +0 -139
- package/src/v2/components/accordion-v2.tsx +0 -86
- package/src/v2/components/checkbox-v2.css +0 -184
- package/src/v2/components/checkbox-v2.tsx +0 -65
- package/src/v2/components/diff-changes-v2.css +0 -26
- package/src/v2/components/icon-button-v2.tsx +0 -37
- package/src/v2/components/inline-input-v2.css +0 -225
- package/src/v2/components/inline-input-v2.tsx +0 -107
- package/src/v2/components/progress-circle-v2.css +0 -13
- package/src/v2/components/progress-circle-v2.tsx +0 -52
- package/src/v2/components/switch-v2.tsx +0 -28
- package/src/v2/components/tabs-v2.tsx +0 -149
- package/src/v2/components/text-shimmer-v2.css +0 -125
- package/src/v2/components/text-shimmer-v2.tsx +0 -63
- /package/dist/{components → forms/inline-input}/inline-input.d.ts +0 -0
- /package/dist/{v2/components → navigation}/tab-state-indicator.d.ts +0 -0
- /package/src/{v2/components/button-v2.css → actions/button/button.css} +0 -0
- /package/src/{v2/components/icon-button-v2.css → actions/icon-button/icon-button.css} +0 -0
- /package/src/{v2/components/avatar-v2.css → data-display/avatar/avatar.css} +0 -0
- /package/src/{v2/components/line-comment-v2.css → data-display/line-comment/line-comment.css} +0 -0
- /package/src/{v2/components/project-avatar-v2.css → data-display/project-avatar/project-avatar.css} +0 -0
- /package/src/{v2/components/loader-v2.css → feedback/loader/loader.css} +0 -0
- /package/src/{v2/components/toast-v2.css → feedback/toast/toast.css} +0 -0
- /package/src/{v2/components/field-v2.css → forms/field/field.css} +0 -0
- /package/src/{components → forms/inline-input}/inline-input.css +0 -0
- /package/src/{components → forms/inline-input}/inline-input.tsx +0 -0
- /package/src/{v2/components/radio-v2.css → forms/radio/radio.css} +0 -0
- /package/src/{v2/components/text-input-v2.css → forms/text-input/text-input.css} +0 -0
- /package/src/{v2/components/textarea-v2.css → forms/textarea/textarea.css} +0 -0
- /package/src/{v2/components/divider-v2.css → layout/divider/divider.css} +0 -0
- /package/src/{v2/components/segmented-control-v2.css → navigation/segmented-control/segmented-control.css} +0 -0
- /package/src/{v2/components → navigation}/tab-state-indicator.tsx +0 -0
- /package/src/{v2/components/file-tree-v2.css → styles/file-tree.css} +0 -0
- /package/src/{v2/styles → styles/tokens}/colors.css +0 -0
- /package/src/{v2/styles/tailwind.css → styles/tokens/index.css} +0 -0
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { DropdownMenu as Kobalte } from "@kobalte/core/dropdown-menu";
|
|
2
|
-
import type { ComponentProps, ParentProps } from "solid-js";
|
|
3
|
-
export interface DropdownMenuProps extends ComponentProps<typeof Kobalte> {
|
|
4
|
-
}
|
|
5
|
-
export interface DropdownMenuTriggerProps extends ComponentProps<typeof Kobalte.Trigger> {
|
|
6
|
-
}
|
|
7
|
-
export interface DropdownMenuIconProps extends ComponentProps<typeof Kobalte.Icon> {
|
|
8
|
-
}
|
|
9
|
-
export interface DropdownMenuPortalProps extends ComponentProps<typeof Kobalte.Portal> {
|
|
10
|
-
}
|
|
11
|
-
export interface DropdownMenuContentProps extends ComponentProps<typeof Kobalte.Content> {
|
|
12
|
-
}
|
|
13
|
-
export interface DropdownMenuArrowProps extends ComponentProps<typeof Kobalte.Arrow> {
|
|
14
|
-
}
|
|
15
|
-
export interface DropdownMenuSeparatorProps extends ComponentProps<typeof Kobalte.Separator> {
|
|
16
|
-
}
|
|
17
|
-
export interface DropdownMenuGroupProps extends ComponentProps<typeof Kobalte.Group> {
|
|
18
|
-
}
|
|
19
|
-
export interface DropdownMenuGroupLabelProps extends ComponentProps<typeof Kobalte.GroupLabel> {
|
|
20
|
-
}
|
|
21
|
-
export interface DropdownMenuItemProps extends ComponentProps<typeof Kobalte.Item> {
|
|
22
|
-
}
|
|
23
|
-
export interface DropdownMenuItemLabelProps extends ComponentProps<typeof Kobalte.ItemLabel> {
|
|
24
|
-
}
|
|
25
|
-
export interface DropdownMenuItemDescriptionProps extends ComponentProps<typeof Kobalte.ItemDescription> {
|
|
26
|
-
}
|
|
27
|
-
export interface DropdownMenuItemIndicatorProps extends ComponentProps<typeof Kobalte.ItemIndicator> {
|
|
28
|
-
}
|
|
29
|
-
export interface DropdownMenuRadioGroupProps extends ComponentProps<typeof Kobalte.RadioGroup> {
|
|
30
|
-
}
|
|
31
|
-
export interface DropdownMenuRadioItemProps extends ComponentProps<typeof Kobalte.RadioItem> {
|
|
32
|
-
}
|
|
33
|
-
export interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof Kobalte.CheckboxItem> {
|
|
34
|
-
}
|
|
35
|
-
export interface DropdownMenuSubProps extends ComponentProps<typeof Kobalte.Sub> {
|
|
36
|
-
}
|
|
37
|
-
export interface DropdownMenuSubTriggerProps extends ComponentProps<typeof Kobalte.SubTrigger> {
|
|
38
|
-
}
|
|
39
|
-
export interface DropdownMenuSubContentProps extends ComponentProps<typeof Kobalte.SubContent> {
|
|
40
|
-
}
|
|
41
|
-
declare function DropdownMenuRoot(props: DropdownMenuProps): import("solid-js").JSX.Element;
|
|
42
|
-
declare function DropdownMenuTrigger(props: ParentProps<DropdownMenuTriggerProps>): import("solid-js").JSX.Element;
|
|
43
|
-
declare function DropdownMenuIcon(props: ParentProps<DropdownMenuIconProps>): import("solid-js").JSX.Element;
|
|
44
|
-
declare function DropdownMenuPortal(props: DropdownMenuPortalProps): import("solid-js").JSX.Element;
|
|
45
|
-
declare function DropdownMenuContent(props: ParentProps<DropdownMenuContentProps>): import("solid-js").JSX.Element;
|
|
46
|
-
declare function DropdownMenuArrow(props: DropdownMenuArrowProps): import("solid-js").JSX.Element;
|
|
47
|
-
declare function DropdownMenuSeparator(props: DropdownMenuSeparatorProps): import("solid-js").JSX.Element;
|
|
48
|
-
declare function DropdownMenuGroup(props: ParentProps<DropdownMenuGroupProps>): import("solid-js").JSX.Element;
|
|
49
|
-
declare function DropdownMenuGroupLabel(props: ParentProps<DropdownMenuGroupLabelProps>): import("solid-js").JSX.Element;
|
|
50
|
-
declare function DropdownMenuItem(props: ParentProps<DropdownMenuItemProps>): import("solid-js").JSX.Element;
|
|
51
|
-
declare function DropdownMenuItemLabel(props: ParentProps<DropdownMenuItemLabelProps>): import("solid-js").JSX.Element;
|
|
52
|
-
declare function DropdownMenuItemDescription(props: ParentProps<DropdownMenuItemDescriptionProps>): import("solid-js").JSX.Element;
|
|
53
|
-
declare function DropdownMenuItemIndicator(props: ParentProps<DropdownMenuItemIndicatorProps>): import("solid-js").JSX.Element;
|
|
54
|
-
declare function DropdownMenuRadioGroup(props: ParentProps<DropdownMenuRadioGroupProps>): import("solid-js").JSX.Element;
|
|
55
|
-
declare function DropdownMenuRadioItem(props: ParentProps<DropdownMenuRadioItemProps>): import("solid-js").JSX.Element;
|
|
56
|
-
declare function DropdownMenuCheckboxItem(props: ParentProps<DropdownMenuCheckboxItemProps>): import("solid-js").JSX.Element;
|
|
57
|
-
declare function DropdownMenuSub(props: DropdownMenuSubProps): import("solid-js").JSX.Element;
|
|
58
|
-
declare function DropdownMenuSubTrigger(props: ParentProps<DropdownMenuSubTriggerProps>): import("solid-js").JSX.Element;
|
|
59
|
-
declare function DropdownMenuSubContent(props: ParentProps<DropdownMenuSubContentProps>): import("solid-js").JSX.Element;
|
|
60
|
-
export declare const DropdownMenu: typeof DropdownMenuRoot & {
|
|
61
|
-
Trigger: typeof DropdownMenuTrigger;
|
|
62
|
-
Icon: typeof DropdownMenuIcon;
|
|
63
|
-
Portal: typeof DropdownMenuPortal;
|
|
64
|
-
Content: typeof DropdownMenuContent;
|
|
65
|
-
Arrow: typeof DropdownMenuArrow;
|
|
66
|
-
Separator: typeof DropdownMenuSeparator;
|
|
67
|
-
Group: typeof DropdownMenuGroup;
|
|
68
|
-
GroupLabel: typeof DropdownMenuGroupLabel;
|
|
69
|
-
Item: typeof DropdownMenuItem;
|
|
70
|
-
ItemLabel: typeof DropdownMenuItemLabel;
|
|
71
|
-
ItemDescription: typeof DropdownMenuItemDescription;
|
|
72
|
-
ItemIndicator: typeof DropdownMenuItemIndicator;
|
|
73
|
-
RadioGroup: typeof DropdownMenuRadioGroup;
|
|
74
|
-
RadioItem: typeof DropdownMenuRadioItem;
|
|
75
|
-
CheckboxItem: typeof DropdownMenuCheckboxItem;
|
|
76
|
-
Sub: typeof DropdownMenuSub;
|
|
77
|
-
SubTrigger: typeof DropdownMenuSubTrigger;
|
|
78
|
-
SubContent: typeof DropdownMenuSubContent;
|
|
79
|
-
};
|
|
80
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Button as Kobalte } from "@kobalte/core/button";
|
|
2
|
-
import { type ComponentProps } from "solid-js";
|
|
3
|
-
import { IconProps } from "./icon";
|
|
4
|
-
export interface IconButtonProps extends ComponentProps<typeof Kobalte> {
|
|
5
|
-
icon: IconProps["name"];
|
|
6
|
-
size?: "small" | "normal" | "large";
|
|
7
|
-
iconSize?: IconProps["size"];
|
|
8
|
-
variant?: "primary" | "secondary" | "ghost";
|
|
9
|
-
}
|
|
10
|
-
export declare function IconButton(props: ComponentProps<"button"> & IconButtonProps): import("solid-js").JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ComponentProps, ParentProps } from "solid-js";
|
|
2
|
-
export interface KeybindProps extends ParentProps {
|
|
3
|
-
class?: string;
|
|
4
|
-
classList?: ComponentProps<"span">["classList"];
|
|
5
|
-
}
|
|
6
|
-
export declare function Keybind(props: KeybindProps): import("solid-js").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SegmentedControl as Kobalte } from "@kobalte/core/segmented-control";
|
|
2
|
-
import type { ComponentProps, JSX } from "solid-js";
|
|
3
|
-
export type RadioGroupProps<T> = Omit<ComponentProps<typeof Kobalte>, "value" | "defaultValue" | "onChange" | "children"> & {
|
|
4
|
-
options: T[];
|
|
5
|
-
current?: T;
|
|
6
|
-
defaultValue?: T;
|
|
7
|
-
value?: (x: T) => string;
|
|
8
|
-
label?: (x: T) => JSX.Element | string;
|
|
9
|
-
onSelect?: (value: T | undefined) => void;
|
|
10
|
-
class?: ComponentProps<"div">["class"];
|
|
11
|
-
classList?: ComponentProps<"div">["classList"];
|
|
12
|
-
size?: "small" | "medium";
|
|
13
|
-
fill?: boolean;
|
|
14
|
-
pad?: "none" | "normal";
|
|
15
|
-
};
|
|
16
|
-
export declare function RadioGroup<T>(props: RadioGroupProps<T>): JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Select as Kobalte } from "@kobalte/core/select";
|
|
2
|
-
import { type ComponentProps, type JSX } from "solid-js";
|
|
3
|
-
import { ButtonProps } from "./button";
|
|
4
|
-
export type SelectProps<T> = Omit<ComponentProps<typeof Kobalte<T>>, "value" | "onSelect" | "children"> & {
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
options: T[];
|
|
7
|
-
current?: T;
|
|
8
|
-
value?: (x: T) => string;
|
|
9
|
-
label?: (x: T) => string;
|
|
10
|
-
groupBy?: (x: T) => string;
|
|
11
|
-
valueClass?: ComponentProps<"div">["class"];
|
|
12
|
-
onSelect?: (value: T | undefined) => void;
|
|
13
|
-
onHighlight?: (value: T | undefined) => (() => void) | void;
|
|
14
|
-
class?: ComponentProps<"div">["class"];
|
|
15
|
-
classList?: ComponentProps<"div">["classList"];
|
|
16
|
-
children?: (item: T | undefined) => JSX.Element;
|
|
17
|
-
triggerStyle?: JSX.CSSProperties;
|
|
18
|
-
triggerVariant?: "settings";
|
|
19
|
-
triggerProps?: Record<string, string | number | boolean | undefined>;
|
|
20
|
-
};
|
|
21
|
-
export declare function Select<T>(props: SelectProps<T> & Omit<ButtonProps, "children">): JSX.Element;
|
package/dist/components/tag.d.ts
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { Toast as Kobalte, toaster } from "@kobalte/core/toast";
|
|
2
|
-
import type { ToastRootProps, ToastCloseButtonProps, ToastTitleProps, ToastDescriptionProps } from "@kobalte/core/toast";
|
|
3
|
-
import type { ComponentProps, JSX } from "solid-js";
|
|
4
|
-
import { type IconProps } from "./icon";
|
|
5
|
-
export interface ToastRegionProps extends ComponentProps<typeof Kobalte.Region> {
|
|
6
|
-
}
|
|
7
|
-
declare function ToastRegion(props: ToastRegionProps): JSX.Element;
|
|
8
|
-
export interface ToastRootComponentProps extends ToastRootProps {
|
|
9
|
-
class?: string;
|
|
10
|
-
classList?: ComponentProps<"li">["classList"];
|
|
11
|
-
children?: JSX.Element;
|
|
12
|
-
}
|
|
13
|
-
declare function ToastRoot(props: ToastRootComponentProps): JSX.Element;
|
|
14
|
-
declare function ToastIcon(props: {
|
|
15
|
-
name: IconProps["name"];
|
|
16
|
-
}): JSX.Element;
|
|
17
|
-
declare function ToastContent(props: ComponentProps<"div">): JSX.Element;
|
|
18
|
-
declare function ToastTitle(props: ToastTitleProps & ComponentProps<"div">): JSX.Element;
|
|
19
|
-
declare function ToastDescription(props: ToastDescriptionProps & ComponentProps<"div">): JSX.Element;
|
|
20
|
-
declare function ToastActions(props: ComponentProps<"div">): JSX.Element;
|
|
21
|
-
declare function ToastCloseButton(props: ToastCloseButtonProps & ComponentProps<"button">): JSX.Element;
|
|
22
|
-
declare function ToastProgressTrack(props: ComponentProps<typeof Kobalte.ProgressTrack>): JSX.Element;
|
|
23
|
-
declare function ToastProgressFill(props: ComponentProps<typeof Kobalte.ProgressFill>): JSX.Element;
|
|
24
|
-
export declare const Toast: typeof ToastRoot & {
|
|
25
|
-
Region: typeof ToastRegion;
|
|
26
|
-
Icon: typeof ToastIcon;
|
|
27
|
-
Content: typeof ToastContent;
|
|
28
|
-
Title: typeof ToastTitle;
|
|
29
|
-
Description: typeof ToastDescription;
|
|
30
|
-
Actions: typeof ToastActions;
|
|
31
|
-
CloseButton: typeof ToastCloseButton;
|
|
32
|
-
ProgressTrack: typeof ToastProgressTrack;
|
|
33
|
-
ProgressFill: typeof ToastProgressFill;
|
|
34
|
-
};
|
|
35
|
-
export { toaster };
|
|
36
|
-
export type ToastVariant = "default" | "success" | "error" | "loading";
|
|
37
|
-
export interface ToastAction {
|
|
38
|
-
label: string;
|
|
39
|
-
onClick: "dismiss" | (() => void);
|
|
40
|
-
}
|
|
41
|
-
export interface ToastOptions {
|
|
42
|
-
title?: string;
|
|
43
|
-
description?: string;
|
|
44
|
-
icon?: IconProps["name"];
|
|
45
|
-
variant?: ToastVariant;
|
|
46
|
-
duration?: number;
|
|
47
|
-
persistent?: boolean;
|
|
48
|
-
actions?: ToastAction[];
|
|
49
|
-
}
|
|
50
|
-
export declare function showToast(options: ToastOptions | string): number;
|
|
51
|
-
export interface ToastPromiseOptions<T, U = unknown> {
|
|
52
|
-
loading?: JSX.Element;
|
|
53
|
-
success?: (data: T) => JSX.Element;
|
|
54
|
-
error?: (error: U) => JSX.Element;
|
|
55
|
-
}
|
|
56
|
-
export declare function showPromiseToast<T, U = unknown>(promise: Promise<T> | (() => Promise<T>), options: ToastPromiseOptions<T, U>): number;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Tooltip as KobalteTooltip } from "@kobalte/core/tooltip";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { ComponentProps } from "solid-js";
|
|
4
|
-
export interface TooltipProps extends ComponentProps<typeof KobalteTooltip> {
|
|
5
|
-
value: JSX.Element;
|
|
6
|
-
class?: string;
|
|
7
|
-
contentClass?: string;
|
|
8
|
-
contentStyle?: JSX.CSSProperties;
|
|
9
|
-
inactive?: boolean;
|
|
10
|
-
forceOpen?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export interface TooltipKeybindProps extends Omit<TooltipProps, "value"> {
|
|
13
|
-
title: string;
|
|
14
|
-
keybind: string;
|
|
15
|
-
}
|
|
16
|
-
export declare function TooltipKeybind(props: TooltipKeybindProps): JSX.Element;
|
|
17
|
-
export declare function Tooltip(props: TooltipProps): JSX.Element;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Accordion as Kobalte } from "@kobalte/core/accordion";
|
|
2
|
-
import { type ComponentProps, type ParentProps } from "solid-js";
|
|
3
|
-
import "./accordion-v2.css";
|
|
4
|
-
export interface AccordionV2Props extends ComponentProps<typeof Kobalte> {
|
|
5
|
-
}
|
|
6
|
-
export interface AccordionV2ItemProps extends ComponentProps<typeof Kobalte.Item> {
|
|
7
|
-
}
|
|
8
|
-
export interface AccordionV2HeaderProps extends ComponentProps<typeof Kobalte.Header> {
|
|
9
|
-
}
|
|
10
|
-
export interface AccordionV2TriggerProps extends ComponentProps<typeof Kobalte.Trigger> {
|
|
11
|
-
hideChevron?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export interface AccordionV2ContentProps extends ComponentProps<typeof Kobalte.Content> {
|
|
14
|
-
}
|
|
15
|
-
declare function AccordionV2Root(props: ParentProps<AccordionV2Props>): import("solid-js").JSX.Element;
|
|
16
|
-
declare function AccordionV2Item(props: ParentProps<AccordionV2ItemProps>): import("solid-js").JSX.Element;
|
|
17
|
-
declare function AccordionV2Header(props: ParentProps<AccordionV2HeaderProps>): import("solid-js").JSX.Element;
|
|
18
|
-
declare function AccordionV2Trigger(props: ParentProps<AccordionV2TriggerProps>): import("solid-js").JSX.Element;
|
|
19
|
-
declare function AccordionV2Content(props: ParentProps<AccordionV2ContentProps>): import("solid-js").JSX.Element;
|
|
20
|
-
export declare const AccordionV2: typeof AccordionV2Root & {
|
|
21
|
-
Item: typeof AccordionV2Item;
|
|
22
|
-
Header: typeof AccordionV2Header;
|
|
23
|
-
Trigger: typeof AccordionV2Trigger;
|
|
24
|
-
Content: typeof AccordionV2Content;
|
|
25
|
-
};
|
|
26
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Button as Kobalte } from "@kobalte/core/button";
|
|
2
|
-
import { type ComponentProps } from "solid-js";
|
|
3
|
-
import { type IconProps } from "./icon";
|
|
4
|
-
import "./button-v2.css";
|
|
5
|
-
export interface ButtonV2Props extends ComponentProps<typeof Kobalte>, Pick<ComponentProps<"button">, "class" | "classList" | "children"> {
|
|
6
|
-
size?: "small" | "normal" | "large";
|
|
7
|
-
variant?: "neutral" | "danger" | "warning" | "outline" | "contrast" | "ghost" | "ghost-muted" | "loading";
|
|
8
|
-
icon?: IconProps["name"];
|
|
9
|
-
}
|
|
10
|
-
export declare function ButtonV2(props: ButtonV2Props): import("solid-js").JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Checkbox as Kobalte } from "@kobalte/core/checkbox";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { ComponentProps } from "solid-js";
|
|
4
|
-
import "./checkbox-v2.css";
|
|
5
|
-
export interface CheckboxV2Props extends ComponentProps<typeof Kobalte> {
|
|
6
|
-
label: JSX.Element;
|
|
7
|
-
description?: JSX.Element;
|
|
8
|
-
hideLabel?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare function CheckboxV2(props: CheckboxV2Props): JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Button as Kobalte } from "@kobalte/core/button";
|
|
2
|
-
import { type ComponentProps } from "solid-js";
|
|
3
|
-
import { JSX } from "solid-js";
|
|
4
|
-
import "./icon-button-v2.css";
|
|
5
|
-
export interface IconButtonV2Props extends ComponentProps<typeof Kobalte>, Pick<ComponentProps<"button">, "class" | "classList"> {
|
|
6
|
-
icon?: JSX.Element;
|
|
7
|
-
size?: "small" | "normal" | "large";
|
|
8
|
-
variant?: "neutral" | "contrast" | "ghost" | "ghost-muted";
|
|
9
|
-
state?: "rest" | "hover" | "pressed";
|
|
10
|
-
}
|
|
11
|
-
export declare function IconButtonV2(props: ComponentProps<"button"> & IconButtonV2Props): JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type ComponentProps, type JSX } from "solid-js";
|
|
2
|
-
import "./inline-input-v2.css";
|
|
3
|
-
export interface InlineInputV2Props extends Omit<ComponentProps<"input">, "type" | "prefix"> {
|
|
4
|
-
/** Inline label shown before the field (prefix segment). */
|
|
5
|
-
prefix: JSX.Element;
|
|
6
|
-
/** Fixed width for the prefix segment (px number or CSS length). Omit for fit-content. */
|
|
7
|
-
labelWidth?: number | string;
|
|
8
|
-
/** Show the trailing copy action. */
|
|
9
|
-
showCopyButton?: boolean;
|
|
10
|
-
/** Accessible label for the copy button. */
|
|
11
|
-
copyLabel?: string;
|
|
12
|
-
onCopyClick?: (event: MouseEvent) => void;
|
|
13
|
-
/** Apply tabular numerals to the prefix and field value. */
|
|
14
|
-
numeric?: boolean;
|
|
15
|
-
/** Error styling for the field and value text. */
|
|
16
|
-
invalid?: boolean;
|
|
17
|
-
/** `base` is 28px tall; `large` is 32px tall. */
|
|
18
|
-
appearance?: "base" | "large";
|
|
19
|
-
type?: ComponentProps<"input">["type"];
|
|
20
|
-
}
|
|
21
|
-
export declare function InlineInputV2(props: InlineInputV2Props): JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type ComponentProps } from "solid-js";
|
|
2
|
-
import "./keybind-v2.css";
|
|
3
|
-
export interface KeybindV2Props extends ComponentProps<"div"> {
|
|
4
|
-
keys: string[];
|
|
5
|
-
variant?: "neutral" | "ghost";
|
|
6
|
-
}
|
|
7
|
-
export declare function KeybindV2(props: KeybindV2Props): import("solid-js").JSX.Element;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { DropdownMenu } from "@kobalte/core/dropdown-menu";
|
|
2
|
-
import { ContextMenu } from "@kobalte/core/context-menu";
|
|
3
|
-
import { type ComponentProps, type JSX, type ParentProps } from "solid-js";
|
|
4
|
-
import "./menu-v2.css";
|
|
5
|
-
export interface MenuV2ItemProps extends ComponentProps<typeof DropdownMenu.Item> {
|
|
6
|
-
shortcut?: JSX.Element | string;
|
|
7
|
-
badge?: JSX.Element | string;
|
|
8
|
-
}
|
|
9
|
-
declare function MenuV2Item(props: ParentProps<MenuV2ItemProps>): JSX.Element;
|
|
10
|
-
export interface MenuV2CheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem> {
|
|
11
|
-
shortcut?: JSX.Element | string;
|
|
12
|
-
badge?: JSX.Element | string;
|
|
13
|
-
}
|
|
14
|
-
declare function MenuV2CheckboxItem(props: ParentProps<MenuV2CheckboxItemProps>): JSX.Element;
|
|
15
|
-
export interface MenuV2RadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem> {
|
|
16
|
-
shortcut?: JSX.Element | string;
|
|
17
|
-
badge?: JSX.Element | string;
|
|
18
|
-
}
|
|
19
|
-
declare function MenuV2RadioItem(props: ParentProps<MenuV2RadioItemProps>): JSX.Element;
|
|
20
|
-
export interface MenuV2SubTriggerProps extends ComponentProps<typeof DropdownMenu.SubTrigger> {
|
|
21
|
-
shortcut?: JSX.Element | string;
|
|
22
|
-
badge?: JSX.Element | string;
|
|
23
|
-
}
|
|
24
|
-
declare function MenuV2SubTrigger(props: ParentProps<MenuV2SubTriggerProps>): JSX.Element;
|
|
25
|
-
declare function MenuV2SubContent(props: ComponentProps<typeof DropdownMenu.SubContent>): JSX.Element;
|
|
26
|
-
declare function MenuV2GroupLabel(props: ComponentProps<typeof DropdownMenu.GroupLabel>): JSX.Element;
|
|
27
|
-
declare function MenuV2Separator(props: ComponentProps<typeof DropdownMenu.Separator>): JSX.Element;
|
|
28
|
-
declare function MenuV2Content(props: ComponentProps<typeof DropdownMenu.Content>): JSX.Element;
|
|
29
|
-
declare function MenuV2Root(props: ComponentProps<typeof DropdownMenu>): JSX.Element;
|
|
30
|
-
declare function MenuV2ContextRoot(props: ComponentProps<typeof ContextMenu>): JSX.Element;
|
|
31
|
-
declare function MenuV2ContextContent(props: ComponentProps<typeof ContextMenu.Content>): JSX.Element;
|
|
32
|
-
export declare const MenuV2: typeof MenuV2Root & {
|
|
33
|
-
Trigger: typeof import("@kobalte/core/dropdown-menu").Trigger;
|
|
34
|
-
Portal: typeof import("@kobalte/core/context-menu").Portal;
|
|
35
|
-
Content: typeof MenuV2Content;
|
|
36
|
-
Item: typeof MenuV2Item;
|
|
37
|
-
CheckboxItem: typeof MenuV2CheckboxItem;
|
|
38
|
-
RadioGroup: typeof import("@kobalte/core/context-menu").RadioGroup;
|
|
39
|
-
RadioItem: typeof MenuV2RadioItem;
|
|
40
|
-
Group: typeof import("@kobalte/core/context-menu").Group;
|
|
41
|
-
GroupLabel: typeof MenuV2GroupLabel;
|
|
42
|
-
Separator: typeof MenuV2Separator;
|
|
43
|
-
Sub: typeof import("@kobalte/core/context-menu").Sub;
|
|
44
|
-
SubTrigger: typeof MenuV2SubTrigger;
|
|
45
|
-
SubContent: typeof MenuV2SubContent;
|
|
46
|
-
Context: typeof MenuV2ContextRoot & {
|
|
47
|
-
Trigger: typeof import("@kobalte/core/context-menu").Trigger;
|
|
48
|
-
Portal: typeof import("@kobalte/core/context-menu").Portal;
|
|
49
|
-
Content: typeof MenuV2ContextContent;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type ComponentProps } from "solid-js";
|
|
2
|
-
import "./progress-circle-v2.css";
|
|
3
|
-
export interface ProgressCircleV2Props extends Pick<ComponentProps<"svg">, "class" | "classList"> {
|
|
4
|
-
percentage: number;
|
|
5
|
-
size?: number;
|
|
6
|
-
strokeWidth?: number;
|
|
7
|
-
}
|
|
8
|
-
export declare function ProgressCircleV2(props: ProgressCircleV2Props): import("solid-js").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { RadioGroup as Kobalte } from "@kobalte/core/radio-group";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { ComponentProps, ParentProps } from "solid-js";
|
|
4
|
-
import "./radio-v2.css";
|
|
5
|
-
export interface RadioGroupV2Props extends ParentProps<ComponentProps<typeof Kobalte>> {
|
|
6
|
-
label?: JSX.Element;
|
|
7
|
-
description?: JSX.Element;
|
|
8
|
-
hideLabel?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare function RadioGroupV2(props: RadioGroupV2Props): JSX.Element;
|
|
11
|
-
export interface RadioItemV2Props extends ComponentProps<typeof Kobalte.Item> {
|
|
12
|
-
label: JSX.Element;
|
|
13
|
-
description?: JSX.Element;
|
|
14
|
-
hideLabel?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare function RadioItemV2(props: RadioItemV2Props): JSX.Element;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type ComponentProps, type ParentProps } from "solid-js";
|
|
2
|
-
import "./split-button-v2.css";
|
|
3
|
-
export declare function SplitButtonV2(props: ParentProps<ComponentProps<"div">>): import("solid-js").JSX.Element;
|
|
4
|
-
export declare function SplitButtonV2Action(props: ComponentProps<"button">): import("solid-js").JSX.Element;
|
|
5
|
-
export declare function SplitButtonV2MenuTrigger(props: ComponentProps<"button">): import("solid-js").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Switch as Kobalte } from "@kobalte/core/switch";
|
|
2
|
-
import type { ComponentProps, ParentProps } from "solid-js";
|
|
3
|
-
import "./switch-v2.css";
|
|
4
|
-
export interface SwitchProps extends ParentProps<ComponentProps<typeof Kobalte>> {
|
|
5
|
-
hideLabel?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function Switch(props: SwitchProps): import("solid-js").JSX.Element;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Tabs as Kobalte } from "@kobalte/core/tabs";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { ComponentProps, ParentProps, Component } from "solid-js";
|
|
4
|
-
import "./tabs-v2.css";
|
|
5
|
-
export interface TabsV2Props extends ComponentProps<typeof Kobalte> {
|
|
6
|
-
variant?: "normal" | "pill" | "settings";
|
|
7
|
-
orientation?: "horizontal" | "vertical";
|
|
8
|
-
}
|
|
9
|
-
export interface TabsV2ListProps extends ComponentProps<typeof Kobalte.List> {
|
|
10
|
-
}
|
|
11
|
-
export interface TabsV2TriggerProps extends ComponentProps<typeof Kobalte.Trigger> {
|
|
12
|
-
onMiddleClick?: () => void;
|
|
13
|
-
/** Optional subtext shown beside the primary content (muted style) */
|
|
14
|
-
subtext?: JSX.Element | string;
|
|
15
|
-
}
|
|
16
|
-
export interface TabsV2CloseButtonProps extends ComponentProps<"div"> {
|
|
17
|
-
}
|
|
18
|
-
export interface TabsV2ContentProps extends ComponentProps<typeof Kobalte.Content> {
|
|
19
|
-
}
|
|
20
|
-
declare function TabsV2Root(props: TabsV2Props): JSX.Element;
|
|
21
|
-
declare function TabsV2List(props: TabsV2ListProps): JSX.Element;
|
|
22
|
-
declare function TabsV2Trigger(props: ParentProps<TabsV2TriggerProps>): JSX.Element;
|
|
23
|
-
declare function TabsV2CloseButton(props: TabsV2CloseButtonProps): JSX.Element;
|
|
24
|
-
declare function TabsV2Content(props: ParentProps<TabsV2ContentProps>): JSX.Element;
|
|
25
|
-
export declare const TabsV2: typeof TabsV2Root & {
|
|
26
|
-
List: typeof TabsV2List;
|
|
27
|
-
Trigger: typeof TabsV2Trigger;
|
|
28
|
-
CloseButton: typeof TabsV2CloseButton;
|
|
29
|
-
Content: typeof TabsV2Content;
|
|
30
|
-
SectionTitle: Component<{
|
|
31
|
-
children?: JSX.Element;
|
|
32
|
-
}>;
|
|
33
|
-
};
|
|
34
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type ValidComponent } from "solid-js";
|
|
2
|
-
import "./text-shimmer-v2.css";
|
|
3
|
-
export declare const TextShimmerV2: <T extends ValidComponent = "span">(props: {
|
|
4
|
-
text: string;
|
|
5
|
-
class?: string;
|
|
6
|
-
as?: T;
|
|
7
|
-
active?: boolean;
|
|
8
|
-
offset?: number;
|
|
9
|
-
}) => import("solid-js").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type ComponentProps } from "solid-js";
|
|
2
|
-
import "./textarea-v2.css";
|
|
3
|
-
export interface TextareaV2Props extends ComponentProps<"textarea"> {
|
|
4
|
-
/** Error styling for the field and value text. */
|
|
5
|
-
invalid?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function TextareaV2(props: TextareaV2Props): import("solid-js").JSX.Element;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { type ToasterProps } from "solid-sonner";
|
|
2
|
-
import type { ComponentProps, JSX } from "solid-js";
|
|
3
|
-
import "./button-v2.css";
|
|
4
|
-
import "./toast-v2.css";
|
|
5
|
-
export interface ToastV2RegionProps extends ToasterProps {
|
|
6
|
-
}
|
|
7
|
-
declare function ToastV2Region(props: ToastV2RegionProps): JSX.Element;
|
|
8
|
-
export interface ToastV2RootComponentProps {
|
|
9
|
-
toastId: number;
|
|
10
|
-
children?: JSX.Element;
|
|
11
|
-
}
|
|
12
|
-
declare function ToastV2Root(props: ToastV2RootComponentProps): JSX.Element;
|
|
13
|
-
declare function ToastV2Icon(props: ComponentProps<"div">): JSX.Element;
|
|
14
|
-
declare function ToastV2Content(props: ComponentProps<"div">): JSX.Element;
|
|
15
|
-
declare function ToastV2Title(props: ComponentProps<"div">): JSX.Element;
|
|
16
|
-
declare function ToastV2Description(props: ComponentProps<"div">): JSX.Element;
|
|
17
|
-
declare function ToastV2Actions(props: ComponentProps<"div">): JSX.Element;
|
|
18
|
-
declare function ToastV2CloseButton(props: ComponentProps<"button">): JSX.Element;
|
|
19
|
-
export declare const ToastV2: typeof ToastV2Root & {
|
|
20
|
-
Region: typeof ToastV2Region;
|
|
21
|
-
Icon: typeof ToastV2Icon;
|
|
22
|
-
Content: typeof ToastV2Content;
|
|
23
|
-
Title: typeof ToastV2Title;
|
|
24
|
-
Description: typeof ToastV2Description;
|
|
25
|
-
Actions: typeof ToastV2Actions;
|
|
26
|
-
CloseButton: typeof ToastV2CloseButton;
|
|
27
|
-
};
|
|
28
|
-
export declare const toasterV2: {
|
|
29
|
-
show(render: (props: {
|
|
30
|
-
toastId: number;
|
|
31
|
-
}) => JSX.Element, options?: {
|
|
32
|
-
duration?: number;
|
|
33
|
-
persistent?: boolean;
|
|
34
|
-
}): number;
|
|
35
|
-
dismiss(toastId?: number): string | number | undefined;
|
|
36
|
-
};
|
|
37
|
-
export interface ToastV2Action {
|
|
38
|
-
label: string;
|
|
39
|
-
variant?: "primary" | "secondary";
|
|
40
|
-
onClick: "dismiss" | (() => void);
|
|
41
|
-
}
|
|
42
|
-
export interface ToastV2Options {
|
|
43
|
-
title?: string;
|
|
44
|
-
description?: string;
|
|
45
|
-
icon?: JSX.Element;
|
|
46
|
-
variant?: "default" | "success" | "error" | "loading";
|
|
47
|
-
duration?: number;
|
|
48
|
-
persistent?: boolean;
|
|
49
|
-
actions?: ToastV2Action[];
|
|
50
|
-
}
|
|
51
|
-
export declare function showToastV2(options: ToastV2Options | string): number;
|
|
52
|
-
export interface ToastV2PromiseOptions<T, U = unknown> {
|
|
53
|
-
loading?: JSX.Element;
|
|
54
|
-
success?: (data: T) => JSX.Element;
|
|
55
|
-
error?: (error: U) => JSX.Element;
|
|
56
|
-
}
|
|
57
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Tooltip as KobalteTooltip } from "@kobalte/core/tooltip";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { ComponentProps } from "solid-js";
|
|
4
|
-
import "./tooltip-v2.css";
|
|
5
|
-
export interface TooltipV2Props extends ComponentProps<typeof KobalteTooltip> {
|
|
6
|
-
value: JSX.Element;
|
|
7
|
-
class?: string;
|
|
8
|
-
contentClass?: string;
|
|
9
|
-
contentStyle?: JSX.CSSProperties;
|
|
10
|
-
inactive?: boolean;
|
|
11
|
-
forceOpen?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export declare function TooltipV2(props: TooltipV2Props): JSX.Element;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
[data-component="avatar"] {
|
|
2
|
-
--avatar-bg: var(--color-surface-info-base);
|
|
3
|
-
--avatar-fg: var(--color-text-base);
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
flex-shrink: 0;
|
|
8
|
-
border-radius: var(--radius-sm);
|
|
9
|
-
border: 1px solid var(--color-border-weak-base);
|
|
10
|
-
font-family: var(--font-mono);
|
|
11
|
-
font-weight: 500;
|
|
12
|
-
text-transform: uppercase;
|
|
13
|
-
background-color: var(--avatar-bg);
|
|
14
|
-
color: var(--avatar-fg);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
[data-component="avatar"][data-has-image] {
|
|
18
|
-
background-color: transparent;
|
|
19
|
-
border: none;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
[data-component="avatar"][data-size="small"] {
|
|
23
|
-
width: 1.25rem;
|
|
24
|
-
height: 1.25rem;
|
|
25
|
-
font-size: 0.75rem;
|
|
26
|
-
line-height: 1;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
[data-component="avatar"][data-size="normal"] {
|
|
30
|
-
width: 1.5rem;
|
|
31
|
-
height: 1.5rem;
|
|
32
|
-
font-size: 1.125rem;
|
|
33
|
-
line-height: 1.5rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
[data-component="avatar"][data-size="large"] {
|
|
37
|
-
width: 2rem;
|
|
38
|
-
height: 2rem;
|
|
39
|
-
font-size: 1.25rem;
|
|
40
|
-
line-height: 2rem;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
[data-component="avatar"] [data-slot="avatar-image"] {
|
|
44
|
-
width: 100%;
|
|
45
|
-
height: 100%;
|
|
46
|
-
display: block;
|
|
47
|
-
object-fit: cover;
|
|
48
|
-
border-radius: inherit;
|
|
49
|
-
}
|