tembro 3.1.17 → 4.0.0

package/dist/src/showcase/premium/qr-code/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { QRCode } from "tembro"
-
-export function Example() {
-  return <QRCode value="https://example.com/invoices/INV-2048" errorCorrectionLevel="H" size={180} />
-}`,cliCommand:`npx tembro add qr-code`,highlights:[`Real standards-compliant QR encoding`,`SVG output with configurable error correction and colors`],scenarios:[{title:`Payment links`,description:`Encode checkout or invoice URLs into scan-ready symbols.`},{title:`Device pairing`,description:`Share connection payloads with stronger error correction.`}]};exports.qrCodeMock=e;

package/dist/src/showcase/premium/qr-code/mock.js

@@ -1,15 +0,0 @@
-//#region src/showcase/premium/qr-code/mock.ts
-var e = {
-	code: "import { QRCode } from \"tembro\"\n\nexport function Example() {\n  return <QRCode value=\"https://example.com/invoices/INV-2048\" errorCorrectionLevel=\"H\" size={180} />\n}",
-	cliCommand: "npx tembro add qr-code",
-	highlights: ["Real standards-compliant QR encoding", "SVG output with configurable error correction and colors"],
-	scenarios: [{
-		title: "Payment links",
-		description: "Encode checkout or invoice URLs into scan-ready symbols."
-	}, {
-		title: "Device pairing",
-		description: "Share connection payloads with stronger error correction."
-	}]
-};
-//#endregion
-export { e as qrCodeMock };

package/dist/src/showcase/premium/qr-code/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/display/qr-code.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(`https://tembro.dev/components/qr-code`);return(0,r.jsxs)(`div`,{className:`mx-auto grid max-w-sm justify-items-center gap-4`,children:[(0,r.jsx)(t.QRCode,{value:e,size:184,errorCorrectionLevel:`H`}),(0,r.jsx)(`input`,{"aria-label":`QR code value`,value:e,className:`h-10 w-full rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring`,onChange:e=>i(e.target.value)})]})}exports.QRCodeShowcase=i;

package/dist/src/showcase/premium/qr-code/showcase.js

@@ -1,22 +0,0 @@
-import { QRCode as e } from "../../../components/display/qr-code.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/qr-code/showcase.tsx
-function i() {
-	let [i, a] = t.useState("https://tembro.dev/components/qr-code");
-	return /* @__PURE__ */ r("div", {
-		className: "mx-auto grid max-w-sm justify-items-center gap-4",
-		children: [/* @__PURE__ */ n(e, {
-			value: i,
-			size: 184,
-			errorCorrectionLevel: "H"
-		}), /* @__PURE__ */ n("input", {
-			"aria-label": "QR code value",
-			value: i,
-			className: "h-10 w-full rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
-			onChange: (e) => a(e.target.value)
-		})]
-	});
-}
-//#endregion
-export { i as QRCodeShowcase };

package/dist/src/showcase/premium/radio-group/index.cjs

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

package/dist/src/showcase/premium/radio-group/index.js

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

package/dist/src/showcase/premium/radio-group/mock.cjs

@@ -1,14 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { RadioGroup } from "tembro"
-
-const planOptions = [
-  { value: "starter", label: "Starter", description: "Good for single workspace setup." },
-  { value: "growth", label: "Growth", description: "Adds more seats and team workflows." },
-  { value: "enterprise", label: "Enterprise", description: "Advanced controls and support." },
-]
-
-export function Example() {
-  const [value, setValue] = useState("growth")
-
-  return <RadioGroup value={value} onValueChange={setValue} options={planOptions} />
-}`,htmlCode:`<div data-slot="radio-group" role="radiogroup"></div>`,cliCommand:`npx tembro add radio-group`,highlights:[`Single choice`,`Description rows`,`Controlled value`,`Plan selection`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`,`dashboard-starter`],scenarios:[{title:`Plan choice`,description:`Use when only one option can stay active.`},{title:`Density mode`,description:`Useful for settings that must remain mutually exclusive.`},{title:`Form clarity`,description:`Descriptions reduce ambiguity between similar choices.`}],capabilityNotes:[`Prefer RadioGroup over Select when all choices should remain visible.`,`Use descriptions only when options are close enough to need clarification.`,`Keep the selected value controlled in settings or pricing flows.`,`Switch to Checkbox only when multiple answers can be true at once.`]};exports.radioGroupMock=e;

