tembro 6.1.0 → 6.1.1

package/packages/cli/vendor/templates/styles/globals.css

@@ -1114,110 +1114,6 @@
     box-shadow: var(--aui-popover-shadow);
   }
 
-[data-slot="info-card"] {
-  overflow: hidden;
-  transition:
-    background-color var(--aui-motion-normal) var(--aui-ease-standard),
-    border-color var(--aui-motion-normal) var(--aui-ease-standard),
-    box-shadow var(--aui-motion-normal) var(--aui-ease-standard);
-}
-
-[data-slot="info-card"][data-selected="true"] {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 1px var(--primary);
-}
-
-[data-slot="info-card"][data-disabled="true"] {
-  pointer-events: none;
-  opacity: var(--aui-disabled-opacity);
-}
-
-[data-slot="info-card"][data-interactive="true"] {
-  cursor: pointer;
-}
-
-[data-slot="info-card"][data-interactive="true"]:hover {
-  background: color-mix(in srgb, var(--aui-surface-muted) 55%, var(--card));
-  border-color: color-mix(in srgb, var(--primary) 28%, var(--aui-card-border));
-}
-
-[data-slot="info-card-body"],
-[data-slot="info-card-loading"] {
-  padding: 1rem;
-}
-
-[data-slot="info-card"][data-info-density="compact"] :is([data-slot="info-card-body"], [data-slot="info-card-loading"]) {
-  padding: 0.75rem;
-}
-
-[data-slot="info-card"][data-info-density="comfortable"] :is([data-slot="info-card-body"], [data-slot="info-card-loading"]) {
-  padding: 1.25rem;
-}
-
-[data-slot="info-card-media"] {
-  overflow: hidden;
-  background: var(--aui-surface-muted);
-  border-bottom: 1px solid var(--aui-card-border);
-}
-
-[data-slot="info-card"][data-orientation="horizontal"] [data-slot="info-card-media"] {
-  border-right: 1px solid var(--aui-card-border);
-  border-bottom: 0;
-}
-
-[data-slot="info-card-icon"] {
-  width: 2.25rem;
-  height: 2.25rem;
-  border: 1px solid var(--aui-card-border);
-  border-radius: var(--aui-radius-control);
-  background: var(--aui-surface-muted);
-  color: var(--foreground);
-  box-shadow: var(--aui-shadow-xs);
-}
-
-[data-slot="info-card-eyebrow"] {
-  color: var(--muted-foreground);
-  font-size: 0.6875rem;
-  font-weight: 700;
-  letter-spacing: 0.1em;
-  line-height: 1rem;
-  text-transform: uppercase;
-}
-
-[data-slot="info-card-title"] {
-  color: var(--card-foreground);
-  font-size: 1rem;
-  font-weight: 650;
-  line-height: 1.35;
-}
-
-[data-slot="info-card"][data-info-size="sm"] [data-slot="info-card-title"] {
-  font-size: 0.875rem;
-}
-
-[data-slot="info-card"][data-info-size="lg"] [data-slot="info-card-title"] {
-  font-size: 1.125rem;
-}
-
-[data-slot="info-card-description"] {
-  color: var(--muted-foreground);
-  font-size: 0.875rem;
-  line-height: 1.5;
-}
-
-[data-slot="info-card-meta"] {
-  color: var(--muted-foreground);
-  font-size: 0.75rem;
-  line-height: 1.25rem;
-}
-
-[data-slot="info-card-footer"] {
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--aui-card-border);
-  color: var(--muted-foreground);
-  font-size: 0.8125rem;
-}
-
 [data-slot="dialog-overlay"] {
   background: color-mix(in srgb, var(--foreground) 42%, transparent);
   backdrop-filter: blur(2px);
@@ -1860,22 +1756,6 @@
     background: color-mix(in oklch, var(--primary), transparent 93%);
   }
 
