@pixpilot/shadcn 0.8.0 → 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 -2
- package/dist/components/index.d.cts +4 -2
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.js +4 -2
- package/dist/components/ui/OrContinueWithSeparator.d.cts +2 -2
- package/dist/components/ui/OrContinueWithSeparator.d.ts +2 -2
- package/dist/components/ui/alert.d.cts +4 -4
- 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 -2
- package/dist/components/ui/index.d.cts +4 -2
- package/dist/components/ui/index.d.ts +4 -2
- package/dist/components/ui/index.js +4 -2
- 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 +5 -5
- package/dist/components/ui/tabs.d.ts +5 -5
- 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/components/ui/tooltip.d.cts +5 -5
- package/dist/index.cjs +13 -6
- package/dist/index.d.cts +5 -3
- package/dist/index.d.ts +5 -3
- package/dist/index.js +5 -3
- package/package.json +4 -2
- package/dist/components/ui/rating.cjs +0 -160
- package/dist/components/ui/rating.d.cts +0 -112
- package/dist/components/ui/rating.d.ts +0 -112
- package/dist/components/ui/rating.js +0 -153
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_utils = require('../../lib/utils.cjs');
|
|
3
|
+
require('../../lib/index.cjs');
|
|
4
|
+
let class_variance_authority = require("class-variance-authority");
|
|
5
|
+
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
6
|
+
let react = require("react");
|
|
7
|
+
react = require_rolldown_runtime.__toESM(react);
|
|
8
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
10
|
+
let __radix_ui_react_toggle = require("@radix-ui/react-toggle");
|
|
11
|
+
__radix_ui_react_toggle = require_rolldown_runtime.__toESM(__radix_ui_react_toggle);
|
|
12
|
+
|
|
13
|
+
//#region src/components/ui/toggle.tsx
|
|
14
|
+
const toggleVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-muted [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
|
|
15
|
+
variants: {
|
|
16
|
+
variant: {
|
|
17
|
+
default: "bg-transparent",
|
|
18
|
+
outline: "border border-input bg-transparent shadow-xs hover:bg-muted"
|
|
19
|
+
},
|
|
20
|
+
size: {
|
|
21
|
+
default: "h-9 px-2 min-w-9",
|
|
22
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
23
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: "default",
|
|
28
|
+
size: "default"
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
function Toggle({ className, variant, size,...props }) {
|
|
32
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_toggle.Root, {
|
|
33
|
+
"data-slot": "toggle",
|
|
34
|
+
className: require_utils.cn(toggleVariants({
|
|
35
|
+
variant,
|
|
36
|
+
size,
|
|
37
|
+
className
|
|
38
|
+
})),
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
//#endregion
|
|
44
|
+
exports.Toggle = Toggle;
|
|
45
|
+
exports.toggleVariants = toggleVariants;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as class_variance_authority_types7 from "class-variance-authority/types";
|
|
2
|
+
import * as react_jsx_runtime157 from "react/jsx-runtime";
|
|
3
|
+
import { VariantProps } from "class-variance-authority";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
6
|
+
|
|
7
|
+
//#region src/components/ui/toggle.d.ts
|
|
8
|
+
declare const toggleVariants: (props?: ({
|
|
9
|
+
variant?: "default" | "outline" | null | undefined;
|
|
10
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
11
|
+
} & class_variance_authority_types7.ClassProp) | undefined) => string;
|
|
12
|
+
declare function Toggle({
|
|
13
|
+
className,
|
|
14
|
+
variant,
|
|
15
|
+
size,
|
|
16
|
+
...props
|
|
17
|
+
}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime157.JSX.Element;
|
|
18
|
+
//#endregion
|
|
19
|
+
export { Toggle, toggleVariants };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as react_jsx_runtime157 from "react/jsx-runtime";
|
|
4
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
5
|
+
import * as class_variance_authority_types7 from "class-variance-authority/types";
|
|
6
|
+
|
|
7
|
+
//#region src/components/ui/toggle.d.ts
|
|
8
|
+
declare const toggleVariants: (props?: ({
|
|
9
|
+
variant?: "default" | "outline" | null | undefined;
|
|
10
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
11
|
+
} & class_variance_authority_types7.ClassProp) | undefined) => string;
|
|
12
|
+
declare function Toggle({
|
|
13
|
+
className,
|
|
14
|
+
variant,
|
|
15
|
+
size,
|
|
16
|
+
...props
|
|
17
|
+
}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime157.JSX.Element;
|
|
18
|
+
//#endregion
|
|
19
|
+
export { Toggle, toggleVariants };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import "../../lib/index.js";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/toggle.tsx
|
|
9
|
+
const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-muted [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
default: "bg-transparent",
|
|
13
|
+
outline: "border border-input bg-transparent shadow-xs hover:bg-muted"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
default: "h-9 px-2 min-w-9",
|
|
17
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
18
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
variant: "default",
|
|
23
|
+
size: "default"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
function Toggle({ className, variant, size,...props }) {
|
|
27
|
+
return /* @__PURE__ */ jsx(TogglePrimitive.Root, {
|
|
28
|
+
"data-slot": "toggle",
|
|
29
|
+
className: cn(toggleVariants({
|
|
30
|
+
variant,
|
|
31
|
+
size,
|
|
32
|
+
className
|
|
33
|
+
})),
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
export { Toggle, toggleVariants };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
4
4
|
|
|
@@ -6,18 +6,18 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
|
6
6
|
declare function TooltipProvider({
|
|
7
7
|
delayDuration,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof TooltipPrimitive.Provider>):
|
|
9
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime0.JSX.Element;
|
|
10
10
|
declare function Tooltip({
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<typeof TooltipPrimitive.Root>):
|
|
12
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime0.JSX.Element;
|
|
13
13
|
declare function TooltipTrigger({
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<typeof TooltipPrimitive.Trigger>):
|
|
15
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime0.JSX.Element;
|
|
16
16
|
declare function TooltipContent({
|
|
17
17
|
className,
|
|
18
18
|
sideOffset,
|
|
19
19
|
children,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<typeof TooltipPrimitive.Content>):
|
|
21
|
+
}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime0.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
package/dist/index.cjs
CHANGED
|
@@ -5,6 +5,8 @@ const require_alert_dialog = require('./components/ui/alert-dialog.cjs');
|
|
|
5
5
|
const require_avatar = require('./components/ui/avatar.cjs');
|
|
6
6
|
const require_badge = require('./components/ui/badge.cjs');
|
|
7
7
|
const require_button = require('./components/ui/button.cjs');
|
|
8
|
+
const require_separator = require('./components/ui/separator.cjs');
|
|
9
|
+
const require_button_group = require('./components/ui/button-group.cjs');
|
|
8
10
|
const require_calendar = require('./components/ui/calendar.cjs');
|
|
9
11
|
const require_card = require('./components/ui/card.cjs');
|
|
10
12
|
const require_checkbox = require('./components/ui/checkbox.cjs');
|
|
@@ -20,17 +22,17 @@ const require_label = require('./components/ui/label.cjs');
|
|
|
20
22
|
const require_form = require('./components/ui/form.cjs');
|
|
21
23
|
const require_textarea = require('./components/ui/textarea.cjs');
|
|
22
24
|
const require_input_group = require('./components/ui/input-group.cjs');
|
|
23
|
-
const require_separator = require('./components/ui/separator.cjs');
|
|
24
25
|
const require_OrContinueWithSeparator = require('./components/ui/OrContinueWithSeparator.cjs');
|
|
25
26
|
const require_pagination = require('./components/ui/pagination.cjs');
|
|
26
27
|
const require_radio_group = require('./components/ui/radio-group.cjs');
|
|
27
|
-
const require_rating = require('./components/ui/rating.cjs');
|
|
28
28
|
const require_index$1 = require('./components/ui/shadcn-io/tags/index.cjs');
|
|
29
29
|
const require_index$2 = require('./components/ui/shadcn-io/tags-input-inline/index.cjs');
|
|
30
30
|
const require_sheet = require('./components/ui/sheet.cjs');
|
|
31
31
|
const require_slider = require('./components/ui/slider.cjs');
|
|
32
32
|
const require_switch = require('./components/ui/switch.cjs');
|
|
33
33
|
const require_tabs = require('./components/ui/tabs.cjs');
|
|
34
|
+
const require_toggle = require('./components/ui/toggle.cjs');
|
|
35
|
+
const require_toggle_group = require('./components/ui/toggle-group.cjs');
|
|
34
36
|
const require_tooltip = require('./components/ui/tooltip.cjs');
|
|
35
37
|
require('./components/index.cjs');
|
|
36
38
|
|
|
@@ -53,6 +55,9 @@ exports.AvatarFallback = require_avatar.AvatarFallback;
|
|
|
53
55
|
exports.AvatarImage = require_avatar.AvatarImage;
|
|
54
56
|
exports.Badge = require_badge.Badge;
|
|
55
57
|
exports.Button = require_button.Button;
|
|
58
|
+
exports.ButtonGroup = require_button_group.ButtonGroup;
|
|
59
|
+
exports.ButtonGroupSeparator = require_button_group.ButtonGroupSeparator;
|
|
60
|
+
exports.ButtonGroupText = require_button_group.ButtonGroupText;
|
|
56
61
|
exports.Calendar = require_calendar.Calendar;
|
|
57
62
|
exports.CalendarDayButton = require_calendar.CalendarDayButton;
|
|
58
63
|
exports.Card = require_card.Card;
|
|
@@ -156,8 +161,6 @@ exports.PopoverContent = require_popover.PopoverContent;
|
|
|
156
161
|
exports.PopoverTrigger = require_popover.PopoverTrigger;
|
|
157
162
|
exports.RadioGroup = require_radio_group.RadioGroup;
|
|
158
163
|
exports.RadioGroupItem = require_radio_group.RadioGroupItem;
|
|
159
|
-
exports.Rating = require_rating.Rating;
|
|
160
|
-
exports.RatingButton = require_rating.RatingButton;
|
|
161
164
|
exports.Select = require_select.Select;
|
|
162
165
|
exports.SelectContent = require_select.SelectContent;
|
|
163
166
|
exports.SelectGroup = require_select.SelectGroup;
|
|
@@ -199,15 +202,19 @@ exports.TagsList = require_index$1.TagsList;
|
|
|
199
202
|
exports.TagsTrigger = require_index$1.TagsTrigger;
|
|
200
203
|
exports.TagsValue = require_index$1.TagsValue;
|
|
201
204
|
exports.Textarea = require_textarea.Textarea;
|
|
205
|
+
exports.Toggle = require_toggle.Toggle;
|
|
206
|
+
exports.ToggleGroup = require_toggle_group.ToggleGroup;
|
|
207
|
+
exports.ToggleGroupItem = require_toggle_group.ToggleGroupItem;
|
|
202
208
|
exports.Tooltip = require_tooltip.Tooltip;
|
|
203
209
|
exports.TooltipContent = require_tooltip.TooltipContent;
|
|
204
210
|
exports.TooltipProvider = require_tooltip.TooltipProvider;
|
|
205
211
|
exports.TooltipTrigger = require_tooltip.TooltipTrigger;
|
|
206
212
|
exports.badgeVariants = require_badge.badgeVariants;
|
|
213
|
+
exports.buttonGroupVariants = require_button_group.buttonGroupVariants;
|
|
207
214
|
exports.buttonVariants = require_button.buttonVariants;
|
|
208
215
|
exports.cn = require_utils.cn;
|
|
209
216
|
exports.colorUtils = require_color_picker.colorUtils;
|
|
217
|
+
exports.toggleVariants = require_toggle.toggleVariants;
|
|
210
218
|
exports.useColorPicker = require_color_picker.useStore;
|
|
211
219
|
exports.useFileUpload = require_file_upload.useStore;
|
|
212
|
-
exports.useFormField = require_form.useFormField;
|
|
213
|
-
exports.useRating = require_rating.useRating;
|
|
220
|
+
exports.useFormField = require_form.useFormField;
|
package/dist/index.d.cts
CHANGED
|
@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
|
|
|
3
3
|
import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.cjs";
|
|
4
4
|
import { Badge, badgeVariants } from "./components/ui/badge.cjs";
|
|
5
5
|
import { Button, buttonVariants } from "./components/ui/button.cjs";
|
|
6
|
+
import { Separator } from "./components/ui/separator.cjs";
|
|
7
|
+
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.cjs";
|
|
6
8
|
import { Calendar, CalendarDayButton } from "./components/ui/calendar.cjs";
|
|
7
9
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.cjs";
|
|
8
10
|
import { Checkbox } from "./components/ui/checkbox.cjs";
|
|
@@ -20,8 +22,6 @@ import { Label } from "./components/ui/label.cjs";
|
|
|
20
22
|
import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.cjs";
|
|
21
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.cjs";
|
|
22
24
|
import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.cjs";
|
|
23
|
-
import { Rating, RatingButton, RatingButtonProps, RatingProps, useRating } from "./components/ui/rating.cjs";
|
|
24
|
-
import { Separator } from "./components/ui/separator.cjs";
|
|
25
25
|
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.cjs";
|
|
26
26
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.cjs";
|
|
27
27
|
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.cjs";
|
|
@@ -29,8 +29,10 @@ import { Slider } from "./components/ui/slider.cjs";
|
|
|
29
29
|
import { Switch } from "./components/ui/switch.cjs";
|
|
30
30
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.cjs";
|
|
31
31
|
import { Textarea } from "./components/ui/textarea.cjs";
|
|
32
|
+
import { Toggle, toggleVariants } from "./components/ui/toggle.cjs";
|
|
33
|
+
import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./components/ui/toggle-group.cjs";
|
|
32
34
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.cjs";
|
|
33
35
|
import "./components/index.cjs";
|
|
34
36
|
import { cn } from "./lib/utils.cjs";
|
|
35
37
|
import "./lib/index.cjs";
|
|
36
|
-
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, 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, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem,
|
|
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, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, 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, useFormField };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
|
|
|
3
3
|
import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
|
|
4
4
|
import { Badge, badgeVariants } from "./components/ui/badge.js";
|
|
5
5
|
import { Button, buttonVariants } from "./components/ui/button.js";
|
|
6
|
+
import { Separator } from "./components/ui/separator.js";
|
|
7
|
+
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.js";
|
|
6
8
|
import { Calendar, CalendarDayButton } from "./components/ui/calendar.js";
|
|
7
9
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
|
|
8
10
|
import { Checkbox } from "./components/ui/checkbox.js";
|
|
@@ -20,8 +22,6 @@ import { Label } from "./components/ui/label.js";
|
|
|
20
22
|
import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.js";
|
|
21
23
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
|
|
22
24
|
import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
|
|
23
|
-
import { Rating, RatingButton, RatingButtonProps, RatingProps, useRating } from "./components/ui/rating.js";
|
|
24
|
-
import { Separator } from "./components/ui/separator.js";
|
|
25
25
|
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
26
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.js";
|
|
27
27
|
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
|
|
@@ -29,8 +29,10 @@ import { Slider } from "./components/ui/slider.js";
|
|
|
29
29
|
import { Switch } from "./components/ui/switch.js";
|
|
30
30
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
|
|
31
31
|
import { Textarea } from "./components/ui/textarea.js";
|
|
32
|
+
import { Toggle, toggleVariants } from "./components/ui/toggle.js";
|
|
33
|
+
import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./components/ui/toggle-group.js";
|
|
32
34
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
|
|
33
35
|
import "./components/index.js";
|
|
34
36
|
import { cn } from "./lib/utils.js";
|
|
35
37
|
import "./lib/index.js";
|
|
36
|
-
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, 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, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem,
|
|
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, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, 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, useFormField };
|
package/dist/index.js
CHANGED
|
@@ -5,6 +5,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
|
|
|
5
5
|
import { Avatar, AvatarFallback, AvatarImage } from "./components/ui/avatar.js";
|
|
6
6
|
import { Badge, badgeVariants } from "./components/ui/badge.js";
|
|
7
7
|
import { Button, buttonVariants } from "./components/ui/button.js";
|
|
8
|
+
import { Separator } from "./components/ui/separator.js";
|
|
9
|
+
import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.js";
|
|
8
10
|
import { Calendar, CalendarDayButton } from "./components/ui/calendar.js";
|
|
9
11
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/ui/card.js";
|
|
10
12
|
import { Checkbox } from "./components/ui/checkbox.js";
|
|
@@ -20,18 +22,18 @@ import { Label } from "./components/ui/label.js";
|
|
|
20
22
|
import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/ui/form.js";
|
|
21
23
|
import { Textarea } from "./components/ui/textarea.js";
|
|
22
24
|
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
|
|
23
|
-
import { Separator } from "./components/ui/separator.js";
|
|
24
25
|
import { OrContinueWithSeparator } from "./components/ui/OrContinueWithSeparator.js";
|
|
25
26
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
|
|
26
27
|
import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
|
|
27
|
-
import { Rating, RatingButton, useRating } from "./components/ui/rating.js";
|
|
28
28
|
import { Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsItem, TagsList, TagsTrigger, TagsValue } from "./components/ui/shadcn-io/tags/index.js";
|
|
29
29
|
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./components/ui/shadcn-io/tags-input-inline/index.js";
|
|
30
30
|
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
|
|
31
31
|
import { Slider } from "./components/ui/slider.js";
|
|
32
32
|
import { Switch } from "./components/ui/switch.js";
|
|
33
33
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
|
|
34
|
+
import { Toggle, toggleVariants } from "./components/ui/toggle.js";
|
|
35
|
+
import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
|
|
34
36
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
|
|
35
37
|
import "./components/index.js";
|
|
36
38
|
|
|
37
|
-
export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, 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, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem,
|
|
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, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, 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, useFormField };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pixpilot/shadcn",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.9.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",
|
|
@@ -48,6 +48,8 @@
|
|
|
48
48
|
"@radix-ui/react-slot": "^1.2.4",
|
|
49
49
|
"@radix-ui/react-switch": "^1.2.6",
|
|
50
50
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
51
|
+
"@radix-ui/react-toggle": "^1.1.10",
|
|
52
|
+
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
51
53
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
52
54
|
"class-variance-authority": "^0.7.1",
|
|
53
55
|
"clsx": "^2.1.1",
|
|
@@ -78,9 +80,9 @@
|
|
|
78
80
|
"typescript": "^5.9.3",
|
|
79
81
|
"typescript-eslint": "^8.49.0",
|
|
80
82
|
"@internal/eslint-config": "0.3.0",
|
|
83
|
+
"@internal/prettier-config": "0.0.1",
|
|
81
84
|
"@internal/tsconfig": "0.1.0",
|
|
82
85
|
"@internal/tsdown-config": "0.1.0",
|
|
83
|
-
"@internal/prettier-config": "0.0.1",
|
|
84
86
|
"@internal/vitest-config": "0.1.0"
|
|
85
87
|
},
|
|
86
88
|
"prettier": "@internal/prettier-config",
|
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
-
const require_utils = require('../../lib/utils.cjs');
|
|
3
|
-
require('../../lib/index.cjs');
|
|
4
|
-
let class_variance_authority = require("class-variance-authority");
|
|
5
|
-
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
6
|
-
let react = require("react");
|
|
7
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
8
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
10
|
-
let lucide_react = require("lucide-react");
|
|
11
|
-
lucide_react = require_rolldown_runtime.__toESM(lucide_react);
|
|
12
|
-
|
|
13
|
-
//#region src/components/ui/rating.tsx
|
|
14
|
-
const ratingVariants = (0, class_variance_authority.cva)("inline-flex items-center gap-1", {
|
|
15
|
-
variants: { size: {
|
|
16
|
-
sm: "[&_svg]:size-4",
|
|
17
|
-
default: "[&_svg]:size-5",
|
|
18
|
-
lg: "[&_svg]:size-6",
|
|
19
|
-
xl: "[&_svg]:size-8"
|
|
20
|
-
} },
|
|
21
|
-
defaultVariants: { size: "default" }
|
|
22
|
-
});
|
|
23
|
-
const RatingContext = react.createContext(void 0);
|
|
24
|
-
function useRating() {
|
|
25
|
-
const context = react.use(RatingContext);
|
|
26
|
-
if (!context) throw new Error("Rating components must be used within a Rating provider");
|
|
27
|
-
return context;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Rating component for displaying and collecting star/circle ratings
|
|
31
|
-
*/
|
|
32
|
-
function Rating({ value: controlledValue, defaultValue = 0, onValueChange, max = 5, iconType = "star", labels, readOnly = false, disabled = false, name, required = false, size = "default", className, children }) {
|
|
33
|
-
const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
|
|
34
|
-
const [hoverValue, setHoverValue] = react.useState(0);
|
|
35
|
-
const isControlled = controlledValue !== void 0;
|
|
36
|
-
const value = isControlled ? controlledValue : uncontrolledValue;
|
|
37
|
-
const handleValueChange = react.useCallback((newValue) => {
|
|
38
|
-
if (readOnly || disabled) return;
|
|
39
|
-
if (!isControlled) setUncontrolledValue(newValue);
|
|
40
|
-
onValueChange?.(newValue);
|
|
41
|
-
}, [
|
|
42
|
-
readOnly,
|
|
43
|
-
disabled,
|
|
44
|
-
isControlled,
|
|
45
|
-
onValueChange
|
|
46
|
-
]);
|
|
47
|
-
const handleHoverChange = react.useCallback((newHoverValue) => {
|
|
48
|
-
if (readOnly || disabled) return;
|
|
49
|
-
setHoverValue(newHoverValue);
|
|
50
|
-
}, [readOnly, disabled]);
|
|
51
|
-
const contextValue = react.useMemo(() => ({
|
|
52
|
-
value,
|
|
53
|
-
hoverValue,
|
|
54
|
-
max,
|
|
55
|
-
readOnly,
|
|
56
|
-
disabled,
|
|
57
|
-
size: size === "sm" ? 16 : size === "lg" ? 24 : size === "xl" ? 32 : 20,
|
|
58
|
-
iconType,
|
|
59
|
-
labels,
|
|
60
|
-
onValueChange: handleValueChange,
|
|
61
|
-
onHoverChange: handleHoverChange
|
|
62
|
-
}), [
|
|
63
|
-
value,
|
|
64
|
-
hoverValue,
|
|
65
|
-
max,
|
|
66
|
-
readOnly,
|
|
67
|
-
disabled,
|
|
68
|
-
size,
|
|
69
|
-
iconType,
|
|
70
|
-
labels,
|
|
71
|
-
handleValueChange,
|
|
72
|
-
handleHoverChange
|
|
73
|
-
]);
|
|
74
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RatingContext.Provider, {
|
|
75
|
-
value: contextValue,
|
|
76
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
77
|
-
className: require_utils.cn(ratingVariants({ size }), className),
|
|
78
|
-
role: "radiogroup",
|
|
79
|
-
"aria-label": "Rating",
|
|
80
|
-
"aria-required": required,
|
|
81
|
-
tabIndex: 0,
|
|
82
|
-
onMouseLeave: () => handleHoverChange(0),
|
|
83
|
-
children: [children, name && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
|
|
84
|
-
type: "hidden",
|
|
85
|
-
name,
|
|
86
|
-
value,
|
|
87
|
-
required
|
|
88
|
-
})]
|
|
89
|
-
})
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
/**
|
|
93
|
-
* Individual rating item button component
|
|
94
|
-
*/
|
|
95
|
-
function RatingButton({ index, className,...props }) {
|
|
96
|
-
const { value, hoverValue, max, readOnly, disabled, size, iconType, labels, onValueChange, onHoverChange } = useRating();
|
|
97
|
-
const isFilled = index <= (hoverValue || value);
|
|
98
|
-
const label = labels?.[index - 1];
|
|
99
|
-
const Icon = iconType === "circle" ? lucide_react.Circle : lucide_react.Star;
|
|
100
|
-
const handleClick = () => {
|
|
101
|
-
if (!readOnly && !disabled) onValueChange?.(index);
|
|
102
|
-
};
|
|
103
|
-
const handleMouseEnter = () => {
|
|
104
|
-
if (!readOnly && !disabled) onHoverChange(index);
|
|
105
|
-
};
|
|
106
|
-
const handleKeyDown = (e) => {
|
|
107
|
-
if (readOnly || disabled) return;
|
|
108
|
-
switch (e.key) {
|
|
109
|
-
case "ArrowRight":
|
|
110
|
-
case "ArrowUp":
|
|
111
|
-
e.preventDefault();
|
|
112
|
-
onHoverChange(Math.min(index + 1, max));
|
|
113
|
-
break;
|
|
114
|
-
case "ArrowLeft":
|
|
115
|
-
case "ArrowDown":
|
|
116
|
-
e.preventDefault();
|
|
117
|
-
onHoverChange(Math.max(index - 1, 1));
|
|
118
|
-
break;
|
|
119
|
-
case "Home":
|
|
120
|
-
e.preventDefault();
|
|
121
|
-
onHoverChange(1);
|
|
122
|
-
break;
|
|
123
|
-
case "End":
|
|
124
|
-
e.preventDefault();
|
|
125
|
-
onHoverChange(max);
|
|
126
|
-
break;
|
|
127
|
-
case " ":
|
|
128
|
-
case "Enter":
|
|
129
|
-
e.preventDefault();
|
|
130
|
-
handleClick();
|
|
131
|
-
break;
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
135
|
-
type: "button",
|
|
136
|
-
role: "radio",
|
|
137
|
-
"aria-checked": index === value,
|
|
138
|
-
"aria-label": label || `Rate ${index}`,
|
|
139
|
-
title: label,
|
|
140
|
-
disabled: disabled || readOnly,
|
|
141
|
-
onClick: handleClick,
|
|
142
|
-
onMouseEnter: handleMouseEnter,
|
|
143
|
-
onKeyDown: handleKeyDown,
|
|
144
|
-
className: require_utils.cn("inline-flex items-center justify-center transition-all outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm", readOnly && "cursor-default", !readOnly && !disabled && "cursor-pointer hover:scale-110", disabled && "opacity-50 cursor-not-allowed", className),
|
|
145
|
-
...props,
|
|
146
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
|
|
147
|
-
className: require_utils.cn("transition-all", isFilled ? "fill-yellow-400 text-yellow-400 dark:fill-yellow-500 dark:text-yellow-500" : "fill-transparent text-muted-foreground"),
|
|
148
|
-
size,
|
|
149
|
-
"aria-hidden": "true"
|
|
150
|
-
}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
151
|
-
className: "sr-only",
|
|
152
|
-
children: label
|
|
153
|
-
})]
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
//#endregion
|
|
158
|
-
exports.Rating = Rating;
|
|
159
|
-
exports.RatingButton = RatingButton;
|
|
160
|
-
exports.useRating = useRating;
|