@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.
- package/dist/accordion.d.ts +36 -0
- package/dist/alert-dialog.d.ts +114 -0
- package/dist/alert.d.ts +41 -0
- package/dist/aspect-ratio.d.ts +14 -0
- package/dist/avatar.d.ts +55 -0
- package/dist/{components/ui/badge.d.ts → badge.d.ts} +22 -16
- package/dist/breadcrumb.d.ts +54 -0
- package/dist/button-group.d.ts +45 -0
- package/dist/{components/ui/button.d.ts → button.d.ts} +46 -41
- package/dist/calendar.d.ts +68 -0
- package/dist/card.d.ts +45 -0
- package/dist/carousel.d.ts +116 -0
- package/dist/{components/ui/chart.d.ts → chart.d.ts} +85 -73
- package/dist/checkbox.d.ts +14 -0
- package/dist/collapsible.d.ts +28 -0
- package/dist/combobox.d.ts +113 -0
- package/dist/command.d.ts +90 -0
- package/dist/components/minidev.fun/undefined/index.d.ts +2 -0
- package/dist/components/ui/src/components/ui/accordion.d.ts +2 -0
- package/dist/components/ui/src/components/ui/alert-dialog.d.ts +2 -0
- package/dist/components/ui/src/components/ui/alert.d.ts +2 -0
- package/dist/components/ui/src/components/ui/aspect-ratio.d.ts +2 -0
- package/dist/components/ui/src/components/ui/avatar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/badge.d.ts +2 -0
- package/dist/components/ui/src/components/ui/breadcrumb.d.ts +2 -0
- package/dist/components/ui/src/components/ui/button-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/button.d.ts +2 -0
- package/dist/components/ui/src/components/ui/calendar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/card.d.ts +2 -0
- package/dist/components/ui/src/components/ui/carousel.d.ts +2 -0
- package/dist/components/ui/src/components/ui/chart.d.ts +2 -0
- package/dist/components/ui/src/components/ui/checkbox.d.ts +2 -0
- package/dist/components/ui/src/components/ui/collapsible.d.ts +2 -0
- package/dist/components/ui/src/components/ui/combobox.d.ts +2 -0
- package/dist/components/ui/src/components/ui/command.d.ts +2 -0
- package/dist/components/ui/src/components/ui/context-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/dialog.d.ts +2 -0
- package/dist/components/ui/src/components/ui/drawer.d.ts +2 -0
- package/dist/components/ui/src/components/ui/dropdown-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/empty.d.ts +2 -0
- package/dist/components/ui/src/components/ui/field.d.ts +2 -0
- package/dist/components/ui/src/components/ui/hover-card.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input-otp.d.ts +2 -0
- package/dist/components/ui/src/components/ui/input.d.ts +2 -0
- package/dist/components/ui/src/components/ui/item.d.ts +2 -0
- package/dist/components/ui/src/components/ui/kbd.d.ts +2 -0
- package/dist/components/ui/src/components/ui/label.d.ts +2 -0
- package/dist/components/ui/src/components/ui/menubar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/modal.d.ts +2 -0
- package/dist/components/ui/src/components/ui/navigation-menu.d.ts +2 -0
- package/dist/components/ui/src/components/ui/pagination.d.ts +2 -0
- package/dist/components/ui/src/components/ui/popover.d.ts +2 -0
- package/dist/components/ui/src/components/ui/progress.d.ts +2 -0
- package/dist/components/ui/src/components/ui/radio-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/resizable.d.ts +2 -0
- package/dist/components/ui/src/components/ui/scroll-area.d.ts +2 -0
- package/dist/components/ui/src/components/ui/select.d.ts +2 -0
- package/dist/components/ui/src/components/ui/separator.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sheet.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sidebar.d.ts +2 -0
- package/dist/components/ui/src/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/src/components/ui/slider.d.ts +2 -0
- package/dist/components/ui/src/components/ui/sonner.d.ts +2 -0
- package/dist/components/ui/src/components/ui/spinner.d.ts +2 -0
- package/dist/components/ui/src/components/ui/switch.d.ts +2 -0
- package/dist/components/ui/src/components/ui/table.d.ts +2 -0
- package/dist/components/ui/src/components/ui/tabs.d.ts +2 -0
- package/dist/components/ui/src/components/ui/textarea.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toast.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toggle-group.d.ts +2 -0
- package/dist/components/ui/src/components/ui/toggle.d.ts +2 -0
- package/dist/components/ui/src/components/ui/tooltip.d.ts +2 -0
- package/dist/context-menu.d.ts +97 -0
- package/dist/dialog.d.ts +90 -0
- package/dist/drawer.d.ts +61 -0
- package/dist/dropdown-menu.d.ts +121 -0
- package/dist/empty.d.ts +56 -0
- package/dist/field.d.ts +109 -0
- package/dist/hooks/src/hooks/use-mobile.d.ts +2 -0
- package/dist/hover-card.d.ts +28 -0
- package/dist/index.d.ts +290 -0
- package/dist/input-group.d.ts +106 -0
- package/dist/input-otp.d.ts +43 -0
- package/dist/input.d.ts +14 -0
- package/dist/item.d.ts +101 -0
- package/dist/kbd.d.ts +19 -0
- package/dist/label.d.ts +12 -0
- package/dist/lib/utils.d.ts +2 -23
- package/dist/menubar.d.ts +205 -0
- package/dist/modal.d.ts +104 -0
- package/dist/navigation-menu.d.ts +66 -0
- package/dist/pagination.d.ts +99 -0
- package/dist/popover.d.ts +55 -0
- package/dist/progress.d.ts +41 -0
- package/dist/radio-group.d.ts +21 -0
- package/dist/{components/ui/resizable.d.ts → resizable.d.ts} +47 -38
- package/dist/{components/ui/scroll-area.d.ts → scroll-area.d.ts} +69 -64
- package/dist/select.d.ts +79 -0
- package/dist/separator.d.ts +12 -0
- package/dist/sheet.d.ts +68 -0
- package/dist/sidebar.d.ts +288 -0
- package/dist/skeleton.d.ts +11 -0
- package/dist/{components/ui/slider.d.ts → slider.d.ts} +24 -21
- package/dist/{components/ui/sonner.d.ts → sonner.d.ts} +27 -21
- package/dist/spinner.d.ts +11 -0
- package/dist/switch.d.ts +15 -0
- package/dist/table.d.ts +68 -0
- package/dist/tabs.d.ts +42 -0
- package/dist/{components/ui/textarea.d.ts → textarea.d.ts} +21 -18
- package/dist/toast.d.ts +15 -0
- package/dist/toggle-group.d.ts +36 -0
- package/dist/toggle.d.ts +19 -0
- package/dist/tooltip.d.ts +36 -0
- package/dist/{hooks/use-mobile.d.ts → use-mobile.d.ts} +19 -18
- package/dist/utils.d.ts +25 -0
- package/package.json +1 -1
- package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts +0 -46
- package/dist/components/minidev.fun/color-mode/color-mode-initializer.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts +0 -106
- package/dist/components/minidev.fun/color-mode/color-mode-toggle.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/index.d.ts +0 -4
- package/dist/components/minidev.fun/color-mode/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts +0 -91
- package/dist/components/minidev.fun/color-mode/use-color-mode.d.ts.map +0 -1
- package/dist/components/minidev.fun/first-light/first-light-filters.d.ts +0 -27
- package/dist/components/minidev.fun/first-light/first-light-filters.d.ts.map +0 -1
- package/dist/components/minidev.fun/first-light/index.d.ts +0 -2
- package/dist/components/minidev.fun/first-light/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/blockquote.d.ts +0 -13
- package/dist/components/minidev.fun/typography/blockquote.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/code.d.ts +0 -13
- package/dist/components/minidev.fun/typography/code.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/index.d.ts +0 -6
- package/dist/components/minidev.fun/typography/index.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/list-item.d.ts +0 -27
- package/dist/components/minidev.fun/typography/list-item.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/text.d.ts +0 -44
- package/dist/components/minidev.fun/typography/text.d.ts.map +0 -1
- package/dist/components/minidev.fun/typography/title.d.ts +0 -22
- package/dist/components/minidev.fun/typography/title.d.ts.map +0 -1
- package/dist/components/ui/accordion.d.ts +0 -27
- package/dist/components/ui/accordion.d.ts.map +0 -1
- package/dist/components/ui/alert-dialog.d.ts +0 -47
- package/dist/components/ui/alert-dialog.d.ts.map +0 -1
- package/dist/components/ui/alert.d.ts +0 -30
- package/dist/components/ui/alert.d.ts.map +0 -1
- package/dist/components/ui/aspect-ratio.d.ts +0 -11
- package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
- package/dist/components/ui/avatar.d.ts +0 -42
- package/dist/components/ui/avatar.d.ts.map +0 -1
- package/dist/components/ui/badge.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.d.ts +0 -39
- package/dist/components/ui/breadcrumb.d.ts.map +0 -1
- package/dist/components/ui/button-group.d.ts +0 -26
- package/dist/components/ui/button-group.d.ts.map +0 -1
- package/dist/components/ui/button.d.ts.map +0 -1
- package/dist/components/ui/calendar.d.ts +0 -20
- package/dist/components/ui/calendar.d.ts.map +0 -1
- package/dist/components/ui/card.d.ts +0 -30
- package/dist/components/ui/card.d.ts.map +0 -1
- package/dist/components/ui/carousel.d.ts +0 -56
- package/dist/components/ui/carousel.d.ts.map +0 -1
- package/dist/components/ui/chart.d.ts.map +0 -1
- package/dist/components/ui/checkbox.d.ts +0 -11
- package/dist/components/ui/checkbox.d.ts.map +0 -1
- package/dist/components/ui/collapsible.d.ts +0 -21
- package/dist/components/ui/collapsible.d.ts.map +0 -1
- package/dist/components/ui/combobox.d.ts +0 -80
- package/dist/components/ui/combobox.d.ts.map +0 -1
- package/dist/components/ui/command.d.ts +0 -63
- package/dist/components/ui/command.d.ts.map +0 -1
- package/dist/components/ui/context-menu.d.ts +0 -64
- package/dist/components/ui/context-menu.d.ts.map +0 -1
- package/dist/components/ui/dialog.d.ts +0 -69
- package/dist/components/ui/dialog.d.ts.map +0 -1
- package/dist/components/ui/drawer.d.ts +0 -40
- package/dist/components/ui/drawer.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.d.ts +0 -88
- package/dist/components/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/components/ui/empty.d.ts +0 -41
- package/dist/components/ui/empty.d.ts.map +0 -1
- package/dist/components/ui/field.d.ts +0 -78
- package/dist/components/ui/field.d.ts.map +0 -1
- package/dist/components/ui/hover-card.d.ts +0 -21
- package/dist/components/ui/hover-card.d.ts.map +0 -1
- package/dist/components/ui/input-group.d.ts +0 -50
- package/dist/components/ui/input-group.d.ts.map +0 -1
- package/dist/components/ui/input-otp.d.ts +0 -34
- package/dist/components/ui/input-otp.d.ts.map +0 -1
- package/dist/components/ui/input.d.ts +0 -11
- package/dist/components/ui/input.d.ts.map +0 -1
- package/dist/components/ui/item.d.ts +0 -69
- package/dist/components/ui/item.d.ts.map +0 -1
- package/dist/components/ui/kbd.d.ts +0 -14
- package/dist/components/ui/kbd.d.ts.map +0 -1
- package/dist/components/ui/label.d.ts +0 -9
- package/dist/components/ui/label.d.ts.map +0 -1
- package/dist/components/ui/menubar.d.ts +0 -87
- package/dist/components/ui/menubar.d.ts.map +0 -1
- package/dist/components/ui/modal.d.ts +0 -41
- package/dist/components/ui/modal.d.ts.map +0 -1
- package/dist/components/ui/navigation-menu.d.ts +0 -52
- package/dist/components/ui/navigation-menu.d.ts.map +0 -1
- package/dist/components/ui/pagination.d.ts +0 -42
- package/dist/components/ui/pagination.d.ts.map +0 -1
- package/dist/components/ui/popover.d.ts +0 -42
- package/dist/components/ui/popover.d.ts.map +0 -1
- package/dist/components/ui/progress.d.ts +0 -30
- package/dist/components/ui/progress.d.ts.map +0 -1
- package/dist/components/ui/radio-group.d.ts +0 -16
- package/dist/components/ui/radio-group.d.ts.map +0 -1
- package/dist/components/ui/resizable.d.ts.map +0 -1
- package/dist/components/ui/scroll-area.d.ts.map +0 -1
- package/dist/components/ui/select.d.ts +0 -58
- package/dist/components/ui/select.d.ts.map +0 -1
- package/dist/components/ui/separator.d.ts +0 -9
- package/dist/components/ui/separator.d.ts.map +0 -1
- package/dist/components/ui/sheet.d.ts +0 -51
- package/dist/components/ui/sheet.d.ts.map +0 -1
- package/dist/components/ui/sidebar.d.ts +0 -172
- package/dist/components/ui/sidebar.d.ts.map +0 -1
- package/dist/components/ui/skeleton.d.ts +0 -8
- package/dist/components/ui/skeleton.d.ts.map +0 -1
- package/dist/components/ui/slider.d.ts.map +0 -1
- package/dist/components/ui/sonner.d.ts.map +0 -1
- package/dist/components/ui/spinner.d.ts +0 -8
- package/dist/components/ui/spinner.d.ts.map +0 -1
- package/dist/components/ui/switch.d.ts +0 -12
- package/dist/components/ui/switch.d.ts.map +0 -1
- package/dist/components/ui/table.d.ts +0 -51
- package/dist/components/ui/table.d.ts.map +0 -1
- package/dist/components/ui/tabs.d.ts +0 -31
- package/dist/components/ui/tabs.d.ts.map +0 -1
- package/dist/components/ui/textarea.d.ts.map +0 -1
- package/dist/components/ui/toast.d.ts +0 -11
- package/dist/components/ui/toast.d.ts.map +0 -1
- package/dist/components/ui/toggle-group.d.ts +0 -26
- package/dist/components/ui/toggle-group.d.ts.map +0 -1
- package/dist/components/ui/toggle.d.ts +0 -14
- package/dist/components/ui/toggle.d.ts.map +0 -1
- package/dist/components/ui/tooltip.d.ts +0 -27
- package/dist/components/ui/tooltip.d.ts.map +0 -1
- package/dist/hooks/use-mobile.d.ts.map +0 -1
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/variants.d.ts +0 -107
- 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
|
-
|
|
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 { }
|
package/dist/utils.d.ts
ADDED
|
@@ -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.
|
|
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 +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 +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"}
|