tembro 3.1.16 → 4.0.0

package/dist/showcase/site-data.d.ts

@@ -1,244 +0,0 @@
-import type { LucideIcon } from "lucide-react";
-export type NavItem = {
-    label: string;
-    href: string;
-};
-export type SidebarGroup = {
-    title: string;
-    items: Array<{
-        label: string;
-        href: string;
-        active?: boolean;
-        badge?: string;
-        icon: LucideIcon;
-    }>;
-};
-export type PackageReleaseRecord = {
-    version: string;
-    date: string;
-    status: "Published" | "Planned" | "Draft";
-    summary: string;
-    notes: string[];
-};
-export type BlockCard = {
-    slug: string;
-    title: string;
-    description: string;
-    category: "Dashboard" | "Auth" | "Table" | "Settings" | "Pricing" | "Product" | "Marketing";
-    bestFor: string;
-    tags: string[];
-    uses: string[];
-    tone: string;
-    href: string;
-    previewHref?: string;
-    previewTone: TemplatePreviewTone;
-    layout: "Application" | "Marketing";
-    theme: "Light" | "Soft";
-    relatedTemplateSlug: string;
-    installSteps: string[];
-    dependencyGroups: string[];
-    copyTargets: string[];
-    notes: string[];
-};
-export type TemplatePreviewTone = "dashboard" | "crm" | "table" | "auth" | "pricing" | "settings";
-export type TemplateSectionCard = {
-    title: string;
-    text: string;
-    status: string;
-};
-export type TemplateStatCard = {
-    label: string;
-    value: string;
-    meta: string;
-};
-export type TemplateSection = {
-    key: "overview" | "leads" | "reports" | "settings";
-    label: string;
-    title: string;
-    description: string;
-    bullets: string[];
-    statCards: TemplateStatCard[];
-    supportCards: TemplateSectionCard[];
-};
-export type TemplateRecord = {
-    slug: string;
-    title: string;
-    eyebrow: string;
-    summary: string;
-    status: "Live" | "Review" | "Draft";
-    previewTone: TemplatePreviewTone;
-    navItems: string[];
-    metrics: Array<{
-        label: string;
-        value: string;
-        delta: string;
-    }>;
-    sections: TemplateSection[];
-    uses: string[];
-    modules: Array<{
-        label: string;
-        href: string;
-    }>;
-    installSteps: string[];
-    fileTree: string[];
-    customizationNotes: string[];
-    notes: string[];
-};
-export type LandingSearchItem = {
-    label: string;
-    shortcut: string;
-    href: string;
-    group: string;
-};
-export type GlobalSearchItem = {
-    title: string;
-    description: string;
-    href: string;
-    group: "Components" | "Docs" | "Examples" | "Blocks" | "Templates";
-    shortcut: string;
-    keywords?: string[];
-    featured?: boolean;
-};
-export type ComponentGroup = "Primitives" | "Form Controls" | "Overlay" | "Data Display" | "Layout" | "Feedback" | "Patterns";
-export type ComponentCatalogItem = {
-    slug: string;
-    title: string;
-    description: string;
-    icon: LucideIcon;
-    category: "Components" | "Forms" | "Overlay" | "Data Display" | "Patterns";
-    status: "Stable" | "Preview";
-    installCommand: string;
-    propsRows: string[][];
-    features: string[];
-};
-export type ComponentRelationMap = Record<string, {
-    groupSlugs: string[];
-    componentSlugs: string[];
-}>;
-export type ComponentModuleItem = {
-    slug: string;
-    title: string;
-    description: string;
-    icon: LucideIcon;
-    category: "Actions" | "Layout" | "Forms" | "Data" | "Overlay" | "Workflow";
-    exports: string[];
-    href: string;
-    status: "Stable" | "Preview";
-    features: string[];
-};
-export type ComponentGroupMeta = {
-    title: ComponentGroup;
-    description: string;
-    whenToUse: string;
-    whenNotToUse: string;
-};
-export type ComponentSurfaceSectionKey = "core" | "related" | "integrations" | "advanced" | "compatibility";
-export type ComponentSurfaceSectionMeta = {
-    key: ComponentSurfaceSectionKey;
-    title: string;
-    description: string;
-    slugs: string[];
-};
-export type ComponentSurfaceMemberInventoryItem = {
-    component: string;
-    slug: string;
-    title: string;
-    surfaceSlug: string;
-    surfaceTitle: string;
-    sectionId: string;
-    sectionLabel: string;
-    sectionKey: ComponentSurfaceSectionKey;
-    summary: string;
-    useWhen: string;
-    maturity: string;
-    status: "Stable" | "Preview";
-    href: string;
-};
-export type ComponentDetailSidebarItem = {
-    slug: string;
-    title: string;
-    href: string;
-    status: "Stable" | "Preview";
-    group: ComponentGroup;
-    active: boolean;
-};
-export type ComponentDetailSidebarSection = {
-    key: string;
-    label: string;
-    items: ComponentDetailSidebarItem[];
-};
-export declare const PACKAGE_NAME = "tembro";
-export declare const CLI_PACKAGE_NAME = "tembro";
-export declare const PACKAGE_IMPORT = "tembro";
-export declare const DOCS_APP_NAME = "tembro";
-export declare const CLI_INIT_NEXT_COMMAND = "npx tembro init --template next --defaults";
-export declare const CLI_INIT_VITE_COMMAND = "npx tembro init --template vite --defaults";
-export declare const CLI_ADD_COMMAND = "npx tembro add button input";
-export declare const PACKAGE_INSTALL_COMMAND = "npx tembro init --template next --defaults\nnpx tembro add button input";
-export declare const CLI_INSTALL_COMMAND = "npx tembro --help";
-export declare const CLI_THEME_COMMAND = "npx tembro theme";
-export declare const PACKAGE_NPM_URL = "https://www.npmjs.com/package/tembro";
-export declare const PACKAGE_GITHUB_URL = "https://github.com/AzamatJurayev-dev/azamat-ui-kit";
-export declare const PACKAGE_GITHUB_RELEASES_URL = "https://github.com/AzamatJurayev-dev/azamat-ui-kit/releases";
-export declare const DOCS_REPO_URL = "https://github.com/AzamatJurayev-dev/azamat-ui-kit";
-export declare const PACKAGE_RELEASES_URL = "https://github.com/AzamatJurayev-dev/azamat-ui-kit/releases";
-export declare const DOCS_RELEASES_URL = "https://github.com/AzamatJurayev-dev/azamat-ui-kit/releases";
-export declare const DOCS_ROOT_PATH = "/docs";
-export declare const releaseHistory: PackageReleaseRecord[];
-export declare const PACKAGE_VERSION: string;
-export declare const PACKAGE_RELEASE_DATE: string;
-export declare const componentDocsPath: (slug: string) => string;
-export declare const componentPlaygroundPath: (slug: string) => string;
-export declare const componentModulePath: (slug: string) => string;
-export declare const componentExportSlug: (value: string) => string;
-export declare const componentExportPath: (moduleSlug: string, exportName: string) => string;
-export declare const templatePath: (slug: string) => string;
-export declare const blockPath: (slug: string) => string;
-export declare const componentGroupOrder: ComponentGroup[];
-export declare const componentGroupMeta: Record<ComponentGroup, ComponentGroupMeta>;
-export declare function getComponentGroup(slug: string): ComponentGroup;
-export declare function getComponentGroupDetails(slug: string): ComponentGroupMeta;
-export declare const componentRelations: ComponentRelationMap;
-export declare const componentCatalog: ComponentCatalogItem[];
-export declare function getComponentSurfaceCatalogItem(slug?: string): ComponentCatalogItem | undefined;
-export declare function isPrimaryComponentSurface(slug: string): boolean;
-export declare function getPrimaryComponentSurfaceSlug(slug: string): string;
-export declare function getPrimaryComponentSurfaceTitle(slug: string): string;
-export declare function getPrimaryComponentCatalog(): ComponentCatalogItem[];
-export declare function getVisibleComponentCatalog(): ComponentCatalogItem[];
-export declare function getComponentDetailSidebarItems(activeSlug?: string): ComponentDetailSidebarItem[];
-export declare function getComponentDetailSidebarSections(activeSlug?: string): ComponentDetailSidebarSection[];
-export declare function getComponentSurfaceSections(slug: string): {
-    slugs: string[];
-    key: ComponentSurfaceSectionKey;
-    title: string;
-    description: string;
-}[];
-export declare function getPrimaryComponentMemberInventory(surfaceSlug?: string): ComponentSurfaceMemberInventoryItem[];
-export declare function getDocumentedMemberByComponent(component: string): ComponentSurfaceMemberInventoryItem | undefined;
-export declare function getDocumentedMembersByComponents(components: string[]): ComponentSurfaceMemberInventoryItem[];
-export declare const componentModuleCatalog: ComponentModuleItem[];
-export declare const primaryNav: NavItem[];
-export declare const docsSidebar: SidebarGroup[];
-export declare const playgroundSidebar: SidebarGroup[];
-export declare const blockTabs: readonly ["All blocks", "Dashboard", "Auth", "Table", "Settings", "Pricing", "Product", "Marketing"];
-export declare const blockLayoutFilters: readonly ["All layouts", "Application", "Marketing"];
-export declare const blockThemeFilters: readonly ["All themes", "Light", "Soft"];
-export declare const blockSortOptions: readonly ["Popular", "A-Z"];
-export declare const blockCoverageSections: {
-    title: string;
-    text: string;
-    items: string[];
-}[];
-export declare const featuredBlock: BlockCard;
-export declare const blockCards: BlockCard[];
-export declare const installCommand = "npx tembro init --template next --defaults\nnpx tembro add button input";
-export declare const propRows: string[][];
-export declare const tocItems: string[];
-export declare const exampleCards: {
-    title: string;
-    cta: string;
-}[];
-export declare const inspectorChecks: string[];
-export declare const accessibilityChecks: string[];
-export declare const globalSearchItems: GlobalSearchItem[];

