@minidev.fun/ui 1.0.2 → 1.0.4

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 (247) hide show
  1. package/dist/accordion.d.ts +36 -0
  2. package/dist/alert-dialog.d.ts +114 -0
  3. package/dist/alert.d.ts +41 -0
  4. package/dist/aspect-ratio.d.ts +14 -0
  5. package/dist/avatar.d.ts +55 -0
  6. package/dist/{components/ui/badge.d.ts → badge.d.ts} +22 -16
  7. package/dist/breadcrumb.d.ts +54 -0
  8. package/dist/button-group.d.ts +45 -0
  9. package/dist/{components/ui/button.d.ts → button.d.ts} +46 -41
  10. package/dist/calendar.d.ts +68 -0
  11. package/dist/card.d.ts +45 -0
  12. package/dist/carousel.d.ts +116 -0
  13. package/dist/{components/ui/chart.d.ts → chart.d.ts} +85 -73
  14. package/dist/checkbox.d.ts +14 -0
  15. package/dist/collapsible.d.ts +28 -0
  16. package/dist/combobox.d.ts +113 -0
  17. package/dist/command.d.ts +90 -0
  18. package/dist/components/minidev.fun/undefined/index.d.ts +2 -0
  19. package/dist/components/ui/src/components/ui/accordion.d.ts +2 -0
  20. package/dist/components/ui/src/components/ui/alert-dialog.d.ts +2 -0
  21. package/dist/components/ui/src/components/ui/alert.d.ts +2 -0
  22. package/dist/components/ui/src/components/ui/aspect-ratio.d.ts +2 -0
  23. package/dist/components/ui/src/components/ui/avatar.d.ts +2 -0
  24. package/dist/components/ui/src/components/ui/badge.d.ts +2 -0
  25. package/dist/components/ui/src/components/ui/breadcrumb.d.ts +2 -0
  26. package/dist/components/ui/src/components/ui/button-group.d.ts +2 -0
  27. package/dist/components/ui/src/components/ui/button.d.ts +2 -0
  28. package/dist/components/ui/src/components/ui/calendar.d.ts +2 -0
  29. package/dist/components/ui/src/components/ui/card.d.ts +2 -0
  30. package/dist/components/ui/src/components/ui/carousel.d.ts +2 -0
  31. package/dist/components/ui/src/components/ui/chart.d.ts +2 -0
  32. package/dist/components/ui/src/components/ui/checkbox.d.ts +2 -0
  33. package/dist/components/ui/src/components/ui/collapsible.d.ts +2 -0
  34. package/dist/components/ui/src/components/ui/combobox.d.ts +2 -0
  35. package/dist/components/ui/src/components/ui/command.d.ts +2 -0
  36. package/dist/components/ui/src/components/ui/context-menu.d.ts +2 -0
  37. package/dist/components/ui/src/components/ui/dialog.d.ts +2 -0
  38. package/dist/components/ui/src/components/ui/drawer.d.ts +2 -0
  39. package/dist/components/ui/src/components/ui/dropdown-menu.d.ts +2 -0
  40. package/dist/components/ui/src/components/ui/empty.d.ts +2 -0
  41. package/dist/components/ui/src/components/ui/field.d.ts +2 -0
  42. package/dist/components/ui/src/components/ui/hover-card.d.ts +2 -0
  43. package/dist/components/ui/src/components/ui/input-group.d.ts +2 -0
  44. package/dist/components/ui/src/components/ui/input-otp.d.ts +2 -0
  45. package/dist/components/ui/src/components/ui/input.d.ts +2 -0
  46. package/dist/components/ui/src/components/ui/item.d.ts +2 -0
  47. package/dist/components/ui/src/components/ui/kbd.d.ts +2 -0
  48. package/dist/components/ui/src/components/ui/label.d.ts +2 -0
  49. package/dist/components/ui/src/components/ui/menubar.d.ts +2 -0
  50. package/dist/components/ui/src/components/ui/modal.d.ts +2 -0
  51. package/dist/components/ui/src/components/ui/navigation-menu.d.ts +2 -0
  52. package/dist/components/ui/src/components/ui/pagination.d.ts +2 -0
  53. package/dist/components/ui/src/components/ui/popover.d.ts +2 -0
  54. package/dist/components/ui/src/components/ui/progress.d.ts +2 -0
  55. package/dist/components/ui/src/components/ui/radio-group.d.ts +2 -0
  56. package/dist/components/ui/src/components/ui/resizable.d.ts +2 -0
  57. package/dist/components/ui/src/components/ui/scroll-area.d.ts +2 -0
  58. package/dist/components/ui/src/components/ui/select.d.ts +2 -0
  59. package/dist/components/ui/src/components/ui/separator.d.ts +2 -0
  60. package/dist/components/ui/src/components/ui/sheet.d.ts +2 -0
  61. package/dist/components/ui/src/components/ui/sidebar.d.ts +2 -0
  62. package/dist/components/ui/src/components/ui/skeleton.d.ts +2 -0
  63. package/dist/components/ui/src/components/ui/slider.d.ts +2 -0
  64. package/dist/components/ui/src/components/ui/sonner.d.ts +2 -0
  65. package/dist/components/ui/src/components/ui/spinner.d.ts +2 -0
  66. package/dist/components/ui/src/components/ui/switch.d.ts +2 -0
  67. package/dist/components/ui/src/components/ui/table.d.ts +2 -0
  68. package/dist/components/ui/src/components/ui/tabs.d.ts +2 -0
  69. package/dist/components/ui/src/components/ui/textarea.d.ts +2 -0
  70. package/dist/components/ui/src/components/ui/toast.d.ts +2 -0
  71. package/dist/components/ui/src/components/ui/toggle-group.d.ts +2 -0
  72. package/dist/components/ui/src/components/ui/toggle.d.ts +2 -0
  73. package/dist/components/ui/src/components/ui/tooltip.d.ts +2 -0
  74. package/dist/context-menu.d.ts +97 -0
  75. package/dist/dialog.d.ts +90 -0
  76. package/dist/drawer.d.ts +61 -0
  77. package/dist/dropdown-menu.d.ts +121 -0
  78. package/dist/empty.d.ts +56 -0
  79. package/dist/field.d.ts +109 -0
  80. package/dist/hooks/src/hooks/use-mobile.d.ts +2 -0
  81. package/dist/hover-card.d.ts +28 -0
  82. package/dist/index.d.ts +290 -0
  83. package/dist/input-group.d.ts +106 -0
  84. package/dist/input-otp.d.ts +43 -0
  85. package/dist/input.d.ts +14 -0
  86. package/dist/item.d.ts +101 -0
  87. package/dist/kbd.d.ts +19 -0
  88. package/dist/label.d.ts +12 -0
  89. package/dist/lib/utils.d.ts +2 -23
  90. package/dist/menubar.d.ts +205 -0
  91. package/dist/modal.d.ts +104 -0
  92. package/dist/navigation-menu.d.ts +66 -0
  93. package/dist/pagination.d.ts +99 -0
  94. package/dist/popover.d.ts +55 -0
  95. package/dist/progress.d.ts +41 -0
  96. package/dist/radio-group.d.ts +21 -0
  97. package/dist/{components/ui/resizable.d.ts → resizable.d.ts} +47 -38
  98. package/dist/{components/ui/scroll-area.d.ts → scroll-area.d.ts} +69 -64
  99. package/dist/select.d.ts +79 -0
  100. package/dist/separator.d.ts +12 -0
  101. package/dist/sheet.d.ts +68 -0
  102. package/dist/sidebar.d.ts +288 -0
  103. package/dist/skeleton.d.ts +11 -0
  104. package/dist/{components/ui/slider.d.ts → slider.d.ts} +24 -21
  105. package/dist/{components/ui/sonner.d.ts → sonner.d.ts} +27 -21
  106. package/dist/spinner.d.ts +11 -0
  107. package/dist/switch.d.ts +15 -0
  108. package/dist/table.d.ts +68 -0
  109. package/dist/tabs.d.ts +42 -0
  110. package/dist/{components/ui/textarea.d.ts → textarea.d.ts} +21 -18
  111. package/dist/toast.d.ts +15 -0
  112. package/dist/toggle-group.d.ts +36 -0
  113. package/dist/toggle.d.ts +19 -0
  114. package/dist/tooltip.d.ts +36 -0
  115. package/dist/{hooks/use-mobile.d.ts → use-mobile.d.ts} +19 -18
  116. package/dist/utils.d.ts +25 -0
  117. package/package.json +1 -1
  118. package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts +0 -46
  119. package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts.map +0 -1
  120. package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts +0 -106
  121. package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts.map +0 -1
  122. package/dist/components/minidev.fun/color-mode/index.d.ts +0 -4
  123. package/dist/components/minidev.fun/color-mode/index.d.ts.map +0 -1
  124. package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts +0 -91
  125. package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts.map +0 -1
  126. package/dist/components/minidev.fun/first-light/first-light-filters.d.ts +0 -27
  127. package/dist/components/minidev.fun/first-light/first-light-filters.d.ts.map +0 -1
  128. package/dist/components/minidev.fun/first-light/index.d.ts +0 -2
  129. package/dist/components/minidev.fun/first-light/index.d.ts.map +0 -1
  130. package/dist/components/minidev.fun/typography/blockquote.d.ts +0 -13
  131. package/dist/components/minidev.fun/typography/blockquote.d.ts.map +0 -1
  132. package/dist/components/minidev.fun/typography/code.d.ts +0 -13
  133. package/dist/components/minidev.fun/typography/code.d.ts.map +0 -1
  134. package/dist/components/minidev.fun/typography/index.d.ts +0 -6
  135. package/dist/components/minidev.fun/typography/index.d.ts.map +0 -1
  136. package/dist/components/minidev.fun/typography/list-item.d.ts +0 -27
  137. package/dist/components/minidev.fun/typography/list-item.d.ts.map +0 -1
  138. package/dist/components/minidev.fun/typography/text.d.ts +0 -44
  139. package/dist/components/minidev.fun/typography/text.d.ts.map +0 -1
  140. package/dist/components/minidev.fun/typography/title.d.ts +0 -22
  141. package/dist/components/minidev.fun/typography/title.d.ts.map +0 -1
  142. package/dist/components/ui/accordion.d.ts +0 -27
  143. package/dist/components/ui/accordion.d.ts.map +0 -1
  144. package/dist/components/ui/alert-dialog.d.ts +0 -47
  145. package/dist/components/ui/alert-dialog.d.ts.map +0 -1
  146. package/dist/components/ui/alert.d.ts +0 -30
  147. package/dist/components/ui/alert.d.ts.map +0 -1
  148. package/dist/components/ui/aspect-ratio.d.ts +0 -11
  149. package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
  150. package/dist/components/ui/avatar.d.ts +0 -42
  151. package/dist/components/ui/avatar.d.ts.map +0 -1
  152. package/dist/components/ui/badge.d.ts.map +0 -1
  153. package/dist/components/ui/breadcrumb.d.ts +0 -39
  154. package/dist/components/ui/breadcrumb.d.ts.map +0 -1
  155. package/dist/components/ui/button-group.d.ts +0 -26
  156. package/dist/components/ui/button-group.d.ts.map +0 -1
  157. package/dist/components/ui/button.d.ts.map +0 -1
  158. package/dist/components/ui/calendar.d.ts +0 -20
  159. package/dist/components/ui/calendar.d.ts.map +0 -1
  160. package/dist/components/ui/card.d.ts +0 -30
  161. package/dist/components/ui/card.d.ts.map +0 -1
  162. package/dist/components/ui/carousel.d.ts +0 -56
  163. package/dist/components/ui/carousel.d.ts.map +0 -1
  164. package/dist/components/ui/chart.d.ts.map +0 -1
  165. package/dist/components/ui/checkbox.d.ts +0 -11
  166. package/dist/components/ui/checkbox.d.ts.map +0 -1
  167. package/dist/components/ui/collapsible.d.ts +0 -21
  168. package/dist/components/ui/collapsible.d.ts.map +0 -1
  169. package/dist/components/ui/combobox.d.ts +0 -80
  170. package/dist/components/ui/combobox.d.ts.map +0 -1
  171. package/dist/components/ui/command.d.ts +0 -63
  172. package/dist/components/ui/command.d.ts.map +0 -1
  173. package/dist/components/ui/context-menu.d.ts +0 -64
  174. package/dist/components/ui/context-menu.d.ts.map +0 -1
  175. package/dist/components/ui/dialog.d.ts +0 -69
  176. package/dist/components/ui/dialog.d.ts.map +0 -1
  177. package/dist/components/ui/drawer.d.ts +0 -40
  178. package/dist/components/ui/drawer.d.ts.map +0 -1
  179. package/dist/components/ui/dropdown-menu.d.ts +0 -88
  180. package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
  181. package/dist/components/ui/empty.d.ts +0 -41
  182. package/dist/components/ui/empty.d.ts.map +0 -1
  183. package/dist/components/ui/field.d.ts +0 -78
  184. package/dist/components/ui/field.d.ts.map +0 -1
  185. package/dist/components/ui/hover-card.d.ts +0 -21
  186. package/dist/components/ui/hover-card.d.ts.map +0 -1
  187. package/dist/components/ui/input-group.d.ts +0 -50
  188. package/dist/components/ui/input-group.d.ts.map +0 -1
  189. package/dist/components/ui/input-otp.d.ts +0 -34
  190. package/dist/components/ui/input-otp.d.ts.map +0 -1
  191. package/dist/components/ui/input.d.ts +0 -11
  192. package/dist/components/ui/input.d.ts.map +0 -1
  193. package/dist/components/ui/item.d.ts +0 -69
  194. package/dist/components/ui/item.d.ts.map +0 -1
  195. package/dist/components/ui/kbd.d.ts +0 -14
  196. package/dist/components/ui/kbd.d.ts.map +0 -1
  197. package/dist/components/ui/label.d.ts +0 -9
  198. package/dist/components/ui/label.d.ts.map +0 -1
  199. package/dist/components/ui/menubar.d.ts +0 -87
  200. package/dist/components/ui/menubar.d.ts.map +0 -1
  201. package/dist/components/ui/modal.d.ts +0 -41
  202. package/dist/components/ui/modal.d.ts.map +0 -1
  203. package/dist/components/ui/navigation-menu.d.ts +0 -52
  204. package/dist/components/ui/navigation-menu.d.ts.map +0 -1
  205. package/dist/components/ui/pagination.d.ts +0 -42
  206. package/dist/components/ui/pagination.d.ts.map +0 -1
  207. package/dist/components/ui/popover.d.ts +0 -42
  208. package/dist/components/ui/popover.d.ts.map +0 -1
  209. package/dist/components/ui/progress.d.ts +0 -30
  210. package/dist/components/ui/progress.d.ts.map +0 -1
  211. package/dist/components/ui/radio-group.d.ts +0 -16
  212. package/dist/components/ui/radio-group.d.ts.map +0 -1
  213. package/dist/components/ui/resizable.d.ts.map +0 -1
  214. package/dist/components/ui/scroll-area.d.ts.map +0 -1
  215. package/dist/components/ui/select.d.ts +0 -58
  216. package/dist/components/ui/select.d.ts.map +0 -1
  217. package/dist/components/ui/separator.d.ts +0 -9
  218. package/dist/components/ui/separator.d.ts.map +0 -1
  219. package/dist/components/ui/sheet.d.ts +0 -51
  220. package/dist/components/ui/sheet.d.ts.map +0 -1
  221. package/dist/components/ui/sidebar.d.ts +0 -172
  222. package/dist/components/ui/sidebar.d.ts.map +0 -1
  223. package/dist/components/ui/skeleton.d.ts +0 -8
  224. package/dist/components/ui/skeleton.d.ts.map +0 -1
  225. package/dist/components/ui/slider.d.ts.map +0 -1
  226. package/dist/components/ui/sonner.d.ts.map +0 -1
  227. package/dist/components/ui/spinner.d.ts +0 -8
  228. package/dist/components/ui/spinner.d.ts.map +0 -1
  229. package/dist/components/ui/switch.d.ts +0 -12
  230. package/dist/components/ui/switch.d.ts.map +0 -1
  231. package/dist/components/ui/table.d.ts +0 -51
  232. package/dist/components/ui/table.d.ts.map +0 -1
  233. package/dist/components/ui/tabs.d.ts +0 -31
  234. package/dist/components/ui/tabs.d.ts.map +0 -1
  235. package/dist/components/ui/textarea.d.ts.map +0 -1
  236. package/dist/components/ui/toast.d.ts +0 -11
  237. package/dist/components/ui/toast.d.ts.map +0 -1
  238. package/dist/components/ui/toggle-group.d.ts +0 -26
  239. package/dist/components/ui/toggle-group.d.ts.map +0 -1
  240. package/dist/components/ui/toggle.d.ts +0 -14
  241. package/dist/components/ui/toggle.d.ts.map +0 -1
  242. package/dist/components/ui/tooltip.d.ts +0 -27
  243. package/dist/components/ui/tooltip.d.ts.map +0 -1
  244. package/dist/hooks/use-mobile.d.ts.map +0 -1
  245. package/dist/lib/utils.d.ts.map +0 -1
  246. package/dist/lib/variants.d.ts +0 -107
  247. package/dist/lib/variants.d.ts.map +0 -1
