@pixpilot/shadcn 2.1.0 → 2.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/components/index.d.ts +1 -0
- package/dist/components/ui/dialog.d.ts +1 -0
- package/dist/components/ui/dialog.js +12 -8
- package/dist/components/ui/drawer.d.ts +1 -0
- package/dist/components/ui/drawer.js +4 -1
- package/dist/components/ui/form.d.ts +21 -1
- package/dist/components/ui/index.d.ts +1 -0
- package/dist/components/ui/portal-container.d.ts +17 -0
- package/dist/components/ui/portal-container.js +30 -0
- package/dist/components/ui/radio-group.d.ts +3 -3
- package/dist/components/ui/select.d.ts +11 -11
- package/dist/components/ui/separator.d.ts +2 -2
- package/dist/components/ui/shadcn-io/tags/index.d.ts +9 -9
- package/dist/components/ui/shadcn-io/tags-input-inline/index.d.ts +7 -7
- package/dist/components/ui/sheet.d.ts +9 -9
- package/dist/components/ui/slider.d.ts +2 -2
- package/dist/components/ui/switch.d.ts +2 -2
- package/dist/components/ui/tabs.d.ts +5 -5
- package/dist/components/ui/tabs.js +2 -2
- package/dist/components/ui/textarea.d.ts +2 -2
- package/dist/components/ui/toggle-group.d.ts +3 -3
- package/dist/components/ui/toggle.d.ts +2 -2
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/package.json +30 -29
|
@@ -21,6 +21,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
|
|
|
21
21
|
import { Label } from "./ui/label.js";
|
|
22
22
|
import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
|
|
23
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
|
|
24
|
+
import { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer } from "./ui/portal-container.js";
|
|
24
25
|
import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
|
|
25
26
|
import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./ui/shadcn-io/tags/index.js";
|
|
26
27
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
|
|
@@ -11,6 +11,7 @@ declare function DialogTrigger({
|
|
|
11
11
|
...props
|
|
12
12
|
}: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime60.JSX.Element;
|
|
13
13
|
declare function DialogPortal({
|
|
14
|
+
container,
|
|
14
15
|
...props
|
|
15
16
|
}: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime60.JSX.Element;
|
|
16
17
|
declare function DialogClose({
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import { usePortalContainer } from "./portal-container.js";
|
|
2
3
|
import * as React from "react";
|
|
3
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
5
|
import { XIcon } from "lucide-react";
|
|
@@ -30,9 +31,11 @@ function DialogTrigger({ ...props }) {
|
|
|
30
31
|
...props
|
|
31
32
|
});
|
|
32
33
|
}
|
|
33
|
-
function DialogPortal({
|
|
34
|
+
function DialogPortal({ container,...props }) {
|
|
35
|
+
const resolvedContainer = usePortalContainer(container);
|
|
34
36
|
return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
|
|
35
37
|
"data-slot": "dialog-portal",
|
|
38
|
+
container: resolvedContainer,
|
|
36
39
|
...props
|
|
37
40
|
});
|
|
38
41
|
}
|
|
@@ -51,30 +54,31 @@ function DialogOverlay({ className,...props }) {
|
|
|
51
54
|
}
|
|
52
55
|
function DialogContent({ className, children, showCloseButton = true, disableOutsideClick = false, container, onPointerDownOutside,...props }) {
|
|
53
56
|
const dialogContainer = React.use(DialogContainerContext);
|
|
57
|
+
const resolvedContainer = usePortalContainer(container);
|
|
54
58
|
React.useEffect(() => {
|
|
55
59
|
if (!dialogContainer) return;
|
|
56
|
-
dialogContainer.setHasContainer(Boolean(
|
|
57
|
-
}, [
|
|
60
|
+
dialogContainer.setHasContainer(Boolean(resolvedContainer));
|
|
61
|
+
}, [dialogContainer, resolvedContainer]);
|
|
58
62
|
return /* @__PURE__ */ jsxs(DialogPortal, {
|
|
59
|
-
container
|
|
63
|
+
container,
|
|
60
64
|
"data-slot": "dialog-portal",
|
|
61
|
-
children: [
|
|
65
|
+
children: [resolvedContainer ? /* @__PURE__ */ jsx("div", {
|
|
62
66
|
"aria-hidden": "true",
|
|
63
67
|
"data-slot": "dialog-overlay",
|
|
64
68
|
"data-state": "open",
|
|
65
69
|
className: cn(dialogOverlayBaseClass, "absolute")
|
|
66
70
|
}) : /* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogContentPrimitive, {
|
|
67
71
|
"data-slot": "dialog-content",
|
|
68
|
-
disableOutsidePointerEvents:
|
|
72
|
+
disableOutsidePointerEvents: resolvedContainer ? false : void 0,
|
|
69
73
|
onPointerDownOutside: (event) => {
|
|
70
74
|
onPointerDownOutside?.(event);
|
|
71
75
|
if (disableOutsideClick) {
|
|
72
76
|
event.preventDefault();
|
|
73
77
|
return;
|
|
74
78
|
}
|
|
75
|
-
if (
|
|
79
|
+
if (resolvedContainer && !resolvedContainer.contains(event.target)) event.preventDefault();
|
|
76
80
|
},
|
|
77
|
-
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
|
81
|
+
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", resolvedContainer && "absolute", className),
|
|
78
82
|
...props,
|
|
79
83
|
children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
|
|
80
84
|
"data-slot": "dialog-close",
|
|
@@ -20,6 +20,7 @@ declare function DrawerTrigger({
|
|
|
20
20
|
...props
|
|
21
21
|
}: React.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime70.JSX.Element;
|
|
22
22
|
declare function DrawerPortal({
|
|
23
|
+
container,
|
|
23
24
|
...props
|
|
24
25
|
}: React.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime70.JSX.Element;
|
|
25
26
|
declare function DrawerClose({
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import { usePortalContainer } from "./portal-container.js";
|
|
5
6
|
import "react";
|
|
6
7
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
8
|
import { Drawer } from "vaul";
|
|
@@ -28,9 +29,11 @@ function DrawerTrigger({ ...props }) {
|
|
|
28
29
|
...props
|
|
29
30
|
});
|
|
30
31
|
}
|
|
31
|
-
function DrawerPortal({
|
|
32
|
+
function DrawerPortal({ container,...props }) {
|
|
33
|
+
const resolvedContainer = usePortalContainer(container);
|
|
32
34
|
return /* @__PURE__ */ jsx(Drawer.Portal, {
|
|
33
35
|
"data-slot": "drawer-portal",
|
|
36
|
+
container: resolvedContainer,
|
|
34
37
|
...props
|
|
35
38
|
});
|
|
36
39
|
}
|
|
@@ -6,7 +6,27 @@ import * as react_hook_form0 from "react-hook-form";
|
|
|
6
6
|
import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
|
|
7
7
|
|
|
8
8
|
//#region src/components/ui/form.d.ts
|
|
9
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(
|
|
9
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({
|
|
10
|
+
children,
|
|
11
|
+
watch,
|
|
12
|
+
getValues,
|
|
13
|
+
getFieldState,
|
|
14
|
+
setError,
|
|
15
|
+
clearErrors,
|
|
16
|
+
setValue,
|
|
17
|
+
setValues,
|
|
18
|
+
trigger,
|
|
19
|
+
formState,
|
|
20
|
+
resetField,
|
|
21
|
+
reset,
|
|
22
|
+
resetDefaultValues,
|
|
23
|
+
handleSubmit,
|
|
24
|
+
unregister,
|
|
25
|
+
control,
|
|
26
|
+
register,
|
|
27
|
+
setFocus,
|
|
28
|
+
subscribe
|
|
29
|
+
}: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
10
30
|
declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
|
|
11
31
|
...props
|
|
12
32
|
}: ControllerProps<TFieldValues, TName>): react_jsx_runtime0.JSX.Element;
|
|
@@ -21,6 +21,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
|
|
|
21
21
|
import { Label } from "./label.js";
|
|
22
22
|
import { OrContinueWithSeparator } from "./OrContinueWithSeparator.js";
|
|
23
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination.js";
|
|
24
|
+
import { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer } from "./portal-container.js";
|
|
24
25
|
import { RadioGroup, RadioGroupItem } from "./radio-group.js";
|
|
25
26
|
import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./shadcn-io/tags/index.js";
|
|
26
27
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./shadcn-io/tags-input-inline/index.js";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime125 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/portal-container.d.ts
|
|
5
|
+
type PortalContainerRef = React.RefObject<HTMLElement | null>;
|
|
6
|
+
type PortalContainer = Element | DocumentFragment;
|
|
7
|
+
interface PortalContainerProviderProps {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
portalContainerRef?: PortalContainerRef;
|
|
10
|
+
}
|
|
11
|
+
declare function PortalContainerProvider({
|
|
12
|
+
children,
|
|
13
|
+
portalContainerRef
|
|
14
|
+
}: PortalContainerProviderProps): react_jsx_runtime125.JSX.Element;
|
|
15
|
+
declare function usePortalContainer(container?: PortalContainer | null): PortalContainer | undefined;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region src/components/ui/portal-container.tsx
|
|
8
|
+
const PortalContainerContext = React.createContext(null);
|
|
9
|
+
function subscribeToPortalContainer(listener) {
|
|
10
|
+
if (typeof document === "undefined") return () => void 0;
|
|
11
|
+
const observer = new MutationObserver(listener);
|
|
12
|
+
observer.observe(document, {
|
|
13
|
+
childList: true,
|
|
14
|
+
subtree: true
|
|
15
|
+
});
|
|
16
|
+
return () => observer.disconnect();
|
|
17
|
+
}
|
|
18
|
+
function PortalContainerProvider({ children, portalContainerRef }) {
|
|
19
|
+
return /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
|
|
20
|
+
value: portalContainerRef ?? null,
|
|
21
|
+
children
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function usePortalContainer(container) {
|
|
25
|
+
const portalContainerRef = React.useContext(PortalContainerContext);
|
|
26
|
+
return React.useSyncExternalStore(subscribeToPortalContainer, () => container ?? portalContainerRef?.current ?? void 0, () => void 0);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
export { PortalContainerProvider, usePortalContainer };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime126 from "react/jsx-runtime";
|
|
3
3
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/radio-group.d.ts
|
|
6
6
|
declare function RadioGroup({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof RadioGroupPrimitive.Root>):
|
|
9
|
+
}: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime126.JSX.Element;
|
|
10
10
|
declare function RadioGroupItem({
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
|
-
}: React.ComponentProps<typeof RadioGroupPrimitive.Item>):
|
|
13
|
+
}: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime126.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { RadioGroup, RadioGroupItem };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime128 from "react/jsx-runtime";
|
|
3
3
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/select.d.ts
|
|
6
6
|
declare function Select({
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof SelectPrimitive.Root>):
|
|
8
|
+
}: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime128.JSX.Element;
|
|
9
9
|
declare function SelectGroup({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof SelectPrimitive.Group>):
|
|
11
|
+
}: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime128.JSX.Element;
|
|
12
12
|
declare function SelectValue({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof SelectPrimitive.Value>):
|
|
14
|
+
}: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime128.JSX.Element;
|
|
15
15
|
declare function SelectTrigger({
|
|
16
16
|
className,
|
|
17
17
|
size,
|
|
@@ -19,34 +19,34 @@ declare function SelectTrigger({
|
|
|
19
19
|
...props
|
|
20
20
|
}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
21
21
|
size?: 'sm' | 'default';
|
|
22
|
-
}):
|
|
22
|
+
}): react_jsx_runtime128.JSX.Element;
|
|
23
23
|
declare function SelectContent({
|
|
24
24
|
className,
|
|
25
25
|
children,
|
|
26
26
|
position,
|
|
27
27
|
align,
|
|
28
28
|
...props
|
|
29
|
-
}: React.ComponentProps<typeof SelectPrimitive.Content>):
|
|
29
|
+
}: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime128.JSX.Element;
|
|
30
30
|
declare function SelectLabel({
|
|
31
31
|
className,
|
|
32
32
|
...props
|
|
33
|
-
}: React.ComponentProps<typeof SelectPrimitive.Label>):
|
|
33
|
+
}: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime128.JSX.Element;
|
|
34
34
|
declare function SelectItem({
|
|
35
35
|
className,
|
|
36
36
|
children,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof SelectPrimitive.Item>):
|
|
38
|
+
}: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime128.JSX.Element;
|
|
39
39
|
declare function SelectSeparator({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React.ComponentProps<typeof SelectPrimitive.Separator>):
|
|
42
|
+
}: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime128.JSX.Element;
|
|
43
43
|
declare function SelectScrollUpButton({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
|
-
}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>):
|
|
46
|
+
}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime128.JSX.Element;
|
|
47
47
|
declare function SelectScrollDownButton({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>):
|
|
50
|
+
}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime128.JSX.Element;
|
|
51
51
|
//#endregion
|
|
52
52
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime138 from "react/jsx-runtime";
|
|
3
3
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/separator.d.ts
|
|
@@ -8,6 +8,6 @@ declare function Separator({
|
|
|
8
8
|
orientation,
|
|
9
9
|
decorative,
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof SeparatorPrimitive.Root>):
|
|
11
|
+
}: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime138.JSX.Element;
|
|
12
12
|
//#endregion
|
|
13
13
|
export { Separator };
|
|
@@ -3,7 +3,7 @@ import { Button } from "../../button.js";
|
|
|
3
3
|
import { PopoverContent } from "../../popover.js";
|
|
4
4
|
import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
|
|
5
5
|
import { ComponentProps, ReactNode } from "react";
|
|
6
|
-
import * as
|
|
6
|
+
import * as react_jsx_runtime139 from "react/jsx-runtime";
|
|
7
7
|
|
|
8
8
|
//#region src/components/ui/shadcn-io/tags/index.d.ts
|
|
9
9
|
interface TagsProps {
|
|
@@ -21,13 +21,13 @@ declare function Tags({
|
|
|
21
21
|
onOpenChange: controlledOnOpenChange,
|
|
22
22
|
children,
|
|
23
23
|
className
|
|
24
|
-
}: TagsProps):
|
|
24
|
+
}: TagsProps): react_jsx_runtime139.JSX.Element;
|
|
25
25
|
type TagsTriggerProps = ComponentProps<typeof Button>;
|
|
26
26
|
declare function TagsTrigger({
|
|
27
27
|
className,
|
|
28
28
|
children,
|
|
29
29
|
...props
|
|
30
|
-
}: TagsTriggerProps):
|
|
30
|
+
}: TagsTriggerProps): react_jsx_runtime139.JSX.Element;
|
|
31
31
|
type TagsValueProps = ComponentProps<typeof Badge>;
|
|
32
32
|
declare function TagsValue({
|
|
33
33
|
className,
|
|
@@ -36,35 +36,35 @@ declare function TagsValue({
|
|
|
36
36
|
...props
|
|
37
37
|
}: TagsValueProps & {
|
|
38
38
|
onRemove?: () => void;
|
|
39
|
-
}):
|
|
39
|
+
}): react_jsx_runtime139.JSX.Element;
|
|
40
40
|
type TagsContentProps = ComponentProps<typeof PopoverContent>;
|
|
41
41
|
declare function TagsContent({
|
|
42
42
|
className,
|
|
43
43
|
children,
|
|
44
44
|
...props
|
|
45
|
-
}: TagsContentProps):
|
|
45
|
+
}: TagsContentProps): react_jsx_runtime139.JSX.Element;
|
|
46
46
|
type TagsInputProps = ComponentProps<typeof CommandInput>;
|
|
47
47
|
declare function TagsInput({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}: TagsInputProps):
|
|
50
|
+
}: TagsInputProps): react_jsx_runtime139.JSX.Element;
|
|
51
51
|
type TagsListProps = ComponentProps<typeof CommandList>;
|
|
52
52
|
declare function TagsList({
|
|
53
53
|
className,
|
|
54
54
|
...props
|
|
55
|
-
}: TagsListProps):
|
|
55
|
+
}: TagsListProps): react_jsx_runtime139.JSX.Element;
|
|
56
56
|
type TagsEmptyProps = ComponentProps<typeof CommandEmpty>;
|
|
57
57
|
declare function TagsEmpty({
|
|
58
58
|
children,
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: TagsEmptyProps):
|
|
61
|
+
}: TagsEmptyProps): react_jsx_runtime139.JSX.Element;
|
|
62
62
|
type TagsGroupProps = ComponentProps<typeof CommandGroup>;
|
|
63
63
|
declare const TagsGroup: typeof CommandGroup;
|
|
64
64
|
type TagsItemProps = ComponentProps<typeof CommandItem>;
|
|
65
65
|
declare function TagsItem({
|
|
66
66
|
className,
|
|
67
67
|
...props
|
|
68
|
-
}: TagsItemProps):
|
|
68
|
+
}: TagsItemProps): react_jsx_runtime139.JSX.Element;
|
|
69
69
|
//#endregion
|
|
70
70
|
export { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps };
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime147 from "react/jsx-runtime";
|
|
3
3
|
import * as TagsInputPrimitive from "@diceui/tags-input";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/shadcn-io/tags-input-inline/index.d.ts
|
|
6
6
|
declare function TagsInputInLineRoot({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof TagsInputPrimitive.Root>):
|
|
9
|
+
}: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime147.JSX.Element;
|
|
10
10
|
declare function TagsInputInLineLabel({
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
|
-
}: React.ComponentProps<typeof TagsInputPrimitive.Label>):
|
|
13
|
+
}: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime147.JSX.Element;
|
|
14
14
|
declare function TagsInputInLineList({
|
|
15
15
|
className,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<'div'>):
|
|
17
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime147.JSX.Element;
|
|
18
18
|
declare function TagsInputInLineInput({
|
|
19
19
|
className,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<typeof TagsInputPrimitive.Input>):
|
|
21
|
+
}: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime147.JSX.Element;
|
|
22
22
|
declare function TagsInputInLineItem({
|
|
23
23
|
className,
|
|
24
24
|
children,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<typeof TagsInputPrimitive.Item>):
|
|
26
|
+
}: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime147.JSX.Element;
|
|
27
27
|
declare function TagsInputInLineClear({
|
|
28
28
|
...props
|
|
29
|
-
}: React.ComponentProps<typeof TagsInputPrimitive.Clear>):
|
|
29
|
+
}: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime147.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
31
|
export { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime153 from "react/jsx-runtime";
|
|
3
3
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/sheet.d.ts
|
|
6
6
|
declare function Sheet({
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof SheetPrimitive.Root>):
|
|
8
|
+
}: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime153.JSX.Element;
|
|
9
9
|
declare function SheetTrigger({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof SheetPrimitive.Trigger>):
|
|
11
|
+
}: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime153.JSX.Element;
|
|
12
12
|
declare function SheetClose({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof SheetPrimitive.Close>):
|
|
14
|
+
}: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime153.JSX.Element;
|
|
15
15
|
declare function SheetContent({
|
|
16
16
|
className,
|
|
17
17
|
children,
|
|
@@ -19,22 +19,22 @@ declare function SheetContent({
|
|
|
19
19
|
...props
|
|
20
20
|
}: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
21
21
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
22
|
-
}):
|
|
22
|
+
}): react_jsx_runtime153.JSX.Element;
|
|
23
23
|
declare function SheetHeader({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<'div'>):
|
|
26
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime153.JSX.Element;
|
|
27
27
|
declare function SheetFooter({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<'div'>):
|
|
30
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime153.JSX.Element;
|
|
31
31
|
declare function SheetTitle({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof SheetPrimitive.Title>):
|
|
34
|
+
}: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime153.JSX.Element;
|
|
35
35
|
declare function SheetDescription({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof SheetPrimitive.Description>):
|
|
38
|
+
}: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime153.JSX.Element;
|
|
39
39
|
//#endregion
|
|
40
40
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime161 from "react/jsx-runtime";
|
|
3
3
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/slider.d.ts
|
|
@@ -10,6 +10,6 @@ declare function Slider({
|
|
|
10
10
|
min,
|
|
11
11
|
max,
|
|
12
12
|
...props
|
|
13
|
-
}: React.ComponentProps<typeof SliderPrimitive.Root>):
|
|
13
|
+
}: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime161.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Slider };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime162 from "react/jsx-runtime";
|
|
3
3
|
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/switch.d.ts
|
|
6
6
|
declare function Switch({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof SwitchPrimitive.Root>):
|
|
9
|
+
}: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime162.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Switch };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime163 from "react/jsx-runtime";
|
|
4
4
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
5
5
|
import * as class_variance_authority_types5 from "class-variance-authority/types";
|
|
6
6
|
|
|
@@ -14,20 +14,20 @@ declare const tabsTriggerVariants: (props?: ({
|
|
|
14
14
|
declare function Tabs({
|
|
15
15
|
className,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<typeof TabsPrimitive.Root>):
|
|
17
|
+
}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime163.JSX.Element;
|
|
18
18
|
declare function TabsList({
|
|
19
19
|
className,
|
|
20
20
|
variant,
|
|
21
21
|
...props
|
|
22
|
-
}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>):
|
|
22
|
+
}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime163.JSX.Element;
|
|
23
23
|
declare function TabsTrigger({
|
|
24
24
|
className,
|
|
25
25
|
variant,
|
|
26
26
|
...props
|
|
27
|
-
}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>):
|
|
27
|
+
}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime163.JSX.Element;
|
|
28
28
|
declare function TabsContent({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<typeof TabsPrimitive.Content>):
|
|
31
|
+
}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime163.JSX.Element;
|
|
32
32
|
//#endregion
|
|
33
33
|
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
@@ -16,10 +16,10 @@ const tabsListVariants = cva("inline-flex items-center justify-center", {
|
|
|
16
16
|
});
|
|
17
17
|
const tabsTriggerVariants = cva("inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
18
18
|
variants: { variant: {
|
|
19
|
-
default: "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring
|
|
19
|
+
default: "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground dark:text-muted-foreground h-[calc(100%-1px)] flex-1 data-[state=active]:shadow-sm",
|
|
20
20
|
outline: "data-[state=active]:bg-background data-[state=active]:border-input focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-muted-foreground data-[state=active]:text-foreground h-[calc(100%-1px)] flex-1 data-[state=active]:shadow-sm border-input",
|
|
21
21
|
ghost: "data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-muted-foreground hover:text-foreground h-[calc(100%-1px)] flex-1",
|
|
22
|
-
pill: "data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring
|
|
22
|
+
pill: "data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring d text-foreground dark:text-muted-foreground h-[calc(100%-2px)] flex-1 rounded-full data-[state=active]:shadow-sm"
|
|
23
23
|
} },
|
|
24
24
|
defaultVariants: { variant: "default" }
|
|
25
25
|
});
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime167 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ui/textarea.d.ts
|
|
5
5
|
declare function Textarea({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<'textarea'>):
|
|
8
|
+
}: React.ComponentProps<'textarea'>): react_jsx_runtime167.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Textarea };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { toggleVariants } from "./toggle.js";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime169 from "react/jsx-runtime";
|
|
5
5
|
import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
6
6
|
|
|
7
7
|
//#region src/components/ui/toggle-group.d.ts
|
|
@@ -18,13 +18,13 @@ declare function ToggleGroup({
|
|
|
18
18
|
children,
|
|
19
19
|
ref,
|
|
20
20
|
...props
|
|
21
|
-
}: ToggleGroupProps):
|
|
21
|
+
}: ToggleGroupProps): react_jsx_runtime169.JSX.Element;
|
|
22
22
|
declare function ToggleGroupItem({
|
|
23
23
|
className,
|
|
24
24
|
children,
|
|
25
25
|
variant,
|
|
26
26
|
size,
|
|
27
27
|
...props
|
|
28
|
-
}: ToggleGroupItemProps):
|
|
28
|
+
}: ToggleGroupItemProps): react_jsx_runtime169.JSX.Element;
|
|
29
29
|
//#endregion
|
|
30
30
|
export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime168 from "react/jsx-runtime";
|
|
4
4
|
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
5
5
|
import * as class_variance_authority_types7 from "class-variance-authority/types";
|
|
6
6
|
|
|
@@ -14,6 +14,6 @@ declare function Toggle({
|
|
|
14
14
|
variant,
|
|
15
15
|
size,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>):
|
|
17
|
+
}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime168.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Toggle, toggleVariants };
|
package/dist/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGr
|
|
|
21
21
|
import { Label } from "./components/ui/label.js";
|
|
22
22
|
import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.js";
|
|
23
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
|
|
24
|
+
import { PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, usePortalContainer } from "./components/ui/portal-container.js";
|
|
24
25
|
import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
|
|
25
26
|
import { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps } from "./components/ui/shadcn-io/tags/index.js";
|
|
26
27
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.js";
|
|
@@ -35,4 +36,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
|
|
|
35
36
|
import "./components/index.js";
|
|
36
37
|
import { cn } from "./lib/utils.js";
|
|
37
38
|
import "./lib/index.js";
|
|
38
|
-
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };
|
|
39
|
+
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainer, PortalContainerProvider, PortalContainerProviderProps, PortalContainerRef, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload, usePortalContainer };
|
package/dist/index.js
CHANGED
|
@@ -13,6 +13,7 @@ import { Input } from "./components/ui/input.js";
|
|
|
13
13
|
import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
|
|
14
14
|
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
|
|
15
15
|
import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./components/ui/color-picker.js";
|
|
16
|
+
import { PortalContainerProvider, usePortalContainer } from "./components/ui/portal-container.js";
|
|
16
17
|
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
|
|
17
18
|
import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
|
|
18
19
|
import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
|
|
@@ -34,4 +35,4 @@ import { Toggle, toggleVariants } from "./components/ui/toggle.js";
|
|
|
34
35
|
import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
|
|
35
36
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
|
|
36
37
|
|
|
37
|
-
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsItem, TagsList, TagsTrigger, TagsValue, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };
|
|
38
|
+
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PortalContainerProvider, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsItem, TagsList, TagsTrigger, TagsValue, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload, usePortalContainer };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pixpilot/shadcn",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.3.0",
|
|
5
5
|
"description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
|
|
6
6
|
"author": "m.doaie <m.doaie@hotmail.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -38,39 +38,40 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@diceui/tags-input": "^0.7.2",
|
|
41
|
-
"@hookform/resolvers": "^5.
|
|
42
|
-
"@pixpilot/hash": "^0.2.
|
|
43
|
-
"@radix-ui/react-alert-dialog": "^1.1.
|
|
44
|
-
"@radix-ui/react-avatar": "^1.
|
|
45
|
-
"@radix-ui/react-checkbox": "^1.3.
|
|
46
|
-
"@radix-ui/react-dialog": "^1.1.
|
|
47
|
-
"@radix-ui/react-direction": "^1.1.
|
|
48
|
-
"@radix-ui/react-dropdown-menu": "^2.1.
|
|
49
|
-
"@radix-ui/react-form": "^0.1.
|
|
41
|
+
"@hookform/resolvers": "^5.5.7",
|
|
42
|
+
"@pixpilot/hash": "^0.2.1",
|
|
43
|
+
"@radix-ui/react-alert-dialog": "^1.1.23",
|
|
44
|
+
"@radix-ui/react-avatar": "^1.2.6",
|
|
45
|
+
"@radix-ui/react-checkbox": "^1.3.11",
|
|
46
|
+
"@radix-ui/react-dialog": "^1.1.23",
|
|
47
|
+
"@radix-ui/react-direction": "^1.1.4",
|
|
48
|
+
"@radix-ui/react-dropdown-menu": "^2.1.24",
|
|
49
|
+
"@radix-ui/react-form": "^0.1.16",
|
|
50
50
|
"@radix-ui/react-icons": "^1.3.2",
|
|
51
|
-
"@radix-ui/react-label": "^2.1.
|
|
52
|
-
"@radix-ui/react-popover": "^1.1.
|
|
53
|
-
"@radix-ui/react-radio-group": "^1.
|
|
54
|
-
"@radix-ui/react-select": "^2.
|
|
55
|
-
"@radix-ui/react-separator": "^1.1.
|
|
56
|
-
"@radix-ui/react-slider": "^1.
|
|
57
|
-
"@radix-ui/react-slot": "^1.
|
|
58
|
-
"@radix-ui/react-switch": "^1.
|
|
59
|
-
"@radix-ui/react-tabs": "^1.1.
|
|
60
|
-
"@radix-ui/react-toggle": "^1.1.
|
|
61
|
-
"@radix-ui/react-toggle-group": "^1.1.
|
|
62
|
-
"@radix-ui/react-tooltip": "^1.2.
|
|
51
|
+
"@radix-ui/react-label": "^2.1.15",
|
|
52
|
+
"@radix-ui/react-popover": "^1.1.23",
|
|
53
|
+
"@radix-ui/react-radio-group": "^1.4.7",
|
|
54
|
+
"@radix-ui/react-select": "^2.3.7",
|
|
55
|
+
"@radix-ui/react-separator": "^1.1.15",
|
|
56
|
+
"@radix-ui/react-slider": "^1.4.7",
|
|
57
|
+
"@radix-ui/react-slot": "^1.3.3",
|
|
58
|
+
"@radix-ui/react-switch": "^1.3.7",
|
|
59
|
+
"@radix-ui/react-tabs": "^1.1.21",
|
|
60
|
+
"@radix-ui/react-toggle": "^1.1.18",
|
|
61
|
+
"@radix-ui/react-toggle-group": "^1.1.19",
|
|
62
|
+
"@radix-ui/react-tooltip": "^1.2.16",
|
|
63
63
|
"class-variance-authority": "^0.7.1",
|
|
64
64
|
"clsx": "^2.1.1",
|
|
65
65
|
"cmdk": "^1.1.1",
|
|
66
|
-
"date-fns": "^4.
|
|
67
|
-
"lucide-react": "
|
|
66
|
+
"date-fns": "^4.4.0",
|
|
67
|
+
"lucide-react": "1.26.0",
|
|
68
|
+
"radix-ui": "^1.6.7",
|
|
68
69
|
"react-day-picker": "^9.14.0",
|
|
69
|
-
"react-hook-form": "^7.
|
|
70
|
-
"tailwind-merge": "^3.
|
|
70
|
+
"react-hook-form": "^7.83.0",
|
|
71
|
+
"tailwind-merge": "^3.6.0",
|
|
71
72
|
"tailwindcss-animate": "^1.0.7",
|
|
72
73
|
"vaul": "^1.1.2",
|
|
73
|
-
"zod": "^4.3
|
|
74
|
+
"zod": "^4.4.3"
|
|
74
75
|
},
|
|
75
76
|
"devDependencies": {
|
|
76
77
|
"@pixpilot/dev-config": "^3.20.0",
|
|
@@ -83,8 +84,8 @@
|
|
|
83
84
|
"jsdom": "^27.4.0",
|
|
84
85
|
"postcss": "^8.5.9",
|
|
85
86
|
"prettier": "^3.8.2",
|
|
86
|
-
"react": "19.2.
|
|
87
|
-
"react-dom": "19.2.
|
|
87
|
+
"react": "19.2.8",
|
|
88
|
+
"react-dom": "19.2.8",
|
|
88
89
|
"tailwindcss": "^4.2.2",
|
|
89
90
|
"tsdown": "^0.15.12",
|
|
90
91
|
"typescript": "^5.9.3",
|