tembro 3.1.6 → 3.1.7

package/CHANGELOG.md

@@ -102,7 +102,7 @@ All notable changes to this project will be documented in this file.
 - replaced `SavedFilterSelect` browser `prompt()` saving with an inline input flow so saved-view creation is stylable, testable, and accessible
 - rebuilt `ResizablePanel` into an actual split-panel primitive with draggable and keyboard-accessible handles instead of a fake CSS resize shell
 - upgraded `MentionInput` into a real trigger-based mention surface with inline suggestions, keyboard selection, and cursor-aware insertion
-- synced `JsonInput` validation with controlled values and aligned `TrendCard` success sparkline colors with Azamat UI theme tokens
+- synced `JsonInput` validation with controlled values and aligned `TrendCard` success sparkline colors with Tembro theme tokens
 - refreshed registry/showcase wiring and CLI vendor copies so the new component behavior ships consistently in both package and source-copy flows
 
 ## 0.3.22 - 2026-07-01

package/README.md

@@ -1,91 +1,241 @@
-# tembro
-
-tembro is a source-copy-first React UI kit.
-
-The CLI copies editable component source into your app. New projects should treat local `components` code as the canonical surface.
-
-## Start
-
-Next.js:
-
-```bash
-npx tembro init --template next --defaults
-npx tembro add button input
-```
-
-Vite:
-
-```bash
-npx tembro init --template vite --defaults
-npx tembro add button input
-```
-
-## Use
-
-After `add`, import from local app source:
-
-```tsx
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-```
-
-## Core rule
-
-- `init` sets up config and theme tokens.
-- `add` copies component source into your app.
-- Local source is the product surface.
-- Runtime package import is compatibility-only, not the main path.
-
-## Component model
-
-Every public surface is a component. Repeated behavior should be handled with props, hooks, helpers, and local source files, not separate family abstractions.
-
-## Migrating to 3.0
-
-Replace compatibility component imports with the canonical API:
-
-```tsx
-// before
-<FormNumberInput control={control} name="price" />
-<FormAsyncSelect control={control} name="ownerId" loadOptions={loadOwners} />
-<AppSidebar items={items} />
-<SmartCard title="Account" />
-
-// after
-<FormInput control={control} name="price" kind="number" />
-<FormSelect control={control} name="ownerId" kind="async" loadOptions={loadOwners} />
-<Sidebar items={items} />
-<InfoCard title="Account" />
-```
-
-The CLI still accepts old component names and redirects them to canonical source-copy entries. Removed incomplete components do not have drop-in replacements; use a production-grade implementation only when the application actually needs that interaction.
-
-## Production interaction components
-
-Install the new drag-and-drop and virtualization surfaces through the CLI:
-
-```bash
-npx tembro add sortable-list kanban virtual-list data-table
-```
-
-- `SortableList` supports pointer, touch, and keyboard reordering with controlled or uncontrolled state.
-- `KanbanBoard` moves cards within and across columns, including empty columns and canceled operations.
-- `VirtualList` keeps large collections responsive by mounting only the visible window.
-- `DataTable` enables row virtualization with `virtualization={{ height: 480 }}`.
-
-## Current direction
-
-The docs layer is being rebuilt from scratch around:
-
-- source-copy workflow
-- fewer public component names
-- stronger component quality
-- simpler theming and API contracts
-
-## Local verification
-
-```bash
-npm run lint
-npm run build
-npm run test:run
-```
+# tembro
+
+tembro is a source-copy-first React UI kit for production dashboards, admin panels, forms, data-heavy screens, and application shells.
+
+The package gives you two things:
+
+- A CLI that copies editable component source into your app.
+- A typed React component library and registry metadata for docs, migration, and compatibility.
+
+## Why source-copy-first?
+
+Most product teams eventually need to change UI behavior, tokens, density, copy, and accessibility details. tembro treats copied local source as the main product surface so your app can own the final implementation without fighting a closed dependency.
+
+## Start
+
+Next.js:
+
+```bash
+npx tembro init --template next --defaults
+npx tembro add button input data-table
+```
+
+Vite:
+
+```bash
+npx tembro init --template vite --defaults
+npx tembro add button input data-table
+```
+
+## Use
+
+After `add`, import from your local app source:
+
+```tsx
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { DataTable } from "@/components/data-table/data-table"
+```
+
+Runtime package imports are compatibility-oriented:
+
+```tsx
+import { Button, Input } from "tembro"
+```
+
+For production apps, prefer the local copied source because it is easier to audit, customize, and ship.
+
+## Core rule
+
+- `init` sets up config and theme tokens.
+- `add` copies component source into your app.
+- Local source is the canonical product surface.
+- Runtime package import is available, but it is not the main customization path.
+
+## Public API
+
+The public API is intentionally organized by real product surfaces:
+
+- `ui`: button, input, select, card, badge, dialog, table, tabs, accordion, primitives.
+- `data-table`: reusable operational table with selection, pagination, toolbar, row actions, mobile cards, pinning, expansion, and virtualization.
+- `form`: React Hook Form wrappers for input, select, textarea, switch, date fields, and field shell.
+- `layout`: sidebar, breadcrumbs, section and page-level composition helpers.
+- `display`: avatar, list, statistic, timeline, QR code, virtual list, typography, carousel, state surfaces.
+- `inputs`: async select, rating, slider, tag input, color picker, signature pad, JSON input, time picker.
+- `overlay`: alert dialog, confirm dialog, drawer.
+- `patterns`: resource pages, form builder, empty state, settings page, data view.
+
+Use the registry to discover the available source-copy entries:
+
+```bash
+npx tembro list
+npx tembro add data-table sidebar command-palette
+```
+
+## Theme tokens
+
+`tembro init` writes a managed theme block into your CSS. Edit tokens first, not scattered component classes.
+
+Important token families:
+
+- `--background`, `--foreground`, `--card`, `--popover`, `--primary`, `--border`, `--ring`.
+- `--aui-radius-control`, `--aui-radius-surface`, `--aui-radius-overlay`.
+- `--aui-control-surface`, `--aui-control-border-strong`, `--aui-control-shadow`.
+- `--aui-sidebar-item-active-bg`, `--aui-sidebar-item-active-fg`, `--aui-sidebar-nav-item-active-bg`.
+- `--aui-table-toolbar-bg`, `--aui-table-row-selected-bg`, `--aui-table-footer-bg`.
+
+Use the preserved custom block for app-specific overrides:
+
+```css
+/* tembro:custom-styles:start */
+@layer theme {
+  :root {
+    --aui-radius-control: 0.5rem;
+  }
+}
+/* tembro:custom-styles:end */
+```
+
+## Production interaction components
+
+Install advanced surfaces through the CLI:
+
+```bash
+npx tembro add sortable-list kanban virtual-list data-table command-palette
+```
+
+- `DataTable` supports search, filters, bulk actions, row actions, row click, pagination, mobile card rendering, expansion, column pinning, and virtualization.
+- `SortableList` supports pointer/touch drag ordering with controlled or uncontrolled state.
+- `KanbanBoard` moves cards within and across columns, including empty columns and canceled operations.
+- `VirtualList` keeps large lists responsive by rendering only the visible window.
+- `CommandPalette` supports grouped commands, async groups, recents, shortcuts, loading, and empty states.
+
+## Component model
+
+Every public surface should be useful on its own. Repeated behavior belongs in props, hooks, helpers, and local source files, not in many near-duplicate public component names.
+
+Preferred direction:
+
+```tsx
+<FormInput control={control} name="price" kind="number" />
+<FormSelect control={control} name="ownerId" kind="async" loadOptions={loadOwners} />
+<Sidebar items={items} />
+<InfoCard title="Account" />
+```
+
+Avoid exposing one-off wrappers unless they solve a real reusable product problem.
+
+## Migration aliases
+
+The CLI accepts several old names and redirects them to canonical entries. Examples:
+
+```tsx
+// before
+<FormNumberInput control={control} name="price" />
+<FormAsyncSelect control={control} name="ownerId" loadOptions={loadOwners} />
+<AppSidebar items={items} />
+<SmartCard title="Account" />
+
+// after
+<FormInput control={control} name="price" kind="number" />
+<FormSelect control={control} name="ownerId" kind="async" loadOptions={loadOwners} />
+<Sidebar items={items} />
+<InfoCard title="Account" />
+```
+
+Removed incomplete components do not have drop-in replacements. Add production-grade source only when the application actually needs that interaction.
+
+## Production readiness
+
+A component is considered production-ready when it has:
+
+- Public props documented in the showcase API schema.
+- Real preview coverage, not only a generic placeholder card.
+- Light and dark token coverage through the central theme contract.
+- Keyboard and focus behavior covered where interaction exists.
+- Registry entry, source files, dependencies, migration aliases, and docs metadata kept in sync.
+- Render/build checks passing before publish.
+
+## Release gates
+
+Local verification:
+
+```bash
+npm run lint
+npm run build
+npm run test:run
+npm run test:cli
+npm run test:fixtures
+npm run pack:dry-run
+```
+
+Faster package gate:
+
+```bash
+npm run release:quick
+```
+
+Full publish gate:
+
+```bash
+npm run release:gate
+```
+
+The release pipeline checks:
+
+- TypeScript and render tests.
+- Registry consistency.
+- Root export governance.
+- API schema coverage against source props.
+- Showcase quality and fallback coverage.
+- Theme contract tokens/selectors.
+- Package contract metadata.
+- CLI behavior and fixture smoke.
+- Build output and npm pack dry run.
+
+## Docs site sync
+
+The public docs site lives beside this repo as `azamat-ui`.
+
+```bash
+npm run sync:site
+```
+
+After sync, validate the docs repo:
+
+```bash
+cd ../azamat-ui
+npm run check:version
+npm run build
+npm run smoke:browser
+npm run test:visual
+```
+
+Intentional visual changes require updating baselines in the docs repo:
+
+```bash
+$env:UPDATE_VISUAL_BASELINES='1'; npm run test:visual
+```
+
+## Current direction
+
+The library is moving toward:
+
+- source-copy workflow as the default install model
+- fewer, stronger public component names
+- richer component demos with real behavior
+- central theme tokens instead of scattered style overrides
+- registry-driven docs and migration metadata
+- production-grade release gates before every publish
+## CLI production workflows
+
+Tembro CLI includes workflow commands for predictable source-copy usage:
+
+```bash
+npx tembro doctor
+npx tembro list --category data-table
+npx tembro list --json
+npx tembro add data-table --plan
+```
+
+Read the full workflow guide in `docs/cli-workflows.md`.