package/dist/src/showcase/premium/radio-group/mock.js

@@ -1,39 +0,0 @@
-//#region src/showcase/premium/radio-group/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { RadioGroup } from \"tembro\"\n\nconst planOptions = [\n  { value: \"starter\", label: \"Starter\", description: \"Good for single workspace setup.\" },\n  { value: \"growth\", label: \"Growth\", description: \"Adds more seats and team workflows.\" },\n  { value: \"enterprise\", label: \"Enterprise\", description: \"Advanced controls and support.\" },\n]\n\nexport function Example() {\n  const [value, setValue] = useState(\"growth\")\n\n  return <RadioGroup value={value} onValueChange={setValue} options={planOptions} />\n}",
-	htmlCode: "<div data-slot=\"radio-group\" role=\"radiogroup\"></div>",
-	cliCommand: "npx tembro add radio-group",
-	highlights: [
-		"Single choice",
-		"Description rows",
-		"Controlled value",
-		"Plan selection"
-	],
-	relatedBlockSlugs: [
-		"settings-form",
-		"crm-dashboard",
-		"dashboard-starter"
-	],
-	scenarios: [
-		{
-			title: "Plan choice",
-			description: "Use when only one option can stay active."
-		},
-		{
-			title: "Density mode",
-			description: "Useful for settings that must remain mutually exclusive."
-		},
-		{
-			title: "Form clarity",
-			description: "Descriptions reduce ambiguity between similar choices."
-		}
-	],
-	capabilityNotes: [
-		"Prefer RadioGroup over Select when all choices should remain visible.",
-		"Use descriptions only when options are close enough to need clarification.",
-		"Keep the selected value controlled in settings or pricing flows.",
-		"Switch to Checkbox only when multiple answers can be true at once."
-	]
-};
-//#endregion
-export { e as radioGroupMock };

