tembro 2.0.3 → 2.0.5

package/dist/showcase/premium/cascader/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/cascader/mock.ts
-var e = {
-	code: "import { Cascader } from \"@/index\"\n\nconst options = [{ value: \"eu\", label: \"Europe\", children: [{ value: \"uk\", label: \"United Kingdom\", children: [{ value: \"london\", label: \"London\" }] }] }]\n\nexport function Example() {\n  const [value, setValue] = useState<string[]>([])\n\n  return <Cascader options={options} value={value} onValueChange={setValue} />\n}",
-	cliCommand: "npx tembro add cascader",
-	highlights: [
-		"Three-level dependency selects",
-		"Controlled by string path value",
-		"Disabled states for unavailable levels"
-	],
-	scenarios: [{
-		title: "Location selector",
-		description: "Choose region / country / city in one compact control."
-	}, {
-		title: "Category trees",
-		description: "Pick nested taxonomy in forms."
-	}]
-};
-//#endregion
-export { e as cascaderMock };

package/dist/showcase/premium/cascader/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/inputs/cascader.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=[{value:`eu`,label:`Europe`,children:[{value:`uk`,label:`United Kingdom`,children:[{value:`london`,label:`London`}]}]},{value:`us`,label:`United States`,children:[{value:`ca`,label:`California`,children:[{value:`sf`,label:`San Francisco`}]}]}];function a(){let[e,a]=n.useState([]);return(0,r.jsxs)(`div`,{className:`space-y-3`,children:[(0,r.jsx)(t.Cascader,{options:i,value:e,onValueChange:a}),(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Selected path: `,e.length?e.join(` / `):`Not selected`]})]})}exports.CascaderShowcase=a;

package/dist/showcase/premium/cascader/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function CascaderShowcase(): React.JSX.Element;

package/dist/showcase/premium/cascader/showcase.js

@@ -1,43 +0,0 @@
-import { Cascader as e } from "../../../components/inputs/cascader.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/cascader/showcase.tsx
-var i = [{
-	value: "eu",
-	label: "Europe",
-	children: [{
-		value: "uk",
-		label: "United Kingdom",
-		children: [{
-			value: "london",
-			label: "London"
-		}]
-	}]
-}, {
-	value: "us",
-	label: "United States",
-	children: [{
-		value: "ca",
-		label: "California",
-		children: [{
-			value: "sf",
-			label: "San Francisco"
-		}]
-	}]
-}];
-function a() {
-	let [a, o] = t.useState([]);
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ n(e, {
-			options: i,
-			value: a,
-			onValueChange: o
-		}), /* @__PURE__ */ r("p", {
-			className: "text-sm text-muted-foreground",
-			children: ["Selected path: ", a.length ? a.join(" / ") : "Not selected"]
-		})]
-	});
-}
-//#endregion
-export { a as CascaderShowcase };

package/dist/showcase/premium/empty-state/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.EmptyStateShowcase=e.EmptyStateShowcase,exports.emptyStateMock=t.emptyStateMock;

package/dist/showcase/premium/empty-state/index.d.ts

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

package/dist/showcase/premium/empty-state/index.js

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

package/dist/showcase/premium/empty-state/mock.cjs

@@ -1,14 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { EmptyState } from "tembro"
-
-export function Example() {
-  return (
-    <EmptyState
-      title="No results yet"
-      description="Create your first item to unlock actions and charts."
-      actionLabel="Create item"
-      onAction={() => {
-        console.log("Create action triggered")
-      }}
-    />
-  )
-}`,highlights:[`No-content user messaging`,`Built-in action callback`,`Lightweight onboarding placeholder`,`Reusable for any resource list`],scenarios:[{title:`First launch`,description:`Guide users to create first entity in a clean state.`},{title:`Filtered empty`,description:`Tell users what changed filters removed all items.`},{title:`Error fallback`,description:`Use with loading and retry controls when data fetch fails.`}],capabilityNotes:[`Always provide a clear next action to recover from empty state.`,`Keep titles short and outcome oriented.`,`Prefer one primary action + short explanation for fastest user decision.`]};exports.emptyStateMock=e;

package/dist/showcase/premium/empty-state/mock.d.ts

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

package/dist/showcase/premium/empty-state/mock.js

@@ -1,31 +0,0 @@
-//#region src/showcase/premium/empty-state/mock.ts
-var e = {
-	code: "import { EmptyState } from \"tembro\"\n\nexport function Example() {\n  return (\n    <EmptyState\n      title=\"No results yet\"\n      description=\"Create your first item to unlock actions and charts.\"\n      actionLabel=\"Create item\"\n      onAction={() => {\n        console.log(\"Create action triggered\")\n      }}\n    />\n  )\n}",
-	highlights: [
-		"No-content user messaging",
-		"Built-in action callback",
-		"Lightweight onboarding placeholder",
-		"Reusable for any resource list"
-	],
-	scenarios: [
-		{
-			title: "First launch",
-			description: "Guide users to create first entity in a clean state."
-		},
-		{
-			title: "Filtered empty",
-			description: "Tell users what changed filters removed all items."
-		},
-		{
-			title: "Error fallback",
-			description: "Use with loading and retry controls when data fetch fails."
-		}
-	],
-	capabilityNotes: [
-		"Always provide a clear next action to recover from empty state.",
-		"Keep titles short and outcome oriented.",
-		"Prefer one primary action + short explanation for fastest user decision."
-	]
-};
-//#endregion
-export { e as emptyStateMock };

package/dist/showcase/premium/empty-state/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/feedback/empty-state.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function s({mode:e}){let[s,c]=i.useState(0),[l,u]=i.useState(!0);return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,a.jsxs)(`div`,{className:`max-w-xl`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`No-content state`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Empty state should unblock the next step`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`The preview should show a clear title, short explanation, and one meaningful next action. Empty state is not decorative whitespace.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`No data`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`One next action`})]})]})}),l?(0,a.jsx)(r.EmptyState,{title:`No results found`,description:`There is nothing to show yet. Create one item to continue.`,actionLabel:`Create first item`,onAction:()=>c(e=>e+1)}):(0,a.jsx)(r.EmptyState,{title:`Empty state intentionally hidden`,description:`Use a custom fallback only when needed.`}),(0,a.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-[0.9fr_1.1fr]`,children:[(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Interaction count`}),(0,a.jsx)(`p`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:s}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use the primary CTA only for the most direct recovery path.`})]}),e===`playground`?(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Preview controls`}),(0,a.jsxs)(`div`,{className:`mt-4 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{size:`sm`,variant:l?`default`:`outline`,onClick:()=>u(e=>!e),children:`Toggle feedback`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>c(0),children:`Reset actions`})]})]}):null]})]})}exports.EmptyStateShowcase=s;

package/dist/showcase/premium/empty-state/showcase.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import type { ComponentDemoProps } from "../types";
-export declare function EmptyStateShowcase({ mode }: ComponentDemoProps): React.JSX.Element;

package/dist/showcase/premium/empty-state/showcase.js

@@ -1,99 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { EmptyState as n } from "../../../components/feedback/empty-state.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/empty-state/showcase.tsx
-var o = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function s({ mode: s }) {
-	let [c, l] = r.useState(0), [u, d] = r.useState(!0);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ a("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ i("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "No-content state"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Empty state should unblock the next step"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "The preview should show a clear title, short explanation, and one meaningful next action. Empty state is not decorative whitespace."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "No data"
-						}), /* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "One next action"
-						})]
-					})]
-				})
-			}),
-			u ? /* @__PURE__ */ i(n, {
-				title: "No results found",
-				description: "There is nothing to show yet. Create one item to continue.",
-				actionLabel: "Create first item",
-				onAction: () => l((e) => e + 1)
-			}) : /* @__PURE__ */ i(n, {
-				title: "Empty state intentionally hidden",
-				description: "Use a custom fallback only when needed."
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "grid gap-4 xl:grid-cols-[0.9fr_1.1fr]",
-				children: [/* @__PURE__ */ a("section", {
-					className: o,
-					children: [
-						/* @__PURE__ */ i("p", {
-							className: "text-sm font-medium aui-text-muted",
-							children: "Interaction count"
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-							children: c
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-2 text-sm leading-6 aui-text-muted",
-							children: "Use the primary CTA only for the most direct recovery path."
-						})
-					]
-				}), s === "playground" ? /* @__PURE__ */ a("section", {
-					className: o,
-					children: [/* @__PURE__ */ i("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Preview controls"
-					}), /* @__PURE__ */ a("div", {
-						className: "mt-4 flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ i(e, {
-							size: "sm",
-							variant: u ? "default" : "outline",
-							onClick: () => d((e) => !e),
-							children: "Toggle feedback"
-						}), /* @__PURE__ */ i(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => l(0),
-							children: "Reset actions"
-						})]
-					})]
-				}) : null]
-			})
-		]
-	});
-}
-//#endregion
-export { s as EmptyStateShowcase };

package/dist/showcase/premium/float-button/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./mock.cjs"),t=require("./showcase.cjs");exports.FloatButtonShowcase=t.FloatButtonShowcase,exports.floatButtonMock=e.floatButtonMock;

package/dist/showcase/premium/float-button/index.d.ts

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

package/dist/showcase/premium/float-button/index.js

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

package/dist/showcase/premium/float-button/mock.cjs

@@ -1,10 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { FloatButton } from "@/index"
-import { Plus } from "lucide-react"
-
-export function Example() {
-  return (
-    <FloatButton placement="bottom-right">
-      <Plus className="size-4" />
-    </FloatButton>
-  )
-}`,cliCommand:`npx tembro add float-button`,highlights:[`Fixed-position shortcut button`,`Placement variants across corners`],scenarios:[{title:`Quick action`,description:`Keep add/create action always reachable.`},{title:`Chat widgets`,description:`Mount floating controls without complex absolute layout.`}]};exports.floatButtonMock=e;

package/dist/showcase/premium/float-button/mock.d.ts

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

package/dist/showcase/premium/float-button/mock.js

@@ -1,15 +0,0 @@
-//#region src/showcase/premium/float-button/mock.ts
-var e = {
-	code: "import { FloatButton } from \"@/index\"\nimport { Plus } from \"lucide-react\"\n\nexport function Example() {\n  return (\n    <FloatButton placement=\"bottom-right\">\n      <Plus className=\"size-4\" />\n    </FloatButton>\n  )\n}",
-	cliCommand: "npx tembro add float-button",
-	highlights: ["Fixed-position shortcut button", "Placement variants across corners"],
-	scenarios: [{
-		title: "Quick action",
-		description: "Keep add/create action always reachable."
-	}, {
-		title: "Chat widgets",
-		description: "Mount floating controls without complex absolute layout."
-	}]
-};
-//#endregion
-export { e as floatButtonMock };

package/dist/showcase/premium/float-button/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/display/float-button.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=[`bottom-right`,`bottom-left`,`top-right`,`top-left`];function o(){let[e,o]=n.useState(0),s=a[e%a.length];return(0,i.jsxs)(`div`,{className:`relative h-48 rounded-lg border bg-muted/20 p-6`,children:[(0,i.jsxs)(`p`,{className:`mb-3 text-sm text-muted-foreground`,children:[`Current placement: `,s]}),(0,i.jsx)(t.FloatButton,{onClick:()=>o(e=>e+1),"aria-label":`Open quick actions`,placement:s,children:(0,i.jsx)(r.PlusIcon,{className:`size-5`})})]})}exports.FloatButtonShowcase=o;

package/dist/showcase/premium/float-button/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function FloatButtonShowcase(): React.JSX.Element;

package/dist/showcase/premium/float-button/showcase.js

@@ -1,28 +0,0 @@
-import { FloatButton as e } from "../../../components/display/float-button.js";
-import * as t from "react";
-import { PlusIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/float-button/showcase.tsx
-var a = [
-	"bottom-right",
-	"bottom-left",
-	"top-right",
-	"top-left"
-];
-function o() {
-	let [o, s] = t.useState(0), c = a[o % a.length];
-	return /* @__PURE__ */ i("div", {
-		className: "relative h-48 rounded-lg border bg-muted/20 p-6",
-		children: [/* @__PURE__ */ i("p", {
-			className: "mb-3 text-sm text-muted-foreground",
-			children: ["Current placement: ", c]
-		}), /* @__PURE__ */ r(e, {
-			onClick: () => s((e) => e + 1),
-			"aria-label": "Open quick actions",
-			placement: c,
-			children: /* @__PURE__ */ r(n, { className: "size-5" })
-		})]
-	});
-}
-//#endregion
-export { o as FloatButtonShowcase };

package/dist/showcase/premium/form-builder/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.FormBuilderShowcase=e.FormBuilderShowcase,exports.formBuilderMock=t.formBuilderMock;

package/dist/showcase/premium/form-builder/index.d.ts

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

package/dist/showcase/premium/form-builder/index.js

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

package/dist/showcase/premium/form-builder/mock.cjs

@@ -1,57 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useForm } from "react-hook-form"
-import {
-  FormBuilder,
-  formSection,
-  inputField,
-  phoneField,
-  switchField,
-  textareaField,
-} from "tembro"
-
-type DemoValues = {
-  workspace: string
-  ownerPhone: string
-  notes: string
-  isLive: boolean
-}
-
-const sections = [
-  formSection<DemoValues>({
-    id: "main",
-    title: "Workspace settings",
-    description: "Field schema, sections and disabled/readOnly behavior all live in FormBuilder config.",
-    fields: [
-      inputField<DemoValues>({ id: "workspace", props: { name: "workspace", label: "Workspace name", required: true } }),
-      phoneField<DemoValues>({ id: "ownerPhone", props: { name: "ownerPhone", label: "Owner phone" } }),
-      textareaField<DemoValues>({ id: "notes", colSpan: "full", props: { name: "notes", label: "Notes", rows: 3 } }),
-      switchField<DemoValues>({
-        id: "isLive",
-        colSpan: "full",
-        props: { name: "isLive", label: "Publish workspace", description: "Toggle public availability" },
-      }),
-    ],
-  }),
-]
-
-export function Example() {
-  const form = useForm<DemoValues>({
-    defaultValues: {
-      workspace: "Azamat UI",
-      ownerPhone: "+998 90 123 45 67",
-      notes: "Connected form sections with submit and reset lifecycle.",
-      isLive: true,
-    },
-  })
-
-  return (
-    <FormBuilder
-      control={form.control}
-      sections={sections}
-      columns={1}
-      submitLabel="Save"
-      resetLabel="Reset"
-      disabled={false}
-      readOnly={false}
-    />
-  )
-}`,htmlCode:`<form><label for="workspace">Workspace</label><input id="workspace" value="Azamat UI" /></form>`,cliCommand:`npx tembro add form-builder`,highlights:[`Field schema`,`Sections and presets`,`submitLabel / resetLabel wiring`,`Disabled/readOnly passthrough`,`Reusable field helpers`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`],scenarios:[{title:`Field schema validation`,description:"Use typed `formSection` and helper fields for deterministic layout."},{title:`Submit + reset`,description:`Pass submitLabel/resetLabel and rely on RHF formState for disabled transitions.`},{title:`Custom render`,description:`Inject custom field-level props through helper factories.`},{title:`Read-only mode`,description:`Toggle readOnly for inspect-only workflows without changing schema.`}],capabilityNotes:["`sections` gives a single source of truth for layout and required validations.","Use `fields` for precise schema-driven field composition.",`Expose submit and reset labels directly from component props so UX can match product language.`,"Combine `disabled` + `readOnly` for different page states like locked records and review modes."]};exports.formBuilderMock=e;

