tembro 2.0.2 → 2.0.4

package/dist/components/layout/stack.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-type StackGap = "xs" | "sm" | "md" | "lg" | "xl";
-type InlineAlign = "start" | "center" | "end" | "stretch";
-type InlineJustify = "start" | "center" | "end" | "between";
-type GridColumns = 1 | 2 | 3 | 4 | 5 | 6;
-export type StackProps = React.ComponentProps<"div"> & {
-    gap?: StackGap;
-    splitAfter?: React.ReactNode;
-};
-declare function Stack({ gap, splitAfter, className, children, ...props }: StackProps): React.JSX.Element;
-export type InlineProps = React.ComponentProps<"div"> & {
-    gap?: StackGap;
-    align?: InlineAlign;
-    justify?: InlineJustify;
-    wrap?: boolean;
-};
-export type GridProps = React.ComponentProps<"div"> & {
-    gap?: StackGap;
-    columns?: GridColumns;
-};
-declare function Inline({ gap, align, justify, wrap, className, children, ...props }: InlineProps): React.JSX.Element;
-declare function Grid({ gap, columns, className, children, ...props }: GridProps): React.JSX.Element;
-export { Grid, Inline, Stack };

package/dist/components/layout/stack.js

@@ -1,57 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/layout/stack.tsx
-var r = {
-	xs: "gap-2",
-	sm: "gap-3",
-	md: "gap-4",
-	lg: "gap-6",
-	xl: "gap-8"
-}, i = {
-	start: "items-start",
-	center: "items-center",
-	end: "items-end",
-	stretch: "items-stretch"
-}, a = {
-	start: "justify-start",
-	center: "justify-center",
-	end: "justify-end",
-	between: "justify-between"
-}, o = {
-	1: "grid-cols-1",
-	2: "grid-cols-2",
-	3: "grid-cols-3",
-	4: "grid-cols-4",
-	5: "grid-cols-5",
-	6: "grid-cols-6"
-};
-function s({ gap: i = "md", splitAfter: a, className: o, children: s, ...c }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "stack",
-		className: e("flex min-w-0 flex-col", r[i], o),
-		...c,
-		children: [s, a ? /* @__PURE__ */ t("div", {
-			"data-slot": "stack-split-after",
-			children: a
-		}) : null]
-	});
-}
-function c({ gap: n = "md", align: o = "center", justify: s = "start", wrap: c = !0, className: l, children: u, ...d }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "inline",
-		className: e("flex min-w-0", r[n], i[o], a[s], c ? "flex-wrap" : "flex-nowrap", l),
-		...d,
-		children: u
-	});
-}
-function l({ gap: n = "md", columns: i = 2, className: a, children: s, ...c }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "grid",
-		className: e("grid min-w-0", r[n], o[i], a),
-		...c,
-		children: s
-	});
-}
-//#endregion
-export { l as Grid, c as Inline, s as Stack };

package/dist/components/modern/affix.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({offsetTop:e=0,zIndex:n=30,className:i,style:a,...o}){return(0,r.jsx)(`div`,{"data-slot":`affix`,className:t.cn(`sticky`,i),style:{top:e,zIndex:n,...a},...o})}exports.Affix=i;

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

@@ -1,7 +0,0 @@
-import * as React from "react";
-export type AffixProps = React.ComponentProps<"div"> & {
-    offsetTop?: number;
-    zIndex?: number;
-};
-declare function Affix({ offsetTop, zIndex, className, style, ...props }: AffixProps): React.JSX.Element;
-export { Affix };

package/dist/components/modern/affix.js

@@ -1,18 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/modern/affix.tsx
-function n({ offsetTop: n = 0, zIndex: r = 30, className: i, style: a, ...o }) {
-	return /* @__PURE__ */ t("div", {
-		"data-slot": "affix",
-		className: e("sticky", i),
-		style: {
-			top: n,
-			zIndex: r,
-			...a
-		},
-		...o
-	});
-}
-//#endregion
-export { n as Affix };

package/dist/showcase/premium/affix/index.cjs

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

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

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

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

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

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