package/dist/src/showcase/premium/radio-group/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/ui/radio-group/index.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`,s=[{value:`starter`,label:`Starter`,description:`Good for single workspace setup.`},{value:`growth`,label:`Growth`,description:`Adds more seats and team workflows.`},{value:`enterprise`,label:`Enterprise`,description:`Advanced controls and support.`,disabled:!0}];function c(){let[e,c]=i.useState(`growth`);return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsxs)(`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:`Single choice`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Radio group should make one active choice obvious`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Keep all options visible when users should compare them before selecting one final answer.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Visible choices`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Single answer`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Controlled`})]})]}),(0,a.jsxs)(`div`,{className:`mt-6 grid gap-4 xl:grid-cols-[1.05fr_0.95fr]`,children:[(0,a.jsxs)(`div`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Workspace plan`}),(0,a.jsx)(`div`,{className:`mt-3`,children:(0,a.jsx)(r.RadioGroup,{value:e,onValueChange:c,options:s.map(e=>({...e}))})})]}),(0,a.jsxs)(`div`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Selection summary`}),(0,a.jsx)(`p`,{className:`mt-3 text-lg font-semibold aui-text-strong`,children:s.find(t=>t.value===e)?.label}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:s.find(t=>t.value===e)?.description})]})]})]}),(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsxs)(`div`,{className:`flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between`,children:[(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Live state`}),(0,a.jsxs)(`h4`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:[`Current plan: `,e]})]}),(0,a.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:s.map(n=>(0,a.jsx)(t.Button,{type:`button`,size:`sm`,variant:e===n.value?`default`:`secondary`,onClick:()=>c(n.value),children:n.label},n.value))})]}),(0,a.jsx)(`div`,{className:`mt-5`,children:(0,a.jsx)(r.RadioGroup,{invalid:!0,defaultValue:`card`,orientation:`horizontal`,options:[{value:`card`,label:`Card`},{value:`bank`,label:`Bank`},{value:`invoice`,label:`Invoice`,disabled:!0}]})})]})]})}exports.RadioGroupShowcase=c;

package/dist/src/showcase/premium/radio-group/showcase.js

@@ -1,149 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { RadioGroup as n } from "../../../components/ui/radio-group/index.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/radio-group/showcase.tsx
-var o = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5", s = [
-	{
-		value: "starter",
-		label: "Starter",
-		description: "Good for single workspace setup."
-	},
-	{
-		value: "growth",
-		label: "Growth",
-		description: "Adds more seats and team workflows."
-	},
-	{
-		value: "enterprise",
-		label: "Enterprise",
-		description: "Advanced controls and support.",
-		disabled: !0
-	}
-];
-function c() {
-	let [c, l] = r.useState("growth");
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-5",
-		children: [/* @__PURE__ */ a("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: "Single choice"
-						}),
-						/* @__PURE__ */ i("h3", {
-							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-							children: "Radio group should make one active choice obvious"
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-							children: "Keep all options visible when users should compare them before selecting one final answer."
-						})
-					]
-				}), /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-2",
-					children: [
-						/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Visible choices"
-						}),
-						/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Single answer"
-						}),
-						/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Controlled"
-						})
-					]
-				})]
-			}), /* @__PURE__ */ a("div", {
-				className: "mt-6 grid gap-4 xl:grid-cols-[1.05fr_0.95fr]",
-				children: [/* @__PURE__ */ a("div", {
-					className: o,
-					children: [/* @__PURE__ */ i("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Workspace plan"
-					}), /* @__PURE__ */ i("div", {
-						className: "mt-3",
-						children: /* @__PURE__ */ i(n, {
-							value: c,
-							onValueChange: l,
-							options: s.map((e) => ({ ...e }))
-						})
-					})]
-				}), /* @__PURE__ */ a("div", {
-					className: o,
-					children: [
-						/* @__PURE__ */ i("p", {
-							className: "text-sm font-medium aui-text-muted",
-							children: "Selection summary"
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-3 text-lg font-semibold aui-text-strong",
-							children: s.find((e) => e.value === c)?.label
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-2 text-sm leading-6 aui-text-muted",
-							children: s.find((e) => e.value === c)?.description
-						})
-					]
-				})]
-			})]
-		}), /* @__PURE__ */ a("section", {
-			className: o,
-			children: [/* @__PURE__ */ a("div", {
-				className: "flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Live state"
-				}), /* @__PURE__ */ a("h4", {
-					className: "mt-2 text-lg font-semibold aui-text-strong",
-					children: ["Current plan: ", c]
-				})] }), /* @__PURE__ */ i("div", {
-					className: "flex flex-wrap gap-2",
-					children: s.map((t) => /* @__PURE__ */ i(e, {
-						type: "button",
-						size: "sm",
-						variant: c === t.value ? "default" : "secondary",
-						onClick: () => l(t.value),
-						children: t.label
-					}, t.value))
-				})]
-			}), /* @__PURE__ */ i("div", {
-				className: "mt-5",
-				children: /* @__PURE__ */ i(n, {
-					invalid: !0,
-					defaultValue: "card",
-					orientation: "horizontal",
-					options: [
-						{
-							value: "card",
-							label: "Card"
-						},
-						{
-							value: "bank",
-							label: "Bank"
-						},
-						{
-							value: "invoice",
-							label: "Invoice",
-							disabled: !0
-						}
-					]
-				})
-			})]
-		})]
-	});
-}
-//#endregion
-export { c as RadioGroupShowcase };

package/dist/src/showcase/premium/rating/index.cjs

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

package/dist/src/showcase/premium/rating/index.js

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

package/dist/src/showcase/premium/rating/mock.cjs

@@ -1,14 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
-import { Rating } from "tembro"
-
-export function Example() {
-  const [value, setValue] = React.useState(4)
-
-  return (
-    <Rating
-      value={value}
-      onValueChange={setValue}
-      labels={{ rate: (score) => \`Rate \${score}\` }}
-    />
-  )
-}`,highlights:[`Compact score input`,`Hover and clear behavior`,`Accessible label support`,`Good for reviews, QA, and lightweight feedback`],scenarios:[{title:`QA handoff`,description:`Capture a quick confidence score before shipping a change.`},{title:`Support satisfaction`,description:`Collect a lightweight post-resolution rating.`},{title:`Internal review`,description:`Use a compact score where a full form would slow people down.`}],capabilityNotes:[`Use rating when relative sentiment matters more than exact numeric entry.`,`Allow clear when revising feedback is a normal part of the flow.`,`Keep the label around the score context outside the stars themselves.`]};exports.ratingMock=e;

package/dist/src/showcase/premium/rating/mock.js

@@ -1,31 +0,0 @@
-//#region src/showcase/premium/rating/mock.ts
-var e = {
-	code: "import * as React from \"react\"\nimport { Rating } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = React.useState(4)\n\n  return (\n    <Rating\n      value={value}\n      onValueChange={setValue}\n      labels={{ rate: (score) => `Rate ${score}` }}\n    />\n  )\n}",
-	highlights: [
-		"Compact score input",
-		"Hover and clear behavior",
-		"Accessible label support",
-		"Good for reviews, QA, and lightweight feedback"
-	],
-	scenarios: [
-		{
-			title: "QA handoff",
-			description: "Capture a quick confidence score before shipping a change."
-		},
-		{
-			title: "Support satisfaction",
-			description: "Collect a lightweight post-resolution rating."
-		},
-		{
-			title: "Internal review",
-			description: "Use a compact score where a full form would slow people down."
-		}
-	],
-	capabilityNotes: [
-		"Use rating when relative sentiment matters more than exact numeric entry.",
-		"Allow clear when revising feedback is a normal part of the flow.",
-		"Keep the label around the score context outside the stars themselves."
-	]
-};
-//#endregion
-export { e as ratingMock };

package/dist/src/showcase/premium/rating/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/inputs/rating.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function o({mode:e}){let[o,s]=r.useState(4);return(0,i.jsxs)(`div`,{className:`space-y-5`,children:[(0,i.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,i.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`max-w-xl`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Feedback input`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Rating should capture quick sentiment without turning into a full form`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`This control is best when people need a fast qualitative score and should not be distracted by extra layout or wrapper UI.`})]}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Quick score`}),(0,i.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Clearable`})]})]})}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsx)(n.Rating,{value:o,onValueChange:s,labels:{rate:e=>`Rate ${e}`,clear:`Reset score`}})}),(0,i.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Current score`}),(0,i.jsx)(`p`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:o||`No score`})]}),(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Typical usage`}),(0,i.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Good for support resolution, QA confidence, compact reviews, and places where a full textarea would slow the task down.`})]})]}),e===`playground`?(0,i.jsx)(`section`,{className:a,children:(0,i.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Yulduzlar ustiga olib borib hover holatini va shu scorega yana bosib clear bo‘lishini sinab ko‘ring.`})}):null]})}exports.RatingShowcase=o;

