@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.
Files changed (267) hide show
  1. package/LICENSE +1 -0
  2. package/README.md +59 -1
  3. package/dist/components/accordion/Accordion.d.ts +25 -0
  4. package/dist/components/accordion/index.d.ts +1 -0
  5. package/dist/components/alert/Alert.d.ts +17 -0
  6. package/dist/components/alert/index.d.ts +1 -0
  7. package/dist/components/artboard/Artboard.d.ts +9 -0
  8. package/dist/components/artboard/index.d.ts +1 -0
  9. package/dist/components/avatar/Avatar.d.ts +26 -0
  10. package/dist/components/avatar/AvatarGroup.d.ts +15 -0
  11. package/dist/components/avatar/index.d.ts +3 -8
  12. package/dist/components/background/Background.d.ts +5 -0
  13. package/dist/components/background/index.d.ts +1 -0
  14. package/dist/components/badge/Badge.d.ts +19 -0
  15. package/dist/components/badge/index.d.ts +1 -0
  16. package/dist/components/bottom-sheet/BottomSheet.d.ts +11 -0
  17. package/dist/components/bottom-sheet/index.d.ts +2 -0
  18. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +7 -0
  19. package/dist/components/breadcrumbs/BreadcrumbsItem.d.ts +6 -0
  20. package/dist/components/breadcrumbs/index.d.ts +2 -0
  21. package/dist/components/browsermockup/BrowserMockup.d.ts +10 -0
  22. package/dist/components/browsermockup/index.d.ts +2 -0
  23. package/dist/components/button/Button.d.ts +36 -0
  24. package/dist/components/button/index.d.ts +1 -9
  25. package/dist/components/calendar/Calendar.d.ts +27 -0
  26. package/dist/components/calendar/index.d.ts +1 -0
  27. package/dist/components/card/Card.d.ts +28 -0
  28. package/dist/components/card/CardActions.d.ts +4 -0
  29. package/dist/components/card/CardBody.d.ts +4 -0
  30. package/dist/components/card/CardImage.d.ts +3 -0
  31. package/dist/components/card/CardTitle.d.ts +6 -0
  32. package/dist/components/card/index.d.ts +1 -0
  33. package/dist/components/carousel/Carousel.d.ts +15 -0
  34. package/dist/components/carousel/CarouselItem.d.ts +6 -0
  35. package/dist/components/carousel/index.d.ts +3 -0
  36. package/dist/components/chatbubble/ChatBubble.d.ts +13 -0
  37. package/dist/components/chatbubble/ChatBubbleAvatar.d.ts +6 -0
  38. package/dist/components/chatbubble/ChatBubbleFooter.d.ts +5 -0
  39. package/dist/components/chatbubble/ChatBubbleHeader.d.ts +5 -0
  40. package/dist/components/chatbubble/ChatBubbleMessage.d.ts +7 -0
  41. package/dist/components/chatbubble/ChatBubbleTime.d.ts +5 -0
  42. package/dist/components/chatbubble/index.d.ts +1 -0
  43. package/dist/components/checkbox/Checkbox.d.ts +20 -0
  44. package/dist/components/checkbox/index.d.ts +1 -0
  45. package/dist/components/codemockup/CodeMockup.d.ts +5 -0
  46. package/dist/components/codemockup/CodeMockupLine.d.ts +12 -0
  47. package/dist/components/codemockup/index.d.ts +2 -0
  48. package/dist/components/collapse/Collapse.d.ts +20 -0
  49. package/dist/components/collapse/CollapseContent.d.ts +4 -0
  50. package/dist/components/collapse/CollapseDetails.d.ts +17 -0
  51. package/dist/components/collapse/CollapseTitle.d.ts +9 -0
  52. package/dist/components/collapse/index.d.ts +4 -0
  53. package/dist/components/connectionstatus/ConnectionStatus.d.ts +59 -0
  54. package/dist/components/connectionstatus/index.d.ts +2 -0
  55. package/dist/components/copy-button/CopyButton.d.ts +11 -0
  56. package/dist/components/copy-button/index.d.ts +2 -0
  57. package/dist/components/countdown/Countdown.d.ts +7 -0
  58. package/dist/components/countdown/index.d.ts +1 -0
  59. package/dist/components/diff/Diff.d.ts +7 -0
  60. package/dist/components/diff/index.d.ts +1 -0
  61. package/dist/components/divider/Divider.d.ts +21 -0
  62. package/dist/components/divider/Divider.styles.d.ts +25 -0
  63. package/dist/components/divider/index.d.ts +2 -0
  64. package/dist/components/dock/Dock.d.ts +14 -0
  65. package/dist/components/dock/DockItem.d.ts +9 -0
  66. package/dist/components/dock/DockLabel.d.ts +6 -0
  67. package/dist/components/dock/index.d.ts +3 -0
  68. package/dist/components/drawer/Drawer.d.ts +14 -0
  69. package/dist/components/drawer/index.d.ts +1 -0
  70. package/dist/components/dropdown/Dropdown.d.ts +28 -0
  71. package/dist/components/dropdown/DropdownDetails.d.ts +14 -0
  72. package/dist/components/dropdown/DropdownItem.d.ts +19 -0
  73. package/dist/components/dropdown/DropdownMenu.d.ts +9 -0
  74. package/dist/components/dropdown/DropdownToggle.d.ts +17 -0
  75. package/dist/components/dropdown/dropdownContext.d.ts +9 -0
  76. package/dist/components/dropdown/index.d.ts +2 -0
  77. package/dist/components/fileinput/FileInput.d.ts +14 -0
  78. package/dist/components/fileinput/index.d.ts +1 -0
  79. package/dist/components/flex/Flex.d.ts +18 -0
  80. package/dist/components/flex/index.d.ts +1 -0
  81. package/dist/components/footer/Footer.d.ts +11 -0
  82. package/dist/components/footer/FooterTitle.d.ts +4 -0
  83. package/dist/components/footer/index.d.ts +3 -0
  84. package/dist/components/form/Form.d.ts +22 -0
  85. package/dist/components/form/FormDropdown.d.ts +25 -0
  86. package/dist/components/form/FormField.d.ts +14 -0
  87. package/dist/components/form/Label.d.ts +7 -0
  88. package/dist/components/form/NumberField.d.ts +20 -0
  89. package/dist/components/form/PasswordField.d.ts +16 -0
  90. package/dist/components/form/ValidatedForm.d.ts +26 -0
  91. package/dist/components/form/index.d.ts +4 -0
  92. package/dist/components/grid/Grid.d.ts +18 -0
  93. package/dist/components/grid/index.d.ts +1 -0
  94. package/dist/components/hero/Hero.d.ts +10 -0
  95. package/dist/components/hero/HeroContent.d.ts +6 -0
  96. package/dist/components/hero/HeroOverlay.d.ts +6 -0
  97. package/dist/components/hero/index.d.ts +4 -0
  98. package/dist/components/icon/Icon.d.ts +11 -0
  99. package/dist/components/icon/index.d.ts +1 -0
  100. package/dist/components/indicator/Indicator.d.ts +30 -0
  101. package/dist/components/indicator/index.d.ts +2 -0
  102. package/dist/components/input/Input.d.ts +23 -0
  103. package/dist/components/input/index.d.ts +3 -8
  104. package/dist/components/join/Join.d.ts +9 -0
  105. package/dist/components/join/index.d.ts +2 -0
  106. package/dist/components/kbd/Kbd.d.ts +4 -0
  107. package/dist/components/kbd/index.d.ts +1 -0
  108. package/dist/components/link/Link.d.ts +12 -0
  109. package/dist/components/link/index.d.ts +1 -0
  110. package/dist/components/loading/Loading.d.ts +14 -0
  111. package/dist/components/loading/index.d.ts +1 -0
  112. package/dist/components/mask/Mask.d.ts +14 -0
  113. package/dist/components/mask/index.d.ts +2 -0
  114. package/dist/components/menu/Menu.d.ts +21 -0
  115. package/dist/components/menu/MenuDetails.d.ts +8 -0
  116. package/dist/components/menu/MenuDropdown.d.ts +12 -0
  117. package/dist/components/menu/MenuItem.d.ts +9 -0
  118. package/dist/components/menu/MenuTitle.d.ts +8 -0
  119. package/dist/components/menu/index.d.ts +3 -0
  120. package/dist/components/modal/Modal.d.ts +26 -0
  121. package/dist/components/modal/ModalActions.d.ts +3 -0
  122. package/dist/components/modal/ModalBody.d.ts +3 -0
  123. package/dist/components/modal/ModalHeader.d.ts +3 -0
  124. package/dist/components/modal/ModalLegacy.d.ts +8 -0
  125. package/dist/components/modal/index.d.ts +6 -0
  126. package/dist/components/navbar/Navbar.d.ts +15 -0
  127. package/dist/components/navbar/NavbarRow.d.ts +9 -0
  128. package/dist/components/navbar/NavbarSection.d.ts +8 -0
  129. package/dist/components/navbar/NavbarStack.d.ts +10 -0
  130. package/dist/components/navbar/index.d.ts +4 -0
  131. package/dist/components/pagination/Pagination.d.ts +4 -0
  132. package/dist/components/pagination/index.d.ts +2 -0
  133. package/dist/components/phonemockup/PhoneMockup.d.ts +8 -0
  134. package/dist/components/phonemockup/index.d.ts +1 -0
  135. package/dist/components/progress/Progress.d.ts +14 -0
  136. package/dist/components/progress/index.d.ts +1 -0
  137. package/dist/components/props-table/PropsTable.d.ts +14 -0
  138. package/dist/components/props-table/index.d.ts +2 -0
  139. package/dist/components/radialprogress/RadialProgress.d.ts +10 -0
  140. package/dist/components/radialprogress/index.d.ts +1 -0
  141. package/dist/components/radio/Radio.d.ts +16 -0
  142. package/dist/components/radio/index.d.ts +1 -0
  143. package/dist/components/range/Range.d.ts +12 -0
  144. package/dist/components/range/index.d.ts +1 -0
  145. package/dist/components/rating/Rating.d.ts +23 -0
  146. package/dist/components/rating/RatingHidden.d.ts +4 -0
  147. package/dist/components/rating/RatingItem.d.ts +9 -0
  148. package/dist/components/rating/index.d.ts +4 -0
  149. package/dist/components/select/Select.d.ts +15 -0
  150. package/dist/components/select/index.d.ts +1 -0
  151. package/dist/components/showcase/ShowcaseBlock.d.ts +10 -0
  152. package/dist/components/showcase/index.d.ts +2 -0
  153. package/dist/components/showcase-section/ShowcaseSection.d.ts +8 -0
  154. package/dist/components/showcase-section/index.d.ts +2 -0
  155. package/dist/components/sidenav/Sidenav.d.ts +14 -0
  156. package/dist/components/sidenav/SidenavButton.d.ts +9 -0
  157. package/dist/components/sidenav/SidenavGroup.d.ts +10 -0
  158. package/dist/components/sidenav/SidenavItem.d.ts +8 -0
  159. package/dist/components/sidenav/SidenavLink.d.ts +9 -0
  160. package/dist/components/sidenav/SidenavMenu.d.ts +5 -0
  161. package/dist/components/sidenav/index.d.ts +12 -0
  162. package/dist/components/skeleton/Skeleton.d.ts +5 -0
  163. package/dist/components/skeleton/index.d.ts +1 -0
  164. package/dist/components/stack/Stack.d.ts +17 -0
  165. package/dist/components/stack/index.d.ts +2 -0
  166. package/dist/components/stat-card/StatCard.d.ts +22 -0
  167. package/dist/components/stat-card/StatCardSection.d.ts +5 -0
  168. package/dist/components/stat-card/index.d.ts +1 -0
  169. package/dist/components/stats/Stat.d.ts +12 -0
  170. package/dist/components/stats/StatSection.d.ts +6 -0
  171. package/dist/components/stats/Stats.d.ts +15 -0
  172. package/dist/components/stats/index.d.ts +1 -0
  173. package/dist/components/status/Status.d.ts +8 -0
  174. package/dist/components/status/index.d.ts +2 -0
  175. package/dist/components/steps/Step.d.ts +19 -0
  176. package/dist/components/steps/Steps.d.ts +18 -0
  177. package/dist/components/steps/index.d.ts +2 -0
  178. package/dist/components/streaming-table/StreamingTable.d.ts +26 -0
  179. package/dist/components/streaming-table/createRowStore.d.ts +7 -0
  180. package/dist/components/streaming-table/createStreamingTableStore.d.ts +13 -0
  181. package/dist/components/streaming-table/index.d.ts +5 -0
  182. package/dist/components/streaming-table/types.d.ts +46 -0
  183. package/dist/components/svgbackground/SvgBackground.d.ts +21 -0
  184. package/dist/components/svgbackground/index.d.ts +2 -0
  185. package/dist/components/swap/Swap.d.ts +12 -0
  186. package/dist/components/swap/index.d.ts +1 -0
  187. package/dist/components/table/EnhancedTable.d.ts +45 -0
  188. package/dist/components/table/Table.d.ts +18 -0
  189. package/dist/components/table/TableBody.d.ts +5 -0
  190. package/dist/components/table/TableCell.d.ts +7 -0
  191. package/dist/components/table/TableFooter.d.ts +7 -0
  192. package/dist/components/table/TableHead.d.ts +7 -0
  193. package/dist/components/table/TableHeadCell.d.ts +7 -0
  194. package/dist/components/table/TableRow.d.ts +8 -0
  195. package/dist/components/table/index.d.ts +4 -0
  196. package/dist/components/tabs/RadioTab.d.ts +16 -0
  197. package/dist/components/tabs/Tab.d.ts +12 -0
  198. package/dist/components/tabs/Tabs.d.ts +12 -0
  199. package/dist/components/tabs/index.d.ts +4 -0
  200. package/dist/components/textarea/Textarea.d.ts +14 -0
  201. package/dist/components/textarea/index.d.ts +1 -8
  202. package/dist/components/timeline/Timeline.d.ts +11 -0
  203. package/dist/components/timeline/TimelineEnd.d.ts +6 -0
  204. package/dist/components/timeline/TimelineItem.d.ts +8 -0
  205. package/dist/components/timeline/TimelineMiddle.d.ts +4 -0
  206. package/dist/components/timeline/TimelineStart.d.ts +6 -0
  207. package/dist/components/timeline/index.d.ts +5 -0
  208. package/dist/components/toast/Toast.d.ts +21 -0
  209. package/dist/components/toast/index.d.ts +1 -0
  210. package/dist/components/toastcontainer/ToastContainer.d.ts +2 -0
  211. package/dist/components/toastcontainer/index.d.ts +1 -0
  212. package/dist/components/toggle/Toggle.d.ts +19 -0
  213. package/dist/components/toggle/index.d.ts +1 -0
  214. package/dist/components/tooltip/Tooltip.d.ts +15 -0
  215. package/dist/components/tooltip/index.d.ts +1 -0
  216. package/dist/components/types.d.ts +15 -0
  217. package/dist/components/utils.d.ts +9 -0
  218. package/dist/components/windowmockup/WindowMockup.d.ts +11 -0
  219. package/dist/components/windowmockup/index.d.ts +1 -0
  220. package/dist/index.d.ts +93 -7
  221. package/dist/index.js +12922 -4
  222. package/dist/lib/iterable.d.ts +9 -0
  223. package/dist/lib/props/index.d.ts +1 -0
  224. package/dist/lib/props/types.d.ts +1 -0
  225. package/dist/lib/refs/index.d.ts +2 -0
  226. package/dist/lib/refs/mergeRefs.d.ts +7 -0
  227. package/dist/lib/refs/types.d.ts +1 -0
  228. package/dist/lib/style/classes.d.ts +33 -0
  229. package/dist/lib/style/index.d.ts +1 -0
  230. package/dist/lib/tag/createIsButton.d.ts +21 -0
  231. package/dist/lib/tag/createTagName.d.ts +12 -0
  232. package/dist/lib/tag/index.d.ts +2 -0
  233. package/dist/sidenav/Sidenav.css +150 -0
  234. package/dist/stores/index.d.ts +1 -0
  235. package/dist/stores/toastStore.d.ts +17 -0
  236. package/dist/styles/icons/generated-icons.css +1 -0
  237. package/package.json +63 -43
  238. package/dist/Avatar-CzIirpVq.d.ts +0 -33
  239. package/dist/Button-BOYHKShy.d.ts +0 -63
  240. package/dist/Input-CvNxe1rq.d.ts +0 -34
  241. package/dist/Textarea-5_oQknZn.d.ts +0 -37
  242. package/dist/chunk/3MUBOGZG.js +0 -213
  243. package/dist/chunk/EB7KXR65.js +0 -102
  244. package/dist/chunk/G6RG4LR7.js +0 -87
  245. package/dist/chunk/HEJAQSH5.jsx +0 -100
  246. package/dist/chunk/HKS7ET6T.js +0 -56
  247. package/dist/chunk/KACNXPUM.jsx +0 -103
  248. package/dist/chunk/NLD5D3P7.jsx +0 -94
  249. package/dist/chunk/P7WPLZNA.jsx +0 -59
  250. package/dist/chunk/UTRNHAP4.js +0 -95
  251. package/dist/chunk/VMEDFWWG.js +0 -102
  252. package/dist/chunk/WB6NEEQV.jsx +0 -107
  253. package/dist/chunk/YZ3ID3UY.jsx +0 -226
  254. package/dist/classes-B_S9K-9I.d.ts +0 -13
  255. package/dist/components/avatar/index.js +0 -1
  256. package/dist/components/avatar/index.jsx +0 -7
  257. package/dist/components/button/index.js +0 -1
  258. package/dist/components/button/index.jsx +0 -8
  259. package/dist/components/input/index.js +0 -1
  260. package/dist/components/input/index.jsx +0 -7
  261. package/dist/components/polymorphic/index.d.ts +0 -35
  262. package/dist/components/polymorphic/index.js +0 -1
  263. package/dist/components/polymorphic/index.jsx +0 -8
  264. package/dist/components/textarea/index.js +0 -1
  265. package/dist/components/textarea/index.jsx +0 -7
  266. package/dist/index.css +0 -73
  267. 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,2 @@