package/dist/showcase/site-data.js

@@ -1 +0,0 @@
-export * from "../src/showcase/site-data.js"

package/dist/showcase/supplemental.cjs

@@ -1 +0,0 @@
-module.exports = require("../src/showcase/supplemental.cjs")

package/dist/showcase/supplemental.d.ts

@@ -1,5 +0,0 @@
-import type { ShowcaseDemoBundle } from "./types";
-export declare const supplementalShowcaseDemoRegistry: {
-    [k: string]: ShowcaseDemoBundle;
-};
-export declare const supplementalShowcaseDemoSlugs: string[];

package/dist/showcase/supplemental.js

@@ -1 +0,0 @@
-export * from "../src/showcase/supplemental.js"

package/dist/showcase/tembro-registry.json.cjs

@@ -1 +0,0 @@
-module.exports = require("../src/showcase/tembro-registry.json.cjs")

package/dist/showcase/tembro-registry.json.js

@@ -1 +0,0 @@
-export * from "../src/showcase/tembro-registry.json.js"

package/dist/showcase/types.cjs

@@ -1 +0,0 @@
-module.exports = require("../src/showcase/types.cjs")

package/dist/showcase/types.d.ts

@@ -1,44 +0,0 @@
-import type * as React from "react";
-export type ShowcaseDemoState = {
-    textValue: string;
-    textareaValue: string;
-    checked: boolean;
-    switchOn: boolean;
-    selectValue: string;
-    badgeVariant: "default" | "secondary" | "soft" | "destructive" | "outline" | "ghost" | "link";
-    cardCompact: boolean;
-    activeTab: "overview" | "activity" | "settings";
-};
-export type ShowcaseDemoMock = {
-    code: string;
-    htmlCode?: string;
-    cliCommand?: string;
-    highlights: string[];
-    relatedBlockSlugs?: string[];
-    scenarios: Array<{
-        title: string;
-        description: string;
-    }>;
-    capabilityNotes?: string[];
-};
-export type ShowcaseDemoProps = {
-    state: ShowcaseDemoState;
-    setState: (patch: Partial<ShowcaseDemoState>) => void;
-    mode: "docs" | "playground" | "components";
-};
-export type ShowcaseDemoBundle = {
-    mock: ShowcaseDemoMock;
-    Showcase: (props: ShowcaseDemoProps) => React.ReactNode;
-};
-export declare const defaultShowcaseDemoState: ShowcaseDemoState;
-export type ShowcaseDemoKind = "actions" | "calendar" | "data-table" | "display" | "feedback" | "form" | "inputs" | "layout" | "navigation" | "overlay" | "patterns" | "upload" | "wizard";
-export type ShowcaseDemoDefinition = {
-    slug: string;
-    title: string;
-    component: string;
-    kind: ShowcaseDemoKind;
-    summary: string;
-    highlights: string[];
-    scenarios: ShowcaseDemoMock["scenarios"];
-    importName?: string;
-};