package/dist/src/showcase/premium/rating/showcase.js

@@ -1,90 +0,0 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { Rating as t } from "../../../components/inputs/rating.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/rating/showcase.tsx
-var a = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function o({ mode: o }) {
-	let [s, c] = n.useState(4);
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ r("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ i("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ i("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ r("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Feedback input"
-							}),
-							/* @__PURE__ */ r("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Rating should capture quick sentiment without turning into a full form"
-							}),
-							/* @__PURE__ */ r("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "This control is best when people need a fast qualitative score and should not be distracted by extra layout or wrapper UI."
-							})
-						]
-					}), /* @__PURE__ */ i("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ r(e, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Quick score"
-						}), /* @__PURE__ */ r(e, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Clearable"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ r("section", {
-				className: a,
-				children: /* @__PURE__ */ r(t, {
-					value: s,
-					onValueChange: c,
-					labels: {
-						rate: (e) => `Rate ${e}`,
-						clear: "Reset score"
-					}
-				})
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "grid gap-4 xl:grid-cols-2",
-				children: [/* @__PURE__ */ i("section", {
-					className: a,
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Current score"
-					}), /* @__PURE__ */ r("p", {
-						className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-						children: s || "No score"
-					})]
-				}), /* @__PURE__ */ i("section", {
-					className: a,
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Typical usage"
-					}), /* @__PURE__ */ r("p", {
-						className: "mt-3 text-sm leading-6 aui-text-muted",
-						children: "Good for support resolution, QA confidence, compact reviews, and places where a full textarea would slow the task down."
-					})]
-				})]
-			}),
-			o === "playground" ? /* @__PURE__ */ r("section", {
-				className: a,
-				children: /* @__PURE__ */ r("p", {
-					className: "text-sm aui-text-muted",
-					children: "Yulduzlar ustiga olib borib hover holatini va shu scorega yana bosib clear bo‘lishini sinab ko‘ring."
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { o as RatingShowcase };

package/dist/src/showcase/premium/resizable-panel/index.cjs

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

package/dist/src/showcase/premium/resizable-panel/index.js

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

package/dist/src/showcase/premium/resizable-panel/mock.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "tembro"
-
-export function Example() {
-  return (
-    <ResizablePanelGroup direction="horizontal">
-      <ResizablePanel defaultSize={30}>Catalog</ResizablePanel>
-      <ResizableHandle />
-      <ResizablePanel defaultSize={70}>Details</ResizablePanel>
-    </ResizablePanelGroup>
-  )
-}`,cliCommand:`npx tembro add resizable-panel`,highlights:[`Declarative split layout with customizable handles`,`Supports horizontal and vertical directions`,`Keyboard-accessible resize interactions`],scenarios:[{title:`Code editors`,description:`Split file tree and editor panes.`},{title:`Dashboards`,description:`Resize nav and detail panels interactively.`}]};exports.resizablePanelMock=e;

package/dist/src/showcase/premium/resizable-panel/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/resizable-panel/mock.ts
-var e = {
-	code: "import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from \"tembro\"\n\nexport function Example() {\n  return (\n    <ResizablePanelGroup direction=\"horizontal\">\n      <ResizablePanel defaultSize={30}>Catalog</ResizablePanel>\n      <ResizableHandle />\n      <ResizablePanel defaultSize={70}>Details</ResizablePanel>\n    </ResizablePanelGroup>\n  )\n}",
-	cliCommand: "npx tembro add resizable-panel",
-	highlights: [
-		"Declarative split layout with customizable handles",
-		"Supports horizontal and vertical directions",
-		"Keyboard-accessible resize interactions"
-	],
-	scenarios: [{
-		title: "Code editors",
-		description: "Split file tree and editor panes."
-	}, {
-		title: "Dashboards",
-		description: "Resize nav and detail panels interactively."
-	}]
-};
-//#endregion
-export { e as resizablePanelMock };

package/dist/src/showcase/premium/resizable-panel/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/resizable-panel.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(!1);return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`button`,{type:`button`,className:`inline-flex rounded-md border px-3 py-1.5 text-sm`,onClick:()=>i(e=>!e),children:[`Direction: `,e?`Vertical`:`Horizontal`]}),(0,r.jsxs)(t.ResizablePanelGroup,{direction:e?`vertical`:`horizontal`,className:`h-56`,children:[(0,r.jsx)(t.ResizablePanel,{defaultSize:35,className:`grid place-items-center`,children:(0,r.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Navigation`})}),(0,r.jsx)(t.ResizableHandle,{}),(0,r.jsx)(t.ResizablePanel,{defaultSize:65,className:`grid place-items-center`,children:(0,r.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Details`})})]})]})}exports.ResizablePanelShowcase=i;

package/dist/src/showcase/premium/resizable-panel/showcase.js

@@ -1,40 +0,0 @@
-import { ResizableHandle as e, ResizablePanel as t, ResizablePanelGroup as n } from "../../../components/modern/resizable-panel.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/resizable-panel/showcase.tsx
-function o() {
-	let [o, s] = r.useState(!1);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ a("button", {
-			type: "button",
-			className: "inline-flex rounded-md border px-3 py-1.5 text-sm",
-			onClick: () => s((e) => !e),
-			children: ["Direction: ", o ? "Vertical" : "Horizontal"]
-		}), /* @__PURE__ */ a(n, {
-			direction: o ? "vertical" : "horizontal",
-			className: "h-56",
-			children: [
-				/* @__PURE__ */ i(t, {
-					defaultSize: 35,
-					className: "grid place-items-center",
-					children: /* @__PURE__ */ i("span", {
-						className: "text-sm text-muted-foreground",
-						children: "Navigation"
-					})
-				}),
-				/* @__PURE__ */ i(e, {}),
-				/* @__PURE__ */ i(t, {
-					defaultSize: 65,
-					className: "grid place-items-center",
-					children: /* @__PURE__ */ i("span", {
-						className: "text-sm text-muted-foreground",
-						children: "Details"
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { o as ResizablePanelShowcase };

package/dist/src/showcase/premium/rich-text-editor/index.cjs

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

package/dist/src/showcase/premium/rich-text-editor/index.js

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

package/dist/src/showcase/premium/rich-text-editor/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { RichTextEditor } from "tembro"
-
-export function Example() {
-  return <RichTextEditor defaultValue="<p>Write the release notes...</p>" onValueChange={console.log} />
-}`,cliCommand:`npx tembro add rich-text-editor`,highlights:[`TipTap and ProseMirror editing engine`,`HTML/text output with formatting, history, lists, quotes, and links`],scenarios:[{title:`Knowledge base`,description:`Author structured support and documentation content.`},{title:`Product updates`,description:`Create formatted release notes with controlled persistence.`}]};exports.richTextEditorMock=e;

package/dist/src/showcase/premium/rich-text-editor/mock.js

@@ -1,15 +0,0 @@
-//#region src/showcase/premium/rich-text-editor/mock.ts
-var e = {
-	code: "import { RichTextEditor } from \"tembro\"\n\nexport function Example() {\n  return <RichTextEditor defaultValue=\"<p>Write the release notes...</p>\" onValueChange={console.log} />\n}",
-	cliCommand: "npx tembro add rich-text-editor",
-	highlights: ["TipTap and ProseMirror editing engine", "HTML/text output with formatting, history, lists, quotes, and links"],
-	scenarios: [{
-		title: "Knowledge base",
-		description: "Author structured support and documentation content."
-	}, {
-		title: "Product updates",
-		description: "Create formatted release notes with controlled persistence."
-	}]
-};
-//#endregion
-export { e as richTextEditorMock };

package/dist/src/showcase/premium/rich-text-editor/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/rich-text-editor.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(`<h2>Release notes</h2><p>Describe what changed for customers.</p>`);return(0,r.jsxs)(`div`,{className:`grid gap-3`,children:[(0,r.jsx)(t.RichTextEditor,{value:e,onValueChange:i,onLinkRequest:()=>`https://tembro.dev`}),(0,r.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[e.length,` HTML characters`]})]})}exports.RichTextEditorShowcase=i;

