tembro 2.0.3 → 2.0.5

package/dist/components/patterns/form-builder.d.ts

@@ -1,109 +0,0 @@
-import * as React from "react";
-import type { Control, FieldPath, FieldValues } from "react-hook-form";
-import { type FormInputProps } from "@/components/form/form-input";
-import { type FormTextareaProps } from "@/components/form/form-textarea";
-import { type FormSelectProps } from "@/components/form/form-select";
-import { type FormAsyncSelectProps } from "@/components/form/form-async-select";
-import { type FormSwitchProps } from "@/components/form/form-switch";
-import { type FormNumberInputProps } from "@/components/form/form-number-input";
-import { type FormPhoneInputProps } from "@/components/form/form-phone-input";
-import { type FormDateInputProps } from "@/components/form/form-date-input";
-import { type FormDateRangeInputProps } from "@/components/form/form-date-range-input";
-export type FormBuilderLayout = "grid" | "stack";
-export type FormBuilderDensity = "compact" | "default" | "comfortable";
-export type FormBuilderFieldRenderContext<TFieldValues extends FieldValues> = {
-    control: Control<TFieldValues>;
-    disabled?: boolean;
-    readOnly?: boolean;
-};
-type BaseFormBuilderField = {
-    id: string;
-    hidden?: boolean;
-    className?: string;
-    colSpan?: 1 | 2 | 3 | 4 | "full";
-};
-export type FormBuilderCustomField<TFieldValues extends FieldValues> = BaseFormBuilderField & {
-    type: "custom";
-    render: (context: FormBuilderFieldRenderContext<TFieldValues>) => React.ReactNode;
-};
-export type FormBuilderInputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "input";
-    props: Omit<FormInputProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderTextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "textarea";
-    props: Omit<FormTextareaProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "select";
-    props: Omit<FormSelectProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderAsyncSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "async-select";
-    props: Omit<FormAsyncSelectProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderSwitchField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "switch";
-    props: Omit<FormSwitchProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderNumberField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "number";
-    props: Omit<FormNumberInputProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderPhoneField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "phone";
-    props: Omit<FormPhoneInputProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderDateField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "date";
-    props: Omit<FormDateInputProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderDateRangeField<TFieldValues extends FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "date-range";
-    props: Omit<FormDateRangeInputProps<TFieldValues, TFromName, TToName>, "control">;
-};
-export type FormBuilderField<TFieldValues extends FieldValues> = FormBuilderCustomField<TFieldValues> | FormBuilderInputField<TFieldValues> | FormBuilderTextareaField<TFieldValues> | FormBuilderSelectField<TFieldValues> | FormBuilderAsyncSelectField<TFieldValues> | FormBuilderSwitchField<TFieldValues> | FormBuilderNumberField<TFieldValues> | FormBuilderPhoneField<TFieldValues> | FormBuilderDateField<TFieldValues> | FormBuilderDateRangeField<TFieldValues>;
-export type FormBuilderSection<TFieldValues extends FieldValues> = {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-    hidden?: boolean;
-    className?: string;
-    fields: FormBuilderField<TFieldValues>[];
-};
-export type FormBuilderProps<TFieldValues extends FieldValues> = Omit<React.ComponentProps<"form">, "children"> & {
-    control: Control<TFieldValues>;
-    fields?: FormBuilderField<TFieldValues>[];
-    sections?: FormBuilderSection<TFieldValues>[];
-    layout?: FormBuilderLayout;
-    density?: FormBuilderDensity;
-    columns?: 1 | 2 | 3 | 4;
-    disabled?: boolean;
-    readOnly?: boolean;
-    footer?: React.ReactNode;
-    submitLabel?: React.ReactNode;
-    resetLabel?: React.ReactNode;
-    onResetClick?: () => void;
-    isSubmitting?: boolean;
-    sectionClassName?: string;
-    fieldClassName?: string;
-    footerClassName?: string;
-};
-type FieldPresetOptions<TProps> = BaseFormBuilderField & {
-    props: TProps;
-};
-declare function inputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderInputField<TFieldValues, TName>["props"]>): FormBuilderInputField<TFieldValues, TName>;
-declare function textareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderTextareaField<TFieldValues, TName>["props"]>): FormBuilderTextareaField<TFieldValues, TName>;
-declare function selectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderSelectField<TFieldValues, TName>["props"]>): FormBuilderSelectField<TFieldValues, TName>;
-declare function asyncSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderAsyncSelectField<TFieldValues, TName>["props"]>): FormBuilderAsyncSelectField<TFieldValues, TName>;
-declare function switchField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderSwitchField<TFieldValues, TName>["props"]>): FormBuilderSwitchField<TFieldValues, TName>;
-declare function numberField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderNumberField<TFieldValues, TName>["props"]>): FormBuilderNumberField<TFieldValues, TName>;
-declare function phoneField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderPhoneField<TFieldValues, TName>["props"]>): FormBuilderPhoneField<TFieldValues, TName>;
-declare function dateField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderDateField<TFieldValues, TName>["props"]>): FormBuilderDateField<TFieldValues, TName>;
-declare function dateRangeField<TFieldValues extends FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderDateRangeField<TFieldValues, TFromName, TToName>["props"]>): FormBuilderDateRangeField<TFieldValues, TFromName, TToName>;
-declare function customField<TFieldValues extends FieldValues>(options: BaseFormBuilderField & Pick<FormBuilderCustomField<TFieldValues>, "render">): FormBuilderCustomField<TFieldValues>;
-declare function formSection<TFieldValues extends FieldValues>(section: FormBuilderSection<TFieldValues>): FormBuilderSection<TFieldValues>;
-declare function renderFormBuilderField<TFieldValues extends FieldValues>(field: FormBuilderField<TFieldValues>, context: FormBuilderFieldRenderContext<TFieldValues>): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-declare function FormBuilder<TFieldValues extends FieldValues>({ className, control, fields, sections, layout, density, columns, disabled, readOnly, footer, submitLabel, resetLabel, onResetClick, isSubmitting, sectionClassName, fieldClassName, footerClassName, ...props }: FormBuilderProps<TFieldValues>): React.JSX.Element;
-export { FormBuilder, asyncSelectField, customField, dateField, dateRangeField, formSection, inputField, numberField, phoneField, renderFormBuilderField, selectField, switchField, textareaField, };

