tembro 3.1.16 → 4.0.0

package/dist/src/showcase/premium/time-picker/index.js

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

package/dist/src/showcase/premium/time-picker/mock.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DateTimePicker, TimePicker, TimeRangePicker } from "tembro"
-
-export function Example() {
-  return (
-    <div className="space-y-2">
-      <TimePicker label="Start" value="08:30" />
-      <DateTimePicker label="Planned at" value="2026-07-07T08:30" />
-      <TimeRangePicker from="09:00" to="17:00" />
-    </div>
-  )
-}`,cliCommand:`npx tembro add time-picker`,highlights:[`Time, datetime, and range pickers in one family`,`Native input controls with consistent style`],scenarios:[{title:`Planning UI`,description:`Define working hours and event time.`},{title:`Appointment form`,description:`Capture precise temporal inputs for calendars and logs.`}]};exports.timePickerMock=e;

package/dist/src/showcase/premium/time-picker/mock.js

@@ -1,15 +0,0 @@
-//#region src/showcase/premium/time-picker/mock.ts
-var e = {
-	code: "import { DateTimePicker, TimePicker, TimeRangePicker } from \"tembro\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-2\">\n      <TimePicker label=\"Start\" value=\"08:30\" />\n      <DateTimePicker label=\"Planned at\" value=\"2026-07-07T08:30\" />\n      <TimeRangePicker from=\"09:00\" to=\"17:00\" />\n    </div>\n  )\n}",
-	cliCommand: "npx tembro add time-picker",
-	highlights: ["Time, datetime, and range pickers in one family", "Native input controls with consistent style"],
-	scenarios: [{
-		title: "Planning UI",
-		description: "Define working hours and event time."
-	}, {
-		title: "Appointment form",
-		description: "Capture precise temporal inputs for calendars and logs."
-	}]
-};
-//#endregion
-export { e as timePickerMock };

package/dist/src/showcase/premium/time-picker/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/inputs/time-picker.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(`09:30`),[a,o]=n.useState(`2026-07-07T09:30`),[s,c]=n.useState(`08:00`),[l,u]=n.useState(`18:00`);return(0,r.jsxs)(`div`,{className:`grid gap-4`,children:[(0,r.jsxs)(`div`,{className:`grid gap-2`,children:[(0,r.jsx)(t.TimePicker,{label:`Start time`,value:e,onChange:e=>i(e.target.value)}),(0,r.jsx)(t.DateTimePicker,{label:`Event datetime`,value:a,onChange:e=>o(e.target.value)})]}),(0,r.jsxs)(`div`,{className:`space-y-2`,children:[(0,r.jsx)(t.TimeRangePicker,{from:s,to:l,onFromChange:c,onToChange:u}),(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Range: `,s,` → `,l]})]}),(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Time: `,e,`, Datetime: `,a]})]})}exports.TimePickerShowcase=i;

package/dist/src/showcase/premium/time-picker/showcase.js

@@ -1,52 +0,0 @@
-import { DateTimePicker as e, TimePicker as t, TimeRangePicker as n } from "../../../components/inputs/time-picker.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/time-picker/showcase.tsx
-function o() {
-	let [o, s] = r.useState("09:30"), [c, l] = r.useState("2026-07-07T09:30"), [u, d] = r.useState("08:00"), [f, p] = r.useState("18:00");
-	return /* @__PURE__ */ a("div", {
-		className: "grid gap-4",
-		children: [
-			/* @__PURE__ */ a("div", {
-				className: "grid gap-2",
-				children: [/* @__PURE__ */ i(t, {
-					label: "Start time",
-					value: o,
-					onChange: (e) => s(e.target.value)
-				}), /* @__PURE__ */ i(e, {
-					label: "Event datetime",
-					value: c,
-					onChange: (e) => l(e.target.value)
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ i(n, {
-					from: u,
-					to: f,
-					onFromChange: d,
-					onToChange: p
-				}), /* @__PURE__ */ a("p", {
-					className: "text-sm text-muted-foreground",
-					children: [
-						"Range: ",
-						u,
-						" → ",
-						f
-					]
-				})]
-			}),
-			/* @__PURE__ */ a("p", {
-				className: "text-sm text-muted-foreground",
-				children: [
-					"Time: ",
-					o,
-					", Datetime: ",
-					c
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { o as TimePickerShowcase };

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

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

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

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

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

@@ -1,13 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Timeline } from "tembro"
-
-export function Example() {
-  return (
-    <Timeline
-      items={[
-        { key: "1", title: "Workspace created", time: "09:12", tone: "success" },
-        { key: "2", title: "Billing approved", time: "09:30", tone: "info" },
-        { key: "3", title: "Deployment scheduled", time: "10:00", tone: "warning" },
-      ]}
-    />
-  )
-}`,highlights:[`Vertical and horizontal modes`,`Tone-aware event dots`,`Time, description, and action support`,`Good for workflow history and release tracking`],scenarios:[{title:`Approval history`,description:`Explain what happened, in which order, and who needs to act next.`},{title:`Deployment events`,description:`Track release milestones and pending steps clearly.`},{title:`Support resolution`,description:`Show a readable event stream instead of scattered comments.`}],capabilityNotes:[`Timelines work best when the sequence matters to the user decision.`,`Use tone to communicate event state, not decoration.`,`Horizontal mode is better for short, high-level milestone sets.`]};exports.timelineMock=e;

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

