@pixpilot/shadcn-ui 0.46.0 → 0.47.0

package/dist/AbsoluteFill.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/AbsoluteFill.d.ts
 
@@ -10,7 +10,7 @@ import * as react_jsx_runtime3 from "react/jsx-runtime";
  */
 declare function AbsoluteFill(props: React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace AbsoluteFill {
   var displayName: string;
 }

package/dist/Button.cjs

@@ -17,7 +17,7 @@ const LOADER_SIZE_LG = 20;
 * Get loader size based on button size
 */
 function getLoaderSize(size) {
-	if (size === "sm" || size === "icon-sm") return LOADER_SIZE_SM;
+	if (size === "xs" || size === "sm" || size === "icon-xs" || size === "icon-sm") return LOADER_SIZE_SM;
 	if (size === "lg" || size === "icon-lg") return LOADER_SIZE_LG;
 	return LOADER_SIZE_DEFAULT;
 }

package/dist/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
@@ -39,7 +39,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime4.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/Button.js

@@ -12,7 +12,7 @@ const LOADER_SIZE_LG = 20;
 * Get loader size based on button size
 */
 function getLoaderSize(size) {
-	if (size === "sm" || size === "icon-sm") return LOADER_SIZE_SM;
+	if (size === "xs" || size === "sm" || size === "icon-xs" || size === "icon-sm") return LOADER_SIZE_SM;
 	if (size === "lg" || size === "icon-lg") return LOADER_SIZE_LG;
 	return LOADER_SIZE_DEFAULT;
 }

package/dist/ButtonGroup.cjs

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/ButtonGroup.tsx
+/**
+* A simple container component that groups buttons together visually.
+* Renders child Button components with proper styling to create a cohesive button group.
+*
+* @example
+* ```tsx
+* <ButtonGroup>
+*   <Button variant="outline">First</Button>
+*   <Button variant="outline">Second</Button>
+*   <Button variant="outline">Third</Button>
+* </ButtonGroup>
+* ```
+*/
+const ButtonGroup = react.forwardRef(({ orientation,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.ButtonGroup, {
+		ref,
+		orientation,
+		...props
+	});
+});
+ButtonGroup.displayName = "ButtonGroup";
+const ButtonGroupSeparator = __pixpilot_shadcn.ButtonGroupSeparator;
+const ButtonGroupText = __pixpilot_shadcn.ButtonGroupText;
+
+//#endregion
+exports.ButtonGroup = ButtonGroup;
+exports.ButtonGroupSeparator = ButtonGroupSeparator;
+exports.ButtonGroupText = ButtonGroupText;

package/dist/ButtonGroup.d.cts

@@ -0,0 +1,24 @@
+import { ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "@pixpilot/shadcn";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/ButtonGroup.d.ts
+type ButtonGroupProps = React$1.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
+/**
+ * A simple container component that groups buttons together visually.
+ * Renders child Button components with proper styling to create a cohesive button group.
+ *
+ * @example
+ * ```tsx
+ * <ButtonGroup>
+ *   <Button variant="outline">First</Button>
+ *   <Button variant="outline">Second</Button>
+ *   <Button variant="outline">Third</Button>
+ * </ButtonGroup>
+ * ```
+ */
+declare const ButtonGroup: React$1.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroupSeparator$1: typeof ButtonGroupSeparator;
+declare const ButtonGroupText$1: typeof ButtonGroupText;
+//#endregion
+export { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator$1 as ButtonGroupSeparator, ButtonGroupText$1 as ButtonGroupText };

package/dist/ButtonGroup.d.ts

@@ -0,0 +1,24 @@
+import { ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "@pixpilot/shadcn";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/ButtonGroup.d.ts
+type ButtonGroupProps = React$1.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
+/**
+ * A simple container component that groups buttons together visually.
+ * Renders child Button components with proper styling to create a cohesive button group.
+ *
+ * @example
+ * ```tsx
+ * <ButtonGroup>
+ *   <Button variant="outline">First</Button>
+ *   <Button variant="outline">Second</Button>
+ *   <Button variant="outline">Third</Button>
+ * </ButtonGroup>
+ * ```
+ */
+declare const ButtonGroup$1: React$1.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroupSeparator$1: typeof ButtonGroupSeparator;
+declare const ButtonGroupText$1: typeof ButtonGroupText;
+//#endregion
+export { ButtonGroup$1 as ButtonGroup, ButtonGroupProps, ButtonGroupSeparator$1 as ButtonGroupSeparator, ButtonGroupText$1 as ButtonGroupText };

package/dist/ButtonGroup.js

@@ -0,0 +1,31 @@
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "@pixpilot/shadcn";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ButtonGroup.tsx
+/**
+* A simple container component that groups buttons together visually.
+* Renders child Button components with proper styling to create a cohesive button group.
+*
+* @example
+* ```tsx
+* <ButtonGroup>
+*   <Button variant="outline">First</Button>
+*   <Button variant="outline">Second</Button>
+*   <Button variant="outline">Third</Button>
+* </ButtonGroup>
+* ```
+*/
+const ButtonGroup$1 = React$1.forwardRef(({ orientation,...props }, ref) => {
+	return /* @__PURE__ */ jsx(ButtonGroup, {
+		ref,
+		orientation,
+		...props
+	});
+});
+ButtonGroup$1.displayName = "ButtonGroup";
+const ButtonGroupSeparator$1 = ButtonGroupSeparator;
+const ButtonGroupText$1 = ButtonGroupText;
+
+//#endregion
+export { ButtonGroup$1 as ButtonGroup, ButtonGroupSeparator$1 as ButtonGroupSeparator, ButtonGroupText$1 as ButtonGroupText };

package/dist/ColorSelect.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/ColorSelect.d.ts
 interface ColorSelectOption {
@@ -15,6 +15,6 @@ type BaseColorSelectProps = {
   placeholder?: string;
   keyboardMode?: 'cycle' | 'dropdown';
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/ContentCard.d.ts

@@ -1,6 +1,6 @@
 import { Card } from "@pixpilot/shadcn";
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/ContentCard.d.ts
 interface SectionCardProps extends React.ComponentProps<typeof Card> {
@@ -8,7 +8,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime6.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime2.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/DatePicker.d.ts
 type DatePickerProps = {
@@ -8,7 +8,7 @@ type DatePickerProps = {
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime7.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime3.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/Rating.cjs

@@ -28,14 +28,14 @@ const sizePixels = {
 	xl: 28
 };
 const colorClasses = {
-	default: "[&_svg]:!fill-yellow-400 [&_svg]:!text-yellow-400 dark:[&_svg]:!fill-yellow-500 dark:[&_svg]:!text-yellow-500 [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	primary: "[&_svg]:!fill-primary [&_svg]:!text-primary [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	secondary: "[&_svg]:!fill-secondary [&_svg]:!text-secondary-foreground [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	destructive: "[&_svg]:!fill-destructive [&_svg]:!text-destructive [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	foreground: "[&_svg]:!fill-foreground [&_svg]:!text-foreground [&_svg.fill-transparent]:!fill-transparent",
-	accent: "[&_svg]:!fill-accent [&_svg]:!text-accent-foreground [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	muted: "[&_svg]:!fill-muted [&_svg]:!text-muted-foreground [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	ring: "[&_svg]:!fill-ring [&_svg]:!text-ring [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30"
+	default: "text-yellow-400 dark:text-yellow-500",
+	primary: "text-primary",
+	secondary: "text-secondary",
+	destructive: "text-destructive",
+	foreground: "text-foreground",
+	accent: "text-accent",
+	muted: "text-muted",
+	ring: "text-ring"
 };
 const RatingContext = react.createContext(null);
 function useRating() {
@@ -115,7 +115,7 @@ function RatingButton({ index, className,...props }) {
 		className: (0, __pixpilot_shadcn.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", colorClassName, className),
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-			className: (0, __pixpilot_shadcn.cn)("transition-all", isFilled ? "fill-current text-current" : "fill-transparent text-foreground/30"),
+			className: (0, __pixpilot_shadcn.cn)("transition-all", isFilled ? "fill-current" : "fill-transparent text-muted-foreground/50"),
 			size,
 			"aria-hidden": "true"
 		}), hasLabelText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {

package/dist/Rating.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -35,7 +35,7 @@ declare function RatingButton({
   index,
   className,
   ...props
-}: RatingButtonProps): react_jsx_runtime0.JSX.Element;
+}: RatingButtonProps): react_jsx_runtime4.JSX.Element;
 declare function Rating({
   value: valueProp,
   defaultValue,
@@ -52,6 +52,6 @@ declare function Rating({
   className,
   children,
   ...props
-}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime0.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/Rating.js

@@ -22,14 +22,14 @@ const sizePixels = {
 	xl: 28
 };
 const colorClasses = {
-	default: "[&_svg]:!fill-yellow-400 [&_svg]:!text-yellow-400 dark:[&_svg]:!fill-yellow-500 dark:[&_svg]:!text-yellow-500 [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	primary: "[&_svg]:!fill-primary [&_svg]:!text-primary [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	secondary: "[&_svg]:!fill-secondary [&_svg]:!text-secondary-foreground [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	destructive: "[&_svg]:!fill-destructive [&_svg]:!text-destructive [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	foreground: "[&_svg]:!fill-foreground [&_svg]:!text-foreground [&_svg.fill-transparent]:!fill-transparent",
-	accent: "[&_svg]:!fill-accent [&_svg]:!text-accent-foreground [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	muted: "[&_svg]:!fill-muted [&_svg]:!text-muted-foreground [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30",
-	ring: "[&_svg]:!fill-ring [&_svg]:!text-ring [&_svg.fill-transparent]:!fill-transparent [&_svg.fill-transparent]:!text-foreground/30"
+	default: "text-yellow-400 dark:text-yellow-500",
+	primary: "text-primary",
+	secondary: "text-secondary",
+	destructive: "text-destructive",
+	foreground: "text-foreground",
+	accent: "text-accent",
+	muted: "text-muted",
+	ring: "text-ring"
 };
 const RatingContext = React$1.createContext(null);
 function useRating() {
@@ -109,7 +109,7 @@ function RatingButton({ index, className,...props }) {
 		className: 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", colorClassName, className),
 		...props,
 		children: [/* @__PURE__ */ jsx(Icon, {
-			className: cn("transition-all", isFilled ? "fill-current text-current" : "fill-transparent text-foreground/30"),
+			className: cn("transition-all", isFilled ? "fill-current" : "fill-transparent text-muted-foreground/50"),
 			size,
 			"aria-hidden": "true"
 		}), hasLabelText ? /* @__PURE__ */ jsx("span", {

package/dist/Select.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/Select.d.ts
 interface SelectOption {
@@ -46,6 +46,6 @@ type BaseSelectProps = {
    */
   clearable?: boolean;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime1.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectContentProps, SelectOption };

package/dist/TagsInput.d.ts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "./CommandOptionList.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/TagsInput.d.ts
 interface TagsInputProps {
@@ -55,6 +55,6 @@ declare function TagsInput({
   addOnPaste,
   addOnTab,
   onValidate
-}: TagsInputProps): react_jsx_runtime2.JSX.Element;
+}: TagsInputProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/ToggleGroup.cjs

@@ -0,0 +1,3 @@
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/ToggleGroup.d.cts

@@ -0,0 +1,6 @@
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "@pixpilot/shadcn";
+
+//#region src/ToggleGroup.d.ts
+type ToggleGroupValue = string | number;
+//#endregion
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupValue };

package/dist/ToggleGroup.d.ts

@@ -0,0 +1,6 @@
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps } from "@pixpilot/shadcn";
+
+//#region src/ToggleGroup.d.ts
+type ToggleGroupValue = string | number;
+//#endregion
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupValue };

package/dist/ToggleGroup.js

@@ -0,0 +1,3 @@
+import { ToggleGroup, ToggleGroupItem } from "@pixpilot/shadcn";
+
+export { ToggleGroup, ToggleGroupItem };

package/dist/dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/dialog/Dialog.d.ts
@@ -9,14 +9,14 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<_radix_ui_re
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent, DialogFooter, DialogHeader };

package/dist/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime17.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime13.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/index.cjs

@@ -6,6 +6,7 @@ const require_Alert = require('./Alert.cjs');
 const require_AvatarUpload = require('./avatar-upload/AvatarUpload.cjs');
 require('./avatar-upload/index.cjs');
 const require_Button = require('./Button.cjs');
+const require_ButtonGroup = require('./ButtonGroup.cjs');
 const require_circle_loader = require('./circle-loader/circle-loader.cjs');
 require('./circle-loader/index.cjs');
 const require_CloseButtonRounded = require('./CloseButtonRounded.cjs');
@@ -68,6 +69,7 @@ require('./theme-toggle/index.cjs');
 const require_toast = require('./toast/toast.cjs');
 const require_ToastProvider = require('./toast/ToastProvider.cjs');
 require('./toast/index.cjs');
+require('./ToggleGroup.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let next_themes = require("next-themes");
@@ -77,6 +79,9 @@ exports.AbsoluteFill = require_AbsoluteFill.AbsoluteFill;
 exports.Alert = require_Alert.Alert;
 exports.AvatarUpload = require_AvatarUpload.AvatarUpload;
 exports.Button = require_Button.Button;
+exports.ButtonGroup = require_ButtonGroup.ButtonGroup;
+exports.ButtonGroupSeparator = require_ButtonGroup.ButtonGroupSeparator;
+exports.ButtonGroupText = require_ButtonGroup.ButtonGroupText;
 exports.CircleLoader = require_circle_loader.CircleLoader;
 exports.CloseButtonAbsolute = require_CloseButtonAbsolute.CloseButtonAbsolute;
 exports.CloseButtonRounded = require_CloseButtonRounded.CloseButtonRounded;
@@ -132,6 +137,18 @@ exports.ThemeModeSwitchOutside = require_ThemeModeSwitchOutside.ThemeModeSwitchO
 exports.ThemeModeToggleButton = require_ThemeModeToggleButton.ThemeModeToggleButton;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
 exports.Toaster = require_ToastProvider.Toaster;
+Object.defineProperty(exports, 'ToggleGroup', {
+  enumerable: true,
+  get: function () {
+    return __pixpilot_shadcn.ToggleGroup;
+  }
+});
+Object.defineProperty(exports, 'ToggleGroupItem', {
+  enumerable: true,
+  get: function () {
+    return __pixpilot_shadcn.ToggleGroupItem;
+  }
+});
 exports.cn = __pixpilot_shadcn.cn;
 exports.isSvgMarkupString = require_svg.isSvgMarkupString;
 exports.showConfirmDialog = require_confirmation_dialogs.showConfirmDialog;

package/dist/index.d.cts

@@ -6,6 +6,7 @@ import { Alert, AlertBaseProps, AlertProps, AlertVariant } from "./Alert.cjs";
 import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.cjs";
 import "./avatar-upload/index.cjs";
 import { Button, ButtonLoaderProps, ButtonProps } from "./Button.cjs";
+import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.cjs";
 import { CircleLoader, CircleLoaderProps } from "./circle-loader/circle-loader.cjs";
 import "./circle-loader/index.cjs";
 import { CloseButtonRounded, CloseButtonRoundedProps } from "./CloseButtonRounded.cjs";
@@ -72,6 +73,7 @@ import "./theme-toggle/index.cjs";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
 import { Toaster } from "./toast/ToastProvider.cjs";
 import "./toast/index.cjs";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.cjs";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.cjs";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastMessage, Toaster, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastMessage, Toaster, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import { Alert, AlertBaseProps, AlertProps, AlertVariant } from "./Alert.js";
 import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.js";
 import "./avatar-upload/index.js";
 import { Button, ButtonLoaderProps, ButtonProps } from "./Button.js";
+import { ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";
 import { CircleLoader, CircleLoaderProps } from "./circle-loader/circle-loader.js";
 import "./circle-loader/index.js";
 import { CloseButtonRounded, CloseButtonRoundedProps } from "./CloseButtonRounded.js";
@@ -74,6 +75,7 @@ import "./theme-toggle/index.js";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
 import { Toaster } from "./toast/ToastProvider.js";
 import "./toast/index.js";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.js";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.js";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastMessage, Toaster, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastMessage, Toaster, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/index.js

@@ -5,6 +5,7 @@ import { Alert } from "./Alert.js";
 import { AvatarUpload } from "./avatar-upload/AvatarUpload.js";
 import "./avatar-upload/index.js";
 import { Button } from "./Button.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./ButtonGroup.js";
 import { CircleLoader } from "./circle-loader/circle-loader.js";
 import "./circle-loader/index.js";
 import { CloseButtonRounded } from "./CloseButtonRounded.js";
@@ -69,6 +70,7 @@ import "./theme-toggle/index.js";
 import { DEFAULT_ALERT_DURATION, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
 import { Toaster } from "./toast/ToastProvider.js";
 import "./toast/index.js";
+import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";
 import { cn } from "@pixpilot/shadcn";
 
-export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, ColorPicker, ColorPickerBase, ColorSelect, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogTitle, DialogTrigger, FileUpload, FileUploadInline, IconPicker, IconToggle, Input, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Rating, RatingButton, RichTextEditor, ScaledPreview, Select, Slider, SliderInput, SliderSelect, Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, TagsInput, ThemeModeDropdown, ThemeModeSwitchInside, ThemeModeSwitchOutside, ThemeModeToggleButton, ThemeProvider, Toaster, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AvatarUpload, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, ColorPicker, ColorPickerBase, ColorSelect, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogTitle, DialogTrigger, FileUpload, FileUploadInline, IconPicker, IconToggle, Input, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Rating, RatingButton, RichTextEditor, ScaledPreview, Select, Slider, SliderInput, SliderSelect, Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, TagsInput, ThemeModeDropdown, ThemeModeSwitchInside, ThemeModeSwitchOutside, ThemeModeToggleButton, ThemeProvider, Toaster, ToggleGroup, ToggleGroupItem, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input(props: InputProps$1): react_jsx_runtime12.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Input, InputProps$1 as InputProps };

package/dist/input/Input.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/input/Input.d.ts
 type InputProps$1 = InputProps & {
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input$1(props: InputProps$1): react_jsx_runtime11.JSX.Element;
+declare function Input$1(props: InputProps$1): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Input$1 as Input, InputProps$1 as InputProps };

package/dist/theme-toggle/ThemeModeToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime13.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.46.0",
+  "version": "0.47.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "pretty-bytes": "^7.1.0",
     "react-responsive": "^10.0.1",
     "sonner": "2.0.7",
-    "@pixpilot/shadcn": "0.8.0"
+    "@pixpilot/shadcn": "0.9.0"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.14",