package/dist/showcase/premium/form-builder/mock.d.ts

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

package/dist/showcase/premium/form-builder/mock.js

@@ -1,40 +0,0 @@
-//#region src/showcase/premium/form-builder/mock.ts
-var e = {
-	code: "import { useForm } from \"react-hook-form\"\nimport {\n  FormBuilder,\n  formSection,\n  inputField,\n  phoneField,\n  switchField,\n  textareaField,\n} from \"tembro\"\n\ntype DemoValues = {\n  workspace: string\n  ownerPhone: string\n  notes: string\n  isLive: boolean\n}\n\nconst sections = [\n  formSection<DemoValues>({\n    id: \"main\",\n    title: \"Workspace settings\",\n    description: \"Field schema, sections and disabled/readOnly behavior all live in FormBuilder config.\",\n    fields: [\n      inputField<DemoValues>({ id: \"workspace\", props: { name: \"workspace\", label: \"Workspace name\", required: true } }),\n      phoneField<DemoValues>({ id: \"ownerPhone\", props: { name: \"ownerPhone\", label: \"Owner phone\" } }),\n      textareaField<DemoValues>({ id: \"notes\", colSpan: \"full\", props: { name: \"notes\", label: \"Notes\", rows: 3 } }),\n      switchField<DemoValues>({\n        id: \"isLive\",\n        colSpan: \"full\",\n        props: { name: \"isLive\", label: \"Publish workspace\", description: \"Toggle public availability\" },\n      }),\n    ],\n  }),\n]\n\nexport function Example() {\n  const form = useForm<DemoValues>({\n    defaultValues: {\n      workspace: \"Azamat UI\",\n      ownerPhone: \"+998 90 123 45 67\",\n      notes: \"Connected form sections with submit and reset lifecycle.\",\n      isLive: true,\n    },\n  })\n\n  return (\n    <FormBuilder\n      control={form.control}\n      sections={sections}\n      columns={1}\n      submitLabel=\"Save\"\n      resetLabel=\"Reset\"\n      disabled={false}\n      readOnly={false}\n    />\n  )\n}",
-	htmlCode: "<form><label for=\"workspace\">Workspace</label><input id=\"workspace\" value=\"Azamat UI\" /></form>",
-	cliCommand: "npx tembro add form-builder",
-	highlights: [
-		"Field schema",
-		"Sections and presets",
-		"submitLabel / resetLabel wiring",
-		"Disabled/readOnly passthrough",
-		"Reusable field helpers"
-	],
-	relatedBlockSlugs: ["settings-form", "crm-dashboard"],
-	scenarios: [
-		{
-			title: "Field schema validation",
-			description: "Use typed `formSection` and helper fields for deterministic layout."
-		},
-		{
-			title: "Submit + reset",
-			description: "Pass submitLabel/resetLabel and rely on RHF formState for disabled transitions."
-		},
-		{
-			title: "Custom render",
-			description: "Inject custom field-level props through helper factories."
-		},
-		{
-			title: "Read-only mode",
-			description: "Toggle readOnly for inspect-only workflows without changing schema."
-		}
-	],
-	capabilityNotes: [
-		"`sections` gives a single source of truth for layout and required validations.",
-		"Use `fields` for precise schema-driven field composition.",
-		"Expose submit and reset labels directly from component props so UX can match product language.",
-		"Combine `disabled` + `readOnly` for different page states like locked records and review modes."
-	]
-};
-//#endregion
-export { e as formBuilderMock };

