tembro 1.0.3 → 2.0.1

package/dist/showcase/families/form/showcase.js

@@ -1,318 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { FormInput as n } from "../../../components/form/form-input.js";
-import { FormSelect as r } from "../../../components/form/form-select.js";
-import { FormSwitch as i } from "../../../components/form/form-switch.js";
-import { FormTextarea as a } from "../../../components/form/form-textarea.js";
-import { defaultFormValues as o, groupedWorkspaceOptions as s, workspaceOptions as c } from "./data.js";
-import * as l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useForm as f, useWatch as p } from "react-hook-form";
-//#region src/showcase/families/form/showcase.tsx
-function m({ setState: m }) {
-	let [h, g] = l.useState("editing"), _ = f({ defaultValues: o }), v = p({
-		control: _.control,
-		name: "publishChanges"
-	}), y = p({
-		control: _.control,
-		name: "workspaceName"
-	}), b = p({
-		control: _.control,
-		name: "status"
-	}), x = p({
-		control: _.control,
-		name: "owner"
-	}), S = l.useCallback(async (e) => {
-		await new Promise((e) => window.setTimeout(e, 260));
-		let t = e.trim().toLowerCase();
-		return t ? [{
-			label: "Search results",
-			options: c.filter((e) => [
-				e.label,
-				e.description,
-				e.data.team,
-				e.data.status
-			].join(" ").toLowerCase().includes(t))
-		}] : s;
-	}, []), C = l.useCallback(async (e) => (await new Promise((e) => window.setTimeout(e, 120)), c.find((t) => t.value === e) ?? null), []), w = _.handleSubmit(async (e) => {
-		g("submitting"), await new Promise((e) => window.setTimeout(e, 420)), g("saved"), m({ notes: `Saved ${e.workspaceName} with ${e.status} status and ${e.publishChanges ? "enabled" : "disabled"} publish sync.` });
-	});
-	return /* @__PURE__ */ d("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ u("div", {
-			className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5",
-			children: /* @__PURE__ */ d("div", {
-				className: "flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between",
-				children: [/* @__PURE__ */ d("div", {
-					className: "space-y-3",
-					children: [/* @__PURE__ */ d("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ u(t, {
-								variant: "outline",
-								children: "react-hook-form"
-							}),
-							/* @__PURE__ */ u(t, {
-								variant: "outline",
-								children: "Wrapped fields"
-							}),
-							/* @__PURE__ */ u(t, {
-								variant: "outline",
-								children: "Async entity select"
-							}),
-							/* @__PURE__ */ u(t, {
-								variant: "outline",
-								children: _.formState.isDirty ? "Dirty" : "Pristine"
-							})
-						]
-					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-						className: "aui-text-strong text-sm font-medium",
-						children: "Settings editor flow"
-					}), /* @__PURE__ */ u("p", {
-						className: "aui-text-muted mt-1 text-sm leading-6",
-						children: "Wrapped field shell, async entity selection, boolean control, helper copy and submit/reset behavior should read like one coherent form route."
-					})] })]
-				}), /* @__PURE__ */ d("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ u(e, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => {
-							_.reset(o), g("editing");
-						},
-						children: "Reset"
-					}), /* @__PURE__ */ u(e, {
-						size: "sm",
-						onClick: () => void w(),
-						disabled: h === "submitting",
-						children: h === "submitting" ? "Saving..." : h === "saved" ? "Saved" : "Save changes"
-					})]
-				})]
-			})
-		}), /* @__PURE__ */ d("div", {
-			className: "grid gap-4 xl:grid-cols-[1.08fr_0.92fr]",
-			children: [/* @__PURE__ */ d("div", {
-				className: "space-y-4 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5",
-				children: [/* @__PURE__ */ d("form", {
-					className: "grid gap-4",
-					onSubmit: (e) => {
-						e.preventDefault(), w();
-					},
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ u(n, {
-								control: _.control,
-								name: "workspaceName",
-								label: "Workspace name",
-								required: !0,
-								placeholder: "Enter workspace name",
-								description: "Primary title rendered across docs, templates, and component routes.",
-								fieldClassName: "h-11"
-							}), /* @__PURE__ */ u(r, {
-								control: _.control,
-								name: "status",
-								label: "Release status",
-								required: !0,
-								description: "Use a controlled select for lifecycle state.",
-								options: [
-									{
-										label: "Draft",
-										value: "draft"
-									},
-									{
-										label: "Review",
-										value: "review"
-									},
-									{
-										label: "Live",
-										value: "live"
-									}
-								],
-								placeholder: "Choose status"
-							})]
-						}),
-						/* @__PURE__ */ u(r, {
-							control: _.control,
-							name: "owner",
-							kind: "async",
-							label: "Linked workspace",
-							required: !0,
-							description: "Hydrate saved entity values back into the form and keep async selection inside the same FormSelect API.",
-							defaultOptions: s,
-							loadOptions: S,
-							loadSelectedOption: C,
-							labels: {
-								placeholder: "Select workspace",
-								searchPlaceholder: "Search workspaces...",
-								loading: "Loading workspaces...",
-								empty: "No workspace found"
-							},
-							renderValue: (e) => /* @__PURE__ */ d("span", {
-								className: "inline-flex min-w-0 flex-col text-left",
-								children: [/* @__PURE__ */ u("span", {
-									className: "truncate",
-									children: e.label
-								}), /* @__PURE__ */ u("span", {
-									className: "aui-text-muted truncate text-xs",
-									children: e.data.team
-								})]
-							}),
-							renderOption: (e, t) => /* @__PURE__ */ d("span", {
-								className: "flex min-w-0 items-start justify-between gap-3",
-								children: [/* @__PURE__ */ d("span", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ u("span", {
-										className: "block truncate font-medium",
-										children: e.label
-									}), /* @__PURE__ */ u("span", {
-										className: "aui-text-muted block truncate text-xs",
-										children: e.description
-									})]
-								}), /* @__PURE__ */ u("span", {
-									className: t.selected ? "rounded-full aui-surface-strong px-2 py-0.5 text-[11px]" : "aui-text-muted rounded-full bg-[color:var(--aui-surface-muted)] px-2 py-0.5 text-[11px]",
-									children: e.data.status
-								})]
-							})
-						}),
-						/* @__PURE__ */ u(a, {
-							control: _.control,
-							name: "notes",
-							label: "Release notes",
-							description: "Long-form copy should stay aligned with labels, descriptions and validation shell.",
-							fieldClassName: "min-h-28"
-						}),
-						/* @__PURE__ */ u(i, {
-							control: _.control,
-							name: "publishChanges",
-							label: "Publish after save",
-							description: "Demonstrates wrapped boolean controls inside the same form system."
-						})
-					]
-				}), /* @__PURE__ */ d("div", {
-					className: "grid gap-3 md:grid-cols-3",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[18px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3",
-							children: [/* @__PURE__ */ u("p", {
-								className: "aui-text-strong text-sm font-medium",
-								children: "Step 1: edit fields"
-							}), /* @__PURE__ */ u("p", {
-								className: "aui-text-subtle mt-2 text-sm leading-6",
-								children: "Text, select, async select and textarea stay aligned inside one shell system."
-							})]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[18px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3",
-							children: [/* @__PURE__ */ u("p", {
-								className: "aui-text-strong text-sm font-medium",
-								children: "Step 2: track dirty"
-							}), /* @__PURE__ */ u("p", {
-								className: "aui-text-subtle mt-2 text-sm leading-6",
-								children: "Pristine and dirty state remain visible without building custom page-specific glue."
-							})]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[18px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3",
-							children: [/* @__PURE__ */ u("p", {
-								className: "aui-text-strong text-sm font-medium",
-								children: "Step 3: submit flow"
-							}), /* @__PURE__ */ u("p", {
-								className: "aui-text-subtle mt-2 text-sm leading-6",
-								children: "Save and reset show real behavior instead of just decorative buttons."
-							})]
-						})
-					]
-				})]
-			}), /* @__PURE__ */ d("div", {
-				className: "space-y-4 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5",
-				children: [/* @__PURE__ */ d("div", {
-					className: "grid gap-3 md:grid-cols-2 xl:grid-cols-1",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] p-4",
-							children: [
-								/* @__PURE__ */ u("p", {
-									className: "aui-text-muted text-sm",
-									children: "Form state"
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "aui-text-strong mt-2 text-lg font-semibold",
-									children: h
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "aui-text-subtle mt-2 text-sm",
-									children: _.formState.isDirty ? "There are unsaved changes in the editor." : "Current values match the saved snapshot."
-								})
-							]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] p-4",
-							children: [
-								/* @__PURE__ */ u("p", {
-									className: "aui-text-muted text-sm",
-									children: "Current workspace"
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "aui-text-strong mt-2 text-lg font-semibold",
-									children: y || "Untitled workspace"
-								}),
-								/* @__PURE__ */ d("p", {
-									className: "aui-text-subtle mt-2 text-sm",
-									children: [
-										"Status: ",
-										b,
-										" • Owner: ",
-										x
-									]
-								})
-							]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] p-4",
-							children: [/* @__PURE__ */ u("p", {
-								className: "aui-text-muted text-sm",
-								children: "Submit behavior"
-							}), /* @__PURE__ */ d("div", {
-								className: "mt-3 flex flex-wrap gap-2",
-								children: [
-									/* @__PURE__ */ u(t, {
-										variant: "outline",
-										children: "Reset"
-									}),
-									/* @__PURE__ */ u(t, {
-										variant: "outline",
-										children: "Dirty tracking"
-									}),
-									/* @__PURE__ */ u(t, {
-										variant: "outline",
-										children: "Async hydrate"
-									}),
-									/* @__PURE__ */ u(t, {
-										variant: "outline",
-										children: v ? "Publish on" : "Publish off"
-									})
-								]
-							})]
-						})
-					]
-				}), /* @__PURE__ */ d("div", {
-					className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] p-4",
-					children: [/* @__PURE__ */ u("p", {
-						className: "aui-text-muted text-sm",
-						children: "Why this matters"
-					}), /* @__PURE__ */ d("div", {
-						className: "aui-text-subtle mt-3 space-y-2 text-sm",
-						children: [
-							/* @__PURE__ */ u("p", { children: "One wrapper system keeps label, helper and error layout consistent." }),
-							/* @__PURE__ */ u("p", { children: "Async fields can hydrate edit values instead of only supporting fresh creation." }),
-							/* @__PURE__ */ u("p", { children: "Form route now shows actual submit and reset flow instead of static decoration." })
-						]
-					})]
-				})]
-			})]
-		})]
-	});
-}
-//#endregion
-export { m as FormFamilyShowcase };

