azamat-ui-kit-cli 0.3.3 → 0.3.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "azamat-ui-kit-cli",
-  "version": "0.3.3",
+  "version": "0.3.12",
   "description": "CLI for Azamat UI Kit source-copy, presets, and theme setup.",
   "license": "MIT",
   "type": "module",

package/vendor/src/components/data-table/data-table-pagination.tsx

@@ -49,7 +49,7 @@ function DataTablePagination({
     <div
       data-slot="data-table-pagination"
       className={cn(
-        "flex flex-col gap-3 border-t border-border/80 px-4 py-3 sm:flex-row sm:items-center sm:justify-between",
+        "flex flex-col gap-3 border-t border-border/70 bg-muted/[0.18] px-4 py-3 sm:flex-row sm:items-center sm:justify-between",
         className
       )}
       {...props}
@@ -71,7 +71,7 @@ function DataTablePagination({
                 value: String(option),
               }))}
               disabled={disabled}
-              triggerClassName="h-9 w-20 rounded-full border-border/85 bg-background/94"
+              triggerClassName="h-9 w-20 rounded-full border-border/70 bg-background/80 shadow-none"
             />
           </div>
         )}

package/vendor/src/components/data-table/data-table-toolbar.tsx

@@ -4,12 +4,12 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const dataTableToolbarVariants = cva("flex flex-col", {
-  variants: {
-    variant: {
-      default: "rounded-[var(--radius-2xl)] border border-border/70 bg-card/80 shadow-sm ring-1 ring-foreground/5",
-      plain: "border-transparent bg-transparent shadow-none",
-      soft: "rounded-[var(--radius-2xl)] border border-transparent bg-muted/45 shadow-none",
-    },
+  variants: {
+    variant: {
+      default: "rounded-[var(--radius-2xl)] border border-border/70 bg-card/72 shadow-sm ring-1 ring-foreground/5",
+      plain: "border-transparent bg-transparent shadow-none",
+      soft: "rounded-[var(--radius-2xl)] border border-transparent bg-muted/32 shadow-none",
+    },
     density: {
       compact: "gap-3 p-3",
       default: "gap-4 p-4 md:p-5",

package/vendor/src/components/data-table/data-table.tsx

@@ -236,15 +236,16 @@ function DataTable<TData, TValue = unknown>({
     ]
   }, [columns, features?.rowActions, rowActions])
 
-  const paginationConfig = pagination === false ? undefined : pagination
-  const controlledPagination = paginationConfig
-    ? {
-        pageIndex: paginationConfig.pageIndex,
-        pageSize: paginationConfig.pageSize,
-      }
-    : undefined
-  const manualPagination = Boolean(paginationConfig && paginationConfig.manual !== false)
-  const selectedRowCount = rowSelection ? Object.keys(rowSelection).length : 0
+  const paginationConfig = pagination === false ? undefined : pagination
+  const controlledPagination = paginationConfig
+    ? {
+        pageIndex: paginationConfig.pageIndex,
+        pageSize: paginationConfig.pageSize,
+      }
+    : undefined
+  const manualPagination = Boolean(paginationConfig && paginationConfig.manual !== false)
+  const resolvedRowSelection = rowSelection ?? {}
+  const selectedRowCount = Object.keys(resolvedRowSelection).length
 
   // TanStack Table returns imperative helpers that React Compiler flags by design.
   // eslint-disable-next-line react-hooks/incompatible-library
@@ -256,12 +257,12 @@ function DataTable<TData, TValue = unknown>({
     getPaginationRowModel: paginationConfig && !manualPagination ? getPaginationRowModel() : undefined,
     manualPagination,
     pageCount: paginationConfig?.pageCount,
-    state: {
-      sorting,
-      columnVisibility,
-      rowSelection,
-      pagination: controlledPagination,
-    },
+    state: {
+      sorting,
+      columnVisibility,
+      rowSelection: resolvedRowSelection,
+      pagination: controlledPagination,
+    },
     onSortingChange,
     onColumnVisibilityChange,
     onRowSelectionChange,
@@ -407,15 +408,18 @@ function DataTable<TData, TValue = unknown>({
         data-striped={striped || undefined}
         data-bordered={bordered || undefined}
         className={cn(
-          "overflow-auto rounded-[var(--radius-2xl)] border bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_10%),var(--card))] shadow-sm ring-1 ring-foreground/5 backdrop-blur",
+          "overflow-hidden rounded-[var(--radius-2xl)] border border-border/70 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_8%),var(--card))] shadow-sm ring-1 ring-foreground/5 backdrop-blur",
           !bordered && "border-border",
           renderMobileCard && "hidden md:block",
           tableWrapperClassName
         )}
       >
-        <Table className={cn("text-[0.95rem]", tableClassName)}>
+        <Table
+          containerClassName="rounded-none border-0 bg-transparent shadow-none ring-0"
+          className={cn("text-[0.95rem]", tableClassName)}
+        >
           <TableHeader
-            className={cn(stickyHeader && "sticky top-0 z-10 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_10%),var(--background))] shadow-sm backdrop-blur")}
+            className={cn(stickyHeader && "sticky top-0 z-10 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_5%),var(--background))] shadow-sm backdrop-blur")}
           >
             {table.getHeaderGroups().map((headerGroup) => (
               <TableRow key={headerGroup.id}>
@@ -423,13 +427,13 @@ function DataTable<TData, TValue = unknown>({
                   <TableHead
                     key={header.id}
                     style={{ width: header.getSize() }}
-                    className={cn(
-                      densityHeadClassName[density],
-                      "text-muted-foreground",
-                      stickyHeader && "bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_10%),var(--background))] backdrop-blur",
-                      bordered && "border-r last:border-r-0",
-                      getHeaderCellClassName(header, headerCellClassName)
-                    )}
+                      className={cn(
+                        densityHeadClassName[density],
+                        "text-muted-foreground",
+                        stickyHeader && "bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_5%),var(--background))] backdrop-blur",
+                        bordered && "border-r last:border-r-0",
+                        getHeaderCellClassName(header, headerCellClassName)
+                      )}
                   >
                     {header.isPlaceholder
                       ? null

package/vendor/src/components/display/entity-card.tsx

@@ -3,10 +3,10 @@ import * as React from "react"
 import { Card } from "@/components/ui/card"
 import { cn } from "@/lib/utils"
 
-export type EntityCardProps = React.ComponentProps<typeof Card> & {
-  title: React.ReactNode
-  description?: React.ReactNode
-  media?: React.ReactNode
+export type EntityCardProps = Omit<React.ComponentProps<typeof Card>, "title"> & {
+  title: React.ReactNode
+  description?: React.ReactNode
+  media?: React.ReactNode
   icon?: React.ReactNode
   status?: React.ReactNode
   meta?: React.ReactNode

package/vendor/src/components/display/metric-card.tsx

@@ -4,10 +4,10 @@ import { Badge } from "@/components/ui/badge"
 import { Card } from "@/components/ui/card"
 import { cn } from "@/lib/utils"
 
-export type MetricCardProps = React.ComponentProps<typeof Card> & {
-  title: React.ReactNode
-  value: React.ReactNode
-  description?: React.ReactNode
+export type MetricCardProps = Omit<React.ComponentProps<typeof Card>, "title"> & {
+  title: React.ReactNode
+  value: React.ReactNode
+  description?: React.ReactNode
   trend?: React.ReactNode
   icon?: React.ReactNode
 }

package/vendor/src/components/form/form-date-input.tsx

@@ -1,16 +1,22 @@
-import { FormAppInput, type FormAppInputProps } from "@/components/form/form-app-input"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormDateInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormAppInputProps<TFieldValues, TName>, "kind">
-
-function FormDateInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormDateInputProps<TFieldValues, TName>) {
-  return <FormAppInput {...props} kind="date" />
-}
-
-export { FormDateInput }
+import {
+  FormInput,
+  type FormInputDateVariantProps,
+} from "@/components/form/form-input"
+import type { FieldPath, FieldValues } from "react-hook-form"
+
+export type FormDateInputProps<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = Omit<FormInputDateVariantProps<TFieldValues, TName>, "kind">
+
+/**
+ * @deprecated Use {@link FormInput} with `kind="date"` instead.
+ */
+function FormDateInput<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>(props: FormDateInputProps<TFieldValues, TName>) {
+  return <FormInput {...props} kind="date" />
+}
+
+export { FormDateInput }

package/vendor/src/components/form/form-number-input.tsx

@@ -1,20 +1,26 @@
-import { FormAppInput, type FormAppInputProps } from "@/components/form/form-app-input"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
+import {
+  FormInput,
+  type FormInputNumberVariantProps,
+} from "@/components/form/form-input"
+import type { FieldPath, FieldValues } from "react-hook-form"
+
 export type FormNumberInputProps<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormAppInputProps<TFieldValues, TName>, "kind" | "step" | "max" | "min"> & {
+> = Omit<FormInputNumberVariantProps<TFieldValues, TName>, "kind" | "step" | "max" | "min"> & {
   step?: number
   min?: number
   max?: number
 }
-
-function FormNumberInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormNumberInputProps<TFieldValues, TName>) {
-  return <FormAppInput {...props} kind="number" />
-}
-
-export { FormNumberInput }
+
+/**
+ * @deprecated Use {@link FormInput} with `kind="number"` instead.
+ */
+function FormNumberInput<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>(props: FormNumberInputProps<TFieldValues, TName>) {
+  return <FormInput {...props} kind="number" />
+}
+
+export { FormNumberInput }

package/vendor/src/components/form/form-phone-input.tsx

@@ -1,28 +1,29 @@
 import {
-  FormAppInput,
-  type FormAppInputPhoneValueMode,
-  type FormAppInputProps,
-} from "@/components/form/form-app-input"
+  FormInput,
+  type FormInputPhoneInputValueMode,
+  type FormInputPhoneVariantProps,
+} from "@/components/form/form-input"
 import type { FieldPath, FieldValues } from "react-hook-form"
 
-import type { FormInputPhoneInputValueMode } from "@/components/form/form-input"
+export type FormPhoneInputValueMode = FormInputPhoneInputValueMode
+export type { FormInputPhoneInputValueMode }
 
-export type FormPhoneInputValueMode = FormAppInputPhoneValueMode
-export type { FormInputPhoneInputValueMode, FormAppInputPhoneValueMode }
-
 export type FormPhoneInputProps<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormAppInputProps<TFieldValues, TName>, "kind" | "phoneValueMode"> & {
+> = Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "kind" | "valueMode"> & {
   valueMode?: FormInputPhoneInputValueMode
 }
 
+/**
+ * @deprecated Use {@link FormInput} with `kind="phone"` instead.
+ */
 function FormPhoneInput<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >(props: FormPhoneInputProps<TFieldValues, TName>) {
   const { valueMode, ...rest } = props
-  return <FormAppInput {...rest} phoneValueMode={valueMode} kind="phone" />
+  return <FormInput {...rest} valueMode={valueMode} kind="phone" />
 }
-
-export { FormPhoneInput }
+
+export { FormPhoneInput }

package/vendor/src/components/form/form-search-input.tsx

@@ -1,16 +1,22 @@
-import { FormAppInput, type FormAppInputProps } from "@/components/form/form-app-input"
-import type { FieldPath, FieldValues } from "react-hook-form"
-
-export type FormSearchInputProps<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = Omit<FormAppInputProps<TFieldValues, TName>, "kind">
-
-function FormSearchInput<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
->(props: FormSearchInputProps<TFieldValues, TName>) {
-  return <FormAppInput {...props} kind="search" />
-}
-
-export { FormSearchInput }
+import {
+  FormInput,
+  type FormInputSearchVariantProps,
+} from "@/components/form/form-input"
+import type { FieldPath, FieldValues } from "react-hook-form"
+
+export type FormSearchInputProps<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = Omit<FormInputSearchVariantProps<TFieldValues, TName>, "kind">
+
+/**
+ * @deprecated Use {@link FormInput} with `kind="search"` instead.
+ */
+function FormSearchInput<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>(props: FormSearchInputProps<TFieldValues, TName>) {
+  return <FormInput {...props} kind="search" />
+}
+
+export { FormSearchInput }

package/vendor/src/components/inputs/clearable-input.tsx

@@ -76,15 +76,15 @@ const ClearableInput = React.forwardRef<HTMLInputElement, ClearableInputProps>(
         trailing={
           <>
             {trailing}
-            {canClear && (
-              <button
-                type="button"
-                aria-label={clearLabel}
-                className="rounded-sm p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                onClick={clearValue}
-              >
-                <XIcon className="size-4" />
-              </button>
+            {canClear && (
+              <button
+                type="button"
+                aria-label={clearLabel}
+                className="inline-flex size-7 items-center justify-center rounded-full border border-transparent bg-transparent text-muted-foreground/74 transition hover:border-border/60 hover:bg-muted/58 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30"
+                onClick={clearValue}
+              >
+                <XIcon className="size-4" />
+              </button>
             )}
           </>
         }

package/vendor/src/components/inputs/input-decorator.tsx

@@ -67,15 +67,15 @@ const InputDecorator = React.forwardRef<HTMLInputElement, InputDecoratorProps>(
         data-has-trailing={hasTrailing || undefined}
         className={cn(inputDecoratorVariants({ density, tone }), wrapperClassName)}
       >
-        {hasLeading && (
-          <span
-            data-slot="input-leading"
-            className={cn(
-              "absolute left-2.5 z-10 flex items-center text-muted-foreground [&_svg]:size-4",
-              !leadingPointerEvents && "pointer-events-none",
-              leadingClassName
-            )}
-          >
+        {hasLeading && (
+          <span
+            data-slot="input-leading"
+            className={cn(
+              "absolute left-4 z-10 flex items-center text-muted-foreground/74 [&_svg]:size-4",
+              !leadingPointerEvents && "pointer-events-none",
+              leadingClassName
+            )}
+          >
             {leading}
           </span>
         )}
@@ -83,19 +83,19 @@ const InputDecorator = React.forwardRef<HTMLInputElement, InputDecoratorProps>(
         <InputPrimitive
           ref={ref}
           value={value == null ? "" : String(value)}
-          className={cn(hasLeading && "pl-8", hasTrailing && "pr-9", inputClassName, className)}
+          className={cn(hasLeading && "pl-11", hasTrailing && "pr-12", inputClassName, className)}
           {...props}
         />
-
-        {hasTrailing && (
-          <span
-            data-slot="input-trailing"
-            className={cn(
-              "absolute right-2 z-10 flex items-center gap-1 text-muted-foreground",
-              !trailingPointerEvents && "pointer-events-none",
-              trailingClassName
-            )}
-          >
+
+        {hasTrailing && (
+          <span
+            data-slot="input-trailing"
+            className={cn(
+              "absolute right-3 z-10 flex items-center gap-1.5 text-muted-foreground/74",
+              !trailingPointerEvents && "pointer-events-none",
+              trailingClassName
+            )}
+          >
             {trailing}
           </span>
         )}

package/vendor/src/components/navigation/pagination.tsx

@@ -93,7 +93,7 @@ function Pagination({
       data-slot="pagination"
       aria-label="Pagination"
       className={cn(
-        "flex items-center justify-center gap-1.5 rounded-full border border-border/75 bg-background/92 p-1 shadow-[0_1px_0_rgba(255,255,255,0.08)] backdrop-blur",
+        "flex items-center justify-center gap-1 rounded-full border border-border/70 bg-background/76 p-1 shadow-none backdrop-blur",
         className
       )}
       {...props}
@@ -143,10 +143,10 @@ function Pagination({
             variant={item === currentPage ? "default" : "outline"}
             size="icon-sm"
             disabled={disabled}
-            aria-current={item === currentPage ? "page" : undefined}
-            aria-label={labels?.page?.(item) ?? `Page ${item}`}
+            aria-current={item === currentPage ? "page" : undefined}
+            aria-label={labels?.page?.(item) ?? `Page ${item}`}
             onClick={() => goToPage(item)}
-            className={cn(item !== currentPage && "border-border/80 bg-background/94")}
+            className={cn(item !== currentPage && "border-border/70 bg-background/80 shadow-none")}
           >
             {item}
           </Button>

package/vendor/src/components/overlay/sheet-shell.tsx

@@ -39,12 +39,12 @@ function SheetClose({ ...props }: DialogPrimitive.Close.Props) {
 
 function SheetOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props) {
   return (
-    <DialogPrimitive.Backdrop
-      data-slot="sheet-overlay"
-      className={cn(
-        "fixed inset-0 z-50 bg-black/30 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        className
-      )}
+      <DialogPrimitive.Backdrop
+      data-slot="sheet-overlay"
+      className={cn(
+        "fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      )}
       {...props}
     />
   )

package/vendor/src/components/patterns/entity-details.tsx

@@ -17,10 +17,10 @@ export type EntityDetailsSection = {
   content: React.ReactNode
 }
 
-export type EntityDetailsProps = React.ComponentProps<"div"> & {
-  title: React.ReactNode
-  subtitle?: React.ReactNode
-  avatar?: React.ReactNode
+export type EntityDetailsProps = Omit<React.ComponentProps<"div">, "title"> & {
+  title: React.ReactNode
+  subtitle?: React.ReactNode
+  avatar?: React.ReactNode
   status?: React.ReactNode
   actions?: React.ReactNode
   metadata?: PropertyGridItem[]

package/vendor/src/components/ui/badge.tsx

@@ -5,23 +5,22 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
 
-const badgeVariants = cva(
-  "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent font-semibold tracking-[0.01em] whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-primary/20 bg-primary text-primary-foreground shadow-[0_8px_18px_color-mix(in_oklch,var(--primary),transparent_82%)] [a]:hover:bg-primary/88",
-        secondary:
-          "border-border/70 bg-secondary text-secondary-foreground shadow-[0_1px_0_rgba(255,255,255,0.08)] [a]:hover:bg-secondary/84",
-        destructive:
-          "border-destructive/18 bg-destructive/12 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/18",
-        outline:
-          "border-border/85 bg-background/88 text-foreground shadow-[0_1px_0_rgba(255,255,255,0.08)] [a]:hover:bg-muted [a]:hover:text-foreground",
-        ghost:
-          "bg-transparent text-muted-foreground hover:bg-muted/70 hover:text-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
+const badgeVariants = cva(
+  "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-full border border-transparent font-semibold tracking-[0.01em] transition-[background-color,border-color,color,box-shadow,transform] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-emerald-500/18 bg-emerald-500/14 text-emerald-700 shadow-none [a]:hover:bg-emerald-500/18 dark:border-emerald-400/18 dark:bg-emerald-400/16 dark:text-emerald-200",
+        secondary:
+          "border-border/70 bg-muted/68 text-foreground shadow-none [a]:hover:bg-muted/82 dark:bg-muted/38",
+        destructive:
+          "border-destructive/20 bg-destructive/10 text-destructive focus-visible:ring-destructive/20 [a]:hover:bg-destructive/14 dark:bg-destructive/16 dark:focus-visible:ring-destructive/40",
+        outline:
+          "border-border/72 bg-transparent text-foreground shadow-none [a]:hover:bg-muted/66 [a]:hover:text-foreground",
+        ghost: "border-transparent bg-transparent text-muted-foreground shadow-none hover:bg-transparent hover:text-foreground",
+        link: "border-transparent bg-transparent p-0 text-[color:var(--aui-brand-strong)] shadow-none underline-offset-4 hover:underline",
+      },
       tone: {
         neutral: "",
         info: "border-blue-500/20 bg-blue-500/10 text-blue-700 dark:text-blue-300",
@@ -29,11 +28,11 @@ const badgeVariants = cva(
         warning: "border-amber-500/24 bg-amber-500/12 text-amber-700 dark:text-amber-300",
         danger: "border-destructive/20 bg-destructive/12 text-destructive dark:bg-destructive/20",
       },
-      size: {
-        sm: "min-h-5 px-2 py-0.5 text-[0.65rem]",
-        default: "min-h-6 px-2.5 py-1 text-[0.7rem]",
-        lg: "min-h-7 px-3 py-1 text-xs",
-      },
+      size: {
+        sm: "min-h-5 px-2.5 py-0.5 text-[0.64rem]",
+        default: "min-h-6 px-3 py-1 text-[0.68rem]",
+        lg: "min-h-7 px-3.5 py-1 text-[0.75rem]",
+      },
       dot: {
         true: "pl-2",
         false: "",

package/vendor/src/components/ui/button.tsx

@@ -4,38 +4,38 @@ import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
 
-const buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-xl border border-transparent bg-clip-padding text-sm font-semibold whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow,opacity] 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-disabled:pointer-events-none aria-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: {
-      variant: {
-        default:
-          "border-primary/78 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--primary),white_12%),var(--primary))] text-primary-foreground shadow-[0_1px_0_rgba(255,255,255,0.18),0_14px_34px_color-mix(in_oklch,var(--primary),transparent_72%)] hover:-translate-y-px hover:bg-[linear-gradient(180deg,color-mix(in_oklch,var(--primary),white_18%),color-mix(in_oklch,var(--primary),white_4%))] hover:shadow-[0_1px_0_rgba(255,255,255,0.22),0_18px_38px_color-mix(in_oklch,var(--primary),transparent_66%)]",
-        outline:
-          "border-border/90 bg-background/96 text-foreground shadow-[0_1px_0_rgba(255,255,255,0.08)] hover:-translate-y-px hover:border-ring/35 hover:bg-accent hover:text-foreground hover:shadow-[0_10px_20px_rgba(15,23,42,0.08)] aria-expanded:border-ring/35 aria-expanded:bg-accent aria-expanded:text-foreground dark:border-white/12 dark:bg-white/6 dark:hover:bg-white/10 dark:hover:text-foreground",
-        secondary:
-          "border-border/60 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--secondary),white_24%),var(--secondary))] text-secondary-foreground shadow-[0_1px_0_rgba(255,255,255,0.1)] hover:-translate-y-px hover:bg-[linear-gradient(180deg,color-mix(in_oklch,var(--secondary),white_18%),color-mix(in_oklch,var(--secondary),var(--foreground)_6%))] hover:text-secondary-foreground aria-expanded:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_6%)] aria-expanded:text-secondary-foreground",
-        ghost:
-          "border-transparent bg-transparent text-foreground/86 shadow-none hover:border-border/60 hover:bg-accent/88 hover:text-foreground aria-expanded:border-border/60 aria-expanded:bg-accent/88 aria-expanded:text-foreground dark:text-foreground/84 dark:hover:bg-white/8",
-        destructive:
-          "border-destructive/34 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--destructive),white_8%),var(--destructive))] text-white shadow-[0_1px_0_rgba(255,255,255,0.16),0_14px_34px_color-mix(in_oklch,var(--destructive),transparent_74%)] hover:-translate-y-px hover:bg-[linear-gradient(180deg,color-mix(in_oklch,var(--destructive),white_6%),color-mix(in_oklch,var(--destructive),black_6%))] hover:shadow-[0_1px_0_rgba(255,255,255,0.2),0_18px_38px_color-mix(in_oklch,var(--destructive),transparent_68%)] focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default:
-          "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        xs: "h-7 gap-1 rounded-[min(var(--radius-lg),12px)] px-2.5 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1 rounded-[min(var(--radius-lg),14px)] px-3 text-[0.82rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5",
-        md: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-        xl: "h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
-        icon: "size-9",
-        "icon-xs":
-          "size-7 rounded-[min(var(--radius-lg),12px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm":
-          "size-8 rounded-[min(var(--radius-lg),14px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-10",
-      },
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-semibold whitespace-nowrap transition-[transform,background-color,border-color,color,box-shadow,opacity] outline-none select-none focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/35 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:cursor-not-allowed disabled:translate-y-0 disabled:shadow-none disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:translate-y-0 aria-disabled:shadow-none aria-disabled:opacity-100 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/35 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-primary/20 bg-primary text-primary-foreground shadow-sm hover:-translate-y-px hover:bg-[color-mix(in_oklch,var(--primary),white_7%)] hover:shadow-md disabled:border-primary/10 disabled:bg-primary/45 disabled:text-primary-foreground/70 dark:disabled:bg-primary/34",
+        outline:
+          "border-border/80 bg-background text-foreground shadow-none hover:-translate-y-px hover:border-ring/38 hover:bg-accent/72 hover:text-foreground hover:shadow-sm aria-expanded:border-ring/38 aria-expanded:bg-accent/72 aria-expanded:text-foreground disabled:border-border/48 disabled:bg-muted/24 disabled:text-muted-foreground/70 dark:border-white/14 dark:bg-white/[0.045] dark:hover:bg-white/[0.08] dark:hover:text-foreground dark:disabled:bg-white/[0.035]",
+        secondary:
+          "border-border/70 bg-secondary text-secondary-foreground shadow-sm hover:-translate-y-px hover:border-border/86 hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] hover:text-secondary-foreground aria-expanded:bg-secondary aria-expanded:text-secondary-foreground disabled:border-border/44 disabled:bg-muted/28 disabled:text-muted-foreground/72 dark:bg-white/[0.08] dark:hover:bg-white/[0.12] dark:disabled:bg-white/[0.035]",
+        ghost:
+          "border-transparent bg-transparent text-foreground/88 shadow-none hover:border-border/48 hover:bg-accent/68 hover:text-foreground aria-expanded:border-border/48 aria-expanded:bg-accent/68 aria-expanded:text-foreground disabled:text-muted-foreground/64 dark:text-foreground/86 dark:hover:bg-white/[0.075] dark:disabled:text-muted-foreground/58",
+        destructive:
+          "border-destructive/20 bg-destructive text-destructive-foreground shadow-sm hover:-translate-y-px hover:bg-[color-mix(in_oklch,var(--destructive),white_7%)] hover:shadow-md focus-visible:border-destructive/45 focus-visible:ring-destructive/24 disabled:border-destructive/10 disabled:bg-destructive/42 disabled:text-destructive-foreground/70 dark:focus-visible:ring-destructive/35 dark:disabled:bg-destructive/34",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default:
+          "h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        xs: "h-7 gap-1 rounded-md px-2.5 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1 rounded-md px-3.5 text-[0.82rem] in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-3.5",
+        md: "h-9 gap-1.5 px-3.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        xl: "h-11 gap-2 px-5 text-base has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4",
+        icon: "size-9",
+        "icon-xs":
+          "size-7 rounded-md in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm":
+          "size-8 rounded-md in-data-[slot=button-group]:rounded-md",
+        "icon-lg": "size-10",
+      },
     },
     defaultVariants: {
       variant: "default",