1
+ export { default } from "./ConnectionStatus";
2
+ export type { ConnectionState, ConnectionStatusProps, } from "./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,2 @@
1
+ export { default } from "./CopyButton";
2
+ export type { CopyButtonProps } from "./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,2 @@
1
+ import Divider from "./Divider";
2
+ export default Divider;
@@ -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,6 @@
1
+ import type { JSX, Component } from "solid-js";
2
+ export type DockLabelProps = JSX.HTMLAttributes<HTMLSpanElement> & {
3
+ className?: string;
4
+ };
5
+ declare const DockLabel: Component<DockLabelProps>;
6
+ export default DockLabel;
@@ -0,0 +1,3 @@
1
+ import Dock, { type DockProps } from "./Dock";
2
+ export type { DockProps };
3
+ export default Dock;
@@ -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,2 @@
1
+ import Dropdown from "./Dropdown";
2
+ export default Dropdown;
@@ -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,4 @@
1
+ import type { IComponentBaseProps } from "../types";
2
+ import { type ParentComponent } from "solid-js";
3
+ export type FooterTitleProps = IComponentBaseProps;
4
+ export declare const FooterTitle: ParentComponent<FooterTitleProps>;
@@ -0,0 +1,3 @@
1
+ export { default } from "./Footer";
2
+ export type { FooterProps } from "./Footer";
3
+ export type { FooterTitleProps } from "./FooterTitle";
@@ -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,6 @@
1
+ import { type ParentComponent } from "solid-js";
2
+ import type { IComponentBaseProps } from "../types";
3
+ export type HeroContentProps = IComponentBaseProps & {
4
+ center?: boolean;
5
+ };
6
+ export declare const HeroContent: ParentComponent<HeroContentProps>;
@@ -0,0 +1,6 @@
1
+ import { type ParentComponent } from "solid-js";
2
+ import type { IComponentBaseProps } from "../types";
3
+ export type HeroOverlayProps = IComponentBaseProps & {
4
+ bgOpacity?: string;
5
+ };
6
+ export declare const HeroOverlay: ParentComponent<HeroOverlayProps>;
@@ -0,0 +1,4 @@
1
+ export { default } from "./Hero";
2
+ export type { HeroProps } from "./Hero";
3
+ export type { HeroContentProps } from "./HeroContent";
4
+ export type { HeroOverlayProps } from "./HeroOverlay";
@@ -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";