package/dist/showcase/types.js

@@ -1 +0,0 @@
-export * from "../src/showcase/types.js"

package/dist/src/components/actions/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),e.component(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),e.component(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`)]);exports.actionsShowcaseDemoRegistry=t;

package/dist/src/components/actions/demo.js

@@ -1,9 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/actions/demo.tsx
-var n = t([
-	e("action-menu", "ActionMenu", "actions", "Compact dropdown action menu for rows and cards."),
-	e("button-group", "ButtonGroup", "actions", "Grouped action buttons for view switching and compact controls."),
-	e("quick-action-grid", "QuickActionGrid", "actions", "Action launcher grid for dense dashboard shortcuts.")
-]);
-//#endregion
-export { n as actionsShowcaseDemoRegistry };

package/dist/src/components/calendar/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`)]);exports.calendarShowcaseDemoRegistry=t;

package/dist/src/components/calendar/demo.js

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/calendar/demo.tsx
-var n = t([e("calendar", "Calendar", "calendar", "Single month calendar surface for date picker and scheduling flows.")]);
-//#endregion
-export { n as calendarShowcaseDemoRegistry };

package/dist/src/components/charts/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`charts`,`ChartFrame`,`display`,`Chart primitives for dashboard metrics, distribution and trend views.`,`ChartFrame`)]);exports.chartsShowcaseDemoRegistry=t;

