tembro 2.1.13 → 3.1.1

package/dist/showcase/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/actions/demo.cjs"),t=require("../components/calendar/demo.cjs"),n=require("../components/data-table/demo.cjs"),r=require("../components/display/demo.cjs"),i=require("../components/feedback/demo.cjs"),a=require("../components/filters/demo.cjs"),o=require("../components/form/demo.cjs"),s=require("../components/inputs/demo.cjs"),c=require("../components/layout/demo.cjs"),l=require("../components/navigation/demo.cjs"),u=require("../components/overlay/demo.cjs"),d=require("../components/patterns/demo.cjs"),f=require("../components/upload/demo.cjs"),p=require("../components/wizard/demo.cjs"),m=require("./component-api-schema.cjs"),h=require("./fallback.cjs"),g=require("./premium/types.cjs"),_=require("./premium/index.cjs"),v=require("./registry-quality.cjs"),y=require("./registry-specific.cjs"),b=require("./package-meta.cjs"),x=require("./site-data.cjs"),S=require("./supplemental.cjs"),C=require("./types.cjs"),w=require("./preview-catalog.cjs"),T=require("./preview-registry.cjs"),E=require("./search-utils.cjs");var D={...e.actionsShowcaseDemoRegistry,...t.calendarShowcaseDemoRegistry,...n.dataTableShowcaseDemoRegistry,...r.displayShowcaseDemoRegistry,...i.feedbackShowcaseDemoRegistry,...a.filtersShowcaseDemoRegistry,...o.formShowcaseDemoRegistry,...s.inputsShowcaseDemoRegistry,...c.layoutShowcaseDemoRegistry,...l.navigationShowcaseDemoRegistry,...u.overlayShowcaseDemoRegistry,...d.patternsShowcaseDemoRegistry,...f.uploadShowcaseDemoRegistry,...p.wizardShowcaseDemoRegistry,...y.registrySpecificDemoRegistry,...S.supplementalShowcaseDemoRegistry,..._.premiumShowcaseDemoRegistry,...v.registryQualityDemoRegistry},O=D;exports.CLI_ADD_COMMAND=x.CLI_ADD_COMMAND,exports.CLI_INIT_NEXT_COMMAND=x.CLI_INIT_NEXT_COMMAND,exports.CLI_INIT_VITE_COMMAND=x.CLI_INIT_VITE_COMMAND,exports.CLI_INSTALL_COMMAND=x.CLI_INSTALL_COMMAND,exports.CLI_PACKAGE_NAME=x.CLI_PACKAGE_NAME,exports.CLI_THEME_COMMAND=x.CLI_THEME_COMMAND,exports.DOCS_APP_NAME=x.DOCS_APP_NAME,exports.DOCS_RELEASES_URL=x.DOCS_RELEASES_URL,exports.DOCS_REPO_URL=x.DOCS_REPO_URL,exports.DOCS_ROOT_PATH=x.DOCS_ROOT_PATH,exports.PACKAGE_DEPENDENCY_RANGE=b.PACKAGE_DEPENDENCY_RANGE,exports.PACKAGE_GITHUB_RELEASES_URL=x.PACKAGE_GITHUB_RELEASES_URL,exports.PACKAGE_GITHUB_URL=x.PACKAGE_GITHUB_URL,exports.PACKAGE_IMPORT=x.PACKAGE_IMPORT,exports.PACKAGE_INSTALL_COMMAND=x.PACKAGE_INSTALL_COMMAND,exports.PACKAGE_LATEST_RELEASE_DATE=b.PACKAGE_LATEST_RELEASE_DATE,exports.PACKAGE_LATEST_VERSION=b.PACKAGE_LATEST_VERSION,exports.PACKAGE_NAME=x.PACKAGE_NAME,exports.PACKAGE_NPM_URL=x.PACKAGE_NPM_URL,exports.PACKAGE_RELEASES_URL=x.PACKAGE_RELEASES_URL,exports.PACKAGE_RELEASE_DATE=x.PACKAGE_RELEASE_DATE,exports.PACKAGE_VERSION=x.PACKAGE_VERSION,exports.accessibilityChecks=x.accessibilityChecks,exports.blockCards=x.blockCards,exports.blockCoverageSections=x.blockCoverageSections,exports.blockLayoutFilters=x.blockLayoutFilters,exports.blockPath=x.blockPath,exports.blockSortOptions=x.blockSortOptions,exports.blockTabs=x.blockTabs,exports.blockThemeFilters=x.blockThemeFilters,exports.componentApiSchemas=m.componentApiSchemas,exports.componentCatalog=x.componentCatalog,exports.componentDemoRegistry=O,exports.componentDocsPath=x.componentDocsPath,exports.componentExportPath=x.componentExportPath,exports.componentExportSlug=x.componentExportSlug,exports.componentGroupMeta=x.componentGroupMeta,exports.componentGroupOrder=x.componentGroupOrder,exports.componentModuleCatalog=x.componentModuleCatalog,exports.componentModulePath=x.componentModulePath,exports.componentPlaygroundPath=x.componentPlaygroundPath,exports.componentRelations=x.componentRelations,exports.createGenericShowcaseDemo=h.createGenericShowcaseDemo,exports.defaultComponentDemoState=g.defaultComponentDemoState,exports.defaultShowcaseDemoState=C.defaultShowcaseDemoState,exports.docsSidebar=x.docsSidebar,exports.exampleCards=x.exampleCards,exports.featuredBlock=x.featuredBlock,exports.getComponentApiSchema=m.getComponentApiSchema,exports.getComponentDetailSidebarItems=x.getComponentDetailSidebarItems,exports.getComponentDetailSidebarSections=x.getComponentDetailSidebarSections,exports.getComponentGroup=x.getComponentGroup,exports.getComponentGroupDetails=x.getComponentGroupDetails,exports.getComponentPreview=T.getComponentPreview,exports.getComponentSurfaceCatalogItem=x.getComponentSurfaceCatalogItem,exports.getComponentSurfaceSections=x.getComponentSurfaceSections,exports.getDocumentedMemberByComponent=x.getDocumentedMemberByComponent,exports.getDocumentedMembersByComponents=x.getDocumentedMembersByComponents,exports.getPreviewSurface=w.getPreviewSurface,exports.getPrimaryComponentCatalog=x.getPrimaryComponentCatalog,exports.getPrimaryComponentMemberInventory=x.getPrimaryComponentMemberInventory,exports.getPrimaryComponentSurfaceSlug=x.getPrimaryComponentSurfaceSlug,exports.getPrimaryComponentSurfaceTitle=x.getPrimaryComponentSurfaceTitle,exports.getSearchItemByHref=E.getSearchItemByHref,exports.getVisibleComponentCatalog=x.getVisibleComponentCatalog,exports.getVisibleSearchItems=E.getVisibleSearchItems,exports.globalSearchItems=x.globalSearchItems,exports.inspectorChecks=x.inspectorChecks,exports.installCommand=x.installCommand,exports.isAdvancedSearchItem=E.isAdvancedSearchItem,exports.isPrimaryComponentSurface=x.isPrimaryComponentSurface,exports.playgroundSidebar=x.playgroundSidebar,exports.premiumShowcaseDemoRegistry=_.premiumShowcaseDemoRegistry,exports.previewBlockRegistry=T.previewBlockRegistry,exports.previewSurfaceCatalog=w.previewSurfaceCatalog,exports.primaryNav=x.primaryNav,exports.propRows=x.propRows,exports.registryQualityDemoRegistry=v.registryQualityDemoRegistry,exports.registrySpecificDemoRegistry=y.registrySpecificDemoRegistry,exports.releaseHistory=x.releaseHistory,exports.scoreSearchItem=E.scoreSearchItem,exports.searchGroupLabel=E.searchGroupLabel,exports.searchGroupOrder=E.searchGroupOrder,exports.searchItemKindLabel=E.searchItemKindLabel,exports.showcaseDemoRegistry=D,exports.supplementalShowcaseDemoRegistry=S.supplementalShowcaseDemoRegistry,exports.supplementalShowcaseDemoSlugs=S.supplementalShowcaseDemoSlugs,exports.templatePath=x.templatePath,exports.tocItems=x.tocItems;
+module.exports = require("../src/showcase/index.cjs")

