@pixpilot/shadcn 0.8.0 → 0.10.0

package/dist/components/index.cjs

@@ -3,6 +3,8 @@ const require_alert_dialog = require('./ui/alert-dialog.cjs');
 const require_avatar = require('./ui/avatar.cjs');
 const require_badge = require('./ui/badge.cjs');
 const require_button = require('./ui/button.cjs');
+const require_separator = require('./ui/separator.cjs');
+const require_button_group = require('./ui/button-group.cjs');
 const require_calendar = require('./ui/calendar.cjs');
 const require_card = require('./ui/card.cjs');
 const require_checkbox = require('./ui/checkbox.cjs');
@@ -18,16 +20,16 @@ const require_label = require('./ui/label.cjs');
 const require_form = require('./ui/form.cjs');
 const require_textarea = require('./ui/textarea.cjs');
 const require_input_group = require('./ui/input-group.cjs');
-const require_separator = require('./ui/separator.cjs');
 const require_OrContinueWithSeparator = require('./ui/OrContinueWithSeparator.cjs');
 const require_pagination = require('./ui/pagination.cjs');
 const require_radio_group = require('./ui/radio-group.cjs');
-const require_rating = require('./ui/rating.cjs');
 const require_index = require('./ui/shadcn-io/tags/index.cjs');
 const require_index$1 = require('./ui/shadcn-io/tags-input-inline/index.cjs');
 const require_sheet = require('./ui/sheet.cjs');
 const require_slider = require('./ui/slider.cjs');
 const require_switch = require('./ui/switch.cjs');
 const require_tabs = require('./ui/tabs.cjs');
+const require_toggle = require('./ui/toggle.cjs');
+const require_toggle_group = require('./ui/toggle-group.cjs');
 const require_tooltip = require('./ui/tooltip.cjs');
 require('./ui/index.cjs');

package/dist/components/index.d.cts

@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.cjs";
 import { Badge, badgeVariants } from "./ui/badge.cjs";
 import { Button, buttonVariants } from "./ui/button.cjs";
+import { Separator } from "./ui/separator.cjs";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.cjs";
 import { Calendar, CalendarDayButton } from "./ui/calendar.cjs";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.cjs";
 import { Checkbox } from "./ui/checkbox.cjs";
@@ -20,8 +22,6 @@ import { Label } from "./ui/label.cjs";
 import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.cjs";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.cjs";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.cjs";
-import { Rating, RatingButton, RatingButtonProps, RatingProps, useRating } from "./ui/rating.cjs";
-import { Separator } from "./ui/separator.cjs";
 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";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.cjs";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.cjs";
@@ -29,5 +29,7 @@ import { Slider } from "./ui/slider.cjs";
 import { Switch } from "./ui/switch.cjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.cjs";
 import { Textarea } from "./ui/textarea.cjs";
+import { Toggle, toggleVariants } from "./ui/toggle.cjs";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./ui/toggle-group.cjs";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.cjs";
 import "./ui/index.cjs";

package/dist/components/index.d.ts

@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
 import { Badge, badgeVariants } from "./ui/badge.js";
 import { Button, buttonVariants } from "./ui/button.js";
+import { Separator } from "./ui/separator.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.js";
 import { Calendar, CalendarDayButton } from "./ui/calendar.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
 import { Checkbox } from "./ui/checkbox.js";
@@ -20,8 +22,6 @@ import { Label } from "./ui/label.js";
 import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
-import { Rating, RatingButton, RatingButtonProps, RatingProps, useRating } from "./ui/rating.js";
-import { Separator } from "./ui/separator.js";
 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";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
@@ -29,5 +29,7 @@ import { Slider } from "./ui/slider.js";
 import { Switch } from "./ui/switch.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
 import { Textarea } from "./ui/textarea.js";
+import { Toggle, toggleVariants } from "./ui/toggle.js";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "./ui/toggle-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
 import "./ui/index.js";

package/dist/components/index.js

@@ -3,6 +3,8 @@ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent,
 import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
 import { Badge, badgeVariants } from "./ui/badge.js";
 import { Button, buttonVariants } from "./ui/button.js";
+import { Separator } from "./ui/separator.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./ui/button-group.js";
 import { Calendar, CalendarDayButton } from "./ui/calendar.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
 import { Checkbox } from "./ui/checkbox.js";
@@ -18,16 +20,16 @@ import { Label } from "./ui/label.js";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.js";
 import { Textarea } from "./ui/textarea.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.js";
-import { Separator } from "./ui/separator.js";
 import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
-import { Rating, RatingButton, useRating } from "./ui/rating.js";
 import { Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsItem, TagsList, TagsTrigger, TagsValue } from "./ui/shadcn-io/tags/index.js";
 import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
 import { Slider } from "./ui/slider.js";
 import { Switch } from "./ui/switch.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
+import { Toggle, toggleVariants } from "./ui/toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
 import "./ui/index.js";

package/dist/components/ui/OrContinueWithSeparator.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/ui/OrContinueWithSeparator.d.ts
 
@@ -6,6 +6,6 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
  * A separator with a label for alternative sign-in methods.
  * Used in authentication forms to visually separate sections.
  */
-declare function OrContinueWithSeparator(): react_jsx_runtime100.JSX.Element;
+declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { OrContinueWithSeparator };

