admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{layout-app-shell-ukDXqPxC.js → layout-app-shell-D3MbPoGC.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./briefcase-B_Uti-Iu.js";import{t as u}from"./chart-column-DjAyOA-t.js";import{n as d,t as f}from"./header-notifications-3VH9lzzJ.js";import{t as p}from"./credit-card-CYgRtM77.js";import{t as m}from"./external-link-DuJlM_H4.js";import{t as h}from"./file-text-D3AE37vP.js";import{t as g}from"./house-CAQOnHLO.js";import{t as _}from"./inbox-D4UE_W9O.js";import{r as v,t as y,y as b}from"./sidebar.context-BCb20eIt.js";import{t as x}from"./package-0ZgMoFm1.js";import{t as S}from"./plus-DkHZm34I.js";import{t as C}from"./settings-BSRT_96A.js";import{t as w}from"./shield-CcR2q5u_.js";import{n as T,t as E}from"./global-search-D9XJ747r.js";import{t as D}from"./user-Bqmz8M16.js";import{t as O}from"./users-ERTaffcv.js";import{n as k,s as ee}from"./index-Cz4UGUT2.js";import{t as te}from"./props-table-BR-KjRNe.js";import{t as A}from"./smart-card-B4P_C0nk.js";import{t as ne}from"./metric-grid-BKjrYpt9.js";import{t as re}from"./separator-BjGdXNcn.js";import{r as ie}from"./fetchers-DHuMQ6PN.js";import{c as ae,i as j,n as M,r as N,t as P,u as F}from"./item-CbiuwbAN.js";import{t as oe}from"./app-sidebar-DixqrLf2.js";import{t as I}from"./page-header-CikNDnqI.js";var L=ee(),se={light:`light`,dark:`dark`};function R({children:e,headerTheme:t=`light`,sidebarSide:n=`left`,mobileSidebarMode:r=`drawer`,headerHeight:i,sidebarWidth:a,sidebarTrigger:o,logo:s,headerActions:c,sidebar:l,slots:u,contentAs:d=`main`,className:f,headerClassName:p,headerInnerClassName:m,bodyClassName:h,sidebarClassName:g,contentClassName:_,style:v,...y}){let b={...i?{"--app-shell-header-height":i}:null,...a?{"--app-shell-sidebar-width-expanded":a}:null,...v},x=u?.sidebarTrigger??o,S=u?.logo??s,C=u?.headerActions??c,w=u?.sidebar??l,T=u?.content??e,E=!!w,D=(0,L.jsx)(d,{className:k(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,_),children:T}),O=E?(0,L.jsx)(`aside`,{className:k(`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`,g),children:w}):null;return(0,L.jsxs)(`div`,{className:k(`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]`,f),style:b,"data-header-theme":t,"data-sidebar-side":n,"data-mobile-sidebar-mode":r,...y,children:[(0,L.jsx)(`header`,{className:k(`topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-border bg-background px-4 text-foreground`,se[t],p),children:(0,L.jsx)(`div`,{className:k(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,m),children:u?.header??(0,L.jsxs)(L.Fragment,{children:[!!x&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:x}),!!S&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:S}),!!u?.headerStart&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:u.headerStart}),!!u?.headerCenter&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:u.headerCenter}),!!(C||u?.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:[!!C&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:C}),!!u?.headerEnd&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:u.headerEnd})]})]})})}),(0,L.jsx)(`div`,{className:k(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,E&&(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)]`),h),children:n===`left`?(0,L.jsxs)(L.Fragment,{children:[O,D]}):(0,L.jsxs)(L.Fragment,{children:[D,O]})})]})}var ce=e({DarkHeaderLeftSidebar:()=>X,LightHeaderRightSidebar:()=>Z}),z=t(n(),1),le={Platform:[{label:`Dashboard`,href:`#/dashboard`,icon:g,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:O,handle:`customers`,badge:31},{label:`Orders`,href:`#/orders`,icon:x,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:p,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:u,handle:`reports`}]},ue=[{label:`Inbox`,href:`#/inbox`,icon:_,handle:`inbox`,badge:4},{label:`Settings`,href:`#/settings`,icon:C,handle:`settings`},{label:`Docs`,href:`https://example.com`,icon:m,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:D,order:h,voucher:T,team:l},pe={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},H={customer:`info`,order:`secondary`,voucher:`success`,team:`warning`},me=`size-[var(--app-shell-header-control-size)] rounded-lg border border-border bg-accent text-foreground shadow-none hover:bg-accent data-[state=open]:bg-accent [&>svg]:size-4`,he=`h-[var(--app-shell-header-control-size)] text-foreground hover:bg-accent data-[state=open]:bg-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`,ge=`light !ring-border/70`,U=`w-full min-w-0 max-w-[72rem] min-h-0 rounded-md border border-border shadow-sm`,_e=[{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`}],ve=[{title:`Payout batch`,meta:`North America / 36 invoices`,status:`Ready`,variant:`success`,icon:p},{title:`Tax export`,meta:`EU marketplaces / Q2 review`,status:`Review`,variant:`warning`,icon:h},{title:`Risk controls`,meta:`Three orders above manual threshold`,status:`Active`,variant:`info`,icon:w},{title:`Forecast delta`,meta:`Revenue plan is 4.8% above baseline`,status:`Live`,variant:`secondary`,icon:u}],ye=[{id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},icon:p,subtitle:`This month`},{id:`manual-review`,label:`Manual review`,value:8,valueType:`number`,icon:w,subtitle:`High-value orders`},{id:`ready-to-fulfill`,label:`Ready to fulfill`,value:36,valueType:`number`,icon:x,subtitle:`Queued today`}];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 be(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 xe(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:k(`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)(ae,{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)(c,{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),f=(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),ie(e).then(e=>{t||(o(e.map(be)),c(!1))}),()=>{t=!0}},[r]);let p=()=>{n(!1),i(``),o([]),c(!1)},m=e=>{i(e)};return{trigger:(0,L.jsx)(d,{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)(E,{query:r,onQueryChange:m,results:a,loading:s,groupLabels:f,autoFocus:!0,onClose:p,onResultSelect:e=>{u(e.title),p()},idleSections:[{id:`shortcuts`,label:`Suggested searches`,items:[{id:`orders`,label:`pending orders`,icon:x,onSelect:()=>m(`pending`)},{id:`customers`,label:`customers in Berlin`,icon:O,onSelect:()=>m(`Berlin`)},{id:`team`,label:`team admins`,icon:w,onSelect:()=>m(`admin`)}]}],slots:{renderResult:xe},strings:{placeholder:`Search workspace`,loading:`Searching workspace...`}})})}):null,selectedLabel:l}}function Se({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-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 Ce(){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)(b,{className:me})}function q({currentUrl:e,collapsible:t=`icon`,side:n=`left`}){return(0,L.jsx)(oe,{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,menuSurface:t=`dark`}){let n=t===`light`?ge:void 0;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(f,{notifications:de,unreadCount:2,renderLink:W,className:me,contentClassName:n}),e&&(0,L.jsx)(re,{orientation:`vertical`,className:`hidden h-7 bg-border md:block`}),(0,L.jsx)(v,{user:fe,showEmail:!1,triggerClassName:he,contentClassName:n,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}function Y(){return(0,L.jsx)(ne,{metrics:ye,variant:`bordered`,size:`sm`,columns:3,gap:`sm`,showSparklines:!1})}function we(){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)(c,{variant:`warning`,children:`8 pending`})]}),(0,L.jsx)(`div`,{className:`divide-y divide-border`,children:_e.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)(o,{variant:`secondary`,buttonStyle:`outline`,size:`xs`,children:`Open`})})]},e.title))})]})}function Te(){return(0,L.jsxs)(A,{padding:`sm`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-border pb-2.5`,children:[(0,L.jsxs)(`div`,{className:`min-w-0`,children:[(0,L.jsx)(r,{weight:`semibold`,children:`Settlement signals`}),(0,L.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Current finance checkpoints with owner-ready statuses.`})]}),(0,L.jsx)(c,{variant:`info`,children:`4 live`})]}),(0,L.jsx)(`div`,{className:`grid gap-2 pt-3 md:grid-cols-2`,children:ve.map(e=>{let t=e.icon;return(0,L.jsxs)(P,{size:`sm`,className:`rounded-md border border-border bg-background/60 px-3 py-2.5`,children:[(0,L.jsx)(ae,{variant:`icon`,className:`size-8 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(t,{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.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(c,{variant:e.variant,children:e.status})})]},e.title)})})]})}function X(){let e=G();return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`dark`,className:k(`h-[44rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Se,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/orders/pending`}),headerActions:(0,L.jsx)(o,{variant:`secondary`,buttonStyle:`outline`,icon:S,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-4 p-4`,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)(o,{variant:`primary`,icon:w,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)(we,{})]})})})}function Z(){let e=G({enableShortcut:!1});return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`light`,sidebarSide:`right`,sidebarWidth:`18rem`,className:k(`h-[42rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Ce,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/reports`,side:`right`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{menuSurface:`light`})},children:(0,L.jsxs)(`div`,{className:`space-y-4 p-4`,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.`})]}),(0,L.jsx)(Te,{})]})})})}var Q=`import { BarChart3, Briefcase, CreditCard, ExternalLink, FileText, Home, Inbox, Package, Plus, Settings, Shield, Ticket, User, Users } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./briefcase-0WhUdLn5.js";import{t as u}from"./chart-column-DKcP77Dx.js";import{n as d,t as f}from"./header-notifications-CShSQ8kR.js";import{t as p}from"./credit-card-CAI3F3HB.js";import{t as m}from"./external-link-Cy1-PP8k.js";import{t as h}from"./file-text-DwqbUujq.js";import{t as g}from"./house-C3fXPhlL.js";import{t as _}from"./inbox-C0GJ1KEC.js";import{r as v,t as y,y as b}from"./sidebar.context-CRjgeYJL.js";import{t as x}from"./package-CjcwDJKu.js";import{t as S}from"./plus-D5swsZCz.js";import{t as C}from"./settings-DRmWJILI.js";import{t as w}from"./shield-D1EaWJMG.js";import{n as T,t as E}from"./global-search-Bhl7z_vN.js";import{t as D}from"./user-BZog6aIh.js";import{t as O}from"./users-BgXAp2UO.js";import{n as k,s as ee}from"./index-BQIv1ffM.js";import{t as te}from"./props-table-2pIZzGC-.js";import{t as A}from"./smart-card-Dhu_1A_u.js";import{t as ne}from"./metric-grid-BDw7w7d2.js";import{t as re}from"./separator-BsYPzBlF.js";import{r as ie}from"./fetchers-DHuMQ6PN.js";import{c as ae,i as j,n as M,r as N,t as P,u as F}from"./item-YF6wMI9W.js";import{t as oe}from"./app-sidebar-S6oUYO4h.js";import{t as I}from"./page-header-CkvCF1MQ.js";var L=ee(),se={light:`light`,dark:`dark`};function R({children:e,headerTheme:t=`light`,sidebarSide:n=`left`,mobileSidebarMode:r=`drawer`,headerHeight:i,sidebarWidth:a,sidebarTrigger:o,logo:s,headerActions:c,sidebar:l,slots:u,contentAs:d=`main`,className:f,headerClassName:p,headerInnerClassName:m,bodyClassName:h,sidebarClassName:g,contentClassName:_,style:v,...y}){let b={...i?{"--app-shell-header-height":i}:null,...a?{"--app-shell-sidebar-width-expanded":a}:null,...v},x=u?.sidebarTrigger??o,S=u?.logo??s,C=u?.headerActions??c,w=u?.sidebar??l,T=u?.content??e,E=!!w,D=(0,L.jsx)(d,{className:k(`topbar-sidebar-layout--content min-h-0 min-w-0 flex-1 overflow-auto bg-background`,_),children:T}),O=E?(0,L.jsx)(`aside`,{className:k(`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`,g),children:w}):null;return(0,L.jsxs)(`div`,{className:k(`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]`,f),style:b,"data-header-theme":t,"data-sidebar-side":n,"data-mobile-sidebar-mode":r,...y,children:[(0,L.jsx)(`header`,{className:k(`topbar-sidebar-layout--header z-40 flex min-h-[var(--app-shell-header-height)] shrink-0 items-center border-b border-border bg-background px-4 text-foreground`,se[t],p),children:(0,L.jsx)(`div`,{className:k(`topbar-sidebar-layout--header-inner flex min-h-10 w-full min-w-0 items-center gap-3 md:gap-4`,m),children:u?.header??(0,L.jsxs)(L.Fragment,{children:[!!x&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--sidebar-trigger flex shrink-0 items-center`,children:x}),!!S&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--logo flex min-w-0 shrink-0 items-center`,children:S}),!!u?.headerStart&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-start flex min-w-0 items-center`,children:u.headerStart}),!!u?.headerCenter&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-center hidden min-w-0 flex-1 items-center md:flex`,children:u.headerCenter}),!!(C||u?.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:[!!C&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-actions flex shrink-0 items-center gap-1.5 md:gap-2`,children:C}),!!u?.headerEnd&&(0,L.jsx)(`div`,{className:`topbar-sidebar-layout--header-end flex shrink-0 items-center gap-1.5 md:gap-2`,children:u.headerEnd})]})]})})}),(0,L.jsx)(`div`,{className:k(`topbar-sidebar-layout--body grid min-h-0 flex-1 grid-cols-1`,E&&(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)]`),h),children:n===`left`?(0,L.jsxs)(L.Fragment,{children:[O,D]}):(0,L.jsxs)(L.Fragment,{children:[D,O]})})]})}var ce=e({DarkHeaderLeftSidebar:()=>X,LightHeaderRightSidebar:()=>Z}),z=t(n(),1),le={Platform:[{label:`Dashboard`,href:`#/dashboard`,icon:g,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:O,handle:`customers`,badge:31},{label:`Orders`,href:`#/orders`,icon:x,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:p,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:u,handle:`reports`}]},ue=[{label:`Inbox`,href:`#/inbox`,icon:_,handle:`inbox`,badge:4},{label:`Settings`,href:`#/settings`,icon:C,handle:`settings`},{label:`Docs`,href:`https://example.com`,icon:m,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:D,order:h,voucher:T,team:l},pe={customer:`primary`,order:`info`,voucher:`success`,team:`warning`},H={customer:`info`,order:`secondary`,voucher:`success`,team:`warning`},me=`size-[var(--app-shell-header-control-size)] rounded-lg border border-border bg-accent text-foreground shadow-none hover:bg-accent data-[state=open]:bg-accent [&>svg]:size-4`,he=`h-[var(--app-shell-header-control-size)] text-foreground hover:bg-accent data-[state=open]:bg-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`,ge=`light !ring-border/70`,U=`w-full min-w-0 max-w-[72rem] min-h-0 rounded-md border border-border shadow-sm`,_e=[{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`}],ve=[{title:`Payout batch`,meta:`North America / 36 invoices`,status:`Ready`,variant:`success`,icon:p},{title:`Tax export`,meta:`EU marketplaces / Q2 review`,status:`Review`,variant:`warning`,icon:h},{title:`Risk controls`,meta:`Three orders above manual threshold`,status:`Active`,variant:`info`,icon:w},{title:`Forecast delta`,meta:`Revenue plan is 4.8% above baseline`,status:`Live`,variant:`secondary`,icon:u}],ye=[{id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},icon:p,subtitle:`This month`},{id:`manual-review`,label:`Manual review`,value:8,valueType:`number`,icon:w,subtitle:`High-value orders`},{id:`ready-to-fulfill`,label:`Ready to fulfill`,value:36,valueType:`number`,icon:x,subtitle:`Queued today`}];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 be(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 xe(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:k(`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)(ae,{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)(o,{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),f=(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),ie(e).then(e=>{t||(o(e.map(be)),c(!1))}),()=>{t=!0}},[r]);let p=()=>{n(!1),i(``),o([]),c(!1)},m=e=>{i(e)};return{trigger:(0,L.jsx)(d,{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)(E,{query:r,onQueryChange:m,results:a,loading:s,groupLabels:f,autoFocus:!0,onClose:p,onResultSelect:e=>{u(e.title),p()},idleSections:[{id:`shortcuts`,label:`Suggested searches`,items:[{id:`orders`,label:`pending orders`,icon:x,onSelect:()=>m(`pending`)},{id:`customers`,label:`customers in Berlin`,icon:O,onSelect:()=>m(`Berlin`)},{id:`team`,label:`team admins`,icon:w,onSelect:()=>m(`admin`)}]}],slots:{renderResult:xe},strings:{placeholder:`Search workspace`,loading:`Searching workspace...`}})})}):null,selectedLabel:l}}function Se({name:e=`Atlas Admin`,description:t=`Production workspace`,logoSrc:n=`/favicon.svg`,fullLogoSrc:r}){return r?(0,L.jsx)(`img`,{src:r,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-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)(a,{weight:`semibold`,className:`truncate text-inherit`,children:e}),(0,L.jsx)(a,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]})]})}function Ce(){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)(a,{weight:`semibold`,className:`text-inherit`,children:`Atlas`})]})}function K(){return(0,L.jsx)(b,{className:me})}function q({currentUrl:e,collapsible:t=`icon`,side:n=`left`}){return(0,L.jsx)(oe,{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,menuSurface:t=`dark`}){let n=t===`light`?ge:void 0;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(f,{notifications:de,unreadCount:2,renderLink:W,className:me,contentClassName:n}),e&&(0,L.jsx)(re,{orientation:`vertical`,className:`hidden h-7 bg-border md:block`}),(0,L.jsx)(v,{user:fe,showEmail:!1,triggerClassName:he,contentClassName:n,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}function Y(){return(0,L.jsx)(ne,{metrics:ye,variant:`bordered`,size:`sm`,columns:3,gap:`sm`,showSparklines:!1})}function we(){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)(a,{weight:`semibold`,children:`Review queue`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,children:`Exceptions that affect fulfillment and payout timing.`})]}),(0,L.jsx)(o,{variant:`warning`,children:`8 pending`})]}),(0,L.jsx)(`div`,{className:`divide-y divide-border`,children:_e.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)(s,{variant:`secondary`,buttonStyle:`outline`,size:`xs`,children:`Open`})})]},e.title))})]})}function Te(){return(0,L.jsxs)(A,{padding:`sm`,className:`shadow-sm`,children:[(0,L.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-border pb-2.5`,children:[(0,L.jsxs)(`div`,{className:`min-w-0`,children:[(0,L.jsx)(a,{weight:`semibold`,children:`Settlement signals`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Current finance checkpoints with owner-ready statuses.`})]}),(0,L.jsx)(o,{variant:`info`,children:`4 live`})]}),(0,L.jsx)(`div`,{className:`grid gap-2 pt-3 md:grid-cols-2`,children:ve.map(e=>{let t=e.icon;return(0,L.jsxs)(P,{size:`sm`,className:`rounded-md border border-border bg-background/60 px-3 py-2.5`,children:[(0,L.jsx)(ae,{variant:`icon`,className:`size-8 rounded-md bg-muted text-muted-foreground`,children:(0,L.jsx)(t,{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.meta})]}),(0,L.jsx)(M,{children:(0,L.jsx)(o,{variant:e.variant,children:e.status})})]},e.title)})})]})}function X(){let e=G();return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`dark`,className:k(`h-[44rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Se,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/orders/pending`}),headerActions:(0,L.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,icon:S,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-4 p-4`,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)(s,{variant:`primary`,icon:w,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)(a,{size:`xs`,type:`secondary`,children:`Last selected search result`}),(0,L.jsx)(a,{weight:`semibold`,children:e.selectedLabel})]}),(0,L.jsx)(we,{})]})})})}function Z(){let e=G({enableShortcut:!1});return(0,L.jsx)(y,{defaultOpen:!0,className:`min-h-0`,children:(0,L.jsx)(R,{headerTheme:`light`,sidebarSide:`right`,sidebarWidth:`18rem`,className:k(`h-[42rem]`,U),sidebarTrigger:(0,L.jsx)(K,{}),logo:(0,L.jsx)(Ce,{}),sidebar:(0,L.jsx)(q,{currentUrl:`#/reports`,side:`right`}),slots:{headerCenter:e.trigger,headerEnd:(0,L.jsx)(J,{menuSurface:`light`})},children:(0,L.jsxs)(`div`,{className:`space-y-4 p-4`,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)(a,{weight:`semibold`,children:`Report activity`}),(0,L.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1`,children:`Finance work stays in the content region while the right rail handles navigation.`})]}),(0,L.jsx)(Te,{})]})})})}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';
@@ -605,4 +605,4 @@ export function LightHeaderRightSidebar() {
 		</SidebarProvider>
 	);
 }
