uilint-react 0.2.65 → 0.2.66
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/devtools.js +112 -117
- package/dist/devtools.js.map +1 -1
- package/dist/index.js +8093 -4339
- package/dist/index.js.map +1 -1
- package/dist/ui/components/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/ui/components/CommandPalette/IssuesSummaryCard.d.ts.map +1 -1
- package/dist/ui/components/CommandPalette/ResultItem.d.ts.map +1 -1
- package/dist/ui/components/CommandPalette/SearchInput.d.ts.map +1 -1
- package/dist/ui/components/FloatingIcon.d.ts.map +1 -1
- package/dist/ui/components/Inspector/ElementDetail.d.ts.map +1 -1
- package/dist/ui/components/Inspector/InspectorSidebar.d.ts.map +1 -1
- package/dist/ui/components/Inspector/IssueDetail.d.ts.map +1 -1
- package/dist/ui/components/badge.d.ts +103 -0
- package/dist/ui/components/badge.d.ts.map +1 -0
- package/dist/ui/components/button.d.ts +45 -0
- package/dist/ui/components/button.d.ts.map +1 -0
- package/dist/ui/components/card.d.ts +38 -0
- package/dist/ui/components/card.d.ts.map +1 -0
- package/dist/ui/components/glass-panel.d.ts +116 -0
- package/dist/ui/components/glass-panel.d.ts.map +1 -0
- package/dist/ui/components/icon-button.d.ts +52 -0
- package/dist/ui/components/icon-button.d.ts.map +1 -0
- package/dist/ui/components/input.d.ts +29 -0
- package/dist/ui/components/input.d.ts.map +1 -0
- package/dist/ui/components/kbd.d.ts +69 -0
- package/dist/ui/components/kbd.d.ts.map +1 -0
- package/dist/ui/components/primitives.d.ts +24 -0
- package/dist/ui/components/primitives.d.ts.map +1 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAuL9D,wBAAgB,cAAc,sBA6c7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IssuesSummaryCard.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/IssuesSummaryCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IssuesSummaryCard.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/IssuesSummaryCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,sBAAsB;IAC9B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAQD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,sBAAsB,kDA4IxF;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,GACd,EAAE;IACD,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,kDAmCA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultItem.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/ResultItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResultItem.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/ResultItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,eAAe,2CAgEzE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/SearchInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/CommandPalette/SearchInput.tsx"],"names":[],"mappings":"AAcA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAiD,GAClD,EAAE,gBAAgB,2CAoGlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FloatingIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAqD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FloatingIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FloatingIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAqD,MAAM,OAAO,CAAC;AA8H1E,wBAAgB,YAAY,sBAiS3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElementDetail.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Inspector/ElementDetail.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ElementDetail.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Inspector/ElementDetail.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,kBAAkB,2CAgF3E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InspectorSidebar.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Inspector/InspectorSidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"InspectorSidebar.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Inspector/InspectorSidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAiBjF,wBAAgB,gBAAgB,sBAmS/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IssueDetail.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Inspector/IssueDetail.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;CACd;AAUD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"IssueDetail.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/Inspector/IssueDetail.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;CACd;AAUD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CAqFtD"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
3
|
+
/**
|
|
4
|
+
* Badge component - Status badges for displaying issue severities, counts, categories, etc.
|
|
5
|
+
*
|
|
6
|
+
* Follows shadcn conventions with:
|
|
7
|
+
* - CVA (class-variance-authority) for variant handling
|
|
8
|
+
* - motion/react for scale + fade animations
|
|
9
|
+
* - CSS variables from the uilint design system
|
|
10
|
+
*/
|
|
11
|
+
import * as React from "react";
|
|
12
|
+
/**
|
|
13
|
+
* Badge variants using CVA
|
|
14
|
+
*
|
|
15
|
+
* Uses Tailwind utilities mapped to --uilint-* CSS variables via globals.css @theme
|
|
16
|
+
*/
|
|
17
|
+
declare const badgeVariants: (props?: ({
|
|
18
|
+
variant?: "error" | "warning" | "info" | "default" | "outline" | "success" | null | undefined;
|
|
19
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
20
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
21
|
+
export interface BadgeProps extends Omit<HTMLMotionProps<"span">, "children">, VariantProps<typeof badgeVariants> {
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
/** Disable motion animations */
|
|
24
|
+
disableAnimation?: boolean;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Badge - Animated status badge component
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* <Badge variant="error">3 errors</Badge>
|
|
32
|
+
* <Badge variant="success" size="sm">Passed</Badge>
|
|
33
|
+
* <Badge variant="warning" size="lg">Needs review</Badge>
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
declare function Badge({ className, variant, size, children, disableAnimation, style, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
/**
|
|
38
|
+
* StatBadge - Badge with icon and label for displaying statistics
|
|
39
|
+
*
|
|
40
|
+
* Inspired by IssuesSummaryCard's StatBadge pattern
|
|
41
|
+
*
|
|
42
|
+
* @example
|
|
43
|
+
* ```tsx
|
|
44
|
+
* <StatBadge
|
|
45
|
+
* icon={<AlertCircle size={14} />}
|
|
46
|
+
* label="Errors"
|
|
47
|
+
* value={5}
|
|
48
|
+
* variant="error"
|
|
49
|
+
* />
|
|
50
|
+
* ```
|
|
51
|
+
*/
|
|
52
|
+
export interface StatBadgeProps extends VariantProps<typeof badgeVariants> {
|
|
53
|
+
icon?: React.ReactNode;
|
|
54
|
+
label: string;
|
|
55
|
+
value: number | string;
|
|
56
|
+
className?: string;
|
|
57
|
+
/** Disable motion animations */
|
|
58
|
+
disableAnimation?: boolean;
|
|
59
|
+
}
|
|
60
|
+
declare function StatBadge({ icon, label, value, variant, size, className, disableAnimation, }: StatBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
/**
|
|
62
|
+
* CategoryBadge - Small uppercase badge for categories
|
|
63
|
+
*
|
|
64
|
+
* Inspired by CommandPalette's category badge pattern
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* ```tsx
|
|
68
|
+
* <CategoryBadge>accessibility</CategoryBadge>
|
|
69
|
+
* <CategoryBadge isSelected>performance</CategoryBadge>
|
|
70
|
+
* ```
|
|
71
|
+
*/
|
|
72
|
+
export interface CategoryBadgeProps {
|
|
73
|
+
children: React.ReactNode;
|
|
74
|
+
isSelected?: boolean;
|
|
75
|
+
className?: string;
|
|
76
|
+
/** Disable motion animations */
|
|
77
|
+
disableAnimation?: boolean;
|
|
78
|
+
}
|
|
79
|
+
declare function CategoryBadge({ children, isSelected, className, disableAnimation, }: CategoryBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
80
|
+
/**
|
|
81
|
+
* CountBadge - Numeric count badge with automatic variant selection
|
|
82
|
+
*
|
|
83
|
+
* @example
|
|
84
|
+
* ```tsx
|
|
85
|
+
* <CountBadge count={0} /> // success variant
|
|
86
|
+
* <CountBadge count={5} /> // warning variant
|
|
87
|
+
* <CountBadge count={10} isError /> // error variant
|
|
88
|
+
* ```
|
|
89
|
+
*/
|
|
90
|
+
export interface CountBadgeProps {
|
|
91
|
+
count: number;
|
|
92
|
+
/** Force error variant regardless of count */
|
|
93
|
+
isError?: boolean;
|
|
94
|
+
/** Use success variant when count is 0 (default: true) */
|
|
95
|
+
zeroIsSuccess?: boolean;
|
|
96
|
+
size?: "sm" | "default" | "lg";
|
|
97
|
+
className?: string;
|
|
98
|
+
/** Disable motion animations */
|
|
99
|
+
disableAnimation?: boolean;
|
|
100
|
+
}
|
|
101
|
+
declare function CountBadge({ count, isError, zeroIsSuccess, size, className, disableAnimation, }: CountBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
102
|
+
export { Badge, StatBadge, CategoryBadge, CountBadge, badgeVariants };
|
|
103
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/ui/components/badge.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAI5D;;;;GAIG;AACH,QAAA,MAAM,aAAa;;;8EA8BlB,CAAC;AAqBF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,gBAAwB,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAmCZ;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,EACT,gBAAwB,GACzB,EAAE,cAAc,2CAiIhB;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,UAAkB,EAClB,SAAS,EACT,gBAAwB,GACzB,EAAE,kBAAkB,2CAyCpB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,OAAe,EACf,aAAoB,EACpB,IAAgB,EAChB,SAAS,EACT,gBAAwB,GACzB,EAAE,eAAe,2CAmBjB;AAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
/**
|
|
3
|
+
* Button - shadcn-style button component with motion animations
|
|
4
|
+
*
|
|
5
|
+
* Features:
|
|
6
|
+
* - Multiple variants (default, destructive, outline, secondary, ghost, glass)
|
|
7
|
+
* - Size options (sm, default, lg, icon)
|
|
8
|
+
* - Motion animations for hover and tap interactions
|
|
9
|
+
* - Composition via asChild prop using Radix Slot
|
|
10
|
+
* - CSS variable-based theming
|
|
11
|
+
*/
|
|
12
|
+
import * as React from "react";
|
|
13
|
+
declare const buttonVariants: (props?: ({
|
|
14
|
+
variant?: "default" | "outline" | "destructive" | "secondary" | "ghost" | "glass" | null | undefined;
|
|
15
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
16
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
17
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
18
|
+
/** Merge props onto child element instead of rendering a button */
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Button component with motion animations and variant support.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```tsx
|
|
26
|
+
* // Default button
|
|
27
|
+
* <Button>Click me</Button>
|
|
28
|
+
*
|
|
29
|
+
* // Destructive variant
|
|
30
|
+
* <Button variant="destructive">Delete</Button>
|
|
31
|
+
*
|
|
32
|
+
* // Glass variant with icon size
|
|
33
|
+
* <Button variant="glass" size="icon">
|
|
34
|
+
* <SearchIcon />
|
|
35
|
+
* </Button>
|
|
36
|
+
*
|
|
37
|
+
* // As a link using asChild
|
|
38
|
+
* <Button asChild>
|
|
39
|
+
* <a href="/dashboard">Dashboard</a>
|
|
40
|
+
* </Button>
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
44
|
+
export { Button, buttonVariants };
|
|
45
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/ui/components/button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAwEnB,CAAC;AAiBF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,uFAuBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
/**
|
|
3
|
+
* Card Component System
|
|
4
|
+
*
|
|
5
|
+
* A composable card component following shadcn conventions.
|
|
6
|
+
* Supports multiple variants: default, elevated, and glass (glassmorphism).
|
|
7
|
+
* Includes motion animations for interactive states.
|
|
8
|
+
*/
|
|
9
|
+
import * as React from "react";
|
|
10
|
+
declare const cardVariants: (props?: ({
|
|
11
|
+
variant?: "default" | "glass" | "elevated" | null | undefined;
|
|
12
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
13
|
+
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
14
|
+
/** Enable interactive hover effects (lift animation) */
|
|
15
|
+
interactive?: boolean;
|
|
16
|
+
/** Enable motion animations */
|
|
17
|
+
animated?: boolean;
|
|
18
|
+
/** Render as a different element using motion component */
|
|
19
|
+
asChild?: boolean;
|
|
20
|
+
}
|
|
21
|
+
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
23
|
+
}
|
|
24
|
+
declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
26
|
+
}
|
|
27
|
+
declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
28
|
+
export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
29
|
+
}
|
|
30
|
+
declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
31
|
+
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
32
|
+
}
|
|
33
|
+
declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
35
|
+
}
|
|
36
|
+
declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, };
|
|
38
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/ui/components/card.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,YAAY;;8EA8CjB,CAAC;AAgCF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD,QAAA,MAAM,IAAI,kFA8CT,CAAC;AAOF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,wFAQf,CAAC;AAOF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;CAAG;AAErD,QAAA,MAAM,SAAS,2FAYd,CAAC;AAOF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAEvD,QAAA,MAAM,eAAe,mGAanB,CAAC;AAOH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,WAAW,yFAIhB,CAAC;AAOF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,wFAaf,CAAC;AAOF,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
/**
|
|
4
|
+
* GlassPanel - Glassmorphism container component
|
|
5
|
+
*
|
|
6
|
+
* A shadcn-style component for glass morphism UI panels.
|
|
7
|
+
* Used as the base container for CommandPalette, FloatingIcon, modals, etc.
|
|
8
|
+
*
|
|
9
|
+
* Features:
|
|
10
|
+
* - CSS variable theming (--uilint-glass-*)
|
|
11
|
+
* - Blur intensity variants (light, medium, heavy)
|
|
12
|
+
* - Shadow variants (none, sm, md, lg)
|
|
13
|
+
* - Optional border styling
|
|
14
|
+
* - Scale + fade entrance/exit animations via motion/react
|
|
15
|
+
* - Fully typed with HTMLDivElement attribute support
|
|
16
|
+
*/
|
|
17
|
+
import * as React from "react";
|
|
18
|
+
/**
|
|
19
|
+
* GlassPanel variants using CVA for consistent styling
|
|
20
|
+
*/
|
|
21
|
+
declare const glassPanelVariants: (props?: ({
|
|
22
|
+
blur?: "medium" | "light" | "heavy" | null | undefined;
|
|
23
|
+
shadow?: "none" | "sm" | "lg" | "md" | null | undefined;
|
|
24
|
+
bordered?: boolean | null | undefined;
|
|
25
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
26
|
+
/**
|
|
27
|
+
* Motion variants for entrance/exit animations
|
|
28
|
+
*/
|
|
29
|
+
declare const glassPanelMotionVariants: {
|
|
30
|
+
readonly hidden: {
|
|
31
|
+
readonly opacity: 0;
|
|
32
|
+
readonly scale: 0.96;
|
|
33
|
+
readonly y: -10;
|
|
34
|
+
};
|
|
35
|
+
readonly visible: {
|
|
36
|
+
readonly opacity: 1;
|
|
37
|
+
readonly scale: 1;
|
|
38
|
+
readonly y: 0;
|
|
39
|
+
};
|
|
40
|
+
readonly exit: {
|
|
41
|
+
readonly opacity: 0;
|
|
42
|
+
readonly scale: 0.98;
|
|
43
|
+
readonly y: -5;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Default transition settings for smooth animations
|
|
48
|
+
*/
|
|
49
|
+
declare const defaultTransition: {
|
|
50
|
+
readonly duration: 0.2;
|
|
51
|
+
readonly ease: readonly [0.25, 0.1, 0.25, 1];
|
|
52
|
+
};
|
|
53
|
+
export interface GlassPanelProps extends Omit<HTMLMotionProps<"div">, "children">, VariantProps<typeof glassPanelVariants> {
|
|
54
|
+
/** Content to render inside the panel */
|
|
55
|
+
children: React.ReactNode;
|
|
56
|
+
/** Whether to animate the component on mount/unmount */
|
|
57
|
+
animate?: boolean;
|
|
58
|
+
/** Custom animation transition settings */
|
|
59
|
+
transition?: typeof defaultTransition;
|
|
60
|
+
/** Whether to show the panel (controls AnimatePresence) */
|
|
61
|
+
show?: boolean;
|
|
62
|
+
/** Use AnimatePresence for exit animations (requires show prop) */
|
|
63
|
+
usePresence?: boolean;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Build inline styles for glass effect using CSS variables
|
|
67
|
+
* This ensures proper backdrop-filter support and CSS variable fallbacks
|
|
68
|
+
*/
|
|
69
|
+
declare function getGlassStyles(blur: "light" | "medium" | "heavy" | null | undefined, shadow: "none" | "sm" | "md" | "lg" | null | undefined, bordered: boolean | null | undefined, customStyle?: React.CSSProperties): React.CSSProperties;
|
|
70
|
+
/**
|
|
71
|
+
* GlassPanel component - Renders a glassmorphism container
|
|
72
|
+
*
|
|
73
|
+
* @example
|
|
74
|
+
* ```tsx
|
|
75
|
+
* // Basic usage
|
|
76
|
+
* <GlassPanel>
|
|
77
|
+
* <p>Content goes here</p>
|
|
78
|
+
* </GlassPanel>
|
|
79
|
+
*
|
|
80
|
+
* // With blur intensity variants
|
|
81
|
+
* <GlassPanel blur="light">Light blur</GlassPanel>
|
|
82
|
+
* <GlassPanel blur="medium">Medium blur</GlassPanel>
|
|
83
|
+
* <GlassPanel blur="heavy">Heavy blur</GlassPanel>
|
|
84
|
+
*
|
|
85
|
+
* // With shadow variants
|
|
86
|
+
* <GlassPanel shadow="none">No shadow</GlassPanel>
|
|
87
|
+
* <GlassPanel shadow="sm">Small shadow</GlassPanel>
|
|
88
|
+
* <GlassPanel shadow="lg">Large shadow</GlassPanel>
|
|
89
|
+
*
|
|
90
|
+
* // Without border
|
|
91
|
+
* <GlassPanel bordered={false}>Borderless panel</GlassPanel>
|
|
92
|
+
*
|
|
93
|
+
* // With entrance/exit animations using AnimatePresence
|
|
94
|
+
* <GlassPanel show={isVisible} usePresence>
|
|
95
|
+
* <p>Animated content</p>
|
|
96
|
+
* </GlassPanel>
|
|
97
|
+
*
|
|
98
|
+
* // Without animation
|
|
99
|
+
* <GlassPanel animate={false}>
|
|
100
|
+
* <p>Static content</p>
|
|
101
|
+
* </GlassPanel>
|
|
102
|
+
*
|
|
103
|
+
* // CommandPalette-style usage
|
|
104
|
+
* <GlassPanel
|
|
105
|
+
* blur="heavy"
|
|
106
|
+
* shadow="lg"
|
|
107
|
+
* className="w-full max-w-[580px]"
|
|
108
|
+
* >
|
|
109
|
+
* <SearchInput />
|
|
110
|
+
* <ResultsList />
|
|
111
|
+
* </GlassPanel>
|
|
112
|
+
* ```
|
|
113
|
+
*/
|
|
114
|
+
declare const GlassPanel: React.ForwardRefExoticComponent<Omit<GlassPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
115
|
+
export { GlassPanel, glassPanelVariants, glassPanelMotionVariants, defaultTransition as glassPanelTransition, getGlassStyles, };
|
|
116
|
+
//# sourceMappingURL=glass-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"glass-panel.d.ts","sourceRoot":"","sources":["../../../src/ui/components/glass-panel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE;;GAEG;AACH,QAAA,MAAM,kBAAkB;;;;8EA+BvB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;CAgBpB,CAAC;AAEX;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;CAGb,CAAC;AAEX,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EAC9C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,iBAAiB,CAAC;IACtC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,iBAAS,cAAc,CACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,EACrD,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,EACtD,QAAQ,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,EACpC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,GAChC,KAAK,CAAC,aAAa,CAmDrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,QAAA,MAAM,UAAU,qGAyEf,CAAC;AAIF,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,wBAAwB,EACxB,iBAAiB,IAAI,oBAAoB,EACzC,cAAc,GACf,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
/**
|
|
4
|
+
* IconButton - Reusable icon button component with motion animations
|
|
5
|
+
*
|
|
6
|
+
* Follows shadcn conventions with CVA variant handling.
|
|
7
|
+
* Supports default, ghost, and glass variants with hover/tap animations.
|
|
8
|
+
*/
|
|
9
|
+
import * as React from "react";
|
|
10
|
+
/**
|
|
11
|
+
* Icon button variants using CVA
|
|
12
|
+
*
|
|
13
|
+
* Uses CSS variables from the design system:
|
|
14
|
+
* - Sizing: --uilint-icon-button-size, --uilint-icon-button-size-sm, --uilint-icon-button-size-lg
|
|
15
|
+
* - Radius: --uilint-icon-button-radius
|
|
16
|
+
* - Colors: --uilint-hover, --uilint-active, --uilint-text-muted, --uilint-text-secondary
|
|
17
|
+
* - Glass: --uilint-glass, --uilint-glass-border
|
|
18
|
+
*/
|
|
19
|
+
declare const iconButtonVariants: (props?: ({
|
|
20
|
+
variant?: "default" | "ghost" | "glass" | null | undefined;
|
|
21
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
22
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
23
|
+
export interface IconButtonProps extends Omit<HTMLMotionProps<"button">, "ref">, VariantProps<typeof iconButtonVariants> {
|
|
24
|
+
/** Render as child component (for composition) */
|
|
25
|
+
asChild?: boolean;
|
|
26
|
+
/** Disable motion animations */
|
|
27
|
+
disableMotion?: boolean;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* IconButton component with motion animations
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```tsx
|
|
34
|
+
* // Default variant
|
|
35
|
+
* <IconButton onClick={handleClick}>
|
|
36
|
+
* <SearchIcon />
|
|
37
|
+
* </IconButton>
|
|
38
|
+
*
|
|
39
|
+
* // Ghost variant
|
|
40
|
+
* <IconButton variant="ghost" onClick={handleClick}>
|
|
41
|
+
* <CloseIcon />
|
|
42
|
+
* </IconButton>
|
|
43
|
+
*
|
|
44
|
+
* // Glass variant with small size
|
|
45
|
+
* <IconButton variant="glass" size="sm" onClick={handleClick}>
|
|
46
|
+
* <SettingsIcon />
|
|
47
|
+
* </IconButton>
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
51
|
+
export { IconButton, iconButtonVariants };
|
|
52
|
+
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/ui/components/icon-button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;GAQG;AACH,QAAA,MAAM,kBAAkB;;;8EA4DvB,CAAC;AAwDF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAC5C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,UAAU,2FAuDf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
/**
|
|
3
|
+
* Input - shadcn-style input component with motion animations
|
|
4
|
+
*
|
|
5
|
+
* Features:
|
|
6
|
+
* - CVA-based variant system (default, glass, error)
|
|
7
|
+
* - Size variants (sm, default, lg)
|
|
8
|
+
* - Focus ring animation using motion/react
|
|
9
|
+
* - Icon slot support (left icon)
|
|
10
|
+
* - Uses uilint design system CSS variables
|
|
11
|
+
*/
|
|
12
|
+
import * as React from "react";
|
|
13
|
+
declare const inputVariants: (props?: ({
|
|
14
|
+
variant?: "error" | "default" | "glass" | null | undefined;
|
|
15
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
16
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
17
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
18
|
+
/**
|
|
19
|
+
* Icon element to display on the left side of the input
|
|
20
|
+
*/
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Container className for the wrapper div (when icon is present)
|
|
24
|
+
*/
|
|
25
|
+
containerClassName?: string;
|
|
26
|
+
}
|
|
27
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
export { Input, inputVariants };
|
|
29
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/ui/components/input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;8EA2ClB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,qFA4HV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { HTMLMotionProps } from 'motion/react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
/**
|
|
4
|
+
* Kbd - macOS-style keyboard hint component
|
|
5
|
+
*
|
|
6
|
+
* A shadcn-style component for displaying keyboard shortcuts and hints.
|
|
7
|
+
* Inspired by Spotlight/Raycast keyboard hints with smooth animations.
|
|
8
|
+
*
|
|
9
|
+
* Features:
|
|
10
|
+
* - CSS variable theming (--uilint-kbd-*)
|
|
11
|
+
* - Fade-in animation via motion/react
|
|
12
|
+
* - Size and variant options via CVA
|
|
13
|
+
*/
|
|
14
|
+
import * as React from "react";
|
|
15
|
+
/**
|
|
16
|
+
* Kbd variants using CVA for consistent styling
|
|
17
|
+
*/
|
|
18
|
+
declare const kbdVariants: (props?: ({
|
|
19
|
+
variant?: "default" | "subtle" | null | undefined;
|
|
20
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
21
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
22
|
+
/**
|
|
23
|
+
* Motion variants for fade-in animation
|
|
24
|
+
*/
|
|
25
|
+
declare const kbdMotionVariants: {
|
|
26
|
+
readonly hidden: {
|
|
27
|
+
readonly opacity: 0;
|
|
28
|
+
readonly scale: 0.95;
|
|
29
|
+
};
|
|
30
|
+
readonly visible: {
|
|
31
|
+
readonly opacity: 1;
|
|
32
|
+
readonly scale: 1;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export interface KbdProps extends Omit<HTMLMotionProps<"kbd">, "children">, VariantProps<typeof kbdVariants> {
|
|
36
|
+
/** The keyboard key or shortcut to display */
|
|
37
|
+
children: React.ReactNode;
|
|
38
|
+
/** Whether to animate the component on mount */
|
|
39
|
+
animate?: boolean;
|
|
40
|
+
/** Animation duration in seconds */
|
|
41
|
+
animationDuration?: number;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* Kbd component - Renders a keyboard hint with macOS-style appearance
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
* ```tsx
|
|
48
|
+
* // Basic usage
|
|
49
|
+
* <Kbd>esc</Kbd>
|
|
50
|
+
* <Kbd>Enter</Kbd>
|
|
51
|
+
*
|
|
52
|
+
* // With modifier keys
|
|
53
|
+
* <Kbd>⌘K</Kbd>
|
|
54
|
+
* <Kbd>Ctrl+S</Kbd>
|
|
55
|
+
*
|
|
56
|
+
* // Variants
|
|
57
|
+
* <Kbd variant="subtle">Tab</Kbd>
|
|
58
|
+
*
|
|
59
|
+
* // Sizes
|
|
60
|
+
* <Kbd size="sm">↑</Kbd>
|
|
61
|
+
* <Kbd size="lg">Space</Kbd>
|
|
62
|
+
*
|
|
63
|
+
* // With animation disabled
|
|
64
|
+
* <Kbd animate={false}>F1</Kbd>
|
|
65
|
+
* ```
|
|
66
|
+
*/
|
|
67
|
+
declare const Kbd: React.ForwardRefExoticComponent<Omit<KbdProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
68
|
+
export { Kbd, kbdVariants, kbdMotionVariants };
|
|
69
|
+
//# sourceMappingURL=kbd.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/ui/components/kbd.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE;;GAEG;AACH,QAAA,MAAM,WAAW;;;8EAqChB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;CASb,CAAC;AAEX,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EAC9C,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,GAAG,2FAiER,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UILint Primitives - shadcn-style UI components with glassmorphism
|
|
3
|
+
*
|
|
4
|
+
* This barrel export provides all primitive UI components for the UILint devtools.
|
|
5
|
+
* Components use CSS variables from the design system and include motion animations.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* import { Button, Card, Badge, GlassPanel } from './primitives';
|
|
9
|
+
*/
|
|
10
|
+
export { Kbd, kbdVariants, kbdMotionVariants } from './kbd';
|
|
11
|
+
export type { KbdProps } from './kbd';
|
|
12
|
+
export { Badge, StatBadge, CategoryBadge, CountBadge, badgeVariants, } from './badge';
|
|
13
|
+
export type { BadgeProps, StatBadgeProps } from './badge';
|
|
14
|
+
export { Button, buttonVariants } from './button';
|
|
15
|
+
export type { ButtonProps } from './button';
|
|
16
|
+
export { IconButton, iconButtonVariants } from './icon-button';
|
|
17
|
+
export type { IconButtonProps } from './icon-button';
|
|
18
|
+
export { Input, inputVariants } from './input';
|
|
19
|
+
export type { InputProps } from './input';
|
|
20
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, } from './card';
|
|
21
|
+
export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './card';
|
|
22
|
+
export { GlassPanel, glassPanelVariants, glassPanelMotionVariants, glassPanelTransition, getGlassStyles, } from './glass-panel';
|
|
23
|
+
export type { GlassPanelProps } from './glass-panel';
|
|
24
|
+
//# sourceMappingURL=primitives.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/ui/components/primitives.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC5D,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,EACpB,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "uilint-react",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.66",
|
|
4
4
|
"description": "React component for AI-powered UI consistency checking",
|
|
5
5
|
"author": "Peter Suggate",
|
|
6
6
|
"repository": {
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"react-use-measure": "^2.1.7",
|
|
48
48
|
"tw-animate-css": "^1.4.0",
|
|
49
49
|
"zustand": "^5.0.10",
|
|
50
|
-
"uilint-core": "0.2.
|
|
51
|
-
"uilint-eslint": "0.2.
|
|
50
|
+
"uilint-core": "0.2.66",
|
|
51
|
+
"uilint-eslint": "0.2.66"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "^19.0.0",
|