package/dist/showcase/index.js

@@ -1,50 +1 @@
-import { actionsShowcaseDemoRegistry as e } from "../components/actions/demo.js";
-import { calendarShowcaseDemoRegistry as ee } from "../components/calendar/demo.js";
-import { dataTableShowcaseDemoRegistry as t } from "../components/data-table/demo.js";
-import { displayShowcaseDemoRegistry as n } from "../components/display/demo.js";
-import { feedbackShowcaseDemoRegistry as r } from "../components/feedback/demo.js";
-import { filtersShowcaseDemoRegistry as te } from "../components/filters/demo.js";
-import { formShowcaseDemoRegistry as ne } from "../components/form/demo.js";
-import { inputsShowcaseDemoRegistry as i } from "../components/inputs/demo.js";
-import { layoutShowcaseDemoRegistry as a } from "../components/layout/demo.js";
-import { navigationShowcaseDemoRegistry as o } from "../components/navigation/demo.js";
-import { overlayShowcaseDemoRegistry as s } from "../components/overlay/demo.js";
-import { patternsShowcaseDemoRegistry as c } from "../components/patterns/demo.js";
-import { uploadShowcaseDemoRegistry as l } from "../components/upload/demo.js";
-import { wizardShowcaseDemoRegistry as u } from "../components/wizard/demo.js";
-import { componentApiSchemas as d, getComponentApiSchema as f } from "./component-api-schema.js";
-import { createGenericShowcaseDemo as p } from "./fallback.js";
-import { defaultComponentDemoState as m } from "./premium/types.js";
-import { premiumShowcaseDemoRegistry as h } from "./premium/index.js";
-import { registryQualityDemoRegistry as g } from "./registry-quality.js";
-import { registrySpecificDemoRegistry as _ } from "./registry-specific.js";
-import { PACKAGE_DEPENDENCY_RANGE as v, PACKAGE_LATEST_RELEASE_DATE as y, PACKAGE_LATEST_VERSION as b } from "./package-meta.js";
-import { CLI_ADD_COMMAND as x, CLI_INIT_NEXT_COMMAND as S, CLI_INIT_VITE_COMMAND as C, CLI_INSTALL_COMMAND as w, CLI_PACKAGE_NAME as T, CLI_THEME_COMMAND as E, DOCS_APP_NAME as D, DOCS_RELEASES_URL as O, DOCS_REPO_URL as k, DOCS_ROOT_PATH as A, PACKAGE_GITHUB_RELEASES_URL as j, PACKAGE_GITHUB_URL as M, PACKAGE_IMPORT as N, PACKAGE_INSTALL_COMMAND as P, PACKAGE_NAME as F, PACKAGE_NPM_URL as I, PACKAGE_RELEASES_URL as L, PACKAGE_RELEASE_DATE as R, PACKAGE_VERSION as z, accessibilityChecks as B, blockCards as V, blockCoverageSections as H, blockLayoutFilters as U, blockPath as W, blockSortOptions as G, blockTabs as K, blockThemeFilters as q, componentCatalog as J, componentDocsPath as Y, componentExportPath as X, componentExportSlug as Z, componentGroupMeta as re, componentGroupOrder as ie, componentModuleCatalog as ae, componentModulePath as oe, componentPlaygroundPath as se, componentRelations as ce, docsSidebar as le, exampleCards as ue, featuredBlock as de, getComponentDetailSidebarItems as fe, getComponentDetailSidebarSections as pe, getComponentGroup as me, getComponentGroupDetails as he, getComponentSurfaceCatalogItem as ge, getComponentSurfaceSections as _e, getDocumentedMemberByComponent as ve, getDocumentedMembersByComponents as ye, getPrimaryComponentCatalog as be, getPrimaryComponentMemberInventory as xe, getPrimaryComponentSurfaceSlug as Se, getPrimaryComponentSurfaceTitle as Ce, getVisibleComponentCatalog as we, globalSearchItems as Te, inspectorChecks as Ee, installCommand as De, isPrimaryComponentSurface as Oe, playgroundSidebar as ke, primaryNav as Ae, propRows as je, releaseHistory as Me, templatePath as Ne, tocItems as Pe } from "./site-data.js";
-import { supplementalShowcaseDemoRegistry as Q, supplementalShowcaseDemoSlugs as Fe } from "./supplemental.js";
-import { defaultShowcaseDemoState as Ie } from "./types.js";
-import { getPreviewSurface as Le, previewSurfaceCatalog as Re } from "./preview-catalog.js";
-import { getComponentPreview as ze, previewBlockRegistry as Be } from "./preview-registry.js";
-import { getSearchItemByHref as Ve, getVisibleSearchItems as He, isAdvancedSearchItem as Ue, scoreSearchItem as We, searchGroupLabel as Ge, searchGroupOrder as Ke, searchItemKindLabel as qe } from "./search-utils.js";
-//#region src/showcase/index.ts
-var $ = {
-	...e,
-	...ee,
-	...t,
-	...n,
-	...r,
-	...te,
-	...ne,
-	...i,
-	...a,
-	...o,
-	...s,
-	...c,
-	...l,
-	...u,
-	..._,
-	...Q,
-	...h,
-	...g
-}, Je = $;
-//#endregion
-export { x as CLI_ADD_COMMAND, S as CLI_INIT_NEXT_COMMAND, C as CLI_INIT_VITE_COMMAND, w as CLI_INSTALL_COMMAND, T as CLI_PACKAGE_NAME, E as CLI_THEME_COMMAND, D as DOCS_APP_NAME, O as DOCS_RELEASES_URL, k as DOCS_REPO_URL, A as DOCS_ROOT_PATH, v as PACKAGE_DEPENDENCY_RANGE, j as PACKAGE_GITHUB_RELEASES_URL, M as PACKAGE_GITHUB_URL, N as PACKAGE_IMPORT, P as PACKAGE_INSTALL_COMMAND, y as PACKAGE_LATEST_RELEASE_DATE, b as PACKAGE_LATEST_VERSION, F as PACKAGE_NAME, I as PACKAGE_NPM_URL, L as PACKAGE_RELEASES_URL, R as PACKAGE_RELEASE_DATE, z as PACKAGE_VERSION, B as accessibilityChecks, V as blockCards, H as blockCoverageSections, U as blockLayoutFilters, W as blockPath, G as blockSortOptions, K as blockTabs, q as blockThemeFilters, d as componentApiSchemas, J as componentCatalog, Je as componentDemoRegistry, Y as componentDocsPath, X as componentExportPath, Z as componentExportSlug, re as componentGroupMeta, ie as componentGroupOrder, ae as componentModuleCatalog, oe as componentModulePath, se as componentPlaygroundPath, ce as componentRelations, p as createGenericShowcaseDemo, m as defaultComponentDemoState, Ie as defaultShowcaseDemoState, le as docsSidebar, ue as exampleCards, de as featuredBlock, f as getComponentApiSchema, fe as getComponentDetailSidebarItems, pe as getComponentDetailSidebarSections, me as getComponentGroup, he as getComponentGroupDetails, ze as getComponentPreview, ge as getComponentSurfaceCatalogItem, _e as getComponentSurfaceSections, ve as getDocumentedMemberByComponent, ye as getDocumentedMembersByComponents, Le as getPreviewSurface, be as getPrimaryComponentCatalog, xe as getPrimaryComponentMemberInventory, Se as getPrimaryComponentSurfaceSlug, Ce as getPrimaryComponentSurfaceTitle, Ve as getSearchItemByHref, we as getVisibleComponentCatalog, He as getVisibleSearchItems, Te as globalSearchItems, Ee as inspectorChecks, De as installCommand, Ue as isAdvancedSearchItem, Oe as isPrimaryComponentSurface, ke as playgroundSidebar, h as premiumShowcaseDemoRegistry, Be as previewBlockRegistry, Re as previewSurfaceCatalog, Ae as primaryNav, je as propRows, g as registryQualityDemoRegistry, _ as registrySpecificDemoRegistry, Me as releaseHistory, We as scoreSearchItem, Ge as searchGroupLabel, Ke as searchGroupOrder, qe as searchItemKindLabel, $ as showcaseDemoRegistry, Q as supplementalShowcaseDemoRegistry, Fe as supplementalShowcaseDemoSlugs, Ne as templatePath, Pe as tocItems };
+export * from "../src/showcase/index.js"