@@ -1,31 +0,0 @@
-//#region src/showcase/premium/timeline/mock.ts
-var e = {
-	code: "import { Timeline } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Timeline\n      items={[\n        { key: \"1\", title: \"Workspace created\", time: \"09:12\", tone: \"success\" },\n        { key: \"2\", title: \"Billing approved\", time: \"09:30\", tone: \"info\" },\n        { key: \"3\", title: \"Deployment scheduled\", time: \"10:00\", tone: \"warning\" },\n      ]}\n    />\n  )\n}",
-	highlights: [
-		"Vertical and horizontal modes",
-		"Tone-aware event dots",
-		"Time, description, and action support",
-		"Good for workflow history and release tracking"
-	],
-	scenarios: [
-		{
-			title: "Approval history",
-			description: "Explain what happened, in which order, and who needs to act next."
-		},
-		{
-			title: "Deployment events",
-			description: "Track release milestones and pending steps clearly."
-		},
-		{
-			title: "Support resolution",
-			description: "Show a readable event stream instead of scattered comments."
-		}
-	],
-	capabilityNotes: [
-		"Timelines work best when the sequence matters to the user decision.",
-		"Use tone to communicate event state, not decoration.",
-		"Horizontal mode is better for short, high-level milestone sets."
-	]
-};
-//#endregion
-export { e as timelineMock };

package/dist/src/showcase/premium/timeline/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/display/timeline.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=[{key:`workspace`,title:`Workspace created`,description:`Initial billing and member sync finished.`,time:`09:12`,tone:`success`},{key:`review`,title:`Compliance review`,description:`Policy verification is in progress.`,time:`09:30`,tone:`info`},{key:`deploy`,title:`Deployment scheduled`,description:`Promotion waits for final approval.`,time:`10:00`,tone:`warning`}];function c({mode:e}){let[c,l]=i.useState(!1);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:`Sequence view`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Timeline should make process history legible at a glance`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`If order matters, timeline is stronger than generic cards. Users should see what happened, what is pending, and what comes next.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Vertical`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Horizontal`})]})]})}),(0,a.jsx)(`section`,{className:o,children:(0,a.jsx)(r.Timeline,{items:s,orientation:c?`horizontal`:`vertical`,pending:!0,pendingLabel:`Approval pending`})}),e===`playground`?(0,a.jsx)(`section`,{className:o,children:(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>l(e=>!e),children:`Toggle orientation`})}):null]})}exports.TimelineShowcase=c;

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