package/dist/components/ui/OrContinueWithSeparator.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/ui/OrContinueWithSeparator.d.ts
 
@@ -6,6 +6,6 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
  * A separator with a label for alternative sign-in methods.
  * Used in authentication forms to visually separate sections.
  */
-declare function OrContinueWithSeparator(): react_jsx_runtime100.JSX.Element;
+declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { OrContinueWithSeparator };

package/dist/components/ui/alert-dialog.d.cts

@@ -1,48 +1,48 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import * as React from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 //#region src/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime2.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime6.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/avatar.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
@@ -6,14 +6,14 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime13.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime13.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/badge.d.cts

@@ -1,5 +1,5 @@
 import * as class_variance_authority_types0 from "class-variance-authority/types";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
@@ -14,6 +14,6 @@ declare function Badge({
   ...props
 }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime20.JSX.Element;
+}): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Badge, badgeVariants };

package/dist/components/ui/button-group.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../lib/utils.cjs');
+require('../../lib/index.cjs');
+const require_separator = require('./separator.cjs');
+let class_variance_authority = require("class-variance-authority");
+class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __radix_ui_react_slot = require("@radix-ui/react-slot");
+__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
+
+//#region src/components/ui/button-group.tsx
+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", {
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": orientation,
+		className: require_utils.cn(buttonGroupVariants({ orientation }), className),
+		...props
+	});
+}
+function ButtonGroupText({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		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),
+		...props
+	});
+}
+function ButtonGroupSeparator({ className, orientation = "vertical",...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_separator.Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: require_utils.cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
+		...props
+	});
+}
+
+//#endregion
+exports.ButtonGroup = ButtonGroup;
+exports.ButtonGroupSeparator = ButtonGroupSeparator;
+exports.ButtonGroupText = ButtonGroupText;
+exports.buttonGroupVariants = buttonGroupVariants;

package/dist/components/ui/button-group.d.cts

@@ -0,0 +1,28 @@
+import { Separator } from "./separator.cjs";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/components/ui/button-group.d.ts
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
+declare function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime18.JSX.Element;
+declare function ButtonGroupText({
+  className,
+  asChild,
+  ...props
+}: React.ComponentProps<'div'> & {
+  asChild?: boolean;
+}): react_jsx_runtime18.JSX.Element;
+declare function ButtonGroupSeparator({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime18.JSX.Element;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/button-group.d.ts

@@ -0,0 +1,28 @@
+import { Separator } from "./separator.js";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
+
+//#region src/components/ui/button-group.d.ts
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
+declare function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime22.JSX.Element;
+declare function ButtonGroupText({
+  className,
+  asChild,
+  ...props
+}: React.ComponentProps<'div'> & {
+  asChild?: boolean;
+}): react_jsx_runtime22.JSX.Element;
+declare function ButtonGroupSeparator({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime22.JSX.Element;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/button-group.js

@@ -0,0 +1,41 @@
+import { cn } from "../../lib/utils.js";
+import "../../lib/index.js";
+import { Separator } from "./separator.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region src/components/ui/button-group.tsx
+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", {
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": orientation,
+		className: cn(buttonGroupVariants({ orientation }), className),
+		...props
+	});
+}
+function ButtonGroupText({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		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),
+		...props
+	});
+}
+function ButtonGroupSeparator({ className, orientation = "vertical",...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
+		...props
+	});
+}
+
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/ui/button.cjs

@@ -23,9 +23,11 @@ const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-cent
 		},
 		size: {
 			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
 			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
 			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
 			icon: "size-9",
+			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
 			"icon-sm": "size-8",
 			"icon-lg": "size-10"
 		}

package/dist/components/ui/button.d.cts

@@ -1,12 +1,12 @@
 import * as class_variance_authority_types1 from "class-variance-authority/types";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types1.ClassProp) | undefined) => string;
 declare function Button({
   className,
@@ -16,6 +16,6 @@ declare function Button({
   ...props
 }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Button, buttonVariants };

package/dist/components/ui/button.d.ts

@@ -6,7 +6,7 @@ import * as class_variance_authority_types1 from "class-variance-authority/types
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
-  size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types1.ClassProp) | undefined) => string;
 declare function Button({
   className,

package/dist/components/ui/button.js

@@ -18,9 +18,11 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
 		},
 		size: {
 			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
 			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
 			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
 			icon: "size-9",
+			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
 			"icon-sm": "size-8",
 			"icon-lg": "size-10"
 		}

package/dist/components/ui/calendar.d.cts

@@ -1,5 +1,5 @@
 import { Button } from "./button.cjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import * as React from "react";
 import { DayButton, DayPicker } from "react-day-picker";
 
@@ -15,12 +15,12 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime22.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };

package/dist/components/ui/calendar.d.ts

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
 import * as React from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/components/ui/calendar.d.ts
@@ -15,12 +15,12 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime22.JSX.Element;
+}): react_jsx_runtime25.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime25.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };

package/dist/components/ui/card.d.cts

@@ -1,34 +1,34 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/card.d.ts

@@ -1,34 +1,34 @@
 import * as React from "react";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime24.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime27.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/checkbox.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
@@ -6,6 +6,6 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Checkbox };

package/dist/components/ui/checkbox.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/components/ui/checkbox.d.ts
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { Checkbox };