package/dist/showcase/package-meta.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.1.12`,t=`July 9, 2026`,n=`^${e}`;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;
+module.exports = require("../src/showcase/package-meta.cjs")

package/dist/showcase/package-meta.d.ts

@@ -1,3 +1,3 @@
-export declare const PACKAGE_LATEST_VERSION = "2.1.12";
-export declare const PACKAGE_LATEST_RELEASE_DATE = "July 9, 2026";
-export declare const PACKAGE_DEPENDENCY_RANGE = "^2.1.12";
+export declare const PACKAGE_LATEST_VERSION = "3.1.0";
+export declare const PACKAGE_LATEST_RELEASE_DATE = "July 10, 2026";
+export declare const PACKAGE_DEPENDENCY_RANGE = "^3.1.0";

package/dist/showcase/package-meta.js

@@ -1,4 +1 @@
-//#region src/showcase/package-meta.ts
-var e = "2.1.12", t = "July 9, 2026", n = `^${e}`;
-//#endregion
-export { n as PACKAGE_DEPENDENCY_RANGE, t as PACKAGE_LATEST_RELEASE_DATE, e as PACKAGE_LATEST_VERSION };
+export * from "../src/showcase/package-meta.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./mock.cjs"),t=require("./showcase.cjs");exports.AccordionShowcase=t.AccordionShowcase,exports.accordionMock=e.accordionMock;
+module.exports = require("../../../src/showcase/premium/accordion/index.cjs")

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

@@ -1,3 +1 @@
-import { accordionMock as e } from "./mock.js";
-import { AccordionShowcase as t } from "./showcase.js";
-export { t as AccordionShowcase, e as accordionMock };
+export * from "../../../src/showcase/premium/accordion/index.js"

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

@@ -1,23 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "tembro"
-
-const items = [
-  {
-    key: "tokens",
-    title: "Theme tokens",
-    description: "Control border, background, radius, and spacing from one place.",
-    content: "Keep product decisions inside tokens instead of hardcoded one-off wrappers.",
-  },
-  {
-    key: "composition",
-    title: "Component composition",
-    description: "Teach one component first.",
-    content: "Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.",
-  },
-]
-
-export function Example() {
-  return <Accordion type="single" defaultValue="tokens" items={items} />
-}`,htmlCode:`<details data-slot="accordion">
-  <summary data-slot="accordion-trigger">Theme tokens</summary>
-  <div data-slot="accordion-content">Keep product decisions inside tokens.</div>
-</details>`,cliCommand:`npx tembro add accordion`,highlights:[`Single and multiple expansion behavior`,`Title, description, and body content through one item contract`,`Good for docs FAQs, settings help, and release notes`],scenarios:[{title:`Settings help`,description:`Hide advanced explanation until the user requests it.`},{title:`FAQ`,description:`Keep pages shorter while preserving full guidance.`},{title:`Release checklist`,description:`Reveal only the currently relevant operational details.`}],capabilityNotes:['Use `type="single"` for focus-first documentation flows.','Use `type="multiple"` when users may compare several sections together.']};exports.accordionMock=e;
+module.exports = require("../../../src/showcase/premium/accordion/mock.cjs")

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