@@ -1,91 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Timeline as n } from "../../../components/display/timeline.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/timeline/showcase.tsx
-var o = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5", s = [
-	{
-		key: "workspace",
-		title: "Workspace created",
-		description: "Initial billing and member sync finished.",
-		time: "09:12",
-		tone: "success"
-	},
-	{
-		key: "review",
-		title: "Compliance review",
-		description: "Policy verification is in progress.",
-		time: "09:30",
-		tone: "info"
-	},
-	{
-		key: "deploy",
-		title: "Deployment scheduled",
-		description: "Promotion waits for final approval.",
-		time: "10:00",
-		tone: "warning"
-	}
-];
-function c({ mode: c }) {
-	let [l, u] = r.useState(!1);
-	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: "Sequence view"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Timeline should make process history legible at a glance"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "If order matters, timeline is stronger than generic cards. Users should see what happened, what is pending, and what comes next."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Vertical"
-						}), /* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Horizontal"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ i(n, {
-					items: s,
-					orientation: l ? "horizontal" : "vertical",
-					pending: !0,
-					pendingLabel: "Approval pending"
-				})
-			}),
-			c === "playground" ? /* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ i(e, {
-					size: "sm",
-					variant: "outline",
-					onClick: () => u((e) => !e),
-					children: "Toggle orientation"
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { c as TimelineShowcase };

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

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

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

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

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

@@ -1,28 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Button, ToastProvider, useToast } from "tembro"
-
-function Demo() {
-  const { addToast, clearToasts, success, warning } = useToast()
-
-  return (
-    <div className="grid gap-2 sm:grid-cols-2">
-      <Button onClick={() => addToast({ title: "Saving", description: "Draft is being saved." })}>Add toast</Button>
-      <Button variant="outline" onClick={() => success({ title: "Saved", description: "All changes are synced." })}>
-        Success
-      </Button>
-      <Button variant="outline" onClick={() => warning("Please review your inputs.")}>
-        Warning
-      </Button>
-      <Button variant="outline" onClick={clearToasts}>
-        Clear all
-      </Button>
-    </div>
-  )
-}
-
-export function Example() {
-  return (
-    <ToastProvider defaultDuration={2500} position="top-right">
-      <Demo />
-    </ToastProvider>
-  )
-}`,highlights:[`Provider required for hook usage`,`Global addToast API`,`Tone helpers for common outcomes`,`Dismiss and clear control`],scenarios:[{title:`Save feedback`,description:`Show confirmation after async form submit.`},{title:`Validation warning`,description:`Surface form validation warnings near input.`},{title:`Async operations`,description:`Keep users informed during background actions.`}],capabilityNotes:["Always wrap usage with `ToastProvider` close to app root or feature boundary.","Use `position` consistently across app.","Prefer small toast counts (`maxToasts`) for stable layout."]};exports.toastMock=e;

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

@@ -1,31 +0,0 @@
-//#region src/showcase/premium/toast/mock.ts
-var e = {
-	code: "import { Button, ToastProvider, useToast } from \"tembro\"\n\nfunction Demo() {\n  const { addToast, clearToasts, success, warning } = useToast()\n\n  return (\n    <div className=\"grid gap-2 sm:grid-cols-2\">\n      <Button onClick={() => addToast({ title: \"Saving\", description: \"Draft is being saved.\" })}>Add toast</Button>\n      <Button variant=\"outline\" onClick={() => success({ title: \"Saved\", description: \"All changes are synced.\" })}>\n        Success\n      </Button>\n      <Button variant=\"outline\" onClick={() => warning(\"Please review your inputs.\")}>\n        Warning\n      </Button>\n      <Button variant=\"outline\" onClick={clearToasts}>\n        Clear all\n      </Button>\n    </div>\n  )\n}\n\nexport function Example() {\n  return (\n    <ToastProvider defaultDuration={2500} position=\"top-right\">\n      <Demo />\n    </ToastProvider>\n  )\n}",
-	highlights: [
-		"Provider required for hook usage",
-		"Global addToast API",
-		"Tone helpers for common outcomes",
-		"Dismiss and clear control"
-	],
-	scenarios: [
-		{
-			title: "Save feedback",
-			description: "Show confirmation after async form submit."
-		},
-		{
-			title: "Validation warning",
-			description: "Surface form validation warnings near input."
-		},
-		{
-			title: "Async operations",
-			description: "Keep users informed during background actions."
-		}
-	],
-	capabilityNotes: [
-		"Always wrap usage with `ToastProvider` close to app root or feature boundary.",
-		"Use `position` consistently across app.",
-		"Prefer small toast counts (`maxToasts`) for stable layout."
-	]
-};
-//#endregion
-export { e as toastMock };

package/dist/src/showcase/premium/toast/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/notifications/toast.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),{addToast:l,success:u,warning:d,error:f,promise:p,clearToasts:m,toasts:h,dismissToast:g}=r.useToast();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:`Transient feedback`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Toasts should report short-lived outcomes`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Use them for short confirmations and lightweight warnings. Critical blocking states should remain on the page, not vanish into transient notifications.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Success`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Warning`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Error`})]})]}),(0,a.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{size:`sm`,onClick:()=>{c(e=>e+1),l({title:`Sync started`,description:`Sync run ${s+1} has started.`,tone:`info`})},children:`Add toast`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>{c(e=>e+1),u({title:`Saved`,description:`Project updated successfully.`,tone:`success`})},children:`Success`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>{c(e=>e+1),d(`Please confirm required metadata before publish.`)},children:`Warning`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>{c(e=>e+1),f({title:`Request failed`,description:`Failure occurred while saving item #${s+1}`})},children:`Error`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>{p(new Promise(e=>{window.setTimeout(()=>e(`Export ready`),1200)}),{loading:{title:`Preparing export`,description:`Building CSV package.`,group:`Export`},success:e=>({title:e,description:`Download can start now.`,group:`Export`}),error:()=>({title:`Export failed`,description:`Retry after refreshing.`,group:`Export`})})},children:`Promise`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:m,children:`Clear all`})]})]}),(0,a.jsxs)(`div`,{className:o,children:[(0,a.jsxs)(`p`,{className:`mb-2 text-sm aui-text-muted`,children:[`Active toasts: `,h.length]}),(0,a.jsx)(`div`,{className:`grid gap-2`,children:h.length===0?(0,a.jsx)(`div`,{className:`rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-3 py-2 text-sm aui-text-muted`,children:`No active toasts`}):h.map(e=>(0,a.jsxs)(`div`,{className:`flex items-start justify-between rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-3 py-2 text-sm`,children:[(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:e.title??`Untitled`}),(0,a.jsx)(`p`,{className:`aui-text-muted`,children:e.description})]}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>g(e.id),children:`Dismiss`})]},e.id))})]}),null]})}function c({mode:e}){return(0,a.jsx)(r.ToastProvider,{position:`top-right`,defaultDuration:3e3,maxToasts:5,pauseOnHover:e===`playground`,children:(0,a.jsx)(s,{mode:e})})}exports.ToastShowcase=c;

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

@@ -1,174 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { ToastProvider as n, useToast as r } from "../../../components/notifications/toast.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/showcase/premium/toast/showcase.tsx
-var s = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function c({ mode: n }) {
-	let [c, l] = i.useState(0), { addToast: u, success: d, warning: f, error: p, promise: m, clearToasts: h, toasts: g, dismissToast: _ } = r();
-	return /* @__PURE__ */ o("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ o("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: [/* @__PURE__ */ o("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ o("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ a("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Transient feedback"
-							}),
-							/* @__PURE__ */ a("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Toasts should report short-lived outcomes"
-							}),
-							/* @__PURE__ */ a("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "Use them for short confirmations and lightweight warnings. Critical blocking states should remain on the page, not vanish into transient notifications."
-							})
-						]
-					}), /* @__PURE__ */ o("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ a(t, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Success"
-							}),
-							/* @__PURE__ */ a(t, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Warning"
-							}),
-							/* @__PURE__ */ a(t, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Error"
-							})
-						]
-					})]
-				}), /* @__PURE__ */ o("div", {
-					className: "mt-6 flex flex-wrap gap-2",
-					children: [
-						/* @__PURE__ */ a(e, {
-							size: "sm",
-							onClick: () => {
-								l((e) => e + 1), u({
-									title: "Sync started",
-									description: `Sync run ${c + 1} has started.`,
-									tone: "info"
-								});
-							},
-							children: "Add toast"
-						}),
-						/* @__PURE__ */ a(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => {
-								l((e) => e + 1), d({
-									title: "Saved",
-									description: "Project updated successfully.",
-									tone: "success"
-								});
-							},
-							children: "Success"
-						}),
-						/* @__PURE__ */ a(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => {
-								l((e) => e + 1), f("Please confirm required metadata before publish.");
-							},
-							children: "Warning"
-						}),
-						/* @__PURE__ */ a(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => {
-								l((e) => e + 1), p({
-									title: "Request failed",
-									description: `Failure occurred while saving item #${c + 1}`
-								});
-							},
-							children: "Error"
-						}),
-						/* @__PURE__ */ a(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => {
-								m(new Promise((e) => {
-									window.setTimeout(() => e("Export ready"), 1200);
-								}), {
-									loading: {
-										title: "Preparing export",
-										description: "Building CSV package.",
-										group: "Export"
-									},
-									success: (e) => ({
-										title: e,
-										description: "Download can start now.",
-										group: "Export"
-									}),
-									error: () => ({
-										title: "Export failed",
-										description: "Retry after refreshing.",
-										group: "Export"
-									})
-								});
-							},
-							children: "Promise"
-						}),
-						/* @__PURE__ */ a(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: h,
-							children: "Clear all"
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ o("div", {
-				className: s,
-				children: [/* @__PURE__ */ o("p", {
-					className: "mb-2 text-sm aui-text-muted",
-					children: ["Active toasts: ", g.length]
-				}), /* @__PURE__ */ a("div", {
-					className: "grid gap-2",
-					children: g.length === 0 ? /* @__PURE__ */ a("div", {
-						className: "rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-3 py-2 text-sm aui-text-muted",
-						children: "No active toasts"
-					}) : g.map((t) => /* @__PURE__ */ o("div", {
-						className: "flex items-start justify-between rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-3 py-2 text-sm",
-						children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
-							className: "font-medium aui-text-strong",
-							children: t.title ?? "Untitled"
-						}), /* @__PURE__ */ a("p", {
-							className: "aui-text-muted",
-							children: t.description
-						})] }), /* @__PURE__ */ a(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => _(t.id),
-							children: "Dismiss"
-						})]
-					}, t.id))
-				})]
-			}),
-			null
-		]
-	});
-}
-function l({ mode: e }) {
-	return /* @__PURE__ */ a(n, {
-		position: "top-right",
-		defaultDuration: 3e3,
-		maxToasts: 5,
-		pauseOnHover: e === "playground",
-		children: /* @__PURE__ */ a(c, { mode: e })
-	});
-}
-//#endregion
-export { l as ToastShowcase };

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

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

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

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

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