package/dist/showcase/premium/form-builder/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/patterns/form-builder.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("react-hook-form");function o({mode:e}){let o=(0,a.useForm)({defaultValues:{workspace:`Azamat UI`,ownerPhone:`+998 90 123 45 67`,notes:`Connected sections and submit/reset wiring.`,isLive:!0}}),s=r.useMemo(()=>[n.formSection({id:`main`,title:`Workspace settings`,description:`Schema-driven form builder with explicit submit and reset controls.`,fields:[n.inputField({id:`workspace`,props:{name:`workspace`,label:`Workspace`,required:!0}}),n.phoneField({id:`ownerPhone`,props:{name:`ownerPhone`,label:`Owner phone`}}),n.textareaField({id:`notes`,colSpan:`full`,props:{name:`notes`,label:`Notes`,rows:3}}),n.switchField({id:`isLive`,colSpan:`full`,props:{name:`isLive`,label:`Publish workspace`,description:`Visible only when record is active.`}})]})],[]);return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsx)(n.FormBuilder,{control:o.control,sections:s,columns:1,submitLabel:e===`playground`?`Save workspace`:void 0}),(0,i.jsx)(t.Button,{type:`button`,variant:`outline`,onClick:()=>o.reset(),children:`Reset form`})]})}exports.FormBuilderShowcase=o;