package/dist/components/ui/dialog/index.d.ts

@@ -11,6 +11,7 @@ export type DialogPopupProps = DialogPrimitive.Popup.Props & {
     surface?: "default" | "plain";
 };
 export type DialogHeaderProps = React.ComponentProps<"div">;
+export type DialogBodyProps = React.ComponentProps<"div">;
 export type DialogFooterProps = React.ComponentProps<"div"> & {
     showCloseButton?: boolean;
 };
@@ -23,7 +24,8 @@ declare function DialogClose({ ...props }: DialogCloseProps): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: DialogOverlayProps): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, size, surface, ...props }: DialogPopupProps): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element;
+declare function DialogBody({ className, ...props }: DialogBodyProps): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): React.JSX.Element;
 declare function DialogTitle({ className, ...props }: DialogTitleProps): React.JSX.Element;
 declare function DialogDescription({ className, ...props }: DialogDescriptionProps): React.JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/select/index.d.ts

@@ -8,7 +8,9 @@ export type SelectTriggerProps = SelectPrimitive.Trigger.Props & {
 };
 export type SelectContentProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">;
 export type SelectLabelProps = SelectPrimitive.GroupLabel.Props;
-export type SelectItemProps = SelectPrimitive.Item.Props;
+export type SelectItemProps = SelectPrimitive.Item.Props & {
+    showIndicator?: boolean;
+};
 export type SelectSeparatorProps = SelectPrimitive.Separator.Props;
 export type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>;
 export type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>;
