@pixpilot/shadcn 0.4.0 → 0.6.0

package/dist/components/index.cjs

@@ -6,25 +6,27 @@ const require_button = require('./ui/button.cjs');
 const require_calendar = require('./ui/calendar.cjs');
 const require_card = require('./ui/card.cjs');
 const require_checkbox = require('./ui/checkbox.cjs');
+const require_input = require('./ui/input.cjs');
+const require_popover = require('./ui/popover.cjs');
+const require_select = require('./ui/select.cjs');
+const require_color_picker = require('./ui/color-picker.cjs');
 const require_dialog = require('./ui/dialog.cjs');
 const require_command = require('./ui/command.cjs');
 const require_dropdown_menu = require('./ui/dropdown-menu.cjs');
 const require_file_upload = require('./ui/file-upload.cjs');
 const require_label = require('./ui/label.cjs');
 const require_form = require('./ui/form.cjs');
-const require_input = require('./ui/input.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_popover = require('./ui/popover.cjs');
 const require_radio_group = require('./ui/radio-group.cjs');
-const require_select = require('./ui/select.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_textarea = require('./ui/textarea.cjs');
 const require_tooltip = require('./ui/tooltip.cjs');
 require('./ui/index.cjs');

package/dist/components/index.d.cts

@@ -6,18 +6,20 @@ import { Button, buttonVariants } from "./ui/button.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";
+import { Input } from "./ui/input.cjs";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.cjs";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.cjs";
+import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./ui/color-picker.cjs";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.cjs";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.cjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.cjs";
-import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore } from "./ui/file-upload.cjs";
+import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./ui/file-upload.cjs";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.cjs";
-import { Input } from "./ui/input.cjs";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.cjs";
 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 { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.cjs";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.cjs";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.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";

package/dist/components/index.d.ts

@@ -6,18 +6,20 @@ import { Button, buttonVariants } from "./ui/button.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";
+import { Input } from "./ui/input.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.js";
+import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
-import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore } from "./ui/file-upload.js";
+import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./ui/file-upload.js";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.js";
-import { Input } from "./ui/input.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.js";
 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 { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.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";

package/dist/components/index.js

@@ -6,25 +6,27 @@ import { Button, buttonVariants } from "./ui/button.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";
+import { Input } from "./ui/input.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.js";
+import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
-import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadTrigger, useStore } from "./ui/file-upload.js";
+import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadTrigger, useStore as useStore$1 } from "./ui/file-upload.js";
 import { Label } from "./ui/label.js";
 import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.js";
-import { Input } from "./ui/input.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 { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.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 { Textarea } from "./ui/textarea.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_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 
 //#region src/components/ui/OrContinueWithSeparator.d.ts
 
@@ -6,6 +6,6 @@ import * as react_jsx_runtime84 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_runtime84.JSX.Element;
+declare function OrContinueWithSeparator(): react_jsx_runtime100.JSX.Element;
 //#endregion
 export { OrContinueWithSeparator };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 
 //#region src/components/ui/OrContinueWithSeparator.d.ts
 
@@ -6,6 +6,6 @@ import * as react_jsx_runtime84 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_runtime84.JSX.Element;
+declare function OrContinueWithSeparator(): react_jsx_runtime100.JSX.Element;
 //#endregion
 export { OrContinueWithSeparator };

package/dist/components/ui/button.cjs

@@ -35,9 +35,11 @@ const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-cent
 		size: "default"
 	}
 });
-function Button({ className, variant, size, asChild = false,...props }) {
+function Button({ className, variant = "default", size = "default", asChild = false,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
 		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
 		className: require_utils.cn(buttonVariants({
 			variant,
 			size,

package/dist/components/ui/button.js

@@ -30,9 +30,11 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
 		size: "default"
 	}
 });
-function Button({ className, variant, size, asChild = false,...props }) {
+function Button({ className, variant = "default", size = "default", asChild = false,...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
 		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
 		className: cn(buttonVariants({
 			variant,
 			size,