@@ -1,15 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Button, Tooltip } from "tembro"
-
-export function Example() {
-  return (
-    <div className="flex gap-3">
-      <Tooltip content="Copies the current code snippet to clipboard.">
-        <Button variant="outline">Copy code</Button>
-      </Tooltip>
-
-      <Tooltip content="Only owners can publish this release." side="bottom">
-        <Button>Publish</Button>
-      </Tooltip>
-    </div>
-  )
-}`,htmlCode:`<span data-slot="tooltip">Hover or focus to reveal hint</span>`,cliCommand:`npx tembro add tooltip`,highlights:[`Short helper copy`,`Hover + focus states`,`Placement control`,`Low-noise guidance`],relatedBlockSlugs:[`settings-form`,`dashboard-starter`,`crm-dashboard`],scenarios:[{title:`Action clarification`,description:`Clarify compact buttons without adding full inline helper text.`},{title:`Permission hint`,description:`Explain why a control matters before users commit.`},{title:`Dense data tables`,description:`Keep labels short while still exposing supporting context on focus.`}],capabilityNotes:[`Keep tooltip copy to one short sentence.`,`Use focus-safe triggers so keyboard users get the same guidance.`,`Do not place critical instructions only inside a tooltip.`,`If the content needs actions or long text, switch to Popover instead.`]};exports.tooltipMock=e;

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

@@ -1,39 +0,0 @@
-//#region src/showcase/premium/tooltip/mock.ts
-var e = {
-	code: "import { Button, Tooltip } from \"tembro\"\n\nexport function Example() {\n  return (\n    <div className=\"flex gap-3\">\n      <Tooltip content=\"Copies the current code snippet to clipboard.\">\n        <Button variant=\"outline\">Copy code</Button>\n      </Tooltip>\n\n      <Tooltip content=\"Only owners can publish this release.\" side=\"bottom\">\n        <Button>Publish</Button>\n      </Tooltip>\n    </div>\n  )\n}",
-	htmlCode: "<span data-slot=\"tooltip\">Hover or focus to reveal hint</span>",
-	cliCommand: "npx tembro add tooltip",
-	highlights: [
-		"Short helper copy",
-		"Hover + focus states",
-		"Placement control",
-		"Low-noise guidance"
-	],
-	relatedBlockSlugs: [
-		"settings-form",
-		"dashboard-starter",
-		"crm-dashboard"
-	],
-	scenarios: [
-		{
-			title: "Action clarification",
-			description: "Clarify compact buttons without adding full inline helper text."
-		},
-		{
-			title: "Permission hint",
-			description: "Explain why a control matters before users commit."
-		},
-		{
-			title: "Dense data tables",
-			description: "Keep labels short while still exposing supporting context on focus."
-		}
-	],
-	capabilityNotes: [
-		"Keep tooltip copy to one short sentence.",
-		"Use focus-safe triggers so keyboard users get the same guidance.",
-		"Do not place critical instructions only inside a tooltip.",
-		"If the content needs actions or long text, switch to Popover instead."
-	]
-};
-//#endregion
-export { e as tooltipMock };

package/dist/src/showcase/premium/tooltip/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/tooltip/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=[`top`,`right`,`bottom`,`left`],o=`border-t border-[color:var(--aui-divider)] py-6`;function s(){let[e,s]=r.useState(`top`),[c,l]=r.useState(!1);return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsx)(`section`,{className:`pb-6`,children:(0,i.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end 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:`Tooltip`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Explain quickly, then get out`}),(0,i.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Tooltip should answer one short question near the trigger without interrupting the screen.`})]}),(0,i.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Side`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong capitalize`,children:e})]}),(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`State`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:c?`Disabled`:`Enabled`})]}),(0,i.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Use for`}),(0,i.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:`Short hints`})]})]})]})}),(0,i.jsx)(`section`,{className:o,children:(0,i.jsx)(`div`,{className:`flex min-h-48 items-center justify-center rounded-[22px] border border-[color:var(--aui-divider)] p-5`,children:(0,i.jsx)(n.Tooltip,{content:`Copies the current docs example to your clipboard.`,side:e,disabled:c,children:(0,i.jsx)(t.Button,{type:`button`,variant:`outline`,children:`Hover or focus me`})})})}),(0,i.jsx)(`section`,{className:o,children:(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[a.map(n=>(0,i.jsx)(t.Button,{type:`button`,size:`sm`,variant:e===n?`default`:`secondary`,onClick:()=>s(n),children:n},n)),(0,i.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>l(e=>!e),children:c?`Enable`:`Disable`})]})})]})}exports.TooltipShowcase=s;