@@ -1,12 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Affix } from "@/index"
-
-export function Example() {
-  return (
-    <div className="relative h-48 overflow-y-auto border p-3">
-      <Affix offsetTop={12} zIndex={40} className="bg-primary text-primary-foreground px-3 py-2">
-        Sticky header
-      </Affix>
-      <p className="pt-10">Scroll inside container to test sticky placement.</p>
-    </div>
-  )
-}`,cliCommand:`npx tembro add affix`,highlights:[`Pin content to an offset within a scrollable container`,`Simple API with top and z-index control`],scenarios:[{title:`Toolbar`,description:`Keep action buttons visible while users scroll long forms.`},{title:`Quick filters`,description:`Keep filters always reachable in long list pages.`}]};exports.affixMock=e;

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

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

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

@@ -1,15 +0,0 @@
-//#region src/showcase/premium/affix/mock.ts
-var e = {
-	code: "import { Affix } from \"@/index\"\n\nexport function Example() {\n  return (\n    <div className=\"relative h-48 overflow-y-auto border p-3\">\n      <Affix offsetTop={12} zIndex={40} className=\"bg-primary text-primary-foreground px-3 py-2\">\n        Sticky header\n      </Affix>\n      <p className=\"pt-10\">Scroll inside container to test sticky placement.</p>\n    </div>\n  )\n}",
-	cliCommand: "npx tembro add affix",
-	highlights: ["Pin content to an offset within a scrollable container", "Simple API with top and z-index control"],
-	scenarios: [{
-		title: "Toolbar",
-		description: "Keep action buttons visible while users scroll long forms."
-	}, {
-		title: "Quick filters",
-		description: "Keep filters always reachable in long list pages."
-	}]
-};
-//#endregion
-export { e as affixMock };

package/dist/showcase/premium/affix/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/affix.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(0),[a,o]=n.useState(40);return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,onClick:()=>i(e=>Math.max(0,e-8)),children:`Offset -8`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,onClick:()=>i(e=>e+8),children:`Offset +8`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-2.5 py-1 text-sm`,onClick:()=>o(e=>e===30?80:30),children:`Toggle z-index`})]}),(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Current settings: offsetTop=`,e,`, zIndex=`,a]}),(0,r.jsx)(`div`,{className:`relative h-48 overflow-y-auto rounded-lg border bg-muted/20 p-3`,children:(0,r.jsxs)(`div`,{className:`h-80 space-y-2`,children:[(0,r.jsx)(t.Affix,{offsetTop:e,zIndex:a,className:`mb-3 bg-primary/95 rounded-md px-3 py-2 text-primary-foreground`,children:`Sticky anchor bar`}),(0,r.jsx)(`p`,{children:`Scroll this area to verify sticky behavior.`}),(0,r.jsx)(`p`,{children:`Affix stays visible at the selected top offset.`}),(0,r.jsx)(`p`,{children:`Useful in dashboard toolbars and contextual quick actions.`}),(0,r.jsx)(`p`,{className:`h-64`})]})})]})}exports.AffixShowcase=i;

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

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

package/dist/showcase/premium/affix/showcase.js

@@ -1,64 +0,0 @@
-import { Affix as e } from "../../../components/modern/affix.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/affix/showcase.tsx
-function i() {
-	let [i, a] = t.useState(0), [o, s] = t.useState(40);
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: "flex flex-wrap gap-2",
-				children: [
-					/* @__PURE__ */ n("button", {
-						type: "button",
-						className: "rounded-md border px-2.5 py-1 text-sm",
-						onClick: () => a((e) => Math.max(0, e - 8)),
-						children: "Offset -8"
-					}),
-					/* @__PURE__ */ n("button", {
-						type: "button",
-						className: "rounded-md border px-2.5 py-1 text-sm",
-						onClick: () => a((e) => e + 8),
-						children: "Offset +8"
-					}),
-					/* @__PURE__ */ n("button", {
-						type: "button",
-						className: "rounded-md border px-2.5 py-1 text-sm",
-						onClick: () => s((e) => e === 30 ? 80 : 30),
-						children: "Toggle z-index"
-					})
-				]
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
-				children: [
-					"Current settings: offsetTop=",
-					i,
-					", zIndex=",
-					o
-				]
-			}),
-			/* @__PURE__ */ n("div", {
-				className: "relative h-48 overflow-y-auto rounded-lg border bg-muted/20 p-3",
-				children: /* @__PURE__ */ r("div", {
-					className: "h-80 space-y-2",
-					children: [
-						/* @__PURE__ */ n(e, {
-							offsetTop: i,
-							zIndex: o,
-							className: "mb-3 bg-primary/95 rounded-md px-3 py-2 text-primary-foreground",
-							children: "Sticky anchor bar"
-						}),
-						/* @__PURE__ */ n("p", { children: "Scroll this area to verify sticky behavior." }),
-						/* @__PURE__ */ n("p", { children: "Affix stays visible at the selected top offset." }),
-						/* @__PURE__ */ n("p", { children: "Useful in dashboard toolbars and contextual quick actions." }),
-						/* @__PURE__ */ n("p", { className: "h-64" })
-					]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { i as AffixShowcase };

package/dist/showcase/premium/aspect-ratio/index.cjs

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

package/dist/showcase/premium/aspect-ratio/index.d.ts

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

package/dist/showcase/premium/aspect-ratio/index.js

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

package/dist/showcase/premium/aspect-ratio/mock.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { AspectRatio } from "@/index"
-
-export function Example() {
-  return (
-    <AspectRatio ratio={16 / 9} className="rounded-xl border bg-muted">
-      <div className="grid size-full place-items-center text-sm font-medium text-foreground">
-        16:9 media slot
-      </div>
-    </AspectRatio>
-  )
-}`,cliCommand:`npx tembro add aspect-ratio`,highlights:[`Controls media card proportions in one place`,`Works for images, iframes, and any fixed-ratio container`,`Stable in dashboard and content-heavy layouts`],scenarios:[{title:`Media hero`,description:`Reserve consistent 16:9 ratio for previews.`},{title:`Card media`,description:`Keep media and text alignment predictable.`},{title:`Document preview`,description:`Prevent jumpy layouts while content loads.`}]};exports.aspectRatioMock=e;

