@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.
Files changed (85) hide show
  1. package/dist/components/index.cjs +4 -2
  2. package/dist/components/index.d.cts +4 -2
  3. package/dist/components/index.d.ts +4 -2
  4. package/dist/components/index.js +4 -2
  5. package/dist/components/ui/OrContinueWithSeparator.d.cts +2 -2
  6. package/dist/components/ui/OrContinueWithSeparator.d.ts +2 -2
  7. package/dist/components/ui/alert.d.cts +4 -4
  8. package/dist/components/ui/button-group.cjs +48 -0
  9. package/dist/components/ui/button-group.d.cts +28 -0
  10. package/dist/components/ui/button-group.d.ts +28 -0
  11. package/dist/components/ui/button-group.js +41 -0
  12. package/dist/components/ui/button.cjs +2 -0
  13. package/dist/components/ui/button.d.cts +1 -1
  14. package/dist/components/ui/button.d.ts +1 -1
  15. package/dist/components/ui/button.js +2 -0
  16. package/dist/components/ui/calendar.d.cts +3 -3
  17. package/dist/components/ui/calendar.d.ts +3 -3
  18. package/dist/components/ui/card.d.cts +8 -8
  19. package/dist/components/ui/card.d.ts +8 -8
  20. package/dist/components/ui/checkbox.d.cts +2 -2
  21. package/dist/components/ui/checkbox.d.ts +2 -2
  22. package/dist/components/ui/color-picker.d.cts +11 -11
  23. package/dist/components/ui/color-picker.d.ts +11 -11
  24. package/dist/components/ui/command.d.cts +10 -10
  25. package/dist/components/ui/command.d.ts +10 -10
  26. package/dist/components/ui/dialog.d.cts +11 -11
  27. package/dist/components/ui/dialog.d.ts +11 -11
  28. package/dist/components/ui/dropdown-menu.d.cts +16 -16
  29. package/dist/components/ui/dropdown-menu.d.ts +16 -16
  30. package/dist/components/ui/file-upload.d.cts +11 -11
  31. package/dist/components/ui/file-upload.d.ts +11 -11
  32. package/dist/components/ui/form.d.cts +7 -7
  33. package/dist/components/ui/form.d.ts +7 -7
  34. package/dist/components/ui/index.cjs +4 -2
  35. package/dist/components/ui/index.d.cts +4 -2
  36. package/dist/components/ui/index.d.ts +4 -2
  37. package/dist/components/ui/index.js +4 -2
  38. package/dist/components/ui/input-group.d.cts +11 -11
  39. package/dist/components/ui/input-group.d.ts +11 -11
  40. package/dist/components/ui/input.d.cts +2 -2
  41. package/dist/components/ui/input.d.ts +2 -2
  42. package/dist/components/ui/label.d.cts +2 -2
  43. package/dist/components/ui/label.d.ts +2 -2
  44. package/dist/components/ui/pagination.d.cts +8 -8
  45. package/dist/components/ui/pagination.d.ts +8 -8
  46. package/dist/components/ui/popover.d.cts +5 -5
  47. package/dist/components/ui/popover.d.ts +5 -5
  48. package/dist/components/ui/radio-group.d.cts +3 -3
  49. package/dist/components/ui/radio-group.d.ts +3 -3
  50. package/dist/components/ui/select.d.cts +11 -11
  51. package/dist/components/ui/select.d.ts +11 -11
  52. package/dist/components/ui/separator.d.cts +2 -2
  53. package/dist/components/ui/separator.d.ts +2 -2
  54. package/dist/components/ui/shadcn-io/tags/index.d.cts +9 -9
  55. package/dist/components/ui/shadcn-io/tags/index.d.ts +9 -9
  56. package/dist/components/ui/shadcn-io/tags-input-inline/index.d.cts +7 -7
  57. package/dist/components/ui/shadcn-io/tags-input-inline/index.d.ts +7 -7
  58. package/dist/components/ui/sheet.d.cts +9 -9
  59. package/dist/components/ui/sheet.d.ts +9 -9
  60. package/dist/components/ui/slider.d.cts +2 -2
  61. package/dist/components/ui/slider.d.ts +2 -2
  62. package/dist/components/ui/switch.d.cts +2 -2
  63. package/dist/components/ui/switch.d.ts +2 -2
  64. package/dist/components/ui/tabs.d.cts +5 -5
  65. package/dist/components/ui/tabs.d.ts +5 -5
  66. package/dist/components/ui/textarea.d.cts +2 -2
  67. package/dist/components/ui/textarea.d.ts +2 -2
  68. package/dist/components/ui/toggle-group.cjs +59 -0
  69. package/dist/components/ui/toggle-group.d.cts +30 -0
  70. package/dist/components/ui/toggle-group.d.ts +30 -0
  71. package/dist/components/ui/toggle-group.js +54 -0
  72. package/dist/components/ui/toggle.cjs +45 -0
  73. package/dist/components/ui/toggle.d.cts +19 -0
  74. package/dist/components/ui/toggle.d.ts +19 -0
  75. package/dist/components/ui/toggle.js +39 -0
  76. package/dist/components/ui/tooltip.d.cts +5 -5
  77. package/dist/index.cjs +13 -6
  78. package/dist/index.d.cts +5 -3
  79. package/dist/index.d.ts +5 -3
  80. package/dist/index.js +5 -3
  81. package/package.json +4 -2
  82. package/dist/components/ui/rating.cjs +0 -160
  83. package/dist/components/ui/rating.d.cts +0 -112
  84. package/dist/components/ui/rating.d.ts +0 -112
  85. package/dist/components/ui/rating.js +0 -153