-`;function Ee(e){let t={h4:`h4`,...e.components};return ce||$(`Examples`,!1),X||$(`Examples.DarkHeaderLeftSidebar`,!0),Z||$(`Examples.LightHeaderRightSidebar`,!0),(0,L.jsxs)(i,{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)(a,{title:`Examples`,id:`examples`,children:[(0,L.jsx)(s,{name:`DarkHeaderLeftSidebar`,description:`Dark topbar with collapsible left navigation.`,source:Q,children:(0,L.jsx)(X,{})}),(0,L.jsx)(s,{name:`LightHeaderRightSidebar`,description:`Light topbar with right navigation rail.`,source:Q,children:(0,L.jsx)(Z,{})})]}),(0,L.jsxs)(a,{title:`API`,id:`api`,children:[(0,L.jsx)(t.h4,{children:`TopbarSidebarLayout`}),(0,L.jsx)(te,{component:`TopbarSidebarLayout`})]})]})}function De(e={}){let{wrapper:t}=e.components||{};return t?(0,L.jsx)(t,{...e,children:(0,L.jsx)(Ee,{...e})}):Ee(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{De as default};
+`;function Ee(e){let t={h4:`h4`,...e.components};return ce||$(`Examples`,!1),X||$(`Examples.DarkHeaderLeftSidebar`,!0),Z||$(`Examples.LightHeaderRightSidebar`,!0),(0,L.jsxs)(r,{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)(i,{title:`Examples`,id:`examples`,children:[(0,L.jsx)(c,{name:`DarkHeaderLeftSidebar`,description:`Dark topbar with collapsible left navigation.`,source:Q,children:(0,L.jsx)(X,{})}),(0,L.jsx)(c,{name:`LightHeaderRightSidebar`,description:`Light topbar with right navigation rail.`,source:Q,children:(0,L.jsx)(Z,{})})]}),(0,L.jsxs)(i,{title:`API`,id:`api`,children:[(0,L.jsx)(t.h4,{children:`TopbarSidebarLayout`}),(0,L.jsx)(te,{component:`TopbarSidebarLayout`})]})]})}function De(e={}){let{wrapper:t}=e.components||{};return t?(0,L.jsx)(t,{...e,children:(0,L.jsx)(Ee,{...e})}):Ee(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{De as default};

package/dist/showcase/assets/{layout-auth-BFza65L3.js → layout-auth-DIeRtG0B.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,mr as o,r as s,t as c,yr as l}from"./example-BIrQab7K.js";import{t as u}from"./building-2-zgcwuzxP.js";import{t as d}from"./chart-column-DjAyOA-t.js";import{t as f}from"./circle-check-TT7cFQrr.js";import{t as p}from"./clock-3-DDEsD4Tb.js";import{t as m}from"./earth-C7n2JAYm.js";import{t as h}from"./password-input-BVaUPw7a.js";import{t as g}from"./lock-keyhole-M6KZ_7RC.js";import{t as _}from"./mail-check-DXqQwivW.js";import{t as v}from"./shield-check-CRbBJXw2.js";import{t as y}from"./sparkles-DFJmoAFP.js";import{a as b,k as x,n as S,s as ee}from"./index-Cz4UGUT2.js";import{t as C}from"./props-table-BR-KjRNe.js";import{t as w}from"./text-link-DT-nOORV.js";import{a as te,r as ne,t as T}from"./card-primitives-YgCOqVDI.js";import{i as E,n as re,r as D,t as O}from"./alert-DIelf1qF.js";import{t as ie}from"./checkbox-fwuAAaUZ.js";import{t as k}from"./input-BPDdWrB1.js";import{n as A}from"./form-field-Cxm4APa9.js";import{c as ae,i as j,o as oe,r as se,t as ce,u as M}from"./item-CbiuwbAN.js";import{t as N}from"./use-layout-link-BK_oEoBg.js";var P=b(`key-round`,[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]),le=b(`users-round`,[[`path`,{d:`M18 21a8 8 0 0 0-16 0`,key:`3ypg7q`}],[`circle`,{cx:`10`,cy:`8`,r:`5`,key:`o932ke`}],[`path`,{d:`M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3`,key:`10s06x`}]]),F=ee();function ue({eyebrow:e,title:t,description:n,headerEnd:a,banner:o,media:s,footer:c,children:l,className:u,headerClassName:d,mediaClassName:f,contentClassName:p,footerClassName:m,...h}){let g=!!(e||t||n||a);return(0,F.jsxs)(te,{"data-slot":`auth-card`,className:S(`auth-card--component`,`gap-0 overflow-hidden rounded-lg border border-border/70 bg-card py-0 shadow-sm`,u),...h,children:[!!s&&(0,F.jsx)(`div`,{className:S(`auth-card--media`,`min-h-12 border-b border-border/60 bg-muted/50`,f),children:s}),!!g&&(0,F.jsxs)(`header`,{className:S(`auth-card--header`,`flex items-start justify-between gap-4 px-6 pt-6 md:px-8 md:pt-8`,d),children:[(0,F.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[!!e&&(0,F.jsx)(r,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-card--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,F.jsx)(i,{tag:`h1`,containerClassName:`space-y-0`,className:`auth-card--title border-0 pb-0 text-lg leading-tight`,children:t}),!!n&&(0,F.jsx)(r,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-card--description max-w-prose`,children:n})]}),!!a&&(0,F.jsx)(`div`,{className:`auth-card--header-end shrink-0`,children:a})]}),(0,F.jsxs)(T,{className:S(`auth-card--content`,`px-6 pb-6 md:px-8 md:pb-8`,g?`pt-5`:`pt-6 md:pt-8`,p),children:[!!o&&(0,F.jsx)(`div`,{className:`auth-card--banner mb-5`,children:o}),l]}),!!c&&(0,F.jsx)(ne,{className:S(`auth-card--footer`,`border-t border-border/60 px-6 py-4 md:px-8`,m),children:c})]})}var I=t(n(),1);function L(e){return!!(e&&typeof e==`object`&&!(0,I.isValidElement)(e)&&(`logo`in e||`label`in e||`description`in e||`href`in e))}function R({links:e=[],renderLink:t,LinkComponent:n}={}){let r=N({renderLink:t,LinkComponent:n});return{links:(0,I.useMemo)(()=>e.filter(e=>e.visible!==!1),[e]),renderLink:r}}function de({variant:e=`card`,brand:t,footer:n,footerLinks:r=[],policyLinks:i=[],languageLinks:a=[],languageSwitcher:o,postCard:s,socialProviders:c=[],splitPanel:l,renderLink:u,LinkComponent:d}={}){let f=N({renderLink:u,LinkComponent:d}),p=(0,I.useMemo)(()=>r.filter(e=>e.visible!==!1),[r]),m=(0,I.useMemo)(()=>i.filter(e=>e.visible!==!1),[i]),h=(0,I.useMemo)(()=>a.filter(e=>e.visible!==!1),[a]),g=(0,I.useMemo)(()=>c.filter(e=>e.visible!==!1),[c]),_=!!(t&&(L(t)?t.logo||t.label||t.description:t)),v=!!(s||n||o||p.length>0||m.length>0||h.length>0),y=!!l;return{variant:y?e:`card`,hasBrand:_,hasAfterCard:v,hasSplitPanel:y,hasSocialProviders:g.length>0,renderLink:f,footerLinks:p,policyLinks:m,languageLinks:h,socialProviders:g}}var fe={socialDivider:`or continue with email`,socialProvidersLabel:`Social sign-in options`,footerLinksLabel:`Authentication links`,policyLinksLabel:`Policies`,languageLinksLabel:`Language options`},z={label:`Authentication links`},B={label:`Social sign-in options`},V={label:`Authentication method`,divider:`or`};function H({links:e,leadingIcon:t,separator:n=`·`,renderLink:i,LinkComponent:a,className:o,strings:s,...c}){let l=x(z,s),{links:u,renderLink:d}=R({links:e,renderLink:i,LinkComponent:a});return u.length===0?null:(0,F.jsxs)(`nav`,{"aria-label":c[`aria-label`]??l.label,className:S(`auth-footer-links--component`,`flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-center`,o),...c,children:[!!t&&(0,F.jsx)(`span`,{className:`auth-footer-links--icon flex shrink-0 items-center text-muted-foreground`,"aria-hidden":`true`,children:t}),u.map((e,t)=>{let i=d({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:S(`auth-footer-links--item`,`text-muted-foreground transition-colors hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),children:(0,F.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})});return(0,F.jsxs)(I.Fragment,{children:[t>0&&(0,F.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,className:`auth-footer-links--separator`,children:n}),i]},e.id??t)})]})}var pe=`auth-social-provider-button--component inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50`;function U(){return(0,F.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,F.jsx)(`path`,{fill:`#4285F4`,d:`M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027`}),(0,F.jsx)(`path`,{fill:`#34A853`,d:`M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1`}),(0,F.jsx)(`path`,{fill:`#FBBC05`,d:`M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782`}),(0,F.jsx)(`path`,{fill:`#EB4335`,d:`M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251`})]})}function W(){return(0,F.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 23 23`,children:[(0,F.jsx)(`path`,{fill:`#f25022`,d:`M1 1h10v10H1z`}),(0,F.jsx)(`path`,{fill:`#7fba00`,d:`M12 1h10v10H12z`}),(0,F.jsx)(`path`,{fill:`#00a4ef`,d:`M1 12h10v10H1z`}),(0,F.jsx)(`path`,{fill:`#ffb900`,d:`M12 12h10v10H12z`})]})}function G(){return(0,F.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,F.jsx)(`path`,{d:`M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z`})})}function me(){return(0,F.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,F.jsx)(`path`,{d:`M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z`})})}function he({provider:e}){if(e.icon)return(0,F.jsx)(F.Fragment,{children:e.icon});switch(e.provider){case`google`:return(0,F.jsx)(U,{});case`github`:return(0,F.jsx)(G,{});case`microsoft`:return(0,F.jsx)(W,{});case`apple`:return(0,F.jsx)(me,{});default:return(0,F.jsx)(P,{className:`size-4`,"aria-hidden":`true`})}}function ge({provider:e,renderLink:t,LinkComponent:n,className:i}){let a=N({renderLink:t,LinkComponent:n}),o=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(he,{provider:e}),(0,F.jsx)(r,{tag:`span`,className:`text-inherit`,children:e.label})]}),c=S(pe,e.disabled&&`pointer-events-none opacity-50`,i);return e.href?a({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:c,children:o}):(0,F.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,disabled:e.disabled,className:S(`auth-social-provider-button--component`,i),onClick:t=>e.onClick?.(t),children:o})}function _e({providers:e,layout:t=`stack`,renderLink:n,LinkComponent:r,className:i,strings:a,...o}){let s=x(B,a),c=e?.filter(e=>e.visible!==!1)??[];return c.length===0?null:(0,F.jsx)(`div`,{role:`group`,"aria-label":o[`aria-label`]??s.label,"data-layout":t,className:S(`auth-social-providers--component`,t===`grid`?`grid gap-2 sm:grid-cols-2`:`grid gap-2`,i),...o,children:c.map(e=>(0,F.jsx)(ge,{provider:e,renderLink:n,LinkComponent:r},e.id??String(e.label)))})}var ve={card:`border-border/70 bg-card`,muted:`border-border/60 bg-muted/40`};function ye({eyebrow:e,title:t,description:n,media:a,features:o,footer:s,children:c,surface:l=`muted`,className:u,contentClassName:d,...f}){let p=!!(e||t||n),m=o?.filter(e=>e.title)??[];return(0,F.jsx)(`aside`,{"data-slot":`auth-split-panel`,"data-surface":l,className:S(`auth-split-panel--component`,`flex min-h-full w-full flex-col justify-between overflow-hidden border`,ve[l],u),...f,children:(0,F.jsxs)(`div`,{className:S(`auth-split-panel--content`,`flex min-h-full flex-col justify-center gap-8 p-6 md:p-8 lg:p-10`,d),children:[!!a&&(0,F.jsx)(`div`,{className:`auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70`,children:a}),!!p&&(0,F.jsxs)(`div`,{className:`auth-split-panel--intro max-w-xl space-y-2`,children:[!!e&&(0,F.jsx)(r,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-split-panel--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,F.jsx)(i,{tag:`h2`,containerClassName:`space-y-0`,className:`auth-split-panel--title border-0 pb-0 text-xl leading-tight`,children:t}),!!n&&(0,F.jsx)(r,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-split-panel--description max-w-prose`,children:n})]}),m.length>0&&(0,F.jsx)(oe,{className:`auth-split-panel--features grid gap-3`,children:m.map((e,t)=>(0,F.jsxs)(ce,{variant:`muted`,className:`auth-split-panel--feature bg-background/70`,children:[!!e.icon&&(0,F.jsx)(ae,{variant:`icon`,className:`text-muted-foreground`,children:e.icon}),(0,F.jsxs)(se,{className:`min-w-[min(12rem,100%)]`,children:[(0,F.jsx)(M,{children:e.title}),!!e.description&&(0,F.jsx)(j,{clamp:`none`,children:e.description})]})]},e.id??t))}),c,!!s&&(0,F.jsx)(`div`,{className:`auth-split-panel--footer`,children:s})]})})}var be={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`};function xe(e){return!!(e&&typeof e==`object`&&!(0,I.isValidElement)(e))}function Se(e){let t=!!(e.label||e.description);return(0,F.jsxs)(F.Fragment,{children:[!!e.logo&&(0,F.jsx)(`div`,{className:`auth-shell--brand-logo shrink-0`,children:e.logo}),!!t&&(0,F.jsxs)(`div`,{className:`auth-shell--brand-text min-w-0`,children:[!!e.label&&(0,F.jsx)(r,{tag:`div`,weight:`semibold`,className:`auth-shell--brand-label`,children:e.label}),!!e.description&&(0,F.jsx)(r,{tag:`div`,size:`xs`,type:`secondary`,className:`auth-shell--brand-description`,children:e.description})]})]})}function Ce({brand:e,renderLink:t}){if(!e)return null;if(!L(e))return(0,F.jsx)(`div`,{className:`auth-shell--brand flex items-center justify-center`,children:e});let n=Se(e),r=S(`auth-shell--brand`,`inline-flex items-center justify-center gap-2.5 self-center rounded-md text-foreground`,e.href&&`transition-opacity hover:opacity-80`);return e.href?t({href:e.href,"aria-label":e.ariaLabel,className:r,children:n}):(0,F.jsx)(`div`,{className:r,children:n})}function we(e){return e?(0,I.isValidElement)(e)?e:xe(e)?(0,F.jsx)(ye,{...e}):null:null}function K({children:e,variant:t=`card`,size:n=`md`,align:i=`center`,brand:a,eyebrow:o,title:s,description:c,headerEnd:l,banner:u,cardMedia:d,cardMediaClassName:f,cardFooter:p,postCard:h,footer:g,footerLinks:_,policyLinks:v,languageLinks:y,languageSwitcher:b,socialProviders:ee,socialProvidersLayout:C=`stack`,socialDivider:w,splitPanel:te,splitSide:ne=`left`,splitMobile:T=`hidden`,renderLink:E,LinkComponent:re,className:D,mainClassName:O,stackClassName:ie,cardClassName:k,cardContentClassName:A,splitGridClassName:ae,splitPanelClassName:j,footerClassName:oe,strings:se,...ce}){let M=x(fe,se),{variant:N,hasBrand:P,hasAfterCard:le,hasSplitPanel:I,hasSocialProviders:L,renderLink:R,footerLinks:z,policyLinks:B,languageLinks:V,socialProviders:pe}=de({variant:t,brand:a,footer:g,footerLinks:_,policyLinks:v,languageLinks:y,languageSwitcher:b,postCard:h,socialProviders:ee,splitPanel:te,renderLink:E,LinkComponent:re}),U=N===`split`&&I,W=we(te),G=ne===`left`,me=T===`stacked`,he=P?Ce({brand:a,renderLink:R}):null,ge=(0,F.jsx)(`main`,{className:S(`auth-shell--main`,`flex min-h-svh w-full items-center justify-center px-4 py-8 sm:px-6 md:px-8`,i===`start`&&`items-start pt-12`,U&&`lg:min-h-svh`,O),children:(0,F.jsxs)(`div`,{className:S(`auth-shell--stack`,`flex w-full flex-col gap-5`,be[n],ie),children:[he,(0,F.jsxs)(ue,{eyebrow:o,title:s,description:c,headerEnd:l,banner:u,media:d,mediaClassName:f,footer:p,className:k,contentClassName:A,children:[!!L&&(0,F.jsxs)(`div`,{className:`auth-shell--social mb-4 grid gap-4`,children:[(0,F.jsx)(_e,{providers:pe,layout:C,renderLink:R,strings:{label:M.socialProvidersLabel}}),(0,F.jsxs)(`div`,{className:`auth-shell--social-divider flex items-center gap-3`,children:[(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,F.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,children:w??M.socialDivider}),(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]})]}),e]}),!!le&&(0,F.jsxs)(`div`,{className:S(`auth-shell--after-card`,`flex flex-col items-center gap-3 text-center`,oe),children:[!!h&&(0,F.jsx)(`div`,{className:`auth-shell--post-card`,children:h}),!!b&&(0,F.jsx)(`div`,{className:`auth-shell--language-switcher`,children:b}),V.length>0&&(0,F.jsx)(H,{className:`auth-shell--language-links`,links:V,leadingIcon:(0,F.jsx)(m,{className:`size-3.5`}),renderLink:R,strings:{label:M.languageLinksLabel}}),z.length>0&&(0,F.jsx)(H,{className:`auth-shell--footer-links`,links:z,renderLink:R,strings:{label:M.footerLinksLabel}}),B.length>0&&(0,F.jsx)(H,{className:`auth-shell--policy-links`,links:B,renderLink:R,strings:{label:M.policyLinksLabel}}),!!g&&(0,F.jsx)(`div`,{className:`auth-shell--footer`,children:g})]})]})});return U?(0,F.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`split`,"data-split-side":ne,"data-split-mobile":T,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,D),...ce,children:(0,F.jsxs)(`div`,{className:S(`auth-shell--split-grid min-h-svh lg:grid`,G?`lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]`:`lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]`,ae),children:[!!G&&(0,F.jsx)(`div`,{className:S(`auth-shell--split-panel`,me?`block`:`hidden lg:block`,j),children:W}),ge,!G&&(0,F.jsx)(`div`,{className:S(`auth-shell--split-panel`,me?`block`:`hidden lg:block`,j),children:W})]})}):(0,F.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`card`,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,D),...ce,children:ge})}function Te(e){return e.find(e=>!e.disabled)}function Ee({options:e=[],value:t,defaultValue:n,onValueChange:r}={}){let i=I.useMemo(()=>e.filter(e=>e.visible!==!1),[e]),a=n??Te(i)?.id,[o,s]=I.useState(a),c=t!==void 0,l=c?t:o,u=i.find(e=>e.id===l),d=I.useCallback(e=>{let t=i.find(t=>t.id===e);!t||t.disabled||(c||s(e),r?.(e,t))},[c,r,i]);return I.useEffect(()=>{c||u||i.length===0||s(Te(i)?.id)},[c,u,i]),{value:l,selectedOption:u,options:i,setValue:d}}function De({options:e=[],value:t,defaultValue:n,onValueChange:i,layout:a=`stack`,divider:o,className:c,strings:l,...u}){let d=x(V,l),{"aria-label":f,...p}=u,{value:m,options:h,setValue:g}=Ee({options:e,value:t,defaultValue:n,onValueChange:i});return h.length===0?null:(0,F.jsxs)(`div`,{className:S(`auth-method-switch--component grid gap-3`,c),...p,children:[o!==null&&o!==!1&&(0,F.jsxs)(`div`,{className:`auth-method-switch--divider flex items-center gap-3`,children:[(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,F.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,children:o??d.divider}),(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]}),(0,F.jsx)(`div`,{role:`group`,"aria-label":f??d.label,"data-layout":a,className:S(`auth-method-switch--options`,a===`grid`&&`grid gap-2 sm:grid-cols-2`,a===`stack`&&`grid gap-2`,a===`segmented`&&`grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-1 rounded-lg border border-border bg-muted/40 p-1`),...u,children:h.map(e=>{let t=e.id===m,n=a===`segmented`;return(0,F.jsx)(s,{type:`button`,"aria-pressed":t,disabled:e.disabled,variant:t?`dark`:`secondary`,buttonStyle:t?`solid`:n?`ghost`:`outline`,fullWidth:!0,className:S(`auth-method-switch--option`,`h-auto min-h-10 justify-start rounded-md px-3 py-2.5 text-start`,n&&`min-h-9 justify-center border-0 px-2 py-2 text-center shadow-none min-[480px]:px-3 min-[480px]:text-start`,t&&`auth-method-switch--option-selected`),onClick:()=>g(e.id),children:(0,F.jsxs)(`span`,{className:S(`auth-method-switch--option-inner flex min-w-0 items-center gap-2`,n&&`w-full flex-col justify-center gap-1 min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-2`),children:[!!e.icon&&(0,F.jsx)(`span`,{className:`auth-method-switch--option-icon shrink-0`,"aria-hidden":`true`,children:e.icon}),(0,F.jsxs)(`span`,{className:S(`auth-method-switch--option-copy grid min-w-0 gap-0.5`,n&&`justify-items-center min-[480px]:justify-items-start`),children:[(0,F.jsx)(r,{tag:`span`,size:`xs`,weight:`semibold`,className:S(`max-w-full text-inherit leading-tight`,n?`text-center min-[480px]:truncate min-[480px]:text-start`:`text-start`),children:e.label}),!!e.description&&(0,F.jsx)(r,{tag:`span`,size:`xxs`,className:S(n?`hidden min-[480px]:block min-[480px]:truncate`:`text-start leading-snug`,t?`text-inherit opacity-75`:`text-muted-foreground`),children:e.description})]})]})},e.id)})})]})}var Oe=e({CenteredCardAuth:()=>Ue,FrameworkLinkContract:()=>Je,LocalizedPatternCardAuth:()=>Z,ProviderMatrixAuth:()=>We,ResetPasswordAuth:()=>Ge,RightSplitAuthShell:()=>qe,SplitAuthShell:()=>Ke}),q=[{id:`support`,label:`Support`,href:`#/support`},{id:`status`,label:`Status`,href:`https://status.example.com`,external:!0}],J=[{id:`privacy`,label:`Privacy`,href:`#/privacy`},{id:`terms`,label:`Terms`,href:`#/terms`}],ke=[{id:`en`,label:`EN`,href:`#/locale/en`},{id:`bg`,label:`BG`,href:`#/locale/bg`},{id:`el`,label:`EL`,href:`#/locale/el`}],Ae=[{id:`google`,provider:`google`,label:`Google`,href:`#/auth/google`},{id:`github`,provider:`github`,label:`GitHub`,href:`#/auth/github`}],je=[{id:`google`,provider:`google`,label:`Google`,href:`#/auth/google`},{id:`github`,provider:`github`,label:`GitHub`,href:`#/auth/github`},{id:`microsoft`,provider:`microsoft`,label:`Microsoft`,href:`#/auth/microsoft`},{id:`apple`,provider:`apple`,label:`Apple`,href:`#/auth/apple`},{id:`sso`,provider:`sso`,label:`Company SSO`,href:`#/auth/sso`},{id:`custom`,provider:`custom`,label:`Magic link`,href:`#/auth/magic-link`,icon:(0,F.jsx)(_,{className:`size-4`,"aria-hidden":`true`})}],Me=[{id:`magic-link`,label:`Email me a magic link`,description:`Send a single-use sign-in link to the address above.`,icon:(0,F.jsx)(_,{className:`size-3.5`,"aria-hidden":`true`})},{id:`sso`,label:`Continue with company SSO`,description:`Use the identity provider configured by the host app.`,icon:(0,F.jsx)(P,{className:`size-3.5`,"aria-hidden":`true`})}];function Y(){return(0,F.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-lg bg-foreground text-background`,children:(0,F.jsx)(u,{className:`size-4`,"aria-hidden":`true`})})}function Ne(){return(0,F.jsxs)(`div`,{className:`flex flex-col items-center gap-1 text-center`,children:[(0,F.jsx)(r,{tag:`div`,className:`font-serif text-2xl leading-none tracking-normal text-foreground`,children:`Gift come true`}),(0,F.jsx)(`div`,{className:`h-px w-16 bg-foreground/40`})]})}function X({href:e,children:t,className:n,target:r,rel:i,onClick:a}){return(0,F.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,children:t})}function Pe(){return(0,F.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden`,children:[(0,F.jsx)(`div`,{className:`absolute inset-0 bg-info/15`}),(0,F.jsx)(`div`,{className:`absolute -left-8 top-0 h-24 w-24 rotate-45 border-[10px] border-info/70`}),(0,F.jsx)(`div`,{className:`absolute left-20 -top-6 h-28 w-16 rotate-12 bg-warning/75`}),(0,F.jsx)(`div`,{className:`absolute left-44 top-3 h-20 w-28 rotate-[-18deg] border-[10px] border-success/70`}),(0,F.jsx)(`div`,{className:`absolute right-20 -top-4 h-24 w-12 rotate-45 bg-info/70`}),(0,F.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-24 rotate-12 border-[10px] border-warning/80`}),(0,F.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-3 bg-foreground/80`})]})}function Fe(){return(0,F.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden bg-foreground`,children:[(0,F.jsx)(`div`,{className:`absolute left-0 top-0 h-full w-20 border-e-8 border-warning bg-info/80`}),(0,F.jsx)(`div`,{className:`absolute left-14 top-0 h-24 w-24 rotate-45 border-[10px] border-success`}),(0,F.jsx)(`div`,{className:`absolute left-36 -top-4 h-28 w-16 rotate-12 bg-warning`}),(0,F.jsx)(`div`,{className:`absolute left-52 top-4 h-20 w-32 rotate-[-18deg] border-[10px] border-info`}),(0,F.jsx)(`div`,{className:`absolute right-24 -top-2 h-24 w-20 rotate-45 bg-success`}),(0,F.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-28 rotate-12 border-[10px] border-warning`})]})}function Ie(){let[e,t]=(0,I.useState)(`password`),n=Me.filter(t=>t.id!==e);return(0,F.jsxs)(`div`,{className:`grid gap-4`,children:[e===`password`&&(0,F.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Password sign in`,children:[(0,F.jsx)(A,{label:`Email`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,F.jsx)(A,{label:`Password`,required:!0,children:(0,F.jsx)(h,{placeholder:`Enter your password`,autoComplete:`current-password`,startIcon:g})}),(0,F.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,F.jsxs)(`label`,{className:`flex min-w-0 items-center gap-2`,children:[(0,F.jsx)(ie,{"aria-label":`Remember this device`}),(0,F.jsx)(r,{tag:`span`,size:`xs`,children:`Remember this device`})]}),(0,F.jsx)(s,{type:`button`,size:`xs`,variant:`action`,buttonStyle:`ghost`,className:`h-auto px-1 py-0`,onClick:()=>t(`forgot-password`),children:`Forgot password?`})]}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Sign in`}),(0,F.jsx)(De,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`magic-link`&&(0,F.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Magic link sign in`,children:[(0,F.jsx)(A,{label:`Work email`,hint:`We will send a single-use link that expires in 15 minutes.`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:_})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Send magic link`}),(0,F.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,F.jsx)(De,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`sso`&&(0,F.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`SSO sign in`,children:[(0,F.jsx)(A,{label:`Company domain`,hint:`Route the user to the provider owned by the host app.`,required:!0,children:(0,F.jsx)(k,{type:`text`,placeholder:`northwind.com`,autoComplete:`organization`,startIcon:m})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Continue with SSO`}),(0,F.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,F.jsx)(De,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`forgot-password`&&(0,F.jsxs)(`div`,{className:`grid gap-4`,"aria-label":`Forgot password`,children:[(0,F.jsxs)(O,{variant:`info`,children:[(0,F.jsx)(E,{children:`Password reset`}),(0,F.jsx)(D,{children:`Send a recovery link without leaving the auth shell or changing routes first.`})]}),(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Account email`,hint:`Use the email connected to your workspace.`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Send reset link`})]}),(0,F.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Back to password sign in`})]})]})}function Le(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Имейл`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,F.jsx)(A,{label:`Парола`,required:!0,children:(0,F.jsx)(h,{placeholder:`Въведете парола`,autoComplete:`current-password`,startIcon:g,strings:{showPassword:`Покажи паролата`,hidePassword:`Скрий паролата`}})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Вход`})]})}function Re(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Work email`,hint:`Use the email address that received the invite.`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:m})}),(0,F.jsx)(A,{label:`Password`,hint:`Minimum 12 characters.`,required:!0,children:(0,F.jsx)(h,{placeholder:`Create a password`,autoComplete:`new-password`,startIcon:P})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Accept invite`})]})}function ze(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Work email`,hint:`We will send a secure one-time code.`,children:(0,F.jsx)(k,{type:`email`,placeholder:`admin@company.com`,autoComplete:`email`})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Send code`})]})}function Be(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`New password`,hint:`Use at least 12 characters.`,required:!0,children:(0,F.jsx)(h,{autoComplete:`new-password`,placeholder:`Create a new password`})}),(0,F.jsx)(A,{label:`Confirm password`,required:!0,children:(0,F.jsx)(h,{autoComplete:`new-password`,placeholder:`Repeat password`})}),(0,F.jsx)(s,{type:`submit`,fullWidth:!0,children:`Update password`})]})}function Ve(){let e=[{label:`Orders protected`,value:`18.4k`,icon:v},{label:`Team seats`,value:`42`,icon:le},{label:`Risk checks`,value:`99.9%`,icon:d}];return(0,F.jsxs)(`div`,{className:`grid gap-3 p-4`,children:[(0,F.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-card p-4`,children:[(0,F.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,F.jsxs)(`div`,{children:[(0,F.jsx)(r,{size:`xs`,type:`secondary`,children:`Last 30 days`}),(0,F.jsx)(r,{tag:`div`,weight:`semibold`,children:`Operational overview`})]}),(0,F.jsx)(l,{variant:`success`,children:`Live`})]}),(0,F.jsx)(`div`,{className:`mt-4 flex h-24 items-end gap-1.5`,children:[34,42,31,52,48,66,58,72,63,76,68,84].map((e,t)=>(0,F.jsx)(`span`,{className:`flex-1 rounded-t bg-info/70`,style:{height:`${e}%`}},t))})]}),(0,F.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>{let t=e.icon;return(0,F.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-background/80 p-3`,children:[(0,F.jsx)(t,{className:`mb-2 size-4 text-muted-foreground`,"aria-hidden":`true`}),(0,F.jsx)(r,{tag:`div`,weight:`semibold`,children:e.value}),(0,F.jsx)(r,{size:`xs`,type:`secondary`,children:e.label})]},e.label)})})]})}function He(){return(0,F.jsx)(ye,{surface:`card`,eyebrow:`Workspace access`,title:`Secure onboarding for every admin account.`,description:`Use the shell for visual context and trust signals while the app owns the actual auth action, translations, and routing.`,media:(0,F.jsx)(Ve,{}),className:`rounded-lg shadow-sm`,contentClassName:`gap-6 p-5 md:p-7 lg:p-8`,features:[{id:`approval`,icon:(0,F.jsx)(f,{className:`size-4`,"aria-hidden":`true`}),title:`Approval-aware sessions`,description:`Invite, verification, and review states stay visible without crowding the form.`},{id:`audit`,icon:(0,F.jsx)(p,{className:`size-4`,"aria-hidden":`true`}),title:`Audit-friendly copy`,description:`Use concise admin language and keep framework routes at the call site.`}],footer:(0,F.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,F.jsx)(r,{size:`xs`,type:`secondary`,children:`Trusted by finance, operations, and support teams.`}),(0,F.jsx)(l,{variant:`success`,children:`SOC2 ready`})]})})}function Ue(){return(0,F.jsx)(K,{brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,description:`Operations console`,href:`#/`,ariaLabel:`Northwind Admin home`},title:`Sign in to your workspace`,description:`Use your company account to continue.`,banner:(0,F.jsxs)(O,{variant:`info`,children:[(0,F.jsx)(E,{children:`Single sign-on is available`}),(0,F.jsx)(D,{children:`Company domains can sign in with Google or email.`}),(0,F.jsx)(re,{children:(0,F.jsx)(s,{size:`xs`,variant:`action`,buttonStyle:`ghost`,children:`Learn more`})})]}),socialProviders:Ae,socialProvidersLayout:`grid`,socialDivider:`or use email`,cardFooter:(0,F.jsxs)(r,{size:`xs`,type:`secondary`,children:[`New to Northwind? `,(0,F.jsx)(w,{href:`#/register`,size:`xs`,children:`Request access`})]}),postCard:(0,F.jsx)(r,{size:`xs`,type:`secondary`,children:`Protected by device verification and audit logging.`}),footerLinks:q,policyLinks:J,languageLinks:ke,renderLink:X,children:(0,F.jsx)(Ie,{})})}function Z(){return(0,F.jsx)(K,{size:`md`,brand:(0,F.jsx)(Ne,{}),cardMedia:(0,F.jsx)(Fe,{}),cardMediaClassName:`h-16 min-h-16 overflow-hidden border-b-0 bg-transparent`,title:`Влезте в акаунта си`,description:`Въведете вашите данни, за да получите достъп до таблото.`,cardFooter:(0,F.jsxs)(r,{size:`xs`,type:`secondary`,children:[`Нямате достъп? `,(0,F.jsx)(w,{href:`#/request-access`,size:`xs`,children:`Заявете покана`})]}),languageLinks:[{id:`bg`,label:`Български`,href:`#/locale/bg`},{id:`en`,label:`English`,href:`#/locale/en`}],policyLinks:J,renderLink:X,strings:{languageLinksLabel:`Език`,policyLinksLabel:`Правила`},children:(0,F.jsx)(Le,{})})}function We(){return(0,F.jsx)(K,{brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,description:`Identity gateway`,href:`#/`},title:`Choose a sign-in method`,description:`Route every provider through the host app while keeping the button layout consistent.`,socialProviders:je,socialProvidersLayout:`grid`,socialDivider:`or send a one-time code`,footerLinks:q,policyLinks:J,renderLink:X,children:(0,F.jsx)(ze,{})})}function Ge(){return(0,F.jsx)(K,{size:`sm`,brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,href:`#/`},title:`Reset your password`,description:`Choose a new password for marina@northwind.test.`,banner:(0,F.jsxs)(O,{variant:`warning`,children:[(0,F.jsx)(E,{children:`Reset link expires soon`}),(0,F.jsx)(D,{children:`For security, this link is valid for another 12 minutes.`})]}),cardFooter:(0,F.jsxs)(r,{size:`xs`,type:`secondary`,children:[`Remembered it? `,(0,F.jsx)(w,{href:`#/login`,size:`xs`,children:`Back to sign in`})]}),policyLinks:J,renderLink:X,children:(0,F.jsx)(Be,{})})}function Ke(){return(0,F.jsx)(K,{variant:`split`,size:`md`,splitSide:`left`,splitMobile:`stacked`,className:`bg-muted/20`,splitPanelClassName:`p-3 lg:p-6`,brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,href:`#/`},cardMedia:(0,F.jsx)(Pe,{}),cardMediaClassName:`h-16 min-h-16 overflow-hidden border-b-0 bg-transparent`,eyebrow:`Team invite`,title:`Create your admin account`,description:`Accept the invite and configure your first secure session.`,headerEnd:(0,F.jsx)(l,{variant:`warning`,children:`Invite`}),splitPanel:(0,F.jsx)(He,{}),cardFooter:(0,F.jsxs)(r,{size:`xs`,type:`secondary`,children:[`Already joined? `,(0,F.jsx)(w,{href:`#/login`,size:`xs`,children:`Sign in`})]}),footerLinks:q,policyLinks:J,renderLink:X,children:(0,F.jsx)(Re,{})})}function qe(){return(0,F.jsx)(K,{variant:`split`,size:`sm`,splitSide:`right`,className:`bg-muted/20`,splitPanelClassName:`p-3 lg:p-6`,splitPanel:{surface:`card`,className:`rounded-lg shadow-sm`,contentClassName:`gap-6 p-5 md:p-7 lg:p-8`,eyebrow:`Access policy`,title:`Passwordless flows use the same shell.`,description:`Magic-link, verification, reset-password, and two-factor pages can reuse the same card and after-card areas.`,features:[{id:`configurable`,icon:(0,F.jsx)(y,{className:`size-4`,"aria-hidden":`true`}),title:`Configurable chrome`,description:`Brand, media, footer links, panel, and post-card copy are all slots.`},{id:`framework`,icon:(0,F.jsx)(v,{className:`size-4`,"aria-hidden":`true`}),title:`Framework-neutral links`,description:`Pass renderLink once and the shell uses the host router component.`}]},brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,href:`#/`},title:`Check your email`,description:`We sent a one-time sign-in link to marina@northwind.test.`,footerLinks:q,policyLinks:J,languageSwitcher:(0,F.jsx)(s,{size:`xs`,variant:`secondary`,buttonStyle:`outline`,children:`English`}),renderLink:X,children:(0,F.jsxs)(`div`,{className:`grid gap-4`,children:[(0,F.jsxs)(O,{variant:`success`,children:[(0,F.jsx)(E,{children:`Magic link sent`}),(0,F.jsx)(D,{children:`The link expires in 15 minutes.`})]}),(0,F.jsx)(s,{fullWidth:!0,children:`Open mail app`}),(0,F.jsx)(s,{variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,children:`Resend link`})]})})}function Je(){return(0,F.jsxs)(`div`,{className:`max-w-md rounded-lg border border-dashed border-border p-6`,children:[(0,F.jsx)(r,{tag:`div`,weight:`semibold`,children:`Footer links use the host router`}),(0,F.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:`The package never imports Inertia, Next, React Router, or TanStack Router.`}),(0,F.jsx)(H,{className:`mt-4 justify-start`,links:q,renderLink:({href:e,children:t,className:n,target:r,rel:i,onClick:a})=>(0,F.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,"data-router-link":`example`,children:t})})]})}var Q=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,jr as s,r as c,t as l}from"./example-Cz_880po.js";import{t as u}from"./building-2-1D6zVdCI.js";import{t as d}from"./chart-column-DKcP77Dx.js";import{t as f}from"./circle-check-1MSds3Vu.js";import{t as p}from"./clock-3-CP_t59kW.js";import{t as m}from"./earth-BN1w3w7h.js";import{t as h}from"./password-input-CfS4sfCl.js";import{t as g}from"./lock-keyhole-DY6aV7Mq.js";import{t as _}from"./mail-check-dJTzg2bD.js";import{t as v}from"./shield-check-DUTAPADm.js";import{t as y}from"./sparkles-N8rqKQez.js";import{a as b,k as x,n as S,s as ee}from"./index-BQIv1ffM.js";import{t as C}from"./props-table-2pIZzGC-.js";import{t as w}from"./text-link-9_mZpq_f.js";import{a as te,r as ne,t as T}from"./card-primitives-BDj4DtS8.js";import{i as E,n as re,r as D,t as O}from"./alert-2_0J7Vv6.js";import{t as ie}from"./checkbox-BI3gcjED.js";import{t as k}from"./input-NIgvB9CZ.js";import{n as A}from"./form-field-B5g_5Zjm.js";import{c as ae,i as j,o as oe,r as se,t as ce,u as M}from"./item-YF6wMI9W.js";import{t as N}from"./use-layout-link-BQ6Y9z__.js";var P=b(`key-round`,[[`path`,{d:`M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z`,key:`1s6t7t`}],[`circle`,{cx:`16.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`w0ekpg`}]]),le=b(`users-round`,[[`path`,{d:`M18 21a8 8 0 0 0-16 0`,key:`3ypg7q`}],[`circle`,{cx:`10`,cy:`8`,r:`5`,key:`o932ke`}],[`path`,{d:`M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3`,key:`10s06x`}]]),F=ee();function ue({eyebrow:e,title:t,description:n,headerEnd:r,banner:i,media:s,footer:c,children:l,className:u,headerClassName:d,mediaClassName:f,contentClassName:p,footerClassName:m,...h}){let g=!!(e||t||n||r);return(0,F.jsxs)(te,{"data-slot":`auth-card`,className:S(`auth-card--component`,`gap-0 overflow-hidden rounded-lg border border-border/70 bg-card py-0 shadow-sm`,u),...h,children:[!!s&&(0,F.jsx)(`div`,{className:S(`auth-card--media`,`min-h-12 border-b border-border/60 bg-muted/50`,f),children:s}),!!g&&(0,F.jsxs)(`header`,{className:S(`auth-card--header`,`flex items-start justify-between gap-4 px-6 pt-6 md:px-8 md:pt-8`,d),children:[(0,F.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[!!e&&(0,F.jsx)(o,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-card--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,F.jsx)(a,{tag:`h1`,containerClassName:`space-y-0`,className:`auth-card--title border-0 pb-0 text-lg leading-tight`,children:t}),!!n&&(0,F.jsx)(o,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-card--description max-w-prose`,children:n})]}),!!r&&(0,F.jsx)(`div`,{className:`auth-card--header-end shrink-0`,children:r})]}),(0,F.jsxs)(T,{className:S(`auth-card--content`,`px-6 pb-6 md:px-8 md:pb-8`,g?`pt-5`:`pt-6 md:pt-8`,p),children:[!!i&&(0,F.jsx)(`div`,{className:`auth-card--banner mb-5`,children:i}),l]}),!!c&&(0,F.jsx)(ne,{className:S(`auth-card--footer`,`border-t border-border/60 px-6 py-4 md:px-8`,m),children:c})]})}var I=t(n(),1);function L(e){return!!(e&&typeof e==`object`&&!(0,I.isValidElement)(e)&&(`logo`in e||`label`in e||`description`in e||`href`in e))}function R({links:e=[],renderLink:t,LinkComponent:n}={}){let r=N({renderLink:t,LinkComponent:n});return{links:(0,I.useMemo)(()=>e.filter(e=>e.visible!==!1),[e]),renderLink:r}}function de({variant:e=`card`,brand:t,footer:n,footerLinks:r=[],policyLinks:i=[],languageLinks:a=[],languageSwitcher:o,postCard:s,socialProviders:c=[],splitPanel:l,renderLink:u,LinkComponent:d}={}){let f=N({renderLink:u,LinkComponent:d}),p=(0,I.useMemo)(()=>r.filter(e=>e.visible!==!1),[r]),m=(0,I.useMemo)(()=>i.filter(e=>e.visible!==!1),[i]),h=(0,I.useMemo)(()=>a.filter(e=>e.visible!==!1),[a]),g=(0,I.useMemo)(()=>c.filter(e=>e.visible!==!1),[c]),_=!!(t&&(L(t)?t.logo||t.label||t.description:t)),v=!!(s||n||o||p.length>0||m.length>0||h.length>0),y=!!l;return{variant:y?e:`card`,hasBrand:_,hasAfterCard:v,hasSplitPanel:y,hasSocialProviders:g.length>0,renderLink:f,footerLinks:p,policyLinks:m,languageLinks:h,socialProviders:g}}var fe={socialDivider:`or continue with email`,socialProvidersLabel:`Social sign-in options`,footerLinksLabel:`Authentication links`,policyLinksLabel:`Policies`,languageLinksLabel:`Language options`},z={label:`Authentication links`},B={label:`Social sign-in options`},V={label:`Authentication method`,divider:`or`};function H({links:e,leadingIcon:t,separator:n=`·`,renderLink:r,LinkComponent:i,className:a,strings:s,...c}){let l=x(z,s),{links:u,renderLink:d}=R({links:e,renderLink:r,LinkComponent:i});return u.length===0?null:(0,F.jsxs)(`nav`,{"aria-label":c[`aria-label`]??l.label,className:S(`auth-footer-links--component`,`flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-center`,a),...c,children:[!!t&&(0,F.jsx)(`span`,{className:`auth-footer-links--icon flex shrink-0 items-center text-muted-foreground`,"aria-hidden":`true`,children:t}),u.map((e,t)=>{let r=d({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:S(`auth-footer-links--item`,`text-muted-foreground transition-colors hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),children:(0,F.jsx)(o,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})});return(0,F.jsxs)(I.Fragment,{children:[t>0&&(0,F.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,className:`auth-footer-links--separator`,children:n}),r]},e.id??t)})]})}var pe=`auth-social-provider-button--component inline-flex h-9 w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-3 text-sm font-medium text-foreground shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50`;function U(){return(0,F.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,F.jsx)(`path`,{fill:`#4285F4`,d:`M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027`}),(0,F.jsx)(`path`,{fill:`#34A853`,d:`M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1`}),(0,F.jsx)(`path`,{fill:`#FBBC05`,d:`M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782`}),(0,F.jsx)(`path`,{fill:`#EB4335`,d:`M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251`})]})}function W(){return(0,F.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 23 23`,children:[(0,F.jsx)(`path`,{fill:`#f25022`,d:`M1 1h10v10H1z`}),(0,F.jsx)(`path`,{fill:`#7fba00`,d:`M12 1h10v10H12z`}),(0,F.jsx)(`path`,{fill:`#00a4ef`,d:`M1 12h10v10H1z`}),(0,F.jsx)(`path`,{fill:`#ffb900`,d:`M12 12h10v10H12z`})]})}function G(){return(0,F.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,F.jsx)(`path`,{d:`M12 2C6.48 2 2 6.58 2 12.24c0 4.53 2.87 8.37 6.84 9.73.5.09.68-.22.68-.49 0-.24-.01-.88-.01-1.73-2.78.62-3.37-1.37-3.37-1.37-.45-1.18-1.11-1.5-1.11-1.5-.91-.64.07-.63.07-.63 1 .07 1.53 1.06 1.53 1.06.9 1.57 2.36 1.12 2.93.86.09-.67.35-1.12.64-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.31.1-2.72 0 0 .84-.28 2.75 1.05A9.32 9.32 0 0 1 12 6.95c.85 0 1.7.12 2.5.35 1.9-1.33 2.74-1.05 2.74-1.05.55 1.41.2 2.46.1 2.72.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.8-4.57 5.06.36.32.68.95.68 1.91 0 1.38-.01 2.49-.01 2.83 0 .27.18.59.69.49A10.12 10.12 0 0 0 22 12.24C22 6.58 17.52 2 12 2Z`})})}function me(){return(0,F.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,F.jsx)(`path`,{d:`M16.37 12.05c-.02-2.26 1.85-3.35 1.94-3.4-1.06-1.55-2.69-1.76-3.26-1.78-1.37-.14-2.7.82-3.39.82-.71 0-1.78-.8-2.93-.78-1.5.02-2.9.89-3.67 2.25-1.57 2.72-.4 6.72 1.1 8.92.76 1.08 1.64 2.29 2.79 2.25 1.13-.05 1.55-.72 2.91-.72 1.35 0 1.75.72 2.93.69 1.21-.02 1.98-1.09 2.71-2.18.87-1.24 1.22-2.46 1.23-2.52-.03-.01-2.34-.9-2.36-3.55ZM14.16 5.42c.61-.76 1.03-1.8.91-2.85-.88.04-1.98.61-2.62 1.35-.57.65-1.08 1.73-.95 2.74.99.08 2.02-.5 2.66-1.24Z`})})}function he({provider:e}){if(e.icon)return(0,F.jsx)(F.Fragment,{children:e.icon});switch(e.provider){case`google`:return(0,F.jsx)(U,{});case`github`:return(0,F.jsx)(G,{});case`microsoft`:return(0,F.jsx)(W,{});case`apple`:return(0,F.jsx)(me,{});default:return(0,F.jsx)(P,{className:`size-4`,"aria-hidden":`true`})}}function ge({provider:e,renderLink:t,LinkComponent:n,className:r}){let i=N({renderLink:t,LinkComponent:n}),a=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(he,{provider:e}),(0,F.jsx)(o,{tag:`span`,className:`text-inherit`,children:e.label})]}),s=S(pe,e.disabled&&`pointer-events-none opacity-50`,r);return e.href?i({href:e.href,target:e.target,rel:e.rel,external:e.external,disabled:e.disabled,onClick:e.onClick,className:s,children:a}):(0,F.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,disabled:e.disabled,className:S(`auth-social-provider-button--component`,r),onClick:t=>e.onClick?.(t),children:a})}function _e({providers:e,layout:t=`stack`,renderLink:n,LinkComponent:r,className:i,strings:a,...o}){let s=x(B,a),c=e?.filter(e=>e.visible!==!1)??[];return c.length===0?null:(0,F.jsx)(`div`,{role:`group`,"aria-label":o[`aria-label`]??s.label,"data-layout":t,className:S(`auth-social-providers--component`,t===`grid`?`grid gap-2 sm:grid-cols-2`:`grid gap-2`,i),...o,children:c.map(e=>(0,F.jsx)(ge,{provider:e,renderLink:n,LinkComponent:r},e.id??String(e.label)))})}var ve={card:`border-border/70 bg-card`,muted:`border-border/60 bg-muted/40`};function ye({eyebrow:e,title:t,description:n,media:r,features:i,footer:s,children:c,surface:l=`muted`,className:u,contentClassName:d,...f}){let p=!!(e||t||n),m=i?.filter(e=>e.title)??[];return(0,F.jsx)(`aside`,{"data-slot":`auth-split-panel`,"data-surface":l,className:S(`auth-split-panel--component`,`flex min-h-full w-full flex-col justify-between overflow-hidden border`,ve[l],u),...f,children:(0,F.jsxs)(`div`,{className:S(`auth-split-panel--content`,`flex min-h-full flex-col justify-center gap-8 p-6 md:p-8 lg:p-10`,d),children:[!!r&&(0,F.jsx)(`div`,{className:`auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70`,children:r}),!!p&&(0,F.jsxs)(`div`,{className:`auth-split-panel--intro max-w-xl space-y-2`,children:[!!e&&(0,F.jsx)(o,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-split-panel--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,F.jsx)(a,{tag:`h2`,containerClassName:`space-y-0`,className:`auth-split-panel--title border-0 pb-0 text-xl leading-tight`,children:t}),!!n&&(0,F.jsx)(o,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-split-panel--description max-w-prose`,children:n})]}),m.length>0&&(0,F.jsx)(oe,{className:`auth-split-panel--features grid gap-3`,children:m.map((e,t)=>(0,F.jsxs)(ce,{variant:`muted`,className:`auth-split-panel--feature bg-background/70`,children:[!!e.icon&&(0,F.jsx)(ae,{variant:`icon`,className:`text-muted-foreground`,children:e.icon}),(0,F.jsxs)(se,{className:`min-w-[min(12rem,100%)]`,children:[(0,F.jsx)(M,{children:e.title}),!!e.description&&(0,F.jsx)(j,{clamp:`none`,children:e.description})]})]},e.id??t))}),c,!!s&&(0,F.jsx)(`div`,{className:`auth-split-panel--footer`,children:s})]})})}var be={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`};function xe(e){return!!(e&&typeof e==`object`&&!(0,I.isValidElement)(e))}function Se(e){let t=!!(e.label||e.description);return(0,F.jsxs)(F.Fragment,{children:[!!e.logo&&(0,F.jsx)(`div`,{className:`auth-shell--brand-logo shrink-0`,children:e.logo}),!!t&&(0,F.jsxs)(`div`,{className:`auth-shell--brand-text min-w-0`,children:[!!e.label&&(0,F.jsx)(o,{tag:`div`,weight:`semibold`,className:`auth-shell--brand-label`,children:e.label}),!!e.description&&(0,F.jsx)(o,{tag:`div`,size:`xs`,type:`secondary`,className:`auth-shell--brand-description`,children:e.description})]})]})}function Ce({brand:e,renderLink:t}){if(!e)return null;if(!L(e))return(0,F.jsx)(`div`,{className:`auth-shell--brand flex items-center justify-center`,children:e});let n=Se(e),r=S(`auth-shell--brand`,`inline-flex items-center justify-center gap-2.5 self-center rounded-md text-foreground`,e.href&&`transition-opacity hover:opacity-80`);return e.href?t({href:e.href,"aria-label":e.ariaLabel,className:r,children:n}):(0,F.jsx)(`div`,{className:r,children:n})}function we(e){return e?(0,I.isValidElement)(e)?e:xe(e)?(0,F.jsx)(ye,{...e}):null:null}function K({children:e,variant:t=`card`,size:n=`md`,align:r=`center`,brand:i,eyebrow:a,title:s,description:c,headerEnd:l,banner:u,cardMedia:d,cardMediaClassName:f,cardFooter:p,postCard:h,footer:g,footerLinks:_,policyLinks:v,languageLinks:y,languageSwitcher:b,socialProviders:ee,socialProvidersLayout:C=`stack`,socialDivider:w,splitPanel:te,splitSide:ne=`left`,splitMobile:T=`hidden`,renderLink:E,LinkComponent:re,className:D,mainClassName:O,stackClassName:ie,cardClassName:k,cardContentClassName:A,splitGridClassName:ae,splitPanelClassName:j,footerClassName:oe,strings:se,...ce}){let M=x(fe,se),{variant:N,hasBrand:P,hasAfterCard:le,hasSplitPanel:I,hasSocialProviders:L,renderLink:R,footerLinks:z,policyLinks:B,languageLinks:V,socialProviders:pe}=de({variant:t,brand:i,footer:g,footerLinks:_,policyLinks:v,languageLinks:y,languageSwitcher:b,postCard:h,socialProviders:ee,splitPanel:te,renderLink:E,LinkComponent:re}),U=N===`split`&&I,W=we(te),G=ne===`left`,me=T===`stacked`,he=P?Ce({brand:i,renderLink:R}):null,ge=(0,F.jsx)(`main`,{className:S(`auth-shell--main`,`flex min-h-svh w-full items-center justify-center px-4 py-8 sm:px-6 md:px-8`,r===`start`&&`items-start pt-12`,U&&`lg:min-h-svh`,O),children:(0,F.jsxs)(`div`,{className:S(`auth-shell--stack`,`flex w-full flex-col gap-5`,be[n],ie),children:[he,(0,F.jsxs)(ue,{eyebrow:a,title:s,description:c,headerEnd:l,banner:u,media:d,mediaClassName:f,footer:p,className:k,contentClassName:A,children:[!!L&&(0,F.jsxs)(`div`,{className:`auth-shell--social mb-4 grid gap-4`,children:[(0,F.jsx)(_e,{providers:pe,layout:C,renderLink:R,strings:{label:M.socialProvidersLabel}}),(0,F.jsxs)(`div`,{className:`auth-shell--social-divider flex items-center gap-3`,children:[(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,F.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:w??M.socialDivider}),(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]})]}),e]}),!!le&&(0,F.jsxs)(`div`,{className:S(`auth-shell--after-card`,`flex flex-col items-center gap-3 text-center`,oe),children:[!!h&&(0,F.jsx)(`div`,{className:`auth-shell--post-card`,children:h}),!!b&&(0,F.jsx)(`div`,{className:`auth-shell--language-switcher`,children:b}),V.length>0&&(0,F.jsx)(H,{className:`auth-shell--language-links`,links:V,leadingIcon:(0,F.jsx)(m,{className:`size-3.5`}),renderLink:R,strings:{label:M.languageLinksLabel}}),z.length>0&&(0,F.jsx)(H,{className:`auth-shell--footer-links`,links:z,renderLink:R,strings:{label:M.footerLinksLabel}}),B.length>0&&(0,F.jsx)(H,{className:`auth-shell--policy-links`,links:B,renderLink:R,strings:{label:M.policyLinksLabel}}),!!g&&(0,F.jsx)(`div`,{className:`auth-shell--footer`,children:g})]})]})});return U?(0,F.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`split`,"data-split-side":ne,"data-split-mobile":T,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,D),...ce,children:(0,F.jsxs)(`div`,{className:S(`auth-shell--split-grid min-h-svh lg:grid`,G?`lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]`:`lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]`,ae),children:[!!G&&(0,F.jsx)(`div`,{className:S(`auth-shell--split-panel`,me?`block`:`hidden lg:block`,j),children:W}),ge,!G&&(0,F.jsx)(`div`,{className:S(`auth-shell--split-panel`,me?`block`:`hidden lg:block`,j),children:W})]})}):(0,F.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`card`,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,D),...ce,children:ge})}function Te(e){return e.find(e=>!e.disabled)}function Ee({options:e=[],value:t,defaultValue:n,onValueChange:r}={}){let i=I.useMemo(()=>e.filter(e=>e.visible!==!1),[e]),a=n??Te(i)?.id,[o,s]=I.useState(a),c=t!==void 0,l=c?t:o,u=i.find(e=>e.id===l),d=I.useCallback(e=>{let t=i.find(t=>t.id===e);!t||t.disabled||(c||s(e),r?.(e,t))},[c,r,i]);return I.useEffect(()=>{c||u||i.length===0||s(Te(i)?.id)},[c,u,i]),{value:l,selectedOption:u,options:i,setValue:d}}function De({options:e=[],value:t,defaultValue:n,onValueChange:r,layout:i=`stack`,divider:a,className:s,strings:l,...u}){let d=x(V,l),{"aria-label":f,...p}=u,{value:m,options:h,setValue:g}=Ee({options:e,value:t,defaultValue:n,onValueChange:r});return h.length===0?null:(0,F.jsxs)(`div`,{className:S(`auth-method-switch--component grid gap-3`,s),...p,children:[a!==null&&a!==!1&&(0,F.jsxs)(`div`,{className:`auth-method-switch--divider flex items-center gap-3`,children:[(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,F.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:a??d.divider}),(0,F.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]}),(0,F.jsx)(`div`,{role:`group`,"aria-label":f??d.label,"data-layout":i,className:S(`auth-method-switch--options`,i===`grid`&&`grid gap-2 sm:grid-cols-2`,i===`stack`&&`grid gap-2`,i===`segmented`&&`grid grid-cols-[repeat(auto-fit,minmax(0,1fr))] gap-1 rounded-lg border border-border bg-muted/40 p-1`),...u,children:h.map(e=>{let t=e.id===m,n=i===`segmented`;return(0,F.jsx)(c,{type:`button`,"aria-pressed":t,disabled:e.disabled,variant:t?`dark`:`secondary`,buttonStyle:t?`solid`:n?`ghost`:`outline`,fullWidth:!0,className:S(`auth-method-switch--option`,`h-auto min-h-10 justify-start rounded-md px-3 py-2.5 text-start`,n&&`min-h-9 justify-center border-0 px-2 py-2 text-center shadow-none min-[480px]:px-3 min-[480px]:text-start`,t&&`auth-method-switch--option-selected`),onClick:()=>g(e.id),children:(0,F.jsxs)(`span`,{className:S(`auth-method-switch--option-inner flex min-w-0 items-center gap-2`,n&&`w-full flex-col justify-center gap-1 min-[480px]:w-auto min-[480px]:flex-row min-[480px]:justify-start min-[480px]:gap-2`),children:[!!e.icon&&(0,F.jsx)(`span`,{className:`auth-method-switch--option-icon shrink-0`,"aria-hidden":`true`,children:e.icon}),(0,F.jsxs)(`span`,{className:S(`auth-method-switch--option-copy grid min-w-0 gap-0.5`,n&&`justify-items-center min-[480px]:justify-items-start`),children:[(0,F.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,className:S(`max-w-full text-inherit leading-tight`,n?`text-center min-[480px]:truncate min-[480px]:text-start`:`text-start`),children:e.label}),!!e.description&&(0,F.jsx)(o,{tag:`span`,size:`xxs`,className:S(n?`hidden min-[480px]:block min-[480px]:truncate`:`text-start leading-snug`,t?`text-inherit opacity-75`:`text-muted-foreground`),children:e.description})]})]})},e.id)})})]})}var Oe=e({CenteredCardAuth:()=>Ue,FrameworkLinkContract:()=>Je,LocalizedPatternCardAuth:()=>Z,ProviderMatrixAuth:()=>We,ResetPasswordAuth:()=>Ge,RightSplitAuthShell:()=>qe,SplitAuthShell:()=>Ke}),q=[{id:`support`,label:`Support`,href:`#/support`},{id:`status`,label:`Status`,href:`https://status.example.com`,external:!0}],J=[{id:`privacy`,label:`Privacy`,href:`#/privacy`},{id:`terms`,label:`Terms`,href:`#/terms`}],ke=[{id:`en`,label:`EN`,href:`#/locale/en`},{id:`bg`,label:`BG`,href:`#/locale/bg`},{id:`el`,label:`EL`,href:`#/locale/el`}],Ae=[{id:`google`,provider:`google`,label:`Google`,href:`#/auth/google`},{id:`github`,provider:`github`,label:`GitHub`,href:`#/auth/github`}],je=[{id:`google`,provider:`google`,label:`Google`,href:`#/auth/google`},{id:`github`,provider:`github`,label:`GitHub`,href:`#/auth/github`},{id:`microsoft`,provider:`microsoft`,label:`Microsoft`,href:`#/auth/microsoft`},{id:`apple`,provider:`apple`,label:`Apple`,href:`#/auth/apple`},{id:`sso`,provider:`sso`,label:`Company SSO`,href:`#/auth/sso`},{id:`custom`,provider:`custom`,label:`Magic link`,href:`#/auth/magic-link`,icon:(0,F.jsx)(_,{className:`size-4`,"aria-hidden":`true`})}],Me=[{id:`magic-link`,label:`Email me a magic link`,description:`Send a single-use sign-in link to the address above.`,icon:(0,F.jsx)(_,{className:`size-3.5`,"aria-hidden":`true`})},{id:`sso`,label:`Continue with company SSO`,description:`Use the identity provider configured by the host app.`,icon:(0,F.jsx)(P,{className:`size-3.5`,"aria-hidden":`true`})}];function Y(){return(0,F.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-lg bg-foreground text-background`,children:(0,F.jsx)(u,{className:`size-4`,"aria-hidden":`true`})})}function Ne(){return(0,F.jsxs)(`div`,{className:`flex flex-col items-center gap-1 text-center`,children:[(0,F.jsx)(o,{tag:`div`,className:`font-serif text-2xl leading-none tracking-normal text-foreground`,children:`Gift come true`}),(0,F.jsx)(`div`,{className:`h-px w-16 bg-foreground/40`})]})}function X({href:e,children:t,className:n,target:r,rel:i,onClick:a}){return(0,F.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,children:t})}function Pe(){return(0,F.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden`,children:[(0,F.jsx)(`div`,{className:`absolute inset-0 bg-info/15`}),(0,F.jsx)(`div`,{className:`absolute -left-8 top-0 h-24 w-24 rotate-45 border-[10px] border-info/70`}),(0,F.jsx)(`div`,{className:`absolute left-20 -top-6 h-28 w-16 rotate-12 bg-warning/75`}),(0,F.jsx)(`div`,{className:`absolute left-44 top-3 h-20 w-28 rotate-[-18deg] border-[10px] border-success/70`}),(0,F.jsx)(`div`,{className:`absolute right-20 -top-4 h-24 w-12 rotate-45 bg-info/70`}),(0,F.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-24 rotate-12 border-[10px] border-warning/80`}),(0,F.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-3 bg-foreground/80`})]})}function Fe(){return(0,F.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden bg-foreground`,children:[(0,F.jsx)(`div`,{className:`absolute left-0 top-0 h-full w-20 border-e-8 border-warning bg-info/80`}),(0,F.jsx)(`div`,{className:`absolute left-14 top-0 h-24 w-24 rotate-45 border-[10px] border-success`}),(0,F.jsx)(`div`,{className:`absolute left-36 -top-4 h-28 w-16 rotate-12 bg-warning`}),(0,F.jsx)(`div`,{className:`absolute left-52 top-4 h-20 w-32 rotate-[-18deg] border-[10px] border-info`}),(0,F.jsx)(`div`,{className:`absolute right-24 -top-2 h-24 w-20 rotate-45 bg-success`}),(0,F.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-28 rotate-12 border-[10px] border-warning`})]})}function Ie(){let[e,t]=(0,I.useState)(`password`),n=Me.filter(t=>t.id!==e);return(0,F.jsxs)(`div`,{className:`grid gap-4`,children:[e===`password`&&(0,F.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Password sign in`,children:[(0,F.jsx)(A,{label:`Email`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,F.jsx)(A,{label:`Password`,required:!0,children:(0,F.jsx)(h,{placeholder:`Enter your password`,autoComplete:`current-password`,startIcon:g})}),(0,F.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,F.jsxs)(`label`,{className:`flex min-w-0 items-center gap-2`,children:[(0,F.jsx)(ie,{"aria-label":`Remember this device`}),(0,F.jsx)(o,{tag:`span`,size:`xs`,children:`Remember this device`})]}),(0,F.jsx)(c,{type:`button`,size:`xs`,variant:`action`,buttonStyle:`ghost`,className:`h-auto px-1 py-0`,onClick:()=>t(`forgot-password`),children:`Forgot password?`})]}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Sign in`}),(0,F.jsx)(De,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`magic-link`&&(0,F.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Magic link sign in`,children:[(0,F.jsx)(A,{label:`Work email`,hint:`We will send a single-use link that expires in 15 minutes.`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:_})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Send magic link`}),(0,F.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,F.jsx)(De,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`sso`&&(0,F.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`SSO sign in`,children:[(0,F.jsx)(A,{label:`Company domain`,hint:`Route the user to the provider owned by the host app.`,required:!0,children:(0,F.jsx)(k,{type:`text`,placeholder:`northwind.com`,autoComplete:`organization`,startIcon:m})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Continue with SSO`}),(0,F.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,F.jsx)(De,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`forgot-password`&&(0,F.jsxs)(`div`,{className:`grid gap-4`,"aria-label":`Forgot password`,children:[(0,F.jsxs)(O,{variant:`info`,children:[(0,F.jsx)(E,{children:`Password reset`}),(0,F.jsx)(D,{children:`Send a recovery link without leaving the auth shell or changing routes first.`})]}),(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Account email`,hint:`Use the email connected to your workspace.`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Send reset link`})]}),(0,F.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Back to password sign in`})]})]})}function Le(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Имейл`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,F.jsx)(A,{label:`Парола`,required:!0,children:(0,F.jsx)(h,{placeholder:`Въведете парола`,autoComplete:`current-password`,startIcon:g,strings:{showPassword:`Покажи паролата`,hidePassword:`Скрий паролата`}})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Вход`})]})}function Re(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Work email`,hint:`Use the email address that received the invite.`,required:!0,children:(0,F.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:m})}),(0,F.jsx)(A,{label:`Password`,hint:`Minimum 12 characters.`,required:!0,children:(0,F.jsx)(h,{placeholder:`Create a password`,autoComplete:`new-password`,startIcon:P})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Accept invite`})]})}function ze(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`Work email`,hint:`We will send a secure one-time code.`,children:(0,F.jsx)(k,{type:`email`,placeholder:`admin@company.com`,autoComplete:`email`})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Send code`})]})}function Be(){return(0,F.jsxs)(`form`,{className:`grid gap-4`,children:[(0,F.jsx)(A,{label:`New password`,hint:`Use at least 12 characters.`,required:!0,children:(0,F.jsx)(h,{autoComplete:`new-password`,placeholder:`Create a new password`})}),(0,F.jsx)(A,{label:`Confirm password`,required:!0,children:(0,F.jsx)(h,{autoComplete:`new-password`,placeholder:`Repeat password`})}),(0,F.jsx)(c,{type:`submit`,fullWidth:!0,children:`Update password`})]})}function Ve(){let e=[{label:`Orders protected`,value:`18.4k`,icon:v},{label:`Team seats`,value:`42`,icon:le},{label:`Risk checks`,value:`99.9%`,icon:d}];return(0,F.jsxs)(`div`,{className:`grid gap-3 p-4`,children:[(0,F.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-card p-4`,children:[(0,F.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,F.jsxs)(`div`,{children:[(0,F.jsx)(o,{size:`xs`,type:`secondary`,children:`Last 30 days`}),(0,F.jsx)(o,{tag:`div`,weight:`semibold`,children:`Operational overview`})]}),(0,F.jsx)(s,{variant:`success`,children:`Live`})]}),(0,F.jsx)(`div`,{className:`mt-4 flex h-24 items-end gap-1.5`,children:[34,42,31,52,48,66,58,72,63,76,68,84].map((e,t)=>(0,F.jsx)(`span`,{className:`flex-1 rounded-t bg-info/70`,style:{height:`${e}%`}},t))})]}),(0,F.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>{let t=e.icon;return(0,F.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-background/80 p-3`,children:[(0,F.jsx)(t,{className:`mb-2 size-4 text-muted-foreground`,"aria-hidden":`true`}),(0,F.jsx)(o,{tag:`div`,weight:`semibold`,children:e.value}),(0,F.jsx)(o,{size:`xs`,type:`secondary`,children:e.label})]},e.label)})})]})}function He(){return(0,F.jsx)(ye,{surface:`card`,eyebrow:`Workspace access`,title:`Secure onboarding for every admin account.`,description:`Use the shell for visual context and trust signals while the app owns the actual auth action, translations, and routing.`,media:(0,F.jsx)(Ve,{}),className:`rounded-lg shadow-sm`,contentClassName:`gap-6 p-5 md:p-7 lg:p-8`,features:[{id:`approval`,icon:(0,F.jsx)(f,{className:`size-4`,"aria-hidden":`true`}),title:`Approval-aware sessions`,description:`Invite, verification, and review states stay visible without crowding the form.`},{id:`audit`,icon:(0,F.jsx)(p,{className:`size-4`,"aria-hidden":`true`}),title:`Audit-friendly copy`,description:`Use concise admin language and keep framework routes at the call site.`}],footer:(0,F.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,F.jsx)(o,{size:`xs`,type:`secondary`,children:`Trusted by finance, operations, and support teams.`}),(0,F.jsx)(s,{variant:`success`,children:`SOC2 ready`})]})})}function Ue(){return(0,F.jsx)(K,{brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,description:`Operations console`,href:`#/`,ariaLabel:`Northwind Admin home`},title:`Sign in to your workspace`,description:`Use your company account to continue.`,banner:(0,F.jsxs)(O,{variant:`info`,children:[(0,F.jsx)(E,{children:`Single sign-on is available`}),(0,F.jsx)(D,{children:`Company domains can sign in with Google or email.`}),(0,F.jsx)(re,{children:(0,F.jsx)(c,{size:`xs`,variant:`action`,buttonStyle:`ghost`,children:`Learn more`})})]}),socialProviders:Ae,socialProvidersLayout:`grid`,socialDivider:`or use email`,cardFooter:(0,F.jsxs)(o,{size:`xs`,type:`secondary`,children:[`New to Northwind? `,(0,F.jsx)(w,{href:`#/register`,size:`xs`,children:`Request access`})]}),postCard:(0,F.jsx)(o,{size:`xs`,type:`secondary`,children:`Protected by device verification and audit logging.`}),footerLinks:q,policyLinks:J,languageLinks:ke,renderLink:X,children:(0,F.jsx)(Ie,{})})}function Z(){return(0,F.jsx)(K,{size:`md`,brand:(0,F.jsx)(Ne,{}),cardMedia:(0,F.jsx)(Fe,{}),cardMediaClassName:`h-16 min-h-16 overflow-hidden border-b-0 bg-transparent`,title:`Влезте в акаунта си`,description:`Въведете вашите данни, за да получите достъп до таблото.`,cardFooter:(0,F.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Нямате достъп? `,(0,F.jsx)(w,{href:`#/request-access`,size:`xs`,children:`Заявете покана`})]}),languageLinks:[{id:`bg`,label:`Български`,href:`#/locale/bg`},{id:`en`,label:`English`,href:`#/locale/en`}],policyLinks:J,renderLink:X,strings:{languageLinksLabel:`Език`,policyLinksLabel:`Правила`},children:(0,F.jsx)(Le,{})})}function We(){return(0,F.jsx)(K,{brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,description:`Identity gateway`,href:`#/`},title:`Choose a sign-in method`,description:`Route every provider through the host app while keeping the button layout consistent.`,socialProviders:je,socialProvidersLayout:`grid`,socialDivider:`or send a one-time code`,footerLinks:q,policyLinks:J,renderLink:X,children:(0,F.jsx)(ze,{})})}function Ge(){return(0,F.jsx)(K,{size:`sm`,brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,href:`#/`},title:`Reset your password`,description:`Choose a new password for marina@northwind.test.`,banner:(0,F.jsxs)(O,{variant:`warning`,children:[(0,F.jsx)(E,{children:`Reset link expires soon`}),(0,F.jsx)(D,{children:`For security, this link is valid for another 12 minutes.`})]}),cardFooter:(0,F.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Remembered it? `,(0,F.jsx)(w,{href:`#/login`,size:`xs`,children:`Back to sign in`})]}),policyLinks:J,renderLink:X,children:(0,F.jsx)(Be,{})})}function Ke(){return(0,F.jsx)(K,{variant:`split`,size:`md`,splitSide:`left`,splitMobile:`stacked`,className:`bg-muted/20`,splitPanelClassName:`p-3 lg:p-6`,brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,href:`#/`},cardMedia:(0,F.jsx)(Pe,{}),cardMediaClassName:`h-16 min-h-16 overflow-hidden border-b-0 bg-transparent`,eyebrow:`Team invite`,title:`Create your admin account`,description:`Accept the invite and configure your first secure session.`,headerEnd:(0,F.jsx)(s,{variant:`warning`,children:`Invite`}),splitPanel:(0,F.jsx)(He,{}),cardFooter:(0,F.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Already joined? `,(0,F.jsx)(w,{href:`#/login`,size:`xs`,children:`Sign in`})]}),footerLinks:q,policyLinks:J,renderLink:X,children:(0,F.jsx)(Re,{})})}function qe(){return(0,F.jsx)(K,{variant:`split`,size:`sm`,splitSide:`right`,className:`bg-muted/20`,splitPanelClassName:`p-3 lg:p-6`,splitPanel:{surface:`card`,className:`rounded-lg shadow-sm`,contentClassName:`gap-6 p-5 md:p-7 lg:p-8`,eyebrow:`Access policy`,title:`Passwordless flows use the same shell.`,description:`Magic-link, verification, reset-password, and two-factor pages can reuse the same card and after-card areas.`,features:[{id:`configurable`,icon:(0,F.jsx)(y,{className:`size-4`,"aria-hidden":`true`}),title:`Configurable chrome`,description:`Brand, media, footer links, panel, and post-card copy are all slots.`},{id:`framework`,icon:(0,F.jsx)(v,{className:`size-4`,"aria-hidden":`true`}),title:`Framework-neutral links`,description:`Pass renderLink once and the shell uses the host router component.`}]},brand:{logo:(0,F.jsx)(Y,{}),label:`Northwind Admin`,href:`#/`},title:`Check your email`,description:`We sent a one-time sign-in link to marina@northwind.test.`,footerLinks:q,policyLinks:J,languageSwitcher:(0,F.jsx)(c,{size:`xs`,variant:`secondary`,buttonStyle:`outline`,children:`English`}),renderLink:X,children:(0,F.jsxs)(`div`,{className:`grid gap-4`,children:[(0,F.jsxs)(O,{variant:`success`,children:[(0,F.jsx)(E,{children:`Magic link sent`}),(0,F.jsx)(D,{children:`The link expires in 15 minutes.`})]}),(0,F.jsx)(c,{fullWidth:!0,children:`Open mail app`}),(0,F.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,children:`Resend link`})]})})}function Je(){return(0,F.jsxs)(`div`,{className:`max-w-md rounded-lg border border-dashed border-border p-6`,children:[(0,F.jsx)(o,{tag:`div`,weight:`semibold`,children:`Footer links use the host router`}),(0,F.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1`,children:`The package never imports Inertia, Next, React Router, or TanStack Router.`}),(0,F.jsx)(H,{className:`mt-4 justify-start`,links:q,renderLink:({href:e,children:t,className:n,target:r,rel:i,onClick:a})=>(0,F.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,"data-router-link":`example`,children:t})})]})}var Q=`import {
 	BarChart3,
 	Building2,
 	CheckCircle2,
@@ -694,7 +694,7 @@ export function FrameworkLinkContract() {
 		</div>
 	);
 }
-`;function Ye(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return Oe||$(`Examples`,!1),Ue||$(`Examples.CenteredCardAuth`,!0),Je||$(`Examples.FrameworkLinkContract`,!0),Z||$(`Examples.LocalizedPatternCardAuth`,!0),We||$(`Examples.ProviderMatrixAuth`,!0),Ge||$(`Examples.ResetPasswordAuth`,!0),qe||$(`Examples.RightSplitAuthShell`,!0),Ke||$(`Examples.SplitAuthShell`,!0),(0,F.jsxs)(a,{title:`Layout · Auth shell`,description:`Framework-neutral auth card and split shells for login, register, invite, reset, magic-link, and verification pages.`,layer:`layout`,status:`ready`,sourcePath:`src/components/layout/auth`,children:[(0,F.jsxs)(o,{title:`Overview`,id:`overview`,children:[(0,F.jsxs)(t.p,{children:[(0,F.jsx)(t.code,{children:`AuthShell`}),` owns the reusable auth chrome: centered card layout, split panel
+`;function Ye(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return Oe||$(`Examples`,!1),Ue||$(`Examples.CenteredCardAuth`,!0),Je||$(`Examples.FrameworkLinkContract`,!0),Z||$(`Examples.LocalizedPatternCardAuth`,!0),We||$(`Examples.ProviderMatrixAuth`,!0),Ge||$(`Examples.ResetPasswordAuth`,!0),qe||$(`Examples.RightSplitAuthShell`,!0),Ke||$(`Examples.SplitAuthShell`,!0),(0,F.jsxs)(r,{title:`Layout · Auth shell`,description:`Framework-neutral auth card and split shells for login, register, invite, reset, magic-link, and verification pages.`,layer:`layout`,status:`ready`,sourcePath:`src/components/layout/auth`,children:[(0,F.jsxs)(i,{title:`Overview`,id:`overview`,children:[(0,F.jsxs)(t.p,{children:[(0,F.jsx)(t.code,{children:`AuthShell`}),` owns the reusable auth chrome: centered card layout, split panel
 layout, brand area, full-bleed card media strip, social-provider buttons,
 language rows with a globe marker, policy/footer link rows, card header,
 after-card support copy, and footer slots. `,(0,F.jsx)(t.code,{children:`AuthMethodSwitch`}),` renders alternate
@@ -703,7 +703,7 @@ uncontrolled state for magic-link, SSO, recovery, or any other consumer-owned
 auth state. The consuming app still owns the auth form, request action, route
 names, translations, language state, and framework link component.`]}),(0,F.jsxs)(t.p,{children:[`Use `,(0,F.jsx)(t.code,{children:`renderLink`}),` for every router-specific link. This is the same layout link
 contract used by header, sidebar, breadcrumbs, and page actions, so Inertia,
-Next, React Router, TanStack Router, or plain anchors stay app-owned.`]})]}),(0,F.jsx)(o,{title:`Consumer usage`,id:`usage`,children:(0,F.jsx)(t.pre,{children:(0,F.jsx)(t.code,{className:`language-tsx`,children:`import { AuthShell } from 'admin-ui-starter-kit/layout/auth';
+Next, React Router, TanStack Router, or plain anchors stay app-owned.`]})]}),(0,F.jsx)(i,{title:`Consumer usage`,id:`usage`,children:(0,F.jsx)(t.pre,{children:(0,F.jsx)(t.code,{className:`language-tsx`,children:`import { AuthShell } from 'admin-ui-starter-kit/layout/auth';
 import { AuthMethodSwitch } from 'admin-ui-starter-kit/layout/auth';
 import { Button } from 'admin-ui-starter-kit/base/buttons';
 import { FormField, Input, PasswordInput } from 'admin-ui-starter-kit/base/forms';
@@ -751,4 +751,4 @@ import { FormField, Input, PasswordInput } from 'admin-ui-starter-kit/base/forms
 		/>
 	</form>
 </AuthShell>
-`})})}),(0,F.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,F.jsx)(c,{name:`CenteredCardAuth`,description:`Centered login card with brand, alert banner, password form, forgot-password toggle, alternate strategy buttons behind a divider, footer, and framework-neutral links.`,source:Q,children:(0,F.jsx)(Ue,{})}),(0,F.jsx)(c,{name:`LocalizedPatternCardAuth`,description:`Localized card layout with a full-bleed top pattern, logo, language links, and policy links.`,source:Q,children:(0,F.jsx)(Z,{})}),(0,F.jsx)(c,{name:`ProviderMatrixAuth`,description:`Provider grid covering Google, GitHub, Microsoft, Apple, SSO, and a custom magic-link provider.`,source:Q,children:(0,F.jsx)(We,{})}),(0,F.jsx)(c,{name:`ResetPasswordAuth`,description:`Reset-password card with warning banner and two password reveal fields.`,source:Q,children:(0,F.jsx)(Ge,{})}),(0,F.jsx)(c,{name:`SplitAuthShell`,description:`Modern split auth page with a reusable card-style side panel, feature rows, and a stacked mobile panel.`,source:Q,children:(0,F.jsx)(Ke,{})}),(0,F.jsx)(c,{name:`RightSplitAuthShell`,description:`Right-side split panel with constrained form column and card-style panel surface.`,source:Q,children:(0,F.jsx)(qe,{})}),(0,F.jsx)(c,{name:`FrameworkLinkContract`,description:`Footer links rendered through the host app link adapter.`,source:Q,children:(0,F.jsx)(Je,{})})]}),(0,F.jsxs)(o,{title:`API`,id:`api`,children:[(0,F.jsx)(t.h4,{children:`AuthShell`}),(0,F.jsx)(C,{component:`AuthShell`}),(0,F.jsx)(t.h4,{children:`AuthCard`}),(0,F.jsx)(C,{component:`AuthCard`}),(0,F.jsx)(t.h4,{children:`AuthSplitPanel`}),(0,F.jsx)(C,{component:`AuthSplitPanel`}),(0,F.jsx)(t.h4,{children:`AuthFooterLinks`}),(0,F.jsx)(C,{component:`AuthFooterLinks`}),(0,F.jsx)(t.h4,{children:`AuthMethodSwitch`}),(0,F.jsx)(C,{component:`AuthMethodSwitch`}),(0,F.jsx)(t.h4,{children:`AuthSocialProviders`}),(0,F.jsx)(C,{component:`AuthSocialProviders`}),(0,F.jsx)(t.h4,{children:`AuthSocialProviderButton`}),(0,F.jsx)(C,{component:`AuthSocialProviderButton`})]})]})}function Xe(e={}){let{wrapper:t}=e.components||{};return t?(0,F.jsx)(t,{...e,children:(0,F.jsx)(Ye,{...e})}):Ye(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Xe as default};
+`})})}),(0,F.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,F.jsx)(l,{name:`CenteredCardAuth`,description:`Centered login card with brand, alert banner, password form, forgot-password toggle, alternate strategy buttons behind a divider, footer, and framework-neutral links.`,source:Q,children:(0,F.jsx)(Ue,{})}),(0,F.jsx)(l,{name:`LocalizedPatternCardAuth`,description:`Localized card layout with a full-bleed top pattern, logo, language links, and policy links.`,source:Q,children:(0,F.jsx)(Z,{})}),(0,F.jsx)(l,{name:`ProviderMatrixAuth`,description:`Provider grid covering Google, GitHub, Microsoft, Apple, SSO, and a custom magic-link provider.`,source:Q,children:(0,F.jsx)(We,{})}),(0,F.jsx)(l,{name:`ResetPasswordAuth`,description:`Reset-password card with warning banner and two password reveal fields.`,source:Q,children:(0,F.jsx)(Ge,{})}),(0,F.jsx)(l,{name:`SplitAuthShell`,description:`Modern split auth page with a reusable card-style side panel, feature rows, and a stacked mobile panel.`,source:Q,children:(0,F.jsx)(Ke,{})}),(0,F.jsx)(l,{name:`RightSplitAuthShell`,description:`Right-side split panel with constrained form column and card-style panel surface.`,source:Q,children:(0,F.jsx)(qe,{})}),(0,F.jsx)(l,{name:`FrameworkLinkContract`,description:`Footer links rendered through the host app link adapter.`,source:Q,children:(0,F.jsx)(Je,{})})]}),(0,F.jsxs)(i,{title:`API`,id:`api`,children:[(0,F.jsx)(t.h4,{children:`AuthShell`}),(0,F.jsx)(C,{component:`AuthShell`}),(0,F.jsx)(t.h4,{children:`AuthCard`}),(0,F.jsx)(C,{component:`AuthCard`}),(0,F.jsx)(t.h4,{children:`AuthSplitPanel`}),(0,F.jsx)(C,{component:`AuthSplitPanel`}),(0,F.jsx)(t.h4,{children:`AuthFooterLinks`}),(0,F.jsx)(C,{component:`AuthFooterLinks`}),(0,F.jsx)(t.h4,{children:`AuthMethodSwitch`}),(0,F.jsx)(C,{component:`AuthMethodSwitch`}),(0,F.jsx)(t.h4,{children:`AuthSocialProviders`}),(0,F.jsx)(C,{component:`AuthSocialProviders`}),(0,F.jsx)(t.h4,{children:`AuthSocialProviderButton`}),(0,F.jsx)(C,{component:`AuthSocialProviderButton`})]})]})}function Xe(e={}){let{wrapper:t}=e.components||{};return t?(0,F.jsx)(t,{...e,children:(0,F.jsx)(Ye,{...e})}):Ye(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Xe as default};

package/dist/showcase/assets/{layout-containers-v1jG_b7r.js → layout-containers-Dc3-IAgV.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i,yr as a}from"./example-BIrQab7K.js";import{n as o,s}from"./index-Cz4UGUT2.js";import{t as c}from"./smart-card-B4P_C0nk.js";import{t as l}from"./content-container-x2tsQKwH.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:n=`default`,className:r,...i}){return(0,u.jsx)(t,{className:o(d[n],r),...i,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)(a,{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 grid-cols-[repeat(auto-fit,minmax(min(12rem,100%),1fr))] gap-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)(a,{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 grid-cols-[repeat(auto-fit,minmax(min(12rem,100%),1fr))] gap-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{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,jr as i,t as a}from"./example-Cz_880po.js";import{n as o,s}from"./index-BQIv1ffM.js";import{t as c}from"./smart-card-Dhu_1A_u.js";import{t as l}from"./content-container-B83BnjFb.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:n=`default`,className:r,...i}){return(0,u.jsx)(t,{className:o(d[n],r),...i,children:e})}var p=e({BareContainer:()=>v,NarrowContainer:()=>g,SectionRhythm:()=>y,WideContainer:()=>_});function m({title:e,detail:t}){return(0,u.jsx)(c,{padding:`sm`,className:`border-dashed`,children:(0,u.jsxs)(`div`,{className:`space-y-1`,children:[(0,u.jsx)(r,{weight:`semibold`,children:e}),(0,u.jsx)(r,{size:`xs`,type:`secondary`,children:t})]})})}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)(r,{weight:`semibold`,children:`Narrow container`}),(0,u.jsx)(i,{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 grid-cols-[repeat(auto-fit,minmax(min(12rem,100%),1fr))] gap-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)(r,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wider`,children:e},e))}),[`Billing portal`,`Customer records`,`Sync monitor`].map((e,t)=>(0,u.jsxs)(`div`,{className:`grid grid-cols-4 px-3 py-2`,children:[(0,u.jsx)(r,{weight:`medium`,children:e}),(0,u.jsx)(r,{type:`secondary`,children:`Operations`}),(0,u.jsx)(i,{variant:t===2?`warning`:`success`,children:t===2?`Review`:`Healthy`}),(0,u.jsx)(r,{size:`xs`,type:`secondary`,children:`Today`})]},e))]})})}function y(){return(0,u.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(12rem,100%),1fr))] gap-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)(r,{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';
@@ -98,4 +98,4 @@ export function SectionRhythm() {
 		</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)(n,{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)(r,{title:`Examples`,id:`examples`,children:[(0,u.jsx)(i,{name:`NarrowContainer`,source:b,children:(0,u.jsx)(g,{})}),(0,u.jsx)(i,{name:`WideContainer`,source:b,children:(0,u.jsx)(_,{})}),(0,u.jsx)(i,{name:`BareContainer`,source:b,children:(0,u.jsx)(v,{})}),(0,u.jsx)(i,{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};
+`;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)(t,{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)(n,{title:`Examples`,id:`examples`,children:[(0,u.jsx)(a,{name:`NarrowContainer`,source:b,children:(0,u.jsx)(g,{})}),(0,u.jsx)(a,{name:`WideContainer`,source:b,children:(0,u.jsx)(_,{})}),(0,u.jsx)(a,{name:`BareContainer`,source:b,children:(0,u.jsx)(v,{})}),(0,u.jsx)(a,{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};

package/dist/showcase/assets/{layout-header-CqBf9wjY.js → layout-header-Cg6GfMST.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,r as i,t as a,yr as o}from"./example-BIrQab7K.js";import{t as s}from"./bell-Dt3Nz2y2.js";import{t as c}from"./circle-alert-ysbx8rsZ.js";import{t as l}from"./circle-check-TT7cFQrr.js";import{n as u,t as d}from"./header-notifications-3VH9lzzJ.js";import{r as f,t as p}from"./sidebar.context-BCb20eIt.js";import{t as m}from"./settings-BSRT_96A.js";import{s as h}from"./index-Cz4UGUT2.js";import{t as g}from"./smart-card-B4P_C0nk.js";import{t as _}from"./separator-BjGdXNcn.js";import{n as v,t as y}from"./header-B3FSlVv4.js";import{t as b}from"./page-header-CikNDnqI.js";var x=e({AppHeaderComposition:()=>E,CustomNotificationRenderer:()=>O,HeaderPartials:()=>D}),S=h(),C={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},w=[{id:`sync`,title:`Catalog sync completed`,description:`248 products updated across two markets.`,time:`2 min ago`,tone:`success`,href:`#/features/activities`,read:!1},{id:`risk`,title:`Payment risk changed`,description:`Three invoices moved to manual review.`,time:`18 min ago`,tone:`warning`,read:!1}];function T({href:e,children:t,className:n,target:r,rel:i}){return(0,S.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function E(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(p,{className:`min-h-0`,children:(0,S.jsx)(`div`,{className:`w-full overflow-hidden rounded-lg border border-border bg-background p-3`,children:(0,S.jsxs)(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background shadow-sm`,children:[(0,S.jsx)(y,{renderLink:T,breadcrumbs:[{label:`Operations`,href:`#/features/activities`},{label:`Orders`}],centerClassName:`w-[32rem] max-w-[40vw]`,slots:{center:(0,S.jsx)(u,{className:`w-full`,onOpen:()=>{}}),right:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,viewAllHref:`#/features/activities`,renderLink:T}),(0,S.jsx)(_,{orientation:`vertical`,className:`h-7`}),(0,S.jsx)(f,{user:C,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}}),(0,S.jsxs)(`div`,{className:`space-y-5 p-5`,children:[(0,S.jsx)(b,{title:`Pending orders`,description:`The sidebar controls navigation only; the app owns routing and page content.`,headingTag:`h3`,titleBadges:[{label:`8 pending`,variant:`warning`}]}),(0,S.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[[`Manual review`,`8`],[`Awaiting stock`,`12`],[`Ready to fulfill`,`36`]].map(([e,n,r])=>(0,S.jsxs)(g,{padding:`sm`,className:`shadow-sm`,children:[(0,S.jsx)(t,{size:`xs`,type:`secondary`,children:e}),(0,S.jsx)(t,{weight:`semibold`,children:n}),!!r&&(0,S.jsx)(t,{size:`xs`,type:`secondary`,children:r})]},e))})]})]})})})})}function D(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(p,{className:`min-h-0`,children:(0,S.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(t,{weight:`semibold`,className:`mb-3`,children:`Breadcrumbs`}),(0,S.jsx)(`div`,{className:`h-10 rounded-lg border border-border bg-background px-3`,children:(0,S.jsx)(v,{showSidebarTrigger:!0,homeBreadcrumb:{label:`Admin`,href:`#/admin`},renderLink:T,breadcrumbs:[{label:`Customers`,href:`#/customers`},{label:`Sarah Smitha`}]})})]}),(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(t,{weight:`semibold`,className:`mb-3`,children:`Search`}),(0,S.jsx)(u,{className:`w-full`,strings:{placeholder:`Search customers, invoices, comments...`}})]}),(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(t,{weight:`semibold`,className:`mb-3`,children:`Notifications`}),(0,S.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,renderLink:T}),(0,S.jsx)(o,{variant:`warning`,children:`Unread state`})]})]}),(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(t,{weight:`semibold`,className:`mb-3`,children:`Right action cluster`}),(0,S.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,renderLink:T}),(0,S.jsx)(f,{user:C,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})]})]})})})}function O(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 rounded-xl border border-border bg-background p-4 shadow-sm`,children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,renderNotification:e=>(0,S.jsxs)(`div`,{className:`flex items-start gap-3 rounded-md px-3 py-2`,children:[e.tone===`success`?(0,S.jsx)(l,{className:`mt-0.5 size-4 text-success`}):(0,S.jsx)(c,{className:`mt-0.5 size-4 text-warning`}),(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(t,{weight:`medium`,children:e.title}),(0,S.jsx)(t,{size:`xs`,type:`secondary`,children:e.description})]})]})}),(0,S.jsx)(i,{variant:`secondary`,icon:s,children:`Open bell`}),(0,S.jsx)(i,{variant:`secondary`,icon:m,children:`Settings`})]})})}var k=`import { Bell, CheckCircle2, CircleAlert, Settings } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,jr as i,r as a,t as o}from"./example-Cz_880po.js";import{t as s}from"./bell-C80n9VRl.js";import{t as c}from"./circle-alert-BW-Btwgh.js";import{t as l}from"./circle-check-1MSds3Vu.js";import{n as u,t as d}from"./header-notifications-CShSQ8kR.js";import{r as f,t as p}from"./sidebar.context-CRjgeYJL.js";import{t as m}from"./settings-DRmWJILI.js";import{s as h}from"./index-BQIv1ffM.js";import{t as g}from"./smart-card-Dhu_1A_u.js";import{t as _}from"./separator-BsYPzBlF.js";import{n as v,t as y}from"./header-BXjw7Lm_.js";import{t as b}from"./page-header-CkvCF1MQ.js";var x=e({AppHeaderComposition:()=>E,CustomNotificationRenderer:()=>O,HeaderPartials:()=>D}),S=h(),C={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},w=[{id:`sync`,title:`Catalog sync completed`,description:`248 products updated across two markets.`,time:`2 min ago`,tone:`success`,href:`#/features/activities`,read:!1},{id:`risk`,title:`Payment risk changed`,description:`Three invoices moved to manual review.`,time:`18 min ago`,tone:`warning`,read:!1}];function T({href:e,children:t,className:n,target:r,rel:i}){return(0,S.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function E(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(p,{className:`min-h-0`,children:(0,S.jsx)(`div`,{className:`w-full overflow-hidden rounded-lg border border-border bg-background p-3`,children:(0,S.jsxs)(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background shadow-sm`,children:[(0,S.jsx)(y,{renderLink:T,breadcrumbs:[{label:`Operations`,href:`#/features/activities`},{label:`Orders`}],centerClassName:`w-[32rem] max-w-[40vw]`,slots:{center:(0,S.jsx)(u,{className:`w-full`,onOpen:()=>{}}),right:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,viewAllHref:`#/features/activities`,renderLink:T}),(0,S.jsx)(_,{orientation:`vertical`,className:`h-7`}),(0,S.jsx)(f,{user:C,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}}),(0,S.jsxs)(`div`,{className:`space-y-5 p-5`,children:[(0,S.jsx)(b,{title:`Pending orders`,description:`The sidebar controls navigation only; the app owns routing and page content.`,headingTag:`h3`,titleBadges:[{label:`8 pending`,variant:`warning`}]}),(0,S.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[[`Manual review`,`8`],[`Awaiting stock`,`12`],[`Ready to fulfill`,`36`]].map(([e,t,n])=>(0,S.jsxs)(g,{padding:`sm`,className:`shadow-sm`,children:[(0,S.jsx)(r,{size:`xs`,type:`secondary`,children:e}),(0,S.jsx)(r,{weight:`semibold`,children:t}),!!n&&(0,S.jsx)(r,{size:`xs`,type:`secondary`,children:n})]},e))})]})]})})})})}function D(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(p,{className:`min-h-0`,children:(0,S.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(r,{weight:`semibold`,className:`mb-3`,children:`Breadcrumbs`}),(0,S.jsx)(`div`,{className:`h-10 rounded-lg border border-border bg-background px-3`,children:(0,S.jsx)(v,{showSidebarTrigger:!0,homeBreadcrumb:{label:`Admin`,href:`#/admin`},renderLink:T,breadcrumbs:[{label:`Customers`,href:`#/customers`},{label:`Sarah Smitha`}]})})]}),(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(r,{weight:`semibold`,className:`mb-3`,children:`Search`}),(0,S.jsx)(u,{className:`w-full`,strings:{placeholder:`Search customers, invoices, comments...`}})]}),(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(r,{weight:`semibold`,className:`mb-3`,children:`Notifications`}),(0,S.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,renderLink:T}),(0,S.jsx)(i,{variant:`warning`,children:`Unread state`})]})]}),(0,S.jsxs)(g,{padding:`sm`,children:[(0,S.jsx)(r,{weight:`semibold`,className:`mb-3`,children:`Right action cluster`}),(0,S.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,renderLink:T}),(0,S.jsx)(f,{user:C,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})]})]})})})}function O(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 rounded-xl border border-border bg-background p-4 shadow-sm`,children:[(0,S.jsx)(d,{notifications:w,unreadCount:2,renderNotification:e=>(0,S.jsxs)(`div`,{className:`flex items-start gap-3 rounded-md px-3 py-2`,children:[e.tone===`success`?(0,S.jsx)(l,{className:`mt-0.5 size-4 text-success`}):(0,S.jsx)(c,{className:`mt-0.5 size-4 text-warning`}),(0,S.jsxs)(`div`,{className:`min-w-0`,children:[(0,S.jsx)(r,{weight:`medium`,children:e.title}),(0,S.jsx)(r,{size:`xs`,type:`secondary`,children:e.description})]})]})}),(0,S.jsx)(a,{variant:`secondary`,icon:s,children:`Open bell`}),(0,S.jsx)(a,{variant:`secondary`,icon:m,children:`Settings`})]})})}var k=`import { Bell, CheckCircle2, CircleAlert, Settings } from 'lucide-react';
 import { Badge } from '@/components/base/badge';
 import { Button } from '@/components/base/buttons';
 import { Separator } from '@/components/base/display/separator';
@@ -167,4 +167,4 @@ export function CustomNotificationRenderer() {
 		</>
 	);
 }
-`;function A(e){return x||M(`Examples`,!1),E||M(`Examples.AppHeaderComposition`,!0),O||M(`Examples.CustomNotificationRenderer`,!0),D||M(`Examples.HeaderPartials`,!0),(0,S.jsx)(n,{title:`Layout · Header`,description:`Topbar, breadcrumbs, command search, notifications, and action slots in a realistic app-shell canvas.`,layer:`layout`,status:`ready`,children:(0,S.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(a,{name:`AppHeaderComposition`,source:k,children:(0,S.jsx)(E,{})}),(0,S.jsx)(a,{name:`HeaderPartials`,source:k,children:(0,S.jsx)(D,{})}),(0,S.jsx)(a,{name:`CustomNotificationRenderer`,source:k,children:(0,S.jsx)(O,{})})]})})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};
+`;function A(e){return x||M(`Examples`,!1),E||M(`Examples.AppHeaderComposition`,!0),O||M(`Examples.CustomNotificationRenderer`,!0),D||M(`Examples.HeaderPartials`,!0),(0,S.jsx)(t,{title:`Layout · Header`,description:`Topbar, breadcrumbs, command search, notifications, and action slots in a realistic app-shell canvas.`,layer:`layout`,status:`ready`,children:(0,S.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(o,{name:`AppHeaderComposition`,source:k,children:(0,S.jsx)(E,{})}),(0,S.jsx)(o,{name:`HeaderPartials`,source:k,children:(0,S.jsx)(D,{})}),(0,S.jsx)(o,{name:`CustomNotificationRenderer`,source:k,children:(0,S.jsx)(O,{})})]})})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/{layout-page-WJcljCac.js → layout-page-DojPq8S6.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./ellipsis-ntuo3ejh.js";import{t as u}from"./plus-DkHZm34I.js";import{t as d}from"./refresh-cw-DnxNcOMm.js";import{t as f}from"./trash-2-OsaEm8cc.js";import{k as p,n as m,s as h}from"./index-Cz4UGUT2.js";import{t as g}from"./page-action-button-DrHJKFbp.js";import{t as _}from"./smart-card-B4P_C0nk.js";import{a as v,s as y}from"./dropdown-menu-bPWrLPgm.js";import{t as b}from"./separator-BjGdXNcn.js";import{t as x}from"./action-menu-BOUHlGba.js";import{t as S}from"./use-layout-link-BK_oEoBg.js";import{t as C}from"./content-container-x2tsQKwH.js";import{t as w}from"./page-header-CikNDnqI.js";var T=h();function E({header:e,width:t=`narrow`,children:n,className:r,bodyClassName:i,renderLink:a,LinkComponent:o}){return(0,T.jsxs)(C,{width:t,className:r,children:[!!e&&(0,T.jsx)(w,{...e,renderLink:e.renderLink??a,LinkComponent:e.LinkComponent??o}),!!n&&(0,T.jsx)(`div`,{className:m(`relative block w-full`,i),children:n})]})}var D={sm:`max-w-screen-sm`,md:`max-w-screen-md`,lg:`max-w-screen-lg`,xl:`max-w-screen-xl`,"2xl":`max-w-screen-2xl`,full:`max-w-full`};function O({noPadding:e=!1,maxWidth:t,className:n,children:r,...i}){return(0,T.jsx)(`main`,{className:m(`flex-1`,!e&&`p-4 md:p-6`,t&&m(`mx-auto w-full`,D[t]),n),...i,children:r})}var k={menuLabel:`Page actions`},A=t(n(),1),j=e=>e===`destructive`?`error`:e===`primary`||e===`success`||e===`warning`?`primary`:`secondary`,M=`max-h-[80vh] overflow-y-auto overscroll-contain`,N=4;function P(e,t,n){if(e.visible===!1)return null;if(e.element)return(0,T.jsx)(`div`,{children:e.element},e.id??t.index);if(n)return n(e,t);let r=e.id??t.index,i=!!e.disabled||!!e.loading,a=e.icon,o=(0,T.jsxs)(g,{variant:j(e.variant),onClick:e.onClick,disabled:i,children:[!!a&&(0,T.jsx)(a,{className:`size-3.5`,"aria-hidden":`true`}),e.label]},r);return e.href&&!e.onClick?t.renderLink({href:e.href,children:o,className:`inline-flex`,target:e.target,rel:e.rel,external:e.external,disabled:i}):o}function F(e,t,n){let i=[],a=null;return e.forEach(({action:e,index:o})=>{let s={...t,index:o,isInline:!1},c=e.group??null,l=c!==a;if(i.length>0&&l&&i.push((0,T.jsx)(b,{className:`my-1`},`sep-${a??`root`}-${c??`root`}-${e.id??o}`)),l&&(a=c,c&&i.push((0,T.jsx)(`div`,{className:`px-2 pt-1`,children:(0,T.jsx)(r,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wider`,children:c})},`group-${c}-${e.id??o}`))),e.element){i.push((0,T.jsx)(`div`,{children:e.element},e.id??o));return}if(n){i.push((0,T.jsx)(`div`,{children:n(e,s)},e.id??o));return}let u=e.icon,d=!!e.disabled||!!e.loading,f=(0,T.jsxs)(T.Fragment,{children:[!!u&&(0,T.jsx)(u,{className:`size-3.5`,"aria-hidden":`true`}),typeof e.label==`string`?(0,T.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label}):e.label]}),p=m(`gap-1.5 px-2 py-1.5 text-xs`,e.variant===`destructive`&&`text-destructive focus-visible:text-destructive`);if(e.href&&!e.onClick&&!d){i.push((0,T.jsx)(y,{href:e.href,className:p,render:t=>s.renderLink({...t,href:e.href,children:t.children,target:e.target,rel:e.rel,external:e.external}),children:f},e.id??o));return}i.push((0,T.jsx)(v,{disabled:d,onClick:e.onClick,className:p,children:f},e.id??o))}),i}function I({actions:e,display:t=`dropdown`,breakpoint:n=1040,maxInlineActions:r=N,renderLink:i,LinkComponent:a,strings:o,className:s,inlineClassName:c,menuClassName:u,renderAction:d}){let f=p(k,o),h=S({renderLink:i,LinkComponent:a}),g=(0,A.useMemo)(()=>(e??[]).map((e,t)=>({action:e,index:t})).filter(({action:e})=>e.visible!==!1),[e]),[_,v]=(0,A.useState)(!1);if((0,A.useEffect)(()=>{if(t!==`auto`||typeof window>`u`)return;let e=()=>v(window.innerWidth<=n);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[t,n]),g.length===0)return null;let y={renderLink:h},b=m(`flex items-center gap-2`,c,s),C=m(M,u);if(t===`dropdown`||t===`auto`&&_)return(0,T.jsx)(x,{icon:l,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:C,children:F(g,y,d)});let w=Math.max(0,r),E=g.filter(({action:e})=>(e.placement??`auto`)!==`menu`),D=E.slice(0,w),O=[...E.slice(w),...g.filter(({action:e})=>(e.placement??`auto`)===`menu`)];return(0,T.jsxs)(`div`,{className:b,children:[D.map(e=>(0,T.jsx)(A.Fragment,{children:P(e.action,{...y,index:e.index,isInline:!0},d)},e.action.id??e.index)),O.length>0&&(0,T.jsx)(x,{icon:l,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:C,children:F(O,y,d)})]})}var L=e({ComposablePartials:()=>W,ProductionPageShell:()=>U}),R=[{id:`new`,label:`New customer`,icon:u,variant:`primary`,href:`#/customers/new`,placement:`inline`},{id:`sync`,label:`Sync records`,icon:d,group:`Data`,placement:`menu`},{id:`delete`,label:`Delete saved view`,icon:f,variant:`destructive`,group:`Danger`,placement:`menu`}],z=[{label:`Open invoices`,value:`24`,detail:`8 need manual review`},{label:`Active customers`,value:`1,284`,detail:`+4.8% this month`},{label:`Draft contracts`,value:`16`,detail:`3 waiting on finance`}];function B({href:e,children:t,className:n,target:r,rel:i}){return(0,T.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function V({children:e,height:t=560}){return(0,T.jsx)(`div`,{className:`layout-demo-viewport relative w-full overflow-hidden rounded-md border border-dashed border-border bg-background`,style:{height:t},children:e})}function H(){return(0,T.jsxs)(`div`,{className:`space-y-4`,children:[(0,T.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:z.map(e=>(0,T.jsx)(_,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:e.label}),(0,T.jsx)(r,{weight:`semibold`,children:e.value}),(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:e.detail})]})},e.label))}),(0,T.jsx)(_,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,T.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{weight:`semibold`,children:`Review queue`}),(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:`A compact body area that stays owned by the consuming app.`})]}),(0,T.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,T.jsx)(c,{variant:`warning`,children:`8 urgent`}),(0,T.jsx)(c,{variant:`info`,children:`12 assigned`}),(0,T.jsx)(o,{variant:`secondary`,children:`Open queue`})]})]})})]})}function U(){return(0,T.jsx)(V,{children:(0,T.jsx)(E,{width:`full`,renderLink:B,bodyClassName:`space-y-4`,header:{title:`Customers`,description:`Manage accounts, contacts, lifecycle state, and billing risk from one focused workspace.`,headingTag:`h2`,backHref:`#/base/navigation`,titleBadges:[{label:`Live`,variant:`success`}],actions:(0,T.jsx)(I,{actions:R,display:`auto`,renderLink:B}),actionsClassName:`pt-1`},children:(0,T.jsx)(H,{})})})}function W(){return(0,T.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[1.3fr_0.7fr]`,children:[(0,T.jsx)(`div`,{className:`rounded-md border border-border bg-background p-5`,children:(0,T.jsx)(w,{title:`Invoice review`,description:`Use PageHeader directly when an app already owns the surrounding shell.`,headingTag:`h4`,titleBadges:[{label:`42 queued`,variant:`info`},{label:`3 overdue`,variant:`warning`}],actions:(0,T.jsx)(I,{actions:R,display:`flat`,renderLink:B}),renderLink:B})}),(0,T.jsx)(O,{maxWidth:`full`,className:`rounded-md border border-border bg-background p-5`,children:(0,T.jsxs)(`div`,{className:`space-y-2`,children:[(0,T.jsx)(r,{weight:`semibold`,children:`Standalone main region`}),(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:`PageContent supplies body padding and width clamps when Header and Sidebar are composed manually.`}),(0,T.jsx)(o,{variant:`secondary`,children:`Open content`})]})})]})}var G=`import type { ReactNode } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./ellipsis-DsrebD1Y.js";import{t as u}from"./plus-D5swsZCz.js";import{t as d}from"./refresh-cw-UdL93poQ.js";import{t as f}from"./trash-2-CE9bDw49.js";import{k as p,n as m,s as h}from"./index-BQIv1ffM.js";import{t as g}from"./page-action-button-Cn5j2_EP.js";import{t as _}from"./smart-card-Dhu_1A_u.js";import{a as v,s as y}from"./dropdown-menu-Cto8-yDW.js";import{t as b}from"./separator-BsYPzBlF.js";import{t as x}from"./action-menu-CMUF6gPp.js";import{t as S}from"./use-layout-link-BQ6Y9z__.js";import{t as C}from"./content-container-B83BnjFb.js";import{t as w}from"./page-header-CkvCF1MQ.js";var T=h();function E({header:e,width:t=`narrow`,children:n,className:r,bodyClassName:i,renderLink:a,LinkComponent:o}){return(0,T.jsxs)(C,{width:t,className:r,children:[!!e&&(0,T.jsx)(w,{...e,renderLink:e.renderLink??a,LinkComponent:e.LinkComponent??o}),!!n&&(0,T.jsx)(`div`,{className:m(`relative block w-full`,i),children:n})]})}var D={sm:`max-w-screen-sm`,md:`max-w-screen-md`,lg:`max-w-screen-lg`,xl:`max-w-screen-xl`,"2xl":`max-w-screen-2xl`,full:`max-w-full`};function O({noPadding:e=!1,maxWidth:t,className:n,children:r,...i}){return(0,T.jsx)(`main`,{className:m(`flex-1`,!e&&`p-4 md:p-6`,t&&m(`mx-auto w-full`,D[t]),n),...i,children:r})}var k={menuLabel:`Page actions`},A=t(n(),1),j=e=>e===`destructive`?`error`:e===`primary`||e===`success`||e===`warning`?`primary`:`secondary`,M=`max-h-[80vh] overflow-y-auto overscroll-contain`,N=4;function P(e,t,n){if(e.visible===!1)return null;if(e.element)return(0,T.jsx)(`div`,{children:e.element},e.id??t.index);if(n)return n(e,t);let r=e.id??t.index,i=!!e.disabled||!!e.loading,a=e.icon,o=(0,T.jsxs)(g,{variant:j(e.variant),onClick:e.onClick,disabled:i,children:[!!a&&(0,T.jsx)(a,{className:`size-3.5`,"aria-hidden":`true`}),e.label]},r);return e.href&&!e.onClick?t.renderLink({href:e.href,children:o,className:`inline-flex`,target:e.target,rel:e.rel,external:e.external,disabled:i}):o}function F(e,t,n){let r=[],i=null;return e.forEach(({action:e,index:o})=>{let s={...t,index:o,isInline:!1},c=e.group??null,l=c!==i;if(r.length>0&&l&&r.push((0,T.jsx)(b,{className:`my-1`},`sep-${i??`root`}-${c??`root`}-${e.id??o}`)),l&&(i=c,c&&r.push((0,T.jsx)(`div`,{className:`px-2 pt-1`,children:(0,T.jsx)(a,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wider`,children:c})},`group-${c}-${e.id??o}`))),e.element){r.push((0,T.jsx)(`div`,{children:e.element},e.id??o));return}if(n){r.push((0,T.jsx)(`div`,{children:n(e,s)},e.id??o));return}let u=e.icon,d=!!e.disabled||!!e.loading,f=(0,T.jsxs)(T.Fragment,{children:[!!u&&(0,T.jsx)(u,{className:`size-3.5`,"aria-hidden":`true`}),typeof e.label==`string`?(0,T.jsx)(a,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label}):e.label]}),p=m(`gap-1.5 px-2 py-1.5 text-xs`,e.variant===`destructive`&&`text-destructive focus-visible:text-destructive`);if(e.href&&!e.onClick&&!d){r.push((0,T.jsx)(y,{href:e.href,className:p,render:t=>s.renderLink({...t,href:e.href,children:t.children,target:e.target,rel:e.rel,external:e.external}),children:f},e.id??o));return}r.push((0,T.jsx)(v,{disabled:d,onClick:e.onClick,className:p,children:f},e.id??o))}),r}function I({actions:e,display:t=`dropdown`,breakpoint:n=1040,maxInlineActions:r=N,renderLink:i,LinkComponent:a,strings:o,className:s,inlineClassName:c,menuClassName:u,renderAction:d}){let f=p(k,o),h=S({renderLink:i,LinkComponent:a}),g=(0,A.useMemo)(()=>(e??[]).map((e,t)=>({action:e,index:t})).filter(({action:e})=>e.visible!==!1),[e]),[_,v]=(0,A.useState)(!1);if((0,A.useEffect)(()=>{if(t!==`auto`||typeof window>`u`)return;let e=()=>v(window.innerWidth<=n);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[t,n]),g.length===0)return null;let y={renderLink:h},b=m(`flex items-center gap-2`,c,s),C=m(M,u);if(t===`dropdown`||t===`auto`&&_)return(0,T.jsx)(x,{icon:l,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:C,children:F(g,y,d)});let w=Math.max(0,r),E=g.filter(({action:e})=>(e.placement??`auto`)!==`menu`),D=E.slice(0,w),O=[...E.slice(w),...g.filter(({action:e})=>(e.placement??`auto`)===`menu`)];return(0,T.jsxs)(`div`,{className:b,children:[D.map(e=>(0,T.jsx)(A.Fragment,{children:P(e.action,{...y,index:e.index,isInline:!0},d)},e.action.id??e.index)),O.length>0&&(0,T.jsx)(x,{icon:l,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:C,children:F(O,y,d)})]})}var L=e({ComposablePartials:()=>W,ProductionPageShell:()=>U}),R=[{id:`new`,label:`New customer`,icon:u,variant:`primary`,href:`#/customers/new`,placement:`inline`},{id:`sync`,label:`Sync records`,icon:d,group:`Data`,placement:`menu`},{id:`delete`,label:`Delete saved view`,icon:f,variant:`destructive`,group:`Danger`,placement:`menu`}],z=[{label:`Open invoices`,value:`24`,detail:`8 need manual review`},{label:`Active customers`,value:`1,284`,detail:`+4.8% this month`},{label:`Draft contracts`,value:`16`,detail:`3 waiting on finance`}];function B({href:e,children:t,className:n,target:r,rel:i}){return(0,T.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function V({children:e,height:t=560}){return(0,T.jsx)(`div`,{className:`layout-demo-viewport relative w-full overflow-hidden rounded-md border border-dashed border-border bg-background`,style:{height:t},children:e})}function H(){return(0,T.jsxs)(`div`,{className:`space-y-4`,children:[(0,T.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:z.map(e=>(0,T.jsx)(_,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(a,{size:`xs`,type:`secondary`,children:e.label}),(0,T.jsx)(a,{weight:`semibold`,children:e.value}),(0,T.jsx)(a,{size:`xs`,type:`secondary`,children:e.detail})]})},e.label))}),(0,T.jsx)(_,{padding:`sm`,className:`border-border/80 shadow-sm`,children:(0,T.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(a,{weight:`semibold`,children:`Review queue`}),(0,T.jsx)(a,{size:`xs`,type:`secondary`,children:`A compact body area that stays owned by the consuming app.`})]}),(0,T.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,T.jsx)(o,{variant:`warning`,children:`8 urgent`}),(0,T.jsx)(o,{variant:`info`,children:`12 assigned`}),(0,T.jsx)(s,{variant:`secondary`,children:`Open queue`})]})]})})]})}function U(){return(0,T.jsx)(V,{children:(0,T.jsx)(E,{width:`full`,renderLink:B,bodyClassName:`space-y-4`,header:{title:`Customers`,description:`Manage accounts, contacts, lifecycle state, and billing risk from one focused workspace.`,headingTag:`h2`,backHref:`#/base/navigation`,titleBadges:[{label:`Live`,variant:`success`}],actions:(0,T.jsx)(I,{actions:R,display:`auto`,renderLink:B}),actionsClassName:`pt-1`},children:(0,T.jsx)(H,{})})})}function W(){return(0,T.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[1.3fr_0.7fr]`,children:[(0,T.jsx)(`div`,{className:`rounded-md border border-border bg-background p-5`,children:(0,T.jsx)(w,{title:`Invoice review`,description:`Use PageHeader directly when an app already owns the surrounding shell.`,headingTag:`h4`,titleBadges:[{label:`42 queued`,variant:`info`},{label:`3 overdue`,variant:`warning`}],actions:(0,T.jsx)(I,{actions:R,display:`flat`,renderLink:B}),renderLink:B})}),(0,T.jsx)(O,{maxWidth:`full`,className:`rounded-md border border-border bg-background p-5`,children:(0,T.jsxs)(`div`,{className:`space-y-2`,children:[(0,T.jsx)(a,{weight:`semibold`,children:`Standalone main region`}),(0,T.jsx)(a,{size:`xs`,type:`secondary`,children:`PageContent supplies body padding and width clamps when Header and Sidebar are composed manually.`}),(0,T.jsx)(s,{variant:`secondary`,children:`Open content`})]})})]})}var G=`import type { ReactNode } from 'react';
 import { Plus, RefreshCw, Trash2 } from 'lucide-react';
 import { Badge } from '@/components/base/badge';
 import { Button } from '@/components/base/buttons';
@@ -119,4 +119,4 @@ export function ComposablePartials() {
 		</div>
 	);
 }
-`;function K(e){return L||J(`Examples`,!1),W||J(`Examples.ComposablePartials`,!0),U||J(`Examples.ProductionPageShell`,!0),(0,T.jsx)(i,{title:`Layout · Page`,description:`Page shell, header partials, actions, and content regions with framework-neutral links.`,layer:`layout`,status:`ready`,children:(0,T.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(s,{name:`ProductionPageShell`,source:G,children:(0,T.jsx)(U,{})}),(0,T.jsx)(s,{name:`ComposablePartials`,source:G,children:(0,T.jsx)(W,{})})]})})}function q(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(K,{...e})}):K(e)}function J(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{q as default};
+`;function K(e){return L||J(`Examples`,!1),W||J(`Examples.ComposablePartials`,!0),U||J(`Examples.ProductionPageShell`,!0),(0,T.jsx)(r,{title:`Layout · Page`,description:`Page shell, header partials, actions, and content regions with framework-neutral links.`,layer:`layout`,status:`ready`,children:(0,T.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(c,{name:`ProductionPageShell`,source:G,children:(0,T.jsx)(U,{})}),(0,T.jsx)(c,{name:`ComposablePartials`,source:G,children:(0,T.jsx)(W,{})})]})})}function q(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(K,{...e})}):K(e)}function J(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{q as default};

package/dist/showcase/assets/layout-primitives-JBSQS72B.js

@@ -0,0 +1,34 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,t as a}from"./example-Cz_880po.js";import{n as o,s}from"./index-BQIv1ffM.js";var c=s();function l({ratio:e,className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`aspect-ratio`,style:{"--ratio":e},className:o(`relative aspect-(--ratio)`,t),...n})}var u=t(n(),1);function d(e,t){let n=getComputedStyle(e);return t*parseFloat(n.fontSize)}function f(e,t){let n=getComputedStyle(e.ownerDocument.documentElement);return t*parseFloat(n.fontSize)}function p(e){return e/100*window.innerHeight}function m(e){return e/100*window.innerWidth}function h(e){switch(typeof e){case`number`:return[e,`px`];case`string`:{let t=parseFloat(e);return e.endsWith(`%`)?[t,`%`]:e.endsWith(`px`)?[t,`px`]:e.endsWith(`rem`)?[t,`rem`]:e.endsWith(`em`)?[t,`em`]:e.endsWith(`vh`)?[t,`vh`]:e.endsWith(`vw`)?[t,`vw`]:[t,`%`]}}}function g({groupSize:e,panelElement:t,styleProp:n}){let r,[i,a]=h(n);switch(a){case`%`:r=i/100*e;break;case`px`:r=i;break;case`rem`:r=f(t,i);break;case`em`:r=d(t,i);break;case`vh`:r=p(i);break;case`vw`:r=m(i);break}return r}function _(e){return parseFloat(e.toFixed(3))}function v({group:e}){let{orientation:t,panels:n}=e;return n.reduce((e,n)=>(e+=t===`horizontal`?n.element.offsetWidth:n.element.offsetHeight,e),0)}function y(e){let{panels:t}=e,n=v({group:e});return n===0?t.map(e=>({groupResizeBehavior:e.panelConstraints.groupResizeBehavior,collapsedSize:0,collapsible:e.panelConstraints.collapsible===!0,defaultSize:void 0,disabled:e.panelConstraints.disabled,minSize:0,maxSize:100,panelId:e.id})):t.map(e=>{let{element:t,panelConstraints:r}=e,i=0;r.collapsedSize!==void 0&&(i=_(g({groupSize:n,panelElement:t,styleProp:r.collapsedSize})/n*100));let a;r.defaultSize!==void 0&&(a=_(g({groupSize:n,panelElement:t,styleProp:r.defaultSize})/n*100));let o=0;r.minSize!==void 0&&(o=_(g({groupSize:n,panelElement:t,styleProp:r.minSize})/n*100));let s=100;return r.maxSize!==void 0&&(s=_(g({groupSize:n,panelElement:t,styleProp:r.maxSize})/n*100)),{groupResizeBehavior:r.groupResizeBehavior,collapsedSize:i,collapsible:r.collapsible===!0,defaultSize:a,disabled:r.disabled,minSize:o,maxSize:s,panelId:e.id}})}function b(e,t=`Assertion error`){if(!e)throw Error(t)}function x(e,t){return Array.from(t).sort(e===`horizontal`?S:C)}function S(e,t){let n=e.element.offsetLeft-t.element.offsetLeft;return n===0?e.element.offsetWidth-t.element.offsetWidth:n}function C(e,t){let n=e.element.offsetTop-t.element.offsetTop;return n===0?e.element.offsetHeight-t.element.offsetHeight:n}function w(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===Node.ELEMENT_NODE}function T(e,t){return{x:e.x>=t.left&&e.x<=t.right?0:Math.min(Math.abs(e.x-t.left),Math.abs(e.x-t.right)),y:e.y>=t.top&&e.y<=t.bottom?0:Math.min(Math.abs(e.y-t.top),Math.abs(e.y-t.bottom))}}function E({orientation:e,rects:t,targetRect:n}){let r={x:n.x+n.width/2,y:n.y+n.height/2},i,a=Number.MAX_VALUE;for(let n of t){let{x:t,y:o}=T(r,n),s=e===`horizontal`?t:o;s<a&&(a=s,i=n)}return b(i,`No rect found`),i}var D;function O(){return D===void 0&&(D=typeof matchMedia==`function`?!!matchMedia(`(pointer:coarse)`).matches:!1),D}function k(e){let{element:t,orientation:n,panels:r,separators:i}=e,a=x(n,Array.from(t.children).filter(w).map(e=>({element:e}))).map(({element:e})=>e),o=[],s=!1,c=!1,l=-1,u=-1,d=0,f,p=[];{let e=-1;for(let t of a)t.hasAttribute(`data-panel`)&&(e++,t.hasAttribute(`data-disabled`)||(d++,l===-1&&(l=e),u=e))}if(d>1){let t=-1;for(let d of a)if(d.hasAttribute(`data-panel`)){t++;let i=r.find(e=>e.element===d);if(i){if(f){let r=f.element.getBoundingClientRect(),a=d.getBoundingClientRect(),m;if(c){let e=n===`horizontal`?new DOMRect(r.right,r.top,0,r.height):new DOMRect(r.left,r.bottom,r.width,0),t=n===`horizontal`?new DOMRect(a.left,a.top,0,a.height):new DOMRect(a.left,a.top,a.width,0);switch(p.length){case 0:m=[e,t];break;case 1:{let i=p[0];m=[i,E({orientation:n,rects:[r,a],targetRect:i.element.getBoundingClientRect()})===r?t:e];break}default:m=p;break}}else m=p.length?p:[n===`horizontal`?new DOMRect(r.right,a.top,a.left-r.right,a.height):new DOMRect(a.left,r.bottom,a.width,a.top-r.bottom)];for(let n of m){let r=`width`in n?n:n.element.getBoundingClientRect(),a=O()?e.resizeTargetMinimumSize.coarse:e.resizeTargetMinimumSize.fine;if(r.width<a){let e=a-r.width;r=new DOMRect(r.x-e/2,r.y,r.width+e,r.height)}if(r.height<a){let e=a-r.height;r=new DOMRect(r.x,r.y-e/2,r.width,r.height+e)}!s&&!(t<=l||t>u)&&o.push({group:e,groupSize:v({group:e}),panels:[f,i],separator:`width`in n?void 0:n,rect:r}),s=!1}}c=!1,f=i,p=[]}}else if(d.hasAttribute(`data-separator`)){d.ariaDisabled!==null&&(s=!0);let e=i.find(e=>e.element===d);e?p.push(e):(f=void 0,p=[])}else c=!0}return o}var A=class{#e={};addListener(e,t){let n=this.#e[e];return n===void 0?this.#e[e]=[t]:n.includes(t)||n.push(t),()=>{this.removeListener(e,t)}}emit(e,t){let n=this.#e[e];if(n!==void 0)if(n.length===1)n[0].call(null,t);else{let e=!1,r=null,i=Array.from(n);for(let n=0;n<i.length;n++){let a=i[n];try{a.call(null,t)}catch(t){r===null&&(e=!0,r=t)}}if(e)throw r}}removeAllListeners(){this.#e={}}removeListener(e,t){let n=this.#e[e];if(n!==void 0){let e=n.indexOf(t);e>=0&&n.splice(e,1)}}},j=new Map,ee=new A;function te(e){j=new Map(j),j.delete(e)}function ne(e,t){for(let[t]of j)if(t.id===e)return t}function M(e,t){for(let[t,n]of j)if(t.id===e)return n;if(t)throw Error(`Could not find data for Group with id ${e}`)}function N(){return j}function P(e,t){return ee.addListener(`groupChange`,n=>{n.group.id===e&&t(n)})}function F(e,t){let n=j.get(e);j=new Map(j),j.set(e,t),ee.emit(`groupChange`,{group:e,prev:n,next:t})}function re(e,t,n){let r,i={x:1/0,y:1/0};for(let a of t){let t=T(n,a.rect);switch(e){case`horizontal`:t.x<=i.x&&(r=a,i=t);break;case`vertical`:t.y<=i.y&&(r=a,i=t);break}}return r?{distance:i,hitRegion:r}:void 0}function ie(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE}function ae(e,t){if(e===t)throw Error(`Cannot compare node with itself`);let n={a:de(e),b:de(t)},r;for(;n.a.at(-1)===n.b.at(-1);)r=n.a.pop(),n.b.pop();b(r,`Stacking order can only be calculated for elements with a common ancestor`);let i={a:ue(le(n.a)),b:ue(le(n.b))};if(i.a===i.b){let e=r.childNodes,t={a:n.a.at(-1),b:n.b.at(-1)},i=e.length;for(;i--;){let n=e[i];if(n===t.a)return 1;if(n===t.b)return-1}}return Math.sign(i.a-i.b)}var oe=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function se(e){let t=getComputedStyle(fe(e)??e).display;return t===`flex`||t===`inline-flex`}function ce(e){let t=getComputedStyle(e);return!!(t.position===`fixed`||t.zIndex!==`auto`&&(t.position!==`static`||se(e))||+t.opacity<1||`transform`in t&&t.transform!==`none`||`webkitTransform`in t&&t.webkitTransform!==`none`||`mixBlendMode`in t&&t.mixBlendMode!==`normal`||`filter`in t&&t.filter!==`none`||`webkitFilter`in t&&t.webkitFilter!==`none`||`isolation`in t&&t.isolation===`isolate`||oe.test(t.willChange)||t.webkitOverflowScrolling===`touch`)}function le(e){let t=e.length;for(;t--;){let n=e[t];if(b(n,`Missing node`),ce(n))return n}return null}function ue(e){return e&&Number(getComputedStyle(e).zIndex)||0}function de(e){let t=[];for(;e;)t.push(e),e=fe(e);return t}function fe(e){let{parentNode:t}=e;return ie(t)?t.host:t}function pe(e,t){return e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y}function me({groupElement:e,hitRegion:t,pointerEventTarget:n}){if(!w(n)||n.contains(e)||e.contains(n))return!0;if(ae(n,e)>0){let r=n;for(;r;){if(r.contains(e))return!0;if(pe(r.getBoundingClientRect(),t))return!1;r=r.parentElement}}return!0}function he(e,t){let n=[];return t.forEach((t,r)=>{if(r.disabled)return;let i=k(r),a=re(r.orientation,i,{x:e.clientX,y:e.clientY});a&&a.distance.x<=0&&a.distance.y<=0&&me({groupElement:r.element,hitRegion:a.hitRegion.rect,pointerEventTarget:e.target})&&n.push(a.hitRegion)}),n}function ge(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!=t[n])return!1;return!0}function I(e,t,n=0){return Math.abs(_(e)-_(t))<=n}function L(e,t){return I(e,t)?0:e>t?1:-1}function R({overrideDisabledPanels:e,panelConstraints:t,prevSize:n,size:r}){let{collapsedSize:i=0,collapsible:a,disabled:o,maxSize:s=100,minSize:c=0}=t;if(o&&!e)return n;if(L(r,c)<0)if(a){let e=(i+c)/2;r=L(r,e)<0?i:c}else r=c;return r=Math.min(s,r),r=_(r),r}function z({delta:e,initialLayout:t,panelConstraints:n,pivotIndices:r,prevLayout:i,trigger:a}){if(I(e,0))return t;let o=a===`imperative-api`,s=Object.values(t),c=Object.values(i),l=[...s],[u,d]=r;b(u!=null,`Invalid first pivot index`),b(d!=null,`Invalid second pivot index`);let f=0;switch(a){case`keyboard`:{let t=e<0?d:u,r=n[t];b(r,`Panel constraints not found for index ${t}`);let{collapsedSize:i=0,collapsible:a,minSize:o=0}=r;if(a){let n=s[t];if(b(n!=null,`Previous layout not found for panel index ${t}`),I(n,i)){let t=o-n;L(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}{let t=e<0?u:d,r=n[t];b(r,`No panel constraints found for index ${t}`);let{collapsedSize:i=0,collapsible:a,minSize:o=0}=r;if(a){let n=s[t];if(b(n!=null,`Previous layout not found for panel index ${t}`),I(n,o)){let t=n-i;L(t,Math.abs(e))>0&&(e=e<0?0-t:t)}}}break;default:{let t=e<0?d:u,r=n[t];b(r,`Panel constraints not found for index ${t}`);let i=s[t],{collapsible:a,collapsedSize:o,minSize:c}=r;if(a&&L(i,c)<0)if(e>0){let t=c-o,n=t/2;L(i+e,c)<0&&(e=L(e,n)<=0?0:t)}else{let t=c-o,n=100-t/2;L(i-e,c)<0&&(e=L(100+e,n)>0?0:-t)}break}}{let t=e<0?1:-1,r=e<0?d:u,i=0;for(;;){let e=s[r];b(e!=null,`Previous layout not found for panel index ${r}`);let a=R({overrideDisabledPanels:o,panelConstraints:n[r],prevSize:e,size:100})-e;if(i+=a,r+=t,r<0||r>=n.length)break}let a=Math.min(Math.abs(e),Math.abs(i));e=e<0?0-a:a}{let t=e<0?u:d;for(;t>=0&&t<n.length;){let r=Math.abs(e)-Math.abs(f),i=s[t];b(i!=null,`Previous layout not found for panel index ${t}`);let a=i-r,c=R({overrideDisabledPanels:o,panelConstraints:n[t],prevSize:i,size:a});if(!I(i,c)&&(f+=i-c,l[t]=c,f.toFixed(3).localeCompare(Math.abs(e).toFixed(3),void 0,{numeric:!0})>=0))break;e<0?t--:t++}}if(ge(c,l))return i;{let t=e<0?d:u,r=s[t];b(r!=null,`Previous layout not found for panel index ${t}`);let i=r+f,a=R({overrideDisabledPanels:o,panelConstraints:n[t],prevSize:r,size:i});if(l[t]=a,!I(a,i)){let t=i-a,r=e<0?d:u;for(;r>=0&&r<n.length;){let i=l[r];b(i!=null,`Previous layout not found for panel index ${r}`);let a=i+t,s=R({overrideDisabledPanels:o,panelConstraints:n[r],prevSize:i,size:a});if(I(i,s)||(t-=s-i,l[r]=s),I(t,0))break;e>0?r--:r++}}}if(!I(Object.values(l).reduce((e,t)=>t+e,0),100,.1))return i;let p=Object.keys(i);return l.reduce((e,t,n)=>(e[p[n]]=t,e),{})}function B(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(t[n]===void 0||L(e[n],t[n])!==0)return!1;return!0}function V({layout:e,panelConstraints:t}){let n=Object.values(e),r=[...n],i=r.reduce((e,t)=>e+t,0);if(r.length!==t.length)throw Error(`Invalid ${t.length} panel layout: ${r.map(e=>`${e}%`).join(`, `)}`);if(!I(i,100)&&r.length>0)for(let e=0;e<t.length;e++){let t=r[e];b(t!=null,`No layout data found for index ${e}`),r[e]=100/i*t}let a=0;for(let e=0;e<t.length;e++){let i=n[e];b(i!=null,`No layout data found for index ${e}`);let o=r[e];b(o!=null,`No layout data found for index ${e}`);let s=R({overrideDisabledPanels:!0,panelConstraints:t[e],prevSize:i,size:o});o!=s&&(a+=o-s,r[e]=s)}if(!I(a,0))for(let e=0;e<t.length;e++){let n=r[e];b(n!=null,`No layout data found for index ${e}`);let i=n+a,o=R({overrideDisabledPanels:!0,panelConstraints:t[e],prevSize:n,size:i});if(n!==o&&(a-=o-n,r[e]=o,I(a,0)))break}let o=Object.keys(e);return r.reduce((e,t,n)=>(e[o[n]]=t,e),{})}function _e({groupId:e,panelId:t}){let n=()=>{let t=N();for(let[n,{defaultLayoutDeferred:r,derivedPanelConstraints:i,layout:a,groupSize:o,separatorToPanels:s}]of t)if(n.id===e)return{defaultLayoutDeferred:r,derivedPanelConstraints:i,group:n,groupSize:o,layout:a,separatorToPanels:s};throw Error(`Group ${e} not found`)},r=()=>{let e=n().derivedPanelConstraints.find(e=>e.panelId===t);if(e!==void 0)return e;throw Error(`Panel constraints not found for Panel ${t}`)},i=()=>{let e=n().group.panels.find(e=>e.id===t);if(e!==void 0)return e;throw Error(`Layout not found for Panel ${t}`)},a=()=>{let e=n().layout[t];if(e!==void 0)return e;throw Error(`Layout not found for Panel ${t}`)},o=({nextSize:e,panels:n,prevLayout:r,derivedPanelConstraints:i})=>{let o=a(),s=n.findIndex(e=>e.id===t),c=s===0,l=s===n.length-1;if(l&&e<o&&(c||n.slice(0,s).every((e,t)=>{let n=i[t];return n?.collapsible&&I(n.collapsedSize,r[n.panelId])}))){let e=n.slice(0,s).reduce((e,t)=>e+r[t.id],0);return{...r,[t]:_(100-e)}}return z({delta:l?o-e:e-o,initialLayout:r,panelConstraints:i,pivotIndices:l?[s-1,s]:[s,s+1],prevLayout:r,trigger:`imperative-api`})},s=e=>{if(e===a())return;let{defaultLayoutDeferred:t,derivedPanelConstraints:r,group:i,groupSize:s,layout:c,separatorToPanels:l}=n(),u=V({layout:o({nextSize:e,panels:i.panels,prevLayout:c,derivedPanelConstraints:r}),panelConstraints:r});B(c,u)||F(i,{defaultLayoutDeferred:t,derivedPanelConstraints:r,groupSize:s,layout:u,separatorToPanels:l})};return{collapse:()=>{let{collapsible:e,collapsedSize:t}=r(),{mutableValues:n}=i(),o=a();e&&o!==t&&(n.expandToSize=o,s(t))},expand:()=>{let{collapsible:e,collapsedSize:t,minSize:n}=r(),{mutableValues:o}=i(),c=a();if(e&&c===t){let e=o.expandToSize??n;e===0&&(e=1),s(e)}},getSize:()=>{let{group:e}=n(),t=a(),{element:r}=i();return{asPercentage:t,inPixels:e.orientation===`horizontal`?r.offsetWidth:r.offsetHeight}},isCollapsed:()=>{let{collapsible:e,collapsedSize:t}=r(),n=a();return e&&I(t,n)},resize:e=>{let{group:t}=n(),{element:r}=i(),a=v({group:t});s(_(g({groupSize:a,panelElement:r,styleProp:e})/a*100))}}}function ve(e){e.defaultPrevented||he(e,N()).forEach(t=>{if(t.separator&&!t.separator.disableDoubleClick){let n=t.panels.find(e=>e.panelConstraints.defaultSize!==void 0);if(n){let r=n.panelConstraints.defaultSize,i=_e({groupId:t.group.id,panelId:n.id});i&&r!==void 0&&(i.resize(r),e.preventDefault())}}})}function H(e){let t=N();for(let[n]of t)if(n.separators.some(t=>t.element===e))return n;throw Error(`Could not find parent Group for separator element`)}function ye({groupId:e}){let t=()=>{let t=N();for(let[n,r]of t)if(n.id===e)return{group:n,...r};throw Error(`Could not find Group with id "${e}"`)};return{getLayout(){let{defaultLayoutDeferred:e,layout:n}=t();return e?{}:n},setLayout(e){let{defaultLayoutDeferred:n,derivedPanelConstraints:r,group:i,groupSize:a,layout:o,separatorToPanels:s}=t(),c=V({layout:e,panelConstraints:r});return n?o:(B(o,c)||F(i,{defaultLayoutDeferred:n,derivedPanelConstraints:r,groupSize:a,layout:c,separatorToPanels:s}),c)}}}function U(e,t){let n=H(e),r=M(n.id,!0),i=n.separators.find(t=>t.element===e);b(i,`Matching separator not found`);let a=r.separatorToPanels.get(i);b(a,`Matching panels not found`);let o=a.map(e=>n.panels.indexOf(e)),s=ye({groupId:n.id}).getLayout(),c=V({layout:z({delta:t,initialLayout:s,panelConstraints:r.derivedPanelConstraints,pivotIndices:o,prevLayout:s,trigger:`keyboard`}),panelConstraints:r.derivedPanelConstraints});B(s,c)||F(n,{defaultLayoutDeferred:r.defaultLayoutDeferred,derivedPanelConstraints:r.derivedPanelConstraints,groupSize:r.groupSize,layout:c,separatorToPanels:r.separatorToPanels})}function be(e){if(e.defaultPrevented)return;let t=e.currentTarget,n=H(t);if(!n.disabled)switch(e.key){case`ArrowDown`:e.preventDefault(),n.orientation===`vertical`&&U(t,5);break;case`ArrowLeft`:e.preventDefault(),n.orientation===`horizontal`&&U(t,-5);break;case`ArrowRight`:e.preventDefault(),n.orientation===`horizontal`&&U(t,5);break;case`ArrowUp`:e.preventDefault(),n.orientation===`vertical`&&U(t,-5);break;case`End`:e.preventDefault(),U(t,100);break;case`Enter`:{e.preventDefault();let n=H(t),{derivedPanelConstraints:r,layout:i,separatorToPanels:a}=M(n.id,!0),o=n.separators.find(e=>e.element===t);b(o,`Matching separator not found`);let s=a.get(o);b(s,`Matching panels not found`);let c=s[0],l=r.find(e=>e.panelId===c.id);if(b(l,`Panel metadata not found`),l.collapsible){let e=i[c.id];U(t,(l.collapsedSize===e?n.mutableState.expandedPanelSizes[c.id]??l.minSize:l.collapsedSize)-e)}break}case`F6`:{e.preventDefault();let n=H(t).separators.map(e=>e.element),r=Array.from(n).findIndex(t=>t===e.currentTarget);b(r!==null,`Index not found`),n[e.shiftKey?r>0?r-1:n.length-1:r+1<n.length?r+1:0].focus({preventScroll:!0});break}case`Home`:e.preventDefault(),U(t,-100);break}}var W={cursorFlags:0,state:`inactive`},G=new A;function K(){return W}function xe(e){return G.addListener(`change`,e)}function Se(e){let t=W,n={...W};n.cursorFlags=e,W=n,G.emit(`change`,{prev:t,next:n})}function q(e){let t=W;W=e,G.emit(`change`,{prev:t,next:e})}function Ce(e){if(e.defaultPrevented||e.pointerType===`mouse`&&e.button>0)return;let t=N(),n=he(e,t),r=new Map,i=!1;n.forEach(e=>{e.separator&&(i||(i=!0,e.separator.element.focus({focusVisible:!1,preventScroll:!0})));let n=t.get(e.group);n&&r.set(e.group,n.layout)}),q({cursorFlags:0,hitRegions:n,initialLayoutMap:r,pointerDownAtPoint:{x:e.clientX,y:e.clientY},state:`active`}),n.length&&e.preventDefault()}var we=e=>e,J=()=>{},Te=1,Ee=2,De=4,Oe=8,ke=3,Ae=12,Y;function je(){return Y===void 0&&(Y=!1,typeof window<`u`&&(window.navigator.userAgent.includes(`Chrome`)||window.navigator.userAgent.includes(`Firefox`))&&(Y=!0)),Y}function Me({cursorFlags:e,groups:t,state:n}){let r=0,i=0;switch(n){case`active`:case`hover`:t.forEach(e=>{if(!e.mutableState.disableCursor)switch(e.orientation){case`horizontal`:r++;break;case`vertical`:i++;break}})}if(!(r===0&&i===0)){switch(n){case`active`:if(e&&je()){let t=(e&Te)!==0,n=(e&Ee)!==0,r=(e&De)!==0,i=(e&Oe)!==0;if(t)return r?`se-resize`:i?`ne-resize`:`e-resize`;if(n)return r?`sw-resize`:i?`nw-resize`:`w-resize`;if(r)return`s-resize`;if(i)return`n-resize`}break}return je()?r>0&&i>0?`move`:r>0?`ew-resize`:`ns-resize`:r>0&&i>0?`grab`:r>0?`col-resize`:`row-resize`}}var Ne=new WeakMap;function X(e){if(e.defaultView===null||e.defaultView===void 0)return;let{prevStyle:t,styleSheet:n}=Ne.get(e)??{};n===void 0&&(n=new e.defaultView.CSSStyleSheet,e.adoptedStyleSheets&&(Object.isExtensible(e.adoptedStyleSheets)?e.adoptedStyleSheets.push(n):e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]));let r=K();switch(r.state){case`active`:case`hover`:{let e=Me({cursorFlags:r.cursorFlags,groups:r.hitRegions.map(e=>e.group),state:r.state}),i=`*, *:hover {cursor: ${e} !important; }`;if(t===i)return;t=i,e?n.cssRules.length===0?n.insertRule(i):n.replaceSync(i):n.cssRules.length===1&&n.deleteRule(0);break}case`inactive`:t=void 0,n.cssRules.length===1&&n.deleteRule(0);break}Ne.set(e,{prevStyle:t,styleSheet:n})}function Pe({document:e,event:t,hitRegions:n,initialLayoutMap:r,mountedGroups:i,pointerDownAtPoint:a,prevCursorFlags:o}){let s=0;n.forEach(e=>{let{group:n,groupSize:o}=e,{orientation:c,panels:l}=n,{disableCursor:u}=n.mutableState,d=0;d=a?c===`horizontal`?(t.clientX-a.x)/o*100:(t.clientY-a.y)/o*100:c===`horizontal`?t.clientX<0?-100:100:t.clientY<0?-100:100;let f=r.get(n),p=i.get(n);if(!f||!p)return;let{defaultLayoutDeferred:m,derivedPanelConstraints:h,groupSize:g,layout:_,separatorToPanels:v}=p;if(h&&_&&v){let t=z({delta:d,initialLayout:f,panelConstraints:h,pivotIndices:e.panels.map(e=>l.indexOf(e)),prevLayout:_,trigger:`mouse-or-touch`});if(B(t,_)){if(d!==0&&!u)switch(c){case`horizontal`:s|=d<0?Te:Ee;break;case`vertical`:s|=d<0?De:Oe;break}}else F(e.group,{defaultLayoutDeferred:m,derivedPanelConstraints:h,groupSize:g,layout:t,separatorToPanels:v})}});let c=0;t.movementX===0?c|=o&ke:c|=s&ke,t.movementY===0?c|=o&Ae:c|=s&Ae,Se(c),X(e)}function Fe(e){let t=N(),n=K();switch(n.state){case`active`:Pe({document:e.currentTarget,event:e,hitRegions:n.hitRegions,initialLayoutMap:n.initialLayoutMap,mountedGroups:t,prevCursorFlags:n.cursorFlags})}}function Ie(e){if(e.defaultPrevented)return;let t=K(),n=N();switch(t.state){case`active`:if(e.buttons===0){q({cursorFlags:0,state:`inactive`}),t.hitRegions.forEach(e=>{let t=M(e.group.id,!0);F(e.group,t)});return}for(let n of t.hitRegions)if(n.separator){let{element:t}=n.separator;t.hasPointerCapture?.(e.pointerId)||t.setPointerCapture?.(e.pointerId)}Pe({document:e.currentTarget,event:e,hitRegions:t.hitRegions,initialLayoutMap:t.initialLayoutMap,mountedGroups:n,pointerDownAtPoint:t.pointerDownAtPoint,prevCursorFlags:t.cursorFlags});break;default:{let r=he(e,n);r.length===0?t.state!==`inactive`&&q({cursorFlags:0,state:`inactive`}):q({cursorFlags:0,hitRegions:r,state:`hover`}),X(e.currentTarget);break}}}function Le(e){if(e.relatedTarget instanceof HTMLIFrameElement)switch(K().state){case`hover`:q({cursorFlags:0,state:`inactive`})}}function Re(e){if(e.defaultPrevented||e.pointerType===`mouse`&&e.button>0)return;let t=K();switch(t.state){case`active`:q({cursorFlags:0,state:`inactive`}),t.hitRegions.length>0&&(X(e.currentTarget),t.hitRegions.forEach(e=>{let t=M(e.group.id,!0);F(e.group,t)}),e.preventDefault())}}function ze(e){let t=0,n=0,r={};for(let i of e)if(i.defaultSize!==void 0){t++;let e=_(i.defaultSize);n+=e,r[i.panelId]=e}else r[i.panelId]=void 0;let i=e.length-t;if(i!==0){let t=_((100-n)/i);for(let n of e)n.defaultSize===void 0&&(r[n.panelId]=t)}return r}function Be(e,t,n){if(!n[0])return;let r=e.panels.find(e=>e.element===t);if(!r||!r.onResize)return;let i=v({group:e}),a=e.orientation===`horizontal`?r.element.offsetWidth:r.element.offsetHeight,o=r.mutableValues.prevSize,s={asPercentage:_(a/i*100),inPixels:a};r.mutableValues.prevSize=s,r.onResize(s,r.id,o)}function Ve(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let n in e)if(e[n]!==t[n])return!1;return!0}function He({group:e,nextGroupSize:t,prevGroupSize:n,prevLayout:r}){if(n<=0||t<=0||n===t)return r;let i=0,a=0,o=!1,s=new Map,c=[];for(let l of e.panels){let e=r[l.id]??0;switch(l.panelConstraints.groupResizeBehavior){case`preserve-pixel-size`:{o=!0;let r=_(e/100*n/t*100);s.set(l.id,r),i+=r;break}default:c.push(l.id),a+=e;break}}if(!o||c.length===0)return r;let l=100-i,u={...r};if(s.forEach((e,t)=>{u[t]=e}),a>0)for(let e of c)u[e]=_((r[e]??0)/a*l);else{let e=_(l/c.length);for(let t of c)u[t]=e}return u}function Ue(e,t){let n=e.map(e=>e.id),r=Object.keys(t);if(n.length!==r.length)return!1;for(let e of n)if(!r.includes(e))return!1;return!0}var Z=new Map;function We(e){let t=!0;b(e.element.ownerDocument.defaultView,`Cannot register an unmounted Group`);let n=e.element.ownerDocument.defaultView.ResizeObserver,r=new Set,i=new Set,a=new n(n=>{for(let r of n){let{borderBoxSize:n,target:i}=r;if(i===e.element){if(t){let t=v({group:e});if(t===0)return;let n=M(e.id);if(!n)return;let r=y(e),i=n.defaultLayoutDeferred?ze(r):n.layout,a=V({layout:He({group:e,nextGroupSize:t,prevGroupSize:n.groupSize,prevLayout:i}),panelConstraints:r});if(!n.defaultLayoutDeferred&&B(n.layout,a)&&Ve(n.derivedPanelConstraints,r)&&n.groupSize===t)return;F(e,{defaultLayoutDeferred:!1,derivedPanelConstraints:r,groupSize:t,layout:a,separatorToPanels:n.separatorToPanels})}}else Be(e,i,n)}});a.observe(e.element),e.panels.forEach(e=>{b(!r.has(e.id),`Panel ids must be unique; id "${e.id}" was used more than once`),r.add(e.id),e.onResize&&a.observe(e.element)});let o=v({group:e}),s=y(e),c=e.panels.map(({id:e})=>e).join(`,`),l=e.mutableState.defaultLayout;l&&(Ue(e.panels,l)||(l=void 0));let u=V({layout:e.mutableState.layouts[c]??l??ze(s),panelConstraints:s}),d=e.element.ownerDocument;Z.set(d,(Z.get(d)??0)+1);let f=new Map;return k(e).forEach(e=>{e.separator&&f.set(e.separator,e.panels)}),F(e,{defaultLayoutDeferred:o===0,derivedPanelConstraints:s,groupSize:o,layout:u,separatorToPanels:f}),e.separators.forEach(e=>{b(!i.has(e.id),`Separator ids must be unique; id "${e.id}" was used more than once`),i.add(e.id),e.element.addEventListener(`keydown`,be)}),Z.get(d)===1&&(d.addEventListener(`dblclick`,ve,!0),d.addEventListener(`pointerdown`,Ce,!0),d.addEventListener(`pointerleave`,Fe),d.addEventListener(`pointermove`,Ie),d.addEventListener(`pointerout`,Le),d.addEventListener(`pointerup`,Re,!0)),function(){t=!1,Z.set(d,Math.max(0,(Z.get(d)??0)-1)),te(e),e.separators.forEach(e=>{e.element.removeEventListener(`keydown`,be)}),Z.get(d)||(d.removeEventListener(`dblclick`,ve,!0),d.removeEventListener(`pointerdown`,Ce,!0),d.removeEventListener(`pointerleave`,Fe),d.removeEventListener(`pointermove`,Ie),d.removeEventListener(`pointerout`,Le),d.removeEventListener(`pointerup`,Re,!0)),a.disconnect()}}function Ge(){let[e,t]=(0,u.useState)({});return[e,(0,u.useCallback)(()=>t({}),[])]}function Ke(e){let t=(0,u.useId)();return`${e??t}`}var Q=typeof window<`u`?u.useLayoutEffect:u.useEffect;function $(e){let t=(0,u.useRef)(e);return Q(()=>{t.current=e},[e]),(0,u.useCallback)((...e)=>t.current?.(...e),[t])}function qe(...e){return $(t=>{e.forEach(e=>{if(e)switch(typeof e){case`function`:e(t);break;case`object`:e.current=t;break}})})}function Je(e){let t=(0,u.useRef)({...e});return Q(()=>{for(let n in e)t.current[n]=e[n]},[e]),t.current}var Ye=(0,u.createContext)(null);function Xe(e,t){let n=(0,u.useRef)({getLayout:()=>({}),setLayout:we});(0,u.useImperativeHandle)(t,()=>n.current,[]),Q(()=>{Object.assign(n.current,ye({groupId:e}))})}function Ze({children:e,className:t,defaultLayout:n,disableCursor:r,disabled:i,elementRef:a,groupRef:o,id:s,onLayoutChange:l,onLayoutChanged:d,orientation:f=`horizontal`,resizeTargetMinimumSize:p={coarse:20,fine:10},style:m,...h}){let g=(0,u.useRef)({onLayoutChange:{},onLayoutChanged:{}}),_=$(e=>{B(g.current.onLayoutChange,e)||(g.current.onLayoutChange=e,l?.(e))}),v=$(e=>{B(g.current.onLayoutChanged,e)||(g.current.onLayoutChanged=e,d?.(e))}),b=Ke(s),S=(0,u.useRef)(null),[C,w]=Ge(),T=(0,u.useRef)({lastExpandedPanelSizes:{},layouts:{},panels:[],resizeTargetMinimumSize:p,separators:[]}),E=qe(S,a);Xe(b,o);let D=$((e,t)=>{let r=K(),i=ne(e),a=M(e);if(a){let e=!1;switch(r.state){case`active`:e=r.hitRegions.some(e=>e.group===i);break}return{flexGrow:a.layout[t]??1,pointerEvents:e?`none`:void 0}}if(n?.[t])return{flexGrow:n?.[t]}}),O=Je({defaultLayout:n,disableCursor:r}),k=(0,u.useMemo)(()=>({get disableCursor(){return!!O.disableCursor},getPanelStyles:D,id:b,orientation:f,registerPanel:e=>{let t=T.current;return t.panels=x(f,[...t.panels,e]),w(),()=>{t.panels=t.panels.filter(t=>t!==e),w()}},registerSeparator:e=>{let t=T.current;return t.separators=x(f,[...t.separators,e]),w(),()=>{t.separators=t.separators.filter(t=>t!==e),w()}},updatePanelProps:(e,{disabled:t})=>{let n=T.current.panels.find(t=>t.id===e);n&&(n.panelConstraints.disabled=t);let r=ne(b),i=M(b);r&&i&&F(r,{...i,derivedPanelConstraints:y(r)})},updateSeparatorProps:(e,{disabled:t,disableDoubleClick:n})=>{let r=T.current.separators.find(t=>t.id===e);r&&(r.disabled=t,r.disableDoubleClick=n)}}),[D,b,w,f,O]),A=(0,u.useRef)(null);return Q(()=>{let e=S.current;if(e===null)return;let t=T.current,n;if(O.defaultLayout!==void 0&&Object.keys(O.defaultLayout).length===t.panels.length){n={};for(let e of t.panels){let t=O.defaultLayout[e.id];t!==void 0&&(n[e.id]=t)}}let r={disabled:!!i,element:e,id:b,mutableState:{defaultLayout:n,disableCursor:!!O.disableCursor,expandedPanelSizes:T.current.lastExpandedPanelSizes,layouts:T.current.layouts},orientation:f,panels:t.panels,resizeTargetMinimumSize:t.resizeTargetMinimumSize,separators:t.separators};A.current=r;let a=We(r),{defaultLayoutDeferred:o,derivedPanelConstraints:s,layout:c}=M(r.id,!0);!o&&s.length>0&&(_(c),v(c));let l=P(b,e=>{let{defaultLayoutDeferred:t,derivedPanelConstraints:n,layout:i}=e.next;if(t||n.length===0)return;let a=r.panels.map(({id:e})=>e).join(`,`);r.mutableState.layouts[a]=i,n.forEach(t=>{if(t.collapsible){let{layout:n}=e.prev??{};if(n){let e=I(t.collapsedSize,i[t.panelId]),a=I(t.collapsedSize,n[t.panelId]);e&&!a&&(r.mutableState.expandedPanelSizes[t.panelId]=n[t.panelId])}}});let o=K().state!==`active`;_(i),o&&v(i)});return()=>{A.current=null,a(),l()}},[i,b,v,_,f,C,O]),(0,u.useEffect)(()=>{let e=A.current;e&&(e.mutableState.defaultLayout=n,e.mutableState.disableCursor=!!r)}),(0,c.jsx)(Ye.Provider,{value:k,children:(0,c.jsx)(`div`,{...h,className:t,"data-group":!0,"data-testid":b,id:b,ref:E,style:{height:`100%`,width:`100%`,overflow:`hidden`,...m,display:`flex`,flexDirection:f===`horizontal`?`row`:`column`,flexWrap:`nowrap`,touchAction:f===`horizontal`?`pan-y`:`pan-x`},children:e})})}Ze.displayName=`Group`;function Qe(){let e=(0,u.useContext)(Ye);return b(e,`Group Context not found; did you render a Panel or Separator outside of a Group?`),e}function $e(e,t){let{id:n}=Qe(),r=(0,u.useRef)({collapse:J,expand:J,getSize:()=>({asPercentage:0,inPixels:0}),isCollapsed:()=>!1,resize:J});(0,u.useImperativeHandle)(t,()=>r.current,[]),Q(()=>{Object.assign(r.current,_e({groupId:n,panelId:e}))})}function et({children:e,className:t,collapsedSize:n=`0%`,collapsible:r=!1,defaultSize:i,disabled:a,elementRef:o,groupResizeBehavior:s=`preserve-relative-size`,id:l,maxSize:d=`100%`,minSize:f=`0%`,onResize:p,panelRef:m,style:h,...g}){let _=!!l,v=Ke(l),y=Je({disabled:a}),b=(0,u.useRef)(null),x=qe(b,o),{getPanelStyles:S,id:C,orientation:w,registerPanel:T,updatePanelProps:E}=Qe(),D=p!==null,O=$((e,t,n)=>{p?.(e,l,n)});Q(()=>{let e=b.current;if(e!==null)return T({element:e,id:v,idIsStable:_,mutableValues:{expandToSize:void 0,prevSize:void 0},onResize:D?O:void 0,panelConstraints:{groupResizeBehavior:s,collapsedSize:n,collapsible:r,defaultSize:i,disabled:y.disabled,maxSize:d,minSize:f}})},[s,n,r,i,D,v,_,d,f,O,T,y]),(0,u.useEffect)(()=>{E(v,{disabled:a})},[a,v,E]),$e(v,m);let k=()=>{let e=S(C,v);if(e)return JSON.stringify(e)},A=(0,u.useSyncExternalStore)(e=>P(C,e),k,k),j;return j=A?JSON.parse(A):i===void 0?{flexGrow:1}:{flexGrow:void 0,flexShrink:void 0,flexBasis:i},(0,c.jsx)(`div`,{...g,"data-disabled":a||void 0,"data-panel":!0,"data-testid":v,id:v,ref:x,style:{...tt,display:`flex`,flexBasis:0,flexShrink:1,overflow:`visible`,...j},children:(0,c.jsx)(`div`,{className:t,style:{maxHeight:`100%`,maxWidth:`100%`,flexGrow:1,overflow:`auto`,...h,touchAction:w===`horizontal`?`pan-y`:`pan-x`},children:e})})}et.displayName=`Panel`;var tt={minHeight:0,maxHeight:`100%`,height:`auto`,minWidth:0,maxWidth:`100%`,width:`auto`,border:`none`,borderWidth:0,padding:0,margin:0};function nt({layout:e,panelConstraints:t,panelId:n,panelIndex:r}){let i,a,o=e[n],s=t.find(e=>e.panelId===n);if(s){let c=s.maxSize,l=s.collapsible?s.collapsedSize:s.minSize,u=[r,r+1];a=V({layout:z({delta:l-o,initialLayout:e,panelConstraints:t,pivotIndices:u,prevLayout:e}),panelConstraints:t})[n],i=V({layout:z({delta:c-o,initialLayout:e,panelConstraints:t,pivotIndices:u,prevLayout:e}),panelConstraints:t})[n]}return{valueControls:n,valueMax:i,valueMin:a,valueNow:o}}function rt({children:e,className:t,disabled:n,disableDoubleClick:r,elementRef:i,id:a,style:o,...s}){let l=Ke(a),d=Je({disabled:n,disableDoubleClick:r}),[f,p]=(0,u.useState)({}),[m,h]=(0,u.useState)(`inactive`),[g,_]=(0,u.useState)(!1),v=(0,u.useRef)(null),y=qe(v,i),{disableCursor:b,id:x,orientation:S,registerSeparator:C,updateSeparatorProps:w}=Qe(),T=S===`horizontal`?`vertical`:`horizontal`;Q(()=>{let e=v.current;if(e!==null){let t={disabled:d.disabled,disableDoubleClick:d.disableDoubleClick,element:e,id:l},n=C(t),r=xe(e=>{h(e.next.state!==`inactive`&&e.next.hitRegions.some(e=>e.separator===t)?e.next.state:`inactive`)}),i=P(x,e=>{let{derivedPanelConstraints:n,layout:r,separatorToPanels:i}=e.next,a=i.get(t);if(a){let e=a[0],t=a.indexOf(e);p(nt({layout:r,panelConstraints:n,panelId:e.id,panelIndex:t}))}});return()=>{r(),i(),n()}}},[x,l,C,d]),(0,u.useEffect)(()=>{w(l,{disabled:n,disableDoubleClick:r})},[n,r,l,w]);let E;n&&!b&&(E=`not-allowed`);let D;if(n)D=`disabled`;else switch(m){case`active`:D=`active`;break;default:D=g?`focus`:m}return(0,c.jsx)(`div`,{...s,"aria-controls":f.valueControls,"aria-disabled":n||void 0,"aria-orientation":T,"aria-valuemax":f.valueMax,"aria-valuemin":f.valueMin,"aria-valuenow":f.valueNow,children:e,className:t,"data-separator":D,"data-testid":l,id:l,onBlur:()=>_(!1),onFocus:()=>_(!0),ref:y,role:`separator`,style:{flexBasis:`auto`,cursor:E,...o,flexGrow:0,flexShrink:0,touchAction:`none`},tabIndex:n?void 0:0})}rt.displayName=`Separator`;function it({className:e,...t}){return(0,c.jsx)(Ze,{"data-slot":`resizable-panel-group`,className:o(`flex h-full w-full aria-[orientation=vertical]:flex-col`,e),...t})}function at({...e}){return(0,c.jsx)(et,{"data-slot":`resizable-panel`,...e})}function ot({withHandle:e,className:t,...n}){return(0,c.jsx)(rt,{"data-slot":`resizable-handle`,className:o(`relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90`,t),...n,children:e&&(0,c.jsx)(`div`,{className:`z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border`})})}var st=e({AspectRatioExample:()=>ct,ResizableExample:()=>lt});function ct(){return(0,c.jsx)(l,{ratio:16/9,className:`overflow-hidden rounded-md border border-border bg-muted/40`,children:(0,c.jsx)(`div`,{className:`flex size-full items-center justify-center text-sm text-muted-foreground`,children:`16:9 content well`})})}function lt(){return(0,c.jsxs)(it,{orientation:`horizontal`,className:`min-h-40 max-w-2xl rounded-md border border-border`,children:[(0,c.jsx)(at,{defaultSize:35,children:(0,c.jsx)(`div`,{className:`flex h-full items-center justify-center p-4 text-sm text-muted-foreground`,children:`Navigation`})}),(0,c.jsx)(ot,{withHandle:!0}),(0,c.jsx)(at,{defaultSize:65,children:(0,c.jsx)(`div`,{className:`flex h-full items-center justify-center p-4 text-sm text-muted-foreground`,children:`Workspace`})})]})}var ut=`import { AspectRatio } from '@/components/ui/aspect-ratio';
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/resizable';
+
+export function AspectRatioExample() {
+	return (
+		<AspectRatio ratio={16 / 9} className="overflow-hidden rounded-md border border-border bg-muted/40">
+			<div className="flex size-full items-center justify-center text-sm text-muted-foreground">
+				16:9 content well
+			</div>
+		</AspectRatio>
+	);
+}
+
+export function ResizableExample() {
+	return (
+		<ResizablePanelGroup
+			orientation="horizontal"
+			className="min-h-40 max-w-2xl rounded-md border border-border"
+		>
+			<ResizablePanel defaultSize={35}>
+				<div className="flex h-full items-center justify-center p-4 text-sm text-muted-foreground">
+					Navigation
+				</div>
+			</ResizablePanel>
+			<ResizableHandle withHandle />
+			<ResizablePanel defaultSize={65}>
+				<div className="flex h-full items-center justify-center p-4 text-sm text-muted-foreground">
+					Workspace
+				</div>
+			</ResizablePanel>
+		</ResizablePanelGroup>
+	);
+}
+`;function dt(e){return st||pt(`Examples`,!1),ct||pt(`Examples.AspectRatioExample`,!0),lt||pt(`Examples.ResizableExample`,!0),(0,c.jsx)(r,{title:`UI · Layout primitives`,description:`AspectRatio and Resizable primitives.`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(a,{name:`AspectRatioExample`,source:ut,children:(0,c.jsx)(ct,{})}),(0,c.jsx)(a,{name:`ResizableExample`,source:ut,children:(0,c.jsx)(lt,{})})]})})}function ft(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(dt,{...e})}):dt(e)}function pt(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ft as default};