package/dist/showcase/families/form/types.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});

package/dist/showcase/families/form/types.d.ts

@@ -1,9 +0,0 @@
-export type FormDemoField = {
-    label: string;
-    kind: "input" | "badge" | "textarea";
-    helper: string;
-};
-export type FormDemoAction = {
-    label: string;
-    variant: "default" | "outline";
-};

package/dist/showcase/families/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./actions/showcase.cjs"),t=require("./actions/mock.cjs"),n=require("./calendar/showcase.cjs"),r=require("./calendar/mock.cjs"),i=require("./command/showcase.cjs"),a=require("./command/mock.cjs"),o=require("./data-table/showcase.cjs"),s=require("./data-table/mock.cjs"),c=require("./display/showcase.cjs"),l=require("./display/mock.cjs"),u=require("./filters/showcase.cjs"),d=require("./filters/mock.cjs"),f=require("./form/showcase.cjs"),p=require("./form/mock.cjs"),m=require("./inputs/showcase.cjs"),h=require("./inputs/mock.cjs"),g=require("./layout/showcase.cjs"),_=require("./layout/mock.cjs"),v=require("./navigation/showcase.cjs"),y=require("./navigation/mock.cjs"),b=require("./notifications/showcase.cjs"),x=require("./notifications/mock.cjs"),S=require("./overlay/showcase.cjs"),C=require("./overlay/mock.cjs"),w=require("./patterns/showcase.cjs"),T=require("./patterns/mock.cjs"),E=require("./upload/showcase.cjs"),D=require("./upload/mock.cjs"),O=require("./wizard/showcase.cjs"),k=require("./wizard/mock.cjs"),A=require("./types.cjs");var j={actions:{mock:t.actionsFamilyMock,Showcase:e.ActionsFamilyShowcase},filters:{mock:d.filtersFamilyMock,Showcase:u.FiltersFamilyShowcase},overlay:{mock:C.overlayFamilyMock,Showcase:S.OverlayFamilyShowcase},navigation:{mock:y.navigationFamilyMock,Showcase:v.NavigationFamilyShowcase},layout:{mock:_.layoutFamilyMock,Showcase:g.LayoutFamilyShowcase},"data-table":{mock:s.dataTableFamilyMock,Showcase:o.DataTableFamilyShowcase},inputs:{mock:h.inputsFamilyMock,Showcase:m.InputsFamilyShowcase},form:{mock:p.formFamilyMock,Showcase:f.FormFamilyShowcase},display:{mock:l.displayFamilyMock,Showcase:c.DisplayFamilyShowcase},notifications:{mock:x.notificationsFamilyMock,Showcase:b.NotificationsFamilyShowcase},command:{mock:a.commandFamilyMock,Showcase:i.CommandFamilyShowcase},calendar:{mock:r.calendarFamilyMock,Showcase:n.CalendarFamilyShowcase},wizard:{mock:k.wizardFamilyMock,Showcase:O.WizardFamilyShowcase},upload:{mock:D.uploadFamilyMock,Showcase:E.UploadFamilyShowcase},patterns:{mock:T.patternsFamilyMock,Showcase:w.PatternsFamilyShowcase}};exports.defaultFamilyDemoState=A.defaultFamilyDemoState,exports.familyDemoRegistry=j;