-  [data-slot="statistic-card"] {
-    border-color: var(--aui-card-border, var(--border));
-    background: var(--card);
-    box-shadow: var(--aui-card-shadow, var(--aui-shadow-xs));
-  }
-
-  [data-slot="statistic-label"],
-  [data-slot="statistic-prefix"],
-  [data-slot="statistic-suffix"],
-  [data-slot="statistic-meta"] {
-    color: var(--muted-foreground);
-  }
-
-  [data-slot="statistic-change"][data-trend="up"] { color: var(--aui-success-fg); background: var(--aui-success-bg); }
-  [data-slot="statistic-change"][data-trend="down"] { color: var(--destructive); background: color-mix(in oklch, var(--destructive), transparent 90%); }
-
   [data-slot="state-view"] {
     border-color: var(--aui-card-border, var(--border));
     border-radius: var(--aui-radius-panel);

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "components": {
     "accordion": {
       "category": "ui",
@@ -143,9 +143,7 @@
         "kbd",
         "scroll-box",
         "right-click-menu",
-        "number-field",
         "toggle-group",
-        "toolbar",
         "tag-input",
         "multi-select",
         "combobox",
@@ -189,7 +187,6 @@
         "description-list",
         "divider",
         "file-upload",
-        "filter-bar",
         "empty-state",
         "charts",
         "chart-card",
@@ -208,9 +205,7 @@
         "rating",
         "section",
         "slider",
-        "info-card",
         "spinner",
-        "statistic",
         "status-dot",
         "status-legend",
         "stepper",
@@ -235,7 +230,6 @@
         "resizable-panel",
         "rich-text-editor",
         "file-manager",
-        "image-cropper",
         "qr-code",
         "json-input",
         "time-picker",
@@ -1181,18 +1175,6 @@
       "status": "preview",
       "distribution": "source-copy"
     },
-    "filter-bar": {
-      "category": "filters",
-      "kind": "component",
-      "files": [
-        {
-          "source": "src/components/filters/filter-bar.tsx",
-          "target": "{components}/filters/filter-bar.tsx"
-        }
-      ],
-      "status": "stable",
-      "distribution": "source-copy"
-    },
     "form": {
       "category": "group",
       "kind": "preset",
@@ -1396,25 +1378,6 @@
       "status": "stable",
       "distribution": "system"
     },
-    "image-cropper": {
-      "category": "modern",
-      "kind": "component",
-      "dependencies": [
-        "react-easy-crop",
-        "lucide-react"
-      ],
-      "registryDependencies": [
-        "utils"
-      ],
-      "files": [
-        {
-          "source": "src/components/modern/image-cropper.tsx",
-          "target": "{components}/modern/image-cropper.tsx"
-        }
-      ],
-      "status": "preview",
-      "distribution": "source-copy"
-    },
     "image-upload": {
       "category": "upload",
       "kind": "component",
@@ -1427,23 +1390,6 @@
       "status": "preview",
       "distribution": "source-copy"
     },
-    "info-card": {
-      "category": "display",
-      "kind": "component",
-      "registryDependencies": [
-        "card",
-        "skeleton",
-        "utils"
-      ],
-      "files": [
-        {
-          "source": "src/components/display/info-card.tsx",
-          "target": "{components}/display/info-card.tsx"
-        }
-      ],
-      "status": "stable",
-      "distribution": "source-copy"
-    },
     "inline-editable": {
       "category": "inputs",
       "kind": "component",
@@ -1550,7 +1496,6 @@
     "kpi": {
       "category": "charts",
       "kind": "alias",
-      "migrationAliasFor": "statistic",
       "status": "preview"
     },
     "layout": {
@@ -1682,25 +1627,6 @@
       "status": "preview",
       "distribution": "source-copy"
     },
-    "number-field": {
-      "category": "inputs",
-      "kind": "component",
-      "dependencies": [
-        "@base-ui/react",
-        "lucide-react"
-      ],
-      "registryDependencies": [
-        "utils"
-      ],
-      "files": [
-        {
-          "source": "src/components/ui/number-field",
-          "target": "{ui}/number-field"
-        }
-      ],
-      "status": "preview",
-      "distribution": "foundation"
-    },
     "number-input": {
       "category": "inputs",
       "kind": "alias",
@@ -2121,7 +2047,6 @@
     "smart-card": {
       "category": "display",
       "kind": "alias",
-      "migrationAliasFor": "info-card",
       "status": "preview",
       "distribution": "source-copy"
     },
@@ -2160,7 +2085,6 @@
     "stat-card": {
       "category": "layout",
       "kind": "alias",
-      "migrationAliasFor": "statistic",
       "status": "preview",
       "distribution": "source-copy"
     },
@@ -2183,18 +2107,6 @@
       "status": "stable",
       "distribution": "source-copy"
     },
-    "statistic": {
-      "category": "display",
-      "kind": "component",
-      "files": [
-        {
-          "source": "src/components/display/statistic.tsx",
-          "target": "{components}/display/statistic.tsx"
-        }
-      ],
-      "status": "preview",
-      "distribution": "source-copy"
-    },
     "status-dot": {
       "category": "display",
       "kind": "component",
@@ -2414,24 +2326,6 @@
       "status": "preview",
       "distribution": "foundation"
     },
-    "toolbar": {
-      "category": "ui",
-      "kind": "component",
-      "dependencies": [
-        "@base-ui/react"
-      ],
-      "registryDependencies": [
-        "utils"
-      ],
-      "files": [
-        {
-          "source": "src/components/ui/toolbar",
-          "target": "{ui}/toolbar"
-        }
-      ],
-      "status": "preview",
-      "distribution": "foundation"
-    },
     "tooltip": {
       "category": "ui",
       "kind": "component",
@@ -2462,7 +2356,6 @@
     "trend-card": {
       "category": "display",
       "kind": "alias",
-      "migrationAliasFor": "statistic",
       "status": "preview",
       "distribution": "source-copy"
     },
@@ -2634,6 +2527,65 @@
       ],
       "status": "preview",
       "distribution": "source-copy"
+    },
+    "map": {
+      "category": "modern",
+      "kind": "component",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "badge",
+        "button",
+        "utils"
+      ],
+      "files": [
+        {
+          "source": "src/components/modern/map.tsx",
+          "target": "{components}/modern/map.tsx"
+        }
+      ],
+      "status": "preview",
+      "distribution": "source-copy"
+    },
+    "media-player": {
+      "category": "modern",
+      "kind": "component",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "badge",
+        "button",
+        "utils"
+      ],
+      "files": [
+        {
+          "source": "src/components/modern/media-player.tsx",
+          "target": "{components}/modern/media-player.tsx"
+        }
+      ],
+      "status": "preview",
+      "distribution": "source-copy"
+    },
+    "spreadsheet": {
+      "category": "modern",
+      "kind": "component",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "button",
+        "utils"
+      ],
+      "files": [
+        {
+          "source": "src/components/modern/spreadsheet.tsx",
+          "target": "{components}/modern/spreadsheet.tsx"
+        }
+      ],
+      "status": "preview",
+      "distribution": "source-copy"
     }
   },
   "recommended": [
@@ -2661,9 +2613,7 @@
     "kbd",
     "scroll-box",
     "right-click-menu",
-    "number-field",
     "toggle-group",
-    "toolbar",
     "tag-input",
     "combobox",
     "async-select",
@@ -2703,7 +2653,6 @@
     "description-list",
     "divider",
     "file-upload",
-    "filter-bar",
     "empty-state",
     "charts",
     "image-upload",
@@ -2720,9 +2669,7 @@
     "rating",
     "section",
     "slider",
-    "info-card",
     "spinner",
-    "statistic",
     "status-dot",
     "status-legend",
     "stepper",
@@ -2744,12 +2691,14 @@
     "dual-list-picker",
     "resizable-panel",
     "rich-text-editor",
-    "image-cropper",
     "qr-code",
     "json-input",
     "time-picker",
     "sortable-list",
-    "virtual-list"
+    "virtual-list",
+    "map",
+    "media-player",
+    "spreadsheet"
   ],
   "recommendedByMode": {
     "minimal": [
@@ -2766,9 +2715,10 @@
       "badge",
       "card",
       "data-table",
-      "filter-bar",
       "state-view",
-      "info-card"
+      "map",
+      "media-player",
+      "spreadsheet"
     ],
     "full": [
       "button",
@@ -2795,9 +2745,7 @@
       "kbd",
       "scroll-box",
       "right-click-menu",
-      "number-field",
       "toggle-group",
-      "toolbar",
       "tag-input",
       "combobox",
       "async-select",
@@ -2837,7 +2785,6 @@
       "description-list",
       "divider",
       "file-upload",
-      "filter-bar",
       "empty-state",
       "charts",
       "image-upload",
@@ -2854,9 +2801,7 @@
       "rating",
       "section",
       "slider",
-      "info-card",
       "spinner",
-      "statistic",
       "status-dot",
       "status-legend",
       "stepper",
@@ -2878,7 +2823,6 @@
       "dual-list-picker",
       "resizable-panel",
       "rich-text-editor",
-      "image-cropper",
       "qr-code",
       "json-input",
       "time-picker",
@@ -2952,9 +2896,7 @@
       "kbd",
       "scroll-box",
       "right-click-menu",
-      "number-field",
       "toggle-group",
-      "toolbar",
       "tag-input",
       "combobox",
       "async-select",
@@ -2994,7 +2936,6 @@
       "description-list",
       "divider",
       "file-upload",
-      "filter-bar",
       "empty-state",
       "charts",
       "image-upload",
@@ -3011,9 +2952,7 @@
       "rating",
       "section",
       "slider",
-      "info-card",
       "spinner",
-      "statistic",
       "status-dot",
       "status-legend",
       "stepper",
@@ -3035,7 +2974,6 @@
       "dual-list-picker",
       "resizable-panel",
       "rich-text-editor",
-      "image-cropper",
       "qr-code",
       "json-input",
       "time-picker",
@@ -3057,10 +2995,8 @@
       "checkbox",
       "switch",
       "radio-group",
-      "number-field",
       "multi-select",
       "toggle-group",
-      "toolbar",
       "dialog",
       "dropdown-menu",
       "popover",
@@ -3101,7 +3037,6 @@
       "chat",
       "list",
       "description-list",
-      "statistic",
       "tree-view",
       "copy-button",
       "section",
@@ -3112,6 +3047,9 @@
       "dual-list-picker",
       "resizable-panel",
       "file-manager",
+      "map",
+      "media-player",
+      "spreadsheet",
       "tag",
       "carousel",
       "typography",
@@ -3124,7 +3062,6 @@
       "signature-pad",
       "qr-code",
       "rich-text-editor",
-      "image-cropper",
       "data-grid"
     ],
     "standalone": [],
@@ -3140,10 +3077,8 @@
       "checkbox",
       "switch",
       "radio-group",
-      "number-field",
       "multi-select",
       "toggle-group",
-      "toolbar",
       "dialog",
       "dropdown-menu",
       "popover",
@@ -3184,7 +3119,6 @@
       "chat",
       "list",
       "description-list",
-      "statistic",
       "tree-view",
       "copy-button",
       "section",
@@ -3207,7 +3141,6 @@
       "signature-pad",
       "qr-code",
       "rich-text-editor",
-      "image-cropper",
       "data-grid"
     ]
   },