package/dist/src/components/charts/demo.js

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/charts/demo.tsx
-var n = t([e("charts", "ChartFrame", "display", "Chart primitives for dashboard metrics, distribution and trend views.", "ChartFrame")]);
-//#endregion
-export { n as chartsShowcaseDemoRegistry };

package/dist/src/components/data-table/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/premium/data-table/showcase.cjs");var t={"data-table":{mock:require("../../showcase/premium/data-table/mock.cjs").dataTableMock,Showcase:e.DataTableShowcase}};exports.dataTableShowcaseDemoRegistry=t;

package/dist/src/components/data-table/demo.js

@@ -1,9 +0,0 @@
-import { DataTableShowcase as e } from "../../showcase/premium/data-table/showcase.js";
-import { dataTableMock as t } from "../../showcase/premium/data-table/mock.js";
-//#region src/components/data-table/demo.tsx
-var n = { "data-table": {
-	mock: t,
-	Showcase: e
-} };
-//#endregion
-export { n as dataTableShowcaseDemoRegistry };

package/dist/src/components/display/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`description-list`,`DescriptionList`,`display`,`Structured key-value details for entity, invoice and profile pages.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`)]);exports.displayShowcaseDemoRegistry=t;

package/dist/src/components/display/demo.js

@@ -1,12 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/display/demo.tsx
-var n = t([
-	e("description-list", "DescriptionList", "display", "Structured key-value details for entity, invoice and profile pages."),
-	e("progress", "Progress", "display", "Linear progress with label, value formatter, tone and indeterminate state."),
-	e("timeline", "Timeline", "display", "Vertical or horizontal event stream for workflow history."),
-	e("status-dot", "StatusDot", "display", "Tiny live status indicator with optional pulse animation."),
-	e("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
-	e("status-legend", "StatusLegend", "display", "Explain status meaning and counts in a compact legend.")
-]);
-//#endregion
-export { n as displayShowcaseDemoRegistry };

package/dist/src/components/feedback/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),e.component(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`)]);exports.feedbackShowcaseDemoRegistry=t;

package/dist/src/components/feedback/demo.js

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/feedback/demo.tsx
-var n = t([e("alert", "Alert", "feedback", "Inline feedback banner for success, warning, info, and error states."), e("page-state", "PageState", "feedback", "Full-page completion or blocked state with next actions.")]);
-//#endregion
-export { n as feedbackShowcaseDemoRegistry };

package/dist/src/components/filters/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),e.component(`data-table-saved-filters`,`SavedFilterSelect`,`actions`,`Saved filter chips and quick view controls.`)]);exports.filtersShowcaseDemoRegistry=t;

package/dist/src/components/filters/demo.js

@@ -1,5 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/filters/demo.tsx
-var n = t([e("filter-bar", "FilterBar", "actions", "Search, filters, active-count and reset actions in one toolbar."), e("data-table-saved-filters", "SavedFilterSelect", "actions", "Saved filter chips and quick view controls.")]);
-//#endregion
-export { n as filtersShowcaseDemoRegistry };

package/dist/src/components/form/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`form-input`,`FormInput`,`form`,`Form wrapper for the universal Input surface.`),e.component(`form-select`,`FormSelect`,`form`,`Form wrapper for controlled select fields.`),e.component(`form-textarea`,`FormTextarea`,`form`,`Textarea wrapper with validation slots.`),e.component(`form-switch`,`FormSwitch`,`form`,`Boolean form control with shell-level label and hint handling.`),e.component(`form-date-picker`,`FormDatePicker`,`form`,`Popover date picker wrapper with RHF integration.`),e.component(`form-date-range-picker`,`FormDateRangePicker`,`form`,`Range date picker wrapper with RHF integration.`)]);exports.formShowcaseDemoRegistry=t;

package/dist/src/components/form/demo.js

@@ -1,12 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/form/demo.tsx
-var n = t([
-	e("form-input", "FormInput", "form", "Form wrapper for the universal Input surface."),
-	e("form-select", "FormSelect", "form", "Form wrapper for controlled select fields."),
-	e("form-textarea", "FormTextarea", "form", "Textarea wrapper with validation slots."),
-	e("form-switch", "FormSwitch", "form", "Boolean form control with shell-level label and hint handling."),
-	e("form-date-picker", "FormDatePicker", "form", "Popover date picker wrapper with RHF integration."),
-	e("form-date-range-picker", "FormDateRangePicker", "form", "Range date picker wrapper with RHF integration.")
-]);
-//#endregion
-export { n as formShowcaseDemoRegistry };

package/dist/src/components/inputs/demo.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`async-select`,`AsyncSelect`,`inputs`,`Remote select member for server search, hydration and large datasets.`),e.component(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),e.component(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),e.component(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),e.component(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),e.component(`color-input`,`ColorInput`,`inputs`,`Theme and accent color field with native color selection.`),e.component(`inline-editable`,`InlineEditable`,`inputs`,`Inline text editing for compact dashboards and settings tables.`),e.component(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`)]);exports.inputsShowcaseDemoRegistry=t;