package/dist/showcase/families/index.d.ts

@@ -1,3 +0,0 @@
-import type { FamilyDemoBundle } from "./types";
-export { defaultFamilyDemoState, type FamilyDemoBundle, type FamilyDemoProps, type FamilyDemoState } from "./types";
-export declare const familyDemoRegistry: Record<string, FamilyDemoBundle>;

package/dist/showcase/families/index.js

@@ -1,96 +0,0 @@
-import { ActionsFamilyShowcase as e } from "./actions/showcase.js";
-import { actionsFamilyMock as t } from "./actions/mock.js";
-import { CalendarFamilyShowcase as n } from "./calendar/showcase.js";
-import { calendarFamilyMock as r } from "./calendar/mock.js";
-import { CommandFamilyShowcase as i } from "./command/showcase.js";
-import { commandFamilyMock as a } from "./command/mock.js";
-import { DataTableFamilyShowcase as o } from "./data-table/showcase.js";
-import { dataTableFamilyMock as s } from "./data-table/mock.js";
-import { DisplayFamilyShowcase as c } from "./display/showcase.js";
-import { displayFamilyMock as l } from "./display/mock.js";
-import { FiltersFamilyShowcase as u } from "./filters/showcase.js";
-import { filtersFamilyMock as d } from "./filters/mock.js";
-import { FormFamilyShowcase as f } from "./form/showcase.js";
-import { formFamilyMock as p } from "./form/mock.js";
-import { InputsFamilyShowcase as m } from "./inputs/showcase.js";
-import { inputsFamilyMock as h } from "./inputs/mock.js";
-import { LayoutFamilyShowcase as g } from "./layout/showcase.js";
-import { layoutFamilyMock as _ } from "./layout/mock.js";
-import { NavigationFamilyShowcase as v } from "./navigation/showcase.js";
-import { navigationFamilyMock as y } from "./navigation/mock.js";
-import { NotificationsFamilyShowcase as b } from "./notifications/showcase.js";
-import { notificationsFamilyMock as x } from "./notifications/mock.js";
-import { OverlayFamilyShowcase as S } from "./overlay/showcase.js";
-import { overlayFamilyMock as C } from "./overlay/mock.js";
-import { PatternsFamilyShowcase as w } from "./patterns/showcase.js";
-import { patternsFamilyMock as T } from "./patterns/mock.js";
-import { UploadFamilyShowcase as E } from "./upload/showcase.js";
-import { uploadFamilyMock as D } from "./upload/mock.js";
-import { WizardFamilyShowcase as O } from "./wizard/showcase.js";
-import { wizardFamilyMock as k } from "./wizard/mock.js";
-import { defaultFamilyDemoState as A } from "./types.js";
-//#region src/showcase/families/index.ts
-var j = {
-	actions: {
-		mock: t,
-		Showcase: e
-	},
-	filters: {
-		mock: d,
-		Showcase: u
-	},
-	overlay: {
-		mock: C,
-		Showcase: S
-	},
-	navigation: {
-		mock: y,
-		Showcase: v
-	},
-	layout: {
-		mock: _,
-		Showcase: g
-	},
-	"data-table": {
-		mock: s,
-		Showcase: o
-	},
-	inputs: {
-		mock: h,
-		Showcase: m
-	},
-	form: {
-		mock: p,
-		Showcase: f
-	},
-	display: {
-		mock: l,
-		Showcase: c
-	},
-	notifications: {
-		mock: x,
-		Showcase: b
-	},
-	command: {
-		mock: a,
-		Showcase: i
-	},
-	calendar: {
-		mock: r,
-		Showcase: n
-	},
-	wizard: {
-		mock: k,
-		Showcase: O
-	},
-	upload: {
-		mock: D,
-		Showcase: E
-	},
-	patterns: {
-		mock: T,
-		Showcase: w
-	}
-};
-//#endregion
-export { A as defaultFamilyDemoState, j as familyDemoRegistry };