@@ -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,16 +20,16 @@ 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');
25
- const require_rating = require('./ui/rating.cjs');
26
26
  const require_index = require('./ui/shadcn-io/tags/index.cjs');
27
27
  const require_index$1 = require('./ui/shadcn-io/tags-input-inline/index.cjs');
28
28
  const require_sheet = require('./ui/sheet.cjs');
29
29
  const require_slider = require('./ui/slider.cjs');
30
30
  const require_switch = require('./ui/switch.cjs');
31
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');
32
34
  const require_tooltip = require('./ui/tooltip.cjs');
33
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,8 +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 { Rating, RatingButton, RatingButtonProps, RatingProps, useRating } from "./ui/rating.cjs";
24
- import { Separator } from "./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 "./ui/shadcn-io/tags/index.cjs";
26
26
  import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.cjs";
27
27
  import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.cjs";
@@ -29,5 +29,7 @@ import { Slider } from "./ui/slider.cjs";
29
29
  import { Switch } from "./ui/switch.cjs";
30
30
  import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.cjs";
31
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";
32
34
  import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.cjs";
33
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,8 +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 { Rating, RatingButton, RatingButtonProps, RatingProps, useRating } from "./ui/rating.js";
24
- import { Separator } from "./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 "./ui/shadcn-io/tags/index.js";
26
26
  import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
27
27
  import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
@@ -29,5 +29,7 @@ import { Slider } from "./ui/slider.js";
29
29
  import { Switch } from "./ui/switch.js";
30
30
  import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
31
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";
32
34
  import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
33
35
  import "./ui/index.js";
@@ -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,16 +20,16 @@ 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";
25
- import { Rating, RatingButton, useRating } from "./ui/rating.js";
26
26
  import { Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsItem, TagsList, TagsTrigger, TagsValue } from "./ui/shadcn-io/tags/index.js";
27
27
  import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
28
28
  import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
29
29
  import { Slider } from "./ui/slider.js";
30
30
  import { Switch } from "./ui/switch.js";
31
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";
32
34
  import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
33
35
  import "./ui/index.js";
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime100 from "react/jsx-runtime";
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(): react_jsx_runtime100.JSX.Element;
9
+ declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
10
10
  //#endregion
11
11
  export { OrContinueWithSeparator };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime100 from "react/jsx-runtime";
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(): react_jsx_runtime100.JSX.Element;
9
+ declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
10
10
  //#endregion
11
11
  export { OrContinueWithSeparator };
@@ -1,5 +1,5 @@
1
1
  import * as class_variance_authority_types0 from "class-variance-authority/types";
