tembro 2.1.13 → 3.1.1

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.1.13",
+  "version": "3.1.1",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -52,7 +52,16 @@
       "tag-input",
       "inline-editable"
     ],
-    "form": [],
+    "form": [
+      "form-date-picker",
+      "form-date-range-input",
+      "form-date-range-picker",
+      "form-field-shell",
+      "form-input",
+      "form-select",
+      "form-switch",
+      "form-textarea"
+    ],
     "feedback": [
       "alert",
       "loading-state",
@@ -67,6 +76,7 @@
       "data-state",
       "info-card",
       "kanban",
+      "virtual-list",
       "list",
       "metric-grid",
       "progress",
@@ -87,6 +97,9 @@
       "copy-button",
       "quick-action-grid"
     ],
+    "dnd": [
+      "sortable-list"
+    ],
     "layout": [
       "sidebar",
       "breadcrumbs",
@@ -124,12 +137,7 @@
     "modern": [
       "calendar-scheduler",
       "dual-list-picker",
-      "menubar",
-      "navigation-menu",
       "resizable-panel",
-      "rich-text-editor",
-      "tour",
-      "qr-code",
       "tag",
       "carousel",
       "typography",
@@ -223,7 +231,9 @@
       "data-table",
       "trend-card",
       "notification-center",
-      "command-bar"
+      "command-bar",
+      "sortable-list",
+      "virtual-list"
     ],
     "system": [
       "data-table",
@@ -269,17 +279,14 @@
       "section",
       "calendar-scheduler",
       "dual-list-picker",
-      "menubar",
-      "navigation-menu",
       "resizable-panel",
-      "rich-text-editor",
-      "tour",
-      "qr-code",
       "tag",
       "carousel",
       "typography",
       "json-input",
-      "time-picker"
+      "time-picker",
+      "sortable-list",
+      "virtual-list"
     ]
   },
   "migrationAliases": {
@@ -295,22 +302,11 @@
     "date-range-input": "input",
     "simple-select": "select",
     "combobox": "select",
-    "async-multi-select": "async-select",
-    "form-async-select": "select",
+    "form-async-select": "form-select",
     "app-sidebar": "sidebar",
     "smart-card": "info-card",
-    "app-header": "sidebar",
-    "app-shell": "sidebar",
-    "copy-field": "copy-button",
     "file-dropzone": "file-upload",
-    "form-field-shell": "input",
-    "form-input": "input",
-    "form-select": "select",
-    "form-switch": "switch",
-    "form-textarea": "textarea",
-    "hover-card": "tooltip",
     "page-container": "sidebar",
-    "page-header": "breadcrumbs",
     "section-header": "section",
     "sidebar-nav": "sidebar",
     "stat-card": "metric-grid",
@@ -318,7 +314,6 @@
     "input-decorator": "input",
     "input-value": "input",
     "inputs": "input",
-    "form": "input",
     "data-table-actions-column": "data-table",
     "data-table-bulk-actions": "data-table",
     "data-table-column-visibility-menu": "data-table",

package/dist/components/display/qr-code.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(e){let t=2166136261;for(let n=0;n<e.length;n+=1)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return t>>>0}function a(e,t,n){return e<7&&t<7||e<7&&t>20||e>20&&t<7?!1:((Math.imul(e+17,73856093)^Math.imul(t+31,19349663)^n)>>>0)%5<2}function o({x:e,y:t}){return(0,r.jsxs)(`g`,{children:[(0,r.jsx)(`rect`,{x:e,y:t,width:`7`,height:`7`,fill:`currentColor`}),(0,r.jsx)(`rect`,{x:e+1,y:t+1,width:`5`,height:`5`,fill:`white`}),(0,r.jsx)(`rect`,{x:e+2,y:t+2,width:`3`,height:`3`,fill:`currentColor`})]})}function s({value:e,cells:t=29,title:n}){let s=i(e),c=`0 0 ${t} ${t}`,l=Array.from({length:t},(e,t)=>t),u=Array.from({length:t},(e,t)=>t);return(0,r.jsxs)(`svg`,{role:`img`,"aria-label":n??e,viewBox:c,className:`size-full text-foreground`,shapeRendering:`crispEdges`,children:[(0,r.jsx)(`rect`,{width:t,height:t,fill:`white`}),(0,r.jsx)(o,{x:0,y:0}),(0,r.jsx)(o,{x:t-7,y:0}),(0,r.jsx)(o,{x:0,y:t-7}),l.map(e=>u.map(t=>a(e,t,s)?(0,r.jsx)(`rect`,{x:t,y:e,width:`1`,height:`1`,fill:`currentColor`},`${e}-${t}`):null))]})}function c({value:e,src:n,alt:i,size:a=160,cells:o=29,visualOnlyLabel:c=`Visual preview only. Provide src from a certified QR encoder for scan-critical use.`,className:l,...u}){return(0,r.jsxs)(`div`,{"data-slot":`qr-code`,className:t.cn(`inline-flex flex-col items-center gap-2 rounded-xl border bg-background p-3`,l),...u,children:[(0,r.jsx)(`div`,{className:`rounded-md bg-white p-2`,style:{width:a,height:a},children:n?(0,r.jsx)(`img`,{src:n,alt:i??e,width:a,height:a,className:`size-full rounded-sm object-contain`}):(0,r.jsx)(s,{value:e,cells:o,title:i})}),!n&&c&&(0,r.jsx)(`div`,{className:`max-w-48 text-center text-xs text-muted-foreground`,children:c})]})}exports.QRCode=c,exports.QRCodeSvg=s;

package/dist/components/display/qr-code.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-export type QRCodeProps = React.ComponentProps<"div"> & {
-    value: string;
-    src?: string;
-    alt?: string;
-    size?: number;
-    cells?: number;
-    visualOnlyLabel?: React.ReactNode;
-};
-declare function QRCodeSvg({ value, cells, title }: {
-    value: string;
-    cells?: number;
-    title?: string;
-}): React.JSX.Element;
-declare function QRCode({ value, src, alt, size, cells, visualOnlyLabel, className, ...props }: QRCodeProps): React.JSX.Element;
-export { QRCode, QRCodeSvg };

package/dist/components/display/qr-code.js

@@ -1,103 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/display/qr-code.tsx
-function r(e) {
-	let t = 2166136261;
-	for (let n = 0; n < e.length; n += 1) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
-	return t >>> 0;
-}
-function i(e, t, n) {
-	return e < 7 && t < 7 || e < 7 && t > 20 || e > 20 && t < 7 ? !1 : ((Math.imul(e + 17, 73856093) ^ Math.imul(t + 31, 19349663) ^ n) >>> 0) % 5 < 2;
-}
-function a({ x: e, y: r }) {
-	return /* @__PURE__ */ n("g", { children: [
-		/* @__PURE__ */ t("rect", {
-			x: e,
-			y: r,
-			width: "7",
-			height: "7",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ t("rect", {
-			x: e + 1,
-			y: r + 1,
-			width: "5",
-			height: "5",
-			fill: "white"
-		}),
-		/* @__PURE__ */ t("rect", {
-			x: e + 2,
-			y: r + 2,
-			width: "3",
-			height: "3",
-			fill: "currentColor"
-		})
-	] });
-}
-function o({ value: e, cells: o = 29, title: s }) {
-	let c = r(e), l = `0 0 ${o} ${o}`, u = Array.from({ length: o }, (e, t) => t), d = Array.from({ length: o }, (e, t) => t);
-	return /* @__PURE__ */ n("svg", {
-		role: "img",
-		"aria-label": s ?? e,
-		viewBox: l,
-		className: "size-full text-foreground",
-		shapeRendering: "crispEdges",
-		children: [
-			/* @__PURE__ */ t("rect", {
-				width: o,
-				height: o,
-				fill: "white"
-			}),
-			/* @__PURE__ */ t(a, {
-				x: 0,
-				y: 0
-			}),
-			/* @__PURE__ */ t(a, {
-				x: o - 7,
-				y: 0
-			}),
-			/* @__PURE__ */ t(a, {
-				x: 0,
-				y: o - 7
-			}),
-			u.map((e) => d.map((n) => i(e, n, c) ? /* @__PURE__ */ t("rect", {
-				x: n,
-				y: e,
-				width: "1",
-				height: "1",
-				fill: "currentColor"
-			}, `${e}-${n}`) : null))
-		]
-	});
-}
-function s({ value: r, src: i, alt: a, size: s = 160, cells: c = 29, visualOnlyLabel: l = "Visual preview only. Provide src from a certified QR encoder for scan-critical use.", className: u, ...d }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "qr-code",
-		className: e("inline-flex flex-col items-center gap-2 rounded-xl border bg-background p-3", u),
-		...d,
-		children: [/* @__PURE__ */ t("div", {
-			className: "rounded-md bg-white p-2",
-			style: {
-				width: s,
-				height: s
-			},
-			children: i ? /* @__PURE__ */ t("img", {
-				src: i,
-				alt: a ?? r,
-				width: s,
-				height: s,
-				className: "size-full rounded-sm object-contain"
-			}) : /* @__PURE__ */ t(o, {
-				value: r,
-				cells: c,
-				title: a
-			})
-		}), !i && l && /* @__PURE__ */ t("div", {
-			className: "max-w-48 text-center text-xs text-muted-foreground",
-			children: l
-		})]
-	});
-}
-//#endregion
-export { s as QRCode, o as QRCodeSvg };

package/dist/components/display/smart-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"),r=require("../ui/skeleton/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`border border-border/70 bg-card/96 shadow-sm ring-1 ring-foreground/4`,outline:`border border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/4`,elevated:`border border-border/75 bg-card/98 shadow-[0_24px_80px_rgba(15,23,42,0.12)] ring-1 ring-foreground/4`,ghost:`border-transparent bg-transparent shadow-none`},s={compact:`p-3`,default:`p-4`,comfortable:`p-5`},c={sm:`text-sm`,md:`text-base`,lg:`text-lg`};function l({eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g,orientation:_=`vertical`,variant:v=`outline`,size:y=`md`,density:b,compact:x,loading:S=!1,disabled:C=!1,selected:w=!1,interactive:T,className:E,classNames:D,renderHeader:O,renderMedia:k,renderContent:A,renderFooter:j,children:M,onClick:N,...P}){let F={eyebrow:e,title:i,description:l,media:u,icon:d,status:f,actions:p,meta:m,content:h,footer:g},I=!!(N||T),L=x?`compact`:b??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":w||void 0,"data-disabled":C||void 0,"data-loading":S||void 0,className:t.cn(`overflow-hidden transition-colors data-[selected=true]:border-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-55`,o[v],I&&`cursor-pointer hover:bg-muted/35`,_===`horizontal`&&`flex`,E,D?.root),onClick:C?void 0:N,...P,children:S?(0,a.jsxs)(`div`,{className:t.cn(`grid gap-3`,s[L]),children:[(0,a.jsx)(r.Skeleton,{className:`h-5 w-1/2`}),(0,a.jsx)(r.SkeletonText,{rows:3})]}):(0,a.jsxs)(a.Fragment,{children:[u&&(k?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(`bg-muted/50`,_===`horizontal`?`w-40 shrink-0 border-r border-border/70`:`aspect-video border-b border-border/70`,D?.media),children:u})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,s[L],D?.body),children:[O?.(F)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,D?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[d&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex size-9 shrink-0 items-center justify-center rounded-[min(var(--radius-xl),16px)] border border-border/70 bg-muted/45 text-muted-foreground shadow-[0_1px_0_rgba(255,255,255,0.05)]`,D?.icon),children:d}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:t.cn(`text-[11px] font-semibold uppercase tracking-[0.22em] text-muted-foreground`,D?.eyebrow),children:e}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i&&(0,a.jsx)(`div`,{"data-slot":`info-card-title`,className:t.cn(`truncate font-semibold tracking-tight text-foreground`,c[y],D?.title),children:i}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:D?.status,children:f})]}),l&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2 text-sm text-muted-foreground`,D?.description),children:l})]})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,D?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:p})]}),m&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:t.cn(`text-xs text-muted-foreground`,D?.meta),children:m}),(h||M)&&(A?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:D?.content,children:h??M})),g&&(j?.(F)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:t.cn(`border-t pt-3 text-sm text-muted-foreground`,D?.footer),children:g}))]})]})})}function u(e){return(0,a.jsx)(l,{...e})}exports.InfoCard=l,exports.SmartCard=u;

package/dist/components/form/deprecated-compat.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./form-input.cjs"),t=require("./form-select.cjs"),n=require("../../lib/deprecated-warning.cjs");let r=require("react/jsx-runtime");function i({componentName:t,replacement:i,kind:a,props:o,extraProps:s}){return n.warnDeprecatedComponent(t,i),(0,r.jsx)(e.FormInput,{...o,...s,kind:a})}function a({componentName:e,replacement:i,kind:a,props:o}){return n.warnDeprecatedComponent(e,i),(0,r.jsx)(t.FormSelect,{...o,kind:a})}exports.renderDeprecatedFormInputAlias=i,exports.renderDeprecatedFormSelectAlias=a;

package/dist/components/form/deprecated-compat.d.ts

@@ -1,17 +0,0 @@
-import { type FormInputKind } from "@/components/form/form-input";
-type DeprecatedFormInputAliasArgs<TProps> = {
-    componentName: string;
-    replacement: string;
-    kind: FormInputKind;
-    props: TProps;
-    extraProps?: Record<string, unknown>;
-};
-declare function renderDeprecatedFormInputAlias<TProps>({ componentName, replacement, kind, props, extraProps, }: DeprecatedFormInputAliasArgs<TProps>): import("react").JSX.Element;
-type DeprecatedFormSelectAliasArgs<TProps> = {
-    componentName: string;
-    replacement: string;
-    kind: "async";
-    props: TProps;
-};
-declare function renderDeprecatedFormSelectAlias<TProps>({ componentName, replacement, kind, props, }: DeprecatedFormSelectAliasArgs<TProps>): import("react").JSX.Element;
-export { renderDeprecatedFormInputAlias, renderDeprecatedFormSelectAlias };

package/dist/components/form/deprecated-compat.js

@@ -1,20 +0,0 @@
-import { FormInput as e } from "./form-input.js";
-import { FormSelect as t } from "./form-select.js";
-import { warnDeprecatedComponent as n } from "../../lib/deprecated-warning.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/form/deprecated-compat.tsx
-function i({ componentName: t, replacement: i, kind: a, props: o, extraProps: s }) {
-	return n(t, i), /* @__PURE__ */ r(e, {
-		...o,
-		...s,
-		kind: a
-	});
-}
-function a({ componentName: e, replacement: i, kind: a, props: o }) {
-	return n(e, i), /* @__PURE__ */ r(t, {
-		...o,
-		kind: a
-	});
-}
-//#endregion
-export { i as renderDeprecatedFormInputAlias, a as renderDeprecatedFormSelectAlias };

package/dist/components/form/form-async-select.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormSelectAlias({componentName:`FormAsyncSelect`,replacement:`FormSelect with kind="async"`,kind:`async`,props:t})}exports.FormAsyncSelect=t;

