@pathscale/ui 0.0.80 → 0.0.82
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/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 -0
- 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/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 -0
- 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/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 +11 -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 +11 -0
- package/dist/components/form/Label.d.ts +7 -0
- package/dist/components/form/ValidatedForm.d.ts +26 -0
- package/dist/components/form/index.d.ts +3 -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 +1 -0
- 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/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/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 +22 -0
- package/dist/components/table/Table.d.ts +20 -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 +3 -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 -0
- 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/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 +80 -0
- package/dist/index.js +14 -8
- 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/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { JSX, Component } from "solid-js";
|
|
2
|
+
import { IComponentBaseProps } from "../types";
|
|
3
|
+
import { 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 { 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,11 @@
|
|
|
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
|
+
class?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: JSX.CSSProperties;
|
|
8
|
+
"aria-labelledby"?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
|
|
11
|
+
export default DropdownMenu;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { 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 { 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 { 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,11 @@
|
|
|
1
|
+
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
+
import { IComponentBaseProps } from "../types";
|
|
3
|
+
import ValidatedForm, { useFormValidation } from "./ValidatedForm";
|
|
4
|
+
export { type ValidatedFormProps } from "./ValidatedForm";
|
|
5
|
+
export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps;
|
|
6
|
+
export { useFormValidation };
|
|
7
|
+
declare const _default: ParentComponent<FormProps> & {
|
|
8
|
+
Label: ParentComponent<import("./Label").LabelProps>;
|
|
9
|
+
Validated: typeof ValidatedForm;
|
|
10
|
+
};
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
+
import { 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,26 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import { 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,18 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
import { 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 { 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 { 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";
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
type ElementType = keyof JSX.IntrinsicElements;
|
|
4
|
+
type IndicatorBaseProps = {
|
|
5
|
+
horizontal?: "start" | "center" | "end";
|
|
6
|
+
vertical?: "top" | "middle" | "bottom";
|
|
7
|
+
as?: ElementType;
|
|
8
|
+
children?: JSX.Element;
|
|
9
|
+
dataTheme?: string;
|
|
10
|
+
class?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: JSX.CSSProperties;
|
|
13
|
+
};
|
|
14
|
+
type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
|
|
15
|
+
export type IndicatorProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof IndicatorBaseProps> & IndicatorBaseProps & IComponentBaseProps;
|
|
16
|
+
type IndicatorItemBaseProps = {
|
|
17
|
+
horizontal?: "start" | "center" | "end";
|
|
18
|
+
vertical?: "top" | "middle" | "bottom";
|
|
19
|
+
as?: ElementType;
|
|
20
|
+
children?: JSX.Element;
|
|
21
|
+
dataTheme?: string;
|
|
22
|
+
class?: string;
|
|
23
|
+
className?: string;
|
|
24
|
+
style?: JSX.CSSProperties;
|
|
25
|
+
};
|
|
26
|
+
export type IndicatorItemProps<E extends ElementType = "span"> = Omit<PropsOf<E>, keyof IndicatorItemBaseProps> & IndicatorItemBaseProps & IComponentBaseProps;
|
|
27
|
+
declare const _default: (<E extends ElementType = "div">(props: IndicatorProps<E>) => JSX.Element) & {
|
|
28
|
+
Item: <E extends ElementType = "span">(props: IndicatorItemProps<E>) => JSX.Element;
|
|
29
|
+
};
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
|
|
3
|
+
type InputBaseProps = {
|
|
4
|
+
size?: ComponentSize;
|
|
5
|
+
color?: ComponentColor;
|
|
6
|
+
variant?: "bordered" | "ghost" | "flushed";
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
dataTheme?: string;
|
|
9
|
+
class?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: JSX.CSSProperties;
|
|
12
|
+
rightIcon?: JSX.Element;
|
|
13
|
+
leftIcon?: JSX.Element;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
ref?: HTMLInputElement | ((el: HTMLInputElement) => void);
|
|
16
|
+
"aria-label"?: string;
|
|
17
|
+
"aria-describedby"?: string;
|
|
18
|
+
"aria-invalid"?: boolean;
|
|
19
|
+
"aria-required"?: boolean;
|
|
20
|
+
};
|
|
21
|
+
export type InputProps = InputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
|
|
22
|
+
declare const Input: (props: InputProps) => JSX.Element;
|
|
23
|
+
export default Input;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Input";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type JoinProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
responsive?: boolean;
|
|
5
|
+
vertical?: boolean;
|
|
6
|
+
horizontal?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const Join: (props: JoinProps) => JSX.Element;
|
|
9
|
+
export default Join;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Kbd";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { ComponentColor, IComponentBaseProps } from "../types";
|
|
3
|
+
export type LinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & IComponentBaseProps & {
|
|
4
|
+
color?: ComponentColor;
|
|
5
|
+
hover?: boolean;
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
"aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean;
|
|
8
|
+
"aria-label"?: string;
|
|
9
|
+
"aria-describedby"?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const Link: (props: LinkProps) => JSX.Element;
|
|
12
|
+
export default Link;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Link";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type Component, type JSX } from "solid-js";
|
|
2
|
+
import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
|
|
3
|
+
export type LoadingProps = {
|
|
4
|
+
size?: ComponentSize;
|
|
5
|
+
color?: ComponentColor;
|
|
6
|
+
variant?: "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
|
|
7
|
+
"aria-label"?: string;
|
|
8
|
+
"aria-describedby"?: string;
|
|
9
|
+
"aria-live"?: string;
|
|
10
|
+
"aria-busy"?: boolean;
|
|
11
|
+
role?: string;
|
|
12
|
+
} & IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement>;
|
|
13
|
+
declare const Loading: Component<LoadingProps>;
|
|
14
|
+
export default Loading;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Loading";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX, type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type MaskProps = JSX.ImgHTMLAttributes<HTMLImageElement> & IComponentBaseProps & {
|
|
4
|
+
variant?: "squircle" | "heart" | "hexagon" | "hexagon-2" | "decagon" | "pentagon" | "diamond" | "square" | "circle" | "star" | "star-2" | "triangle" | "triangle-2" | "triangle-3" | "triangle-4" | "half-1" | "half-2";
|
|
5
|
+
class?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: JSX.CSSProperties;
|
|
8
|
+
};
|
|
9
|
+
export declare function maskClassName({ className, variant, }?: Pick<MaskProps, "className" | "variant">): string;
|
|
10
|
+
type MaskComponent = Component<MaskProps> & {
|
|
11
|
+
className: typeof maskClassName;
|
|
12
|
+
};
|
|
13
|
+
declare const Mask: MaskComponent;
|
|
14
|
+
export default Mask;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps, ComponentSize } from "../types";
|
|
3
|
+
import type { MenuTitleProps } from "./MenuTitle";
|
|
4
|
+
import type { MenuItemProps } from "./MenuItem";
|
|
5
|
+
import type { MenuDropdownProps } from "./MenuDropdown";
|
|
6
|
+
import type { MenuDetailsProps } from "./MenuDetails";
|
|
7
|
+
export type { MenuTitleProps, MenuItemProps, MenuDropdownProps, MenuDetailsProps, };
|
|
8
|
+
export type MenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps & {
|
|
9
|
+
vertical?: boolean;
|
|
10
|
+
horizontal?: boolean;
|
|
11
|
+
responsive?: boolean;
|
|
12
|
+
size?: ComponentSize;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: ((props: MenuProps) => JSX.Element) & {
|
|
15
|
+
Title: import("solid-js").Component<MenuTitleProps>;
|
|
16
|
+
Item: import("solid-js").Component<MenuItemProps>;
|
|
17
|
+
Dropdown: import("solid-js").Component<MenuDropdownProps>;
|
|
18
|
+
Details: import("solid-js").Component<MenuDetailsProps>;
|
|
19
|
+
Menu: (props: MenuProps) => JSX.Element;
|
|
20
|
+
};
|
|
21
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type JSX, type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type MenuDetailsProps = JSX.DetailsHtmlAttributes<HTMLDetailsElement> & IComponentBaseProps & {
|
|
4
|
+
label: JSX.Element;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const MenuDetails: Component<MenuDetailsProps>;
|
|
8
|
+
export default MenuDetails;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type JSX, type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type MenuDropdownProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps & {
|
|
4
|
+
label: JSX.Element;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
class?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: JSX.CSSProperties;
|
|
9
|
+
children?: JSX.Element;
|
|
10
|
+
};
|
|
11
|
+
declare const MenuDropdown: Component<MenuDropdownProps>;
|
|
12
|
+
export default MenuDropdown;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type JSX, type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type MenuItemProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
|
|
4
|
+
focus?: boolean;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const MenuItem: Component<MenuItemProps>;
|
|
9
|
+
export default MenuItem;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type JSX, type Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type MenuTitleProps = JSX.LiHTMLAttributes<HTMLLIElement> & IComponentBaseProps & {
|
|
4
|
+
class?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const MenuTitle: Component<MenuTitleProps>;
|
|
8
|
+
export default MenuTitle;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps, ComponentSize } from "../types";
|
|
3
|
+
import ModalActions from "./ModalActions";
|
|
4
|
+
import ModalBody from "./ModalBody";
|
|
5
|
+
import ModalHeader from "./ModalHeader";
|
|
6
|
+
import ModalLegacy from "./ModalLegacy";
|
|
7
|
+
export type ModalProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDialogElement> & {
|
|
8
|
+
open?: boolean;
|
|
9
|
+
position?: "start" | "end" | "top" | "middle" | "bottom";
|
|
10
|
+
responsive?: boolean;
|
|
11
|
+
backdrop?: boolean;
|
|
12
|
+
ariaHidden?: boolean;
|
|
13
|
+
onClose?: () => void;
|
|
14
|
+
closeOnEsc?: boolean;
|
|
15
|
+
closeOnOutsideClick?: boolean;
|
|
16
|
+
size?: ComponentSize | 'full';
|
|
17
|
+
};
|
|
18
|
+
export type DialogProps = Omit<ModalProps, "ref">;
|
|
19
|
+
export declare function Modal(props: ModalProps): JSX.Element;
|
|
20
|
+
declare const _default: typeof Modal & {
|
|
21
|
+
Header: typeof ModalHeader;
|
|
22
|
+
Body: typeof ModalBody;
|
|
23
|
+
Actions: typeof ModalActions;
|
|
24
|
+
Legacy: typeof ModalLegacy;
|
|
25
|
+
};
|
|
26
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { JSX } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type ModalLegacyProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
|
|
4
|
+
open?: boolean;
|
|
5
|
+
responsive?: boolean;
|
|
6
|
+
onClickBackdrop?: () => void;
|
|
7
|
+
};
|
|
8
|
+
export default function ModalLegacy(props: ModalLegacyProps): JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default } from "./Modal";
|
|
2
|
+
export { type ModalProps as TModalProps, type DialogProps as TDialogProps, } from "./Modal";
|
|
3
|
+
export { type ModalHeaderProps as TModalHeaderProps } from "./ModalHeader";
|
|
4
|
+
export { type ModalBodyProps as TModalBodyProps } from "./ModalBody";
|
|
5
|
+
export { type ModalActionsProps as TModalActionsProps } from "./ModalActions";
|
|
6
|
+
export { type ModalLegacyProps as TModalLegacyProps } from "./ModalLegacy";
|