package/dist/showcase/families/inputs/data.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{value:`acme-dashboard`,label:`Acme Dashboard`,description:`Core analytics workspace`,data:{team:`Growth`,status:`Live`}},{value:`crm-workspace`,label:`CRM Workspace`,description:`Deals and pipeline control`,data:{team:`Sales`,status:`Review`}},{value:`store-command`,label:`Store Command`,description:`Commerce operations shell`,data:{team:`Commerce`,status:`Live`}},{value:`finance-dock`,label:`Finance Dock`,description:`Billing and payout center`,data:{team:`Finance`,status:`Draft`}},{value:`creator-hub`,label:`Creator Hub`,description:`Content and campaign surface`,data:{team:`Marketing`,status:`Live`}},{value:`ops-center`,label:`Ops Center`,description:`Internal service operations`,data:{team:`Operations`,status:`Review`}}],t=[{label:`Pinned`,options:e.slice(0,2)},{label:`All workspaces`,options:e.slice(2)}],n=[{value:`production`,label:`Production`,description:`Public customer-facing traffic`,keywords:[`prod`,`live`]},{value:`staging`,label:`Staging`,description:`Pre-release QA and review`,keywords:[`preview`,`qa`]},{value:`development`,label:`Development`,description:`Internal local build flow`,keywords:[`dev`,`sandbox`]}],r=[{value:`comfortable`,label:`Comfortable`},{value:`compact`,label:`Compact`}];exports.defaultWorkspaceGroups=t,exports.densityOptions=r,exports.environmentOptions=n,exports.workspaceOptions=e;