package/dist/components/form/form-async-select.d.ts

@@ -1,9 +0,0 @@
-import { type FormSelectAsyncVariantProps as BaseFormAsyncSelectProps } from "@/components/form/form-select";
-import type { AsyncSelectOption } from "@/components/inputs/async-select";
-import type { FieldPath, FieldValues } from "react-hook-form";
-export type FormAsyncSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>> = Omit<BaseFormAsyncSelectProps<TFieldValues, TName, TValue, TData, TOption>, "kind">;
-/**
- * @deprecated Use {@link FormSelect} with `kind="async"` instead.
- */
-declare function FormAsyncSelect<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends string = string, TData = unknown, TOption extends AsyncSelectOption<TValue, TData> = AsyncSelectOption<TValue, TData>>(props: FormAsyncSelectProps<TFieldValues, TName, TValue, TData, TOption>): import("react").JSX.Element;
-export { FormAsyncSelect };

package/dist/components/form/form-async-select.js

@@ -1,12 +0,0 @@
-import { renderDeprecatedFormSelectAlias as e } from "./deprecated-compat.js";
-//#region src/components/form/form-async-select.tsx
-function t(t) {
-	return e({
-		componentName: "FormAsyncSelect",
-		replacement: "FormSelect with kind=\"async\"",
-		kind: "async",
-		props: t
-	});
-}
-//#endregion
-export { t as FormAsyncSelect };