@@ -0,0 +1,36 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
3
+
4
+ /**
5
+ * Tooltip root component. Displays contextual information on hover or focus.
6
+ * Automatically wraps in TooltipProvider for convenience.
7
+ */
8
+ export declare function Tooltip({ ...props }: TooltipProps): JSX.Element;
9
+
10
+ /**
11
+ * Tooltip content popup with automatic portal, positioning, and arrow.
12
+ * Includes smooth animations and collision detection.
13
+ */
14
+ export declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipContentProps): JSX.Element;
15
+
16
+ export declare type TooltipContentProps = Tooltip_2.Popup.Props & Pick<Tooltip_2.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
17
+
18
+ export declare type TooltipProps = Tooltip_2.Root.Props;
19
+
20
+ /**
21
+ * Tooltip provider with configurable delay.
22
+ * Manages shared tooltip state across nested tooltips.
23
+ */
24
+ export declare function TooltipProvider({ delay, ...props }: TooltipProviderProps): JSX.Element;
25
+
26
+ export declare type TooltipProviderProps = Tooltip_2.Provider.Props;
27
+
28
+ /**
29
+ * Trigger element that shows the tooltip on hover or focus.
30
+ * Use `render` prop to customize with any focusable element.
31
+ */
32
+ export declare function TooltipTrigger({ ...props }: TooltipTriggerProps): JSX.Element;
33
+
34
+ export declare type TooltipTriggerProps = Tooltip_2.Trigger.Props;
35
+
36
+ export { }
@@ -1,18 +1,19 @@
1
- /**
2
- * Detects mobile viewport using matchMedia.
3
- * Returns `false` during SSR/hydration, then updates reactively on resize.
4
- *
5
- * @returns `true` when viewport width < 768px, `false` otherwise
6
- *
7
- * @example
8
- * ```tsx
9
- * import { useIsMobile } from "@minidev.fun/ui/hooks/use-mobile"
10
- *
11
- * function ResponsiveLayout() {
12
- * const isMobile = useIsMobile()
13
- * return isMobile ? <MobileNav /> : <DesktopNav />
14
- * }
15
- * ```
16
- */
17
- export declare function useIsMobile(): boolean;
18
- //# sourceMappingURL=use-mobile.d.ts.map
1
+ /**
2
+ * Detects mobile viewport using matchMedia.
3
+ * Returns `false` during SSR/hydration, then updates reactively on resize.
4
+ *
5
+ * @returns `true` when viewport width < 768px, `false` otherwise
6
+ *
7
+ * @example
8
+ * ```tsx
9
+ * import { useIsMobile } from "@minidev.fun/ui/hooks/use-mobile"
10
+ *
11
+ * function ResponsiveLayout() {
12
+ * const isMobile = useIsMobile()
13
+ * return isMobile ? <MobileNav /> : <DesktopNav />
14
+ * }
15
+ * ```
16
+ */
17
+ export declare function useIsMobile(): boolean;
18
+
19
+ export { }
@@ -0,0 +1,25 @@
1
+ import { ClassValue } from 'clsx';
2
+
3
+ /**
4
+ * Merges class names with Tailwind CSS conflict resolution.
5
+ * Combines `clsx` (conditional classes) + `tailwind-merge` (deduplication).
6
+ *
7
+ * @param inputs - Class values: strings, arrays, objects, or conditionals
8
+ * @returns Merged and deduplicated class string
9
+ *
10
+ * @example
11
+ * ```tsx
12
+ * // Conditional classes
13
+ * cn("px-4 py-2", isActive && "bg-primary", className)
14
+ *
15
+ * // Tailwind conflict resolution (last wins)
16
+ * cn("text-red-500", "text-blue-500") // → "text-blue-500"
17
+ * cn("px-4 py-2", "px-8") // → "px-8 py-2"
18
+ *
19
+ * // Objects and arrays
20
+ * cn({ "opacity-50": disabled }, ["flex", "items-center"])
21
+ * ```
22
+ */
23
+ export declare function cn(...inputs: ClassValue[]): string;
24
+
25
+ export { }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@minidev.fun/ui",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "license": "MIT",
5
5
  "author": "Tokenfi Inc.",