package/dist/src/components/inputs/demo.js

@@ -1,14 +0,0 @@
-import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
-//#region src/components/inputs/demo.tsx
-var n = t([
-	e("async-select", "AsyncSelect", "inputs", "Remote select member for server search, hydration and large datasets."),
-	e("slider", "Slider", "inputs", "Single value range control for density, threshold, and score tuning."),
-	e("range-slider", "RangeSlider", "inputs", "Two-handle slider for min/max filtering."),
-	e("rating", "Rating", "inputs", "Compact score input for feedback and review flows."),
-	e("otp-input", "OtpInput", "inputs", "One-time code entry with fixed-length slots."),
-	e("color-input", "ColorInput", "inputs", "Theme and accent color field with native color selection."),
-	e("inline-editable", "InlineEditable", "inputs", "Inline text editing for compact dashboards and settings tables."),
-	e("tag-input", "TagInput", "inputs", "Tokenized text input for labels, skills, and quick filters.")
-]);
-//#endregion
-export { n as inputsShowcaseDemoRegistry };

package/dist/src/components/layout/app-header.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,left:n,center:i,right:a,sticky:o=!0,heightClassName:s=`h-14`,children:c,...l}){return(0,r.jsx)(`header`,{"data-slot":`app-header`,"data-sticky":o||void 0,className:t.cn(`z-30 flex shrink-0 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80`,o&&`sticky top-0`,s,e),...l,children:c??(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:n}),i&&(0,r.jsx)(`div`,{className:`hidden min-w-0 flex-1 items-center justify-center md:flex`,children:i}),a&&(0,r.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a})]})})}exports.AppHeader=i;

package/dist/src/components/layout/app-sidebar.cjs