package/dist/showcase/families/inputs/data.d.ts

@@ -1,24 +0,0 @@
-export type WorkspaceOption = {
-    value: string;
-    label: string;
-    description: string;
-    data: {
-        team: string;
-        status: "Live" | "Draft" | "Review";
-    };
-};
-export declare const workspaceOptions: WorkspaceOption[];
-export declare const defaultWorkspaceGroups: {
-    label: string;
-    options: WorkspaceOption[];
-}[];
-export declare const environmentOptions: {
-    value: string;
-    label: string;
-    description: string;
-    keywords: string[];
-}[];
-export declare const densityOptions: {
-    value: string;
-    label: string;
-}[];

package/dist/showcase/families/inputs/data.js

@@ -1,90 +0,0 @@
-//#region src/showcase/families/inputs/data.ts
-var e = [
-	{
-		value: "acme-dashboard",
-		label: "Acme Dashboard",
-		description: "Core analytics workspace",
-		data: {
-			team: "Growth",
-			status: "Live"
-		}
-	},
-	{
-		value: "crm-workspace",
-		label: "CRM Workspace",
-		description: "Deals and pipeline control",
-		data: {
-			team: "Sales",
-			status: "Review"
-		}
-	},
-	{
-		value: "store-command",
-		label: "Store Command",
-		description: "Commerce operations shell",
-		data: {
-			team: "Commerce",
-			status: "Live"
-		}
-	},
-	{
-		value: "finance-dock",
-		label: "Finance Dock",
-		description: "Billing and payout center",
-		data: {
-			team: "Finance",
-			status: "Draft"
-		}
-	},
-	{
-		value: "creator-hub",
-		label: "Creator Hub",
-		description: "Content and campaign surface",
-		data: {
-			team: "Marketing",
-			status: "Live"
-		}
-	},
-	{
-		value: "ops-center",
-		label: "Ops Center",
-		description: "Internal service operations",
-		data: {
-			team: "Operations",
-			status: "Review"
-		}
-	}
-], t = [{
-	label: "Pinned",
-	options: e.slice(0, 2)
-}, {
-	label: "All workspaces",
-	options: e.slice(2)
-}], n = [
-	{
-		value: "production",
-		label: "Production",
-		description: "Public customer-facing traffic",
-		keywords: ["prod", "live"]
-	},
-	{
-		value: "staging",
-		label: "Staging",
-		description: "Pre-release QA and review",
-		keywords: ["preview", "qa"]
-	},
-	{
-		value: "development",
-		label: "Development",
-		description: "Internal local build flow",
-		keywords: ["dev", "sandbox"]
-	}
-], r = [{
-	value: "comfortable",
-	label: "Comfortable"
-}, {
-	value: "compact",
-	label: "Compact"
-}];
-//#endregion
-export { t as defaultWorkspaceGroups, r as densityOptions, n as environmentOptions, e as workspaceOptions };