@@ -1,28 +1 @@
-//#region src/showcase/premium/accordion/mock.ts
-var e = {
-	code: "import { Accordion } from \"tembro\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"composition\",\n    title: \"Component composition\",\n    description: \"Teach one component first.\",\n    content: \"Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
-	htmlCode: "<details data-slot=\"accordion\">\n  <summary data-slot=\"accordion-trigger\">Theme tokens</summary>\n  <div data-slot=\"accordion-content\">Keep product decisions inside tokens.</div>\n</details>",
-	cliCommand: "npx tembro add accordion",
-	highlights: [
-		"Single and multiple expansion behavior",
-		"Title, description, and body content through one item contract",
-		"Good for docs FAQs, settings help, and release notes"
-	],
-	scenarios: [
-		{
-			title: "Settings help",
-			description: "Hide advanced explanation until the user requests it."
-		},
-		{
-			title: "FAQ",
-			description: "Keep pages shorter while preserving full guidance."
-		},
-		{
-			title: "Release checklist",
-			description: "Reveal only the currently relevant operational details."
-		}
-	],
-	capabilityNotes: ["Use `type=\"single\"` for focus-first documentation flows.", "Use `type=\"multiple\"` when users may compare several sections together."]
-};
-//#endregion
-export { e as accordionMock };
+export * from "../../../src/showcase/premium/accordion/mock.js"

package/dist/showcase/premium/accordion/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/ui/accordion/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`border-t border-[color:var(--aui-divider)] py-6`,o=[{key:`tokens`,title:`Theme tokens stay in one place`,meta:`P0`,description:`Radius, color and shadow should not be redefined per route.`,content:`Use shared CSS tokens so consumers can adapt the system without fighting deeply nested component styles.`},{key:`surface`,title:`One canonical public surface`,badge:(0,i.jsx)(t.Badge,{variant:`secondary`,children:`Core`}),description:`Teach one entry point before helper members.`,content:`Start with Input, Select, DataTable, Card and Badge. Move aliases and advanced members lower in the docs hierarchy.`},{key:`demo`,title:`Real demos beat placeholder previews`,description:`Each route should prove the actual component behavior.`,meta:`Docs`,content:`A docs page should show the real installed component with interactive state, not a generic substitute card.`}],s=[{key:`docs`,title:`Docs updated`,badge:(0,i.jsx)(t.Badge,{variant:`secondary`,children:`Done`}),description:`Public route and CLI snippet verified`,content:`Component detail page, API notes, and install snippet were reviewed together before release.`},{key:`tokens`,title:`Visual tokens synced`,meta:`Review`,description:`No stray radius, border, or surface overrides`,content:`The route uses package tokens directly so the result matches what consumers install.`},{key:`qa`,title:`QA preview checked`,description:`Build and interactive preview passed`,disabled:!0,disabledReason:`Blocked until release candidate is built.`,content:`The component was verified with type-check and production build before push.`}];function c(){let[e,c]=r.useState(`surface`),[l,u]=r.useState([`docs`]),[d,f]=r.useState(`soft`);return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsxs)(`section`,{className:`pb-6`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed primitive`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Accordion keeps dense guidance readable`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`This route uses the exported accordion surface directly. The page adds only spacing and explanation around it.`})]}),(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsx)(`div`,{className:`mb-5 flex flex-wrap gap-2`,children:[`soft`,`default`,`ghost`].map(e=>(0,i.jsx)(`button`,{type:`button`,className:`rounded-full border px-3 py-1.5 text-xs font-medium ${d===e?`border-primary bg-primary/10 text-foreground`:`border-[color:var(--aui-divider)] text-muted-foreground`}`,onClick:()=>f(e),children:e},e))}),(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1.1fr_0.9fr]`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Documentation flow`}),(0,i.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Single-open mode keeps the user focused on one explanation at a time.`}),(0,i.jsx)(n.Accordion,{className:`mt-5`,type:`single`,variant:d,size:`lg`,value:e,onValueChange:c,items:[...o]})]}),(0,i.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Current open item`}),(0,i.jsx)(`p`,{className:`mt-1 text-xs aui-text-muted`,children:`Controlled state mirrors route-level docs navigation.`})]}),(0,i.jsx)(t.Badge,{variant:`secondary`,children:Array.isArray(e)?e.join(`, `):e||`none`})]}),(0,i.jsxs)(`div`,{className:`mt-4 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,i.jsx)(`p`,{children:`Use this mode on component detail pages, FAQs, or policy explanations where only one answer should dominate the layout.`}),(0,i.jsx)(`p`,{children:`The trigger keeps title and helper description together, so content stays understandable even before expansion.`})]})]})]})]}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[0.95fr_1.05fr]`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Operational checklist`}),(0,i.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Multiple-open mode works better when teams compare several readiness items together.`}),(0,i.jsx)(`div`,{className:`mt-5 flex flex-wrap gap-2`,children:(Array.isArray(l)?l:[]).map(e=>(0,i.jsx)(t.Badge,{variant:`outline`,children:e},e))})]}),(0,i.jsx)(n.Accordion,{className:`xl:mt-8`,type:`multiple`,variant:d,value:l,onValueChange:u,items:s.map((e,t)=>({...e,indicatorPosition:t===0?`start`:`end`}))})]})})]})}exports.AccordionShowcase=c;
+module.exports = require("../../../src/showcase/premium/accordion/showcase.cjs")

