@camox/ui 0.43.0 → 0.45.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/accordion.d.ts +10 -0
- package/dist/components/accordion.js +40 -0
- package/dist/components/alert-dialog.d.ts +13 -51
- package/dist/components/alert-dialog.js +1 -1
- package/dist/components/alert.d.ts +6 -22
- package/dist/components/alert.js +3 -2
- package/dist/components/avatar.d.ts +7 -28
- package/dist/components/avatar.js +1 -1
- package/dist/components/badge.d.ts +3 -12
- package/dist/components/bubble.d.ts +18 -0
- package/dist/components/bubble.js +75 -0
- package/dist/components/button-group.d.ts +4 -20
- package/dist/components/button-group.js +1 -1
- package/dist/components/button.d.ts +4 -12
- package/dist/components/button.js +3 -3
- package/dist/components/checkbox.d.ts +5 -0
- package/dist/components/checkbox.js +21 -0
- package/dist/components/command.d.ts +14 -50
- package/dist/components/command.js +3 -3
- package/dist/components/dialog.d.ts +12 -45
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown-menu.d.ts +20 -79
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/favicon-drop-zone.d.ts +17 -0
- package/dist/components/favicon-drop-zone.js +97 -0
- package/dist/components/floating-toolbar.d.ts +1 -6
- package/dist/components/input-group.d.ts +9 -34
- package/dist/components/input-group.js +1 -3
- package/dist/components/input.d.ts +1 -7
- package/dist/components/input.js +1 -1
- package/dist/components/kbd.d.ts +2 -10
- package/dist/components/label.d.ts +1 -6
- package/dist/components/label.js +1 -1
- package/dist/components/message-scroller.d.ts +12 -0
- package/dist/components/message-scroller.js +62 -0
- package/dist/components/message.d.ts +12 -0
- package/dist/components/message.js +51 -0
- package/dist/components/panel.d.ts +9 -32
- package/dist/components/panel.js +1 -1
- package/dist/components/popover.d.ts +6 -29
- package/dist/components/popover.js +1 -1
- package/dist/components/select.d.ts +10 -48
- package/dist/components/select.js +1 -1
- package/dist/components/separator.d.ts +1 -7
- package/dist/components/sheet.d.ts +9 -37
- package/dist/components/sheet.js +1 -1
- package/dist/components/skeleton.d.ts +1 -6
- package/dist/components/spinner.d.ts +1 -6
- package/dist/components/switch.d.ts +2 -8
- package/dist/components/tabs.d.ts +5 -22
- package/dist/components/tabs.js +1 -1
- package/dist/components/textarea.d.ts +1 -6
- package/dist/components/textarea.js +1 -1
- package/dist/components/toaster.d.ts +1 -7
- package/dist/components/toggle.d.ts +2 -10
- package/dist/components/toggle.js +1 -1
- package/dist/components/tooltip.d.ts +4 -21
- package/dist/lib/utils.d.ts +4 -6
- package/package.json +34 -9
|
@@ -1,50 +1,27 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
2
|
//#region src/components/panel.d.ts
|
|
5
|
-
declare const Panel: ({
|
|
6
|
-
children,
|
|
7
|
-
className,
|
|
8
|
-
render,
|
|
9
|
-
...props
|
|
10
|
-
}: Omit<React.ComponentProps<"section">, "children"> & {
|
|
3
|
+
export declare const Panel: ({ children, className, render, ...props }: Omit<React.ComponentProps<"section">, "children"> & {
|
|
11
4
|
render?: React.ReactElement<{
|
|
12
5
|
className?: string;
|
|
13
6
|
}>;
|
|
14
7
|
children?: React.ReactNode;
|
|
15
|
-
}) =>
|
|
16
|
-
declare const PanelHeader: ({
|
|
17
|
-
children,
|
|
18
|
-
className,
|
|
19
|
-
render,
|
|
20
|
-
...props
|
|
21
|
-
}: Omit<React.ComponentProps<"header">, "children"> & {
|
|
8
|
+
}) => React.JSX.Element;
|
|
9
|
+
export declare const PanelHeader: ({ children, className, render, ...props }: Omit<React.ComponentProps<"header">, "children"> & {
|
|
22
10
|
render?: React.ReactElement<{
|
|
23
11
|
className?: string;
|
|
24
12
|
}>;
|
|
25
13
|
children?: React.ReactNode;
|
|
26
|
-
}) =>
|
|
27
|
-
declare const PanelTitle: ({
|
|
28
|
-
children,
|
|
29
|
-
className,
|
|
30
|
-
render,
|
|
31
|
-
...props
|
|
32
|
-
}: Omit<React.ComponentProps<"h3">, "children"> & {
|
|
14
|
+
}) => React.JSX.Element;
|
|
15
|
+
export declare const PanelTitle: ({ children, className, render, ...props }: Omit<React.ComponentProps<"h3">, "children"> & {
|
|
33
16
|
render?: React.ReactElement<{
|
|
34
17
|
className?: string;
|
|
35
18
|
}>;
|
|
36
19
|
children?: React.ReactNode;
|
|
37
|
-
}) =>
|
|
38
|
-
declare const PanelContent: ({
|
|
39
|
-
children,
|
|
40
|
-
className,
|
|
41
|
-
render,
|
|
42
|
-
...props
|
|
43
|
-
}: Omit<React.ComponentProps<"main">, "children"> & {
|
|
20
|
+
}) => React.JSX.Element;
|
|
21
|
+
export declare const PanelContent: ({ children, className, render, ...props }: Omit<React.ComponentProps<"main">, "children"> & {
|
|
44
22
|
render?: React.ReactElement<{
|
|
45
23
|
className?: string;
|
|
46
24
|
}>;
|
|
47
25
|
children?: React.ReactNode;
|
|
48
|
-
}) =>
|
|
49
|
-
//#endregion
|
|
50
|
-
export { Panel, PanelContent, PanelHeader, PanelTitle };
|
|
26
|
+
}) => React.JSX.Element;
|
|
27
|
+
//#endregion
|
package/dist/components/panel.js
CHANGED
|
@@ -1,34 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
4
|
-
|
|
5
3
|
//#region src/components/popover.d.ts
|
|
6
|
-
declare function Popover({
|
|
7
|
-
|
|
8
|
-
}: Popover$1.
|
|
9
|
-
declare function
|
|
10
|
-
|
|
11
|
-
}: Popover$1.
|
|
12
|
-
declare function PopoverContent({
|
|
13
|
-
className,
|
|
14
|
-
align,
|
|
15
|
-
alignOffset,
|
|
16
|
-
side,
|
|
17
|
-
sideOffset,
|
|
18
|
-
anchor,
|
|
19
|
-
...props
|
|
20
|
-
}: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">): _$react_jsx_runtime0.JSX.Element;
|
|
21
|
-
declare function PopoverHeader({
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
25
|
-
declare function PopoverTitle({
|
|
26
|
-
className,
|
|
27
|
-
...props
|
|
28
|
-
}: Popover$1.Title.Props): _$react_jsx_runtime0.JSX.Element;
|
|
29
|
-
declare function PopoverDescription({
|
|
30
|
-
className,
|
|
31
|
-
...props
|
|
32
|
-
}: Popover$1.Description.Props): _$react_jsx_runtime0.JSX.Element;
|
|
4
|
+
declare function Popover({ ...props }: Popover$1.Root.Props): React.JSX.Element;
|
|
5
|
+
declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React.JSX.Element;
|
|
6
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, anchor, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">): React.JSX.Element;
|
|
7
|
+
declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
8
|
+
declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React.JSX.Element;
|
|
9
|
+
declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React.JSX.Element;
|
|
33
10
|
//#endregion
|
|
34
11
|
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
|
|
@@ -1,55 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { Select as Select$1 } from "@base-ui/react/select";
|
|
4
|
-
|
|
5
3
|
//#region src/components/select.d.ts
|
|
6
4
|
declare const Select: typeof Select$1.Root;
|
|
7
|
-
declare function SelectGroup({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}: Select$1.Group.Props): _$react_jsx_runtime0.JSX.Element;
|
|
11
|
-
declare function SelectValue({
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}: Select$1.Value.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
declare function SelectTrigger({
|
|
16
|
-
className,
|
|
17
|
-
size,
|
|
18
|
-
children,
|
|
19
|
-
...props
|
|
20
|
-
}: Select$1.Trigger.Props & {
|
|
5
|
+
declare function SelectGroup({ className, ...props }: Select$1.Group.Props): React.JSX.Element;
|
|
6
|
+
declare function SelectValue({ className, ...props }: Select$1.Value.Props): React.JSX.Element;
|
|
7
|
+
declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
|
|
21
8
|
size?: "sm" | "default";
|
|
22
|
-
}):
|
|
23
|
-
declare function SelectContent({
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
alignOffset,
|
|
30
|
-
alignItemWithTrigger,
|
|
31
|
-
...props
|
|
32
|
-
}: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): _$react_jsx_runtime0.JSX.Element;
|
|
33
|
-
declare function SelectLabel({
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}: Select$1.GroupLabel.Props): _$react_jsx_runtime0.JSX.Element;
|
|
37
|
-
declare function SelectItem({
|
|
38
|
-
className,
|
|
39
|
-
children,
|
|
40
|
-
...props
|
|
41
|
-
}: Select$1.Item.Props): _$react_jsx_runtime0.JSX.Element;
|
|
42
|
-
declare function SelectSeparator({
|
|
43
|
-
className,
|
|
44
|
-
...props
|
|
45
|
-
}: Select$1.Separator.Props): _$react_jsx_runtime0.JSX.Element;
|
|
46
|
-
declare function SelectScrollUpButton({
|
|
47
|
-
className,
|
|
48
|
-
...props
|
|
49
|
-
}: React.ComponentProps<typeof Select$1.ScrollUpArrow>): _$react_jsx_runtime0.JSX.Element;
|
|
50
|
-
declare function SelectScrollDownButton({
|
|
51
|
-
className,
|
|
52
|
-
...props
|
|
53
|
-
}: React.ComponentProps<typeof Select$1.ScrollDownArrow>): _$react_jsx_runtime0.JSX.Element;
|
|
9
|
+
}): React.JSX.Element;
|
|
10
|
+
declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
|
|
11
|
+
declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React.JSX.Element;
|
|
12
|
+
declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React.JSX.Element;
|
|
13
|
+
declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React.JSX.Element;
|
|
14
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): React.JSX.Element;
|
|
15
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): React.JSX.Element;
|
|
54
16
|
//#endregion
|
|
55
17
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
3
|
-
|
|
4
2
|
//#region src/components/separator.d.ts
|
|
5
|
-
declare function Separator({
|
|
6
|
-
className,
|
|
7
|
-
orientation,
|
|
8
|
-
...props
|
|
9
|
-
}: Separator$1.Props): _$react_jsx_runtime0.JSX.Element;
|
|
3
|
+
declare function Separator({ className, orientation, ...props }: Separator$1.Props): import("react").JSX.Element;
|
|
10
4
|
//#endregion
|
|
11
5
|
export { Separator };
|
|
@@ -1,46 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { Dialog } from "@base-ui/react/dialog";
|
|
4
|
-
|
|
5
3
|
//#region src/components/sheet.d.ts
|
|
6
|
-
declare function Sheet({
|
|
7
|
-
|
|
8
|
-
}: Dialog.
|
|
9
|
-
declare function
|
|
10
|
-
...props
|
|
11
|
-
}: Dialog.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
12
|
-
declare function SheetClose({
|
|
13
|
-
...props
|
|
14
|
-
}: Dialog.Close.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
declare function SheetContent({
|
|
16
|
-
className,
|
|
17
|
-
children,
|
|
18
|
-
side,
|
|
19
|
-
showCloseButton,
|
|
20
|
-
showOverlay,
|
|
21
|
-
keepMounted,
|
|
22
|
-
...props
|
|
23
|
-
}: Dialog.Popup.Props & {
|
|
4
|
+
declare function Sheet({ ...props }: Dialog.Root.Props): React.JSX.Element;
|
|
5
|
+
declare function SheetTrigger({ ...props }: Dialog.Trigger.Props): React.JSX.Element;
|
|
6
|
+
declare function SheetClose({ ...props }: Dialog.Close.Props): React.JSX.Element;
|
|
7
|
+
declare function SheetContent({ className, children, side, showCloseButton, showOverlay, keepMounted, ...props }: Dialog.Popup.Props & {
|
|
24
8
|
side?: "top" | "right" | "bottom" | "left";
|
|
25
9
|
showCloseButton?: boolean;
|
|
26
10
|
showOverlay?: boolean;
|
|
27
11
|
keepMounted?: boolean;
|
|
28
|
-
}):
|
|
29
|
-
declare function SheetHeader({
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}:
|
|
33
|
-
declare function SheetFooter({
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
37
|
-
declare function SheetTitle({
|
|
38
|
-
className,
|
|
39
|
-
...props
|
|
40
|
-
}: Dialog.Title.Props): _$react_jsx_runtime0.JSX.Element;
|
|
41
|
-
declare function SheetDescription({
|
|
42
|
-
className,
|
|
43
|
-
...props
|
|
44
|
-
}: Dialog.Description.Props): _$react_jsx_runtime0.JSX.Element;
|
|
12
|
+
}): React.JSX.Element;
|
|
13
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
14
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
15
|
+
declare function SheetTitle({ className, ...props }: Dialog.Title.Props): React.JSX.Element;
|
|
16
|
+
declare function SheetDescription({ className, ...props }: Dialog.Description.Props): React.JSX.Element;
|
|
45
17
|
//#endregion
|
|
46
18
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
package/dist/components/sheet.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
1
|
//#region src/components/skeleton.d.ts
|
|
4
|
-
declare function Skeleton({
|
|
5
|
-
className,
|
|
6
|
-
...props
|
|
7
|
-
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
2
|
+
declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
|
|
8
3
|
//#endregion
|
|
9
4
|
export { Skeleton };
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
1
|
//#region src/components/spinner.d.ts
|
|
4
|
-
declare function Spinner({
|
|
5
|
-
className,
|
|
6
|
-
...props
|
|
7
|
-
}: React.ComponentProps<"svg">): _$react_jsx_runtime0.JSX.Element;
|
|
2
|
+
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react").JSX.Element;
|
|
8
3
|
//#endregion
|
|
9
4
|
export { Spinner };
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { Switch as Switch$1 } from "@base-ui/react/switch";
|
|
3
|
-
|
|
4
2
|
//#region src/components/switch.d.ts
|
|
5
|
-
declare function Switch({
|
|
6
|
-
className,
|
|
7
|
-
size,
|
|
8
|
-
...props
|
|
9
|
-
}: Switch$1.Root.Props & {
|
|
3
|
+
declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
|
|
10
4
|
size?: "sm" | "default";
|
|
11
|
-
}):
|
|
5
|
+
}): import("react").JSX.Element;
|
|
12
6
|
//#endregion
|
|
13
7
|
export { Switch };
|
|
@@ -1,29 +1,12 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
|
|
4
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
|
-
|
|
6
3
|
//#region src/components/tabs.d.ts
|
|
7
|
-
declare function Tabs({
|
|
8
|
-
className,
|
|
9
|
-
orientation,
|
|
10
|
-
...props
|
|
11
|
-
}: Tabs$1.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
4
|
+
declare function Tabs({ className, orientation, ...props }: Tabs$1.Root.Props): import("react").JSX.Element;
|
|
12
5
|
declare const tabsListVariants: (props?: ({
|
|
13
6
|
variant?: "default" | "line" | null | undefined;
|
|
14
|
-
} &
|
|
15
|
-
declare function TabsList({
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
...props
|
|
19
|
-
}: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): _$react_jsx_runtime0.JSX.Element;
|
|
20
|
-
declare function TabsTrigger({
|
|
21
|
-
className,
|
|
22
|
-
...props
|
|
23
|
-
}: Tabs$1.Tab.Props): _$react_jsx_runtime0.JSX.Element;
|
|
24
|
-
declare function TabsContent({
|
|
25
|
-
className,
|
|
26
|
-
...props
|
|
27
|
-
}: Tabs$1.Panel.Props): _$react_jsx_runtime0.JSX.Element;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
declare function TabsList({ className, variant, ...props }: Tabs$1.List.Props & VariantProps<typeof tabsListVariants>): import("react").JSX.Element;
|
|
9
|
+
declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): import("react").JSX.Element;
|
|
10
|
+
declare function TabsContent({ className, ...props }: Tabs$1.Panel.Props): import("react").JSX.Element;
|
|
28
11
|
//#endregion
|
|
29
12
|
export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
|
package/dist/components/tabs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.js";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
4
|
import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
|
|
5
5
|
|
|
6
6
|
//#region src/components/tabs.tsx
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
|
|
4
2
|
//#region src/components/textarea.d.ts
|
|
5
|
-
declare function Textarea({
|
|
6
|
-
className,
|
|
7
|
-
...props
|
|
8
|
-
}: React.ComponentProps<"textarea">): _$react_jsx_runtime0.JSX.Element;
|
|
3
|
+
declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
|
|
9
4
|
//#endregion
|
|
10
5
|
export { Textarea };
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { ToasterProps, toast } from "sonner";
|
|
3
|
-
|
|
4
2
|
//#region src/components/toaster.d.ts
|
|
5
|
-
declare const Toaster: ({
|
|
6
|
-
theme,
|
|
7
|
-
className,
|
|
8
|
-
...props
|
|
9
|
-
}: ToasterProps) => _$react_jsx_runtime0.JSX.Element;
|
|
3
|
+
declare const Toaster: ({ theme, className, ...props }: ToasterProps) => import("react").JSX.Element;
|
|
10
4
|
//#endregion
|
|
11
5
|
export { Toaster, toast };
|
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
|
|
4
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
|
-
|
|
6
3
|
//#region src/components/toggle.d.ts
|
|
7
4
|
declare const toggleVariants: (props?: ({
|
|
8
5
|
variant?: "default" | "outline" | null | undefined;
|
|
9
6
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
10
|
-
} &
|
|
11
|
-
declare function Toggle({
|
|
12
|
-
className,
|
|
13
|
-
variant,
|
|
14
|
-
size,
|
|
15
|
-
...props
|
|
16
|
-
}: Toggle$1.Props & VariantProps<typeof toggleVariants>): _$react_jsx_runtime0.JSX.Element;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
declare function Toggle({ className, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
|
|
17
9
|
//#endregion
|
|
18
10
|
export { Toggle, toggleVariants };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.js";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
4
|
import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
|
|
5
5
|
|
|
6
6
|
//#region src/components/toggle.tsx
|
|
@@ -1,25 +1,8 @@
|
|
|
1
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
1
|
import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
|
|
3
|
-
|
|
4
2
|
//#region src/components/tooltip.d.ts
|
|
5
|
-
declare function TooltipProvider({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}: Tooltip$1.
|
|
9
|
-
declare function Tooltip({
|
|
10
|
-
...props
|
|
11
|
-
}: Tooltip$1.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
12
|
-
declare function TooltipTrigger({
|
|
13
|
-
...props
|
|
14
|
-
}: Tooltip$1.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
|
-
declare function TooltipContent({
|
|
16
|
-
className,
|
|
17
|
-
side,
|
|
18
|
-
sideOffset,
|
|
19
|
-
align,
|
|
20
|
-
alignOffset,
|
|
21
|
-
children,
|
|
22
|
-
...props
|
|
23
|
-
}: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): _$react_jsx_runtime0.JSX.Element;
|
|
3
|
+
declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): import("react").JSX.Element;
|
|
4
|
+
declare function Tooltip({ ...props }: Tooltip$1.Root.Props): import("react").JSX.Element;
|
|
5
|
+
declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): import("react").JSX.Element;
|
|
6
|
+
declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
|
|
24
7
|
//#endregion
|
|
25
8
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
package/dist/lib/utils.d.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { ClassValue } from "clsx";
|
|
2
|
-
|
|
3
2
|
//#region src/lib/utils.d.ts
|
|
4
|
-
declare function cn(...inputs: Array<ClassValue>): string;
|
|
3
|
+
export declare function cn(...inputs: Array<ClassValue>): string;
|
|
5
4
|
/** Shared focus-ring + validation styles for all input-like elements (Input, Textarea, ContentEditable, etc.) */
|
|
6
|
-
declare const INPUT_FOCUS_STYLES = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
|
|
5
|
+
export declare const INPUT_FOCUS_STYLES = "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive";
|
|
7
6
|
/** Shared base styles for input-like elements (border, text, shadow, transition, outline) */
|
|
8
|
-
declare const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30";
|
|
9
|
-
//#endregion
|
|
10
|
-
export { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn };
|
|
7
|
+
export declare const INPUT_BASE_STYLES = "border-input placeholder:text-muted-foreground rounded-md border bg-transparent text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30";
|
|
8
|
+
//#endregion
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@camox/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.45.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
"types": "./dist/lib/utils.d.ts",
|
|
12
12
|
"default": "./dist/lib/utils.js"
|
|
13
13
|
},
|
|
14
|
+
"./accordion": {
|
|
15
|
+
"types": "./dist/components/accordion.d.ts",
|
|
16
|
+
"default": "./dist/components/accordion.js"
|
|
17
|
+
},
|
|
14
18
|
"./alert-dialog": {
|
|
15
19
|
"types": "./dist/components/alert-dialog.d.ts",
|
|
16
20
|
"default": "./dist/components/alert-dialog.js"
|
|
@@ -27,6 +31,10 @@
|
|
|
27
31
|
"types": "./dist/components/badge.d.ts",
|
|
28
32
|
"default": "./dist/components/badge.js"
|
|
29
33
|
},
|
|
34
|
+
"./bubble": {
|
|
35
|
+
"types": "./dist/components/bubble.d.ts",
|
|
36
|
+
"default": "./dist/components/bubble.js"
|
|
37
|
+
},
|
|
30
38
|
"./button-group": {
|
|
31
39
|
"types": "./dist/components/button-group.d.ts",
|
|
32
40
|
"default": "./dist/components/button-group.js"
|
|
@@ -35,6 +43,10 @@
|
|
|
35
43
|
"types": "./dist/components/button.d.ts",
|
|
36
44
|
"default": "./dist/components/button.js"
|
|
37
45
|
},
|
|
46
|
+
"./checkbox": {
|
|
47
|
+
"types": "./dist/components/checkbox.d.ts",
|
|
48
|
+
"default": "./dist/components/checkbox.js"
|
|
49
|
+
},
|
|
38
50
|
"./command": {
|
|
39
51
|
"types": "./dist/components/command.d.ts",
|
|
40
52
|
"default": "./dist/components/command.js"
|
|
@@ -47,6 +59,10 @@
|
|
|
47
59
|
"types": "./dist/components/dropdown-menu.d.ts",
|
|
48
60
|
"default": "./dist/components/dropdown-menu.js"
|
|
49
61
|
},
|
|
62
|
+
"./favicon-drop-zone": {
|
|
63
|
+
"types": "./dist/components/favicon-drop-zone.d.ts",
|
|
64
|
+
"default": "./dist/components/favicon-drop-zone.js"
|
|
65
|
+
},
|
|
50
66
|
"./floating-toolbar": {
|
|
51
67
|
"types": "./dist/components/floating-toolbar.d.ts",
|
|
52
68
|
"default": "./dist/components/floating-toolbar.js"
|
|
@@ -67,6 +83,14 @@
|
|
|
67
83
|
"types": "./dist/components/label.d.ts",
|
|
68
84
|
"default": "./dist/components/label.js"
|
|
69
85
|
},
|
|
86
|
+
"./message-scroller": {
|
|
87
|
+
"types": "./dist/components/message-scroller.d.ts",
|
|
88
|
+
"default": "./dist/components/message-scroller.js"
|
|
89
|
+
},
|
|
90
|
+
"./message": {
|
|
91
|
+
"types": "./dist/components/message.d.ts",
|
|
92
|
+
"default": "./dist/components/message.js"
|
|
93
|
+
},
|
|
70
94
|
"./panel": {
|
|
71
95
|
"types": "./dist/components/panel.d.ts",
|
|
72
96
|
"default": "./dist/components/panel.js"
|
|
@@ -121,21 +145,22 @@
|
|
|
121
145
|
}
|
|
122
146
|
},
|
|
123
147
|
"dependencies": {
|
|
124
|
-
"@base-ui/react": "^1.
|
|
148
|
+
"@base-ui/react": "^1.9.0",
|
|
149
|
+
"@shadcn/react": "^0.3.1",
|
|
125
150
|
"class-variance-authority": "^0.7.1",
|
|
126
151
|
"clsx": "^2.1.1",
|
|
127
152
|
"cmdk": "^1.1.1",
|
|
128
|
-
"lucide-react": "^
|
|
129
|
-
"sonner": "^2.0.
|
|
130
|
-
"tailwind-merge": "^3.
|
|
153
|
+
"lucide-react": "^1.57.0",
|
|
154
|
+
"sonner": "^2.0.8",
|
|
155
|
+
"tailwind-merge": "^3.7.0"
|
|
131
156
|
},
|
|
132
157
|
"devDependencies": {
|
|
133
|
-
"@types/react": "^19.0
|
|
134
|
-
"@types/react-dom": "^19.
|
|
158
|
+
"@types/react": "^19.3.0",
|
|
159
|
+
"@types/react-dom": "^19.3.0"
|
|
135
160
|
},
|
|
136
161
|
"peerDependencies": {
|
|
137
|
-
"react": "^19.
|
|
138
|
-
"react-dom": "^19.
|
|
162
|
+
"react": "^19.3.1",
|
|
163
|
+
"react-dom": "^19.3.1"
|
|
139
164
|
},
|
|
140
165
|
"nx": {
|
|
141
166
|
"tags": [
|