package/dist/showcase/premium/aspect-ratio/mock.d.ts

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

package/dist/showcase/premium/aspect-ratio/mock.js

@@ -1,26 +0,0 @@
-//#region src/showcase/premium/aspect-ratio/mock.ts
-var e = {
-	code: "import { AspectRatio } from \"@/index\"\n\nexport function Example() {\n  return (\n    <AspectRatio ratio={16 / 9} className=\"rounded-xl border bg-muted\">\n      <div className=\"grid size-full place-items-center text-sm font-medium text-foreground\">\n        16:9 media slot\n      </div>\n    </AspectRatio>\n  )\n}",
-	cliCommand: "npx tembro add aspect-ratio",
-	highlights: [
-		"Controls media card proportions in one place",
-		"Works for images, iframes, and any fixed-ratio container",
-		"Stable in dashboard and content-heavy layouts"
-	],
-	scenarios: [
-		{
-			title: "Media hero",
-			description: "Reserve consistent 16:9 ratio for previews."
-		},
-		{
-			title: "Card media",
-			description: "Keep media and text alignment predictable."
-		},
-		{
-			title: "Document preview",
-			description: "Prevent jumpy layouts while content loads."
-		}
-	]
-};
-//#endregion
-export { e as aspectRatioMock };

package/dist/showcase/premium/aspect-ratio/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/display/aspect-ratio.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=[{label:`16:9`,ratio:16/9},{label:`4:3`,ratio:4/3},{label:`1:1`,ratio:1},{label:`3:4`,ratio:3/4}];function o(){let[e,o]=r.useState(0);return(0,i.jsxs)(`div`,{className:`space-y-5`,children:[(0,i.jsx)(`section`,{className:`flex flex-wrap gap-3`,children:a.map((n,r)=>(0,i.jsx)(t.Button,{variant:e===r?`default`:`outline`,size:`sm`,onClick:()=>o(r),children:n.label},n.label))}),(0,i.jsx)(n.AspectRatio,{ratio:a[e].ratio,className:`rounded-2xl border border-border bg-card`,children:(0,i.jsxs)(`div`,{className:`grid h-full place-items-center bg-[linear-gradient(135deg,color-mix(in_oklch,var(--aui-page-bg),transparent_75%),transparent)] p-6 text-center`,children:[(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:a[e].label}),(0,i.jsx)(`p`,{className:`text-xl font-semibold text-foreground`,children:`Adaptive ratio surface`})]})})]})}exports.AspectRatioShowcase=o;

package/dist/showcase/premium/aspect-ratio/showcase.d.ts

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

package/dist/showcase/premium/aspect-ratio/showcase.js

@@ -1,53 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { AspectRatio as t } from "../../../components/display/aspect-ratio.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/aspect-ratio/showcase.tsx
-var a = [
-	{
-		label: "16:9",
-		ratio: 16 / 9
-	},
-	{
-		label: "4:3",
-		ratio: 4 / 3
-	},
-	{
-		label: "1:1",
-		ratio: 1
-	},
-	{
-		label: "3:4",
-		ratio: 3 / 4
-	}
-];
-function o() {
-	let [o, s] = n.useState(0);
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-5",
-		children: [/* @__PURE__ */ r("section", {
-			className: "flex flex-wrap gap-3",
-			children: a.map((t, n) => /* @__PURE__ */ r(e, {
-				variant: o === n ? "default" : "outline",
-				size: "sm",
-				onClick: () => s(n),
-				children: t.label
-			}, t.label))
-		}), /* @__PURE__ */ r(t, {
-			ratio: a[o].ratio,
-			className: "rounded-2xl border border-border bg-card",
-			children: /* @__PURE__ */ i("div", {
-				className: "grid h-full place-items-center bg-[linear-gradient(135deg,color-mix(in_oklch,var(--aui-page-bg),transparent_75%),transparent)] p-6 text-center",
-				children: [/* @__PURE__ */ r("p", {
-					className: "text-sm text-muted-foreground",
-					children: a[o].label
-				}), /* @__PURE__ */ r("p", {
-					className: "text-xl font-semibold text-foreground",
-					children: "Adaptive ratio surface"
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { o as AspectRatioShowcase };

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

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

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

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

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

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

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

@@ -1,9 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Cascader } from "@/index"
-
-const options = [{ value: "eu", label: "Europe", children: [{ value: "uk", label: "United Kingdom", children: [{ value: "london", label: "London" }] }] }]
-
-export function Example() {
-  const [value, setValue] = useState<string[]>([])
-
-  return <Cascader options={options} value={value} onValueChange={setValue} />
-}`,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.`}]};exports.cascaderMock=e;

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

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

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/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/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;