package/dist/showcase/premium/accordion/showcase.js

@@ -1,172 +1 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { Accordion as t } from "../../../components/ui/accordion/index.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/accordion/showcase.tsx
-var a = "border-t border-[color:var(--aui-divider)] py-6", o = [
-	{
-		key: "tokens",
-		title: "Theme tokens stay in one place",
-		meta: "P0",
-		description: "Radius, color and shadow should not be redefined per route.",
-		content: "Use shared CSS tokens so consumers can adapt the system without fighting deeply nested component styles."
-	},
-	{
-		key: "surface",
-		title: "One canonical public surface",
-		badge: /* @__PURE__ */ r(e, {
-			variant: "secondary",
-			children: "Core"
-		}),
-		description: "Teach one entry point before helper members.",
-		content: "Start with Input, Select, DataTable, Card and Badge. Move aliases and advanced members lower in the docs hierarchy."
-	},
-	{
-		key: "demo",
-		title: "Real demos beat placeholder previews",
-		description: "Each route should prove the actual component behavior.",
-		meta: "Docs",
-		content: "A docs page should show the real installed component with interactive state, not a generic substitute card."
-	}
-], s = [
-	{
-		key: "docs",
-		title: "Docs updated",
-		badge: /* @__PURE__ */ r(e, {
-			variant: "secondary",
-			children: "Done"
-		}),
-		description: "Public route and CLI snippet verified",
-		content: "Component detail page, API notes, and install snippet were reviewed together before release."
-	},
-	{
-		key: "tokens",
-		title: "Visual tokens synced",
-		meta: "Review",
-		description: "No stray radius, border, or surface overrides",
-		content: "The route uses package tokens directly so the result matches what consumers install."
-	},
-	{
-		key: "qa",
-		title: "QA preview checked",
-		description: "Build and interactive preview passed",
-		disabled: !0,
-		disabledReason: "Blocked until release candidate is built.",
-		content: "The component was verified with type-check and production build before push."
-	}
-];
-function c() {
-	let [c, l] = n.useState("surface"), [u, d] = n.useState(["docs"]), [f, p] = n.useState("soft");
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "pb-6",
-				children: [
-					/* @__PURE__ */ r("p", {
-						className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-						children: "Installed primitive"
-					}),
-					/* @__PURE__ */ r("h3", {
-						className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-						children: "Accordion keeps dense guidance readable"
-					}),
-					/* @__PURE__ */ r("p", {
-						className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-						children: "This route uses the exported accordion surface directly. The page adds only spacing and explanation around it."
-					})
-				]
-			}),
-			/* @__PURE__ */ i("section", {
-				className: a,
-				children: [/* @__PURE__ */ r("div", {
-					className: "mb-5 flex flex-wrap gap-2",
-					children: [
-						"soft",
-						"default",
-						"ghost"
-					].map((e) => /* @__PURE__ */ r("button", {
-						type: "button",
-						className: `rounded-full border px-3 py-1.5 text-xs font-medium ${f === e ? "border-primary bg-primary/10 text-foreground" : "border-[color:var(--aui-divider)] text-muted-foreground"}`,
-						onClick: () => p(e),
-						children: e
-					}, e))
-				}), /* @__PURE__ */ i("div", {
-					className: "grid gap-6 xl:grid-cols-[1.1fr_0.9fr]",
-					children: [/* @__PURE__ */ i("div", { children: [
-						/* @__PURE__ */ r("p", {
-							className: "text-lg font-semibold aui-text-strong",
-							children: "Documentation flow"
-						}),
-						/* @__PURE__ */ r("p", {
-							className: "mt-2 max-w-xl text-sm leading-6 aui-text-muted",
-							children: "Single-open mode keeps the user focused on one explanation at a time."
-						}),
-						/* @__PURE__ */ r(t, {
-							className: "mt-5",
-							type: "single",
-							variant: f,
-							size: "lg",
-							value: c,
-							onValueChange: l,
-							items: [...o]
-						})
-					] }), /* @__PURE__ */ i("div", {
-						className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-						children: [/* @__PURE__ */ i("div", {
-							className: "flex items-start justify-between gap-4",
-							children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("p", {
-								className: "text-sm font-semibold aui-text-strong",
-								children: "Current open item"
-							}), /* @__PURE__ */ r("p", {
-								className: "mt-1 text-xs aui-text-muted",
-								children: "Controlled state mirrors route-level docs navigation."
-							})] }), /* @__PURE__ */ r(e, {
-								variant: "secondary",
-								children: Array.isArray(c) ? c.join(", ") : c || "none"
-							})]
-						}), /* @__PURE__ */ i("div", {
-							className: "mt-4 space-y-3 text-sm leading-6 aui-text-muted",
-							children: [/* @__PURE__ */ r("p", { children: "Use this mode on component detail pages, FAQs, or policy explanations where only one answer should dominate the layout." }), /* @__PURE__ */ r("p", { children: "The trigger keeps title and helper description together, so content stays understandable even before expansion." })]
-						})]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ r("section", {
-				className: a,
-				children: /* @__PURE__ */ i("div", {
-					className: "grid gap-6 xl:grid-cols-[0.95fr_1.05fr]",
-					children: [/* @__PURE__ */ i("div", { children: [
-						/* @__PURE__ */ r("p", {
-							className: "text-lg font-semibold aui-text-strong",
-							children: "Operational checklist"
-						}),
-						/* @__PURE__ */ r("p", {
-							className: "mt-2 max-w-xl text-sm leading-6 aui-text-muted",
-							children: "Multiple-open mode works better when teams compare several readiness items together."
-						}),
-						/* @__PURE__ */ r("div", {
-							className: "mt-5 flex flex-wrap gap-2",
-							children: (Array.isArray(u) ? u : []).map((t) => /* @__PURE__ */ r(e, {
-								variant: "outline",
-								children: t
-							}, t))
-						})
-					] }), /* @__PURE__ */ r(t, {
-						className: "xl:mt-8",
-						type: "multiple",
-						variant: f,
-						value: u,
-						onValueChange: d,
-						items: s.map((e, t) => ({
-							...e,
-							indicatorPosition: t === 0 ? "start" : "end"
-						}))
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { c as AccordionShowcase };
+export * from "../../../src/showcase/premium/accordion/showcase.js"

package/dist/showcase/premium/action-menu/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.ActionMenuShowcase=e.ActionMenuShowcase,exports.actionMenuMock=t.actionMenuMock;
+module.exports = require("../../../src/showcase/premium/action-menu/index.cjs")

package/dist/showcase/premium/action-menu/index.js

@@ -1,3 +1 @@
-import { ActionMenuShowcase as e } from "./showcase.js";
-import { actionMenuMock as t } from "./mock.js";
-export { e as ActionMenuShowcase, t as actionMenuMock };
+export * from "../../../src/showcase/premium/action-menu/index.js"

package/dist/showcase/premium/action-menu/mock.cjs

@@ -1,14 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ActionMenu } from "tembro"
-
-export function Example() {
-  return (
-    <ActionMenu
-      label="Row actions"
-      actions={[
-        { key: "open", label: "Open" },
-        { key: "duplicate", label: "Duplicate" },
-        { key: "archive", label: "Archive", destructive: true },
-      ]}
-    />
-  )
-}`,highlights:[`Compact row actions`,`Async action loading state`,`Destructive item styling`,`Works well inside tables and cards`],scenarios:[{title:`Table row actions`,description:`Collapse inspect, duplicate, and archive operations into one compact surface.`},{title:`Card menu`,description:`Attach contextual actions to summary cards without visual clutter.`},{title:`Dense admin tools`,description:`Preserve space while keeping operational actions discoverable.`}],capabilityNotes:[`ActionMenu is strongest when actions are secondary to the main content.`,`Use clear verb labels and reserve destructive styling for genuinely destructive operations.`,`If every action is primary, a visible button row may be better than a menu.`]};exports.actionMenuMock=e;
+module.exports = require("../../../src/showcase/premium/action-menu/mock.cjs")

package/dist/showcase/premium/action-menu/mock.js

@@ -1,31 +1 @@
-//#region src/showcase/premium/action-menu/mock.ts
-var e = {
-	code: "import { ActionMenu } from \"tembro\"\n\nexport function Example() {\n  return (\n    <ActionMenu\n      label=\"Row actions\"\n      actions={[\n        { key: \"open\", label: \"Open\" },\n        { key: \"duplicate\", label: \"Duplicate\" },\n        { key: \"archive\", label: \"Archive\", destructive: true },\n      ]}\n    />\n  )\n}",
-	highlights: [
-		"Compact row actions",
-		"Async action loading state",
-		"Destructive item styling",
-		"Works well inside tables and cards"
-	],
-	scenarios: [
-		{
-			title: "Table row actions",
-			description: "Collapse inspect, duplicate, and archive operations into one compact surface."
-		},
-		{
-			title: "Card menu",
-			description: "Attach contextual actions to summary cards without visual clutter."
-		},
-		{
-			title: "Dense admin tools",
-			description: "Preserve space while keeping operational actions discoverable."
-		}
-	],
-	capabilityNotes: [
-		"ActionMenu is strongest when actions are secondary to the main content.",
-		"Use clear verb labels and reserve destructive styling for genuinely destructive operations.",
-		"If every action is primary, a visible button row may be better than a menu."
-	]
-};
-//#endregion
-export { e as actionMenuMock };
+export * from "../../../src/showcase/premium/action-menu/mock.js"

package/dist/showcase/premium/action-menu/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/actions/action-menu.cjs"),n=require("../../../components/ui/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function s({mode:e}){let[s,c]=r.useState(`No action selected`),[l,u]=r.useState(!1);return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,a.jsxs)(`div`,{className:`max-w-xl`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Compact actions`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`ActionMenu should hide secondary actions, not critical path actions`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`This surface is ideal for row or card actions that matter, but should not dominate the layout.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Contextual`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Secondary actions`})]})]})}),(0,a.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,a.jsx)(`section`,{className:o,children:(0,a.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-strong`,children:`Invoice #2048`}),(0,a.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:`Acme Growth payment workflow`})]}),(0,a.jsx)(t.ActionMenu,{label:`Invoice actions`,closeOnSelect:!l,actions:[{key:`open`,section:`Primary`,label:`Open details`,description:`Jump into the full invoice route`,icon:(0,a.jsx)(i.ExternalLinkIcon,{className:`size-4`}),shortcut:`↵`,onSelect:async()=>c(`Opened invoice details`)},{key:`duplicate`,section:`Primary`,label:`Duplicate`,description:`Create a new workflow from this one`,icon:(0,a.jsx)(i.CopyIcon,{className:`size-4`}),keepOpen:l,onSelect:async()=>c(`Duplicated invoice workflow`)},{key:`archive`,section:`Danger zone`,label:`Archive`,description:`Hide it from active operational queues`,icon:(0,a.jsx)(i.ArchiveIcon,{className:`size-4`}),destructive:!0,onSelect:async()=>c(`Archived invoice workflow`)}]})]})}),(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Last action`}),(0,a.jsx)(`p`,{className:`mt-3 text-base font-medium aui-text-strong`,children:s}),(0,a.jsx)(`button`,{type:`button`,className:`mt-4 rounded-full border border-[color:var(--aui-divider)] px-3 py-1.5 text-xs font-medium`,onClick:()=>u(e=>!e),children:l?`Close on select off`:`Close on select on`})]})]}),e===`playground`?(0,a.jsx)(`section`,{className:o,children:(0,a.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`ActionMenu table row, card header yoki compact list itemlarda juda foydali.`})}):null]})}exports.ActionMenuShowcase=s;
+module.exports = require("../../../src/showcase/premium/action-menu/showcase.cjs")

package/dist/showcase/premium/action-menu/showcase.js

@@ -1,124 +1 @@
-import { ActionMenu as e } from "../../../components/actions/action-menu.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import * as n from "react";
-import { ArchiveIcon as r, CopyIcon as i, ExternalLinkIcon as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/showcase/premium/action-menu/showcase.tsx
-var c = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function l({ mode: l }) {
-	let [u, d] = n.useState("No action selected"), [f, p] = n.useState(!1);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ o("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ s("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ s("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ o("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Compact actions"
-							}),
-							/* @__PURE__ */ o("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "ActionMenu should hide secondary actions, not critical path actions"
-							}),
-							/* @__PURE__ */ o("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "This surface is ideal for row or card actions that matter, but should not dominate the layout."
-							})
-						]
-					}), /* @__PURE__ */ s("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ o(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Contextual"
-						}), /* @__PURE__ */ o(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Secondary actions"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ s("div", {
-				className: "grid gap-4 xl:grid-cols-2",
-				children: [/* @__PURE__ */ o("section", {
-					className: c,
-					children: /* @__PURE__ */ s("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-							className: "text-sm font-medium aui-text-strong",
-							children: "Invoice #2048"
-						}), /* @__PURE__ */ o("p", {
-							className: "mt-1 text-sm aui-text-muted",
-							children: "Acme Growth payment workflow"
-						})] }), /* @__PURE__ */ o(e, {
-							label: "Invoice actions",
-							closeOnSelect: !f,
-							actions: [
-								{
-									key: "open",
-									section: "Primary",
-									label: "Open details",
-									description: "Jump into the full invoice route",
-									icon: /* @__PURE__ */ o(a, { className: "size-4" }),
-									shortcut: "↵",
-									onSelect: async () => d("Opened invoice details")
-								},
-								{
-									key: "duplicate",
-									section: "Primary",
-									label: "Duplicate",
-									description: "Create a new workflow from this one",
-									icon: /* @__PURE__ */ o(i, { className: "size-4" }),
-									keepOpen: f,
-									onSelect: async () => d("Duplicated invoice workflow")
-								},
-								{
-									key: "archive",
-									section: "Danger zone",
-									label: "Archive",
-									description: "Hide it from active operational queues",
-									icon: /* @__PURE__ */ o(r, { className: "size-4" }),
-									destructive: !0,
-									onSelect: async () => d("Archived invoice workflow")
-								}
-							]
-						})]
-					})
-				}), /* @__PURE__ */ s("section", {
-					className: c,
-					children: [
-						/* @__PURE__ */ o("p", {
-							className: "text-sm font-medium aui-text-muted",
-							children: "Last action"
-						}),
-						/* @__PURE__ */ o("p", {
-							className: "mt-3 text-base font-medium aui-text-strong",
-							children: u
-						}),
-						/* @__PURE__ */ o("button", {
-							type: "button",
-							className: "mt-4 rounded-full border border-[color:var(--aui-divider)] px-3 py-1.5 text-xs font-medium",
-							onClick: () => p((e) => !e),
-							children: f ? "Close on select off" : "Close on select on"
-						})
-					]
-				})]
-			}),
-			l === "playground" ? /* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ o("p", {
-					className: "text-sm aui-text-muted",
-					children: "ActionMenu table row, card header yoki compact list itemlarda juda foydali."
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { l as ActionMenuShowcase };
+export * from "../../../src/showcase/premium/action-menu/showcase.js"

package/dist/showcase/premium/activity-feed/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.ActivityFeedShowcase=e.ActivityFeedShowcase,exports.activityFeedMock=t.activityFeedMock;
+module.exports = require("../../../src/showcase/premium/activity-feed/index.cjs")

package/dist/showcase/premium/activity-feed/index.js

@@ -1,3 +1 @@
-import { ActivityFeedShowcase as e } from "./showcase.js";
-import { activityFeedMock as t } from "./mock.js";
-export { e as ActivityFeedShowcase, t as activityFeedMock };
+export * from "../../../src/showcase/premium/activity-feed/index.js"

package/dist/showcase/premium/activity-feed/mock.cjs

@@ -1,11 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ActivityFeed } from "tembro"
-
-const items = [
-  { id: "i-1", title: "Team invited", description: "New designer joined the workspace.", time: "2 min ago", tone: "info" },
-  { id: "i-2", title: "Deployment succeeded", description: "Staging deployment passed smoke checks.", time: "12 min ago", tone: "success" },
-  { id: "i-3", title: "Payment issue", description: "Invoice sync failed, retry queue enabled.", time: "34 min ago", tone: "warning" },
-]
-
-export function Example() {
-  return <ActivityFeed title="Recent activity" items={items} compact />
-}`,highlights:[`Audit feed for admins`,`Time-based event rows`,`Status tones`,`Compact list mode`],relatedBlockSlugs:[`dashboard-starter`,`crm-dashboard`,`users-table`],scenarios:[{title:`Operation logs`,description:`Show timeline-like events in a side panel near detail content.`},{title:`Approval queue`,description:`Keep audit trails visible next to table actions.`},{title:`System health feeds`,description:`Surface important background events without overwhelming layout.`}],capabilityNotes:["Provide stable `id` values for each item to avoid flicker in updates.","Use meaningful `time` strings and `tone` to communicate action urgency.","Use `compact` for narrow sidebars and dense dashboard sections."]};exports.activityFeedMock=e;
+module.exports = require("../../../src/showcase/premium/activity-feed/mock.cjs")