2
- import * as react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime3 from "react/jsx-runtime";
3
3
  import { VariantProps } from "class-variance-authority";
4
4
  import * as React from "react";
5
5
 
@@ -11,14 +11,14 @@ declare function Alert({
11
11
  className,
12
12
  variant,
13
13
  ...props
14
- }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime0.JSX.Element;
14
+ }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime3.JSX.Element;
15
15
  declare function AlertTitle({
16
16
  className,
17
17
  ...props
18
- }: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
18
+ }: React.ComponentProps<'div'>): react_jsx_runtime3.JSX.Element;
19
19
  declare function AlertDescription({
20
20
  className,
21
21
  ...props
22
- }: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
22
+ }: React.ComponentProps<'div'>): react_jsx_runtime3.JSX.Element;
23
23
  //#endregion
24
24
  export { Alert, AlertDescription, AlertTitle };
@@ -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 react_jsx_runtime22 from "react/jsx-runtime";
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
- }): react_jsx_runtime22.JSX.Element;
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>): react_jsx_runtime22.JSX.Element;
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 react_jsx_runtime22 from "react/jsx-runtime";
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
- }): react_jsx_runtime22.JSX.Element;
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>): react_jsx_runtime22.JSX.Element;
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 react_jsx_runtime24 from "react/jsx-runtime";
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'>): react_jsx_runtime24.JSX.Element;
8
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
9
9
  declare function CardHeader({
10
10
  className,
11
11
  ...props
12
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
12
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
13
13
  declare function CardTitle({
14
14
  className,
15
15
  ...props
16
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
16
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
17
17
  declare function CardDescription({
18
18
  className,
19
19
  ...props
20
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
20
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
21
21
  declare function CardAction({
22
22
  className,
23
23
  ...props
24
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
24
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
25
25
  declare function CardContent({
26
26
  className,
27
27
  ...props
28
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
28
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
29
29
  declare function CardFooter({
30
30
  className,
31
31
  ...props
32
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
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 react_jsx_runtime24 from "react/jsx-runtime";
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'>): react_jsx_runtime24.JSX.Element;
8
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
9
9
  declare function CardHeader({
10
10
  className,
11
11
  ...props
12
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
12
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
13
13
  declare function CardTitle({
14
14
  className,
15
15
  ...props
16
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
16
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
17
17
  declare function CardDescription({
18
18
  className,
19
19
  ...props
20
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
20
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
21
21
  declare function CardAction({
22
22
  className,
23
23
  ...props
24
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
24
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
25
25
  declare function CardContent({
26
26
  className,
27
27
  ...props
28
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
28
+ }: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
29
29
  declare function CardFooter({
30
30
  className,
31
31
  ...props
32
- }: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
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 react_jsx_runtime31 from "react/jsx-runtime";
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>): react_jsx_runtime31.JSX.Element;
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 react_jsx_runtime31 from "react/jsx-runtime";
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>): react_jsx_runtime31.JSX.Element;
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 react_jsx_runtime32 from "react/jsx-runtime";
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): react_jsx_runtime32.JSX.Element;
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
- }): react_jsx_runtime32.JSX.Element;
77
- declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime32.JSX.Element;
78
- declare function ColorPickerArea(props: DivProps): react_jsx_runtime32.JSX.Element;
79
- declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
80
- declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
81
- declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime32.JSX.Element;
82
- declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime32.JSX.Element | null;
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): react_jsx_runtime32.JSX.Element;
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): react_jsx_runtime32.JSX.Element | undefined;
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 react_jsx_runtime32 from "react/jsx-runtime";
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): react_jsx_runtime32.JSX.Element;
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
- }): react_jsx_runtime32.JSX.Element;
77
- declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime32.JSX.Element;
78
- declare function ColorPickerArea(props: DivProps): react_jsx_runtime32.JSX.Element;
79
- declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
80
- declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
81
- declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime32.JSX.Element;
82
- declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime32.JSX.Element | null;
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): react_jsx_runtime32.JSX.Element;
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): react_jsx_runtime32.JSX.Element | undefined;
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;