azamat-ui-kit-cli 0.2.2 → 0.3.4

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

@@ -1,114 +1,114 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Table({ className, ...props }: React.ComponentProps<"table">) {
-  return (
-    <div
-      data-slot="table-container"
-      className="relative w-full overflow-x-auto"
-    >
-      <table
-        data-slot="table"
-        className={cn("w-full caption-bottom text-sm", className)}
-        {...props}
-      />
-    </div>
-  )
-}
-
-function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
-  return (
-    <thead
-      data-slot="table-header"
-      className={cn("[&_tr]:border-b", className)}
-      {...props}
-    />
-  )
-}
-
-function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
-  return (
-    <tbody
-      data-slot="table-body"
-      className={cn("[&_tr:last-child]:border-0", className)}
-      {...props}
-    />
-  )
-}
-
-function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
-  return (
-    <tfoot
-      data-slot="table-footer"
-      className={cn(
-        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
-  return (
-    <tr
-      data-slot="table-row"
-      className={cn(
-        "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableHead({ className, ...props }: React.ComponentProps<"th">) {
-  return (
-    <th
-      data-slot="table-head"
-      className={cn(
-        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableCell({ className, ...props }: React.ComponentProps<"td">) {
-  return (
-    <td
-      data-slot="table-cell"
-      className={cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function TableCaption({
-  className,
-  ...props
-}: React.ComponentProps<"caption">) {
-  return (
-    <caption
-      data-slot="table-caption"
-      className={cn("mt-4 text-sm text-muted-foreground", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-}
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div
+      data-slot="table-container"
+      className="relative w-full overflow-x-auto rounded-[var(--radius-2xl)] border border-border/75 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_12%),var(--card))] shadow-sm ring-1 ring-foreground/5"
+    >
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("bg-muted/42 [&_tr]:border-b", className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn(
+        "border-t bg-muted/58 font-medium [&>tr]:last:border-b-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "border-b transition-colors hover:bg-muted/36 has-aria-expanded:bg-muted/36 data-[state=selected]:bg-primary/8",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "h-11 px-3 text-left align-middle text-[0.78rem] font-semibold whitespace-nowrap uppercase tracking-[0.14em] text-muted-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "px-3 py-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("mt-4 text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}

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

@@ -13,7 +13,7 @@ const TabsList = React.forwardRef<
       ref={ref}
       data-slot="tabs-list"
       className={cn(
-        "inline-flex min-h-11 items-center justify-center rounded-[var(--radius-2xl)] border border-border/80 bg-muted/80 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.05)] backdrop-blur",
+        "inline-flex min-h-11 items-center justify-center gap-1 rounded-[var(--radius-2xl)] border border-border/85 bg-muted/88 p-1 text-muted-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_10px_30px_rgba(15,23,42,0.06)] backdrop-blur",
         className
       )}
     {...props}
@@ -29,7 +29,7 @@ const TabsTrigger = React.forwardRef<
       ref={ref}
       data-slot="tabs-trigger"
       className={cn(
-        "inline-flex min-h-9 items-center justify-center whitespace-nowrap rounded-[calc(var(--radius-xl)-2px)] border border-transparent px-3.5 py-1.5 text-sm font-medium text-muted-foreground ring-offset-background transition-[background-color,color,box-shadow,border-color,transform] hover:bg-background/55 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[selected]:border-border/80 data-[selected]:bg-background data-[selected]:text-foreground data-[selected]:shadow-[0_1px_0_rgba(255,255,255,0.22),0_10px_24px_rgba(15,23,42,0.12)] dark:data-[selected]:border-white/12 dark:data-[selected]:bg-white/8 dark:data-[selected]:shadow-[0_1px_0_rgba(255,255,255,0.06),0_14px_32px_rgba(0,0,0,0.24)]",
+        "inline-flex min-h-9 items-center justify-center whitespace-nowrap rounded-[calc(var(--radius-xl)-2px)] border border-transparent px-3.5 py-1.5 text-sm font-medium text-muted-foreground ring-offset-background transition-[background-color,color,box-shadow,border-color,transform] hover:bg-background/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[selected]:-translate-y-px data-[selected]:border-border/90 data-[selected]:bg-background data-[selected]:text-foreground data-[selected]:shadow-[0_1px_0_rgba(255,255,255,0.32),0_14px_28px_rgba(15,23,42,0.14)] dark:data-[selected]:border-white/12 dark:data-[selected]:bg-white/10 dark:data-[selected]:shadow-[0_1px_0_rgba(255,255,255,0.08),0_14px_32px_rgba(0,0,0,0.24)]",
         className
       )}
     {...props}

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

@@ -7,7 +7,7 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
     <textarea
       data-slot="textarea"
       className={cn(
-        "flex field-sizing-content min-h-24 w-full rounded-[var(--radius-2xl)] border border-input/85 bg-background/92 px-3.5 py-3 text-base shadow-sm transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-muted-foreground/95 hover:border-border focus-visible:border-ring focus-visible:bg-background focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:bg-input/55 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:hover:bg-input/45 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        "flex field-sizing-content min-h-28 w-full rounded-[var(--radius-2xl)] border border-input/90 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_12%),var(--background))] px-4 py-3.5 text-base text-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_1px_0_rgba(255,255,255,0.06)] transition-[background-color,border-color,box-shadow,color] outline-none placeholder:text-muted-foreground/92 hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:bg-background focus-visible:shadow-[0_0_0_1px_color-mix(in_oklch,var(--ring),transparent_45%),0_10px_24px_rgba(15,23,42,0.08)] focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:bg-input/55 disabled:text-muted-foreground disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:border-white/12 dark:bg-[linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.05))] dark:hover:bg-white/8 dark:focus-visible:bg-white/8 dark:disabled:bg-white/8 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         className
       )}
       {...props}

package/vendor/src/components/upload/file-dropzone.tsx

@@ -0,0 +1,38 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export type FileDropzoneProps = Omit<React.ComponentProps<"input">, "type" | "onChange"> & {
+  label?: React.ReactNode
+  description?: React.ReactNode
+  value?: File[]
+  onFilesChange?: (files: File[]) => void
+  containerClassName?: string
+}
+
+function FileDropzone({ label = "Drop files here", description, value, onFilesChange, containerClassName, className, multiple = true, ...props }: FileDropzoneProps) {
+  const inputId = React.useId()
+  const files = value ?? []
+
+  return (
+    <label
+      htmlFor={inputId}
+      data-slot="file-dropzone"
+      className={cn("flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-muted/35 p-6 text-center transition hover:border-ring/45 hover:bg-muted/55", containerClassName)}
+    >
+      <span className="font-medium text-foreground">{label}</span>
+      {description ? <span className="mt-1 text-sm text-muted-foreground">{description}</span> : null}
+      {files.length ? <span className="mt-3 text-xs text-muted-foreground">{files.length} file selected</span> : null}
+      <input
+        id={inputId}
+        type="file"
+        multiple={multiple}
+        className={cn("sr-only", className)}
+        onChange={(event) => onFilesChange?.(Array.from(event.currentTarget.files ?? []))}
+        {...props}
+      />
+    </label>
+  )
+}
+
+export { FileDropzone }

package/vendor/src/components/upload/file-upload.tsx

@@ -385,7 +385,7 @@ function FileUpload({
         aria-label={dropzoneAriaLabel}
         tabIndex={isDisabled ? -1 : 0}
         className={cn(
-          "grid cursor-pointer gap-4 rounded-[var(--radius-2xl)] border border-dashed border-border/75 bg-card/96 p-5 text-center shadow-sm outline-none transition-[background-color,border-color,box-shadow,transform] hover:border-primary/35 hover:bg-muted/25 focus-visible:ring-2 focus-visible:ring-ring data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/6 data-[dragging=true]:shadow-[0_18px_50px_color-mix(in_oklch,var(--primary),transparent_84%)] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-60",
+          "grid cursor-pointer gap-4 rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_12%),var(--card))] p-6 text-center shadow-sm ring-1 ring-foreground/5 outline-none transition-[background-color,border-color,box-shadow,transform] hover:-translate-y-px hover:border-primary/35 hover:bg-muted/25 hover:shadow-[0_14px_36px_rgba(15,23,42,0.08)] focus-visible:ring-2 focus-visible:ring-ring data-[dragging=true]:border-primary data-[dragging=true]:bg-primary/6 data-[dragging=true]:shadow-[0_18px_50px_color-mix(in_oklch,var(--primary),transparent_84%)] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-60",
           dropzoneClassName
         )}
         onClick={openFileDialog}
@@ -401,7 +401,7 @@ function FileUpload({
         onDragOver={handleDragOver}
         onDrop={handleDrop}
       >
-        <div className="mx-auto flex size-12 items-center justify-center rounded-full border border-border/70 bg-background/92 text-muted-foreground shadow-sm">
+        <div className="mx-auto flex size-13 items-center justify-center rounded-full border border-border/75 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--background),white_14%),var(--background))] text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.12),0_10px_24px_rgba(15,23,42,0.06)]">
           <UploadCloudIcon className="size-5" />
         </div>
         <div className="grid gap-1">
@@ -455,7 +455,7 @@ function FileUpload({
               <div
                 key={`${file.name}-${file.lastModified}-${index}`}
                 data-slot="file-upload-item"
-                className={cn("rounded-[min(var(--radius-xl),18px)] border border-border/75 bg-card/96 p-3 shadow-sm", fileItemClassName)}
+                className={cn("rounded-[min(var(--radius-xl),18px)] border border-border/80 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),white_10%),var(--card))] p-3.5 shadow-sm ring-1 ring-foreground/5", fileItemClassName)}
               >
                 {renderFile?.(state) ?? defaultRenderFile(state)}
               </div>
@@ -469,7 +469,7 @@ function FileUpload({
           {resolvedRejectedFiles.map((rejectedFile, index) => (
             <div
               key={`${rejectedFile.file.name}-${index}`}
-              className="rounded-[min(var(--radius-lg),12px)] border border-destructive/20 bg-destructive/8 px-3 py-2 text-xs leading-5 text-destructive"
+              className="rounded-[min(var(--radius-lg),12px)] border border-destructive/22 bg-destructive/8 px-3 py-2.5 text-xs leading-5 text-destructive shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]"
             >
               {renderRejectedFile?.({ rejectedFile, index }) ?? <span>{rejectedFile.file.name}: {rejectedFile.message}</span>}
             </div>

package/vendor/src/components/upload/image-upload.tsx

@@ -56,31 +56,34 @@ function defaultRenderImageFile({
 }) {
   return (
     <div className="flex min-w-0 items-center gap-3">
-      <div
-        className={cn(
-          "flex size-14 shrink-0 items-center justify-center overflow-hidden rounded-md border bg-muted text-muted-foreground",
-          previewClassName
-        )}
-      >
+      <div
+        className={cn(
+          "flex size-14 shrink-0 items-center justify-center overflow-hidden rounded-[min(var(--radius-xl),16px)] border border-border/75 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]",
+          previewClassName
+        )}
+      >
         {previewUrl ? (
           <img src={previewUrl} alt={file.name} className={cn("size-full object-cover", imageClassName)} />
         ) : (
           <ImageIcon className="size-5" />
         )}
       </div>
-      <div className="min-w-0 flex-1">
-        <div className="truncate text-sm font-medium text-foreground">{file.name}</div>
-        <div className="text-xs text-muted-foreground">{formatBytes(file.size)}</div>
-        {typeof progress === "number" && (
-          <div className="mt-1 h-1.5 overflow-hidden rounded-full bg-muted">
-            <div className="h-full rounded-full bg-primary" style={{ width: `${Math.min(Math.max(progress, 0), 100)}%` }} />
-          </div>
-        )}
-      </div>
-      <Button type="button" variant="ghost" size="icon-xs" onClick={remove}>
-        <XIcon />
-        <span className="sr-only">Remove image</span>
-      </Button>
+      <div className="min-w-0 flex-1">
+        <div className="truncate text-sm font-medium text-foreground">{file.name}</div>
+        <div className="text-xs text-muted-foreground">{formatBytes(file.size)}</div>
+        {typeof progress === "number" && (
+          <div className="mt-2 h-1.5 overflow-hidden rounded-full bg-muted/80">
+            <div
+              className="h-full rounded-full bg-primary shadow-[0_8px_18px_color-mix(in_oklch,var(--primary),transparent_82%)]"
+              style={{ width: `${Math.min(Math.max(progress, 0), 100)}%` }}
+            />
+          </div>
+        )}
+      </div>
+      <Button type="button" variant="ghost" size="icon-xs" className="rounded-full" onClick={remove}>
+        <XIcon />
+        <span className="sr-only">Remove image</span>
+      </Button>
     </div>
   )
 }

package/vendor/src/components/upload/index.ts

@@ -1,2 +1,4 @@
 export { FileUpload } from "./file-upload"
 export { ImageUpload } from "./image-upload"
+export { FileDropzone } from "./file-dropzone"
+export type { FileDropzoneProps } from "./file-dropzone"

package/vendor/src/families/catalog.ts

@@ -36,6 +36,7 @@ export const componentFamilyCatalog: ComponentFamilyCatalogEntry[] = [
       "ColorInput",
     ],
     advanced: ["TagInput", "QuantityStepper"],
+    transitional: ["AppInput", "UniversalInput", "FormAppInput"],
   },
   {
     family: "SelectFamily",

package/vendor/src/families/docs-groups.ts

@@ -68,7 +68,16 @@ export const componentDocsGroups: ComponentDocsGroupEntry[] = [
         id: "transitional",
         label: "Compatibility aliases",
         description: "Older wrapper names that still work, but new docs and new product work should prefer FormInput with a matching kind.",
-        components: ["FormSearchInput", "FormPasswordInput", "FormNumberInput", "FormPhoneInput", "FormDateInput"],
+        components: [
+          "AppInput",
+          "UniversalInput",
+          "FormAppInput",
+          "FormSearchInput",
+          "FormPasswordInput",
+          "FormNumberInput",
+          "FormPhoneInput",
+          "FormDateInput",
+        ],
       },
       {
         id: "advanced",

package/vendor/src/families/member-metadata.ts

@@ -131,6 +131,30 @@ export const componentMemberMetadata: ComponentMemberMetadata[] = [
     summary: "Universal React Hook Form wrapper for text-like inputs.",
     useWhen: "Use as the primary RHF entry for text, search, password, number, phone, and date flows by switching the kind prop instead of learning many wrapper names.",
   },
+  {
+    component: "AppInput",
+    family: "InputFamily",
+    section: "transitional",
+    maturity: "transitional",
+    summary: "Compatibility alias for Input with kind variants.",
+    useWhen: "Use only for legacy calls; prefer Input with `kind` in new work.",
+  },
+  {
+    component: "UniversalInput",
+    family: "InputFamily",
+    section: "transitional",
+    maturity: "transitional",
+    summary: "Legacy alias for AppInput.",
+    useWhen: "Use only for migration; prefer Input with `kind`.",
+  },
+  {
+    component: "FormAppInput",
+    family: "InputFamily",
+    section: "transitional",
+    maturity: "transitional",
+    summary: "Legacy RHF wrapper alias for FormInput.",
+    useWhen: "Use only for migration; prefer FormInput with matching kind.",
+  },
   {
     component: "FormSearchInput",
     family: "InputFamily",

package/vendor/src/families/member-snippets.ts

@@ -200,7 +200,33 @@ export const componentSnippetExamples: ComponentSnippetExample[] = [
     variant: "form",
     code: `import { FormInput } from "azamat-ui-kit"
 
-<FormInput control={control} name="quantity" kind="number" label="Quantity" min={0} />`,
+    <FormInput control={control} name="quantity" kind="number" label="Quantity" min={0} />`,
+  },
+  {
+    component: "AppInput",
+    title: "Deprecated alias migration",
+    description: "Use this alias only for legacy callers; migrate to Input with kind.",
+    language: "tsx",
+    variant: "migration",
+    code: `import { AppInput } from "azamat-ui-kit"
+
+<AppInput placeholder="Email" value={value} onValueChange={setValue} />
+
+// New work:
+// <Input placeholder="Email" value={value} onValueChange={setValue} />`,
+  },
+  {
+    component: "UniversalInput",
+    title: "Universal alias migration",
+    description: "UniversalInput exists for backward compatibility while consolidating variants.",
+    language: "tsx",
+    variant: "migration",
+    code: `import { UniversalInput } from "azamat-ui-kit"
+
+<UniversalInput placeholder="Email" kind="search" value={value} onValueChange={setValue} />
+
+// New work:
+// <Input kind="search" placeholder="Search" value={value} onValueChange={setValue} />`,
   },
   {
     component: "FormSearchInput",
@@ -266,6 +292,19 @@ export const componentSnippetExamples: ComponentSnippetExample[] = [
 
 // New work:
 // <FormInput control={control} name="startDate" kind="date" label="Start date" />`,
+  },
+  {
+    component: "FormAppInput",
+    title: "Form alias migration",
+    description: "Use this only for legacy form code; prefer FormInput with kind.",
+    language: "tsx",
+    variant: "migration",
+    code: `import { FormAppInput } from "azamat-ui-kit"
+
+<FormAppInput control={control} name="quantity" kind="number" label="Quantity" min={0} />
+
+// New work:
+// <FormInput control={control} name="quantity" kind="number" label="Quantity" min={0} />`,
   },
   {
     component: "FormDateRangeInput",
@@ -411,7 +450,7 @@ export const componentSnippetExamples: ComponentSnippetExample[] = [
     variant: "basic",
     code: `import { InfoCard } from "azamat-ui-kit"
 
-<InfoCard title="Revenue" description="Current month" value="$48,000" />`,
+<InfoCard title="Revenue" description="Current month" content="$48,000" />`,
   },
   {
     component: "StatCard",

package/vendor/src/families/migration-map.ts

@@ -16,6 +16,9 @@ export type FamilyMigrationEntry = {
 
 export const componentFamilyMigrationMap: FamilyMigrationEntry[] = [
   { component: "Input", family: "InputFamily", member: "Root", status: "canonical" },
+  { component: "AppInput", family: "InputFamily", member: "AppInput", status: "transitional" },
+  { component: "UniversalInput", family: "InputFamily", member: "UniversalInput", status: "transitional" },
+  { component: "FormAppInput", family: "InputFamily", member: "FormAppInput", status: "transitional" },
   { component: "ClearableInput", family: "InputFamily", member: "Clearable", status: "family-member" },
   { component: "SearchInput", family: "InputFamily", member: "Search", status: "family-member" },
   { component: "PasswordInput", family: "InputFamily", member: "Password", status: "family-member" },

package/vendor/src/index.ts

@@ -17,22 +17,27 @@ export * from './components/ui/divider'
 export * from './components/ui/segmented-control'
 export * from './components/ui/spinner'
 export * from './components/ui/tooltip'
+export * from './components/ui/radio-group'
+export * from './components/ui/kbd'
+export * from './components/ui/hover-card'
+export * from './components/ui/scroll-box'
+export * from './components/ui/right-click-menu'
 
-export * from './components/actions/public'
-export * from './components/layout/public'
-export * from './components/filters'
-export * from './components/overlay'
-export * from './components/navigation'
-export * from './components/inputs'
-export * from './components/form/public'
-export * from './components/feedback'
-export * from './components/display'
-export * from './components/data-table/public'
-export * from './components/notifications'
-export * from './components/command'
-export * from './components/calendar'
-export * from './components/upload'
-export * from './components/wizard'
-export * from './components/charts/public'
-export * from './hooks'
-export * from './lib/utils'
+export * from './components/actions/public'
+export * from './components/layout/public'
+export * from './components/filters'
+export * from './components/overlay'
+export * from './components/navigation'
+export * from './components/inputs'
+export * from './components/form/public'
+export * from './components/feedback'
+export * from './components/display'
+export * from './components/data-table/public'
+export * from './components/notifications'
+export * from './components/command'
+export * from './components/calendar'
+export * from './components/upload'
+export * from './components/wizard'
+export * from './components/charts/public'
+export * from './hooks'
+export * from './lib/utils'