package/dist/showcase/premium/activity-feed/mock.js

@@ -1,36 +1 @@
-//#region src/showcase/premium/activity-feed/mock.ts
-var e = {
-	code: "import { ActivityFeed } from \"tembro\"\n\nconst items = [\n  { id: \"i-1\", title: \"Team invited\", description: \"New designer joined the workspace.\", time: \"2 min ago\", tone: \"info\" },\n  { id: \"i-2\", title: \"Deployment succeeded\", description: \"Staging deployment passed smoke checks.\", time: \"12 min ago\", tone: \"success\" },\n  { id: \"i-3\", title: \"Payment issue\", description: \"Invoice sync failed, retry queue enabled.\", time: \"34 min ago\", tone: \"warning\" },\n]\n\nexport function Example() {\n  return <ActivityFeed title=\"Recent activity\" items={items} compact />\n}",
-	highlights: [
-		"Audit feed for admins",
-		"Time-based event rows",
-		"Status tones",
-		"Compact list mode"
-	],
-	relatedBlockSlugs: [
-		"dashboard-starter",
-		"crm-dashboard",
-		"users-table"
-	],
-	scenarios: [
-		{
-			title: "Operation logs",
-			description: "Show timeline-like events in a side panel near detail content."
-		},
-		{
-			title: "Approval queue",
-			description: "Keep audit trails visible next to table actions."
-		},
-		{
-			title: "System health feeds",
-			description: "Surface important background events without overwhelming layout."
-		}
-	],
-	capabilityNotes: [
-		"Provide stable `id` values for each item to avoid flicker in updates.",
-		"Use meaningful `time` strings and `tone` to communicate action urgency.",
-		"Use `compact` for narrow sidebars and dense dashboard sections."
-	]
-};
-//#endregion
-export { e as activityFeedMock };
+export * from "../../../src/showcase/premium/activity-feed/mock.js"