package/dist/showcase/premium/form-builder/showcase.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import type { ComponentDemoProps } from "../types";
-export declare function FormBuilderShowcase({ mode }: ComponentDemoProps): React.JSX.Element;

package/dist/showcase/premium/form-builder/showcase.js

@@ -1,69 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { FormBuilder as t, formSection as n, inputField as r, phoneField as i, switchField as a, textareaField as o } from "../../../components/patterns/form-builder.js";
-import * as s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useForm as u } from "react-hook-form";
-//#region src/showcase/premium/form-builder/showcase.tsx
-function d({ mode: d }) {
-	let f = u({ defaultValues: {
-		workspace: "Azamat UI",
-		ownerPhone: "+998 90 123 45 67",
-		notes: "Connected sections and submit/reset wiring.",
-		isLive: !0
-	} }), p = s.useMemo(() => [n({
-		id: "main",
-		title: "Workspace settings",
-		description: "Schema-driven form builder with explicit submit and reset controls.",
-		fields: [
-			r({
-				id: "workspace",
-				props: {
-					name: "workspace",
-					label: "Workspace",
-					required: !0
-				}
-			}),
-			i({
-				id: "ownerPhone",
-				props: {
-					name: "ownerPhone",
-					label: "Owner phone"
-				}
-			}),
-			o({
-				id: "notes",
-				colSpan: "full",
-				props: {
-					name: "notes",
-					label: "Notes",
-					rows: 3
-				}
-			}),
-			a({
-				id: "isLive",
-				colSpan: "full",
-				props: {
-					name: "isLive",
-					label: "Publish workspace",
-					description: "Visible only when record is active."
-				}
-			})
-		]
-	})], []);
-	return /* @__PURE__ */ l("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ c(t, {
-			control: f.control,
-			sections: p,
-			columns: 1,
-			submitLabel: d === "playground" ? "Save workspace" : void 0
-		}), /* @__PURE__ */ c(e, {
-			type: "button",
-			variant: "outline",
-			onClick: () => f.reset(),
-			children: "Reset form"
-		})]
-	});
-}
-//#endregion
-export { d as FormBuilderShowcase };

