@pathscale/ui 0.1.0 → 0.1.1
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/LICENSE +1 -0
- package/README.md +59 -1
- package/dist/components/accordion/Accordion.d.ts +25 -0
- package/dist/components/accordion/index.d.ts +1 -0
- package/dist/components/alert/Alert.d.ts +17 -0
- package/dist/components/alert/index.d.ts +1 -0
- package/dist/components/artboard/Artboard.d.ts +9 -0
- package/dist/components/artboard/index.d.ts +1 -0
- package/dist/components/avatar/Avatar.d.ts +26 -0
- package/dist/components/avatar/AvatarGroup.d.ts +15 -0
- package/dist/components/avatar/index.d.ts +3 -8
- package/dist/components/background/Background.d.ts +5 -0
- package/dist/components/background/index.d.ts +1 -0
- package/dist/components/badge/Badge.d.ts +19 -0
- package/dist/components/badge/index.d.ts +1 -0
- package/dist/components/bottom-sheet/BottomSheet.d.ts +11 -0
- package/dist/components/bottom-sheet/index.d.ts +2 -0
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +7 -0
- package/dist/components/breadcrumbs/BreadcrumbsItem.d.ts +6 -0
- package/dist/components/breadcrumbs/index.d.ts +2 -0
- package/dist/components/browsermockup/BrowserMockup.d.ts +10 -0
- package/dist/components/browsermockup/index.d.ts +2 -0
- package/dist/components/button/Button.d.ts +36 -0
- package/dist/components/button/index.d.ts +1 -9
- package/dist/components/calendar/Calendar.d.ts +27 -0
- package/dist/components/calendar/index.d.ts +1 -0
- package/dist/components/card/Card.d.ts +28 -0
- package/dist/components/card/CardActions.d.ts +4 -0
- package/dist/components/card/CardBody.d.ts +4 -0
- package/dist/components/card/CardImage.d.ts +3 -0
- package/dist/components/card/CardTitle.d.ts +6 -0
- package/dist/components/card/index.d.ts +1 -0
- package/dist/components/carousel/Carousel.d.ts +15 -0
- package/dist/components/carousel/CarouselItem.d.ts +6 -0
- package/dist/components/carousel/index.d.ts +3 -0
- package/dist/components/chatbubble/ChatBubble.d.ts +13 -0
- package/dist/components/chatbubble/ChatBubbleAvatar.d.ts +6 -0
- package/dist/components/chatbubble/ChatBubbleFooter.d.ts +5 -0
- package/dist/components/chatbubble/ChatBubbleHeader.d.ts +5 -0
- package/dist/components/chatbubble/ChatBubbleMessage.d.ts +7 -0
- package/dist/components/chatbubble/ChatBubbleTime.d.ts +5 -0
- package/dist/components/chatbubble/index.d.ts +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +20 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/codemockup/CodeMockup.d.ts +5 -0
- package/dist/components/codemockup/CodeMockupLine.d.ts +12 -0
- package/dist/components/codemockup/index.d.ts +2 -0
- package/dist/components/collapse/Collapse.d.ts +20 -0
- package/dist/components/collapse/CollapseContent.d.ts +4 -0
- package/dist/components/collapse/CollapseDetails.d.ts +17 -0
- package/dist/components/collapse/CollapseTitle.d.ts +9 -0
- package/dist/components/collapse/index.d.ts +4 -0
- package/dist/components/connectionstatus/ConnectionStatus.d.ts +59 -0
- package/dist/components/connectionstatus/index.d.ts +2 -0
- package/dist/components/copy-button/CopyButton.d.ts +11 -0
- package/dist/components/copy-button/index.d.ts +2 -0
- package/dist/components/countdown/Countdown.d.ts +7 -0
- package/dist/components/countdown/index.d.ts +1 -0
- package/dist/components/diff/Diff.d.ts +7 -0
- package/dist/components/diff/index.d.ts +1 -0
- package/dist/components/divider/Divider.d.ts +21 -0
- package/dist/components/divider/Divider.styles.d.ts +25 -0
- package/dist/components/divider/index.d.ts +2 -0
- package/dist/components/dock/Dock.d.ts +14 -0
- package/dist/components/dock/DockItem.d.ts +9 -0
- package/dist/components/dock/DockLabel.d.ts +6 -0
- package/dist/components/dock/index.d.ts +3 -0
- package/dist/components/drawer/Drawer.d.ts +14 -0
- package/dist/components/drawer/index.d.ts +1 -0
- package/dist/components/dropdown/Dropdown.d.ts +28 -0
- package/dist/components/dropdown/DropdownDetails.d.ts +14 -0
- package/dist/components/dropdown/DropdownItem.d.ts +19 -0
- package/dist/components/dropdown/DropdownMenu.d.ts +9 -0
- package/dist/components/dropdown/DropdownToggle.d.ts +17 -0
- package/dist/components/dropdown/dropdownContext.d.ts +9 -0
- package/dist/components/dropdown/index.d.ts +2 -0
- package/dist/components/fileinput/FileInput.d.ts +14 -0
- package/dist/components/fileinput/index.d.ts +1 -0
- package/dist/components/flex/Flex.d.ts +18 -0
- package/dist/components/flex/index.d.ts +1 -0
- package/dist/components/footer/Footer.d.ts +11 -0
- package/dist/components/footer/FooterTitle.d.ts +4 -0
- package/dist/components/footer/index.d.ts +3 -0
- package/dist/components/form/Form.d.ts +22 -0
- package/dist/components/form/FormDropdown.d.ts +25 -0
- package/dist/components/form/FormField.d.ts +14 -0
- package/dist/components/form/Label.d.ts +7 -0
- package/dist/components/form/NumberField.d.ts +20 -0
- package/dist/components/form/PasswordField.d.ts +16 -0
- package/dist/components/form/ValidatedForm.d.ts +26 -0
- package/dist/components/form/index.d.ts +4 -0
- package/dist/components/grid/Grid.d.ts +18 -0
- package/dist/components/grid/index.d.ts +1 -0
- package/dist/components/hero/Hero.d.ts +10 -0
- package/dist/components/hero/HeroContent.d.ts +6 -0
- package/dist/components/hero/HeroOverlay.d.ts +6 -0
- package/dist/components/hero/index.d.ts +4 -0
- package/dist/components/icon/Icon.d.ts +11 -0
- package/dist/components/icon/index.d.ts +1 -0
- package/dist/components/indicator/Indicator.d.ts +30 -0
- package/dist/components/indicator/index.d.ts +2 -0
- package/dist/components/input/Input.d.ts +23 -0
- package/dist/components/input/index.d.ts +3 -8
- package/dist/components/join/Join.d.ts +9 -0
- package/dist/components/join/index.d.ts +2 -0
- package/dist/components/kbd/Kbd.d.ts +4 -0
- package/dist/components/kbd/index.d.ts +1 -0
- package/dist/components/link/Link.d.ts +12 -0
- package/dist/components/link/index.d.ts +1 -0
- package/dist/components/loading/Loading.d.ts +14 -0
- package/dist/components/loading/index.d.ts +1 -0
- package/dist/components/mask/Mask.d.ts +14 -0
- package/dist/components/mask/index.d.ts +2 -0
- package/dist/components/menu/Menu.d.ts +21 -0
- package/dist/components/menu/MenuDetails.d.ts +8 -0
- package/dist/components/menu/MenuDropdown.d.ts +12 -0
- package/dist/components/menu/MenuItem.d.ts +9 -0
- package/dist/components/menu/MenuTitle.d.ts +8 -0
- package/dist/components/menu/index.d.ts +3 -0
- package/dist/components/modal/Modal.d.ts +26 -0
- package/dist/components/modal/ModalActions.d.ts +3 -0
- package/dist/components/modal/ModalBody.d.ts +3 -0
- package/dist/components/modal/ModalHeader.d.ts +3 -0
- package/dist/components/modal/ModalLegacy.d.ts +8 -0
- package/dist/components/modal/index.d.ts +6 -0
- package/dist/components/navbar/Navbar.d.ts +15 -0
- package/dist/components/navbar/NavbarRow.d.ts +9 -0
- package/dist/components/navbar/NavbarSection.d.ts +8 -0
- package/dist/components/navbar/NavbarStack.d.ts +10 -0
- package/dist/components/navbar/index.d.ts +4 -0
- package/dist/components/pagination/Pagination.d.ts +4 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/phonemockup/PhoneMockup.d.ts +8 -0
- package/dist/components/phonemockup/index.d.ts +1 -0
- package/dist/components/progress/Progress.d.ts +14 -0
- package/dist/components/progress/index.d.ts +1 -0
- package/dist/components/props-table/PropsTable.d.ts +14 -0
- package/dist/components/props-table/index.d.ts +2 -0
- package/dist/components/radialprogress/RadialProgress.d.ts +10 -0
- package/dist/components/radialprogress/index.d.ts +1 -0
- package/dist/components/radio/Radio.d.ts +16 -0
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/range/Range.d.ts +12 -0
- package/dist/components/range/index.d.ts +1 -0
- package/dist/components/rating/Rating.d.ts +23 -0
- package/dist/components/rating/RatingHidden.d.ts +4 -0
- package/dist/components/rating/RatingItem.d.ts +9 -0
- package/dist/components/rating/index.d.ts +4 -0
- package/dist/components/select/Select.d.ts +15 -0
- package/dist/components/select/index.d.ts +1 -0
- package/dist/components/showcase/ShowcaseBlock.d.ts +10 -0
- package/dist/components/showcase/index.d.ts +2 -0
- package/dist/components/showcase-section/ShowcaseSection.d.ts +8 -0
- package/dist/components/showcase-section/index.d.ts +2 -0
- package/dist/components/sidenav/Sidenav.d.ts +14 -0
- package/dist/components/sidenav/SidenavButton.d.ts +9 -0
- package/dist/components/sidenav/SidenavGroup.d.ts +10 -0
- package/dist/components/sidenav/SidenavItem.d.ts +8 -0
- package/dist/components/sidenav/SidenavLink.d.ts +9 -0
- package/dist/components/sidenav/SidenavMenu.d.ts +5 -0
- package/dist/components/sidenav/index.d.ts +12 -0
- package/dist/components/skeleton/Skeleton.d.ts +5 -0
- package/dist/components/skeleton/index.d.ts +1 -0
- package/dist/components/stack/Stack.d.ts +17 -0
- package/dist/components/stack/index.d.ts +2 -0
- package/dist/components/stat-card/StatCard.d.ts +22 -0
- package/dist/components/stat-card/StatCardSection.d.ts +5 -0
- package/dist/components/stat-card/index.d.ts +1 -0
- package/dist/components/stats/Stat.d.ts +12 -0
- package/dist/components/stats/StatSection.d.ts +6 -0
- package/dist/components/stats/Stats.d.ts +15 -0
- package/dist/components/stats/index.d.ts +1 -0
- package/dist/components/status/Status.d.ts +8 -0
- package/dist/components/status/index.d.ts +2 -0
- package/dist/components/steps/Step.d.ts +19 -0
- package/dist/components/steps/Steps.d.ts +18 -0
- package/dist/components/steps/index.d.ts +2 -0
- package/dist/components/streaming-table/StreamingTable.d.ts +26 -0
- package/dist/components/streaming-table/createRowStore.d.ts +7 -0
- package/dist/components/streaming-table/createStreamingTableStore.d.ts +13 -0
- package/dist/components/streaming-table/index.d.ts +5 -0
- package/dist/components/streaming-table/types.d.ts +46 -0
- package/dist/components/svgbackground/SvgBackground.d.ts +21 -0
- package/dist/components/svgbackground/index.d.ts +2 -0
- package/dist/components/swap/Swap.d.ts +12 -0
- package/dist/components/swap/index.d.ts +1 -0
- package/dist/components/table/EnhancedTable.d.ts +45 -0
- package/dist/components/table/Table.d.ts +18 -0
- package/dist/components/table/TableBody.d.ts +5 -0
- package/dist/components/table/TableCell.d.ts +7 -0
- package/dist/components/table/TableFooter.d.ts +7 -0
- package/dist/components/table/TableHead.d.ts +7 -0
- package/dist/components/table/TableHeadCell.d.ts +7 -0
- package/dist/components/table/TableRow.d.ts +8 -0
- package/dist/components/table/index.d.ts +4 -0
- package/dist/components/tabs/RadioTab.d.ts +16 -0
- package/dist/components/tabs/Tab.d.ts +12 -0
- package/dist/components/tabs/Tabs.d.ts +12 -0
- package/dist/components/tabs/index.d.ts +4 -0
- package/dist/components/textarea/Textarea.d.ts +14 -0
- package/dist/components/textarea/index.d.ts +1 -8
- package/dist/components/timeline/Timeline.d.ts +11 -0
- package/dist/components/timeline/TimelineEnd.d.ts +6 -0
- package/dist/components/timeline/TimelineItem.d.ts +8 -0
- package/dist/components/timeline/TimelineMiddle.d.ts +4 -0
- package/dist/components/timeline/TimelineStart.d.ts +6 -0
- package/dist/components/timeline/index.d.ts +5 -0
- package/dist/components/toast/Toast.d.ts +21 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/toastcontainer/ToastContainer.d.ts +2 -0
- package/dist/components/toastcontainer/index.d.ts +1 -0
- package/dist/components/toggle/Toggle.d.ts +19 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +15 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/types.d.ts +15 -0
- package/dist/components/utils.d.ts +9 -0
- package/dist/components/windowmockup/WindowMockup.d.ts +11 -0
- package/dist/components/windowmockup/index.d.ts +1 -0
- package/dist/index.d.ts +93 -7
- package/dist/index.js +12922 -4
- package/dist/lib/iterable.d.ts +9 -0
- package/dist/lib/props/index.d.ts +1 -0
- package/dist/lib/props/types.d.ts +1 -0
- package/dist/lib/refs/index.d.ts +2 -0
- package/dist/lib/refs/mergeRefs.d.ts +7 -0
- package/dist/lib/refs/types.d.ts +1 -0
- package/dist/lib/style/classes.d.ts +33 -0
- package/dist/lib/style/index.d.ts +1 -0
- package/dist/lib/tag/createIsButton.d.ts +21 -0
- package/dist/lib/tag/createTagName.d.ts +12 -0
- package/dist/lib/tag/index.d.ts +2 -0
- package/dist/sidenav/Sidenav.css +150 -0
- package/dist/stores/index.d.ts +1 -0
- package/dist/stores/toastStore.d.ts +17 -0
- package/dist/styles/icons/generated-icons.css +1 -0
- package/package.json +63 -43
- package/dist/Avatar-CzIirpVq.d.ts +0 -33
- package/dist/Button-BOYHKShy.d.ts +0 -63
- package/dist/Input-CvNxe1rq.d.ts +0 -34
- package/dist/Textarea-5_oQknZn.d.ts +0 -37
- package/dist/chunk/3MUBOGZG.js +0 -213
- package/dist/chunk/EB7KXR65.js +0 -102
- package/dist/chunk/G6RG4LR7.js +0 -87
- package/dist/chunk/HEJAQSH5.jsx +0 -100
- package/dist/chunk/HKS7ET6T.js +0 -56
- package/dist/chunk/KACNXPUM.jsx +0 -103
- package/dist/chunk/NLD5D3P7.jsx +0 -94
- package/dist/chunk/P7WPLZNA.jsx +0 -59
- package/dist/chunk/UTRNHAP4.js +0 -95
- package/dist/chunk/VMEDFWWG.js +0 -102
- package/dist/chunk/WB6NEEQV.jsx +0 -107
- package/dist/chunk/YZ3ID3UY.jsx +0 -226
- package/dist/classes-B_S9K-9I.d.ts +0 -13
- package/dist/components/avatar/index.js +0 -1
- package/dist/components/avatar/index.jsx +0 -7
- package/dist/components/button/index.js +0 -1
- package/dist/components/button/index.jsx +0 -8
- package/dist/components/input/index.js +0 -1
- package/dist/components/input/index.jsx +0 -7
- package/dist/components/polymorphic/index.d.ts +0 -35
- package/dist/components/polymorphic/index.js +0 -1
- package/dist/components/polymorphic/index.jsx +0 -8
- package/dist/components/textarea/index.js +0 -1
- package/dist/components/textarea/index.jsx +0 -7
- package/dist/index.css +0 -73
- package/dist/index.jsx +0 -20
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type ConnectionState = "connecting" | "connected" | "disconnected" | "error";
|
|
4
|
+
export interface ConnectionStatusProps extends IComponentBaseProps {
|
|
5
|
+
/**
|
|
6
|
+
* Current connection state
|
|
7
|
+
*/
|
|
8
|
+
state: ConnectionState;
|
|
9
|
+
/**
|
|
10
|
+
* Error message to display when state is "error"
|
|
11
|
+
*/
|
|
12
|
+
errorMessage?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Service name to display
|
|
15
|
+
*/
|
|
16
|
+
serviceName?: string;
|
|
17
|
+
/**
|
|
18
|
+
* URL to display
|
|
19
|
+
*/
|
|
20
|
+
url?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the URL is custom (will be indicated in the tooltip)
|
|
23
|
+
*/
|
|
24
|
+
isCustomUrl?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Whether to show detailed information
|
|
27
|
+
*/
|
|
28
|
+
showDetails?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether to show the URL
|
|
31
|
+
*/
|
|
32
|
+
showUrl?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Whether to show the reconnect button when disconnected or error
|
|
35
|
+
*/
|
|
36
|
+
showReconnectButton?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Callback when reconnect button is clicked
|
|
39
|
+
*/
|
|
40
|
+
onReconnect?: () => void | Promise<void>;
|
|
41
|
+
/**
|
|
42
|
+
* Custom class name
|
|
43
|
+
*/
|
|
44
|
+
class?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Custom class name (alias)
|
|
47
|
+
*/
|
|
48
|
+
className?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Custom style
|
|
51
|
+
*/
|
|
52
|
+
style?: any;
|
|
53
|
+
/**
|
|
54
|
+
* Data theme
|
|
55
|
+
*/
|
|
56
|
+
dataTheme?: string;
|
|
57
|
+
}
|
|
58
|
+
export declare const ConnectionStatus: Component<ConnectionStatusProps>;
|
|
59
|
+
export default ConnectionStatus;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export interface CopyButtonProps extends IComponentBaseProps {
|
|
4
|
+
text: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
onCopy?: () => void;
|
|
7
|
+
children?: JSX.Element;
|
|
8
|
+
copiedToken?: string | Component;
|
|
9
|
+
}
|
|
10
|
+
declare const CopyButton: Component<CopyButtonProps>;
|
|
11
|
+
export default CopyButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type CountdownProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement> & {
|
|
4
|
+
value: number;
|
|
5
|
+
};
|
|
6
|
+
declare const Countdown: (props: CountdownProps) => JSX.Element;
|
|
7
|
+
export default Countdown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Countdown";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type DiffProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
|
|
4
|
+
secondItem: JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
declare const Diff: (props: DiffProps) => JSX.Element;
|
|
7
|
+
export default Diff;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Diff";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
type ElementType = keyof JSX.IntrinsicElements;
|
|
4
|
+
type ColorType = "default" | "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
|
|
5
|
+
type PositionType = "center" | "start" | "end";
|
|
6
|
+
type DividerBaseProps = {
|
|
7
|
+
text?: string;
|
|
8
|
+
horizontal?: boolean;
|
|
9
|
+
color?: ColorType;
|
|
10
|
+
position?: PositionType;
|
|
11
|
+
as?: ElementType;
|
|
12
|
+
children?: JSX.Element;
|
|
13
|
+
dataTheme?: string;
|
|
14
|
+
class?: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: JSX.CSSProperties;
|
|
17
|
+
};
|
|
18
|
+
type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
|
|
19
|
+
export type DividerProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof DividerBaseProps> & DividerBaseProps & IComponentBaseProps;
|
|
20
|
+
declare const Divider: <E extends ElementType = "div">(props: DividerProps<E>) => JSX.Element;
|
|
21
|
+
export default Divider;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const dividerStyles: {
|
|
2
|
+
(props?: (import("../../lib/style/classes").ConfigVariants<{
|
|
3
|
+
horizontal: {
|
|
4
|
+
true: string;
|
|
5
|
+
false: string;
|
|
6
|
+
};
|
|
7
|
+
color: {
|
|
8
|
+
default: string;
|
|
9
|
+
neutral: string;
|
|
10
|
+
primary: string;
|
|
11
|
+
secondary: string;
|
|
12
|
+
accent: string;
|
|
13
|
+
success: string;
|
|
14
|
+
warning: string;
|
|
15
|
+
info: string;
|
|
16
|
+
error: string;
|
|
17
|
+
};
|
|
18
|
+
position: {
|
|
19
|
+
center: string;
|
|
20
|
+
start: string;
|
|
21
|
+
end: string;
|
|
22
|
+
};
|
|
23
|
+
}> & import("../../lib/style").ClassProps) | undefined): string;
|
|
24
|
+
variantKeys: ("color" | "horizontal" | "position")[];
|
|
25
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps, ComponentSize } from "../types";
|
|
3
|
+
import { type DockItemProps as ItemProps } from "./DockItem";
|
|
4
|
+
import { type DockLabelProps as LabelProps } from "./DockLabel";
|
|
5
|
+
export type DockItemProps = ItemProps;
|
|
6
|
+
export type DockLabelProps = LabelProps;
|
|
7
|
+
export type DockProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
|
|
8
|
+
size?: ComponentSize;
|
|
9
|
+
};
|
|
10
|
+
declare const _default: ((props: DockProps) => JSX.Element) & {
|
|
11
|
+
Item: import("solid-js").Component<ItemProps>;
|
|
12
|
+
Label: import("solid-js").Component<LabelProps>;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { JSX, Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import type { ComponentColor } from "../types";
|
|
4
|
+
export type DockItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & IComponentBaseProps & {
|
|
5
|
+
color?: ComponentColor;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const DockItem: Component<DockItemProps>;
|
|
9
|
+
export default DockItem;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type DrawerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {
|
|
4
|
+
side: JSX.Element;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
end?: boolean;
|
|
7
|
+
toggleClassName?: string;
|
|
8
|
+
contentClassName?: string;
|
|
9
|
+
sideClassName?: string;
|
|
10
|
+
overlayClassName?: string;
|
|
11
|
+
onClickOverlay?: () => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Drawer: ParentComponent<DrawerProps>;
|
|
14
|
+
export default Drawer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, type DrawerProps } from "./Drawer";
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import { type DropdownContextType } from "./dropdownContext";
|
|
4
|
+
export type DropdownProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
|
|
5
|
+
item?: JSX.Element;
|
|
6
|
+
horizontal?: "left" | "right";
|
|
7
|
+
vertical?: "top" | "bottom";
|
|
8
|
+
end?: boolean;
|
|
9
|
+
hover?: boolean;
|
|
10
|
+
open?: boolean;
|
|
11
|
+
fullWidth?: boolean;
|
|
12
|
+
"aria-label"?: string;
|
|
13
|
+
"aria-describedby"?: string;
|
|
14
|
+
"aria-expanded"?: boolean;
|
|
15
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
|
|
16
|
+
"aria-labelledby"?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const classesFn: ({ className, horizontal, vertical, end, hover, open, }: Pick<DropdownProps, "className" | "horizontal" | "vertical" | "end" | "hover" | "open">) => string;
|
|
19
|
+
export declare const DropdownContext: import("solid-js").Context<DropdownContextType | undefined>;
|
|
20
|
+
declare const _default: ((props: DropdownProps) => JSX.Element) & {
|
|
21
|
+
Details: ((props: import("./DropdownDetails").DetailsProps) => JSX.Element) & {
|
|
22
|
+
Toggle: (props: import("./DropdownToggle").SummaryProps) => JSX.Element;
|
|
23
|
+
};
|
|
24
|
+
Toggle: (props: import("./DropdownToggle").DropdownToggleProps) => JSX.Element;
|
|
25
|
+
Menu: (props: import("./DropdownMenu").DropdownMenuProps) => JSX.Element;
|
|
26
|
+
Item: (props: import("./DropdownItem").DropdownItemProps) => JSX.Element;
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
export type DetailsProps = Omit<JSX.HTMLAttributes<HTMLDetailsElement>, "item" | "hover"> & {
|
|
3
|
+
dataTheme?: string;
|
|
4
|
+
horizontal?: "left" | "right";
|
|
5
|
+
vertical?: "top" | "bottom";
|
|
6
|
+
end?: boolean;
|
|
7
|
+
open?: boolean;
|
|
8
|
+
children?: JSX.Element;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: ((props: DetailsProps) => JSX.Element) & {
|
|
12
|
+
Toggle: (props: import("./DropdownToggle").SummaryProps) => JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
type AnchorProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
3
|
+
closeOnClick?: boolean;
|
|
4
|
+
anchor?: true;
|
|
5
|
+
};
|
|
6
|
+
type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
|
+
closeOnClick?: boolean;
|
|
8
|
+
anchor?: false;
|
|
9
|
+
};
|
|
10
|
+
type NoAnchorProps = {
|
|
11
|
+
children?: JSX.Element;
|
|
12
|
+
anchor?: false;
|
|
13
|
+
closeOnClick?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export type DropdownItemProps = (AnchorProps | ButtonProps | NoAnchorProps) & {
|
|
16
|
+
"aria-selected"?: boolean;
|
|
17
|
+
};
|
|
18
|
+
declare const DropdownItem: (props: DropdownItemProps) => JSX.Element;
|
|
19
|
+
export default DropdownItem;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type DropdownMenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps & {
|
|
4
|
+
id?: string;
|
|
5
|
+
hideOverflow?: boolean;
|
|
6
|
+
"aria-labelledby"?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
|
|
9
|
+
export default DropdownMenu;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
|
|
3
|
+
export type DropdownToggleProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "color"> & IComponentBaseProps & {
|
|
4
|
+
color?: ComponentColor;
|
|
5
|
+
size?: ComponentSize;
|
|
6
|
+
button?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
id?: string;
|
|
9
|
+
role?: string;
|
|
10
|
+
"aria-haspopup"?: boolean | "menu" | "listbox" | "dialog" | "grid" | "tree";
|
|
11
|
+
"aria-expanded"?: boolean;
|
|
12
|
+
"aria-controls"?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const DropdownToggle: (props: DropdownToggleProps) => JSX.Element;
|
|
15
|
+
export type SummaryProps = JSX.HTMLAttributes<HTMLElement>;
|
|
16
|
+
export declare const Summary: (props: SummaryProps) => JSX.Element;
|
|
17
|
+
export default DropdownToggle;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type DropdownContextType = {
|
|
2
|
+
setOpen: (open: boolean) => void;
|
|
3
|
+
open: () => boolean;
|
|
4
|
+
ref: (el: HTMLDivElement) => void;
|
|
5
|
+
toggle: () => void;
|
|
6
|
+
onEnter: () => void;
|
|
7
|
+
onLeave: () => void;
|
|
8
|
+
};
|
|
9
|
+
export declare function useDropdown(trigger: "click" | "hover", disabled?: boolean): DropdownContextType;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
|
|
3
|
+
type FileInputBaseProps = {
|
|
4
|
+
size?: ComponentSize;
|
|
5
|
+
color?: ComponentColor;
|
|
6
|
+
bordered?: boolean;
|
|
7
|
+
dataTheme?: string;
|
|
8
|
+
class?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: JSX.CSSProperties;
|
|
11
|
+
};
|
|
12
|
+
export type FileInputProps = FileInputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof FileInputBaseProps>;
|
|
13
|
+
declare const FileInput: (props: FileInputProps) => JSX.Element;
|
|
14
|
+
export default FileInput;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FileInput";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import type { ResponsiveProp } from "../types";
|
|
4
|
+
export type FlexProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
|
|
5
|
+
as?: keyof JSX.IntrinsicElements;
|
|
6
|
+
direction?: ResponsiveProp<"row" | "col" | "row-reverse" | "col-reverse">;
|
|
7
|
+
justify?: ResponsiveProp<"start" | "center" | "end" | "between" | "around" | "evenly">;
|
|
8
|
+
align?: ResponsiveProp<"start" | "center" | "end" | "stretch" | "baseline">;
|
|
9
|
+
wrap?: ResponsiveProp<"wrap" | "nowrap" | "wrap-reverse">;
|
|
10
|
+
gap?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
|
|
11
|
+
gapX?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
|
|
12
|
+
gapY?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
|
|
13
|
+
grow?: ResponsiveProp<boolean>;
|
|
14
|
+
shrink?: ResponsiveProp<boolean>;
|
|
15
|
+
basis?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
|
|
16
|
+
};
|
|
17
|
+
declare const Flex: (props: FlexProps) => JSX.Element;
|
|
18
|
+
export default Flex;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Flex";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ParentComponent } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type FooterProps = IComponentBaseProps & {
|
|
4
|
+
center?: boolean;
|
|
5
|
+
horizontal?: boolean;
|
|
6
|
+
vertical?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const FooterNamespaces: ParentComponent<FooterProps> & {
|
|
9
|
+
Title: ParentComponent<IComponentBaseProps>;
|
|
10
|
+
};
|
|
11
|
+
export default FooterNamespaces;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import ValidatedForm, { useFormValidation } from "./ValidatedForm";
|
|
4
|
+
export type { ValidatedFormProps } from "./ValidatedForm";
|
|
5
|
+
export type { FormFieldProps } from "./FormField";
|
|
6
|
+
export type { PasswordFieldProps } from "./PasswordField";
|
|
7
|
+
export type { NumberFieldProps } from "./NumberField";
|
|
8
|
+
export type { FormDropdownProps, DropdownOption } from "./FormDropdown";
|
|
9
|
+
export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
|
|
10
|
+
autoFocus?: boolean;
|
|
11
|
+
cycleOnEnter?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export { useFormValidation };
|
|
14
|
+
declare const _default: ParentComponent<FormProps> & {
|
|
15
|
+
Label: ParentComponent<import("./Label").LabelProps>;
|
|
16
|
+
Validated: typeof ValidatedForm;
|
|
17
|
+
Field: import("solid-js").Component<import("./FormField").FormFieldProps>;
|
|
18
|
+
Password: import("solid-js").Component<import("./PasswordField").PasswordFieldProps>;
|
|
19
|
+
Number: import("solid-js").Component<import("./NumberField").NumberFieldProps>;
|
|
20
|
+
Dropdown: import("solid-js").Component<import("./FormDropdown").FormDropdownProps>;
|
|
21
|
+
};
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
export interface DropdownOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface FormDropdownProps {
|
|
7
|
+
label: string;
|
|
8
|
+
name: string;
|
|
9
|
+
options: DropdownOption[];
|
|
10
|
+
value?: string;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
labelClass?: string;
|
|
14
|
+
errorClass?: string;
|
|
15
|
+
containerClass?: string;
|
|
16
|
+
description?: string;
|
|
17
|
+
descriptionClass?: string;
|
|
18
|
+
class?: string;
|
|
19
|
+
className?: string;
|
|
20
|
+
icon?: JSX.Element;
|
|
21
|
+
onChange?: (value: string) => void;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare const FormDropdown: Component<FormDropdownProps>;
|
|
25
|
+
export default FormDropdown;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type Component } from "solid-js";
|
|
2
|
+
import type { InputProps } from "../input";
|
|
3
|
+
export interface FormFieldProps extends Omit<InputProps, "ref"> {
|
|
4
|
+
label: string;
|
|
5
|
+
name: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
errorClass?: string;
|
|
9
|
+
containerClass?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
descriptionClass?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const FormField: Component<FormFieldProps>;
|
|
14
|
+
export default FormField;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type LabelProps = Omit<JSX.HTMLAttributes<HTMLLabelElement>, "ref"> & IComponentBaseProps & {
|
|
4
|
+
title?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const Label: ParentComponent<LabelProps>;
|
|
7
|
+
export default Label;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type Component } from "solid-js";
|
|
2
|
+
import type { InputProps } from "../input";
|
|
3
|
+
export interface NumberFieldProps extends Omit<InputProps, "type" | "ref"> {
|
|
4
|
+
label?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
errorClass?: string;
|
|
9
|
+
containerClass?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
descriptionClass?: string;
|
|
12
|
+
min?: number;
|
|
13
|
+
max?: number;
|
|
14
|
+
step?: number;
|
|
15
|
+
allowDecimals?: boolean;
|
|
16
|
+
formatter?: (value: string) => string;
|
|
17
|
+
onInput?: (event: InputEvent) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const NumberField: Component<NumberFieldProps>;
|
|
20
|
+
export default NumberField;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { InputProps } from "../input";
|
|
3
|
+
export interface PasswordFieldProps extends Omit<InputProps, "type" | "ref"> {
|
|
4
|
+
label?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
errorClass?: string;
|
|
9
|
+
containerClass?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
descriptionClass?: string;
|
|
12
|
+
showPasswordIcon?: JSX.Element;
|
|
13
|
+
hidePasswordIcon?: JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export declare const PasswordField: Component<PasswordFieldProps>;
|
|
16
|
+
export default PasswordField;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { z } from "zod";
|
|
3
|
+
import type { ObjectSetter, Paths } from "@felte/common";
|
|
4
|
+
import { type FormProps } from "./Form";
|
|
5
|
+
export type ValidatedFormProps<T extends z.ZodTypeAny> = Omit<FormProps, "onSubmit"> & {
|
|
6
|
+
schema: T;
|
|
7
|
+
onSubmit: (values: z.infer<T>) => void | Promise<void>;
|
|
8
|
+
initialValues?: z.infer<T>;
|
|
9
|
+
children?: JSX.Element | (() => JSX.Element);
|
|
10
|
+
};
|
|
11
|
+
interface FormValidationContext<T extends z.ZodTypeAny = z.ZodTypeAny> {
|
|
12
|
+
errors: (path?: string | ((data: any) => any)) => any;
|
|
13
|
+
touched: (path?: string | ((data: any) => any)) => any;
|
|
14
|
+
data: (path?: string | ((data: any) => any)) => any;
|
|
15
|
+
isValid: () => boolean;
|
|
16
|
+
isSubmitting: () => boolean;
|
|
17
|
+
setData: ObjectSetter<z.infer<T>, Paths<z.infer<T>>>;
|
|
18
|
+
setErrors: (errors: any) => void;
|
|
19
|
+
setWarnings: (warnings: any) => void;
|
|
20
|
+
setTouched: (touched: any) => void;
|
|
21
|
+
reset: () => void;
|
|
22
|
+
}
|
|
23
|
+
declare const FormValidationContext: import("solid-js").Context<FormValidationContext<z.ZodTypeAny> | undefined>;
|
|
24
|
+
export declare function useFormValidation<T extends z.ZodTypeAny = z.ZodTypeAny>(): FormValidationContext<T>;
|
|
25
|
+
declare function ValidatedForm<T extends z.ZodTypeAny>(props: ValidatedFormProps<T>): JSX.Element;
|
|
26
|
+
export default ValidatedForm;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default } from "./Form";
|
|
2
|
+
export { type FormProps, type ValidatedFormProps, type FormFieldProps, type PasswordFieldProps, type NumberFieldProps, useFormValidation, } from "./Form";
|
|
3
|
+
export type { LabelProps } from "./Label";
|
|
4
|
+
export { default as FormDropdown, type FormDropdownProps, type DropdownOption, } from "./FormDropdown";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import type { ResponsiveProp } from "../types";
|
|
4
|
+
type GridFlow = "row" | "col" | "row-dense" | "col-dense";
|
|
5
|
+
type GridSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
|
|
6
|
+
type GridGap = "none" | "sm" | "md" | "lg" | "xl";
|
|
7
|
+
type AutoSize = "min" | "max" | "fr";
|
|
8
|
+
export type GridProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
|
|
9
|
+
as?: keyof JSX.IntrinsicElements;
|
|
10
|
+
cols?: ResponsiveProp<GridSize>;
|
|
11
|
+
rows?: ResponsiveProp<GridSize>;
|
|
12
|
+
flow?: ResponsiveProp<GridFlow>;
|
|
13
|
+
gap?: ResponsiveProp<GridGap>;
|
|
14
|
+
autoCols?: ResponsiveProp<AutoSize>;
|
|
15
|
+
autoRows?: ResponsiveProp<AutoSize>;
|
|
16
|
+
};
|
|
17
|
+
declare const Grid: (props: GridProps) => JSX.Element;
|
|
18
|
+
export default Grid;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Grid";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ParentComponent } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type HeroProps = IComponentBaseProps & {
|
|
4
|
+
minHeight?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const HeroNamespaces: ParentComponent<HeroProps> & {
|
|
7
|
+
Content: ParentComponent<import("./HeroContent").HeroContentProps>;
|
|
8
|
+
Overlay: ParentComponent<import("./HeroOverlay").HeroOverlayProps>;
|
|
9
|
+
};
|
|
10
|
+
export default HeroNamespaces;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import type { ComponentColor } from "../types";
|
|
4
|
+
export type IconProps = IComponentBaseProps & {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
color?: ComponentColor;
|
|
8
|
+
name?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const Icon: (props: IconProps) => JSX.Element;
|
|
11
|
+
export default Icon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Icon";
|