package/dist/components/patterns/form-builder.js

@@ -1,263 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import { FormInput as n } from "../form/form-input.js";
-import { FormSelect as r } from "../form/form-select.js";
-import { FormSwitch as i } from "../form/form-switch.js";
-import { FormTextarea as a } from "../form/form-textarea.js";
-import { FormAsyncSelect as o } from "../form/form-async-select.js";
-import { FormDateInput as s } from "../form/form-date-input.js";
-import { FormDateRangeInput as c } from "../form/form-date-range-input.js";
-import { FormNumberInput as l } from "../form/form-number-input.js";
-import { FormPhoneInput as u } from "../form/form-phone-input.js";
-import * as d from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/patterns/form-builder.tsx
-var h = {
-	compact: "gap-3",
-	default: "gap-4",
-	comfortable: "gap-6"
-}, g = {
-	1: "grid-cols-1",
-	2: "grid-cols-1 md:grid-cols-2",
-	3: "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
-	4: "grid-cols-1 md:grid-cols-2 xl:grid-cols-4"
-}, _ = {
-	1: "col-span-1",
-	2: "md:col-span-2",
-	3: "xl:col-span-3",
-	4: "xl:col-span-4",
-	full: "col-span-full"
-};
-function v(e) {
-	let { id: t, hidden: n, className: r, colSpan: i, props: a } = e;
-	return {
-		base: {
-			id: t,
-			hidden: n,
-			className: r,
-			colSpan: i
-		},
-		props: a
-	};
-}
-function y(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "input",
-		props: n
-	};
-}
-function b(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "textarea",
-		props: n
-	};
-}
-function x(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "select",
-		props: n
-	};
-}
-function S(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "async-select",
-		props: n
-	};
-}
-function C(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "switch",
-		props: n
-	};
-}
-function w(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "number",
-		props: n
-	};
-}
-function T(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "phone",
-		props: n
-	};
-}
-function E(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "date",
-		props: n
-	};
-}
-function D(e) {
-	let { base: t, props: n } = v(e);
-	return {
-		...t,
-		type: "date-range",
-		props: n
-	};
-}
-function O(e) {
-	let { id: t, hidden: n, className: r, colSpan: i, render: a } = e;
-	return {
-		id: t,
-		hidden: n,
-		className: r,
-		colSpan: i,
-		type: "custom",
-		render: a
-	};
-}
-function k(e) {
-	return e;
-}
-function A(e, t) {
-	let f = n, m = r;
-	switch (e.type) {
-		case "custom": return e.render(t);
-		case "input": return d.createElement(f, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "textarea": return /* @__PURE__ */ p(a, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "select": return d.createElement(m, {
-			control: t.control,
-			disabled: t.disabled,
-			...e.props
-		});
-		case "async-select": return /* @__PURE__ */ p(o, {
-			control: t.control,
-			disabled: t.disabled,
-			...e.props
-		});
-		case "switch": return /* @__PURE__ */ p(i, {
-			control: t.control,
-			disabled: t.disabled,
-			...e.props
-		});
-		case "number": return /* @__PURE__ */ p(l, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "phone": return /* @__PURE__ */ p(u, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "date": return /* @__PURE__ */ p(s, {
-			control: t.control,
-			disabled: t.disabled,
-			readOnly: t.readOnly,
-			...e.props
-		});
-		case "date-range": return /* @__PURE__ */ p(c, {
-			control: t.control,
-			fromInputProps: {
-				disabled: t.disabled,
-				readOnly: t.readOnly
-			},
-			toInputProps: {
-				disabled: t.disabled,
-				readOnly: t.readOnly
-			},
-			...e.props
-		});
-		default: return null;
-	}
-}
-function j({ fields: e, sections: t }) {
-	return t?.length ? t : [{
-		id: "default",
-		fields: e ?? []
-	}];
-}
-function M({ className: n, control: r, fields: i, sections: a, layout: o = "grid", density: s = "default", columns: c = 2, disabled: l, readOnly: u, footer: v, submitLabel: y, resetLabel: b, onResetClick: x, isSubmitting: S, sectionClassName: C, fieldClassName: w, footerClassName: T, ...E }) {
-	let D = j({
-		fields: i,
-		sections: a
-	}), O = d.useMemo(() => ({
-		control: r,
-		disabled: l,
-		readOnly: u
-	}), [
-		r,
-		l,
-		u
-	]);
-	return /* @__PURE__ */ m("form", {
-		"data-slot": "form-builder",
-		className: e("grid", h[s], n),
-		...E,
-		children: [D.filter((e) => !e.hidden).map((t) => /* @__PURE__ */ m("section", {
-			"data-slot": "form-builder-section",
-			className: e("grid gap-4", t.className, C),
-			children: [(t.title || t.description || t.actions) && /* @__PURE__ */ m("div", {
-				"data-slot": "form-builder-section-header",
-				className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-				children: [/* @__PURE__ */ m("div", {
-					className: "min-w-0 space-y-1",
-					children: [t.title && /* @__PURE__ */ p("h2", {
-						className: "text-base font-semibold leading-none tracking-tight",
-						children: t.title
-					}), t.description && /* @__PURE__ */ p("p", {
-						className: "text-sm text-muted-foreground",
-						children: t.description
-					})]
-				}), t.actions && /* @__PURE__ */ p("div", {
-					className: "flex shrink-0 flex-wrap items-center gap-2",
-					children: t.actions
-				})]
-			}), /* @__PURE__ */ p("div", {
-				"data-slot": "form-builder-fields",
-				"data-layout": o,
-				className: e("grid", h[s], o === "grid" ? g[c] : "grid-cols-1"),
-				children: t.fields.filter((e) => !e.hidden).map((t) => /* @__PURE__ */ p("div", {
-					"data-slot": "form-builder-field",
-					className: e(t.colSpan && _[t.colSpan], t.className, w),
-					children: A(t, O)
-				}, t.id))
-			})]
-		}, t.id)), (v || y || b) && /* @__PURE__ */ p("div", {
-			"data-slot": "form-builder-footer",
-			className: e("flex flex-wrap items-center justify-end gap-2", T),
-			children: v ?? /* @__PURE__ */ m(f, { children: [b && /* @__PURE__ */ p(t, {
-				type: "button",
-				variant: "outline",
-				disabled: l || S,
-				onClick: x,
-				children: b
-			}), y && /* @__PURE__ */ p(t, {
-				type: "submit",
-				disabled: l || S,
-				children: y
-			})] })
-		})]
-	});
-}
-//#endregion
-export { M as FormBuilder, S as asyncSelectField, O as customField, E as dateField, D as dateRangeField, k as formSection, y as inputField, w as numberField, T as phoneField, A as renderFormBuilderField, x as selectField, C as switchField, b as textareaField };

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;