package/dist/showcase/premium/keyboard-shortcut/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./mock.cjs"),t=require("./showcase.cjs");exports.KeyboardShortcutShowcase=t.KeyboardShortcutShowcase,exports.keyboardShortcutMock=e.keyboardShortcutMock;

package/dist/showcase/premium/keyboard-shortcut/index.d.ts

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

package/dist/showcase/premium/keyboard-shortcut/index.js

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

package/dist/showcase/premium/keyboard-shortcut/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { KeyboardShortcut } from "@/index"
-
-export function Example() {
-  return <KeyboardShortcut keys={["Ctrl", "K"]} />
-}`,cliCommand:`npx tembro add keyboard-shortcut`,highlights:[`Compact visual hint for one or many keys`,`Accepts key arrays or raw children`,`Useful inside command palette, docs hints and action toolbars`],scenarios:[{title:`Search hint`,description:`Show the command palette trigger beside a search action.`},{title:`Editor help`,description:`Reveal save or publish shortcuts close to the action.`},{title:`Docs legend`,description:`Document power-user flows without adding a heavy table.`}]};exports.keyboardShortcutMock=e;

package/dist/showcase/premium/keyboard-shortcut/mock.d.ts

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

package/dist/showcase/premium/keyboard-shortcut/mock.js

@@ -1,26 +0,0 @@
-//#region src/showcase/premium/keyboard-shortcut/mock.ts
-var e = {
-	code: "import { KeyboardShortcut } from \"@/index\"\n\nexport function Example() {\n  return <KeyboardShortcut keys={[\"Ctrl\", \"K\"]} />\n}",
-	cliCommand: "npx tembro add keyboard-shortcut",
-	highlights: [
-		"Compact visual hint for one or many keys",
-		"Accepts key arrays or raw children",
-		"Useful inside command palette, docs hints and action toolbars"
-	],
-	scenarios: [
-		{
-			title: "Search hint",
-			description: "Show the command palette trigger beside a search action."
-		},
-		{
-			title: "Editor help",
-			description: "Reveal save or publish shortcuts close to the action."
-		},
-		{
-			title: "Docs legend",
-			description: "Document power-user flows without adding a heavy table."
-		}
-	]
-};
-//#endregion
-export { e as keyboardShortcutMock };

package/dist/showcase/premium/keyboard-shortcut/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/display/keyboard-shortcut.cjs");let n=require("react/jsx-runtime");var r=`border-t border-[color:var(--aui-divider)] py-6`;function i(){return(0,n.jsxs)(`div`,{className:`space-y-0`,children:[(0,n.jsxs)(`section`,{className:`pb-6`,children:[(0,n.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed display primitive`}),(0,n.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`KeyboardShortcut shows power-user hints without noise`}),(0,n.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`Keep shortcut chips short and nearby to the action they describe. They should reinforce real behavior, not decorative text.`})]}),(0,n.jsx)(`section`,{className:r,children:(0,n.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1fr_360px]`,children:[(0,n.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,n.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,n.jsx)(e.Button,{variant:`outline`,children:`Search routes`}),(0,n.jsx)(t.KeyboardShortcut,{keys:[`Ctrl`,`K`]})]}),(0,n.jsxs)(`div`,{className:`mt-4 flex flex-wrap items-center gap-3`,children:[(0,n.jsx)(e.Button,{variant:`secondary`,children:`Save draft`}),(0,n.jsx)(t.KeyboardShortcut,{keys:[`Ctrl`,`S`]}),(0,n.jsx)(e.Button,{children:`Publish`}),(0,n.jsx)(t.KeyboardShortcut,{keys:[`Shift`,`Enter`]})]})]}),(0,n.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] p-4`,children:[(0,n.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Guidance`}),(0,n.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,n.jsx)(`p`,{children:`Show shortcuts only where the action is relevant. Repeating the same hint everywhere weakens it.`}),(0,n.jsx)(`p`,{children:"Use concise labels like `Ctrl`, `Cmd`, `Shift`, `Enter`, not long prose inside the chip."})]})]})]})})]})}exports.KeyboardShortcutShowcase=i;

package/dist/showcase/premium/keyboard-shortcut/showcase.d.ts

@@ -1 +0,0 @@
-export declare function KeyboardShortcutShowcase(): import("react").JSX.Element;