@forthtilliath/shadcn-ui 0.2.0

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 (217) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +84 -0
  3. package/dist/components/accordion.d.ts +12 -0
  4. package/dist/components/accordion.d.ts.map +1 -0
  5. package/dist/components/accordion.js +28 -0
  6. package/dist/components/alert-dialog.d.ts +15 -0
  7. package/dist/components/alert-dialog.d.ts.map +1 -0
  8. package/dist/components/alert-dialog.js +39 -0
  9. package/dist/components/alert.d.ts +10 -0
  10. package/dist/components/alert.d.ts.map +1 -0
  11. package/dist/components/alert.js +24 -0
  12. package/dist/components/aspect-ratio.d.ts +4 -0
  13. package/dist/components/aspect-ratio.d.ts.map +1 -0
  14. package/dist/components/aspect-ratio.js +7 -0
  15. package/dist/components/avatar.d.ts +7 -0
  16. package/dist/components/avatar.d.ts.map +1 -0
  17. package/dist/components/avatar.js +14 -0
  18. package/dist/components/badge.d.ts +10 -0
  19. package/dist/components/badge.d.ts.map +1 -0
  20. package/dist/components/badge.js +22 -0
  21. package/dist/components/blocks/accordion.d.ts +56 -0
  22. package/dist/components/blocks/accordion.d.ts.map +1 -0
  23. package/dist/components/blocks/accordion.js +138 -0
  24. package/dist/components/blocks/animated-tabs.d.ts +17 -0
  25. package/dist/components/blocks/animated-tabs.d.ts.map +1 -0
  26. package/dist/components/blocks/animated-tabs.js +135 -0
  27. package/dist/components/blocks/animated-text.d.ts +43 -0
  28. package/dist/components/blocks/animated-text.d.ts.map +1 -0
  29. package/dist/components/blocks/animated-text.js +122 -0
  30. package/dist/components/blocks/avatar.d.ts +17 -0
  31. package/dist/components/blocks/avatar.d.ts.map +1 -0
  32. package/dist/components/blocks/avatar.js +31 -0
  33. package/dist/components/blocks/calendar-date-picker.d.ts +22 -0
  34. package/dist/components/blocks/calendar-date-picker.d.ts.map +1 -0
  35. package/dist/components/blocks/calendar-date-picker.js +377 -0
  36. package/dist/components/blocks/data-table-ext/pagination.d.ts +12 -0
  37. package/dist/components/blocks/data-table-ext/pagination.d.ts.map +1 -0
  38. package/dist/components/blocks/data-table-ext/pagination.js +65 -0
  39. package/dist/components/blocks/data-table-ext/utils/table-config.d.ts +16 -0
  40. package/dist/components/blocks/data-table-ext/utils/table-config.d.ts.map +1 -0
  41. package/dist/components/blocks/data-table-ext/utils/table-config.js +28 -0
  42. package/dist/components/blocks/data-table.d.ts +10 -0
  43. package/dist/components/blocks/data-table.d.ts.map +1 -0
  44. package/dist/components/blocks/data-table.js +59 -0
  45. package/dist/components/blocks/field.d.ts +10 -0
  46. package/dist/components/blocks/field.d.ts.map +1 -0
  47. package/dist/components/blocks/field.js +5 -0
  48. package/dist/components/blocks/form.d.ts +14 -0
  49. package/dist/components/blocks/form.d.ts.map +1 -0
  50. package/dist/components/blocks/form.js +12 -0
  51. package/dist/components/blocks/navbar-01.d.ts +12 -0
  52. package/dist/components/blocks/navbar-01.d.ts.map +1 -0
  53. package/dist/components/blocks/navbar-01.js +10 -0
  54. package/dist/components/blocks/navbar-02.d.ts +11 -0
  55. package/dist/components/blocks/navbar-02.d.ts.map +1 -0
  56. package/dist/components/blocks/navbar-02.js +12 -0
  57. package/dist/components/blocks/navbar-04.d.ts +12 -0
  58. package/dist/components/blocks/navbar-04.d.ts.map +1 -0
  59. package/dist/components/blocks/navbar-04.js +10 -0
  60. package/dist/components/breadcrumb.d.ts +12 -0
  61. package/dist/components/breadcrumb.d.ts.map +1 -0
  62. package/dist/components/breadcrumb.js +27 -0
  63. package/dist/components/button.d.ts +11 -0
  64. package/dist/components/button.d.ts.map +1 -0
  65. package/dist/components/button.js +31 -0
  66. package/dist/components/calendar.d.ts +10 -0
  67. package/dist/components/calendar.d.ts.map +1 -0
  68. package/dist/components/calendar.js +77 -0
  69. package/dist/components/card.d.ts +10 -0
  70. package/dist/components/card.d.ts.map +1 -0
  71. package/dist/components/card.js +24 -0
  72. package/dist/components/carousel.d.ts +20 -0
  73. package/dist/components/carousel.d.ts.map +1 -0
  74. package/dist/components/carousel.js +101 -0
  75. package/dist/components/chart.d.ts +40 -0
  76. package/dist/components/chart.d.ts.map +1 -0
  77. package/dist/components/chart.js +144 -0
  78. package/dist/components/checkbox.d.ts +5 -0
  79. package/dist/components/checkbox.d.ts.map +1 -0
  80. package/dist/components/checkbox.js +9 -0
  81. package/dist/components/collapsible.d.ts +6 -0
  82. package/dist/components/collapsible.d.ts.map +1 -0
  83. package/dist/components/collapsible.js +13 -0
  84. package/dist/components/command.d.ts +19 -0
  85. package/dist/components/command.d.ts.map +1 -0
  86. package/dist/components/command.js +34 -0
  87. package/dist/components/context-menu.d.ts +26 -0
  88. package/dist/components/context-menu.d.ts.map +1 -0
  89. package/dist/components/context-menu.js +51 -0
  90. package/dist/components/dialog.d.ts +16 -0
  91. package/dist/components/dialog.d.ts.map +1 -0
  92. package/dist/components/dialog.js +36 -0
  93. package/dist/components/drawer.d.ts +14 -0
  94. package/dist/components/drawer.d.ts.map +1 -0
  95. package/dist/components/drawer.js +35 -0
  96. package/dist/components/dropdown-menu.d.ts +26 -0
  97. package/dist/components/dropdown-menu.d.ts.map +1 -0
  98. package/dist/components/dropdown-menu.js +51 -0
  99. package/dist/components/form.d.ts +25 -0
  100. package/dist/components/form.d.ts.map +1 -0
  101. package/dist/components/form.js +54 -0
  102. package/dist/components/hover-card.d.ts +7 -0
  103. package/dist/components/hover-card.d.ts.map +1 -0
  104. package/dist/components/hover-card.js +14 -0
  105. package/dist/components/input-otp.d.ts +12 -0
  106. package/dist/components/input-otp.d.ts.map +1 -0
  107. package/dist/components/input-otp.js +21 -0
  108. package/dist/components/input.d.ts +4 -0
  109. package/dist/components/input.d.ts.map +1 -0
  110. package/dist/components/input.js +6 -0
  111. package/dist/components/label.d.ts +5 -0
  112. package/dist/components/label.d.ts.map +1 -0
  113. package/dist/components/label.js +8 -0
  114. package/dist/components/menubar.d.ts +27 -0
  115. package/dist/components/menubar.d.ts.map +1 -0
  116. package/dist/components/menubar.js +54 -0
  117. package/dist/components/navigation-menu.d.ts +15 -0
  118. package/dist/components/navigation-menu.d.ts.map +1 -0
  119. package/dist/components/navigation-menu.js +31 -0
  120. package/dist/components/pagination.d.ts +14 -0
  121. package/dist/components/pagination.d.ts.map +1 -0
  122. package/dist/components/pagination.js +29 -0
  123. package/dist/components/popover.d.ts +8 -0
  124. package/dist/components/popover.d.ts.map +1 -0
  125. package/dist/components/popover.js +17 -0
  126. package/dist/components/progress.d.ts +5 -0
  127. package/dist/components/progress.d.ts.map +1 -0
  128. package/dist/components/progress.js +8 -0
  129. package/dist/components/radio-group.d.ts +6 -0
  130. package/dist/components/radio-group.d.ts.map +1 -0
  131. package/dist/components/radio-group.js +12 -0
  132. package/dist/components/resizable.d.ts +9 -0
  133. package/dist/components/resizable.d.ts.map +1 -0
  134. package/dist/components/resizable.js +15 -0
  135. package/dist/components/scroll-area.d.ts +6 -0
  136. package/dist/components/scroll-area.d.ts.map +1 -0
  137. package/dist/components/scroll-area.js +13 -0
  138. package/dist/components/select.d.ts +16 -0
  139. package/dist/components/select.d.ts.map +1 -0
  140. package/dist/components/select.js +38 -0
  141. package/dist/components/separator.d.ts +5 -0
  142. package/dist/components/separator.d.ts.map +1 -0
  143. package/dist/components/separator.js +8 -0
  144. package/dist/components/sheet.d.ts +14 -0
  145. package/dist/components/sheet.d.ts.map +1 -0
  146. package/dist/components/sheet.js +40 -0
  147. package/dist/components/sidebar.d.ts +70 -0
  148. package/dist/components/sidebar.d.ts.map +1 -0
  149. package/dist/components/sidebar.js +221 -0
  150. package/dist/components/skeleton.d.ts +3 -0
  151. package/dist/components/skeleton.d.ts.map +1 -0
  152. package/dist/components/skeleton.js +6 -0
  153. package/dist/components/slider.d.ts +5 -0
  154. package/dist/components/slider.d.ts.map +1 -0
  155. package/dist/components/slider.js +14 -0
  156. package/dist/components/sonner.d.ts +4 -0
  157. package/dist/components/sonner.d.ts.map +1 -0
  158. package/dist/components/sonner.js +13 -0
  159. package/dist/components/switch.d.ts +5 -0
  160. package/dist/components/switch.d.ts.map +1 -0
  161. package/dist/components/switch.js +8 -0
  162. package/dist/components/table.d.ts +11 -0
  163. package/dist/components/table.d.ts.map +1 -0
  164. package/dist/components/table.js +28 -0
  165. package/dist/components/tabs.d.ts +8 -0
  166. package/dist/components/tabs.d.ts.map +1 -0
  167. package/dist/components/tabs.js +17 -0
  168. package/dist/components/textarea.d.ts +4 -0
  169. package/dist/components/textarea.d.ts.map +1 -0
  170. package/dist/components/textarea.js +6 -0
  171. package/dist/components/toggle-group.d.ts +8 -0
  172. package/dist/components/toggle-group.d.ts.map +1 -0
  173. package/dist/components/toggle-group.js +21 -0
  174. package/dist/components/toggle.d.ts +10 -0
  175. package/dist/components/toggle.d.ts.map +1 -0
  176. package/dist/components/toggle.js +26 -0
  177. package/dist/components/tooltip.d.ts +8 -0
  178. package/dist/components/tooltip.d.ts.map +1 -0
  179. package/dist/components/tooltip.js +17 -0
  180. package/dist/hooks/use-mobile.d.ts +2 -0
  181. package/dist/hooks/use-mobile.d.ts.map +1 -0
  182. package/dist/hooks/use-mobile.js +24 -0
  183. package/dist/lib/input-otp.d.ts +2 -0
  184. package/dist/lib/input-otp.d.ts.map +1 -0
  185. package/dist/lib/input-otp.js +1 -0
  186. package/dist/lib/react-hook-form.d.ts +3 -0
  187. package/dist/lib/react-hook-form.d.ts.map +1 -0
  188. package/dist/lib/react-hook-form.js +2 -0
  189. package/dist/lib/react-table.d.ts +2 -0
  190. package/dist/lib/react-table.d.ts.map +1 -0
  191. package/dist/lib/react-table.js +1 -0
  192. package/dist/lib/recharts.d.ts +2 -0
  193. package/dist/lib/recharts.d.ts.map +1 -0
  194. package/dist/lib/recharts.js +1 -0
  195. package/dist/lib/sonner.d.ts +2 -0
  196. package/dist/lib/sonner.d.ts.map +1 -0
  197. package/dist/lib/sonner.js +1 -0
  198. package/dist/lib/utils.d.ts +4 -0
  199. package/dist/lib/utils.d.ts.map +1 -0
  200. package/dist/lib/utils.js +5 -0
  201. package/dist/lib/zod.d.ts +2 -0
  202. package/dist/lib/zod.d.ts.map +1 -0
  203. package/dist/lib/zod.js +1 -0
  204. package/dist/styles/globals-static.css +71 -0
  205. package/dist/styles/globals.css +71 -0
  206. package/dist/styles/themes/blue.css +68 -0
  207. package/dist/styles/themes/bubblegum.css +113 -0
  208. package/dist/styles/themes/claymorphism.css +108 -0
  209. package/dist/styles/themes/default.css +69 -0
  210. package/dist/styles/themes/green.css +68 -0
  211. package/dist/styles/themes/orange.css +68 -0
  212. package/dist/styles/themes/red.css +68 -0
  213. package/dist/styles/themes/rose.css +68 -0
  214. package/dist/styles/themes/twitter.css +113 -0
  215. package/dist/styles/themes/violet.css +68 -0
  216. package/dist/styles/themes/yellow.css +68 -0
  217. package/package.json +97 -0
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useForm, } from "react-hook-form";
3
+ import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
4
+ import { Form as ShadForm } from "@forthtilliath/shadcn-ui/components/form";
5
+ export function Form({ children, schema, defaultValues, onSubmit, className, }) {
6
+ const form = useForm({
7
+ resolver: standardSchemaResolver(schema),
8
+ defaultValues: defaultValues,
9
+ });
10
+ const { register, handleSubmit } = form;
11
+ return (_jsx(ShadForm, { ...form, children: _jsx("form", { onSubmit: handleSubmit(onSubmit), className: className, children: children({ register }) }) }));
12
+ }
@@ -0,0 +1,12 @@
1
+ interface Item {
2
+ href: string;
3
+ label: React.ReactNode;
4
+ }
5
+ interface Props {
6
+ logo?: React.ReactNode;
7
+ render: (item: Item) => React.ReactNode;
8
+ items: Item[];
9
+ }
10
+ export declare function Navbar({ logo, render, items }: Props): import("react").JSX.Element;
11
+ export default Navbar;
12
+ //# sourceMappingURL=navbar-01.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navbar-01.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/navbar-01.tsx"],"names":[],"mappings":"AAgBA,UAAU,IAAI;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AACD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACxC,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,+BAsCpD;AAqBD,eAAe,MAAM,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Menu } from "lucide-react";
3
+ import { Button } from "@forthtilliath/shadcn-ui/components/button";
4
+ import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, } from "@forthtilliath/shadcn-ui/components/navigation-menu";
5
+ import { Sheet, SheetContent, SheetTrigger, } from "@forthtilliath/shadcn-ui/components/sheet";
6
+ export function Navbar({ logo, render, items }) {
7
+ return (_jsx("nav", { className: "h-16 bg-background border-b", children: _jsxs("div", { className: "h-full flex items-center justify-between max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8", children: [logo, _jsx(NavMenu, { className: "hidden md:block", render: render, items: items }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "outline", className: "hidden sm:inline-flex", children: "Sign In" }), _jsx(Button, { children: "Get Started" }), _jsx("div", { className: "md:hidden", children: _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", children: _jsx(Menu, {}) }) }), _jsxs(SheetContent, { children: [logo, _jsx(NavMenu, { orientation: "vertical", className: "mt-12", render: render, items: items })] })] }) })] })] }) }));
8
+ }
9
+ const NavMenu = ({ render, items, ...props }) => (_jsx(NavigationMenu, { ...props, children: _jsxs(NavigationMenuList, { className: "gap-6 space-x-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start", children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true }) }), items.map((item, i) => (_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, children: render({ href: item.href, label: item.label }) }) }, i)))] }) }));
10
+ export default Navbar;
@@ -0,0 +1,11 @@
1
+ import type { NavigationMenuProps } from "@radix-ui/react-navigation-menu";
2
+ interface Props<T> {
3
+ logo?: React.ReactNode;
4
+ render: (item: T) => React.ReactNode;
5
+ items: T[];
6
+ }
7
+ export declare function Navbar<T>({ logo, render, items }: Props<T>): import("react").JSX.Element;
8
+ type NavMenuProps<T> = NavigationMenuProps & Pick<Props<T>, "items" | "render">;
9
+ export declare function NavMenu<T>({ render, items, ...props }: NavMenuProps<T>): import("react").JSX.Element;
10
+ export default Navbar;
11
+ //# sourceMappingURL=navbar-02.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navbar-02.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/navbar-02.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAgB3E,UAAU,KAAK,CAAC,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,+BA0C1D;AAED,KAAK,YAAY,CAAC,CAAC,IAAI,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AAChF,wBAAgB,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,+BAgBtE;AAED,eAAe,MAAM,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Menu, SunIcon } from "lucide-react";
3
+ import { Button } from "@forthtilliath/shadcn-ui/components/button";
4
+ import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, } from "@forthtilliath/shadcn-ui/components/navigation-menu";
5
+ import { Sheet, SheetContent, SheetTrigger, } from "@forthtilliath/shadcn-ui/components/sheet";
6
+ export function Navbar({ logo, render, items }) {
7
+ return (_jsx("nav", { className: "h-16 bg-background border-b", children: _jsxs("div", { className: "h-full flex items-center justify-between max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8", children: [_jsxs("div", { className: "flex items-center gap-8", children: [logo, _jsx(NavMenu, { className: "hidden md:block", render: render, items: items })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "outline", className: "hidden sm:inline-flex", children: "Sign In" }), _jsx(Button, { size: "icon", variant: "outline", children: _jsx(SunIcon, {}) }), _jsx("div", { className: "md:hidden", children: _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", children: _jsx(Menu, {}) }) }), _jsxs(SheetContent, { children: [logo, _jsx(NavMenu, { orientation: "vertical", className: "mt-12", render: render, items: items })] })] }) })] })] }) }));
8
+ }
9
+ export function NavMenu({ render, items, ...props }) {
10
+ return (_jsx(NavigationMenu, { ...props, children: _jsxs(NavigationMenuList, { className: "gap-6 space-x-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start", children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true }) }), items.map((item, i) => (_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, children: render(item) }) }, i)))] }) }));
11
+ }
12
+ export default Navbar;
@@ -0,0 +1,12 @@
1
+ export interface Item {
2
+ href: string;
3
+ label: React.ReactNode;
4
+ }
5
+ interface Props {
6
+ logo?: React.ReactNode;
7
+ render: (item: Item) => React.ReactNode;
8
+ items: Item[];
9
+ }
10
+ export declare function Navbar({ logo, render, items }: Props): import("react").JSX.Element;
11
+ export default Navbar;
12
+ //# sourceMappingURL=navbar-04.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navbar-04.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/navbar-04.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AACD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACxC,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,+BAyCpD;AAiBD,eAAe,MAAM,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Menu } from "lucide-react";
3
+ import { Button } from "@forthtilliath/shadcn-ui/components/button";
4
+ import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, } from "@forthtilliath/shadcn-ui/components/navigation-menu";
5
+ import { Sheet, SheetContent, SheetTrigger, } from "@forthtilliath/shadcn-ui/components/sheet";
6
+ export function Navbar({ logo, render, items }) {
7
+ return (_jsx("nav", { className: "fixed top-6 inset-x-4 h-16 bg-background border dark:border-slate-700/70 max-w-screen-xl mx-auto rounded-full", children: _jsxs("div", { className: "h-full flex items-center justify-between mx-auto px-4", children: [logo, _jsx(NavMenu, { className: "hidden md:block", render: render, items: items }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "outline", className: "hidden sm:inline-flex rounded-full", children: "Sign In" }), _jsx(Button, { className: "rounded-full", children: "Get Started" }), _jsx("div", { className: "md:hidden", children: _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", className: "rounded-full", children: _jsx(Menu, {}) }) }), _jsxs(SheetContent, { children: [logo, _jsx(NavMenu, { orientation: "vertical", className: "mt-12", render: render, items: items })] })] }) })] })] }) }));
8
+ }
9
+ const NavMenu = ({ render, items, ...props }) => (_jsx(NavigationMenu, { ...props, children: _jsx(NavigationMenuList, { className: "gap-6 space-x-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start", children: items.map((item, i) => (_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, children: render({ href: item.href, label: item.label }) }) }, i))) }) }));
10
+ export default Navbar;
@@ -0,0 +1,12 @@
1
+ import type * as React from "react";
2
+ declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
3
+ declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
4
+ declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
5
+ declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
6
+ asChild?: boolean;
7
+ }): React.JSX.Element;
8
+ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
9
+ declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
10
+ declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
11
+ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
12
+ //# sourceMappingURL=breadcrumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAa9B;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Slot } from "@radix-ui/react-slot";
3
+ import { ChevronRight, MoreHorizontal } from "lucide-react";
4
+ import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
5
+ function Breadcrumb({ ...props }) {
6
+ return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
7
+ }
8
+ function BreadcrumbList({ className, ...props }) {
9
+ return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className), ...props }));
10
+ }
11
+ function BreadcrumbItem({ className, ...props }) {
12
+ return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1.5", className), ...props }));
13
+ }
14
+ function BreadcrumbLink({ asChild, className, ...props }) {
15
+ const Comp = asChild ? Slot : "a";
16
+ return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("hover:text-foreground transition-colors", className), ...props }));
17
+ }
18
+ function BreadcrumbPage({ className, ...props }) {
19
+ return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("text-foreground font-normal", className), ...props }));
20
+ }
21
+ function BreadcrumbSeparator({ children, className, ...props }) {
22
+ return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
23
+ }
24
+ function BreadcrumbEllipsis({ className, ...props }) {
25
+ return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
26
+ }
27
+ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
@@ -0,0 +1,11 @@
1
+ import type * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const buttonVariants: (props?: ({
4
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
8
+ asChild?: boolean;
9
+ }): React.JSX.Element;
10
+ export { Button, buttonVariants };
11
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Slot } from "@radix-ui/react-slot";
3
+ import { cva } from "class-variance-authority";
4
+ import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
5
+ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
6
+ variants: {
7
+ variant: {
8
+ default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
9
+ destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
10
+ outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
11
+ secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
12
+ ghost: "hover:bg-accent hover:text-accent-foreground",
13
+ link: "text-primary underline-offset-4 hover:underline",
14
+ },
15
+ size: {
16
+ default: "h-9 px-4 py-2 has-[>svg]:px-3",
17
+ sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
18
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
19
+ icon: "size-9",
20
+ },
21
+ },
22
+ defaultVariants: {
23
+ variant: "default",
24
+ size: "default",
25
+ },
26
+ });
27
+ function Button({ className, variant, size, asChild = false, ...props }) {
28
+ const Comp = asChild ? Slot : "button";
29
+ return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
30
+ }
31
+ export { Button, buttonVariants };
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import type { DayButton } from "react-day-picker";
3
+ import { DayPicker } from "react-day-picker";
4
+ import { Button } from "@forthtilliath/shadcn-ui/components/button";
5
+ declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
6
+ buttonVariant?: React.ComponentProps<typeof Button>["variant"];
7
+ }): React.JSX.Element;
8
+ declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
9
+ export { Calendar, CalendarDayButton };
10
+ //# sourceMappingURL=calendar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../src/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAoB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAOnE,OAAO,EACL,MAAM,EAEP,MAAM,4CAA4C,CAAC;AAGpD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,qBA6GA;AA8CD,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,qBA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
@@ -0,0 +1,77 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import { DayPicker, getDefaultClassNames } from "react-day-picker";
5
+ import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
6
+ import { Button, buttonVariants, } from "@forthtilliath/shadcn-ui/components/button";
7
+ import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
8
+ function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
9
+ const defaultClassNames = getDefaultClassNames();
10
+ return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
11
+ formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
12
+ ...formatters,
13
+ }, classNames: {
14
+ root: cn("w-fit", defaultClassNames.root),
15
+ months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
16
+ month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
17
+ nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
18
+ button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
19
+ button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
20
+ month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
21
+ dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
22
+ dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
23
+ dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown),
24
+ caption_label: cn("select-none font-medium", captionLayout === "label"
25
+ ? "text-sm"
26
+ : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
27
+ month_grid: "w-full border-collapse",
28
+ weekdays: cn("flex", defaultClassNames.weekdays),
29
+ weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
30
+ week: cn("flex w-full mt-2", defaultClassNames.week),
31
+ week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
32
+ week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
33
+ day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
34
+ range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
35
+ range_middle: cn("rounded-none", defaultClassNames.range_middle),
36
+ range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
37
+ today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
38
+ outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
39
+ disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
40
+ hidden: cn("invisible", defaultClassNames.hidden),
41
+ ...classNames,
42
+ }, components: {
43
+ Root: CalendarRoot,
44
+ Chevron: CalendarChevron,
45
+ DayButton: CalendarDayButton,
46
+ WeekNumber: CalendarWeekNumber,
47
+ ...components,
48
+ }, ...props }));
49
+ }
50
+ function CalendarRoot({ className, rootRef, ...props }) {
51
+ return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
52
+ }
53
+ function CalendarChevron({ className, orientation, ...props }) {
54
+ if (orientation === "left") {
55
+ return _jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props });
56
+ }
57
+ if (orientation === "right") {
58
+ return _jsx(ChevronRightIcon, { className: cn("size-4", className), ...props });
59
+ }
60
+ return _jsx(ChevronDownIcon, { className: cn("size-4", className), ...props });
61
+ }
62
+ function CalendarWeekNumber({ children, ...props }) {
63
+ return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
64
+ }
65
+ function CalendarDayButton({ className, day, modifiers, ...props }) {
66
+ const defaultClassNames = getDefaultClassNames();
67
+ const ref = React.useRef(null);
68
+ React.useEffect(() => {
69
+ if (modifiers.focused)
70
+ ref.current?.focus();
71
+ }, [modifiers.focused]);
72
+ return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
73
+ !modifiers.range_start &&
74
+ !modifiers.range_end &&
75
+ !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
76
+ }
77
+ export { Calendar, CalendarDayButton };
@@ -0,0 +1,10 @@
1
+ import type * as React from "react";
2
+ declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
3
+ declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
4
+ declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
5
+ declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
6
+ declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
+ declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
+ declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
+ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
10
+ //# sourceMappingURL=card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
3
+ function Card({ className, ...props }) {
4
+ return (_jsx("div", { "data-slot": "card", className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }));
5
+ }
6
+ function CardHeader({ className, ...props }) {
7
+ return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className), ...props }));
8
+ }
9
+ function CardTitle({ className, ...props }) {
10
+ return (_jsx("div", { "data-slot": "card-title", className: cn("leading-none font-semibold", className), ...props }));
11
+ }
12
+ function CardDescription({ className, ...props }) {
13
+ return (_jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props }));
14
+ }
15
+ function CardAction({ className, ...props }) {
16
+ return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
17
+ }
18
+ function CardContent({ className, ...props }) {
19
+ return (_jsx("div", { "data-slot": "card-content", className: cn("px-6", className), ...props }));
20
+ }
21
+ function CardFooter({ className, ...props }) {
22
+ return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className), ...props }));
23
+ }
24
+ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
3
+ import { Button } from "@forthtilliath/shadcn-ui/components/button";
4
+ type CarouselApi = UseEmblaCarouselType[1];
5
+ type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
6
+ type CarouselOptions = UseCarouselParameters[0];
7
+ type CarouselPlugin = UseCarouselParameters[1];
8
+ interface CarouselProps {
9
+ opts?: CarouselOptions;
10
+ plugins?: CarouselPlugin;
11
+ orientation?: "horizontal" | "vertical";
12
+ setApi?: (api: CarouselApi) => void;
13
+ }
14
+ declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
15
+ declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
16
+ declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
17
+ declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
18
+ declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
19
+ export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, };
20
+ //# sourceMappingURL=carousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAGpE,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC;AAuBD,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,qBAyF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAgBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAuBrC;AAED,OAAO,EACL,QAAQ,EACR,KAAK,WAAW,EAChB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,GACjB,CAAC"}
@@ -0,0 +1,101 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import useEmblaCarousel from "embla-carousel-react";
5
+ import { ArrowLeft, ArrowRight } from "lucide-react";
6
+ import { Button } from "@forthtilliath/shadcn-ui/components/button";
7
+ import { cn } from "@forthtilliath/shadcn-ui/lib/utils";
8
+ const CarouselContext = React.createContext(null);
9
+ function useCarousel() {
10
+ const context = React.use(CarouselContext);
11
+ if (!context) {
12
+ throw new Error("useCarousel must be used within a <Carousel />");
13
+ }
14
+ return context;
15
+ }
16
+ function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
17
+ const [carouselRef, api] = useEmblaCarousel({
18
+ ...opts,
19
+ axis: orientation === "horizontal" ? "x" : "y",
20
+ }, plugins);
21
+ const [canScrollPrev, setCanScrollPrev] = React.useState(false);
22
+ const [canScrollNext, setCanScrollNext] = React.useState(false);
23
+ // Shared between an immediate initial-sync call and embla's `.on()`
24
+ // listeners below (both legitimate "sync state from an external system"
25
+ // uses), so the setState calls here aren't gated behind an event handler.
26
+ const onSelect = React.useCallback((api) => {
27
+ if (!api)
28
+ return;
29
+ // eslint-disable-next-line @eslint-react/set-state-in-effect
30
+ setCanScrollPrev(api.canScrollPrev());
31
+ // eslint-disable-next-line @eslint-react/set-state-in-effect
32
+ setCanScrollNext(api.canScrollNext());
33
+ }, []);
34
+ const scrollPrev = React.useCallback(() => {
35
+ api?.scrollPrev();
36
+ }, [api]);
37
+ const scrollNext = React.useCallback(() => {
38
+ api?.scrollNext();
39
+ }, [api]);
40
+ const handleKeyDown = React.useCallback((event) => {
41
+ if (event.key === "ArrowLeft") {
42
+ event.preventDefault();
43
+ scrollPrev();
44
+ }
45
+ else if (event.key === "ArrowRight") {
46
+ event.preventDefault();
47
+ scrollNext();
48
+ }
49
+ }, [scrollPrev, scrollNext]);
50
+ React.useEffect(() => {
51
+ if (!api || !setApi)
52
+ return;
53
+ setApi(api);
54
+ }, [api, setApi]);
55
+ React.useEffect(() => {
56
+ if (!api)
57
+ return;
58
+ // Embla's API only exists once mounted, so syncing the initial scroll
59
+ // state has to happen here — this is the same "subscribe to an external
60
+ // system, sync state in the callback" pattern as the `.on()` listeners
61
+ // right below, just invoked once upfront for the initial state.
62
+ // eslint-disable-next-line react-hooks/set-state-in-effect
63
+ onSelect(api);
64
+ api.on("reInit", onSelect);
65
+ api.on("select", onSelect);
66
+ return () => {
67
+ api.off("select", onSelect);
68
+ };
69
+ }, [api, onSelect]);
70
+ return (_jsx(CarouselContext, { value: {
71
+ carouselRef,
72
+ api: api,
73
+ opts,
74
+ orientation,
75
+ scrollPrev,
76
+ scrollNext,
77
+ canScrollPrev,
78
+ canScrollNext,
79
+ }, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
80
+ }
81
+ function CarouselContent({ className, ...props }) {
82
+ const { carouselRef, orientation } = useCarousel();
83
+ return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
84
+ }
85
+ function CarouselItem({ className, ...props }) {
86
+ const { orientation } = useCarousel();
87
+ return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
88
+ }
89
+ function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
90
+ const { orientation, scrollPrev, canScrollPrev } = useCarousel();
91
+ return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
92
+ ? "top-1/2 -left-12 -translate-y-1/2"
93
+ : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
94
+ }
95
+ function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
96
+ const { orientation, scrollNext, canScrollNext } = useCarousel();
97
+ return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
98
+ ? "top-1/2 -right-12 -translate-y-1/2"
99
+ : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
100
+ }
101
+ export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, };
@@ -0,0 +1,40 @@
1
+ import * as React from "react";
2
+ import * as RechartsPrimitive from "recharts";
3
+ declare const THEMES: {
4
+ readonly light: "";
5
+ readonly dark: ".dark";
6
+ };
7
+ export type ChartConfig = Record<string, {
8
+ label?: React.ReactNode;
9
+ icon?: React.ComponentType;
10
+ } & ({
11
+ color?: string;
12
+ theme?: never;
13
+ } | {
14
+ color?: never;
15
+ theme: Record<keyof typeof THEMES, string>;
16
+ })>;
17
+ declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
18
+ config: ChartConfig;
19
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
20
+ }): React.JSX.Element;
21
+ declare const ChartStyle: ({ id, config }: {
22
+ id: string;
23
+ config: ChartConfig;
24
+ }) => React.JSX.Element | null;
25
+ declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
26
+ declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: Omit<RechartsPrimitive.TooltipContentProps, "payload" | "active" | "coordinate" | "accessibilityLayer" | "activeIndex"> & Partial<Pick<RechartsPrimitive.TooltipContentProps, "payload" | "active" | "coordinate" | "accessibilityLayer" | "activeIndex">> & React.ComponentProps<"div"> & {
27
+ hideLabel?: boolean;
28
+ hideIndicator?: boolean;
29
+ indicator?: "line" | "dot" | "dashed";
30
+ nameKey?: string;
31
+ labelKey?: string;
32
+ color?: string;
33
+ }): React.JSX.Element | null;
34
+ declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
35
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.DefaultLegendContentProps, "payload" | "verticalAlign"> & {
36
+ hideIcon?: boolean;
37
+ nameKey?: string;
38
+ }): React.JSX.Element | null;
39
+ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };
40
+ //# sourceMappingURL=chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/components/chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,MAAM,CAC9B,MAAM,EACN;IACE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,GAAG,CACA;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAChE,CACF,CAAC;AAkBF,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAC5B,OAAO,iBAAiB,CAAC,mBAAmB,CAC7C,CAAC,UAAU,CAAC,CAAC;CACf,qBAyBA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,6BAmCtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,IAAI,CACL,iBAAiB,CAAC,mBAAmB,EACrC,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,oBAAoB,GAAG,aAAa,CAC3E,GAIC,OAAO,CACL,IAAI,CACF,iBAAiB,CAAC,mBAAmB,EACrC,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,oBAAoB,GAAG,aAAa,CAC3E,CACF,GACD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,4BAgIF;AAED,QAAA,MAAM,WAAW,sGAA2B,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,IAAI,CACF,iBAAiB,CAAC,yBAAyB,EAC3C,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,4BA0CF;AA6CD,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,GACpB,CAAC"}