tembro 2.0.3 → 2.0.5

package/registry.json

@@ -1,198 +1,155 @@
-{
-  "$schema": "https://tembro.dev/registry.schema.json",
-  "name": "tembro",
-  "version": "2.0.3",
-  "description": "Reusable React + TypeScript UI kit registry",
-  "groups": {
-    "ui": [
-      "badge",
-      "button",
-      "card",
-      "checkbox",
-      "accordion",
-      "collapse",
-      "dialog",
-      "divider",
-      "dropdown-menu",
-      "input",
-      "kbd",
-      "popover",
-      "radio-group",
-      "right-click-menu",
-      "scroll-box",
-      "select",
-      "segmented-control",
-      "skeleton",
-      "spinner",
-      "switch",
-      "table",
-      "tabs",
-      "textarea",
-      "tooltip"
-    ],
-    "overlay": [
-      "alert-dialog",
-      "confirm-dialog",
-      "dialog-actions",
-      "drawer",
-      "modal-shell",
-      "sheet-shell"
-    ],
-    "navigation": [
-      "anchor-nav",
-      "nav-tabs",
-      "page-tabs",
-      "pagination",
-      "stepper-tabs",
-      "command-bar"
-    ],
-    "inputs": [
-      "async-select",
-      "clearable-input",
-      "combobox",
-      "color-input",
-      "date-input",
-      "date-range-input",
-      "masked-input",
-      "money-input",
-      "number-input",
-      "otp-input",
-      "password-input",
-      "phone-input",
-      "quantity-input",
-      "quantity-stepper",
-      "rating",
-      "search-input",
-      "simple-select",
-      "slider",
-      "tag-input",
-      "inline-editable"
-    ],
-    "form": [
-      "form-async-select",
-      "form-date-input",
-      "form-date-picker",
-      "form-date-range-input",
-      "form-date-range-picker",
-      "form-field-shell",
-      "form-input",
-      "form-number-input",
-      "form-password-input",
-      "form-phone-input",
-      "form-search-input",
-      "form-select",
-      "form-switch",
-      "form-textarea",
-      "repeater-field"
-    ],
-    "feedback": [
-      "alert",
-      "empty-state",
-      "loading-state",
-      "page-state",
-      "empty-search-state"
-    ],
-    "display": [
-      "activity-feed",
-      "avatar",
-      "code-block",
-      "data-list",
-      "data-state",
-      "descriptions",
-      "description-list",
-      "entity-card",
-      "file-card",
-      "info-card",
-      "keyboard-shortcut",
-      "key-value-card",
-      "kanban",
-      "list",
-      "metric-grid",
-      "progress",
-      "progress-circle",
-      "property-grid",
-      "result",
-      "statistic",
-      "status-dot",
-      "status-legend",
-      "tag-list",
-      "timeline",
-      "tree-view",
-      "user-card",
-      "trend-card",
-      "comparison-card",
-      "delta-badge",
-      "skeleton-table",
-      "skeleton-form",
-      "entity-header"
-    ],
-    "actions": [
-      "action-menu",
-      "button-group",
-      "copy-button",
-      "copy-field",
-      "quick-action-grid"
-    ],
-    "layout": [
-      "app-header",
-      "sidebar",
-      "breadcrumbs",
-      "page-container",
-      "section",
-      "section-header",
-      "sidebar-nav",
-      "stack",
-      "stat-card",
-      "sticky-footer-bar"
-    ],
-    "filters": [
-      "filter-chips",
-      "filter-bar",
-      "saved-filter-select"
-    ],
-    "data-table": [
-      "data-table",
-      "data-table-pagination",
-      "data-table-toolbar",
-      "data-table-column-visibility-menu",
-      "data-table-select-column",
-      "data-table-sortable-header",
-      "data-table-row-actions",
-      "data-table-actions-column",
-      "data-table-bulk-actions",
-      "data-table-view-presets",
-      "data-table-saved-filters"
-    ],
-    "calendar": [
-      "calendar",
-      "date-picker",
-      "date-range-picker",
-      "form-date-picker",
-      "form-date-range-picker"
-    ],
-    "upload": [
-      "file-upload",
-      "image-upload",
-      "file-dropzone"
-    ],
-    "wizard": [
-      "stepper",
-      "wizard"
-    ],
-    "notifications": [
-      "toast",
-      "notification-center"
-    ],
-    "command": [
-      "command-palette"
-    ],
+{
+  "$schema": "https://tembro.dev/registry.schema.json",
+  "name": "tembro",
+  "version": "2.0.5",
+  "description": "Reusable React + TypeScript UI kit registry",
+  "groups": {
+    "ui": [
+      "badge",
+      "button",
+      "card",
+      "checkbox",
+      "accordion",
+      "collapse",
+      "dialog",
+      "divider",
+      "dropdown-menu",
+      "input",
+      "kbd",
+      "popover",
+      "radio-group",
+      "right-click-menu",
+      "scroll-box",
+      "select",
+      "segmented-control",
+      "skeleton",
+      "spinner",
+      "switch",
+      "table",
+      "tabs",
+      "textarea",
+      "tooltip"
+    ],
+    "overlay": [
+      "alert-dialog",
+      "confirm-dialog",
+      "drawer",
+      "modal-shell",
+      "sheet-shell"
+    ],
+    "navigation": [
+      "nav-tabs",
+      "page-tabs",
+      "pagination",
+      "stepper-tabs",
+      "command-bar"
+    ],
+    "inputs": [
+      "async-select",
+      "combobox",
+      "masked-input",
+      "money-input",
+      "number-input",
+      "otp-input",
+      "password-input",
+      "phone-input",
+      "quantity-input",
+      "quantity-stepper",
+      "rating",
+      "search-input",
+      "simple-select",
+      "slider",
+      "tag-input",
+      "inline-editable"
+    ],
+    "form": [
+      "form-field-shell",
+      "form-input",
+      "form-select",
+      "form-textarea",
+      "form-switch",
+      "form-async-select"
+    ],
+    "feedback": [
+      "alert",
+      "loading-state",
+      "page-state",
+      "data-state"
+    ],
+    "display": [
+      "activity-feed",
+      "avatar",
+      "code-block",
+      "data-list",
+      "data-state",
+      "info-card",
+      "kanban",
+      "list",
+      "metric-grid",
+      "progress",
+      "progress-circle",
+      "property-grid",
+      "result",
+      "statistic",
+      "status-dot",
+      "status-legend",
+      "timeline",
+      "tree-view",
+      "user-card",
+      "trend-card"
+    ],
+    "actions": [
+      "action-menu",
+      "button-group",
+      "copy-button",
+      "quick-action-grid"
+    ],
+    "layout": [
+      "app-header",
+      "sidebar",
+      "breadcrumbs",
+      "page-container",
+      "section",
+      "section-header",
+      "sidebar-nav",
+      "stat-card",
+      "sticky-footer-bar"
+    ],
+    "filters": [
+      "filter-bar",
+      "saved-filter-select"
+    ],
+    "data-table": [
+      "data-table",
+      "data-table-column-visibility-menu",
+      "data-table-sortable-header",
+      "data-table-bulk-actions",
+      "data-table-view-presets"
+    ],
+    "calendar": [
+      "calendar",
+      "date-picker",
+      "date-range-picker"
+    ],
+    "upload": [
+      "file-upload",
+      "image-upload",
+      "file-dropzone"
+    ],
+    "wizard": [
+      "stepper",
+      "wizard"
+    ],
+    "notifications": [
+      "toast",
+      "notification-center"
+    ],
+    "command": [],
     "patterns": [
       "resource-page",
-      "resource-detail-page",
-      "form-builder"
+      "resource-detail-page"
     ],
     "modern": [
-      "affix",
       "calendar-scheduler",
       "dual-list-picker",
       "menubar",
@@ -202,127 +159,114 @@
       "tour",
       "qr-code",
       "tag",
-      "aspect-ratio",
       "carousel",
-      "float-button",
       "typography",
-      "watermark",
-      "cascader",
       "json-input",
-      "mention-input",
       "time-picker"
     ],
     "hooks": [
       "use-session-storage-state",
       "use-before-unload-when-dirty",
       "use-is-mobile",
-      "use-disclosure",
-      "use-debounce",
-      "use-data-table-view-state"
-    ],
-    "kits": [
-      "dashboard",
-      "calendar-kit",
-      "wizard-kit",
-      "all"
-    ]
-  },
-  "recommended": [
-    "button",
-    "input",
-    "textarea",
-    "checkbox",
-    "switch",
-    "radio-group",
-    "dialog",
-    "popover",
-    "select",
-    "table",
-    "badge",
-    "card",
-    "tabs",
-    "collapse",
-    "accordion",
-    "segmented-control",
-    "spinner",
-    "tooltip",
-    "kbd",
-    "sidebar",
-    "sidebar-nav",
-    "breadcrumbs",
-    "empty-state",
-    "loading-state",
-    "description-list",
-    "progress",
-    "progress-circle",
-    "metric-grid",
-    "stat-card",
-    "activity-feed",
-    "data-list",
-    "key-value-card",
-    "user-card",
-    "action-menu",
-    "filter-bar",
-    "trend-card",
-    "delta-badge",
-    "entity-header",
-    "notification-center",
-    "command-bar"
-  ],
+      "use-disclosure",
+      "use-debounce",
+      "use-data-table-view-state"
+    ],
+    "kits": [
+      "dashboard",
+      "calendar-kit",
+      "wizard-kit",
+      "all"
+    ]
+  },
+  "recommended": [
+    "button",
+    "input",
+    "textarea",
+    "checkbox",
+    "switch",
+    "radio-group",
+    "dialog",
+    "popover",
+    "select",
+    "table",
+    "badge",
+    "card",
+    "tabs",
+    "collapse",
+    "accordion",
+    "segmented-control",
+    "spinner",
+    "tooltip",
+    "kbd",
+    "sidebar",
+    "sidebar-nav",
+    "breadcrumbs",
+    "data-state",
+    "loading-state",
+    "progress",
+    "progress-circle",
+    "metric-grid",
+    "stat-card",
+    "activity-feed",
+    "data-list",
+    "user-card",
+    "action-menu",
+    "filter-bar",
+    "trend-card",
+    "notification-center",
+    "command-bar"
+  ],
   "recommendedByMode": {
-    "foundation": [
-      "button",
-      "input",
-      "textarea",
-      "checkbox",
-      "switch",
-      "radio-group",
-      "dialog",
-      "popover",
-      "select",
-      "table",
-      "badge",
-      "card",
-      "tabs",
-      "kbd",
-      "scroll-box"
-    ],
-    "sourceCopy": [
-      "sidebar",
-      "sidebar-nav",
-      "breadcrumbs",
-      "empty-state",
-      "loading-state",
-      "description-list",
-      "progress-circle",
-      "stat-card",
-      "metric-grid",
-      "activity-feed",
-      "user-card",
-      "action-menu",
-      "filter-bar",
-      "date-picker",
-      "date-range-picker",
-      "file-upload",
-      "file-dropzone",
-      "command-palette",
-      "use-data-table-view-state",
-      "data-table",
-      "form-input",
-      "form-select",
-      "form-textarea",
-      "form-switch",
-      "trend-card",
-      "delta-badge",
-      "entity-header",
-      "notification-center",
-      "command-bar"
-    ],
-    "system": [
-      "data-table",
-      "data-table-view-presets",
-      "sidebar",
-      "sidebar-nav"
+    "foundation": [
+      "button",
+      "input",
+      "textarea",
+      "checkbox",
+      "switch",
+      "radio-group",
+      "dialog",
+      "popover",
+      "select",
+      "table",
+      "badge",
+      "card",
+      "tabs",
+      "kbd",
+      "scroll-box"
+    ],
+    "sourceCopy": [
+      "sidebar",
+      "sidebar-nav",
+      "breadcrumbs",
+      "data-state",
+      "loading-state",
+      "progress-circle",
+      "stat-card",
+      "metric-grid",
+      "activity-feed",
+      "user-card",
+      "action-menu",
+      "filter-bar",
+      "date-picker",
+      "date-range-picker",
+      "file-upload",
+      "file-dropzone",
+      "use-data-table-view-state",
+      "data-table",
+      "form-input",
+      "form-select",
+      "form-textarea",
+      "form-switch",
+      "trend-card",
+      "notification-center",
+      "command-bar"
+    ],
+    "system": [
+      "data-table",
+      "data-table-view-presets",
+      "sidebar",
+      "sidebar-nav"
     ]
   },
   "publicSurface": {
@@ -351,28 +295,17 @@
       "command-bar",
       "quantity-stepper",
       "inline-editable",
-      "repeater-field",
-      "empty-search-state",
       "avatar",
       "code-block",
       "data-state",
-      "descriptions",
-      "keyboard-shortcut",
-      "key-value-card",
       "kanban",
       "list",
       "property-grid",
       "statistic",
-      "tag-list",
       "tree-view",
-      "skeleton-table",
-      "skeleton-form",
       "copy-button",
-      "copy-field",
       "section",
-      "stack",
       "sticky-footer-bar",
-      "affix",
       "calendar-scheduler",
       "dual-list-picker",
       "menubar",
@@ -382,26 +315,15 @@
       "tour",
       "qr-code",
       "tag",
-      "aspect-ratio",
       "carousel",
-      "float-button",
       "typography",
-      "watermark",
-      "cascader",
       "json-input",
-      "mention-input",
       "time-picker"
     ]
   },
   "migrationAliases": {
-    "form-search-input": "form-input",
-    "form-password-input": "form-input",
-    "form-number-input": "form-input",
-    "form-phone-input": "form-input",
-    "form-date-input": "form-input",
-    "form-async-select": "form-select",
-    "app-sidebar": "sidebar",
-    "smart-card": "info-card"
-  }
-}
-
+    "form-async-select": "form-select",
+    "app-sidebar": "sidebar",
+    "smart-card": "info-card"
+  }
+}