@@ -1 +0,0 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tooltip/index.cjs"),r=require("../../hooks/use-is-mobile.cjs"),i=require("./controllable-details.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("lucide-react"),s=require("react/jsx-runtime");var c=1024,l=`18rem`,u=`4.75rem`,d=`min(88vw, 22rem)`;function f({active:e,disabled:n}){return t.cn(`border border-transparent bg-transparent text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)] hover:border-[color:var(--aui-sidebar-item-active-border)] hover:bg-[color:var(--aui-sidebar-item-hover-bg)] hover:text-[color:var(--sidebar-foreground)] focus-visible:border-[color:var(--sidebar-ring)] focus-visible:bg-[color:var(--aui-sidebar-item-hover-bg)] focus-visible:text-[color:var(--sidebar-foreground)] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--sidebar-ring),transparent_82%)]`,e&&`border-[color:var(--aui-sidebar-item-active-border)] bg-[color:var(--aui-sidebar-item-active-bg)] text-[color:var(--aui-sidebar-item-active-fg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_10px_24px_color-mix(in_oklch,var(--sidebar-primary),transparent_88%)]`,n&&`hover:border-transparent hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)]`)}function p({collapsed:e,depth:n,itemSize:r,activeIndicator:i}){return t.cn(`relative w-full rounded-[min(var(--radius-xl),14px)] py-2`,r===`sm`&&`min-h-8 text-xs`,r===`md`&&`min-h-9 text-sm`,r===`lg`&&`min-h-11 text-sm`,e?`justify-center px-2`:`px-2.5`,!e&&n>0&&`pl-3`,i===`bar`&&`data-[active=true]:pl-4 before:pointer-events-none before:absolute before:left-1.5 before:top-1/2 before:hidden before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-full before:bg-[color:var(--sidebar-primary)] data-[active=true]:before:block`,i===`pill`&&`rounded-full`,i===`none`&&`data-[active=true]:shadow-none`)}function m(e){return e.items?.some(e=>!e.hidden)??!1}function h(e){return e.active?!0:e.items?.some(e=>h(e))??!1}function g(e,t){e.onSelect?.(),t?.(e)}function _({item:e,collapsed:r,depth:i,itemSize:a,activeIndicator:o,onItemSelect:c,renderLink:l}){let u={"aria-current":e.current??(e.active?`page`:void 0),"aria-disabled":e.disabled||void 0,"data-slot":`app-sidebar-item`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-depth":String(i),"data-size":a,"data-active-indicator":o,className:t.cn(`flex items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,f({active:e.active,disabled:e.disabled}),p({collapsed:r,depth:i,itemSize:a,activeIndicator:o}))},d=(0,s.jsxs)(s.Fragment,{children:[e.icon&&(0,s.jsx)(`span`,{className:`shrink-0`,children:e.icon}),!r&&(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,s.jsx)(`span`,{className:`shrink-0`,children:e.badge})]}),m=t=>r?(0,s.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,s.jsx)(`span`,{className:`block`,children:t})}):t;return e.href?.startsWith(`/`)?m(l?(0,s.jsx)(s.Fragment,{children:l({item:e,href:e.href,...u,onClick:t=>{if(e.disabled){t.preventDefault();return}g(e,c)},children:d})}):(0,s.jsx)(`a`,{href:e.href,...u,onClick:t=>{if(e.disabled){t.preventDefault();return}g(e,c)},children:d})):e.href?m((0,s.jsx)(`button`,{type:`button`,...u,className:t.cn(u.className,`w-full`),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(g(e,c),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:d})):m((0,s.jsx)(`button`,{type:`button`,disabled:e.disabled,...u,onClick:()=>{e.disabled||g(e,c)},children:d}))}function v({items:e,collapsed:r,depth:c,showSectionLabels:l,itemSize:u,activeIndicator:d,onItemSelect:g,renderLink:y}){return e.map(e=>{if(e.hidden)return null;let b=m(e),x=h(e),S=l&&!r&&c===0&&e.sectionLabel;if(!b)return(0,s.jsxs)(a.Fragment,{children:[S?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0`,children:e.sectionLabel}):null,(0,s.jsx)(_,{item:e,collapsed:r,depth:c,itemSize:u,activeIndicator:d,onItemSelect:g,renderLink:y})]},e.key);let C=e.defaultExpanded??x;return(0,s.jsxs)(`div`,{"data-slot":`app-sidebar-group`,"data-depth":c,children:[S&&(0,s.jsx)(`div`,{"data-slot":`app-sidebar-group-label`,className:`px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0`,children:e.sectionLabel}),(0,s.jsxs)(i.ControllableDetails,{"data-slot":`app-sidebar-group-details`,open:e.expanded,defaultOpen:C,className:`group/app-sidebar-details`,onOpenChange:e.onExpandedChange,children:[(0,s.jsxs)(`summary`,{"data-slot":`app-sidebar-group-trigger`,"data-size":u,"data-active":x||void 0,"data-active-indicator":d,className:t.cn(`flex list-none items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,f({active:x}),p({collapsed:r,depth:c,itemSize:u,activeIndicator:d})),children:[e.icon?r?(0,s.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,s.jsx)(`span`,{className:`shrink-0`,children:e.icon})}):(0,s.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,!r&&(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge&&(0,s.jsx)(`span`,{className:`shrink-0`,children:e.badge}),!r&&(0,s.jsx)(o.ChevronRightIcon,{"data-slot":`app-sidebar-group-chevron`,className:`ml-auto size-3.5 shrink-0 text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] transition-transform group-open/app-sidebar-details:rotate-90`})]}),(0,s.jsx)(`div`,{"data-slot":`app-sidebar-group-content`,className:t.cn(`mt-1 flex flex-col gap-1`,!r&&`pl-3`),children:(0,s.jsx)(v,{items:e.items??[],collapsed:r,depth:c+1,showSectionLabels:l,itemSize:u,activeIndicator:d,onItemSelect:g,renderLink:y})})]})]},e.key)})}function y({item:e,collapsed:r,onItemSelect:i}){let a=(0,s.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-action`,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,className:t.cn(`flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,f({active:e.active,disabled:e.disabled}),r&&`justify-center px-2`),disabled:e.disabled,onClick:()=>{e.disabled||g(e,i)},children:[e.icon?(0,s.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,r?null:(0,s.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!r&&e.badge?(0,s.jsx)(`span`,{className:`shrink-0`,children:e.badge}):null]});return r?(0,s.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,s.jsx)(`span`,{className:`block`,children:a})}):a}function b({account:e,collapsed:r,onAfterSelect:i}){let a=(0,s.jsxs)(`button`,{type:`button`,"data-slot":`app-sidebar-account`,className:t.cn(`flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]`,f({}),r?`justify-center px-2 py-2.5`:`px-3 py-2.5`),onClick:()=>{if(e.onSelect?.(),i?.(),e.href){if(e.href.startsWith(`http`)){window.open(e.href,`_blank`,`noopener,noreferrer`);return}window.location.assign(e.href)}},children:[e.avatar?(0,s.jsx)(`span`,{"data-slot":`app-sidebar-account-avatar`,className:`inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold`,children:e.avatar}):null,r?null:(0,s.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(`span`,{"data-slot":`app-sidebar-account-label`,className:`block truncate text-sm font-semibold text-[color:var(--sidebar-foreground)]`,children:e.label}),e.description?(0,s.jsx)(`span`,{"data-slot":`app-sidebar-account-description`,className:`block truncate text-xs text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_36%)]`,children:e.description}):null]})]});return r?(0,s.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,s.jsx)(`span`,{className:`block`,children:a})}):a}function x({className:e,style:r,header:i,footer:c,items:d=[],collapsed:f=!1,width:p=l,collapsedWidth:m=u,collapsedRail:h,railItems:g=[],footerAccount:_,secondaryActions:x=[],footerSecondary:S,footerClassName:C,tooltipOnCollapsed:w,showSectionLabels:T=!0,itemSize:E=`md`,activeIndicator:D=`bar`,navigationLabel:O=`Primary navigation`,onItemSelect:k,renderItem:A,renderLink:j,children:M,mobile:N,mobileTitle:P,mobileDescription:F,mobileCloseLabel:I=`Close navigation`,onRequestClose:L,closeOnSelect:R=!0,...z}){let B=d.filter(e=>!e.hidden),V=g.filter(e=>!e.hidden),H=x.filter(e=>!e.hidden),U=a.useCallback(e=>{k?.(e),N&&R&&L?.()},[R,N,k,L]),W=N&&(P||F||L);return(0,s.jsxs)(`aside`,{"data-slot":`app-sidebar`,"data-collapsed":f||void 0,"data-mobile":N||void 0,className:t.cn(`flex h-full min-h-0 flex-col overflow-hidden`,e),style:{width:f?m:p,minWidth:f?m:p,...r},...z,children:[(i||W)&&(0,s.jsx)(`div`,{"data-slot":`app-sidebar-header`,className:`shrink-0 border-b p-3`,children:(0,s.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[i??null,W?(0,s.jsxs)(`div`,{className:t.cn(i&&`mt-3`),children:[P?(0,s.jsx)(`p`,{className:`text-sm font-semibold text-foreground`,children:P}):null,F?(0,s.jsx)(`p`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:F}):null]}):null]}),N&&L?(0,s.jsx)(`button`,{type:`button`,"aria-label":I,"data-slot":`app-sidebar-mobile-close`,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg-alt,var(--muted))] text-[color:var(--aui-page-foreground,var(--foreground))] transition hover:bg-[color:var(--aui-control-bg,var(--muted))]`,onClick:L,children:(0,s.jsx)(o.XIcon,{className:`size-4`})}):null]})}),(0,s.jsxs)(`nav`,{"data-slot":`app-sidebar-nav`,"aria-label":O,className:`flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto overscroll-contain p-2`,children:[M??B.map(e=>{if(!A)return null;let t=A(e,{collapsed:f});return!f||!w?(0,s.jsx)(a.Fragment,{children:t},e.key):(0,s.jsx)(n.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,s.jsx)(`span`,{className:`block`,children:t})},e.key)}),!M&&!A&&(0,s.jsx)(v,{items:B,collapsed:f,depth:0,showSectionLabels:T,itemSize:E,activeIndicator:D,onItemSelect:U,renderLink:j})]}),(_||S||c||H.length>0||f&&(h||V.length>0))&&(0,s.jsxs)(`div`,{"data-slot":`app-sidebar-footer`,className:t.cn(`shrink-0 border-t p-3`,C),children:[f?(0,s.jsxs)(s.Fragment,{children:[V.length>0?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-rail-actions`,className:`grid gap-2`,children:V.map(e=>(0,s.jsx)(y,{item:e,collapsed:!0,onItemSelect:U},e.key))}):null,h?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-rail`,children:h}):null]}):null,!f&&_?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,className:`mb-3`,children:(0,s.jsx)(b,{account:_,collapsed:!1,onAfterSelect:()=>{N&&R&&L?.()}})}):null,!f&&H.length>0?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-secondary-actions`,className:`mb-3 grid gap-2`,children:H.map(e=>(0,s.jsx)(y,{item:e,collapsed:!1,onItemSelect:U},e.key))}):null,!f&&S?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-footer-secondary`,className:`mb-3`,children:S}):null,f&&_?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,children:(0,s.jsx)(b,{account:_,collapsed:!0,onAfterSelect:()=>{N&&R&&L?.()}})}):null,!f&&c]})]})}function S({className:e,header:n,footer:i,items:f=[],collapsed:p=!1,width:m=l,collapsedWidth:h=u,mobileWidth:g=d,collapsedRail:_,railItems:v=[],footerAccount:y,secondaryActions:b=[],footerSecondary:S,tooltipOnCollapsed:C=!0,showSectionLabels:w=!0,itemSize:T=`md`,activeIndicator:E=`bar`,navigationLabel:D=`Primary navigation`,responsive:O=!0,mobileBreakpoint:k=c,mobileOpen:A,defaultMobileOpen:j=!1,onMobileOpenChange:M,mobileTitle:N,mobileDescription:P,mobileToggleLabel:F=`Open navigation`,mobileCloseLabel:I=`Close navigation`,mobileToggleIcon:L,showMobileToggle:R=!0,closeOnSelect:z=!0,mobileToggleClassName:B,mobilePanelClassName:V,mobileOverlayClassName:H,renderMobileToggle:U,onItemSelect:W,renderItem:G,renderLink:K,children:q,...J}){let Y=r.useIsMobile(k),X=O&&Y,[ee,te]=a.useState(j),Z=A??ee,Q=a.useCallback(e=>{A??te(e),M?.(e)},[A,M]);a.useEffect(()=>{!X&&Z&&Q(!1)},[X,Z,Q]),a.useEffect(()=>{if(!X||!Z)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{e.key===`Escape`&&Q(!1)};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[X,Z,Q]);let $={className:e,header:n,footer:i,items:f,collapsed:p,width:m,collapsedWidth:h,collapsedRail:_,railItems:v,footerAccount:y,secondaryActions:b,footerSecondary:S,tooltipOnCollapsed:C,showSectionLabels:w,itemSize:T,activeIndicator:E,navigationLabel:D,mobileCloseLabel:I,closeOnSelect:z,onItemSelect:W,renderItem:G,renderLink:K,children:q,...J};if(!O||!X)return(0,s.jsx)(x,{...$});let ne=(0,s.jsxs)(`button`,{type:`button`,"aria-label":Z?I:F,"data-slot":`app-sidebar-mobile-trigger`,"data-state":Z?`open`:`closed`,className:t.cn(`inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] px-3 text-sm font-medium text-[color:var(--aui-page-foreground,var(--foreground))] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt,var(--muted))]`,B),onClick:()=>Q(!Z),children:[(0,s.jsx)(`span`,{className:`inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt,var(--muted))]`,children:L??(0,s.jsx)(o.MenuIcon,{className:`size-4`})}),(0,s.jsx)(`span`,{children:Z?I:F})]});return(0,s.jsxs)(s.Fragment,{children:[R?U?U({open:Z,setOpen:Q}):ne:null,(0,s.jsxs)(`div`,{"data-slot":`app-sidebar-mobile-root`,className:`relative z-40`,children:[(0,s.jsx)(`button`,{type:`button`,"aria-label":`Dismiss navigation`,"data-slot":`app-sidebar-mobile-overlay`,"data-state":Z?`open`:`closed`,className:t.cn(`fixed inset-0 z-40 bg-black/45 transition-opacity duration-200`,Z?`opacity-100`:`pointer-events-none opacity-0`,H),style:{opacity:+!!Z,pointerEvents:Z?`auto`:`none`},onClick:()=>Q(!1)}),(0,s.jsx)(x,{...$,mobile:!0,collapsed:!1,mobileTitle:N,mobileDescription:P,onRequestClose:()=>Q(!1),"data-state":Z?`open`:`closed`,role:`dialog`,"aria-modal":`true`,"aria-label":typeof N==`string`?N:`Navigation`,className:t.cn(`fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] shadow-2xl transition-transform duration-200 ease-out`,Z?`translate-x-0`:`-translate-x-full`,V,e),style:{width:g,minWidth:g,translate:Z?`0 0`:`-100% 0`}})]})]})}exports.Sidebar=S;