package/dist/showcase/premium/activity-feed/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/display/activity-feed.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=[{id:`i-1`,title:`Team invited`,description:`New designer joined the workspace.`,time:`2 min ago`,tone:`info`},{id:`i-2`,title:`Deployment succeeded`,description:`Staging deployment passed smoke checks.`,time:`12 min ago`,tone:`success`},{id:`i-3`,title:`Invoice warning`,description:`Payment sync delayed in queue, retrying soon.`,time:`34 min ago`,tone:`warning`},{id:`i-4`,title:`Critical alert`,description:`Webhook failed for production billing endpoint.`,time:`1h ago`,tone:`danger`}],s=[`all`,`success`,`warning`,`info`,`danger`];function c({mode:e}){let[c,l]=i.useState(e===`playground`),[u,d]=i.useState(`all`),[f,p]=i.useState(null),m=i.useMemo(()=>u===`all`?o:o.filter(e=>e.tone===u),[u]);return(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsxs)(`div`,{className:`grid gap-2`,children:[(0,a.jsxs)(`div`,{className:`aui-text-muted text-sm`,children:[`Density: `,c?`Compact`:`Spacious`]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(`button`,{type:`button`,className:`rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] px-3 py-2 text-sm`,onClick:()=>l(e=>!e),children:c?`Use spacious`:`Use compact`}),s.map(e=>(0,a.jsx)(`button`,{type:`button`,className:`rounded-lg border px-3 py-2 text-sm ${u===e?`aui-surface-strong border-[color:var(--aui-surface-strong)]`:`border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)]`}`,onClick:()=>d(e),children:e},e))]})]}),(0,a.jsx)(r.ActivityFeed,{title:`Recent activity`,description:`System and team events are grouped into one lightweight feed.`,items:m.map((e,r)=>({...e,unread:r===0,badge:r===0?(0,a.jsx)(n.Badge,{variant:`secondary`,children:`Unread`}):void 0,interactive:!0,onSelect:()=>p(e.id),actions:(0,a.jsx)(t.Button,{size:`xs`,variant:`ghost`,onClick:()=>p(e.id),children:`Review`})})),compact:c,empty:(0,a.jsx)(`span`,{className:`aui-text-muted text-sm`,children:`No matching activity for selected tone.`})}),(0,a.jsxs)(`div`,{className:`aui-text-muted text-sm`,children:[`Selected item: `,f??`none`]})]})}exports.ActivityFeedShowcase=c;
+module.exports = require("../../../src/showcase/premium/activity-feed/showcase.cjs")