@s-hirano-ist/s-ui 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/display/loading.d.ts +14 -0
- package/dist/display/loading.d.ts.map +1 -1
- package/dist/display/loading.js +14 -0
- package/dist/display/loading.js.map +1 -1
- package/dist/display/status/status-code-view.d.ts +29 -2
- package/dist/display/status/status-code-view.d.ts.map +1 -1
- package/dist/display/status/status-code-view.js +18 -0
- package/dist/display/status/status-code-view.js.map +1 -1
- package/dist/forms/fields/form-dropdown-input.d.ts +61 -7
- package/dist/forms/fields/form-dropdown-input.d.ts.map +1 -1
- package/dist/forms/fields/form-dropdown-input.js +64 -11
- package/dist/forms/fields/form-dropdown-input.js.map +1 -1
- package/dist/forms/fields/form-file-input.d.ts +30 -3
- package/dist/forms/fields/form-file-input.d.ts.map +1 -1
- package/dist/forms/fields/form-file-input.js +21 -0
- package/dist/forms/fields/form-file-input.js.map +1 -1
- package/dist/forms/fields/form-input-with-button.d.ts +41 -3
- package/dist/forms/fields/form-input-with-button.d.ts.map +1 -1
- package/dist/forms/fields/form-input-with-button.js +28 -0
- package/dist/forms/fields/form-input-with-button.js.map +1 -1
- package/dist/forms/fields/form-input.d.ts +32 -3
- package/dist/forms/fields/form-input.d.ts.map +1 -1
- package/dist/forms/fields/form-input.js +23 -0
- package/dist/forms/fields/form-input.js.map +1 -1
- package/dist/forms/fields/form-textarea.d.ts +31 -3
- package/dist/forms/fields/form-textarea.d.ts.map +1 -1
- package/dist/forms/fields/form-textarea.js +22 -0
- package/dist/forms/fields/form-textarea.js.map +1 -1
- package/dist/forms/generic-form-wrapper.d.ts +66 -3
- package/dist/forms/generic-form-wrapper.d.ts.map +1 -1
- package/dist/forms/generic-form-wrapper.js +53 -0
- package/dist/forms/generic-form-wrapper.js.map +1 -1
- package/dist/hooks/use-infinite-scroll.d.ts +58 -3
- package/dist/hooks/use-infinite-scroll.d.ts.map +1 -1
- package/dist/hooks/use-infinite-scroll.js +40 -0
- package/dist/hooks/use-infinite-scroll.js.map +1 -1
- package/dist/index.d.ts +36 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +36 -0
- package/dist/index.js.map +1 -1
- package/dist/layouts/body/viewer-body.d.ts +49 -3
- package/dist/layouts/body/viewer-body.d.ts.map +1 -1
- package/dist/layouts/body/viewer-body.js +41 -1
- package/dist/layouts/body/viewer-body.js.map +1 -1
- package/dist/providers/theme-provider.d.ts +23 -0
- package/dist/providers/theme-provider.d.ts.map +1 -1
- package/dist/providers/theme-provider.js +23 -0
- package/dist/providers/theme-provider.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/badge.d.ts +41 -0
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +35 -0
- package/dist/ui/badge.js.map +1 -1
- package/dist/ui/button.d.ts +58 -0
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +50 -0
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/card.d.ts +74 -0
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +74 -0
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/command.d.ts +117 -1
- package/dist/ui/command.d.ts.map +1 -1
- package/dist/ui/command.js +117 -1
- package/dist/ui/command.js.map +1 -1
- package/dist/ui/dialog.d.ts +88 -0
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +88 -0
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/drawer.d.ts +85 -0
- package/dist/ui/drawer.d.ts.map +1 -1
- package/dist/ui/drawer.js +85 -0
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts +88 -0
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +88 -0
- package/dist/ui/dropdown-menu.js.map +1 -1
- package/dist/ui/input.d.ts +27 -0
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +22 -0
- package/dist/ui/input.js.map +1 -1
- package/dist/ui/label.d.ts +16 -0
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/label.js +20 -0
- package/dist/ui/label.js.map +1 -1
- package/dist/ui/popover.d.ts +50 -0
- package/dist/ui/popover.d.ts.map +1 -0
- package/dist/ui/popover.js +54 -0
- package/dist/ui/popover.js.map +1 -0
- package/dist/ui/sonner.d.ts +27 -0
- package/dist/ui/sonner.d.ts.map +1 -1
- package/dist/ui/sonner.js +22 -0
- package/dist/ui/sonner.js.map +1 -1
- package/dist/ui/tabs.d.ts +50 -0
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +50 -0
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/textarea.d.ts +24 -0
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/textarea.js +19 -0
- package/dist/ui/textarea.js.map +1 -1
- package/dist/utils/cn.d.ts +19 -0
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +19 -0
- package/dist/utils/cn.js.map +1 -1
- package/package.json +1 -1
package/dist/ui/dropdown-menu.js
CHANGED
|
@@ -3,23 +3,111 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { cn } from "../utils/cn";
|
|
6
|
+
/**
|
|
7
|
+
* Root dropdown menu component.
|
|
8
|
+
*
|
|
9
|
+
* @remarks
|
|
10
|
+
* Built on Radix UI DropdownMenu primitive. Provides accessible
|
|
11
|
+
* dropdown menus with keyboard navigation.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <DropdownMenu>
|
|
16
|
+
* <DropdownMenuTrigger asChild>
|
|
17
|
+
* <Button>Open Menu</Button>
|
|
18
|
+
* </DropdownMenuTrigger>
|
|
19
|
+
* <DropdownMenuContent>
|
|
20
|
+
* <DropdownMenuLabel>My Account</DropdownMenuLabel>
|
|
21
|
+
* <DropdownMenuSeparator />
|
|
22
|
+
* <DropdownMenuItem>Profile</DropdownMenuItem>
|
|
23
|
+
* <DropdownMenuItem>Settings</DropdownMenuItem>
|
|
24
|
+
* </DropdownMenuContent>
|
|
25
|
+
* </DropdownMenu>
|
|
26
|
+
* ```
|
|
27
|
+
*
|
|
28
|
+
* @see {@link DropdownMenuContent} for the menu body
|
|
29
|
+
* @see {@link DropdownMenuTrigger} for the trigger button
|
|
30
|
+
*/
|
|
6
31
|
const DropdownMenu = DropdownMenuPrimitive.Root;
|
|
32
|
+
/**
|
|
33
|
+
* Button or element that opens the dropdown menu.
|
|
34
|
+
*
|
|
35
|
+
* @see {@link DropdownMenu} for parent component
|
|
36
|
+
*/
|
|
7
37
|
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
38
|
+
/**
|
|
39
|
+
* Group container for related menu items.
|
|
40
|
+
*
|
|
41
|
+
* @see {@link DropdownMenuItem} for items within the group
|
|
42
|
+
*/
|
|
8
43
|
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
44
|
+
/**
|
|
45
|
+
* Portal for rendering menu outside the DOM hierarchy.
|
|
46
|
+
* @internal
|
|
47
|
+
*/
|
|
9
48
|
const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
49
|
+
/**
|
|
50
|
+
* Root for nested submenu.
|
|
51
|
+
*
|
|
52
|
+
* @see {@link DropdownMenuSubContent} for submenu content
|
|
53
|
+
*/
|
|
10
54
|
const DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
55
|
+
/**
|
|
56
|
+
* Group for radio-style menu items.
|
|
57
|
+
*/
|
|
11
58
|
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
59
|
+
/**
|
|
60
|
+
* Content container for nested submenu.
|
|
61
|
+
*
|
|
62
|
+
* @see {@link DropdownMenuSub} for parent component
|
|
63
|
+
*/
|
|
12
64
|
const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-primary p-1 text-primary-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in", className), ref: ref, ...props })));
|
|
13
65
|
DropdownMenuSubContent.displayName =
|
|
14
66
|
DropdownMenuPrimitive.SubContent.displayName;
|
|
67
|
+
/**
|
|
68
|
+
* Main content container for the dropdown menu.
|
|
69
|
+
*
|
|
70
|
+
* @remarks
|
|
71
|
+
* Contains menu items with proper animations and positioning.
|
|
72
|
+
*
|
|
73
|
+
* @see {@link DropdownMenu} for parent component
|
|
74
|
+
* @see {@link DropdownMenuItem} for menu items
|
|
75
|
+
*/
|
|
15
76
|
const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { className: cn("z-50 max-h-[300px] min-w-[8rem] scroll-py-1 overflow-auto rounded-md border border-muted bg-background p-1 text-foreground shadow-md", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=open]:animate-in", className), ref: ref, sideOffset: sideOffset, ...props }) })));
|
|
16
77
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
78
|
+
/**
|
|
79
|
+
* Individual selectable item in the dropdown menu.
|
|
80
|
+
*
|
|
81
|
+
* @remarks
|
|
82
|
+
* Supports keyboard navigation and focus states.
|
|
83
|
+
*
|
|
84
|
+
* @see {@link DropdownMenuContent} for parent component
|
|
85
|
+
*/
|
|
17
86
|
const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-primary focus:text-primary-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className), ref: ref, ...props })));
|
|
18
87
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
88
|
+
/**
|
|
89
|
+
* Non-interactive label for a menu section.
|
|
90
|
+
*
|
|
91
|
+
* @see {@link DropdownMenuContent} for parent component
|
|
92
|
+
*/
|
|
19
93
|
const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { className: cn("px-2 py-1.5 font-semibold text-sm", inset && "pl-8", className), ref: ref, ...props })));
|
|
20
94
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
95
|
+
/**
|
|
96
|
+
* Visual separator between menu sections.
|
|
97
|
+
*/
|
|
21
98
|
const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { className: cn("-mx-1 my-1 h-px bg-muted", className), ref: ref, ...props })));
|
|
22
99
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
100
|
+
/**
|
|
101
|
+
* Keyboard shortcut hint for a menu item.
|
|
102
|
+
*
|
|
103
|
+
* @example
|
|
104
|
+
* ```tsx
|
|
105
|
+
* <DropdownMenuItem>
|
|
106
|
+
* Save
|
|
107
|
+
* <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
|
|
108
|
+
* </DropdownMenuItem>
|
|
109
|
+
* ```
|
|
110
|
+
*/
|
|
23
111
|
function DropdownMenuShortcut({ className, ...props }) {
|
|
24
112
|
return (_jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props }));
|
|
25
113
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/input.d.ts
CHANGED
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Props for the Input component.
|
|
4
|
+
*
|
|
5
|
+
* @see {@link Input} for the component
|
|
6
|
+
*/
|
|
2
7
|
export type InputProps = {} & React.InputHTMLAttributes<HTMLInputElement>;
|
|
8
|
+
/**
|
|
9
|
+
* A styled text input component.
|
|
10
|
+
*
|
|
11
|
+
* @remarks
|
|
12
|
+
* Input is a styled wrapper around the native HTML input element.
|
|
13
|
+
* It supports all standard input types and attributes.
|
|
14
|
+
*
|
|
15
|
+
* @param props - Standard input attributes including type, placeholder, etc.
|
|
16
|
+
* @returns A styled input element
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* // Basic text input
|
|
21
|
+
* <Input placeholder="Enter text..." />
|
|
22
|
+
*
|
|
23
|
+
* // Email input
|
|
24
|
+
* <Input type="email" placeholder="email@example.com" />
|
|
25
|
+
*
|
|
26
|
+
* // Disabled input
|
|
27
|
+
* <Input disabled value="Cannot edit" />
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
3
30
|
declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
|
|
4
31
|
export { Input };
|
|
5
32
|
//# sourceMappingURL=input.d.ts.map
|
package/dist/ui/input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1E,QAAA,MAAM,KAAK,sHAcV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,KAAK,sHAcV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/ui/input.js
CHANGED
|
@@ -1,6 +1,28 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { cn } from "../utils/cn";
|
|
4
|
+
/**
|
|
5
|
+
* A styled text input component.
|
|
6
|
+
*
|
|
7
|
+
* @remarks
|
|
8
|
+
* Input is a styled wrapper around the native HTML input element.
|
|
9
|
+
* It supports all standard input types and attributes.
|
|
10
|
+
*
|
|
11
|
+
* @param props - Standard input attributes including type, placeholder, etc.
|
|
12
|
+
* @returns A styled input element
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* // Basic text input
|
|
17
|
+
* <Input placeholder="Enter text..." />
|
|
18
|
+
*
|
|
19
|
+
* // Email input
|
|
20
|
+
* <Input type="email" placeholder="email@example.com" />
|
|
21
|
+
*
|
|
22
|
+
* // Disabled input
|
|
23
|
+
* <Input disabled value="Cannot edit" />
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
4
26
|
const Input = React.forwardRef(({ className, type, ...props }, ref) => {
|
|
5
27
|
return (_jsx("input", { className: cn("flex h-9 w-full rounded-md border border-muted bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:font-medium file:text-base placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, type: type, ...props }));
|
|
6
28
|
});
|
package/dist/ui/input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../ui/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../ui/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AASjC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtC,OAAO,CACN,gBACC,SAAS,EAAE,EAAE,CACZ,gVAAgV,EAChV,SAAS,CACT,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,KACN,KAAK,GACR,CACF,CAAC;AACH,CAAC,CACD,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/ui/label.d.ts
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
import { type VariantProps } from "class-variance-authority";
|
|
2
2
|
import { Label as LabelPrimitive } from "radix-ui";
|
|
3
3
|
import * as React from "react";
|
|
4
|
+
/**
|
|
5
|
+
* A label component for form inputs.
|
|
6
|
+
*
|
|
7
|
+
* @remarks
|
|
8
|
+
* Built on Radix UI Label primitive. Provides accessible labeling
|
|
9
|
+
* for form controls with proper styling and disabled state handling.
|
|
10
|
+
*
|
|
11
|
+
* @param props - Radix Label props including htmlFor
|
|
12
|
+
* @returns A styled label element
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Label htmlFor="email">Email</Label>
|
|
17
|
+
* <Input id="email" type="email" />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
4
20
|
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
5
21
|
export { Label };
|
|
6
22
|
//# sourceMappingURL=label.d.ts.map
|
package/dist/ui/label.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,KAAK,4PAUT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/ui/label.js
CHANGED
|
@@ -4,7 +4,27 @@ import { cva } from "class-variance-authority";
|
|
|
4
4
|
import { Label as LabelPrimitive } from "radix-ui";
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { cn } from "../utils/cn";
|
|
7
|
+
/**
|
|
8
|
+
* Label style variants using class-variance-authority.
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
7
11
|
const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
|
|
12
|
+
/**
|
|
13
|
+
* A label component for form inputs.
|
|
14
|
+
*
|
|
15
|
+
* @remarks
|
|
16
|
+
* Built on Radix UI Label primitive. Provides accessible labeling
|
|
17
|
+
* for form controls with proper styling and disabled state handling.
|
|
18
|
+
*
|
|
19
|
+
* @param props - Radix Label props including htmlFor
|
|
20
|
+
* @returns A styled label element
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* <Label htmlFor="email">Email</Label>
|
|
25
|
+
* <Input id="email" type="email" />
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
8
28
|
const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref: ref, ...props })));
|
|
9
29
|
Label.displayName = LabelPrimitive.Root.displayName;
|
|
10
30
|
export { Label };
|
package/dist/ui/label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../ui/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,aAAa,GAAG,GAAG,CACxB,4FAA4F,CAC5F,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,cAAc,CAAC,IAAI,IACnB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,EACzC,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../ui/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC;;;GAGG;AACH,MAAM,aAAa,GAAG,GAAG,CACxB,4FAA4F,CAC5F,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAI5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,cAAc,CAAC,IAAI,IACnB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,EACzC,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Popover as PopoverPrimitive } from "radix-ui";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
/**
|
|
4
|
+
* Root popover component for floating content.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* Built on Radix UI Popover primitive. Provides accessible
|
|
8
|
+
* floating panels with proper positioning and focus management.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Popover>
|
|
13
|
+
* <PopoverTrigger asChild>
|
|
14
|
+
* <Button>Open Popover</Button>
|
|
15
|
+
* </PopoverTrigger>
|
|
16
|
+
* <PopoverContent>
|
|
17
|
+
* <p>Popover content here</p>
|
|
18
|
+
* </PopoverContent>
|
|
19
|
+
* </Popover>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @see {@link PopoverContent} for the popover body
|
|
23
|
+
* @see {@link PopoverTrigger} for the trigger button
|
|
24
|
+
*/
|
|
25
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
26
|
+
/**
|
|
27
|
+
* Button or element that opens the popover.
|
|
28
|
+
*
|
|
29
|
+
* @see {@link Popover} for parent component
|
|
30
|
+
*/
|
|
31
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
/**
|
|
33
|
+
* Anchor element for custom popover positioning.
|
|
34
|
+
*
|
|
35
|
+
* @remarks
|
|
36
|
+
* Use when the trigger and anchor should be different elements.
|
|
37
|
+
*/
|
|
38
|
+
declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
/**
|
|
40
|
+
* Content container for the popover.
|
|
41
|
+
*
|
|
42
|
+
* @remarks
|
|
43
|
+
* Includes animations and proper positioning.
|
|
44
|
+
* Default alignment is center with 4px offset.
|
|
45
|
+
*
|
|
46
|
+
* @see {@link Popover} for parent component
|
|
47
|
+
*/
|
|
48
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
50
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD;;;;;GAKG;AACH,QAAA,MAAM,aAAa,4GAA0B,CAAC;AAE9C;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Popover as PopoverPrimitive } from "radix-ui";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { cn } from "../utils/cn";
|
|
6
|
+
/**
|
|
7
|
+
* Root popover component for floating content.
|
|
8
|
+
*
|
|
9
|
+
* @remarks
|
|
10
|
+
* Built on Radix UI Popover primitive. Provides accessible
|
|
11
|
+
* floating panels with proper positioning and focus management.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Popover>
|
|
16
|
+
* <PopoverTrigger asChild>
|
|
17
|
+
* <Button>Open Popover</Button>
|
|
18
|
+
* </PopoverTrigger>
|
|
19
|
+
* <PopoverContent>
|
|
20
|
+
* <p>Popover content here</p>
|
|
21
|
+
* </PopoverContent>
|
|
22
|
+
* </Popover>
|
|
23
|
+
* ```
|
|
24
|
+
*
|
|
25
|
+
* @see {@link PopoverContent} for the popover body
|
|
26
|
+
* @see {@link PopoverTrigger} for the trigger button
|
|
27
|
+
*/
|
|
28
|
+
const Popover = PopoverPrimitive.Root;
|
|
29
|
+
/**
|
|
30
|
+
* Button or element that opens the popover.
|
|
31
|
+
*
|
|
32
|
+
* @see {@link Popover} for parent component
|
|
33
|
+
*/
|
|
34
|
+
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
35
|
+
/**
|
|
36
|
+
* Anchor element for custom popover positioning.
|
|
37
|
+
*
|
|
38
|
+
* @remarks
|
|
39
|
+
* Use when the trigger and anchor should be different elements.
|
|
40
|
+
*/
|
|
41
|
+
const PopoverAnchor = PopoverPrimitive.Anchor;
|
|
42
|
+
/**
|
|
43
|
+
* Content container for the popover.
|
|
44
|
+
*
|
|
45
|
+
* @remarks
|
|
46
|
+
* Includes animations and proper positioning.
|
|
47
|
+
* Default alignment is center with 4px offset.
|
|
48
|
+
*
|
|
49
|
+
* @see {@link Popover} for parent component
|
|
50
|
+
*/
|
|
51
|
+
const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { align: align, className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border bg-background p-4 text-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", className), ref: ref, sideOffset: sideOffset, ...props }) })));
|
|
52
|
+
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
53
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
|
54
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../ui/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAEtC;;;;GAIG;AACH,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrE,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,gBAAgB,CAAC,OAAO,IACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACZ,yaAAya,EACza,SAAS,CACT,EACD,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,KAClB,KAAK,GACR,GACuB,CAC1B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/ui/sonner.d.ts
CHANGED
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
import { Toaster as Sonner } from "sonner";
|
|
2
|
+
/**
|
|
3
|
+
* Props for the Toaster component.
|
|
4
|
+
*
|
|
5
|
+
* @see {@link Toaster} for the component
|
|
6
|
+
*/
|
|
2
7
|
type ToasterProps = React.ComponentProps<typeof Sonner>;
|
|
8
|
+
/**
|
|
9
|
+
* Toast notification container component.
|
|
10
|
+
*
|
|
11
|
+
* @remarks
|
|
12
|
+
* Wrapper around the Sonner toast library with theme integration.
|
|
13
|
+
* Automatically adapts to the current theme (light/dark/system).
|
|
14
|
+
* Default toast duration is 2000ms.
|
|
15
|
+
*
|
|
16
|
+
* @param props - Sonner Toaster props
|
|
17
|
+
* @returns A toast container that displays notifications
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* // Add to your app layout
|
|
22
|
+
* <Toaster />
|
|
23
|
+
*
|
|
24
|
+
* // Trigger toasts from anywhere
|
|
25
|
+
* import { toast } from "sonner";
|
|
26
|
+
* toast.success("Operation completed!");
|
|
27
|
+
* toast.error("Something went wrong");
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
3
30
|
declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
|
|
4
31
|
export { Toaster };
|
|
5
32
|
//# sourceMappingURL=sonner.d.ts.map
|
package/dist/ui/sonner.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../ui/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAsB1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../ui/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE3C;;;;GAIG;AACH,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAsB1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/dist/ui/sonner.js
CHANGED
|
@@ -2,6 +2,28 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useTheme } from "next-themes";
|
|
4
4
|
import { Toaster as Sonner } from "sonner";
|
|
5
|
+
/**
|
|
6
|
+
* Toast notification container component.
|
|
7
|
+
*
|
|
8
|
+
* @remarks
|
|
9
|
+
* Wrapper around the Sonner toast library with theme integration.
|
|
10
|
+
* Automatically adapts to the current theme (light/dark/system).
|
|
11
|
+
* Default toast duration is 2000ms.
|
|
12
|
+
*
|
|
13
|
+
* @param props - Sonner Toaster props
|
|
14
|
+
* @returns A toast container that displays notifications
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* // Add to your app layout
|
|
19
|
+
* <Toaster />
|
|
20
|
+
*
|
|
21
|
+
* // Trigger toasts from anywhere
|
|
22
|
+
* import { toast } from "sonner";
|
|
23
|
+
* toast.success("Operation completed!");
|
|
24
|
+
* toast.error("Something went wrong");
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
5
27
|
function Toaster({ ...props }) {
|
|
6
28
|
const { theme = "system" } = useTheme();
|
|
7
29
|
return (_jsx(Sonner, { className: "toaster group", duration: 2000, theme: theme, toastOptions: {
|
package/dist/ui/sonner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sonner.js","sourceRoot":"","sources":["../../ui/sonner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"sonner.js","sourceRoot":"","sources":["../../ui/sonner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAS3C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,SAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAgB;IAC1C,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAExC,OAAO,CACN,KAAC,MAAM,IACN,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,KAA8B,EACrC,YAAY,EAAE;YACb,UAAU,EAAE;gBACX,KAAK,EACJ,qGAAqG;gBACtG,WAAW,EAAE,sCAAsC;gBACnD,YAAY,EACX,4DAA4D;gBAC7D,YAAY,EACX,8DAA8D;aAC/D;SACD,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/dist/ui/tabs.d.ts
CHANGED
|
@@ -1,8 +1,58 @@
|
|
|
1
1
|
import { Tabs as TabsPrimitive } from "radix-ui";
|
|
2
2
|
import * as React from "react";
|
|
3
|
+
/**
|
|
4
|
+
* Root tabs container component.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* Built on Radix UI Tabs primitive. Provides accessible tabbed interface.
|
|
8
|
+
* Use with TabsList, TabsTrigger, and TabsContent for complete tab UI.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Tabs defaultValue="tab1">
|
|
13
|
+
* <TabsList>
|
|
14
|
+
* <TabsTrigger value="tab1">Tab 1</TabsTrigger>
|
|
15
|
+
* <TabsTrigger value="tab2">Tab 2</TabsTrigger>
|
|
16
|
+
* </TabsList>
|
|
17
|
+
* <TabsContent value="tab1">Content 1</TabsContent>
|
|
18
|
+
* <TabsContent value="tab2">Content 2</TabsContent>
|
|
19
|
+
* </Tabs>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @see {@link TabsList} for the tab button container
|
|
23
|
+
* @see {@link TabsTrigger} for individual tab buttons
|
|
24
|
+
* @see {@link TabsContent} for tab panel content
|
|
25
|
+
*/
|
|
3
26
|
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
/**
|
|
28
|
+
* Container for tab trigger buttons.
|
|
29
|
+
*
|
|
30
|
+
* @remarks
|
|
31
|
+
* Groups TabsTrigger components together with proper styling.
|
|
32
|
+
*
|
|
33
|
+
* @see {@link Tabs} for the parent container
|
|
34
|
+
* @see {@link TabsTrigger} for individual tab buttons
|
|
35
|
+
*/
|
|
4
36
|
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
/**
|
|
38
|
+
* A tab button that activates a corresponding TabsContent panel.
|
|
39
|
+
*
|
|
40
|
+
* @remarks
|
|
41
|
+
* Shows active state with gradient background.
|
|
42
|
+
*
|
|
43
|
+
* @see {@link TabsList} for the parent container
|
|
44
|
+
* @see {@link TabsContent} for the associated content panel
|
|
45
|
+
*/
|
|
5
46
|
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
47
|
+
/**
|
|
48
|
+
* Content panel for a tab.
|
|
49
|
+
*
|
|
50
|
+
* @remarks
|
|
51
|
+
* Only visible when its corresponding TabsTrigger is active.
|
|
52
|
+
*
|
|
53
|
+
* @see {@link Tabs} for the parent container
|
|
54
|
+
* @see {@link TabsTrigger} for the associated trigger button
|
|
55
|
+
*/
|
|
6
56
|
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
57
|
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
8
58
|
//# sourceMappingURL=tabs.d.ts.map
|
package/dist/ui/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC;;;;;;;;GAQG;AACH,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/ui/tabs.js
CHANGED
|
@@ -3,11 +3,61 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { Tabs as TabsPrimitive } from "radix-ui";
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { cn } from "../utils/cn";
|
|
6
|
+
/**
|
|
7
|
+
* Root tabs container component.
|
|
8
|
+
*
|
|
9
|
+
* @remarks
|
|
10
|
+
* Built on Radix UI Tabs primitive. Provides accessible tabbed interface.
|
|
11
|
+
* Use with TabsList, TabsTrigger, and TabsContent for complete tab UI.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Tabs defaultValue="tab1">
|
|
16
|
+
* <TabsList>
|
|
17
|
+
* <TabsTrigger value="tab1">Tab 1</TabsTrigger>
|
|
18
|
+
* <TabsTrigger value="tab2">Tab 2</TabsTrigger>
|
|
19
|
+
* </TabsList>
|
|
20
|
+
* <TabsContent value="tab1">Content 1</TabsContent>
|
|
21
|
+
* <TabsContent value="tab2">Content 2</TabsContent>
|
|
22
|
+
* </Tabs>
|
|
23
|
+
* ```
|
|
24
|
+
*
|
|
25
|
+
* @see {@link TabsList} for the tab button container
|
|
26
|
+
* @see {@link TabsTrigger} for individual tab buttons
|
|
27
|
+
* @see {@link TabsContent} for tab panel content
|
|
28
|
+
*/
|
|
6
29
|
const Tabs = TabsPrimitive.Root;
|
|
30
|
+
/**
|
|
31
|
+
* Container for tab trigger buttons.
|
|
32
|
+
*
|
|
33
|
+
* @remarks
|
|
34
|
+
* Groups TabsTrigger components together with proper styling.
|
|
35
|
+
*
|
|
36
|
+
* @see {@link Tabs} for the parent container
|
|
37
|
+
* @see {@link TabsTrigger} for individual tab buttons
|
|
38
|
+
*/
|
|
7
39
|
const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { className: cn("inline-flex h-9 items-center justify-center rounded-lg p-1 text-muted-foreground", className), ref: ref, ...props })));
|
|
8
40
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
41
|
+
/**
|
|
42
|
+
* A tab button that activates a corresponding TabsContent panel.
|
|
43
|
+
*
|
|
44
|
+
* @remarks
|
|
45
|
+
* Shows active state with gradient background.
|
|
46
|
+
*
|
|
47
|
+
* @see {@link TabsList} for the parent container
|
|
48
|
+
* @see {@link TabsContent} for the associated content panel
|
|
49
|
+
*/
|
|
9
50
|
const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 font-medium text-primary text-sm ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-linear-to-r data-[state=active]:from-primary data-[state=active]:to-primary-grad data-[state=active]:text-white", className), ref: ref, ...props })));
|
|
10
51
|
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
52
|
+
/**
|
|
53
|
+
* Content panel for a tab.
|
|
54
|
+
*
|
|
55
|
+
* @remarks
|
|
56
|
+
* Only visible when its corresponding TabsTrigger is active.
|
|
57
|
+
*
|
|
58
|
+
* @see {@link Tabs} for the parent container
|
|
59
|
+
* @see {@link TabsTrigger} for the associated trigger button
|
|
60
|
+
*/
|
|
11
61
|
const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { className: cn("mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", className), ref: ref, ...props })));
|
|
12
62
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
13
63
|
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
package/dist/ui/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../ui/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,IAAI,IAClB,SAAS,EAAE,EAAE,CACZ,kFAAkF,EAClF,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,SAAS,EAAE,EAAE,CACZ,wbAAwb,EACxb,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,SAAS,EAAE,EAAE,CACZ,sIAAsI,EACtI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../ui/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC;;;;;;;;GAQG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,IAAI,IAClB,SAAS,EAAE,EAAE,CACZ,kFAAkF,EAClF,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD;;;;;;;;GAQG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,SAAS,EAAE,EAAE,CACZ,wbAAwb,EACxb,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D;;;;;;;;GAQG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,SAAS,EAAE,EAAE,CACZ,sIAAsI,EACtI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/ui/textarea.d.ts
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Props for the Textarea component.
|
|
4
|
+
*
|
|
5
|
+
* @see {@link Textarea} for the component
|
|
6
|
+
*/
|
|
2
7
|
export type TextareaProps = {} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
8
|
+
/**
|
|
9
|
+
* A styled multi-line text input component.
|
|
10
|
+
*
|
|
11
|
+
* @remarks
|
|
12
|
+
* Textarea is a styled wrapper around the native HTML textarea element.
|
|
13
|
+
* Supports all standard textarea attributes including rows and cols.
|
|
14
|
+
*
|
|
15
|
+
* @param props - Standard textarea attributes including placeholder, rows, etc.
|
|
16
|
+
* @returns A styled textarea element
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* // Basic textarea
|
|
21
|
+
* <Textarea placeholder="Enter your message..." />
|
|
22
|
+
*
|
|
23
|
+
* // With specific row count
|
|
24
|
+
* <Textarea rows={5} placeholder="Write your content..." />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
3
27
|
declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
4
28
|
export { Textarea };
|
|
5
29
|
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GACxB,EAAE,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAExD,QAAA,MAAM,QAAQ,+HAab,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,MAAM,MAAM,aAAa,GACxB,EAAE,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,QAAQ,+HAab,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|