@deftui/react 0.0.2 → 0.0.3

package/dist/index.mjs

@@ -1,5 +1,6 @@
 import { useCopyToClipboard } from "./vendor/coss/hooks/use-copy-to-clipboard.mjs";
 import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.mjs";
+import { Spinner } from "./vendor/shadcn/spinner.mjs";
 import { Button } from "./vendor/shadcn/button.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
 import { Textarea } from "./vendor/shadcn/textarea.mjs";
@@ -15,7 +16,6 @@ import { DatePicker, DateRangePicker, TimePicker } from "./widgets/datetime-pick
 import { Form } from "./vendor/coss/form.mjs";
 import { Badge } from "./vendor/shadcn/badge.mjs";
 import { Switch } from "./vendor/shadcn/switch.mjs";
-import { Spinner } from "./vendor/shadcn/spinner.mjs";
 import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
 import { AlertDialog, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
 import { cn } from "cn";

package/dist/vendor/shadcn/badge.d.mts

@@ -1,7 +1,7 @@
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+  variant?: "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export { Badge, badgeVariants };

package/dist/vendor/shadcn/badge.mjs

@@ -8,6 +8,9 @@ const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-cent
 		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
 		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
 		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		info: "bg-info/10 text-info focus-visible:ring-info/20 dark:bg-info/20 dark:focus-visible:ring-info/40 [a]:hover:bg-info/20",
+		success: "bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/20 dark:focus-visible:ring-success/40 [a]:hover:bg-success/20",
+		warning: "bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/20 dark:focus-visible:ring-warning/40 [a]:hover:bg-warning/20",
 		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
 		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
 		link: "text-primary underline-offset-4 hover:underline"

package/dist/vendor/shadcn/breadcrumb.mjs

@@ -1,8 +1,8 @@
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/breadcrumb.tsx
 function Breadcrumb({ className, ...props }) {

package/dist/vendor/shadcn/button.d.mts

@@ -3,6 +3,9 @@ import { Button } from "@base-ui/react/button";
 declare const buttonVariants: (props?: ({
   variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
   size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
+  pill?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button$1({ className, variant, size, ...props }: Button.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+declare function Button$1({ className, variant, size, pill, isPending, disabled, children, ...props }: Button.Props & VariantProps<typeof buttonVariants> & {
+  isPending?: boolean;
+}): import("react").JSX.Element;
 export { Button$1 as Button, buttonVariants };

package/dist/vendor/shadcn/button.mjs

@@ -1,7 +1,8 @@
+import { Spinner } from "./spinner.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { Button } from "@base-ui/react/button";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/vendor/shadcn/button.tsx
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {
@@ -22,22 +23,33 @@ const buttonVariants = cva("group/button inline-flex shrink-0 items-center justi
 			"icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
 			"icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
 			"icon-lg": "size-10"
-		}
+		},
+		pill: { true: "rounded-full" }
 	},
 	defaultVariants: {
 		variant: "default",
 		size: "default"
 	}
 });
-function Button$1({ className, variant = "default", size = "default", ...props }) {
+function Button$1({ className, variant = "default", size = "default", pill = false, isPending = false, disabled, children, ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		"data-slot": "button",
 		className: cn(buttonVariants({
 			variant,
 			size,
+			pill,
 			className
-		})),
-		...props
+		}), isPending && "relative"),
+		...props,
+		disabled: disabled || isPending,
+		"aria-busy": isPending || props["aria-busy"],
+		children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			className: "inline-flex items-center justify-center opacity-0 [gap:inherit]",
+			children
+		}), /* @__PURE__ */ jsx(Spinner, {
+			"aria-hidden": "true",
+			className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
+		})] }) : children
 	});
 }
 export { Button$1 as Button, buttonVariants };

package/dist/vendor/shadcn/calendar.mjs

@@ -2,8 +2,8 @@
 import { Button, buttonVariants } from "./button.mjs";
 import { cn } from "cn";
 import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 import { DayPicker, getDefaultClassNames } from "@daypicker/react";
 // src/vendor/shadcn/calendar.tsx
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {

package/dist/vendor/shadcn/carousel.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from "embla-carousel-react";
 // src/vendor/shadcn/carousel.tsx
 const CarouselContext = React$1.createContext(null);

package/dist/vendor/shadcn/combobox.mjs

@@ -3,9 +3,9 @@ import { Button } from "./button.mjs";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
 import { cn } from "cn";
 import "react";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
-import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 // src/vendor/shadcn/combobox.tsx
 const Combobox = ComboboxPrimitive.Root;
 function ComboboxValue({ ...props }) {

package/dist/vendor/shadcn/dialog.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 // src/vendor/shadcn/dialog.tsx
 function Dialog$1({ ...props }) {

package/dist/vendor/shadcn/dropdown-menu.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "cn";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 // src/vendor/shadcn/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {

package/dist/vendor/shadcn/pagination.mjs

@@ -1,8 +1,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 // src/vendor/shadcn/pagination.tsx
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {

package/dist/vendor/shadcn/select.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "cn";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
 // src/vendor/shadcn/select.tsx
 const Select$1 = Select.Root;

package/dist/vendor/shadcn/sheet.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "@base-ui/react/dialog";
 // src/vendor/shadcn/sheet.tsx
 function Sheet({ ...props }) {

package/dist/vendor/shadcn/sidebar.mjs

@@ -10,8 +10,8 @@ import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { PanelLeftIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/dist/vendor/shadcn/spinner.mjs

@@ -1,6 +1,6 @@
 import { cn } from "cn";
-import { jsx } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
 // src/vendor/shadcn/spinner.tsx
 function Spinner({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Loader2Icon, {

package/dist/vendor/shadcn/toast.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Toast } from "@base-ui/react/toast";
 // src/vendor/shadcn/toast.tsx
 const toast = Toast.createToastManager();

package/dist/widgets/datetime-picker.mjs

@@ -4,8 +4,8 @@ import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popove
 import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { cn } from "cn";
 import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CalendarIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { format } from "date-fns";
 // src/widgets/datetime-picker.tsx
 function TimePicker({ className, step = "1", ...props }) {

package/dist/widgets/index.mjs

@@ -1,3 +1,4 @@
+import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
 import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger } from "../vendor/shadcn/alert-dialog.mjs";
 import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
@@ -31,7 +32,6 @@ import { DatePicker, DateRangePicker, TimePicker } from "./datetime-picker.mjs";
 import { Form } from "../vendor/coss/form.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
 import { Switch } from "../vendor/shadcn/switch.mjs";
-import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 // src/widgets/index.ts
 const Kbd = Object.assign(Kbd$1, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",