admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/showcase/assets/layout-app-shell-CeMHzVNn.js

@@ -1,501 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Tr as i,gr as a,hr as o,mr as s,r as c,t as l}from"./example-C6-_Sy6B.js";import{t as u}from"./briefcase-2uLXCvAZ.js";import{t as d}from"./chart-column-6Tn3WAT9.js";import{n as f,t as p}from"./header-notifications-Caa9i87J.js";import{t as m}from"./credit-card-BoDfW0R8.js";import{t as h}from"./external-link-Bg-_8Uq7.js";import{t as g}from"./file-text-BIi71mZ1.js";import{t as _}from"./house-DKxCiHyB.js";import{t as v}from"./inbox-ZxSy1pgX.js";import{r as y,t as b,y as x}from"./sidebar.context-D3P7qppn.js";import{t as S}from"./package-CUNvdlBi.js";import{t as C}from"./plus-C9kwz7rW.js";import{t as w}from"./settings-DlKX-bZT.js";import{t as T}from"./shield-BD0Y8Jj3.js";import{n as E,t as D}from"./global-search-DkJkQ0Vs.js";import{t as O}from"./user-CGcV8Ppb.js";import{t as k}from"./users-DzgXeZbf.js";import{a as ee}from"./index-B8DVXCmf.js";import{t as te}from"./props-table-CM_1cocj.js";import{t as A}from"./smart-card-7szg_qSt.js";import{t as ne}from"./separator-DUKleOvU.js";import{r as re}from"./fetchers-DHuMQ6PN.js";import{c as ie,i as j,n as M,r as N,t as P,u as F}from"./item-CMRbW6s-.js";import{t as I}from"./page-header-4F_iaFPW.js";import{t as ae}from"./app-sidebar-BdOu5rVn.js";var L=ee(),oe={light:[`[--app-shell-header-background:var(--app-shell-header-light-background)]`,`[--app-shell-header-foreground:var(--app-shell-header-light-foreground)]`,`[--app-shell-header-muted-foreground:var(--app-shell-header-light-muted-foreground)]`,`[--app-shell-header-border:var(--app-shell-header-light-border)]`,`[--app-shell-header-accent:var(--app-shell-header-light-accent)]`,`[--app-shell-header-accent-foreground:var(--app-shell-header-light-accent-foreground)]`].join(` `),dark:[`[--app-shell-header-background:var(--app-shell-header-dark-background)]`,`[--app-shell-header-foreground:var(--app-shell-header-dark-foreground)]`,`[--app-shell-header-muted-foreground:var(--app-shell-header-dark-muted-foreground)]`,`[--app-shell-header-border:var(--app-shell-header-dark-border)]`,`[--app-shell-header-accent:var(--app-shell-header-dark-accent)]`,`[--app-shell-header-accent-foreground:var(--app-shell-header-dark-accent-foreground)]`].join(` `)},se=[`[--background:var(--app-shell-header-background)]`,`[--foreground:var(--app-shell-header-foreground)]`,`[--muted:var(--app-shell-header-accent)]`,`[--muted-foreground:var(--app-shell-header-muted-foreground)]`,`[--border:var(--app-shell-header-border)]`,`[--input:var(--app-shell-header-border)]`,`[--accent:var(--app-shell-header-accent)]`,`[--accent-foreground:var(--app-shell-header-accent-foreground)]`,`[--secondary:var(--app-shell-header-accent)]`,`[--secondary-foreground:var(--app-shell-header-accent-foreground)]`].join(` `);function R({children:e,headerTheme:t=`light`,sidebarSide:n=`left`,mobileSidebarMode:r=`drawer`,headerHeight:a,sidebarWidth:o,sidebarTrigger:s,logo:c,headerActions:l,sidebar:u,slots:d,contentAs:f=`main`,className:p,headerClassName:m,headerInnerClassName:h,bodyClassName:g,sidebarClassName:_,contentClassName:v,style:y,...b}){let x={...a?{"--app-shell-header-height":a}:null,...o?{"--app-shell-sidebar-width-expanded":o}:null,...y},S=d?.sidebarTrigger??s,C=d?.logo??c,w=d?.headerActions??l,T=d?.sidebar??u,E=d?.content??e,D=!!T,O=(0,L.jsx)(f,{className:i(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,v),children:E}),k=D?(0,L.jsx)(`aside`,{className:i(`topbar-sidebar-layout--sidebar min-h-0 min-w-0 overflow-hidden border-border bg-sidebar text-sidebar-foreground`,r===`drawer`?`hidden md:block`:`border-b md:border-b-0`,_),children:T}):null;return(0,L.jsxs)(`div`,{className:i(`topbar-sidebar-layout--component flex min-h-svh flex-col overflow-hidden bg-background text-foreground`,`[--app-shell-sidebar-width-expanded:var(--app-shell-sidebar-width)]`,`[--app-shell-sidebar-width-current:var(--app-shell-sidebar-width-expanded)]`,`[--sidebar-width:var(--app-shell-sidebar-width-expanded)]`,`has-[[data-slot=sidebar][data-collapsible=icon]]:[--app-shell-sidebar-width-current:var(--sidebar-width-icon)]`,`has-[[data-slot=sidebar][data-collapsible=offcanvas]]:[--app-shell-sidebar-width-current:0rem]`,oe[t],p),style:x,"data-header-theme":t,"data-sidebar-side":n,"data-mobile-sidebar-mode":r,...b,children:[(0,L.jsx)(`header`,{className:i(`topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-[var(--app-shell-header-border)] bg-[var(--app-shell-header-background)] px-4 text-[var(--app-shell-header-foreground)]`,se,m),children:(0,L.jsx)(`div`,{className:i(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,h),children:d?.header??(0,L.jsxs)(L.Fragment,{children:[!!S&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:S}),!!C&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:C}),!!d?.headerStart&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:d.headerStart}),!!d?.headerCenter&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:d.headerCenter}),!!(w||d?.headerEnd)&&(0,L.jsxs)(`div`,{className:`topbar-sidebar-layout--header-trailing ml-auto flex shrink-0 items-center gap-1.5 md:gap-2`,children:[!!w&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:w}),!!d?.headerEnd&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:d.headerEnd})]})]})})}),(0,L.jsx)(`div`,{className:i(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,D&&(n===`left`?`md:grid-cols-[var(--app-shell-sidebar-width-current)_minmax(0,1fr)]`:`md:grid-cols-[minmax(0,1fr)_var(--app-shell-sidebar-width-current)]`),g),children:n===`left`?(0,L.jsxs)(L.Fragment,{children:[k,O]}):(0,L.jsxs)(L.Fragment,{children:[O,k]})})]})}var ce=e({DarkHeaderLeftSidebar:()=>X,LightHeaderRightSidebar:()=>Z}),z=t(n(),1),le={Platform:[{label:`Dashboard`,href:`#/dashboard`,icon:_,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:k,handle:`customers`,badge:31},{label:`Orders`,href:`#/orders`,icon:S,handle:`orders`,children:[{label:`Pending`,href:`#/orders/pending`,handle:`orders-pending`,badge:8},{label:`Fulfilled`,href:`#/orders/fulfilled`,handle:`orders-fulfilled`}]}],Finance:[{label:`Invoices`,href:`#/invoices`,icon:m,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:d,handle:`reports`}]},ue=[{label:`Inbox`,href:`#/inbox`,icon:v,handle:`inbox`,badge:4},{label:`Settings`,href:`#/settings`,icon:w,handle:`settings`},{label:`Docs`,href:`https://example.com`,icon:h,handle:`docs`,external:!0}],de=[{id:`sync`,title:`Order sync completed`,description:`36 orders reconciled across two markets.`,time:`4 min ago`,tone:`success`,read:!1},{id:`risk`,title:`Manual review required`,description:`Three high-value orders need approval.`,time:`22 min ago`,tone:`warning`,read:!1}],fe={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},B={customer:`Customers`,order:`Orders`,voucher:`Vouchers`,team:`Team`},V={customer:O,order:g,voucher:E,team:u},pe={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},H={customer:`info`,order:`secondary`,voucher:`success`,team:`warning`},U=`size-[var(--app-shell-header-control-size)] rounded-lg border border-[var(--app-shell-header-border)] bg-[var(--app-shell-header-accent)] text-[var(--app-shell-header-foreground)] shadow-none hover:bg-[var(--app-shell-header-accent)] data-[state=open]:bg-[var(--app-shell-header-accent)] [&>svg]:size-4`,me=`h-[var(--app-shell-header-control-size)] text-[var(--app-shell-header-foreground)] hover:bg-[var(--app-shell-header-accent)] data-[state=open]:bg-[var(--app-shell-header-accent)] max-md:size-[var(--app-shell-header-control-size)] max-md:justify-center max-md:p-0 max-md:[&_.header-user-menu--avatar]:size-7 max-md:[&_.header-user-menu--identity]:hidden max-md:[&_.header-user-menu--chevron]:hidden`,he=[{title:`Stripe payout mismatch`,meta:`Payments / due 11:30`},{title:`Address verification`,meta:`Risk review / awaiting customer`},{title:`Large quantity approval`,meta:`Operations / high-value order`},{title:`Supplier hold`,meta:`Inventory / split fulfillment`}];function W({href:e,children:t,className:n,target:r,rel:i}){return(0,L.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function ge(e){return{id:e.id,title:e.title,subtitle:e.subtitle,group:e.type,thumbnail:{icon:V[e.type],tone:pe[e.type]},badge:{label:B[e.type],tone:H[e.type]},data:e}}function _e(e,t){let n=V[e.group];return(0,L.jsxs)(P,{size:`xs`,render:(0,L.jsx)(`button`,{type:`button`,onClick:t.onSelect}),className:i(`rounded-lg px-3 py-2 text-left hover:bg-accent hover:text-accent-foreground`,t.isActive&&`bg-accent text-accent-foreground`),children:[(0,L.jsx)(ie,{variant:`icon`,className:`size-7 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(n,{className:`size-4`,"aria-hidden":`true`})}),(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.subtitle})]}),(0,L.jsx)(M,{children:(0,L.jsx)(a,{variant:H[e.group],children:B[e.group]})})]})}function G({enableShortcut:e=!0}={}){let[t,n]=(0,z.useState)(!1),[r,i]=(0,z.useState)(``),[a,o]=(0,z.useState)([]),[s,c]=(0,z.useState)(!1),[l,u]=(0,z.useState)(null),d=(0,z.useMemo)(()=>B,[]);(0,z.useEffect)(()=>{let e=r.trim();if(e.length<=1){o([]),c(!1);return}let t=!1;return c(!0),re(e).then(e=>{t||(o(e.map(ge)),c(!1))}),()=>{t=!0}},[r]);let p=()=>{n(!1),i(``),o([]),c(!1)},m=e=>{i(e)};return{trigger:(0,L.jsx)(f,{className:`h-[var(--app-shell-header-control-size)] min-w-0 max-w-72`,enableShortcut:e,onOpen:()=>n(!0),strings:{placeholder:l?`Search again`:`Search`}}),overlay:t?(0,L.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-start justify-center bg-foreground/50 px-4 pt-24 backdrop-blur-[1px]`,onMouseDown:e=>{e.target===e.currentTarget&&p()},children:(0,L.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,L.jsx)(D,{query:r,onQueryChange:m,results:a,loading:s,groupLabels:d,autoFocus:!0,onClose:p,onResultSelect:e=>{u(e.title),p()},idleSections:[{id:`shortcuts`,label:`Suggested searches`,items:[{id:`orders`,label:`pending orders`,icon:S,onSelect:()=>m(`pending`)},{id:`customers`,label:`customers in Berlin`,icon:k,onSelect:()=>m(`Berlin`)},{id:`team`,label:`team admins`,icon:T,onSelect:()=>m(`admin`)}]}],slots:{renderResult:_e},strings:{placeholder:`Search workspace`,loading:`Searching workspace...`}})})}):null,selectedLabel:l}}function ve({name:e=`Atlas Admin`,description:t=`Production workspace`,logoSrc:n=`/favicon.svg`,fullLogoSrc:i}){return i?(0,L.jsx)(`img`,{src:i,alt:e,className:`h-9 max-w-40 shrink-0 object-contain`}):(0,L.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,L.jsx)(`div`,{className:`flex size-[var(--app-shell-header-control-size)] shrink-0 items-center justify-center rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-[var(--app-shell-header-border)]`,children:(0,L.jsx)(`img`,{src:n,alt:``,className:`size-5 object-contain`,"aria-hidden":`true`})}),(0,L.jsxs)(`div`,{className:`hidden min-w-0 sm:block`,children:[(0,L.jsx)(r,{weight:`semibold`,className:`truncate text-inherit`,children:e}),(0,L.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]})]})}function ye(){return(0,L.jsxs)(`div`,{className:`flex h-[var(--app-shell-header-control-size)] shrink-0 items-center gap-2`,children:[(0,L.jsx)(`img`,{src:`/favicon.svg`,alt:``,className:`size-6 object-contain`,"aria-hidden":`true`}),(0,L.jsx)(r,{weight:`semibold`,className:`text-inherit`,children:`Atlas`})]})}function K(){return(0,L.jsx)(x,{className:U})}function q({currentUrl:e,collapsible:t=`icon`,side:n=`left`}){return(0,L.jsx)(ae,{collapsible:t,side:n,className:`h-full`,surfaceClassName:`border-0 bg-sidebar`,contentClassName:`bg-sidebar`,navigationGroups:le,footerNavItems:ue,footerLabel:`Utilities`,currentUrl:e,liveBadges:{customers:42,invoices:14},renderLink:W})}function J({divider:e=!1}){return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(p,{notifications:de,unreadCount:2,renderLink:W,className:U}),e&&(0,L.jsx)(ne,{orientation:`vertical`,className:`hidden h-7 bg-[var(--app-shell-header-border)] md:block`}),(0,L.jsx)(y,{user:fe,showEmail:!1,triggerClassName:me,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}function Y(){return(0,L.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[[`Manual review`,`8`,`High-value orders`],[`Awaiting stock`,`12`,`Split fulfillment`],[`Ready to fulfill`,`36`,`Queued today`]].map(([e,t,n])=>(0,L.jsxs)(A,{padding:`sm`,className:`shadow-sm`,children:[(0,L.jsx)(r,{size:`xs`,type:`secondary`,children:e}),(0,L.jsx)(r,{weight:`semibold`,children:t}),(0,L.jsx)(r,{size:`xs`,type:`secondary`,children:n})]},e))})}function be(){return(0,L.jsxs)(A,{padding:`sm`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-border pb-3`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(r,{weight:`semibold`,children:`Review queue`}),(0,L.jsx)(r,{size:`xs`,type:`secondary`,children:`Exceptions that affect fulfillment and payout timing.`})]}),(0,L.jsx)(a,{variant:`warning`,children:`8 pending`})]}),(0,L.jsx)(`div`,{className:`divide-y divide-border`,children:he.map(e=>(0,L.jsxs)(P,{size:`sm`,className:`px-0 py-3`,children:[(0,L.jsxs)(N,{children:[(0,L.jsx)(F,{children:e.title}),(0,L.jsx)(j,{clamp:1,children:e.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,size:`xs`,children:`Open`})})]},e.title))})]})}function X(){let e=G();return(0,L.jsx)(b,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`dark`,className:`h-[44rem] min-h-0 rounded-md border border-border shadow-sm`,sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(ve,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/orders/pending`}),headerActions:(0,L.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,icon:C,className:`hidden h-[var(--app-shell-header-control-size)] rounded-lg md:inline-flex`,children:`New order`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{divider:!0})},children:(0,L.jsxs)(`div`,{className:`space-y-5 p-5`,children:[e.overlay,(0,L.jsx)(I,{title:`Pending orders`,description:`Exceptions, holds, and stock checks that need attention before cutoff.`,headingTag:`h3`,titleBadges:[{label:`Live`,variant:`success`}],actions:(0,L.jsx)(c,{variant:`primary`,icon:T,children:`Approve batch`})}),(0,L.jsx)(Y,{}),!!e.selectedLabel&&(0,L.jsxs)(A,{padding:`sm`,className:`border-info/30 bg-info/5 shadow-sm`,children:[(0,L.jsx)(r,{size:`xs`,type:`secondary`,children:`Last selected search result`}),(0,L.jsx)(r,{weight:`semibold`,children:e.selectedLabel})]}),(0,L.jsx)(be,{})]})})})}function Z(){let e=G({enableShortcut:!1});return(0,L.jsx)(b,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`light`,sidebarSide:`right`,sidebarWidth:`18rem`,className:`h-[38rem] min-h-0 rounded-md border border-border shadow-sm`,sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(ye,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/reports`,side:`right`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{})},children:(0,L.jsxs)(`div`,{className:`space-y-5 p-5`,children:[e.overlay,(0,L.jsx)(I,{title:`Finance reports`,description:`Revenue, invoices, and payout signals with navigation on the right.`,headingTag:`h3`,titleBadges:[{label:`Right rail`,variant:`info`}]}),(0,L.jsx)(Y,{}),(0,L.jsxs)(A,{padding:`sm`,className:`shadow-sm`,children:[(0,L.jsx)(r,{weight:`semibold`,children:`Report activity`}),(0,L.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Finance work stays in the content region while the right rail handles navigation.`})]})]})})})}var Q=`import { BarChart3, Briefcase, CreditCard, ExternalLink, FileText, Home, Inbox, Package, Plus, Settings, Shield, Ticket, User, Users } from 'lucide-react';
-import { useEffect, useMemo, useState } from 'react';
-
-import { Badge } from '@/components/base/badge';
-import { Button } from '@/components/base/buttons';
-import { SmartCard } from '@/components/base/cards';
-import { Separator } from '@/components/base/display/separator';
-import { SidebarTrigger } from '@/components/base/sidebar';
-import {
-	Item,
-	ItemActions,
-	ItemContent,
-	ItemDescription,
-	ItemMedia,
-	ItemTitle,
-} from '@/components/base/item';
-import {
-	GlobalSearch,
-	type GlobalSearchRenderResultContext,
-	type GlobalSearchResult,
-} from '@/components/features/global-search';
-import { Text } from '@/components/typography';
-import type { HeaderNotification } from '@/components/layout/header';
-import { HeaderNotifications, HeaderSearch, HeaderUserMenu } from '@/components/layout/header';
-import type { LayoutLinkRenderProps, LayoutUser } from '@/components/layout';
-import { TopbarSidebarLayout } from '@/components/layout/app-shell';
-import { PageHeader } from '@/components/layout/page';
-import {
-	AppSidebar,
-	SidebarProvider,
-	type AppSidebarProps,
-	type SidebarNavItem,
-} from '@/components/layout/sidebar';
-import { mockSearch, type MockSearchResult } from '@/preview/_mocks';
-import { cn } from '@/lib/utils';
-
-const navigationGroups: Record<string, SidebarNavItem[]> = {
-	Platform: [
-		{ label: 'Dashboard', href: '#/dashboard', icon: Home, handle: 'dashboard' },
-		{ label: 'Customers', href: '#/customers', icon: Users, handle: 'customers', badge: 31 },
-		{
-			label: 'Orders',
-			href: '#/orders',
-			icon: Package,
-			handle: 'orders',
-			children: [
-				{ label: 'Pending', href: '#/orders/pending', handle: 'orders-pending', badge: 8 },
-				{ label: 'Fulfilled', href: '#/orders/fulfilled', handle: 'orders-fulfilled' },
-			],
-		},
-	],
-	Finance: [
-		{ label: 'Invoices', href: '#/invoices', icon: CreditCard, handle: 'invoices', badge: 12 },
-		{ label: 'Reports', href: '#/reports', icon: BarChart3, handle: 'reports' },
-	],
-};
-
-const footerItems = [
-	{ label: 'Inbox', href: '#/inbox', icon: Inbox, handle: 'inbox', badge: 4 },
-	{ label: 'Settings', href: '#/settings', icon: Settings, handle: 'settings' },
-	{ label: 'Docs', href: 'https://example.com', icon: ExternalLink, handle: 'docs', external: true },
-];
-
-const notifications: HeaderNotification[] = [
-	{
-		id: 'sync',
-		title: 'Order sync completed',
-		description: '36 orders reconciled across two markets.',
-		time: '4 min ago',
-		tone: 'success',
-		read: false,
-	},
-	{
-		id: 'risk',
-		title: 'Manual review required',
-		description: 'Three high-value orders need approval.',
-		time: '22 min ago',
-		tone: 'warning',
-		read: false,
-	},
-];
-
-const user: LayoutUser = {
-	name: 'Nicolas Vlachos',
-	email: 'nicolas@example.com',
-	avatar: 'https://i.pravatar.cc/96?img=11',
-};
-
-type SearchGroup = MockSearchResult['type'];
-
-const SEARCH_GROUP_LABEL: Record<SearchGroup, string> = {
-	customer: 'Customers',
-	order: 'Orders',
-	voucher: 'Vouchers',
-	team: 'Team',
-};
-
-const SEARCH_GROUP_ICON = {
-	customer: User,
-	order: FileText,
-	voucher: Ticket,
-	team: Briefcase,
-} as const;
-
-const SEARCH_GROUP_TONE = {
-	customer: 'primary',
-	order: 'info',
-	voucher: 'success',
-	team: 'warning',
-} as const;
-
-const BADGE_VARIANT = {
-	customer: 'info',
-	order: 'secondary',
-	voucher: 'success',
-	team: 'warning',
-} as const;
-
-const HEADER_CONTROL_CLASS = 'size-[var(--app-shell-header-control-size)] rounded-lg border border-[var(--app-shell-header-border)] bg-[var(--app-shell-header-accent)] text-[var(--app-shell-header-foreground)] shadow-none hover:bg-[var(--app-shell-header-accent)] data-[state=open]:bg-[var(--app-shell-header-accent)] [&>svg]:size-4';
-const HEADER_USER_TRIGGER_CLASS = 'h-[var(--app-shell-header-control-size)] text-[var(--app-shell-header-foreground)] hover:bg-[var(--app-shell-header-accent)] data-[state=open]:bg-[var(--app-shell-header-accent)] max-md:size-[var(--app-shell-header-control-size)] max-md:justify-center max-md:p-0 max-md:[&_.header-user-menu--avatar]:size-7 max-md:[&_.header-user-menu--identity]:hidden max-md:[&_.header-user-menu--chevron]:hidden';
-
-const queueItems = [
-	{ title: 'Stripe payout mismatch', meta: 'Payments / due 11:30' },
-	{ title: 'Address verification', meta: 'Risk review / awaiting customer' },
-	{ title: 'Large quantity approval', meta: 'Operations / high-value order' },
-	{ title: 'Supplier hold', meta: 'Inventory / split fulfillment' },
-];
-
-function renderPreviewLink({ href, children, className, target, rel }: LayoutLinkRenderProps) {
-	return <a href={href ?? '#'} className={className} target={target} rel={rel}>{children}</a>;
-}
-
-function toSearchResult(result: MockSearchResult): GlobalSearchResult<SearchGroup> {
-	return {
-		id: result.id,
-		title: result.title,
-		subtitle: result.subtitle,
-		group: result.type,
-		thumbnail: {
-			icon: SEARCH_GROUP_ICON[result.type],
-			tone: SEARCH_GROUP_TONE[result.type],
-		},
-		badge: {
-			label: SEARCH_GROUP_LABEL[result.type],
-			tone: BADGE_VARIANT[result.type],
-		},
-		data: result,
-	};
-}
-
-function renderSearchResult(
-	result: GlobalSearchResult<SearchGroup>,
-	context: GlobalSearchRenderResultContext,
-) {
-	const Icon = SEARCH_GROUP_ICON[result.group];
-
-	return (
-		<Item
-			size="xs"
-			render={<button type="button" onClick={context.onSelect} />}
-			className={cn(
-				'rounded-lg px-3 py-2 text-left hover:bg-accent hover:text-accent-foreground',
-				context.isActive && 'bg-accent text-accent-foreground',
-			)}
-		>
-			<ItemMedia variant="icon" className="size-7 rounded-md bg-muted text-muted-foreground">
-				<Icon className="size-4" aria-hidden="true" />
-			</ItemMedia>
-			<ItemContent>
-				<ItemTitle>{result.title}</ItemTitle>
-				<ItemDescription clamp={1}>{result.subtitle}</ItemDescription>
-			</ItemContent>
-			<ItemActions>
-				<Badge variant={BADGE_VARIANT[result.group]}>{SEARCH_GROUP_LABEL[result.group]}</Badge>
-			</ItemActions>
-		</Item>
-	);
-}
-
-function useAppShellSearch({ enableShortcut = true }: { enableShortcut?: boolean } = {}) {
-	const [open, setOpen] = useState(false);
-	const [query, setQuery] = useState('');
-	const [results, setResults] = useState<Array<GlobalSearchResult<SearchGroup>>>([]);
-	const [loading, setLoading] = useState(false);
-	const [selectedLabel, setSelectedLabel] = useState<string | null>(null);
-	const groupLabels = useMemo(() => SEARCH_GROUP_LABEL, []);
-
-	useEffect(() => {
-		const trimmed = query.trim();
-		if (trimmed.length <= 1) {
-			setResults([]);
-			setLoading(false);
-			return;
-		}
-
-		let cancelled = false;
-		setLoading(true);
-		mockSearch(trimmed).then((rows) => {
-			if (cancelled) return;
-			setResults(rows.map(toSearchResult));
-			setLoading(false);
-		});
-
-		return () => {
-			cancelled = true;
-		};
-	}, [query]);
-
-	const closeSearch = () => {
-		setOpen(false);
-		setQuery('');
-		setResults([]);
-		setLoading(false);
-	};
-
-	const handleSearch = (nextQuery: string) => {
-		setQuery(nextQuery);
-	};
-
-	const trigger = (
-		<HeaderSearch
-			className="h-[var(--app-shell-header-control-size)] min-w-0 max-w-72"
-			enableShortcut={enableShortcut}
-			onOpen={() => setOpen(true)}
-			strings={{
-				placeholder: selectedLabel ? 'Search again' : 'Search',
-			}}
-		/>
-	);
-
-	const overlay = open ? (
-		<div
-			className="fixed inset-0 z-50 flex items-start justify-center bg-foreground/50 px-4 pt-24 backdrop-blur-[1px]"
-			onMouseDown={(event) => {
-				if (event.target === event.currentTarget) closeSearch();
-			}}
-		>
-			<div className="w-full max-w-2xl">
-				<GlobalSearch<SearchGroup>
-					query={query}
-					onQueryChange={handleSearch}
-					results={results}
-					loading={loading}
-					groupLabels={groupLabels}
-					autoFocus
-					onClose={closeSearch}
-					onResultSelect={(result) => {
-						setSelectedLabel(result.title);
-						closeSearch();
-					}}
-					idleSections={[
-						{
-							id: 'shortcuts',
-							label: 'Suggested searches',
-							items: [
-								{ id: 'orders', label: 'pending orders', icon: Package, onSelect: () => handleSearch('pending') },
-								{ id: 'customers', label: 'customers in Berlin', icon: Users, onSelect: () => handleSearch('Berlin') },
-								{ id: 'team', label: 'team admins', icon: Shield, onSelect: () => handleSearch('admin') },
-							],
-						},
-					]}
-					slots={{ renderResult: renderSearchResult }}
-					strings={{
-						placeholder: 'Search workspace',
-						loading: 'Searching workspace...',
-					}}
-				/>
-			</div>
-		</div>
-	) : null;
-
-	return { trigger, overlay, selectedLabel };
-}
-
-interface HeaderLogoProps {
-	name?: string;
-	description?: string;
-	logoSrc?: string;
-	fullLogoSrc?: string;
-}
-
-function HeaderLogo({
-	name = 'Atlas Admin',
-	description = 'Production workspace',
-	logoSrc = '/favicon.svg',
-	fullLogoSrc,
-}: HeaderLogoProps) {
-	if (fullLogoSrc) {
-		return (
-			<img
-				src={fullLogoSrc}
-				alt={name}
-				className="h-9 max-w-40 shrink-0 object-contain"
-			/>
-		);
-	}
-
-	return (
-		<div className="flex min-w-0 items-center gap-3">
-			<div className="flex size-[var(--app-shell-header-control-size)] shrink-0 items-center justify-center rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-[var(--app-shell-header-border)]">
-				<img src={logoSrc} alt="" className="size-5 object-contain" aria-hidden="true" />
-			</div>
-			<div className="hidden min-w-0 sm:block">
-				<Text weight="semibold" className="truncate text-inherit">{name}</Text>
-				<Text size="xxs" type="secondary" className="truncate">{description}</Text>
-			</div>
-		</div>
-	);
-}
-
-function FullLogo() {
-	return (
-		<div className="flex h-[var(--app-shell-header-control-size)] shrink-0 items-center gap-2">
-			<img src="/favicon.svg" alt="" className="size-6 object-contain" aria-hidden="true" />
-			<Text weight="semibold" className="text-inherit">Atlas</Text>
-		</div>
-	);
-}
-
-function AppShellSidebarTrigger() {
-	return (
-		<SidebarTrigger
-			className={HEADER_CONTROL_CLASS}
-		/>
-	);
-}
-
-function SidebarColumn({
-	currentUrl,
-	collapsible = 'icon',
-	side = 'left',
-}: {
-	currentUrl: string;
-	collapsible?: AppSidebarProps['collapsible'];
-	side?: AppSidebarProps['side'];
-}) {
-	return (
-		<AppSidebar
-			collapsible={collapsible}
-			side={side}
-			className="h-full"
-			surfaceClassName="border-0 bg-sidebar"
-			contentClassName="bg-sidebar"
-			navigationGroups={navigationGroups}
-			footerNavItems={footerItems}
-			footerLabel="Utilities"
-			currentUrl={currentUrl}
-			liveBadges={{ customers: 42, invoices: 14 }}
-			renderLink={renderPreviewLink}
-		/>
-	);
-}
-
-function HeaderEnd({ divider = false }: { divider?: boolean }) {
-	return (
-		<>
-			<HeaderNotifications
-				notifications={notifications}
-				unreadCount={2}
-				renderLink={renderPreviewLink}
-				className={HEADER_CONTROL_CLASS}
-			/>
-			{divider && (
-				<Separator orientation="vertical" className="hidden h-7 bg-[var(--app-shell-header-border)] md:block" />
-			)}
-			<HeaderUserMenu
-				user={user}
-				showEmail={false}
-				triggerClassName={HEADER_USER_TRIGGER_CLASS}
-				onProfile={() => {}}
-				onSettings={() => {}}
-				onLogout={() => {}}
-			/>
-		</>
-	);
-}
-
-function MetricsGrid() {
-	return (
-		<div className="grid gap-3 md:grid-cols-3">
-			{[
-				['Manual review', '8', 'High-value orders'],
-				['Awaiting stock', '12', 'Split fulfillment'],
-				['Ready to fulfill', '36', 'Queued today'],
-			].map(([label, value, detail]) => (
-				<SmartCard key={label} padding="sm" className="shadow-sm">
-					<Text size="xs" type="secondary">{label}</Text>
-					<Text weight="semibold">{value}</Text>
-					<Text size="xs" type="secondary">{detail}</Text>
-				</SmartCard>
-			))}
-		</div>
-	);
-}
-
-function WorkQueue() {
-	return (
-		<SmartCard padding="sm" className="shadow-sm">
-			<div className="flex items-center justify-between gap-3 border-b border-border pb-3">
-				<div>
-					<Text weight="semibold">Review queue</Text>
-					<Text size="xs" type="secondary">Exceptions that affect fulfillment and payout timing.</Text>
-				</div>
-				<Badge variant="warning">8 pending</Badge>
-			</div>
-			<div className="divide-y divide-border">
-				{queueItems.map((item) => (
-					<Item key={item.title} size="sm" className="px-0 py-3">
-						<ItemContent>
-							<ItemTitle>{item.title}</ItemTitle>
-							<ItemDescription clamp={1}>{item.meta}</ItemDescription>
-						</ItemContent>
-						<ItemActions>
-							<Button variant="secondary" buttonStyle="outline" size="xs">Open</Button>
-						</ItemActions>
-					</Item>
-				))}
-			</div>
-		</SmartCard>
-	);
-}
-
-export function DarkHeaderLeftSidebar() {
-	const search = useAppShellSearch();
-
-	return (
-		<SidebarProvider defaultOpen className="min-h-0">
-			<TopbarSidebarLayout
-				headerTheme="dark"
-				className="h-[44rem] min-h-0 rounded-md border border-border shadow-sm"
-				sidebarTrigger={<AppShellSidebarTrigger />}
-				logo={<HeaderLogo />}
-				sidebar={<SidebarColumn currentUrl="#/orders/pending" />}
-				headerActions={<Button variant="secondary" buttonStyle="outline" icon={Plus} className="hidden h-[var(--app-shell-header-control-size)] rounded-lg md:inline-flex">New order</Button>}
-				slots={{
-					headerCenter: search.trigger,
-					headerEnd: <HeaderEnd divider />,
-				}}
-			>
-				<div className="space-y-5 p-5">
-					{search.overlay}
-					<PageHeader
-						title="Pending orders"
-						description="Exceptions, holds, and stock checks that need attention before cutoff."
-						headingTag="h3"
-						titleBadges={[{ label: 'Live', variant: 'success' }]}
-						actions={<Button variant="primary" icon={Shield}>Approve batch</Button>}
-					/>
-					<MetricsGrid />
-					{!!search.selectedLabel && (
-						<SmartCard padding="sm" className="border-info/30 bg-info/5 shadow-sm">
-							<Text size="xs" type="secondary">Last selected search result</Text>
-							<Text weight="semibold">{search.selectedLabel}</Text>
-						</SmartCard>
-					)}
-					<WorkQueue />
-				</div>
-			</TopbarSidebarLayout>
-		</SidebarProvider>
-	);
-}
-
-export function LightHeaderRightSidebar() {
-	const search = useAppShellSearch({ enableShortcut: false });
-
-	return (
-		<SidebarProvider defaultOpen className="min-h-0">
-			<TopbarSidebarLayout
-				headerTheme="light"
-				sidebarSide="right"
-				sidebarWidth="18rem"
-				className="h-[38rem] min-h-0 rounded-md border border-border shadow-sm"
-				sidebarTrigger={<AppShellSidebarTrigger />}
-				logo={<FullLogo />}
-				sidebar={<SidebarColumn currentUrl="#/reports" side="right" />}
-				slots={{
-					headerCenter: search.trigger,
-					headerEnd: <HeaderEnd />,
-				}}
-			>
-				<div className="space-y-5 p-5">
-					{search.overlay}
-					<PageHeader
-						title="Finance reports"
-						description="Revenue, invoices, and payout signals with navigation on the right."
-						headingTag="h3"
-						titleBadges={[{ label: 'Right rail', variant: 'info' }]}
-					/>
-					<MetricsGrid />
-					<SmartCard padding="sm" className="shadow-sm">
-						<Text weight="semibold">Report activity</Text>
-						<Text size="xs" type="secondary" className="mt-1">
-							Finance work stays in the content region while the right rail handles navigation.
-						</Text>
-					</SmartCard>
-				</div>
-			</TopbarSidebarLayout>
-		</SidebarProvider>
-	);
-}
-`;function xe(e){let t={h4:`h4`,...e.components};return ce||$(`Examples`,!1),X||$(`Examples.DarkHeaderLeftSidebar`,!0),Z||$(`Examples.LightHeaderRightSidebar`,!0),(0,L.jsxs)(o,{title:`Layout · App shell`,description:`Standalone header-first shell with a 70px+ topbar and a sidebar/content body grid.`,layer:`layout`,status:`ready`,sourcePath:`src/components/layout/app-shell`,children:[(0,L.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,L.jsx)(l,{name:`DarkHeaderLeftSidebar`,description:`Dark topbar with collapsible left navigation.`,source:Q,children:(0,L.jsx)(X,{})}),(0,L.jsx)(l,{name:`LightHeaderRightSidebar`,description:`Light topbar with right navigation rail.`,source:Q,children:(0,L.jsx)(Z,{})})]}),(0,L.jsxs)(s,{title:`API`,id:`api`,children:[(0,L.jsx)(t.h4,{children:`TopbarSidebarLayout`}),(0,L.jsx)(te,{component:`TopbarSidebarLayout`})]})]})}function Se(e={}){let{wrapper:t}=e.components||{};return t?(0,L.jsx)(t,{...e,children:(0,L.jsx)(xe,{...e})}):xe(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Se as default};

package/dist/showcase/assets/layout-containers-8Drow5f9.js

@@ -1,96 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Tr as n,gr as r,hr as i,mr as a,t as o}from"./example-C6-_Sy6B.js";import{a as s}from"./index-B8DVXCmf.js";import{t as c}from"./smart-card-7szg_qSt.js";import{t as l}from"./content-container-CHXwWViz.js";var u=s(),d={tight:`space-y-3`,default:`space-y-5`,loose:`space-y-8`};function f({children:e,as:t=`section`,density:r=`default`,className:i,...a}){return(0,u.jsx)(t,{className:n(d[r],i),...a,children:e})}var p=e({BareContainer:()=>v,NarrowContainer:()=>g,SectionRhythm:()=>y,WideContainer:()=>_});function m({title:e,detail:n}){return(0,u.jsx)(c,{padding:`sm`,className:`border-dashed`,children:(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(t,{weight:`semibold`,children:e}),(0,u.jsx)(t,{size:`xs`,type:`secondary`,children:n})]})})}function h({children:e,height:t=320}){return(0,u.jsx)(`div`,{className:`layout-demo-viewport relative w-full overflow-auto rounded-md border border-dashed border-border bg-background`,style:{height:t},children:e})}function g(){return(0,u.jsx)(h,{children:(0,u.jsxs)(l,{as:`section`,width:`narrow`,padding:`sm`,innerClassName:`gap-3`,children:[(0,u.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,u.jsx)(t,{weight:`semibold`,children:`Narrow container`}),(0,u.jsx)(r,{variant:`info`,children:`padding sm`})]}),(0,u.jsx)(m,{title:`Centered content`,detail:`Useful for forms, setup flows, and readable single-column pages.`}),(0,u.jsx)(m,{title:`Comfortable reading width`,detail:"`max-w-7xl` keeps line lengths sensible at desktop sizes."})]})})}function _(){return(0,u.jsx)(h,{children:(0,u.jsxs)(l,{as:`section`,width:`wide`,padding:`default`,innerClassName:`grid gap-3 md:grid-cols-3`,children:[(0,u.jsx)(m,{title:`Card A`,detail:`Dashboard pages can keep cards aligned inside a max-width shell.`}),(0,u.jsx)(m,{title:`Card B`,detail:"`innerClassName` controls the inner column without breaking the outer wrapper."}),(0,u.jsx)(m,{title:`Card C`,detail:"Use `as` to render the right semantic element for the surface."})]})})}function v(){return(0,u.jsx)(h,{height:260,children:(0,u.jsxs)(l,{width:`full`,bare:!0,className:`bg-card`,children:[(0,u.jsx)(`div`,{className:`grid grid-cols-4 border-b border-border px-3 py-2`,children:[`Name`,`Owner`,`Status`,`Updated`].map(e=>(0,u.jsx)(t,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wider`,children:e},e))}),[`Billing portal`,`Customer records`,`Sync monitor`].map((e,n)=>(0,u.jsxs)(`div`,{className:`grid grid-cols-4 px-3 py-2`,children:[(0,u.jsx)(t,{weight:`medium`,children:e}),(0,u.jsx)(t,{type:`secondary`,children:`Operations`}),(0,u.jsx)(r,{variant:n===2?`warning`:`success`,children:n===2?`Review`:`Healthy`}),(0,u.jsx)(t,{size:`xs`,type:`secondary`,children:`Today`})]},e))]})})}function y(){return(0,u.jsx)(`div`,{className:`grid gap-5 md:grid-cols-3`,children:[`tight`,`default`,`loose`].map(e=>(0,u.jsxs)(f,{density:e,className:`rounded-md border border-dashed border-border p-4`,children:[(0,u.jsx)(t,{weight:`semibold`,className:`capitalize`,children:e}),(0,u.jsx)(m,{title:`Block one`,detail:`Section controls vertical rhythm only.`}),(0,u.jsx)(m,{title:`Block two`,detail:`Cards and headings remain separate composition concerns.`})]},e))})}var b=`import type { ReactNode } from 'react';
-import { Container, Section } from '@/components/layout/containers';
-import { SmartCard } from '@/components/base/cards';
-import { Text } from '@/components/typography';
-import { Badge } from '@/components/base/badge';
-
-function SampleCard({ title, detail }: { title: string; detail: string }) {
-	return (
-		<SmartCard padding="sm" className="border-dashed">
-			<div className="space-y-1">
-				<Text weight="semibold">{title}</Text>
-				<Text size="xs" type="secondary">{detail}</Text>
-			</div>
-		</SmartCard>
-	);
-}
-
-/**
- * Layout primitives expect to live inside a real page shell with bounded
- * height. The docs preview pane is unbounded, so we wrap demos in a fixed
- * viewport so \`width\` clamps and section rhythm read as intended.
- */
-function DemoViewport({ children, height = 320 }: { children: ReactNode; height?: number }) {
-	return (
-		<div
-			className="layout-demo-viewport relative w-full overflow-auto rounded-md border border-dashed border-border bg-background"
-			style={{ height }}
-		>
-			{children}
-		</div>
-	);
-}
-
-export function NarrowContainer() {
-	return (
-		<DemoViewport>
-			<Container as="section" width="narrow" padding="sm" innerClassName="gap-3">
-				<div className="flex items-center justify-between gap-3">
-					<Text weight="semibold">Narrow container</Text>
-					<Badge variant="info">padding sm</Badge>
-				</div>
-				<SampleCard title="Centered content" detail="Useful for forms, setup flows, and readable single-column pages." />
-				<SampleCard title="Comfortable reading width" detail="\`max-w-7xl\` keeps line lengths sensible at desktop sizes." />
-			</Container>
-		</DemoViewport>
-	);
-}
-
-export function WideContainer() {
-	return (
-		<DemoViewport>
-			<Container as="section" width="wide" padding="default" innerClassName="grid gap-3 md:grid-cols-3">
-				<SampleCard title="Card A" detail="Dashboard pages can keep cards aligned inside a max-width shell." />
-				<SampleCard title="Card B" detail="\`innerClassName\` controls the inner column without breaking the outer wrapper." />
-				<SampleCard title="Card C" detail="Use \`as\` to render the right semantic element for the surface." />
-			</Container>
-		</DemoViewport>
-	);
-}
-
-export function BareContainer() {
-	return (
-		<DemoViewport height={260}>
-			<Container width="full" bare className="bg-card">
-				<div className="grid grid-cols-4 border-b border-border px-3 py-2">
-					{['Name', 'Owner', 'Status', 'Updated'].map((h) => (
-						<Text key={h} size="xxs" weight="semibold" type="secondary" className="uppercase tracking-wider">{h}</Text>
-					))}
-				</div>
-				{['Billing portal', 'Customer records', 'Sync monitor'].map((name, index) => (
-					<div key={name} className="grid grid-cols-4 px-3 py-2">
-						<Text weight="medium">{name}</Text>
-						<Text type="secondary">Operations</Text>
-						<Badge variant={index === 2 ? 'warning' : 'success'}>{index === 2 ? 'Review' : 'Healthy'}</Badge>
-						<Text size="xs" type="secondary">Today</Text>
-					</div>
-				))}
-			</Container>
-		</DemoViewport>
-	);
-}
-
-export function SectionRhythm() {
-	return (
-		<div className="grid gap-5 md:grid-cols-3">
-			{(['tight', 'default', 'loose'] as const).map((density) => (
-				<Section key={density} density={density} className="rounded-md border border-dashed border-border p-4">
-					<Text weight="semibold" className="capitalize">{density}</Text>
-					<SampleCard title="Block one" detail="Section controls vertical rhythm only." />
-					<SampleCard title="Block two" detail="Cards and headings remain separate composition concerns." />
-				</Section>
-			))}
-		</div>
-	);
-}
-`;function x(e){return p||C(`Examples`,!1),v||C(`Examples.BareContainer`,!0),g||C(`Examples.NarrowContainer`,!0),y||C(`Examples.SectionRhythm`,!0),_||C(`Examples.WideContainer`,!0),(0,u.jsx)(i,{title:`Layout · Containers`,description:`Container and Section primitives for page structure, width clamps, padding density, and semantic wrappers.`,layer:`layout`,status:`ready`,children:(0,u.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,u.jsx)(o,{name:`NarrowContainer`,source:b,children:(0,u.jsx)(g,{})}),(0,u.jsx)(o,{name:`WideContainer`,source:b,children:(0,u.jsx)(_,{})}),(0,u.jsx)(o,{name:`BareContainer`,source:b,children:(0,u.jsx)(v,{})}),(0,u.jsx)(o,{name:`SectionRhythm`,source:b,children:(0,u.jsx)(y,{})})]})})}function S(e={}){let{wrapper:t}=e.components||{};return t?(0,u.jsx)(t,{...e,children:(0,u.jsx)(x,{...e})}):x(e)}function C(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{S as default};