@@ -48,16 +50,17 @@ export type SelectProps = Omit<SelectRootProps, "value" | "defaultValue" | "onVa
     renderOption?: (option: SelectOption, state: {
         selected: boolean;
     }) => React.ReactNode;
+    showSelectedIndicator?: boolean;
     invalid?: boolean;
     onSearchChange?: (value: string) => void;
 };
-declare function Select({ value, defaultValue, onValueChange, options, groups, placeholder, searchPlaceholder, emptyLabel, emptyMessage, clearLabel, size, clearable, searchable, loading, loadingLabel, disabled, showSelectedDescription, triggerClassName, contentClassName, itemClassName, searchClassName, renderOption, invalid, children, onOpenChange, onSearchChange, ...props }: SelectProps): React.JSX.Element;
+declare function Select({ value, defaultValue, onValueChange, options, groups, placeholder, searchPlaceholder, emptyLabel, emptyMessage, clearLabel, size, clearable, searchable, loading, loadingLabel, disabled, showSelectedDescription, triggerClassName, contentClassName, itemClassName, searchClassName, renderOption, showSelectedIndicator, invalid, children, onOpenChange, onSearchChange, ...props }: SelectProps): React.JSX.Element;
 declare function SelectGroup({ className, ...props }: SelectGroupProps): React.JSX.Element;
 declare function SelectValue({ className, ...props }: SelectValueProps): React.JSX.Element;
 declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): React.JSX.Element;
 declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): React.JSX.Element;
 declare function SelectLabel({ className, ...props }: SelectLabelProps): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: SelectItemProps): React.JSX.Element;