6
6
  "description": "AI-first React component library for coding agents. LLM-optimized docs, sensible defaults, zero config. Built on shadcn patterns, Base UI, and Tailwind CSS v4.",
@@ -1,46 +0,0 @@
1
- /**
2
- * ColorModeInitializer - Prevents flash of unstyled content (FOUC) during color mode initialization
3
- *
4
- * A React component that injects the color mode initialization script into the page.
5
- * Use this in SSR frameworks like Next.js where React controls the document.
6
- *
7
- * **For Vite/static HTML apps:** This component won't prevent FOUC because React
8
- * renders after first paint. Instead, copy the initialization script directly into
9
- * your `index.html` `<head>`. See the Vite integration guide for the full script.
10
- *
11
- * @component
12
- * @example Next.js App Router
13
- * ```tsx
14
- * // app/layout.tsx
15
- * import { ColorModeInitializer } from "@minidev.fun/ui/color-mode";
16
- *
17
- * export default function RootLayout({ children }) {
18
- * return (
19
- * <html lang="en" suppressHydrationWarning>
20
- * <head>
21
- * <ColorModeInitializer />
22
- * </head>
23
- * <body>{children}</body>
24
- * </html>
25
- * );
26
- * }
27
- * ```
28
- *
29
- * @example Vite - copy script to index.html instead
30
- * ```html
31
- * <!-- See docs/integrations/vite.md for the full script to copy -->
32
- * <head>
33
- * <script>
34
- * (function() {
35
- * // ... color mode initialization script
36
- * })();
37
- * </script>
38
- * </head>
39
- * ```
40
- *
41
- * @see {@link useColorMode} - Hook for runtime color mode management
42
- * @see {@link ColorModeToggle} - UI component for user color mode switching
43
- * @since 1.0.0
44
- */
45
- export declare function ColorModeInitializer(): import("react/jsx-runtime").JSX.Element;
46
- //# sourceMappingURL=color-mode-initializer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-mode-initializer.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/color-mode/color-mode-initializer.tsx"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,oBAAoB,4CAGnC"}
@@ -1,106 +0,0 @@
1
- import { Button } from '../../ui/button';
2
- type ColorModeToggleSize = "xs" | "sm" | "default" | "lg";
3
- type ColorModeToggleProps = {
4
- /**
5
- * Button size - when showLabel is false, renders as a square icon button
6
- * @default "default"
7
- */
8
- size?: ColorModeToggleSize;
9
- /**
10
- * Whether to show the current color mode name as text next to the icon
11
- * @default false
12
- */
13
- showLabel?: boolean;
14
- /**
15
- * Alignment of the dropdown menu relative to the trigger button
16
- * @default "end"
17
- */
18
- align?: "start" | "center" | "end";
19
- } & Omit<React.ComponentProps<typeof Button>, "size">;
20
- /**
21
- * ColorModeToggle - A zero-configuration color mode switcher with system, light, and dark modes
22
- *
23
- * A completely self-contained color mode toggle component that provides an intuitive dropdown
24
- * interface for switching between system preference, light mode, and dark mode. Works
25
- * immediately without any provider setup, context configuration, or additional dependencies.
26
- *
27
- * Built on top of Base UI components (Button + DropdownMenu) with the Minidev useColorMode
28
- * hook for state management. Handles color mode persistence via cookies, system preference
29
- * detection, real-time system changes, and synchronization across multiple instances.
30
- *
31
- * **Zero Configuration Design:**
32
- * Just import and use - no providers, no setup, no configuration required. The component
33
- * handles all color mode management internally and provides a complete solution out of the box.
34
- *
35
- * @example Basic usage (most common - icon button)
36
- * ```tsx
37
- * import { ColorModeToggle } from "@minidev.fun/ui/color-mode";
38
- *
39
- * // Just drop it in! Works immediately with zero setup
40
- * function Header() {
41
- * return (
42
- * <header className="flex items-center justify-between p-4">
43
- * <Logo />
44
- * <ColorModeToggle />
45
- * </header>
46
- * );
47
- * }
48
- * ```
49
- *
50
- * @example With text labels for better UX
51
- * ```tsx
52
- * // Show current color mode name next to icon
53
- * <ColorModeToggle size="default" showLabel />
54
- *
55
- * // In a settings panel
56
- * <div className="space-y-4">
57
- * <h3>Appearance</h3>
58
- * <div className="flex items-center justify-between">
59
- * <span>Color Mode</span>
60
- * <ColorModeToggle size="sm" showLabel />
61
- * </div>
62
- * </div>
63
- * ```
64
- *
65
- * @example Different visual variants
66
- * ```tsx
67
- * // Ghost button for minimalist toolbars
68
- * <ColorModeToggle variant="ghost" />
69
- *
70
- * // Secondary style for subtle integration
71
- * <ColorModeToggle variant="secondary" size="sm" />
72
- *
73
- * // Outline style (default) for clear boundaries
74
- * <ColorModeToggle variant="outline" size="lg" />
75
- * ```
76
- *
77
- * @param variant - Visual style variant inherited from Button component (default: "outline")
78
- * @param size - Button size: xs, sm, default, lg. Renders as icon button when showLabel is false (default: "default")
79
- * @param className - Additional CSS classes for custom styling
80
- * @param showLabel - Whether to show color mode name text. When false, renders as square icon button (default: false)
81
- * @param align - Dropdown menu alignment relative to trigger button (default: "end")
82
- *
83
- * @features
84
- * - **Zero Configuration**: Import and use immediately - no setup required
85
- * - **System Detection**: Automatically follows OS dark/light preference changes
86
- * - **Perfect Persistence**: Color mode choice saved via cookies for SSR compatibility
87
- * - **Multi-Instance Sync**: Multiple toggles stay perfectly synchronized
88
- * - **Real-Time Updates**: Responds to system color mode changes while app is running
89
- * - **Smooth Transitions**: CSS-based mode switching with no flash of wrong content
90
- * - **Accessibility First**: Full keyboard navigation and screen reader support
91
- * - **Touch Optimized**: Works perfectly on mobile and tablet devices
92
- * - **Framework Agnostic**: Works with Next.js, Vite, Create React App, etc.
93
- *
94
- * @accessibility
95
- * - **Keyboard Navigation**: Full support for Enter, Space, and Arrow keys
96
- * - **Screen Reader Support**: Proper ARIA labels and role announcements
97
- * - **Focus Management**: Visible focus indicators meeting WCAG 2.1 AA standards
98
- * - **State Communication**: Current selection clearly indicated with checkmarks
99
- *
100
- * @see {@link useColorMode} - The underlying color mode management hook with event-driven architecture
101
- * @see {@link ColorModeScript} - Component for FOUC prevention (required in root layout)
102
- * @since 1.0.0
103
- */
104
- declare function ColorModeToggle({ variant, size, className, showLabel, align, ...props }: ColorModeToggleProps): import("react/jsx-runtime").JSX.Element;
105
- export { ColorModeToggle, type ColorModeToggleProps, type ColorModeToggleSize };
106
- //# sourceMappingURL=color-mode-toggle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-mode-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/color-mode/color-mode-toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAkChD,KAAK,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE1D,KAAK,oBAAoB,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,iBAAS,eAAe,CAAC,EACvB,OAAmB,EACnB,IAAgB,EAChB,SAAS,EACT,SAAiB,EACjB,KAAa,EACb,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA+DtB;AAED,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,CAAC"}
@@ -1,4 +0,0 @@
1
- export { ColorModeInitializer } from './color-mode-initializer';
2
- export { ColorModeToggle } from './color-mode-toggle';
3
- export { useColorMode, type ColorModePreference } from './use-color-mode';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/color-mode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,91 +0,0 @@
1
- /**
2
- * Color mode preference options for the color mode system
3
- *
4
- * Controls how the application determines the active color mode:
5
- * - `"system"` - Automatically follows the user's OS preference
6
- * - `"light"` - Forces light mode regardless of system preference
7
- * - `"dark"` - Forces dark mode regardless of system preference
8
- *
9
- * @example
10
- * ```tsx
11
- * const { preference, setPreference } = useColorMode();
12
- *
13
- * // Switch to dark mode
14
- * setPreference("dark");
15
- *
16
- * // Follow system preference
17
- * setPreference("system");
18
- * ```
19
- *
20
- * @since 1.0.0
21
- */
22
- export type ColorModePreference = "system" | "light" | "dark";
23
- /**
24
- * Hook for managing application color mode with automatic system preference detection
25
- *
26
- * A complete color mode management solution that handles persistence, system preference
27
- * detection, and DOM manipulation without requiring any context providers. Designed
28
- * for applications that need simple light/dark mode switching with optional system
29
- * preference following.
30
- *
31
- * This hook works in conjunction with the {@link ColorModeScript} component to provide
32
- * a complete color mode solution with FOUC prevention and perfect synchronization
33
- * across multiple instances.
34
- *
35
- * Features:
36
- * - **Perfect synchronization**: Multiple hook instances stay in sync via custom events
37
- * - **Automatic persistence**: Color mode preference saved to cookies across sessions
38
- * - **System preference detection**: Automatically follows OS dark/light mode when set to "system"
39
- * - **Live system updates**: Responds to system color mode changes in real-time
40
- * - **SSR compatible**: Works safely during server-side rendering
41
- * - **Type safe**: Full TypeScript support with proper type definitions
42
- * - **No provider required**: Self-contained hook that works out of the box
43
- *
44
- * @example Basic color mode switching
45
- * ```tsx
46
- * function ColorModeToggle() {
47
- * const { preference, mode, setPreference } = useColorMode();
48
- *
49
- * const toggleMode = () => {
50
- * setPreference(mode === "dark" ? "light" : "dark");
51
- * };
52
- *
53
- * return (
54
- * <button onClick={toggleMode}>
55
- * Switch to {mode === "dark" ? "light" : "dark"} mode
56
- * </button>
57
- * );
58
- * }
59
- * ```
60
- *
61
- * @example Color mode selector dropdown
62
- * ```tsx
63
- * function ColorModeSelector() {
64
- * const { preference, setPreference } = useColorMode();
65
- *
66
- * return (
67
- * <select value={preference} onChange={(e) => setPreference(e.target.value as ColorModePreference)}>
68
- * <option value="system">Follow system</option>
69
- * <option value="light">Light mode</option>
70
- * <option value="dark">Dark mode</option>
71
- * </select>
72
- * );
73
- * }
74
- * ```
75
- *
76
- * @returns Object containing current color mode state and setter function
77
- * @returns returns.preference - The user's selected color mode preference
78
- * @returns returns.mode - The actual color mode currently applied (always "light" or "dark")
79
- * @returns returns.setPreference - Function to change the color mode preference
80
- *
81
- * @see {@link ColorModePreference} - Available color mode preference options
82
- * @see {@link ColorModeScript} - Component for FOUC prevention
83
- * @see {@link ColorModeToggle} - UI component for color mode switching
84
- * @since 1.0.0
85
- */
86
- export declare function useColorMode(): {
87
- preference: ColorModePreference;
88
- mode: "dark" | "light";
89
- setPreference: (newPreference: ColorModePreference) => void;
90
- };
91
- //# sourceMappingURL=use-color-mode.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-color-mode.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/color-mode/use-color-mode.ts"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAuJ9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,wBAAgB,YAAY;;;mCAWY,mBAAmB;EAyC1D"}
@@ -1,27 +0,0 @@
1
- /**
2
- * FirstLightFilters - SVG filter definitions for hand-drawn/sketch effects
3
- *
4
- * This component must be rendered once in your app (typically in your root layout)
5
- * when using the First Light theme. It provides the SVG filters that create the
6
- * hand-drawn wobble effect on components.
7
- *
8
- * @example
9
- * ```tsx
10
- * // app/layout.tsx
11
- * import "@minidev.fun/ui/themes/first-light";
12
- * import { FirstLightFilters } from "@minidev.fun/ui/first-light";
13
- *
14
- * export default function Layout({ children }) {
15
- * return (
16
- * <html>
17
- * <body>
18
- * <FirstLightFilters />
19
- * {children}
20
- * </body>
21
- * </html>
22
- * );
23
- * }
24
- * ```
25
- */
26
- export declare function FirstLightFilters(): import("react/jsx-runtime").JSX.Element;
27
- //# sourceMappingURL=first-light-filters.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"first-light-filters.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/first-light/first-light-filters.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,iBAAiB,4CAkFhC"}
@@ -1,2 +0,0 @@
1
- export { FirstLightFilters } from './first-light-filters';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/first-light/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -1,13 +0,0 @@
1
- import { TypographyColor } from '../../../lib/variants';
2
- import * as React from "react";
3
- type BlockquoteColor = Extract<TypographyColor, "default" | "muted" | "subtle">;
4
- interface BlockquoteProps extends React.HTMLAttributes<HTMLQuoteElement> {
5
- /** Text color (limited to neutral colors for semantic appropriateness) */
6
- color?: BlockquoteColor;
7
- }
8
- /**
9
- * Blockquote component for quoted content with a left border accent.
10
- */
11
- declare function Blockquote({ color, className, children, ...props }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;
12
- export { Blockquote, type BlockquoteProps, type BlockquoteColor };
13
- //# sourceMappingURL=blockquote.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/typography/blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE/E,KAAK,eAAe,GAAG,OAAO,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAEhF,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACtE,0EAA0E;IAC1E,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;GAEG;AACH,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAc5E;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,CAAC"}
@@ -1,13 +0,0 @@
1
- import { TypographyColor } from '../../../lib/variants';
2
- import * as React from "react";
3
- interface CodeProps extends React.HTMLAttributes<HTMLElement> {
4
- /** Text color */
5
- color?: TypographyColor;
6
- }
7
- /**
8
- * Inline code component with monospace font and subtle background.
9
- * For code blocks, use a dedicated syntax highlighting solution.
10
- */
11
- declare function Code({ color, className, children, ...props }: CodeProps): import("react/jsx-runtime").JSX.Element;
12
- export { Code, type CodeProps };
13
- //# sourceMappingURL=code.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/typography/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE/E,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3D,iBAAiB;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,iBAAS,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAchE;AAED,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}
@@ -1,6 +0,0 @@
1
- export { Title, type TitleProps } from './title';
2
- export { Text, Caption, Overline, type TextProps, type TextSize, type TextWeight, type TextAlign, type TextTransform, type TextWrap, type LineClamp, } from './text';
3
- export { Code, type CodeProps } from './code';
4
- export { Blockquote, type BlockquoteProps, type BlockquoteColor, } from './blockquote';
5
- export { ListItem, type ListItemProps, type ListItemColor, } from './list-item';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,SAAS,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC"}
@@ -1,27 +0,0 @@
1
- import { TypographyColor } from '../../../lib/variants';
2
- import * as React from "react";
3
- type ListVariant = "unordered" | "ordered";
4
- type UnorderedMarker = "disc" | "circle" | "square" | "none";
5
- type OrderedMarker = "decimal" | "lower-alpha" | "upper-alpha" | "lower-roman" | "upper-roman";
6
- type ListMarker = UnorderedMarker | OrderedMarker;
7
- interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListElement> {
8
- /** Ordered or unordered list */
9
- variant?: ListVariant;
10
- /** Marker style (bullets / numbering) */
11
- marker?: ListMarker;
12
- }
13
- /**
14
- * List component supporting ordered and unordered lists with marker variants.
15
- */
16
- declare function List({ variant, marker, className, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
17
- type ListItemColor = Extract<TypographyColor, "default" | "muted" | "subtle">;
18
- interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
19
- /** Text color (limited to neutral colors for semantic appropriateness) */
20
- color?: ListItemColor;
21
- }
22
- /**
23
- * ListItem component for styled list content.
24
- */
25
- declare function ListItem({ color, className, children, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
26
- export { List, ListItem, type ListProps, type ListVariant, type ListMarker, type ListItemProps, type ListItemColor, };
27
- //# sourceMappingURL=list-item.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/typography/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE/E,KAAK,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAE3C,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7D,KAAK,aAAa,GACd,SAAS,GACT,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,CAAC;AAElB,KAAK,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC;AAElD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAC9C,gBAAgB,GAAG,gBAAgB,CACpC;IACC,gCAAgC;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,yCAAyC;IACzC,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED;;GAEG;AACH,iBAAS,IAAI,CAAC,EACZ,OAAqB,EACrB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAqCX;AAED,KAAK,aAAa,GAAG,OAAO,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAE9E,UAAU,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACnE,0EAA0E;IAC1E,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;GAEG;AACH,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAUxE;AAED,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,aAAa,GACnB,CAAC"}
@@ -1,44 +0,0 @@
1
- import { TypographyColor } from '../../../lib/variants';
2
- import * as React from "react";
3
- type TextSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
4
- type TextWeight = "normal" | "medium" | "semibold" | "bold";
5
- type TextAlign = "left" | "center" | "right";
6
- type TextTransform = "uppercase" | "lowercase" | "capitalize";
7
- type TextWrap = "pretty" | "balance";
8
- type LineClamp = 1 | 2 | 3 | 4 | 5 | 6;
9
- type TextProps = React.HTMLAttributes<HTMLParagraphElement> & {
10
- /** Text size - uses Tailwind scale. Default: "base" */
11
- size?: TextSize;
12
- /** Font weight */
13
- weight?: TextWeight;
14
- /** Text color */
15
- color?: TypographyColor;
16
- /** Text alignment */
17
- align?: TextAlign;
18
- /** Text transform */
19
- transform?: TextTransform;
20
- /** Text wrapping: "pretty" avoids orphans, "balance" equalizes line lengths */
21
- wrap?: TextWrap;
22
- /** Truncate text after N lines with ellipsis (uses Tailwind line-clamp-*) */
23
- lineClamp?: LineClamp;
24
- /** Change rendered element (simple polymorphism) */
25
- as?: React.ElementType;
26
- /** Change rendered element (advanced - takes precedence over `as`) */
27
- render?: React.ReactElement<{
28
- className?: string;
29
- children?: React.ReactNode;
30
- }>;
31
- };
32
- declare function Text({ size, weight, color, align, transform, wrap, lineClamp, as, render, className, children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
33
- /**
34
- * Caption - convenience alias for small, muted text.
35
- * Ideal for metadata, timestamps, and secondary information.
36
- */
37
- declare function Caption(props: TextProps): import("react/jsx-runtime").JSX.Element;
38
- /**
39
- * Overline - convenience alias for uppercase label text.
40
- * Ideal for category labels and section headers.
41
- */
42
- declare function Overline(props: TextProps): import("react/jsx-runtime").JSX.Element;
43
- export { Text, Caption, Overline, type TextProps, type TextSize, type TextWeight, type TextAlign, type TextTransform, type TextWrap, type LineClamp, };
44
- //# sourceMappingURL=text.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/typography/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAC3D,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5D,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC7C,KAAK,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAC9D,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AACrC,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvC,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAC5D,uDAAuD;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,qBAAqB;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oDAAoD;IACpD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC,CAAC;CACJ,CAAC;AAgBF,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CA0BX;AAED;;;GAGG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,SAAS,2CAEhC;AAED;;;GAGG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,SAAS,2CAEjC;AAED,OAAO,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,SAAS,GACf,CAAC"}
@@ -1,22 +0,0 @@
1
- import { TitleOrder, TitleSize, TitleWeight, TypographyColor } from '../../../lib/variants';
2
- import * as React from "react";
3
- type TitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
4
- /** Semantic heading level - renders h1-h6. Default: 2 */
5
- order?: TitleOrder;
6
- /** Visual size override - independent of order. If not set, uses order's default sizing. */
7
- size?: TitleSize;
8
- /** Font weight override */
9
- weight?: TitleWeight;
10
- /** Text color */
11
- color?: TypographyColor;
12
- /** Change rendered element (simple polymorphism) */
13
- as?: React.ElementType;
14
- /** Change rendered element (advanced - takes precedence over `as`) */
15
- render?: React.ReactElement<{
16
- className?: string;
17
- children?: React.ReactNode;
18
- }>;
19
- };
20
- declare function Title({ order, size, weight, color, as, render, className, children, ...props }: TitleProps): import("react/jsx-runtime").JSX.Element;
21
- export { Title, type TitleProps };
22
- //# sourceMappingURL=title.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../../src/components/minidev.fun/typography/title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAC3D,yDAAyD;IACzD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,oDAAoD;IACpD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC,CAAC;CACJ,CAAC;AAcF,iBAAS,KAAK,CAAC,EACb,KAAS,EACT,IAAI,EACJ,MAAM,EACN,KAAK,EACL,EAAE,EACF,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CA6BZ;AAED,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
@@ -1,27 +0,0 @@
1
- import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
2
- /**
3
- * Root container for accordion items. Manages expand/collapse state and keyboard navigation.
4
- * Supports single or multiple open items simultaneously.
5
- */
6
- declare function Accordion({ className, ...props }: AccordionPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Container for a single accordion item. Groups trigger and content panel.
9
- * Each item must have a unique `value` prop.
10
- */
11
- declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
12
- /**
13
- * Button that toggles the accordion item open/closed.
14
- * Automatically includes chevron icons that flip based on open state.
15
- */
16
- declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
17
- /**
18
- * Collapsible panel containing the accordion item's content.
19
- * Automatically animates height on open/close with slide animation.
20
- */
21
- declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
22
- type AccordionProps = AccordionPrimitive.Root.Props;
23
- type AccordionItemProps = AccordionPrimitive.Item.Props;
24
- type AccordionTriggerProps = AccordionPrimitive.Trigger.Props;
25
- type AccordionContentProps = AccordionPrimitive.Panel.Props;
26
- export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionContentProps, };
27
- //# sourceMappingURL=accordion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK3E;;;GAGG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,2CAQxE;AAED;;;GAGG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,2CAQ5E;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,2CAuBlC;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,KAAK,2CAiBhC;AAED,KAAK,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACpD,KAAK,kBAAkB,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AACxD,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC;AAC9D,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC;AAE5D,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,CAAC"}