@@ -3232,12 +3165,12 @@
     "input-value": "input",
     "inputs": "input",
     "app-sidebar": "sidebar",
-    "stat-card": "statistic",
-    "smart-card": "info-card",
+    "stat-card": "card",
+    "smart-card": "card",
     "file-dropzone": "file-upload",
     "comparison-card": "card",
     "delta-badge": "badge",
-    "trend-card": "statistic",
+    "trend-card": "card",
     "user-card": "avatar",
     "sheet-shell": "drawer",
     "nav-tabs": "tabs",
@@ -3259,6 +3192,6 @@
     "table-export-menu": "data-table",
     "table-import-button": "data-table",
     "horizontal-bar-chart": "charts",
-    "kpi": "statistic"
+    "kpi": "chart-card"
   }
 }

package/dist/components/display/info-card.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/display/info-card.cjs")

package/dist/components/display/info-card.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type InfoCardVariant = "default" | "outline" | "elevated" | "ghost";
-export type InfoCardSize = "sm" | "md" | "lg";
-export type InfoCardDensity = "compact" | "default" | "comfortable";
-export type InfoCardOrientation = "vertical" | "horizontal";
-export type InfoCardClassNames = {
-    root?: string;
-    media?: string;
-    header?: string;
-    icon?: string;
-    body?: string;
-    eyebrow?: string;
-    title?: string;
-    description?: string;
-    content?: string;
-    footer?: string;
-    actions?: string;
-    meta?: string;
-    status?: string;
-};
-export type InfoCardRenderContext = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    media?: React.ReactNode;
-    icon?: React.ReactNode;
-    status?: React.ReactNode;
-    actions?: React.ReactNode;
-    meta?: React.ReactNode;
-    content?: React.ReactNode;
-    footer?: React.ReactNode;
-};
-export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "content" | "size" | "orientation"> & InfoCardRenderContext & {
-    orientation?: InfoCardOrientation;
-    variant?: InfoCardVariant;
-    size?: InfoCardSize;
-    density?: InfoCardDensity;
-    compact?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    interactive?: boolean;
-    classNames?: InfoCardClassNames;
-    renderHeader?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderMedia?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderContent?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderFooter?: (ctx: InfoCardRenderContext) => React.ReactNode;
-};
-declare function InfoCard({ eyebrow, title, description, media, icon, status, actions, meta, content, footer, orientation, variant, size, density, compact, loading, disabled, selected, interactive, className, classNames, renderHeader, renderMedia, renderContent, renderFooter, children, onClick, ...props }: InfoCardProps): React.JSX.Element;
-export { InfoCard };

package/dist/components/display/info-card.js

@@ -1 +0,0 @@
-export * from "../../src/components/display/info-card.js"

package/dist/components/display/statistic.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/display/statistic.cjs")

package/dist/components/display/statistic.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type StatisticTrend = "up" | "down" | "neutral";
-export type StatisticProps = React.ComponentProps<"div"> & {
-    label: React.ReactNode;
-    value: React.ReactNode;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    description?: React.ReactNode;
-    trend?: StatisticTrend;
-    change?: React.ReactNode;
-    loading?: boolean;
-};
-declare function Statistic({ label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticProps): React.JSX.Element;
-export type StatisticCardProps = React.ComponentProps<typeof Card> & StatisticProps & {
-    action?: React.ReactNode;
-    density?: "compact" | "default";
-};
-declare function StatisticCard({ action, density, label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticCardProps): React.JSX.Element;
-export type StatisticGridProps = React.ComponentProps<"div"> & {
-    columns?: 1 | 2 | 3 | 4;
-    gap?: "sm" | "default" | "lg";
-};
-declare function StatisticGrid({ columns, gap, className, ...props }: StatisticGridProps): React.JSX.Element;
-export { Statistic, StatisticCard, StatisticGrid };