+declare function SelectItem({ className, children, showIndicator, ...props }: SelectItemProps): React.JSX.Element;
 declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): React.JSX.Element;
 declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): React.JSX.Element;
 declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
-export declare const PACKAGE_LATEST_VERSION = "3.1.6";
-export declare const PACKAGE_LATEST_RELEASE_DATE = "July 13, 2026";
-export declare const PACKAGE_DEPENDENCY_RANGE = "^3.1.6";
+export declare const PACKAGE_LATEST_VERSION = "3.1.7";
+export declare const PACKAGE_LATEST_RELEASE_DATE = "July 15, 2026";
+export declare const PACKAGE_DEPENDENCY_RANGE = "3.1.7";

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

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

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

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

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

@@ -0,0 +1 @@
+export * from "../../../src/showcase/premium/wizard/index.js"

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

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

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

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

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

@@ -0,0 +1 @@
+export * from "../../../src/showcase/premium/wizard/mock.js"

package/dist/showcase/premium/wizard/showcase.cjs

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

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

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

package/dist/showcase/premium/wizard/showcase.js

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

package/dist/showcase/search-utils.d.ts

@@ -3,7 +3,7 @@ export type SearchItem = (typeof globalSearchItems)[number];
 export declare const searchGroupOrder: Array<SearchItem["group"]>;
 export declare function searchGroupLabel(group: SearchItem["group"]): "Components" | "Docs" | "Examples" | "Blocks" | "Templates";
 export declare function isAdvancedSearchItem(item: SearchItem): boolean;
-export declare function searchItemKindLabel(item: SearchItem): "Docs page" | "Live example" | "Block" | "Template section" | "Template" | "Surface member" | "API item" | "Component group" | "Component";
+export declare function searchItemKindLabel(item: SearchItem): "Component" | "Docs page" | "Live example" | "Block" | "Template section" | "Template" | "Surface member" | "API item" | "Component group";
 export declare function getSearchItemByHref(href: string): import("./site-data").GlobalSearchItem | undefined;
 export declare function scoreSearchItem(item: SearchItem, query: string): number;
 export declare function getVisibleSearchItems(query: string): import("./site-data").GlobalSearchItem[];

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