package/dist/src/showcase/premium/rich-text-editor/showcase.js

@@ -1,20 +0,0 @@
-import { RichTextEditor as e } from "../../../components/modern/rich-text-editor.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/rich-text-editor/showcase.tsx
-function i() {
-	let [i, a] = t.useState("<h2>Release notes</h2><p>Describe what changed for customers.</p>");
-	return /* @__PURE__ */ r("div", {
-		className: "grid gap-3",
-		children: [/* @__PURE__ */ n(e, {
-			value: i,
-			onValueChange: a,
-			onLinkRequest: () => "https://tembro.dev"
-		}), /* @__PURE__ */ r("p", {
-			className: "text-xs text-muted-foreground",
-			children: [i.length, " HTML characters"]
-		})]
-	});
-}
-//#endregion
-export { i as RichTextEditorShowcase };

package/dist/src/showcase/premium/right-click-menu/index.cjs

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

package/dist/src/showcase/premium/right-click-menu/index.js

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

package/dist/src/showcase/premium/right-click-menu/mock.cjs

@@ -1,17 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { RightClickMenu } from "tembro"
-
-export function Example() {
-  return (
-    <RightClickMenu
-      items={[
-        { label: "Rename" },
-        { label: "Duplicate" },
-        { label: "Archive" },
-      ]}
-    >
-      <div className="rounded-2xl border border-border bg-card px-4 py-8 text-sm">
-        Right click this surface
-      </div>
-    </RightClickMenu>
-  )
-}`,htmlCode:`<div data-slot="right-click-menu"></div>`,cliCommand:`npx tembro add right-click-menu`,highlights:[`Context actions`,`Pointer workflow`,`Compact menus`,`Workspace interactions`],relatedBlockSlugs:[`users-table`,`crm-dashboard`,`dashboard-starter`],scenarios:[{title:`File-like actions`,description:`Useful where users expect desktop-style context menus.`},{title:`Dense workspaces`,description:`Expose secondary row actions without cluttering the default UI.`},{title:`Power-user flow`,description:`Keep advanced actions one right-click away instead of always visible.`}],capabilityNotes:[`Use RightClickMenu only where pointer-first interaction is expected.`,`Always keep a visible fallback path for touch and keyboard users.`,`Keep labels short so menus remain scannable.`,`Reserve it for secondary actions, not the only way to complete a task.`]};exports.rightClickMenuMock=e;