package/dist/components/display/aspect-ratio.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ratio:e=16/9,className:n,style:i,children:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`aspect-ratio`,className:t.cn(`relative w-full overflow-hidden`,n),style:{aspectRatio:String(e),...i},...o,children:(0,r.jsx)(`div`,{className:`absolute inset-0`,children:a})})}exports.AspectRatio=i;

package/dist/components/display/aspect-ratio.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-export type AspectRatioProps = React.ComponentProps<"div"> & {
-    ratio?: number;
-};
-declare function AspectRatio({ ratio, className, style, children, ...props }: AspectRatioProps): React.JSX.Element;
-export { AspectRatio };

package/dist/components/display/aspect-ratio.js

@@ -1,21 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/display/aspect-ratio.tsx
-function n({ ratio: n = 16 / 9, className: r, style: i, children: a, ...o }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "aspect-ratio",
-		className: e("relative w-full overflow-hidden", r),
-		style: {
-			aspectRatio: String(n),
-			...i
-		},
-		...o,
-		children: /* @__PURE__ */ t("div", {
-			className: "absolute inset-0",
-			children: a
-		})
-	});
-}
-//#endregion
-export { n as AspectRatio };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({title:e,description:r,media:a,icon:o,status:s,meta:c,actions:l,footer:u,selected:d=!1,disabled:f=!1,orientation:p=`vertical`,onSelect:m,className:h,...g}){return(0,i.jsxs)(n.Card,{"data-slot":`entity-card`,"data-selected":d||void 0,"data-disabled":f||void 0,className:t.cn(`overflow-hidden border-[color:var(--aui-surface-border)] bg-[color:color-mix(in_srgb,var(--aui-page-bg)_94%,white_6%)] shadow-sm transition duration-200 hover:-translate-y-0.5 hover:border-[color:color-mix(in_srgb,var(--aui-brand-strong)_26%,var(--aui-surface-border))] hover:shadow-md data-[selected=true]:border-[color:var(--aui-brand-strong)] data-[selected=true]:shadow-[0_0_0_1px_var(--aui-brand-strong),0_16px_36px_rgba(15,23,42,0.12)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55 dark:bg-[color:color-mix(in_srgb,var(--aui-page-bg)_97%,black_3%)]`,m&&`cursor-pointer`,p===`horizontal`&&`flex`,h),onClick:m,...g,children:[a&&(0,i.jsx)(`div`,{className:t.cn(`overflow-hidden border-b border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)]`,p===`horizontal`?`w-36 shrink-0 border-b-0 border-r`:`aspect-video`),children:a}),(0,i.jsxs)(`div`,{className:`grid min-w-0 flex-1 gap-3 p-5`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[o&&(0,i.jsx)(`div`,{className:`flex size-10 shrink-0 items-center justify-center rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-control-bg)] text-muted-foreground shadow-sm`,children:o}),(0,i.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`truncate text-base font-semibold tracking-tight text-foreground`,children:e}),s]}),r&&(0,i.jsx)(`div`,{className:`line-clamp-2 text-sm leading-6 text-muted-foreground`,children:r})]})]}),l&&(0,i.jsx)(`div`,{className:`shrink-0`,onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:l})]}),c&&(0,i.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground`,children:c}),u&&(0,i.jsx)(`div`,{className:`border-t border-[color:var(--aui-surface-border)] pt-3 text-sm text-muted-foreground`,children:u})]})]})}exports.EntityCard=a;