@@ -170,7 +170,7 @@ export type ComponentDetailSidebarSection = {
 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 = "azamat-ui";
+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";
@@ -178,11 +178,11 @@ export declare const PACKAGE_INSTALL_COMMAND = "npx tembro init --template next
 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/tembro";
-export declare const PACKAGE_GITHUB_RELEASES_URL = "https://github.com/AzamatJurayev-dev/tembro/releases";
-export declare const DOCS_REPO_URL = "https://github.com/AzamatJurayev-dev/azamat-ui";
-export declare const PACKAGE_RELEASES_URL = "https://github.com/AzamatJurayev-dev/tembro/releases";
-export declare const DOCS_RELEASES_URL = "https://github.com/AzamatJurayev-dev/azamat-ui/releases";
+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;

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

@@ -1 +1 @@
-"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(e){return e.items?.some(e=>!e.hidden)??!1}function m(e){return e.active?!0:e.items?.some(e=>m(e))??!1}function h(e,t){e.onSelect?.(),t?.(e)}function g({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 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`)},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})]}),p=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(`/`)?p(l?(0,s.jsx)(s.Fragment,{children:l({item:e,href:e.href,...u,onClick:t=>{if(e.disabled){t.preventDefault();return}h(e,c)},children:d})}):(0,s.jsx)(`a`,{href:e.href,...u,onClick:t=>{if(e.disabled){t.preventDefault();return}h(e,c)},children:d})):e.href?p((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(h(e,c),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:d})):p((0,s.jsx)(`button`,{type:`button`,disabled:e.disabled,...u,onClick:()=>{e.disabled||h(e,c)},children:d}))}function _({items:e,collapsed:r,depth:c,showSectionLabels:l,itemSize:u,activeIndicator:d,onItemSelect:h,renderLink:v}){return e.map(e=>{if(e.hidden)return null;let y=p(e),b=m(e),x=l&&!r&&c===0&&e.sectionLabel;if(!y)return(0,s.jsxs)(a.Fragment,{children:[x?(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)(g,{item:e,collapsed:r,depth:c,itemSize:u,activeIndicator:d,onItemSelect:h,renderLink:v})]},e.key);let S=e.defaultExpanded??b;return(0,s.jsxs)(`div`,{"data-slot":`app-sidebar-group`,"data-depth":c,children:[x&&(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:S,className:`group/app-sidebar-details`,onOpenChange:e.onExpandedChange,children:[(0,s.jsxs)(`summary`,{"data-slot":`app-sidebar-group-trigger`,"data-size":u,"data-active":b||void 0,"data-active-indicator":d,className:t.cn(`flex list-none items-center gap-2 border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]`,f({active:b}),r?`justify-center px-2`:`px-2.5`),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)(_,{items:e.items??[],collapsed:r,depth:c+1,showSectionLabels:l,itemSize:u,activeIndicator:d,onItemSelect:h,renderLink:v})})]})]},e.key)})}function v({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||h(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 y({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 b({className:e,style:r,header:i,footer:c,items:d=[],collapsed:f=!1,width:p=l,collapsedWidth:m=u,collapsedRail:h,railItems:g=[],footerAccount:b,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)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]`,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)(_,{items:B,collapsed:f,depth:0,showSectionLabels:T,itemSize:E,activeIndicator:D,onItemSelect:U,renderLink:j})]}),(b||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)(v,{item:e,collapsed:!0,onItemSelect:U},e.key))}):null,h?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-rail`,children:h}):null]}):null,!f&&b?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,className:`mb-3`,children:(0,s.jsx)(y,{account:b,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)(v,{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&&b?(0,s.jsx)(`div`,{"data-slot":`app-sidebar-account-wrap`,children:(0,s.jsx)(y,{account:b,collapsed:!0,onAfterSelect:()=>{N&&R&&L?.()}})}):null,!f&&c]})]})}function x({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:x=[],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:x,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)(b,{...$});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)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]`,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)]`,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),onClick:()=>Q(!1)}),(0,s.jsx)(b,{...$,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)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out`,Z?`translate-x-0`:`-translate-x-full`,V,e),style:{width:g,minWidth:g}})]})]})}exports.Sidebar=x;
+"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)] bg-[color:var(--aui-page-bg-alt)] text-[color:var(--aui-page-foreground)] transition hover:bg-[color:var(--aui-control-bg)]`,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)] bg-[color:var(--aui-page-bg)] px-3 text-sm font-medium text-[color:var(--aui-page-foreground)] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt)]`,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)]`,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),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)] bg-[color:var(--aui-page-bg)] shadow-2xl transition-transform duration-200 ease-out`,Z?`translate-x-0`:`-translate-x-full`,V,e),style:{width:g,minWidth:g}})]})]})}exports.Sidebar=S;