package/dist/components/form/form-date-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormDateInput`,replacement:`FormInput with kind="date"`,kind:`date`,props:t})}exports.FormDateInput=t;

package/dist/components/form/form-date-input.d.ts

@@ -1,8 +0,0 @@
-import { 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.
- */
-declare function FormDateInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormDateInputProps<TFieldValues, TName>): import("react").JSX.Element;
-export { FormDateInput };

package/dist/components/form/form-date-input.js

@@ -1,12 +0,0 @@
-import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
-//#region src/components/form/form-date-input.tsx
-function t(t) {
-	return e({
-		componentName: "FormDateInput",
-		replacement: "FormInput with kind=\"date\"",
-		kind: "date",
-		props: t
-	});
-}
-//#endregion
-export { t as FormDateInput };

package/dist/components/form/form-number-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormNumberInput`,replacement:`FormInput with kind="number"`,kind:`number`,props:t})}exports.FormNumberInput=t;

package/dist/components/form/form-number-input.d.ts

@@ -1,12 +0,0 @@
-import { 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<FormInputNumberVariantProps<TFieldValues, TName>, "kind" | "step" | "max" | "min"> & {
-    step?: number;
-    min?: number;
-    max?: number;
-};
-/**
- * @deprecated Use {@link FormInput} with `kind="number"` instead.
- */
-declare function FormNumberInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormNumberInputProps<TFieldValues, TName>): import("react").JSX.Element;
-export { FormNumberInput };