package/dist/showcase/families/inputs/index.cjs

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

package/dist/showcase/families/inputs/index.d.ts

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

package/dist/showcase/families/inputs/index.js

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

package/dist/showcase/families/inputs/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { AsyncSelect, AsyncMultiSelect } from "tembro"
-
-export function Example() {
-  return <AsyncSelect loadOptions={loadOptions} />
-}`,highlights:[`AsyncSelect hydration`,`AsyncMultiSelect limits`,`Create option flow`,`Grouped remote results`],scenarios:[{title:`Workspace switching`,description:`Load large remote workspace lists without blocking the form shell.`},{title:`Linked module setup`,description:`Attach multiple modules with max selection and select-all rules.`},{title:`Editable resource forms`,description:`Hydrate saved values back into async inputs on edit routes.`}],metrics:[{label:`Exports`,value:`14`},{label:`Async flows`,value:`6+`},{label:`Status`,value:`Stable`}]};exports.inputsFamilyMock=e;

package/dist/showcase/families/inputs/mock.d.ts

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

package/dist/showcase/families/inputs/mock.js

@@ -1,40 +0,0 @@
-//#region src/showcase/families/inputs/mock.ts
-var e = {
-	code: "import { AsyncSelect, AsyncMultiSelect } from \"tembro\"\n\nexport function Example() {\n  return <AsyncSelect loadOptions={loadOptions} />\n}",
-	highlights: [
-		"AsyncSelect hydration",
-		"AsyncMultiSelect limits",
-		"Create option flow",
-		"Grouped remote results"
-	],
-	scenarios: [
-		{
-			title: "Workspace switching",
-			description: "Load large remote workspace lists without blocking the form shell."
-		},
-		{
-			title: "Linked module setup",
-			description: "Attach multiple modules with max selection and select-all rules."
-		},
-		{
-			title: "Editable resource forms",
-			description: "Hydrate saved values back into async inputs on edit routes."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "14"
-		},
-		{
-			label: "Async flows",
-			value: "6+"
-		},
-		{
-			label: "Status",
-			value: "Stable"
-		}
-	]
-};
-//#endregion
-export { e as inputsFamilyMock };

package/dist/showcase/families/inputs/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/textarea/index.cjs"),r=require("../../../components/ui/badge/index.cjs"),i=require("../../../components/inputs/async-select.cjs"),a=require("../../../components/inputs/simple-select.cjs"),o=require("./data.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");function l({state:e,setState:l}){let[u,d]=s.useState(`default`),[f,p]=s.useState(`acme-dashboard`),[m,h]=s.useState(o.workspaceOptions[0]),[g,_]=s.useState([`crm-workspace`,`store-command`]),[v,y]=s.useState([o.workspaceOptions[1],o.workspaceOptions[2]]),[b,x]=s.useState(`production`),S=s.useCallback(async e=>{if(await new Promise(e=>window.setTimeout(e,320)),u===`error`)throw Error(`Failed to load`);let t=e.trim().toLowerCase(),n=o.workspaceOptions.filter(e=>[e.label,e.description,e.data.team,e.data.status].join(` `).toLowerCase().includes(t));return t?[{label:`Search results`,options:n}]:o.defaultWorkspaceGroups},[u]),C=s.useCallback(async e=>(await new Promise(e=>window.setTimeout(e,120)),o.workspaceOptions.find(t=>t.value===e)??null),[]),w=s.useCallback(async e=>(await new Promise(e=>window.setTimeout(e,120)),o.workspaceOptions.filter(t=>e.includes(t.value))),[]),T=m??o.workspaceOptions.find(e=>e.value===f)??null;return(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:(0,c.jsxs)(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between`,children:[(0,c.jsxs)(`div`,{className:`space-y-3`,children:[(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(r.Badge,{variant:`outline`,children:`AsyncSelect`}),(0,c.jsx)(r.Badge,{variant:`outline`,children:`AsyncMultiSelect`}),(0,c.jsx)(r.Badge,{variant:`outline`,children:`SimpleSelect`}),(0,c.jsx)(r.Badge,{variant:`outline`,children:u===`strict`?`Min search 2`:u===`error`?`Error mode`:`Default mode`})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Select family coverage`}),(0,c.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`Static select, async search, hydrated edit mode, create flow, multiselect limits, clear actions and selection summaries all stay visible here.`})]})]}),(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(t.Button,{variant:u==="default"?`default`:`outline`,size:`sm`,onClick:()=>d(`default`),children:`Default`}),(0,c.jsx)(t.Button,{variant:u===`strict`?`default`:`outline`,size:`sm`,onClick:()=>d(`strict`),children:`Strict`}),(0,c.jsx)(t.Button,{variant:u===`error`?`default`:`outline`,size:`sm`,onClick:()=>d(`error`),children:`Error`}),(0,c.jsx)(t.Button,{variant:`outline`,size:`sm`,onClick:()=>{d(`default`),p(`acme-dashboard`),h(o.workspaceOptions[0]),_([`crm-workspace`,`store-command`]),y([o.workspaceOptions[1],o.workspaceOptions[2]]),x(`production`)},children:`Reset`})]})]})}),(0,c.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-[1.12fr_0.88fr]`,children:[(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,c.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Simple select`}),(0,c.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`Static option set with search and clear action for lightweight forms.`}),(0,c.jsx)(`div`,{className:`mt-4`,children:(0,c.jsx)(a.SimpleSelect,{value:b,onValueChange:e=>{x(e),l({notes:`${e??`No environment`} selected for deploy routing.`})},options:o.environmentOptions,placeholder:`Choose environment`,searchable:!0,clearable:!0})})]}),(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,c.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Single async select`}),(0,c.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`Hydrate selected value, search grouped results and create custom workspace.`}),(0,c.jsx)(`div`,{className:`mt-4`,children:(0,c.jsx)(i.AsyncSelect,{value:f,selectedOption:m,onValueChange:(e,t)=>{p(e),h(t??null),l({notes:`${t?.label??`Selection cleared`} connected to downstream workspace flow.`})},loadOptions:S,loadSelectedOption:C,defaultOptions:o.defaultWorkspaceGroups,minSearchLength:u===`strict`?2:0,cacheOptions:!0,clearable:!0,labels:{placeholder:`Select workspace`,searchPlaceholder:`Search workspaces...`,loading:`Loading workspaces...`,error:`Could not load workspaces`,empty:`No workspace found`,minSearchLength:e=>`Type at least ${e} characters`},renderValue:e=>(0,c.jsxs)(`span`,{className:`inline-flex min-w-0 flex-col text-left`,children:[(0,c.jsx)(`span`,{className:`truncate`,children:e.label}),(0,c.jsx)(`span`,{className:`aui-text-muted truncate text-xs`,children:e.data.team})]}),renderOption:(e,t)=>(0,c.jsxs)(`span`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,c.jsxs)(`span`,{className:`min-w-0`,children:[(0,c.jsx)(`span`,{className:`block truncate font-medium`,children:e.label}),(0,c.jsx)(`span`,{className:`aui-text-muted block truncate text-xs`,children:e.description})]}),(0,c.jsx)(`span`,{className:t.selected?`rounded-full aui-surface-strong px-2 py-0.5 text-[11px]`:`rounded-full bg-[color:var(--aui-page-bg-alt)] px-2 py-0.5 text-[11px] aui-text-strong`,children:e.data.status})]}),onCreateOption:e=>({value:e.trim().toLowerCase().replace(/\s+/g,`-`),label:e.trim(),description:`Created from the current route`,data:{team:`Custom`,status:`Draft`}}),createOptionLabel:e=>`Create workspace "${e}"`})})]})]}),(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,c.jsxs)(`div`,{className:`flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between`,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Async multi select`}),(0,c.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`Select all visible options, cap selection count and keep tag removal independent from trigger open state.`})]}),(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsxs)(r.Badge,{variant:`outline`,children:[g.length,` linked`]}),(0,c.jsx)(r.Badge,{variant:`outline`,children:`Max 3`}),(0,c.jsx)(r.Badge,{variant:`outline`,children:`Select visible`})]})]}),(0,c.jsx)(`div`,{className:`mt-4`,children:(0,c.jsx)(i.AsyncMultiSelect,{value:g,selectedOptions:v,onValueChange:(e,t)=>{_(e),y(t),l({notes:`${t.length} linked modules attached to the workspace form.`})},loadOptions:S,loadSelectedOptions:w,defaultOptions:o.defaultWorkspaceGroups,minSearchLength:u===`strict`?2:0,maxSelected:3,showSelectAll:!0,clearable:!0,labels:{placeholder:`Attach modules`,searchPlaceholder:`Search modules...`,loading:`Loading modules...`,error:`Could not load modules`,empty:`No module found`,clearAll:`Clear all`,selectAll:`Select visible`,selectedCount:e=>`${e} selected`,maxSelected:e=>`Maximum ${e} modules`,minSearchLength:e=>`Type at least ${e} characters`},renderOption:e=>(0,c.jsxs)(`span`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,c.jsxs)(`span`,{className:`min-w-0`,children:[(0,c.jsx)(`span`,{className:`block truncate font-medium`,children:e.label}),(0,c.jsx)(`span`,{className:`aui-text-muted block truncate text-xs`,children:e.data.team})]}),(0,c.jsx)(`span`,{className:`aui-text-muted text-[11px]`,children:e.data.status})]})})})]}),(0,c.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[{title:`Row-safe clear`,body:`Clear icons and tag remove actions stay isolated from the parent trigger or row click surface.`},{title:`Hydrated edit mode`,body:`Selected values can be restored from remote data without forcing the full option list to preload.`},{title:`Large option sets`,body:`Use async search when a plain select would overload the route or the user needs remote filtering.`}].map(e=>(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,c.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:e.title}),(0,c.jsx)(`p`,{className:`aui-text-subtle mt-2 text-sm leading-6`,children:e.body})]},e.title))})]}),(0,c.jsxs)(`div`,{className:`space-y-4 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,c.jsx)(n.Textarea,{value:e.notes,onChange:e=>l({notes:e.target.value}),className:`min-h-24`}),(0,c.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2 xl:grid-cols-1`,children:[(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,c.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Mode`}),(0,c.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:u}),(0,c.jsx)(`p`,{className:`aui-text-strong mt-2 text-sm`,children:u===`error`?`Forces renderError state.`:u===`strict`?`Requires min search before loading.`:`Immediate async search with grouped defaults.`})]}),(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,c.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Selected workspace`}),(0,c.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:T?.label??`Nothing selected`}),(0,c.jsx)(`p`,{className:`aui-text-subtle mt-2 text-sm`,children:T?.description??`Choose a workspace to hydrate its shell.`})]}),(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,c.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Linked modules`}),(0,c.jsxs)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:[g.length,` attached`]}),(0,c.jsx)(`p`,{className:`aui-text-subtle mt-2 text-sm`,children:`Tags, clear all and select visible stay synchronized with controlled value state.`})]}),(0,c.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,c.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Environment`}),(0,c.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:o.environmentOptions.find(e=>e.value===b)?.label??`Not selected`}),(0,c.jsx)(`p`,{className:`aui-text-subtle mt-2 text-sm`,children:`SimpleSelect covers the static branch of the same select family.`})]})]}),(0,c.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`grouped`,`hydration`,`create-option`,`multi-select`,`clearable`,`searchable`].map(e=>(0,c.jsx)(r.Badge,{variant:`outline`,children:e},e))}),(0,c.jsx)(a.SimpleSelect,{value:e.density,onValueChange:e=>l({density:e??`comfortable`}),options:o.densityOptions,placeholder:`Preview density`})]})]})]})}exports.InputsFamilyShowcase=l;

package/dist/showcase/families/inputs/showcase.d.ts

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