@pixpilot/shadcn 0.7.1 → 0.9.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.cjs +4 -1
- package/dist/components/index.d.cts +4 -1
- package/dist/components/index.d.ts +4 -1
- package/dist/components/index.js +4 -1
- package/dist/components/ui/OrContinueWithSeparator.d.cts +2 -2
- package/dist/components/ui/OrContinueWithSeparator.d.ts +2 -2
- package/dist/components/ui/button-group.cjs +48 -0
- package/dist/components/ui/button-group.d.cts +28 -0
- package/dist/components/ui/button-group.d.ts +28 -0
- package/dist/components/ui/button-group.js +41 -0
- package/dist/components/ui/button.cjs +2 -0
- package/dist/components/ui/button.d.cts +1 -1
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/button.js +2 -0
- package/dist/components/ui/calendar.d.cts +3 -3
- package/dist/components/ui/calendar.d.ts +3 -3
- package/dist/components/ui/card.d.cts +8 -8
- package/dist/components/ui/card.d.ts +8 -8
- package/dist/components/ui/checkbox.d.cts +2 -2
- package/dist/components/ui/checkbox.d.ts +2 -2
- package/dist/components/ui/color-picker.d.cts +11 -11
- package/dist/components/ui/color-picker.d.ts +11 -11
- package/dist/components/ui/command.d.cts +10 -10
- package/dist/components/ui/command.d.ts +10 -10
- package/dist/components/ui/dialog.d.cts +11 -11
- package/dist/components/ui/dialog.d.ts +11 -11
- package/dist/components/ui/dropdown-menu.d.cts +16 -16
- package/dist/components/ui/dropdown-menu.d.ts +16 -16
- package/dist/components/ui/file-upload.d.cts +11 -11
- package/dist/components/ui/file-upload.d.ts +11 -11
- package/dist/components/ui/form.d.cts +7 -7
- package/dist/components/ui/form.d.ts +7 -7
- package/dist/components/ui/index.cjs +4 -1
- package/dist/components/ui/index.d.cts +4 -1
- package/dist/components/ui/index.d.ts +4 -1
- package/dist/components/ui/index.js +4 -1
- package/dist/components/ui/input-group.d.cts +11 -11
- package/dist/components/ui/input-group.d.ts +11 -11
- package/dist/components/ui/input.d.cts +2 -2
- package/dist/components/ui/input.d.ts +2 -2
- package/dist/components/ui/label.d.cts +2 -2
- package/dist/components/ui/label.d.ts +2 -2
- package/dist/components/ui/pagination.d.cts +8 -8
- package/dist/components/ui/pagination.d.ts +8 -8
- package/dist/components/ui/popover.d.cts +5 -5
- package/dist/components/ui/popover.d.ts +5 -5
- package/dist/components/ui/radio-group.d.cts +3 -3
- package/dist/components/ui/radio-group.d.ts +3 -3
- package/dist/components/ui/select.d.cts +11 -11
- package/dist/components/ui/select.d.ts +11 -11
- package/dist/components/ui/separator.d.cts +2 -2
- package/dist/components/ui/separator.d.ts +2 -2
- package/dist/components/ui/shadcn-io/tags/index.d.cts +9 -9
- package/dist/components/ui/shadcn-io/tags/index.d.ts +9 -9
- package/dist/components/ui/shadcn-io/tags-input-inline/index.d.cts +7 -7
- package/dist/components/ui/shadcn-io/tags-input-inline/index.d.ts +7 -7
- package/dist/components/ui/sheet.d.cts +9 -9
- package/dist/components/ui/sheet.d.ts +9 -9
- package/dist/components/ui/slider.d.cts +2 -2
- package/dist/components/ui/slider.d.ts +2 -2
- package/dist/components/ui/switch.d.cts +2 -2
- package/dist/components/ui/switch.d.ts +2 -2
- package/dist/components/ui/tabs.d.cts +8 -8
- package/dist/components/ui/tabs.d.ts +8 -8
- package/dist/components/ui/textarea.d.cts +2 -2
- package/dist/components/ui/textarea.d.ts +2 -2
- package/dist/components/ui/toggle-group.cjs +59 -0
- package/dist/components/ui/toggle-group.d.cts +30 -0
- package/dist/components/ui/toggle-group.d.ts +30 -0
- package/dist/components/ui/toggle-group.js +54 -0
- package/dist/components/ui/toggle.cjs +45 -0
- package/dist/components/ui/toggle.d.cts +19 -0
- package/dist/components/ui/toggle.d.ts +19 -0
- package/dist/components/ui/toggle.js +39 -0
- package/dist/index.cjs +12 -1
- package/dist/index.d.cts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +5 -2
- package/package.json +3 -1
|
@@ -3,6 +3,8 @@ const require_alert_dialog = require('./ui/alert-dialog.cjs');
|
|
|
3
3
|
const require_avatar = require('./ui/avatar.cjs');
|
|
4
4
|
const require_badge = require('./ui/badge.cjs');
|
|
5
5
|
const require_button = require('./ui/button.cjs');
|
|
6
|
+
const require_separator = require('./ui/separator.cjs');
|
|
7
|
+
const require_button_group = require('./ui/button-group.cjs');
|
|
6
8
|
const require_calendar = require('./ui/calendar.cjs');
|
|
7
9
|
const require_card = require('./ui/card.cjs');
|
|
8
10
|
const require_checkbox = require('./ui/checkbox.cjs');
|
|
@@ -18,7 +20,6 @@ const require_label = require('./ui/label.cjs');
|
|
|
18
20
|
const require_form = require('./ui/form.cjs');
|
|
19
21
|
const require_textarea = require('./ui/textarea.cjs');
|
|
20
22
|
const require_input_group = require('./ui/input-group.cjs');
|
|
21
|
-
const require_separator = require('./ui/separator.cjs');
|
|
22
23
|
const require_OrContinueWithSeparator = require('./ui/OrContinueWithSeparator.cjs');
|
|
23
24
|
const require_pagination = require('./ui/pagination.cjs');
|
|
24
25
|
const require_radio_group = require('./ui/radio-group.cjs');
|
|
@@ -28,5 +29,7 @@ const require_sheet = require('./ui/sheet.cjs');
|
|
|
28
29
|
const require_slider = require('./ui/slider.cjs');
|
|
29
30
|
const require_switch = require('./ui/switch.cjs');
|
|
30
31
|
const require_tabs = require('./ui/tabs.cjs');
|
|
32
|
+
const require_toggle = require('./ui/toggle.cjs');
|
|
33
|
+
const require_toggle_group = require('./ui/toggle-group.cjs');
|
|
31
34
|
const require_tooltip = require('./ui/tooltip.cjs');
|
|
32
35
|
require('./ui/index.cjs');
|
|
@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
|
|
|
3
3
|
import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.cjs";
|
|
4
4
|
import { Badge, badgeVariants } from "./ui/badge.cjs";
|
|
5
5
|
import { Button, buttonVariants } from "./ui/button.cjs";
|
|
6
|
+
import { Separator } from "./ui/separator.cjs";
|
|
7
|
+
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.cjs";
|
|
6
8
|
import { Calendar, CalendarDayButton } from "./ui/calendar.cjs";
|
|
7
9
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.cjs";
|
|
8
10
|
import { Checkbox } from "./ui/checkbox.cjs";
|
|
@@ -20,7 +22,6 @@ import { Label } from "./ui/label.cjs";
|
|
|
20
22
|
import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.cjs";
|
|
21
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.cjs";
|
|
22
24
|
import { RadioGroup, RadioGroupItem } from "./ui/radio-group.cjs";
|
|
23
|
-
import { Separator } from "./ui/separator.cjs";
|
|
24
25
|
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.cjs";
|
|
25
26
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.cjs";
|
|
26
27
|
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.cjs";
|
|
@@ -28,5 +29,7 @@ import { Slider } from "./ui/slider.cjs";
|
|
|
28
29
|
import { Switch } from "./ui/switch.cjs";
|
|
29
30
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.cjs";
|
|
30
31
|
import { Textarea } from "./ui/textarea.cjs";
|
|
32
|
+
import { Toggle, toggleVariants } from "./ui/toggle.cjs";
|
|
33
|
+
import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./ui/toggle-group.cjs";
|
|
31
34
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.cjs";
|
|
32
35
|
import "./ui/index.cjs";
|
|
@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
|
|
|
3
3
|
import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
|
|
4
4
|
import { Badge, badgeVariants } from "./ui/badge.js";
|
|
5
5
|
import { Button, buttonVariants } from "./ui/button.js";
|
|
6
|
+
import { Separator } from "./ui/separator.js";
|
|
7
|
+
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.js";
|
|
6
8
|
import { Calendar, CalendarDayButton } from "./ui/calendar.js";
|
|
7
9
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
|
|
8
10
|
import { Checkbox } from "./ui/checkbox.js";
|
|
@@ -20,7 +22,6 @@ import { Label } from "./ui/label.js";
|
|
|
20
22
|
import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
|
|
21
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
|
|
22
24
|
import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
|
|
23
|
-
import { Separator } from "./ui/separator.js";
|
|
24
25
|
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";
|
|
25
26
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
|
|
26
27
|
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
|
|
@@ -28,5 +29,7 @@ import { Slider } from "./ui/slider.js";
|
|
|
28
29
|
import { Switch } from "./ui/switch.js";
|
|
29
30
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
|
|
30
31
|
import { Textarea } from "./ui/textarea.js";
|
|
32
|
+
import { Toggle, toggleVariants } from "./ui/toggle.js";
|
|
33
|
+
import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./ui/toggle-group.js";
|
|
31
34
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
|
|
32
35
|
import "./ui/index.js";
|
package/dist/components/index.js
CHANGED
|
@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
|
|
|
3
3
|
import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
|
|
4
4
|
import { Badge, badgeVariants } from "./ui/badge.js";
|
|
5
5
|
import { Button, buttonVariants } from "./ui/button.js";
|
|
6
|
+
import { Separator } from "./ui/separator.js";
|
|
7
|
+
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.js";
|
|
6
8
|
import { Calendar, CalendarDayButton } from "./ui/calendar.js";
|
|
7
9
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
|
|
8
10
|
import { Checkbox } from "./ui/checkbox.js";
|
|
@@ -18,7 +20,6 @@ import { Label } from "./ui/label.js";
|
|
|
18
20
|
import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.js";
|
|
19
21
|
import { Textarea } from "./ui/textarea.js";
|
|
20
22
|
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.js";
|
|
21
|
-
import { Separator } from "./ui/separator.js";
|
|
22
23
|
import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
|
|
23
24
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
|
|
24
25
|
import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
|
|
@@ -28,5 +29,7 @@ import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
|
|
|
28
29
|
import { Slider } from "./ui/slider.js";
|
|
29
30
|
import { Switch } from "./ui/switch.js";
|
|
30
31
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
|
|
32
|
+
import { Toggle, toggleVariants } from "./ui/toggle.js";
|
|
33
|
+
import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
|
|
31
34
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
|
|
32
35
|
import "./ui/index.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime103 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/ui/OrContinueWithSeparator.d.ts
|
|
4
4
|
|
|
@@ -6,6 +6,6 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
|
|
|
6
6
|
* A separator with a label for alternative sign-in methods.
|
|
7
7
|
* Used in authentication forms to visually separate sections.
|
|
8
8
|
*/
|
|
9
|
-
declare function OrContinueWithSeparator():
|
|
9
|
+
declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { OrContinueWithSeparator };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime103 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/ui/OrContinueWithSeparator.d.ts
|
|
4
4
|
|
|
@@ -6,6 +6,6 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
|
|
|
6
6
|
* A separator with a label for alternative sign-in methods.
|
|
7
7
|
* Used in authentication forms to visually separate sections.
|
|
8
8
|
*/
|
|
9
|
-
declare function OrContinueWithSeparator():
|
|
9
|
+
declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { OrContinueWithSeparator };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_utils = require('../../lib/utils.cjs');
|
|
3
|
+
require('../../lib/index.cjs');
|
|
4
|
+
const require_separator = require('./separator.cjs');
|
|
5
|
+
let class_variance_authority = require("class-variance-authority");
|
|
6
|
+
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
7
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
9
|
+
let __radix_ui_react_slot = require("@radix-ui/react-slot");
|
|
10
|
+
__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
|
|
11
|
+
|
|
12
|
+
//#region src/components/ui/button-group.tsx
|
|
13
|
+
const buttonGroupVariants = (0, class_variance_authority.cva)("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
|
|
14
|
+
variants: { orientation: {
|
|
15
|
+
horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
16
|
+
vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
|
|
17
|
+
} },
|
|
18
|
+
defaultVariants: { orientation: "horizontal" }
|
|
19
|
+
});
|
|
20
|
+
function ButtonGroup({ className, orientation,...props }) {
|
|
21
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
22
|
+
role: "group",
|
|
23
|
+
"data-slot": "button-group",
|
|
24
|
+
"data-orientation": orientation,
|
|
25
|
+
className: require_utils.cn(buttonGroupVariants({ orientation }), className),
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function ButtonGroupText({ className, asChild = false,...props }) {
|
|
30
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
|
|
31
|
+
className: require_utils.cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
|
|
32
|
+
...props
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function ButtonGroupSeparator({ className, orientation = "vertical",...props }) {
|
|
36
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_separator.Separator, {
|
|
37
|
+
"data-slot": "button-group-separator",
|
|
38
|
+
orientation,
|
|
39
|
+
className: require_utils.cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
|
|
40
|
+
...props
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
//#endregion
|
|
45
|
+
exports.ButtonGroup = ButtonGroup;
|
|
46
|
+
exports.ButtonGroupSeparator = ButtonGroupSeparator;
|
|
47
|
+
exports.ButtonGroupText = ButtonGroupText;
|
|
48
|
+
exports.buttonGroupVariants = buttonGroupVariants;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Separator } from "./separator.cjs";
|
|
2
|
+
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
3
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
4
|
+
import { VariantProps } from "class-variance-authority";
|
|
5
|
+
|
|
6
|
+
//#region src/components/ui/button-group.d.ts
|
|
7
|
+
declare const buttonGroupVariants: (props?: ({
|
|
8
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types2.ClassProp) | undefined) => string;
|
|
10
|
+
declare function ButtonGroup({
|
|
11
|
+
className,
|
|
12
|
+
orientation,
|
|
13
|
+
...props
|
|
14
|
+
}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime22.JSX.Element;
|
|
15
|
+
declare function ButtonGroupText({
|
|
16
|
+
className,
|
|
17
|
+
asChild,
|
|
18
|
+
...props
|
|
19
|
+
}: React.ComponentProps<'div'> & {
|
|
20
|
+
asChild?: boolean;
|
|
21
|
+
}): react_jsx_runtime22.JSX.Element;
|
|
22
|
+
declare function ButtonGroupSeparator({
|
|
23
|
+
className,
|
|
24
|
+
orientation,
|
|
25
|
+
...props
|
|
26
|
+
}: React.ComponentProps<typeof Separator>): react_jsx_runtime22.JSX.Element;
|
|
27
|
+
//#endregion
|
|
28
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Separator } from "./separator.js";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
4
|
+
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
5
|
+
|
|
6
|
+
//#region src/components/ui/button-group.d.ts
|
|
7
|
+
declare const buttonGroupVariants: (props?: ({
|
|
8
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types2.ClassProp) | undefined) => string;
|
|
10
|
+
declare function ButtonGroup({
|
|
11
|
+
className,
|
|
12
|
+
orientation,
|
|
13
|
+
...props
|
|
14
|
+
}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime22.JSX.Element;
|
|
15
|
+
declare function ButtonGroupText({
|
|
16
|
+
className,
|
|
17
|
+
asChild,
|
|
18
|
+
...props
|
|
19
|
+
}: React.ComponentProps<'div'> & {
|
|
20
|
+
asChild?: boolean;
|
|
21
|
+
}): react_jsx_runtime22.JSX.Element;
|
|
22
|
+
declare function ButtonGroupSeparator({
|
|
23
|
+
className,
|
|
24
|
+
orientation,
|
|
25
|
+
...props
|
|
26
|
+
}: React.ComponentProps<typeof Separator>): react_jsx_runtime22.JSX.Element;
|
|
27
|
+
//#endregion
|
|
28
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import "../../lib/index.js";
|
|
3
|
+
import { Separator } from "./separator.js";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/button-group.tsx
|
|
9
|
+
const buttonGroupVariants = cva("flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2", {
|
|
10
|
+
variants: { orientation: {
|
|
11
|
+
horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
12
|
+
vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
|
|
13
|
+
} },
|
|
14
|
+
defaultVariants: { orientation: "horizontal" }
|
|
15
|
+
});
|
|
16
|
+
function ButtonGroup({ className, orientation,...props }) {
|
|
17
|
+
return /* @__PURE__ */ jsx("div", {
|
|
18
|
+
role: "group",
|
|
19
|
+
"data-slot": "button-group",
|
|
20
|
+
"data-orientation": orientation,
|
|
21
|
+
className: cn(buttonGroupVariants({ orientation }), className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function ButtonGroupText({ className, asChild = false,...props }) {
|
|
26
|
+
return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
|
|
27
|
+
className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function ButtonGroupSeparator({ className, orientation = "vertical",...props }) {
|
|
32
|
+
return /* @__PURE__ */ jsx(Separator, {
|
|
33
|
+
"data-slot": "button-group-separator",
|
|
34
|
+
orientation,
|
|
35
|
+
className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
//#endregion
|
|
41
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
@@ -23,9 +23,11 @@ const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-cent
|
|
|
23
23
|
},
|
|
24
24
|
size: {
|
|
25
25
|
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
26
|
+
xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
26
27
|
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
27
28
|
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
28
29
|
icon: "size-9",
|
|
30
|
+
"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
|
|
29
31
|
"icon-sm": "size-8",
|
|
30
32
|
"icon-lg": "size-10"
|
|
31
33
|
}
|
|
@@ -6,7 +6,7 @@ import * as React from "react";
|
|
|
6
6
|
//#region src/components/ui/button.d.ts
|
|
7
7
|
declare const buttonVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
|
|
9
|
-
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
9
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
10
10
|
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
11
11
|
declare function Button({
|
|
12
12
|
className,
|
|
@@ -6,7 +6,7 @@ import * as class_variance_authority_types1 from "class-variance-authority/types
|
|
|
6
6
|
//#region src/components/ui/button.d.ts
|
|
7
7
|
declare const buttonVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
|
|
9
|
-
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
9
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
10
10
|
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
11
11
|
declare function Button({
|
|
12
12
|
className,
|
|
@@ -18,9 +18,11 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
|
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
21
|
+
xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
21
22
|
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
22
23
|
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
23
24
|
icon: "size-9",
|
|
25
|
+
"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
|
|
24
26
|
"icon-sm": "size-8",
|
|
25
27
|
"icon-lg": "size-10"
|
|
26
28
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Button } from "./button.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime25 from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { DayButton, DayPicker } from "react-day-picker";
|
|
5
5
|
|
|
@@ -15,12 +15,12 @@ declare function Calendar({
|
|
|
15
15
|
...props
|
|
16
16
|
}: React.ComponentProps<typeof DayPicker> & {
|
|
17
17
|
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
18
|
-
}):
|
|
18
|
+
}): react_jsx_runtime25.JSX.Element;
|
|
19
19
|
declare function CalendarDayButton({
|
|
20
20
|
className,
|
|
21
21
|
day,
|
|
22
22
|
modifiers,
|
|
23
23
|
...props
|
|
24
|
-
}: React.ComponentProps<typeof DayButton>):
|
|
24
|
+
}: React.ComponentProps<typeof DayButton>): react_jsx_runtime25.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { Calendar, CalendarDayButton };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Button } from "./button.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime25 from "react/jsx-runtime";
|
|
4
4
|
import { DayButton, DayPicker } from "react-day-picker";
|
|
5
5
|
|
|
6
6
|
//#region src/components/ui/calendar.d.ts
|
|
@@ -15,12 +15,12 @@ declare function Calendar({
|
|
|
15
15
|
...props
|
|
16
16
|
}: React.ComponentProps<typeof DayPicker> & {
|
|
17
17
|
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
18
|
-
}):
|
|
18
|
+
}): react_jsx_runtime25.JSX.Element;
|
|
19
19
|
declare function CalendarDayButton({
|
|
20
20
|
className,
|
|
21
21
|
day,
|
|
22
22
|
modifiers,
|
|
23
23
|
...props
|
|
24
|
-
}: React.ComponentProps<typeof DayButton>):
|
|
24
|
+
}: React.ComponentProps<typeof DayButton>): react_jsx_runtime25.JSX.Element;
|
|
25
25
|
//#endregion
|
|
26
26
|
export { Calendar, CalendarDayButton };
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime27 from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ui/card.d.ts
|
|
5
5
|
declare function Card({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<'div'>):
|
|
8
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
9
9
|
declare function CardHeader({
|
|
10
10
|
className,
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<'div'>):
|
|
12
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
13
13
|
declare function CardTitle({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: React.ComponentProps<'div'>):
|
|
16
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
17
17
|
declare function CardDescription({
|
|
18
18
|
className,
|
|
19
19
|
...props
|
|
20
|
-
}: React.ComponentProps<'div'>):
|
|
20
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
21
21
|
declare function CardAction({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: React.ComponentProps<'div'>):
|
|
24
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
25
25
|
declare function CardContent({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}: React.ComponentProps<'div'>):
|
|
28
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
29
29
|
declare function CardFooter({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: React.ComponentProps<'div'>):
|
|
32
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
34
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime27 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ui/card.d.ts
|
|
5
5
|
declare function Card({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<'div'>):
|
|
8
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
9
9
|
declare function CardHeader({
|
|
10
10
|
className,
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<'div'>):
|
|
12
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
13
13
|
declare function CardTitle({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: React.ComponentProps<'div'>):
|
|
16
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
17
17
|
declare function CardDescription({
|
|
18
18
|
className,
|
|
19
19
|
...props
|
|
20
|
-
}: React.ComponentProps<'div'>):
|
|
20
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
21
21
|
declare function CardAction({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: React.ComponentProps<'div'>):
|
|
24
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
25
25
|
declare function CardContent({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}: React.ComponentProps<'div'>):
|
|
28
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
29
29
|
declare function CardFooter({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: React.ComponentProps<'div'>):
|
|
32
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
34
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime34 from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
4
|
|
|
@@ -6,6 +6,6 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
|
6
6
|
declare function Checkbox({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof CheckboxPrimitive.Root>):
|
|
9
|
+
}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime34.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Checkbox };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime34 from "react/jsx-runtime";
|
|
3
3
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
4
|
|
|
5
5
|
//#region src/components/ui/checkbox.d.ts
|
|
6
6
|
declare function Checkbox({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof CheckboxPrimitive.Root>):
|
|
9
|
+
}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime34.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Checkbox };
|
|
@@ -2,7 +2,7 @@ import { Button, buttonVariants } from "./button.cjs";
|
|
|
2
2
|
import { Input } from "./input.cjs";
|
|
3
3
|
import { Popover, PopoverContent, PopoverTrigger } from "./popover.cjs";
|
|
4
4
|
import { Select, SelectTrigger } from "./select.cjs";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime35 from "react/jsx-runtime";
|
|
6
6
|
import { VariantProps } from "class-variance-authority";
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
@@ -67,25 +67,25 @@ interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.C
|
|
|
67
67
|
readOnly?: boolean;
|
|
68
68
|
required?: boolean;
|
|
69
69
|
}
|
|
70
|
-
declare function ColorPicker(props: ColorPickerProps):
|
|
70
|
+
declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime35.JSX.Element;
|
|
71
71
|
declare function ColorPickerTrigger({
|
|
72
72
|
variant,
|
|
73
73
|
...props
|
|
74
74
|
}: React.ComponentProps<typeof PopoverTrigger> & {
|
|
75
75
|
variant?: VariantProps<typeof buttonVariants>['variant'];
|
|
76
|
-
}):
|
|
77
|
-
declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>):
|
|
78
|
-
declare function ColorPickerArea(props: DivProps):
|
|
79
|
-
declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>):
|
|
80
|
-
declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>):
|
|
81
|
-
declare function ColorPickerSwatch(props: DivProps):
|
|
82
|
-
declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>):
|
|
76
|
+
}): react_jsx_runtime35.JSX.Element;
|
|
77
|
+
declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime35.JSX.Element;
|
|
78
|
+
declare function ColorPickerArea(props: DivProps): react_jsx_runtime35.JSX.Element;
|
|
79
|
+
declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime35.JSX.Element;
|
|
80
|
+
declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime35.JSX.Element;
|
|
81
|
+
declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime35.JSX.Element;
|
|
82
|
+
declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime35.JSX.Element | null;
|
|
83
83
|
interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {}
|
|
84
|
-
declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps):
|
|
84
|
+
declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime35.JSX.Element;
|
|
85
85
|
interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'color'> {
|
|
86
86
|
withoutAlpha?: boolean;
|
|
87
87
|
}
|
|
88
|
-
declare function ColorPickerInput(props: ColorPickerInputProps):
|
|
88
|
+
declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime35.JSX.Element | undefined;
|
|
89
89
|
declare const colorUtils: {
|
|
90
90
|
colorToString: typeof colorToString;
|
|
91
91
|
parseColorString: typeof parseColorString;
|
|
@@ -4,7 +4,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
|
|
|
4
4
|
import { Select, SelectTrigger } from "./select.js";
|
|
5
5
|
import { VariantProps } from "class-variance-authority";
|
|
6
6
|
import * as React from "react";
|
|
7
|
-
import * as
|
|
7
|
+
import * as react_jsx_runtime35 from "react/jsx-runtime";
|
|
8
8
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
9
9
|
|
|
10
10
|
//#region src/components/ui/color-picker.d.ts
|
|
@@ -67,25 +67,25 @@ interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.C
|
|
|
67
67
|
readOnly?: boolean;
|
|
68
68
|
required?: boolean;
|
|
69
69
|
}
|
|
70
|
-
declare function ColorPicker(props: ColorPickerProps):
|
|
70
|
+
declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime35.JSX.Element;
|
|
71
71
|
declare function ColorPickerTrigger({
|
|
72
72
|
variant,
|
|
73
73
|
...props
|
|
74
74
|
}: React.ComponentProps<typeof PopoverTrigger> & {
|
|
75
75
|
variant?: VariantProps<typeof buttonVariants>['variant'];
|
|
76
|
-
}):
|
|
77
|
-
declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>):
|
|
78
|
-
declare function ColorPickerArea(props: DivProps):
|
|
79
|
-
declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>):
|
|
80
|
-
declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>):
|
|
81
|
-
declare function ColorPickerSwatch(props: DivProps):
|
|
82
|
-
declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>):
|
|
76
|
+
}): react_jsx_runtime35.JSX.Element;
|
|
77
|
+
declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime35.JSX.Element;
|
|
78
|
+
declare function ColorPickerArea(props: DivProps): react_jsx_runtime35.JSX.Element;
|
|
79
|
+
declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime35.JSX.Element;
|
|
80
|
+
declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime35.JSX.Element;
|
|
81
|
+
declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime35.JSX.Element;
|
|
82
|
+
declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime35.JSX.Element | null;
|
|
83
83
|
interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {}
|
|
84
|
-
declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps):
|
|
84
|
+
declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime35.JSX.Element;
|
|
85
85
|
interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'color'> {
|
|
86
86
|
withoutAlpha?: boolean;
|
|
87
87
|
}
|
|
88
|
-
declare function ColorPickerInput(props: ColorPickerInputProps):
|
|
88
|
+
declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime35.JSX.Element | undefined;
|
|
89
89
|
declare const colorUtils: {
|
|
90
90
|
colorToString: typeof colorToString;
|
|
91
91
|
parseColorString: typeof parseColorString;
|