package/dist/components/form/form-number-input.js

@@ -1,12 +0,0 @@
-import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
-//#region src/components/form/form-number-input.tsx
-function t(t) {
-	return e({
-		componentName: "FormNumberInput",
-		replacement: "FormInput with kind=\"number\"",
-		kind: "number",
-		props: t
-	});
-}
-//#endregion
-export { t as FormNumberInput };

package/dist/components/form/form-password-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormPasswordInput`,replacement:`FormInput with kind="password"`,kind:`password`,props:t})}exports.FormPasswordInput=t;

package/dist/components/form/form-password-input.d.ts

@@ -1,8 +0,0 @@
-import { type FormInputPasswordVariantProps as BaseFormPasswordInputProps } from "@/components/form/form-input";
-import type { FieldPath, FieldValues } from "react-hook-form";
-export type FormPasswordInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<BaseFormPasswordInputProps<TFieldValues, TName>, "kind">;
-/**
- * @deprecated Use {@link FormInput} with `kind="password"` instead.
- */
-declare function FormPasswordInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormPasswordInputProps<TFieldValues, TName>): import("react").JSX.Element;
-export { FormPasswordInput };

package/dist/components/form/form-password-input.js

@@ -1,12 +0,0 @@
-import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
-//#region src/components/form/form-password-input.tsx
-function t(t) {
-	return e({
-		componentName: "FormPasswordInput",
-		replacement: "FormInput with kind=\"password\"",
-		kind: "password",
-		props: t
-	});
-}
-//#endregion
-export { t as FormPasswordInput };

package/dist/components/form/form-phone-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){let{valueMode:n,...r}=t;return e.renderDeprecatedFormInputAlias({componentName:`FormPhoneInput`,replacement:`FormInput with kind="phone"`,kind:`phone`,props:r,extraProps:{valueMode:n}})}exports.FormPhoneInput=t;

package/dist/components/form/form-phone-input.d.ts

@@ -1,12 +0,0 @@
-import { type FormInputPhoneInputValueMode, type FormInputPhoneVariantProps } from "@/components/form/form-input";
-import type { FieldPath, FieldValues } from "react-hook-form";
-export type FormPhoneInputValueMode = FormInputPhoneInputValueMode;
-export type { FormInputPhoneInputValueMode };
-export type FormPhoneInputProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "kind" | "valueMode"> & {
-    valueMode?: FormInputPhoneInputValueMode;
-};
-/**
- * @deprecated Use {@link FormInput} with `kind="phone"` instead.
- */
-declare function FormPhoneInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormPhoneInputProps<TFieldValues, TName>): import("react").JSX.Element;
-export { FormPhoneInput };

package/dist/components/form/form-phone-input.js

@@ -1,14 +0,0 @@
-import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
-//#region src/components/form/form-phone-input.tsx
-function t(t) {
-	let { valueMode: n, ...r } = t;
-	return e({
-		componentName: "FormPhoneInput",
-		replacement: "FormInput with kind=\"phone\"",
-		kind: "phone",
-		props: r,
-		extraProps: { valueMode: n }
-	});
-}
-//#endregion
-export { t as FormPhoneInput };

package/dist/components/form/form-search-input.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./deprecated-compat.cjs");function t(t){return e.renderDeprecatedFormInputAlias({componentName:`FormSearchInput`,replacement:`FormInput with kind="search"`,kind:`search`,props:t})}exports.FormSearchInput=t;

package/dist/components/form/form-search-input.d.ts

@@ -1,8 +0,0 @@
-import { 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.
- */
-declare function FormSearchInput<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: FormSearchInputProps<TFieldValues, TName>): import("react").JSX.Element;
-export { FormSearchInput };

package/dist/components/form/form-search-input.js

@@ -1,12 +0,0 @@
-import { renderDeprecatedFormInputAlias as e } from "./deprecated-compat.js";
-//#region src/components/form/form-search-input.tsx
-function t(t) {
-	return e({
-		componentName: "FormSearchInput",
-		replacement: "FormInput with kind=\"search\"",
-		kind: "search",
-		props: t
-	});
-}
-//#endregion
-export { t as FormSearchInput };

package/dist/components/modern/menubar.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({className:e,...n}){return(0,r.jsx)(`nav`,{"data-slot":`menubar`,className:t.cn(`flex items-center gap-1 rounded-md border bg-background p-1`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`menubar-menu`,className:t.cn(`relative`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`button`,{type:`button`,"data-slot":`menubar-trigger`,className:t.cn(`rounded-sm px-3 py-1.5 text-sm font-medium hover:bg-muted`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`menubar-content`,className:t.cn(`absolute left-0 top-full z-50 mt-1 min-w-40 rounded-md border bg-popover p-1 text-popover-foreground shadow-md`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`button`,{type:`button`,"data-slot":`menubar-item`,className:t.cn(`flex w-full items-center rounded-sm px-2 py-1.5 text-left text-sm hover:bg-muted`,e),...n})}exports.Menubar=i,exports.MenubarContent=s,exports.MenubarItem=c,exports.MenubarMenu=a,exports.MenubarTrigger=o;

package/dist/components/modern/menubar.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-export type MenubarProps = React.ComponentProps<"nav">;
-export type MenubarMenuProps = React.ComponentProps<"div">;
-export type MenubarTriggerProps = React.ComponentProps<"button">;
-export type MenubarContentProps = React.ComponentProps<"div">;
-export type MenubarItemProps = React.ComponentProps<"button">;
-declare function Menubar({ className, ...props }: MenubarProps): React.JSX.Element;
-declare function MenubarMenu({ className, ...props }: MenubarMenuProps): React.JSX.Element;
-declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): React.JSX.Element;
-declare function MenubarContent({ className, ...props }: MenubarContentProps): React.JSX.Element;
-declare function MenubarItem({ className, ...props }: MenubarItemProps): React.JSX.Element;
-export { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarTrigger };

package/dist/components/modern/menubar.js

@@ -1,43 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/modern/menubar.tsx
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("nav", {
-		"data-slot": "menubar",
-		className: e("flex items-center gap-1 rounded-md border bg-background p-1", n),
-		...r
-	});
-}
-function r({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "menubar-menu",
-		className: e("relative", n),
-		...r
-	});
-}
-function i({ className: n, ...r }) {
-	return /* @__PURE__ */ t("button", {
-		type: "button",
-		"data-slot": "menubar-trigger",
-		className: e("rounded-sm px-3 py-1.5 text-sm font-medium hover:bg-muted", n),
-		...r
-	});
-}
-function a({ className: n, ...r }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "menubar-content",
-		className: e("absolute left-0 top-full z-50 mt-1 min-w-40 rounded-md border bg-popover p-1 text-popover-foreground shadow-md", n),
-		...r
-	});
-}
-function o({ className: n, ...r }) {
-	return /* @__PURE__ */ t("button", {
-		type: "button",
-		"data-slot": "menubar-item",
-		className: e("flex w-full items-center rounded-sm px-2 py-1.5 text-left text-sm hover:bg-muted", n),
-		...r
-	});
-}
-//#endregion
-export { n as Menubar, a as MenubarContent, o as MenubarItem, r as MenubarMenu, i as MenubarTrigger };

package/dist/components/modern/navigation-menu.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({className:e,...n}){return(0,r.jsx)(`nav`,{"data-slot":`navigation-menu`,className:t.cn(`flex items-center`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`ul`,{"data-slot":`navigation-menu-list`,className:t.cn(`flex items-center gap-1`,e),...n})}function o(e){return(0,r.jsx)(`li`,{"data-slot":`navigation-menu-item`,...e})}function s({active:e,className:n,...i}){return(0,r.jsx)(`a`,{"data-slot":`navigation-menu-link`,"data-active":e?`true`:void 0,className:t.cn(`rounded-md px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-muted hover:text-foreground`,e&&`bg-muted text-foreground`,n),...i})}exports.NavigationMenu=i,exports.NavigationMenuItem=o,exports.NavigationMenuLink=s,exports.NavigationMenuList=a;

package/dist/components/modern/navigation-menu.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-export type NavigationMenuProps = React.ComponentProps<"nav">;
-export type NavigationMenuListProps = React.ComponentProps<"ul">;
-export type NavigationMenuItemProps = React.ComponentProps<"li">;
-export type NavigationMenuLinkProps = React.ComponentProps<"a"> & {
-    active?: boolean;
-};
-declare function NavigationMenu({ className, ...props }: NavigationMenuProps): React.JSX.Element;
-declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): React.JSX.Element;
-declare function NavigationMenuItem(props: NavigationMenuItemProps): React.JSX.Element;
-declare function NavigationMenuLink({ active, className, ...props }: NavigationMenuLinkProps): React.JSX.Element;
-export { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList };

package/dist/components/modern/navigation-menu.js

@@ -1,34 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/modern/navigation-menu.tsx
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("nav", {
-		"data-slot": "navigation-menu",
-		className: e("flex items-center", n),
-		...r
-	});
-}
-function r({ className: n, ...r }) {
-	return /* @__PURE__ */ t("ul", {
-		"data-slot": "navigation-menu-list",
-		className: e("flex items-center gap-1", n),
-		...r
-	});
-}
-function i(e) {
-	return /* @__PURE__ */ t("li", {
-		"data-slot": "navigation-menu-item",
-		...e
-	});
-}
-function a({ active: n, className: r, ...i }) {
-	return /* @__PURE__ */ t("a", {
-		"data-slot": "navigation-menu-link",
-		"data-active": n ? "true" : void 0,
-		className: e("rounded-md px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-muted hover:text-foreground", n && "bg-muted text-foreground", r),
-		...i
-	});
-}
-//#endregion
-export { n as NavigationMenu, i as NavigationMenuItem, a as NavigationMenuLink, r as NavigationMenuList };

package/dist/lib/deprecated-warning.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=new Set;function t(t,n){globalThis.process?.env?.NODE_ENV!==`production`&&(e.has(t)||(e.add(t),console?.warn&&console.warn(`[tembro] ${t} is deprecated. ${n} This alias is kept for compatibility only.`)))}exports.warnDeprecatedComponent=t;

package/dist/lib/deprecated-warning.d.ts

@@ -1 +0,0 @@
-export declare function warnDeprecatedComponent(name: string, replacement: string): void;

package/dist/lib/deprecated-warning.js

@@ -1,7 +0,0 @@
-//#region src/lib/deprecated-warning.ts
-var e = /* @__PURE__ */ new Set();
-function t(t, n) {
-	globalThis.process?.env?.NODE_ENV !== "production" && (e.has(t) || (e.add(t), console?.warn && console.warn(`[tembro] ${t} is deprecated. ${n} This alias is kept for compatibility only.`)));
-}
-//#endregion
-export { t as warnDeprecatedComponent };

package/dist/showcase/premium/menubar/index.d.ts

@@ -1,2 +0,0 @@
-export { menubarMock } from "./mock";
-export { MenubarShowcase } from "./showcase";

package/dist/showcase/premium/menubar/index.js

@@ -1,3 +0,0 @@
-import { menubarMock as e } from "./mock.js";
-import { MenubarShowcase as t } from "./showcase.js";
-export { t as MenubarShowcase, e as menubarMock };

package/dist/showcase/premium/menubar/mock.cjs

@@ -1,15 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarTrigger } from "tembro"
-
-export function Example() {
-  return (
-    <Menubar>
-      <MenubarMenu>
-        <MenubarTrigger>File</MenubarTrigger>
-        <MenubarContent>
-          <MenubarItem>New project</MenubarItem>
-          <MenubarItem>Open</MenubarItem>
-        </MenubarContent>
-      </MenubarMenu>
-    </Menubar>
-  )
-}`,cliCommand:`npx tembro add menubar`,highlights:[`Composable menubar surfaces with grouped actions`,`Trigger + content + item primitives`],scenarios:[{title:`Editor top bar`,description:`Display grouped app actions in one compact area.`},{title:`Admin tools`,description:`Expose grouped controls without full menu system overhead.`}]};exports.menubarMock=e;

package/dist/showcase/premium/menubar/mock.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoMock } from "../types";
-export declare const menubarMock: ComponentDemoMock;