npm - admin-ui-starter-kit - Versions diffs - 0.6.1 → 0.6.4 - Mend

admin-ui-starter-kit 0.6.1 → 0.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (498) hide show

package/dist/showcase/assets/{layout-auth-Bav5BBqp.js → layout-auth-j4K6lveg.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-D-N8Ze16.js";import{t as c}from"./building-2-D81ygy-F.js";import{t as l}from"./chart-column-Dbekq8cy.js";import{r as u,t as d}from"./example-PsbgbESI.js";import{t as f}from"./circle-check-BkFKejsY.js";import{t as p}from"./clock-3-mhWDhdka.js";import{t as m}from"./earth-BuXqXHh6.js";import{t as h}from"./password-input-qfQ5eIU4.js";import{t as g}from"./key-round-DpuhXiJQ.js";import{t as _}from"./lock-keyhole-Cy2raRO6.js";import{t as v}from"./mail-check-Di70bdf6.js";import{t as y}from"./shield-check-BW_7p6Xf.js";import{t as b}from"./sparkles-8yQFcmte.js";import{N as x,d as ee,l as te,n as S}from"./index-QESvAJrb.js";import{t as C}from"./props-table-CCcohuyT.js";import{t as w}from"./text-link-DcKeYjEX.js";import{a as T,r as ne,t as re}from"./card-primitives-CiU5lL3a.js";import{i as E,n as ie,r as D,t as O}from"./alert-bPnj3_cC.js";import{c as ae,i as oe,o as se,r as ce,t as le,u as ue}from"./item-BMSdEK3V.js";import{t as de}from"./checkbox-Qhh92dbS.js";import{t as k}from"./input-yYoqWQQ7.js";import{n as A}from"./form-field-AWNJL9FM.js";import{t as j}from"./use-layout-link-DIUWH-oo.js";var fe=te(`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`}]]),M=ee();function pe({eyebrow:e,title:t,description:n,headerEnd:i,banner:a,media:s,footer:c,children:l,className:u,headerClassName:d,mediaClassName:f,contentClassName:p,footerClassName:m,...h}){let g=!!(e||t||n||i);return(0,M.jsxs)(T,{"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,M.jsx)(`div`,{className:S(`auth-card--media`,`min-h-12 border-b border-border/60 bg-muted/50`,f),children:s}),!!g&&(0,M.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,M.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[!!e&&(0,M.jsx)(o,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-card--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,M.jsx)(r,{tag:`h1`,containerClassName:`space-y-0`,className:`auth-card--title border-0 pb-0 text-lg leading-tight`,children:t}),!!n&&(0,M.jsx)(o,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-card--description max-w-prose`,children:n})]}),!!i&&(0,M.jsx)(`div`,{className:`auth-card--header-end shrink-0`,children:i})]}),(0,M.jsxs)(re,{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:[!!a&&(0,M.jsx)(`div`,{className:`auth-card--banner mb-5`,children:a}),l]}),!!c&&(0,M.jsx)(ne,{className:S(`auth-card--footer`,`border-t border-border/60 px-6 py-4 md:px-8`,m),children:c})]})}var N=t(n(),1);function me(e){return!!(e&&typeof e==`object`&&!(0,N.isValidElement)(e)&&(`logo`in e||`label`in e||`description`in e||`href`in e))}function P({links:e=[],renderLink:t,LinkComponent:n}={}){let r=j({renderLink:t,LinkComponent:n});return{links:(0,N.useMemo)(()=>e.filter(e=>e.visible!==!1),[e]),renderLink:r}}function he({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=j({renderLink:u,LinkComponent:d}),p=(0,N.useMemo)(()=>r.filter(e=>e.visible!==!1),[r]),m=(0,N.useMemo)(()=>i.filter(e=>e.visible!==!1),[i]),h=(0,N.useMemo)(()=>a.filter(e=>e.visible!==!1),[a]),g=(0,N.useMemo)(()=>c.filter(e=>e.visible!==!1),[c]),_=!!(t&&(me(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 ge={socialDivider:`or continue with email`,socialProvidersLabel:`Social sign-in options`,footerLinksLabel:`Authentication links`,policyLinksLabel:`Policies`,languageLinksLabel:`Language options`},F={label:`Authentication links`},I={label:`Social sign-in options`},L={label:`Authentication method`,divider:`or`};function R({links:e,leadingIcon:t,separator:n=`·`,renderLink:r,LinkComponent:i,className:a,strings:s,...c}){let l=x(F,s),{links:u,renderLink:d}=P({links:e,renderLink:r,LinkComponent:i});return u.length===0?null:(0,M.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,M.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,M.jsx)(o,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})});return(0,M.jsxs)(N.Fragment,{children:[t>0&&(0,M.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,className:`auth-footer-links--separator`,children:n}),r]},e.id??t)})]})}var _e=`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 z(){return(0,M.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,M.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,M.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,M.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,M.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 B(){return(0,M.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 23 23`,children:[(0,M.jsx)(`path`,{fill:`#f25022`,d:`M1 1h10v10H1z`}),(0,M.jsx)(`path`,{fill:`#7fba00`,d:`M12 1h10v10H12z`}),(0,M.jsx)(`path`,{fill:`#00a4ef`,d:`M1 12h10v10H1z`}),(0,M.jsx)(`path`,{fill:`#ffb900`,d:`M12 12h10v10H12z`})]})}function V(){return(0,M.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,M.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 H(){return(0,M.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,M.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 ve({provider:e}){if(e.icon)return(0,M.jsx)(M.Fragment,{children:e.icon});switch(e.provider){case`google`:return(0,M.jsx)(z,{});case`github`:return(0,M.jsx)(V,{});case`microsoft`:return(0,M.jsx)(B,{});case`apple`:return(0,M.jsx)(H,{});default:return(0,M.jsx)(g,{className:`size-4`,"aria-hidden":`true`})}}function U({provider:e,renderLink:t,LinkComponent:n,className:r}){let i=j({renderLink:t,LinkComponent:n}),a=(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(ve,{provider:e}),(0,M.jsx)(o,{tag:`span`,className:`text-inherit`,children:e.label})]}),s=S(_e,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,M.jsx)(u,{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 ye({providers:e,layout:t=`stack`,renderLink:n,LinkComponent:r,className:i,strings:a,...o}){let s=x(I,a),c=e?.filter(e=>e.visible!==!1)??[];return c.length===0?null:(0,M.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,M.jsx)(U,{provider:e,renderLink:n,LinkComponent:r},e.id??String(e.label)))})}var be={card:`border-border/70 bg-card`,muted:`border-border/60 bg-muted/40`};function xe({eyebrow:e,title:t,description:n,media:i,features:a,footer:s,children:c,surface:l=`muted`,className:u,contentClassName:d,...f}){let p=!!(e||t||n),m=a?.filter(e=>e.title)??[];return(0,M.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`,be[l],u),...f,children:(0,M.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:[!!i&&(0,M.jsx)(`div`,{className:`auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70`,children:i}),!!p&&(0,M.jsxs)(`div`,{className:`auth-split-panel--intro max-w-xl space-y-2`,children:[!!e&&(0,M.jsx)(o,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-split-panel--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,M.jsx)(r,{tag:`h2`,containerClassName:`space-y-0`,className:`auth-split-panel--title border-0 pb-0 text-xl leading-tight`,children:t}),!!n&&(0,M.jsx)(o,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-split-panel--description max-w-prose`,children:n})]}),m.length>0&&(0,M.jsx)(se,{className:`auth-split-panel--features grid gap-3`,children:m.map((e,t)=>(0,M.jsxs)(le,{variant:`muted`,className:`auth-split-panel--feature bg-background/70`,children:[!!e.icon&&(0,M.jsx)(ae,{variant:`icon`,className:`text-muted-foreground`,children:e.icon}),(0,M.jsxs)(ce,{className:`min-w-0 sm:min-w-48`,children:[(0,M.jsx)(ue,{children:e.title}),!!e.description&&(0,M.jsx)(oe,{clamp:`none`,children:e.description})]})]},e.id??t))}),c,!!s&&(0,M.jsx)(`div`,{className:`auth-split-panel--footer`,children:s})]})})}var Se={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`};function Ce(e){return!!(e&&typeof e==`object`&&!(0,N.isValidElement)(e))}function we(e){let t=!!(e.label||e.description);return(0,M.jsxs)(M.Fragment,{children:[!!e.logo&&(0,M.jsx)(`div`,{className:`auth-shell--brand-logo shrink-0`,children:e.logo}),!!t&&(0,M.jsxs)(`div`,{className:`auth-shell--brand-text min-w-0`,children:[!!e.label&&(0,M.jsx)(o,{tag:`div`,weight:`semibold`,className:`auth-shell--brand-label`,children:e.label}),!!e.description&&(0,M.jsx)(o,{tag:`div`,size:`xs`,type:`secondary`,className:`auth-shell--brand-description`,children:e.description})]})]})}function Te({brand:e,renderLink:t}){if(!e)return null;if(!me(e))return(0,M.jsx)(`div`,{className:`auth-shell--brand flex items-center justify-center`,children:e});let n=we(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,M.jsx)(`div`,{className:r,children:n})}function Ee(e){return e?(0,N.isValidElement)(e)?e:Ce(e)?(0,M.jsx)(xe,{...e}):null:null}function W({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:te=`stack`,socialDivider:C,splitPanel:w,splitSide:T=`left`,splitMobile:ne=`hidden`,renderLink:re,LinkComponent:E,className:ie,mainClassName:D,stackClassName:O,cardClassName:ae,cardContentClassName:oe,splitGridClassName:se,splitPanelClassName:ce,footerClassName:le,strings:ue,...de}){let k=x(ge,ue),{variant:A,hasBrand:j,hasAfterCard:fe,hasSplitPanel:N,hasSocialProviders:me,renderLink:P,footerLinks:F,policyLinks:I,languageLinks:L,socialProviders:_e}=he({variant:t,brand:i,footer:g,footerLinks:_,policyLinks:v,languageLinks:y,languageSwitcher:b,postCard:h,socialProviders:ee,splitPanel:w,renderLink:re,LinkComponent:E}),z=A===`split`&&N,B=Ee(w),V=T===`left`,H=ne===`stacked`,ve=j?Te({brand:i,renderLink:P}):null,U=(0,M.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`,z&&`lg:min-h-svh`,D),children:(0,M.jsxs)(`div`,{className:S(`auth-shell--stack`,`flex w-full flex-col gap-5`,Se[n],O),children:[ve,(0,M.jsxs)(pe,{eyebrow:a,title:s,description:c,headerEnd:l,banner:u,media:d,mediaClassName:f,footer:p,className:ae,contentClassName:oe,children:[!!me&&(0,M.jsxs)(`div`,{className:`auth-shell--social mb-4 grid gap-4`,children:[(0,M.jsx)(ye,{providers:_e,layout:te,renderLink:P,strings:{label:k.socialProvidersLabel}}),(0,M.jsxs)(`div`,{className:`auth-shell--social-divider flex items-center gap-3`,children:[(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,M.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:C??k.socialDivider}),(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]})]}),e]}),!!fe&&(0,M.jsxs)(`div`,{className:S(`auth-shell--after-card`,`flex flex-col items-center gap-3 text-center`,le),children:[!!h&&(0,M.jsx)(`div`,{className:`auth-shell--post-card`,children:h}),!!b&&(0,M.jsx)(`div`,{className:`auth-shell--language-switcher`,children:b}),L.length>0&&(0,M.jsx)(R,{className:`auth-shell--language-links`,links:L,leadingIcon:(0,M.jsx)(m,{className:`size-3.5`}),renderLink:P,strings:{label:k.languageLinksLabel}}),F.length>0&&(0,M.jsx)(R,{className:`auth-shell--footer-links`,links:F,renderLink:P,strings:{label:k.footerLinksLabel}}),I.length>0&&(0,M.jsx)(R,{className:`auth-shell--policy-links`,links:I,renderLink:P,strings:{label:k.policyLinksLabel}}),!!g&&(0,M.jsx)(`div`,{className:`auth-shell--footer`,children:g})]})]})});return z?(0,M.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`split`,"data-split-side":T,"data-split-mobile":ne,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,ie),...de,children:(0,M.jsxs)(`div`,{className:S(`auth-shell--split-grid min-h-svh lg:grid`,V?`lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]`:`lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]`,se),children:[!!V&&(0,M.jsx)(`div`,{className:S(`auth-shell--split-panel`,H?`block`:`hidden lg:block`,ce),children:B}),U,!V&&(0,M.jsx)(`div`,{className:S(`auth-shell--split-panel`,H?`block`:`hidden lg:block`,ce),children:B})]})}):(0,M.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`card`,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,ie),...de,children:U})}function De(e){return e.find(e=>!e.disabled)}function Oe({options:e=[],value:t,defaultValue:n,onValueChange:r}={}){let i=N.useMemo(()=>e.filter(e=>e.visible!==!1),[e]),a=n??De(i)?.id,[o,s]=N.useState(a),c=t!==void 0,l=c?t:o,u=i.find(e=>e.id===l),d=N.useCallback(e=>{let t=i.find(t=>t.id===e);!t||t.disabled||(c||s(e),r?.(e,t))},[c,r,i]);return N.useEffect(()=>{c||u||i.length===0||s(De(i)?.id)},[c,u,i]),{value:l,selectedOption:u,options:i,setValue:d}}function ke({options:e=[],value:t,defaultValue:n,onValueChange:r,layout:i=`stack`,divider:a,className:s,strings:c,...l}){let d=x(L,c),{"aria-label":f,...p}=l,{value:m,options:h,setValue:g}=Oe({options:e,value:t,defaultValue:n,onValueChange:r});return h.length===0?null:(0,M.jsxs)(`div`,{className:S(`auth-method-switch--component grid gap-3`,s),...p,children:[a!==null&&a!==!1&&(0,M.jsxs)(`div`,{className:`auth-method-switch--divider flex items-center gap-3`,children:[(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,M.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:a??d.divider}),(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]}),(0,M.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`),...l,children:h.map(e=>{let t=e.id===m,n=i===`segmented`;return(0,M.jsx)(u,{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,M.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,M.jsx)(`span`,{className:`auth-method-switch--option-icon shrink-0`,"aria-hidden":`true`,children:e.icon}),(0,M.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,M.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,M.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 Ae=e({CenteredCardAuth:()=>Ke,FrameworkLinkContract:()=>Qe,LocalizedPatternCardAuth:()=>qe,ProviderMatrixAuth:()=>Je,ResetPasswordAuth:()=>Ye,RightSplitAuthShell:()=>Ze,SplitAuthShell:()=>Xe}),G=[{id:`support`,label:`Support`,href:`#/support`},{id:`status`,label:`Status`,href:`https://status.example.com`,external:!0}],K=[{id:`privacy`,label:`Privacy`,href:`#/privacy`},{id:`terms`,label:`Terms`,href:`#/terms`}],je=[{id:`en`,label:`EN`,href:`#/locale/en`},{id:`bg`,label:`BG`,href:`#/locale/bg`},{id:`el`,label:`EL`,href:`#/locale/el`}],Me=[{id:`google`,provider:`google`,label:`Google`,href:`#/auth/google`},{id:`github`,provider:`github`,label:`GitHub`,href:`#/auth/github`}],Ne=[{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,M.jsx)(v,{className:`size-4`,"aria-hidden":`true`})}],Pe=[{id:`magic-link`,label:`Email me a magic link`,description:`Send a single-use sign-in link to the address above.`,icon:(0,M.jsx)(v,{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,M.jsx)(g,{className:`size-3.5`,"aria-hidden":`true`})}];function q(){return(0,M.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-lg bg-foreground text-background`,children:(0,M.jsx)(c,{className:`size-4`,"aria-hidden":`true`})})}function Fe(){return(0,M.jsxs)(`div`,{className:`flex flex-col items-center gap-1 text-center`,children:[(0,M.jsx)(o,{tag:`div`,className:`font-serif text-2xl leading-none tracking-normal text-foreground`,children:`Gift come true`}),(0,M.jsx)(`div`,{className:`h-px w-16 bg-foreground/40`})]})}function J({href:e,children:t,className:n,target:r,rel:i,onClick:a}){return(0,M.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,children:t})}var Y=`min-h-full`,X=`min-h-full py-6 sm:py-6 md:py-7`,Ie=`min-h-full`;function Z({children:e}){return(0,M.jsx)(`div`,{className:`auth-demo-viewport h-168 overflow-auto bg-background`,children:e})}function Le(){return(0,M.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden`,children:[(0,M.jsx)(`div`,{className:`absolute inset-0 bg-info/15`}),(0,M.jsx)(`div`,{className:`absolute -left-8 top-0 h-24 w-24 rotate-45 border-[10px] border-info/70`}),(0,M.jsx)(`div`,{className:`absolute left-20 -top-6 h-28 w-16 rotate-12 bg-warning/75`}),(0,M.jsx)(`div`,{className:`absolute left-44 top-3 h-20 w-28 rotate-[-18deg] border-[10px] border-success/70`}),(0,M.jsx)(`div`,{className:`absolute right-20 -top-4 h-24 w-12 rotate-45 bg-info/70`}),(0,M.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-24 rotate-12 border-[10px] border-warning/80`}),(0,M.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-3 bg-foreground/80`})]})}function Re(){return(0,M.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden bg-foreground`,children:[(0,M.jsx)(`div`,{className:`absolute left-0 top-0 h-full w-20 border-e-8 border-warning bg-info/80`}),(0,M.jsx)(`div`,{className:`absolute left-14 top-0 h-24 w-24 rotate-45 border-[10px] border-success`}),(0,M.jsx)(`div`,{className:`absolute left-36 -top-4 h-28 w-16 rotate-12 bg-warning`}),(0,M.jsx)(`div`,{className:`absolute left-52 top-4 h-20 w-32 rotate-[-18deg] border-[10px] border-info`}),(0,M.jsx)(`div`,{className:`absolute right-24 -top-2 h-24 w-20 rotate-45 bg-success`}),(0,M.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-28 rotate-12 border-[10px] border-warning`})]})}function ze(){let[e,t]=(0,N.useState)(`password`),n=Pe.filter(t=>t.id!==e);return(0,M.jsxs)(`div`,{className:`grid gap-4`,children:[e===`password`&&(0,M.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Password sign in`,children:[(0,M.jsx)(A,{label:`Email`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,M.jsx)(A,{label:`Password`,required:!0,children:(0,M.jsx)(h,{placeholder:`Enter your password`,autoComplete:`current-password`,startIcon:_})}),(0,M.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,M.jsxs)(`label`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(de,{"aria-label":`Remember this device`}),(0,M.jsx)(o,{tag:`span`,size:`xs`,children:`Remember this device`})]}),(0,M.jsx)(u,{type:`button`,size:`small`,variant:`action`,buttonStyle:`ghost`,className:`h-auto px-1 py-0`,onClick:()=>t(`forgot-password`),children:`Forgot password?`})]}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Sign in`}),(0,M.jsx)(ke,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`magic-link`&&(0,M.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Magic link sign in`,children:[(0,M.jsx)(A,{label:`Work email`,hint:`We will send a single-use link that expires in 15 minutes.`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:v})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Send magic link`}),(0,M.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,M.jsx)(ke,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`sso`&&(0,M.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`SSO sign in`,children:[(0,M.jsx)(A,{label:`Company domain`,hint:`Route the user to the provider owned by the host app.`,required:!0,children:(0,M.jsx)(k,{type:`text`,placeholder:`northwind.com`,autoComplete:`organization`,startIcon:m})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Continue with SSO`}),(0,M.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,M.jsx)(ke,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`forgot-password`&&(0,M.jsxs)(`div`,{className:`grid gap-4`,"aria-label":`Forgot password`,children:[(0,M.jsxs)(O,{variant:`info`,children:[(0,M.jsx)(E,{children:`Password reset`}),(0,M.jsx)(D,{children:`Send a recovery link without leaving the auth shell or changing routes first.`})]}),(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Account email`,hint:`Use the email connected to your workspace.`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Send reset link`})]}),(0,M.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Back to password sign in`})]})]})}function Be(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Имейл`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,M.jsx)(A,{label:`Парола`,required:!0,children:(0,M.jsx)(h,{placeholder:`Въведете парола`,autoComplete:`current-password`,startIcon:_,strings:{showPassword:`Покажи паролата`,hidePassword:`Скрий паролата`}})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Вход`})]})}function Ve(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Work email`,hint:`Use the email address that received the invite.`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:m})}),(0,M.jsx)(A,{label:`Password`,hint:`Minimum 12 characters.`,required:!0,children:(0,M.jsx)(h,{placeholder:`Create a password`,autoComplete:`new-password`,startIcon:g})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Accept invite`})]})}function He(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Work email`,hint:`We will send a secure one-time code.`,children:(0,M.jsx)(k,{type:`email`,placeholder:`admin@company.com`,autoComplete:`email`})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Send code`})]})}function Ue(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`New password`,hint:`Use at least 12 characters.`,required:!0,children:(0,M.jsx)(h,{autoComplete:`new-password`,placeholder:`Create a new password`})}),(0,M.jsx)(A,{label:`Confirm password`,required:!0,children:(0,M.jsx)(h,{autoComplete:`new-password`,placeholder:`Repeat password`})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Update password`})]})}function We(){let e=[{label:`Orders protected`,value:`18.4k`,icon:y},{label:`Team seats`,value:`42`,icon:fe},{label:`Risk checks`,value:`99.9%`,icon:l}];return(0,M.jsxs)(`div`,{className:`grid gap-3 p-4`,children:[(0,M.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-card p-4`,children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,M.jsxs)(`div`,{children:[(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:`Last 30 days`}),(0,M.jsx)(o,{tag:`div`,weight:`semibold`,children:`Operational overview`})]}),(0,M.jsx)(a,{variant:`success`,children:`Live`})]}),(0,M.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,M.jsx)(`span`,{className:`flex-1 rounded-t bg-info/70`,style:{height:`${e}%`}},t))})]}),(0,M.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>{let t=e.icon;return(0,M.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-background/80 p-3`,children:[(0,M.jsx)(t,{className:`mb-2 size-4 text-muted-foreground`,"aria-hidden":`true`}),(0,M.jsx)(o,{tag:`div`,weight:`semibold`,children:e.value}),(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:e.label})]},e.label)})})]})}function Ge(){return(0,M.jsx)(xe,{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,M.jsx)(We,{}),className:`rounded-lg shadow-sm`,contentClassName:`gap-6 p-5 md:p-7 lg:p-8`,features:[{id:`approval`,icon:(0,M.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,M.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,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:`Trusted by finance, operations, and support teams.`}),(0,M.jsx)(a,{variant:`success`,children:`SOC2 ready`})]})})}function Ke(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,brand:{logo:(0,M.jsx)(q,{}),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,M.jsxs)(O,{variant:`info`,children:[(0,M.jsx)(E,{children:`Single sign-on is available`}),(0,M.jsx)(D,{children:`Company domains can sign in with Google or email.`}),(0,M.jsx)(ie,{children:(0,M.jsx)(u,{size:`small`,variant:`action`,buttonStyle:`ghost`,children:`Learn more`})})]}),socialProviders:Me,socialProvidersLayout:`grid`,socialDivider:`or use email`,cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`New to Northwind? `,(0,M.jsx)(w,{href:`#/register`,size:`xs`,children:`Request access`})]}),postCard:(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:`Protected by device verification and audit logging.`}),footerLinks:G,policyLinks:K,languageLinks:je,renderLink:J,children:(0,M.jsx)(ze,{})})})}function qe(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,size:`md`,brand:(0,M.jsx)(Fe,{}),cardMedia:(0,M.jsx)(Re,{}),cardMediaClassName:`h-16 min-h-16 overflow-hidden border-b-0 bg-transparent`,title:`Влезте в акаунта си`,description:`Въведете вашите данни, за да получите достъп до таблото.`,cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Нямате достъп? `,(0,M.jsx)(w,{href:`#/request-access`,size:`xs`,children:`Заявете покана`})]}),languageLinks:[{id:`bg`,label:`Български`,href:`#/locale/bg`},{id:`en`,label:`English`,href:`#/locale/en`}],policyLinks:K,renderLink:J,strings:{languageLinksLabel:`Език`,policyLinksLabel:`Правила`},children:(0,M.jsx)(Be,{})})})}function Je(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,brand:{logo:(0,M.jsx)(q,{}),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:Ne,socialProvidersLayout:`grid`,socialDivider:`or send a one-time code`,footerLinks:G,policyLinks:K,renderLink:J,children:(0,M.jsx)(He,{})})})}function Ye(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,size:`sm`,brand:{logo:(0,M.jsx)(q,{}),label:`Northwind Admin`,href:`#/`},title:`Reset your password`,description:`Choose a new password for marina@northwind.test.`,banner:(0,M.jsxs)(O,{variant:`warning`,children:[(0,M.jsx)(E,{children:`Reset link expires soon`}),(0,M.jsx)(D,{children:`For security, this link is valid for another 12 minutes.`})]}),cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Remembered it? `,(0,M.jsx)(w,{href:`#/login`,size:`xs`,children:`Back to sign in`})]}),policyLinks:K,renderLink:J,children:(0,M.jsx)(Ue,{})})})}function Xe(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{variant:`split`,size:`md`,splitSide:`left`,splitMobile:`stacked`,className:`min-h-full bg-muted/20`,mainClassName:X,splitGridClassName:Ie,splitPanelClassName:`p-3 lg:p-5`,brand:{logo:(0,M.jsx)(q,{}),label:`Northwind Admin`,href:`#/`},cardMedia:(0,M.jsx)(Le,{}),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,M.jsx)(a,{variant:`warning`,children:`Invite`}),splitPanel:(0,M.jsx)(Ge,{}),cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Already joined? `,(0,M.jsx)(w,{href:`#/login`,size:`xs`,children:`Sign in`})]}),footerLinks:G,policyLinks:K,renderLink:J,children:(0,M.jsx)(Ve,{})})})}function Ze(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{variant:`split`,size:`sm`,splitSide:`right`,className:`min-h-full bg-muted/20`,mainClassName:X,splitGridClassName:Ie,splitPanelClassName:`p-3 lg:p-5`,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,M.jsx)(b,{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,M.jsx)(y,{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,M.jsx)(q,{}),label:`Northwind Admin`,href:`#/`},title:`Check your email`,description:`We sent a one-time sign-in link to marina@northwind.test.`,footerLinks:G,policyLinks:K,languageSwitcher:(0,M.jsx)(u,{size:`small`,variant:`secondary`,buttonStyle:`outline`,children:`English`}),renderLink:J,children:(0,M.jsxs)(`div`,{className:`grid gap-4`,children:[(0,M.jsxs)(O,{variant:`success`,children:[(0,M.jsx)(E,{children:`Magic link sent`}),(0,M.jsx)(D,{children:`The link expires in 15 minutes.`})]}),(0,M.jsx)(u,{fullWidth:!0,children:`Open mail app`}),(0,M.jsx)(u,{variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,children:`Resend link`})]})})})}function Qe(){return(0,M.jsxs)(`div`,{className:`max-w-md rounded-lg border border-dashed border-border p-6`,children:[(0,M.jsx)(o,{tag:`div`,weight:`semibold`,children:`Footer links use the host router`}),(0,M.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1`,children:`The package never imports Inertia, Next, React Router, or TanStack Router.`}),(0,M.jsx)(R,{className:`mt-4 justify-start`,links:G,renderLink:({href:e,children:t,className:n,target:r,rel:i,onClick:a})=>(0,M.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{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-BPNIPavy.js";import{t as c}from"./building-2-CV7gTtXz.js";import{t as l}from"./chart-column-sz871NdJ.js";import{r as u,t as d}from"./example-CJMJcnb4.js";import{t as f}from"./circle-check-C0X85t4j.js";import{t as p}from"./clock-3-CXQJFcbh.js";import{t as m}from"./earth-HLyEI1oq.js";import{t as h}from"./password-input-1FVEugoO.js";import{t as g}from"./key-round-J11Zc216.js";import{t as _}from"./lock-keyhole-CWYENd9O.js";import{t as v}from"./mail-check-DZF1VbCX.js";import{t as y}from"./shield-check-DSfGVZq0.js";import{t as b}from"./sparkles-Z4V23xKK.js";import{N as x,d as ee,l as te,n as S}from"./index-jD-KSiHu.js";import{t as C}from"./props-table-DoDq8Mvr.js";import{t as w}from"./text-link-ZT6QGJOL.js";import{a as T,r as ne,t as re}from"./card-primitives-Bv6XGPJd.js";import{i as E,n as ie,r as D,t as O}from"./alert-6Emt6KX2.js";import{c as ae,i as oe,o as se,r as ce,t as le,u as ue}from"./item-ffIfXEGd.js";import{t as de}from"./checkbox-W4MhlPlJ.js";import{t as k}from"./input-CkNgwwCs.js";import{n as A}from"./form-field-Dhy0eM5B.js";import{t as j}from"./use-layout-link-nEU6ctSs.js";var fe=te(`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`}]]),M=ee();function pe({eyebrow:e,title:t,description:n,headerEnd:i,banner:a,media:s,footer:c,children:l,className:u,headerClassName:d,mediaClassName:f,contentClassName:p,footerClassName:m,...h}){let g=!!(e||t||n||i);return(0,M.jsxs)(T,{"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,M.jsx)(`div`,{className:S(`auth-card--media`,`min-h-12 border-b border-border/60 bg-muted/50`,f),children:s}),!!g&&(0,M.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,M.jsxs)(`div`,{className:`min-w-0 space-y-1.5`,children:[!!e&&(0,M.jsx)(o,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-card--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,M.jsx)(r,{tag:`h1`,containerClassName:`space-y-0`,className:`auth-card--title border-0 pb-0 text-lg leading-tight`,children:t}),!!n&&(0,M.jsx)(o,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-card--description max-w-prose`,children:n})]}),!!i&&(0,M.jsx)(`div`,{className:`auth-card--header-end shrink-0`,children:i})]}),(0,M.jsxs)(re,{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:[!!a&&(0,M.jsx)(`div`,{className:`auth-card--banner mb-5`,children:a}),l]}),!!c&&(0,M.jsx)(ne,{className:S(`auth-card--footer`,`border-t border-border/60 px-6 py-4 md:px-8`,m),children:c})]})}var N=t(n(),1);function me(e){return!!(e&&typeof e==`object`&&!(0,N.isValidElement)(e)&&(`logo`in e||`label`in e||`description`in e||`href`in e))}function P({links:e=[],renderLink:t,LinkComponent:n}={}){let r=j({renderLink:t,LinkComponent:n});return{links:(0,N.useMemo)(()=>e.filter(e=>e.visible!==!1),[e]),renderLink:r}}function he({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=j({renderLink:u,LinkComponent:d}),p=(0,N.useMemo)(()=>r.filter(e=>e.visible!==!1),[r]),m=(0,N.useMemo)(()=>i.filter(e=>e.visible!==!1),[i]),h=(0,N.useMemo)(()=>a.filter(e=>e.visible!==!1),[a]),g=(0,N.useMemo)(()=>c.filter(e=>e.visible!==!1),[c]),_=!!(t&&(me(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 ge={socialDivider:`or continue with email`,socialProvidersLabel:`Social sign-in options`,footerLinksLabel:`Authentication links`,policyLinksLabel:`Policies`,languageLinksLabel:`Language options`},F={label:`Authentication links`},I={label:`Social sign-in options`},L={label:`Authentication method`,divider:`or`};function R({links:e,leadingIcon:t,separator:n=`·`,renderLink:r,LinkComponent:i,className:a,strings:s,...c}){let l=x(F,s),{links:u,renderLink:d}=P({links:e,renderLink:r,LinkComponent:i});return u.length===0?null:(0,M.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,M.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,M.jsx)(o,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})});return(0,M.jsxs)(N.Fragment,{children:[t>0&&(0,M.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,"aria-hidden":`true`,className:`auth-footer-links--separator`,children:n}),r]},e.id??t)})]})}var _e=`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 z(){return(0,M.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 256 262`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,M.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,M.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,M.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,M.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 B(){return(0,M.jsxs)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 23 23`,children:[(0,M.jsx)(`path`,{fill:`#f25022`,d:`M1 1h10v10H1z`}),(0,M.jsx)(`path`,{fill:`#7fba00`,d:`M12 1h10v10H12z`}),(0,M.jsx)(`path`,{fill:`#00a4ef`,d:`M1 12h10v10H1z`}),(0,M.jsx)(`path`,{fill:`#ffb900`,d:`M12 12h10v10H12z`})]})}function V(){return(0,M.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,M.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 H(){return(0,M.jsx)(`svg`,{"aria-hidden":`true`,className:`size-4`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,M.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 ve({provider:e}){if(e.icon)return(0,M.jsx)(M.Fragment,{children:e.icon});switch(e.provider){case`google`:return(0,M.jsx)(z,{});case`github`:return(0,M.jsx)(V,{});case`microsoft`:return(0,M.jsx)(B,{});case`apple`:return(0,M.jsx)(H,{});default:return(0,M.jsx)(g,{className:`size-4`,"aria-hidden":`true`})}}function U({provider:e,renderLink:t,LinkComponent:n,className:r}){let i=j({renderLink:t,LinkComponent:n}),a=(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(ve,{provider:e}),(0,M.jsx)(o,{tag:`span`,className:`text-inherit`,children:e.label})]}),s=S(_e,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,M.jsx)(u,{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 ye({providers:e,layout:t=`stack`,renderLink:n,LinkComponent:r,className:i,strings:a,...o}){let s=x(I,a),c=e?.filter(e=>e.visible!==!1)??[];return c.length===0?null:(0,M.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,M.jsx)(U,{provider:e,renderLink:n,LinkComponent:r},e.id??String(e.label)))})}var be={card:`border-border/70 bg-card`,muted:`border-border/60 bg-muted/40`};function xe({eyebrow:e,title:t,description:n,media:i,features:a,footer:s,children:c,surface:l=`muted`,className:u,contentClassName:d,...f}){let p=!!(e||t||n),m=a?.filter(e=>e.title)??[];return(0,M.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`,be[l],u),...f,children:(0,M.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:[!!i&&(0,M.jsx)(`div`,{className:`auth-split-panel--media overflow-hidden rounded-lg border border-border/60 bg-background/70`,children:i}),!!p&&(0,M.jsxs)(`div`,{className:`auth-split-panel--intro max-w-xl space-y-2`,children:[!!e&&(0,M.jsx)(o,{tag:`div`,size:`xxs`,type:`secondary`,weight:`semibold`,className:`auth-split-panel--eyebrow uppercase tracking-wide`,children:e}),!!t&&(0,M.jsx)(r,{tag:`h2`,containerClassName:`space-y-0`,className:`auth-split-panel--title border-0 pb-0 text-xl leading-tight`,children:t}),!!n&&(0,M.jsx)(o,{tag:`div`,type:`secondary`,lineHeight:`relaxed`,className:`auth-split-panel--description max-w-prose`,children:n})]}),m.length>0&&(0,M.jsx)(se,{className:`auth-split-panel--features grid gap-3`,children:m.map((e,t)=>(0,M.jsxs)(le,{variant:`muted`,className:`auth-split-panel--feature bg-background/70`,children:[!!e.icon&&(0,M.jsx)(ae,{variant:`icon`,className:`text-muted-foreground`,children:e.icon}),(0,M.jsxs)(ce,{className:`min-w-0 sm:min-w-48`,children:[(0,M.jsx)(ue,{children:e.title}),!!e.description&&(0,M.jsx)(oe,{clamp:`none`,children:e.description})]})]},e.id??t))}),c,!!s&&(0,M.jsx)(`div`,{className:`auth-split-panel--footer`,children:s})]})})}var Se={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`};function Ce(e){return!!(e&&typeof e==`object`&&!(0,N.isValidElement)(e))}function we(e){let t=!!(e.label||e.description);return(0,M.jsxs)(M.Fragment,{children:[!!e.logo&&(0,M.jsx)(`div`,{className:`auth-shell--brand-logo shrink-0`,children:e.logo}),!!t&&(0,M.jsxs)(`div`,{className:`auth-shell--brand-text min-w-0`,children:[!!e.label&&(0,M.jsx)(o,{tag:`div`,weight:`semibold`,className:`auth-shell--brand-label`,children:e.label}),!!e.description&&(0,M.jsx)(o,{tag:`div`,size:`xs`,type:`secondary`,className:`auth-shell--brand-description`,children:e.description})]})]})}function Te({brand:e,renderLink:t}){if(!e)return null;if(!me(e))return(0,M.jsx)(`div`,{className:`auth-shell--brand flex items-center justify-center`,children:e});let n=we(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,M.jsx)(`div`,{className:r,children:n})}function Ee(e){return e?(0,N.isValidElement)(e)?e:Ce(e)?(0,M.jsx)(xe,{...e}):null:null}function W({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:te=`stack`,socialDivider:C,splitPanel:w,splitSide:T=`left`,splitMobile:ne=`hidden`,renderLink:re,LinkComponent:E,className:ie,mainClassName:D,stackClassName:O,cardClassName:ae,cardContentClassName:oe,splitGridClassName:se,splitPanelClassName:ce,footerClassName:le,strings:ue,...de}){let k=x(ge,ue),{variant:A,hasBrand:j,hasAfterCard:fe,hasSplitPanel:N,hasSocialProviders:me,renderLink:P,footerLinks:F,policyLinks:I,languageLinks:L,socialProviders:_e}=he({variant:t,brand:i,footer:g,footerLinks:_,policyLinks:v,languageLinks:y,languageSwitcher:b,postCard:h,socialProviders:ee,splitPanel:w,renderLink:re,LinkComponent:E}),z=A===`split`&&N,B=Ee(w),V=T===`left`,H=ne===`stacked`,ve=j?Te({brand:i,renderLink:P}):null,U=(0,M.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`,z&&`lg:min-h-svh`,D),children:(0,M.jsxs)(`div`,{className:S(`auth-shell--stack`,`flex w-full flex-col gap-5`,Se[n],O),children:[ve,(0,M.jsxs)(pe,{eyebrow:a,title:s,description:c,headerEnd:l,banner:u,media:d,mediaClassName:f,footer:p,className:ae,contentClassName:oe,children:[!!me&&(0,M.jsxs)(`div`,{className:`auth-shell--social mb-4 grid gap-4`,children:[(0,M.jsx)(ye,{providers:_e,layout:te,renderLink:P,strings:{label:k.socialProvidersLabel}}),(0,M.jsxs)(`div`,{className:`auth-shell--social-divider flex items-center gap-3`,children:[(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,M.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:C??k.socialDivider}),(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]})]}),e]}),!!fe&&(0,M.jsxs)(`div`,{className:S(`auth-shell--after-card`,`flex flex-col items-center gap-3 text-center`,le),children:[!!h&&(0,M.jsx)(`div`,{className:`auth-shell--post-card`,children:h}),!!b&&(0,M.jsx)(`div`,{className:`auth-shell--language-switcher`,children:b}),L.length>0&&(0,M.jsx)(R,{className:`auth-shell--language-links`,links:L,leadingIcon:(0,M.jsx)(m,{className:`size-3.5`}),renderLink:P,strings:{label:k.languageLinksLabel}}),F.length>0&&(0,M.jsx)(R,{className:`auth-shell--footer-links`,links:F,renderLink:P,strings:{label:k.footerLinksLabel}}),I.length>0&&(0,M.jsx)(R,{className:`auth-shell--policy-links`,links:I,renderLink:P,strings:{label:k.policyLinksLabel}}),!!g&&(0,M.jsx)(`div`,{className:`auth-shell--footer`,children:g})]})]})});return z?(0,M.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`split`,"data-split-side":T,"data-split-mobile":ne,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,ie),...de,children:(0,M.jsxs)(`div`,{className:S(`auth-shell--split-grid min-h-svh lg:grid`,V?`lg:grid-cols-[minmax(0,1fr)_minmax(24rem,34rem)]`:`lg:grid-cols-[minmax(24rem,34rem)_minmax(0,1fr)]`,se),children:[!!V&&(0,M.jsx)(`div`,{className:S(`auth-shell--split-panel`,H?`block`:`hidden lg:block`,ce),children:B}),U,!V&&(0,M.jsx)(`div`,{className:S(`auth-shell--split-panel`,H?`block`:`hidden lg:block`,ce),children:B})]})}):(0,M.jsx)(`div`,{"data-slot":`auth-shell`,"data-variant":`card`,className:S(`auth-shell--component`,`min-h-svh bg-background text-foreground`,ie),...de,children:U})}function De(e){return e.find(e=>!e.disabled)}function Oe({options:e=[],value:t,defaultValue:n,onValueChange:r}={}){let i=N.useMemo(()=>e.filter(e=>e.visible!==!1),[e]),a=n??De(i)?.id,[o,s]=N.useState(a),c=t!==void 0,l=c?t:o,u=i.find(e=>e.id===l),d=N.useCallback(e=>{let t=i.find(t=>t.id===e);!t||t.disabled||(c||s(e),r?.(e,t))},[c,r,i]);return N.useEffect(()=>{c||u||i.length===0||s(De(i)?.id)},[c,u,i]),{value:l,selectedOption:u,options:i,setValue:d}}function ke({options:e=[],value:t,defaultValue:n,onValueChange:r,layout:i=`stack`,divider:a,className:s,strings:c,...l}){let d=x(L,c),{"aria-label":f,...p}=l,{value:m,options:h,setValue:g}=Oe({options:e,value:t,defaultValue:n,onValueChange:r});return h.length===0?null:(0,M.jsxs)(`div`,{className:S(`auth-method-switch--component grid gap-3`,s),...p,children:[a!==null&&a!==!1&&(0,M.jsxs)(`div`,{className:`auth-method-switch--divider flex items-center gap-3`,children:[(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`}),(0,M.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,children:a??d.divider}),(0,M.jsx)(`span`,{className:`h-px min-w-0 flex-1 bg-border`,"aria-hidden":`true`})]}),(0,M.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`),...l,children:h.map(e=>{let t=e.id===m,n=i===`segmented`;return(0,M.jsx)(u,{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,M.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,M.jsx)(`span`,{className:`auth-method-switch--option-icon shrink-0`,"aria-hidden":`true`,children:e.icon}),(0,M.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,M.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,M.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 Ae=e({CenteredCardAuth:()=>Ke,FrameworkLinkContract:()=>Qe,LocalizedPatternCardAuth:()=>qe,ProviderMatrixAuth:()=>Je,ResetPasswordAuth:()=>Ye,RightSplitAuthShell:()=>Ze,SplitAuthShell:()=>Xe}),G=[{id:`support`,label:`Support`,href:`#/support`},{id:`status`,label:`Status`,href:`https://status.example.com`,external:!0}],K=[{id:`privacy`,label:`Privacy`,href:`#/privacy`},{id:`terms`,label:`Terms`,href:`#/terms`}],je=[{id:`en`,label:`EN`,href:`#/locale/en`},{id:`bg`,label:`BG`,href:`#/locale/bg`},{id:`el`,label:`EL`,href:`#/locale/el`}],Me=[{id:`google`,provider:`google`,label:`Google`,href:`#/auth/google`},{id:`github`,provider:`github`,label:`GitHub`,href:`#/auth/github`}],Ne=[{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,M.jsx)(v,{className:`size-4`,"aria-hidden":`true`})}],Pe=[{id:`magic-link`,label:`Email me a magic link`,description:`Send a single-use sign-in link to the address above.`,icon:(0,M.jsx)(v,{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,M.jsx)(g,{className:`size-3.5`,"aria-hidden":`true`})}];function q(){return(0,M.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-lg bg-foreground text-background`,children:(0,M.jsx)(c,{className:`size-4`,"aria-hidden":`true`})})}function Fe(){return(0,M.jsxs)(`div`,{className:`flex flex-col items-center gap-1 text-center`,children:[(0,M.jsx)(o,{tag:`div`,className:`font-serif text-2xl leading-none tracking-normal text-foreground`,children:`Gift come true`}),(0,M.jsx)(`div`,{className:`h-px w-16 bg-foreground/40`})]})}function J({href:e,children:t,className:n,target:r,rel:i,onClick:a}){return(0,M.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,children:t})}var Y=`min-h-full`,X=`min-h-full py-6 sm:py-6 md:py-7`,Ie=`min-h-full`;function Z({children:e}){return(0,M.jsx)(`div`,{className:`auth-demo-viewport h-168 overflow-auto bg-background`,children:e})}function Le(){return(0,M.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden`,children:[(0,M.jsx)(`div`,{className:`absolute inset-0 bg-info/15`}),(0,M.jsx)(`div`,{className:`absolute -left-8 top-0 h-24 w-24 rotate-45 border-[10px] border-info/70`}),(0,M.jsx)(`div`,{className:`absolute left-20 -top-6 h-28 w-16 rotate-12 bg-warning/75`}),(0,M.jsx)(`div`,{className:`absolute left-44 top-3 h-20 w-28 rotate-[-18deg] border-[10px] border-success/70`}),(0,M.jsx)(`div`,{className:`absolute right-20 -top-4 h-24 w-12 rotate-45 bg-info/70`}),(0,M.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-24 rotate-12 border-[10px] border-warning/80`}),(0,M.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-3 bg-foreground/80`})]})}function Re(){return(0,M.jsxs)(`div`,{className:`relative h-full min-h-16 overflow-hidden bg-foreground`,children:[(0,M.jsx)(`div`,{className:`absolute left-0 top-0 h-full w-20 border-e-8 border-warning bg-info/80`}),(0,M.jsx)(`div`,{className:`absolute left-14 top-0 h-24 w-24 rotate-45 border-[10px] border-success`}),(0,M.jsx)(`div`,{className:`absolute left-36 -top-4 h-28 w-16 rotate-12 bg-warning`}),(0,M.jsx)(`div`,{className:`absolute left-52 top-4 h-20 w-32 rotate-[-18deg] border-[10px] border-info`}),(0,M.jsx)(`div`,{className:`absolute right-24 -top-2 h-24 w-20 rotate-45 bg-success`}),(0,M.jsx)(`div`,{className:`absolute right-0 top-0 h-20 w-28 rotate-12 border-[10px] border-warning`})]})}function ze(){let[e,t]=(0,N.useState)(`password`),n=Pe.filter(t=>t.id!==e);return(0,M.jsxs)(`div`,{className:`grid gap-4`,children:[e===`password`&&(0,M.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Password sign in`,children:[(0,M.jsx)(A,{label:`Email`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,M.jsx)(A,{label:`Password`,required:!0,children:(0,M.jsx)(h,{placeholder:`Enter your password`,autoComplete:`current-password`,startIcon:_})}),(0,M.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,M.jsxs)(`label`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(de,{"aria-label":`Remember this device`}),(0,M.jsx)(o,{tag:`span`,size:`xs`,children:`Remember this device`})]}),(0,M.jsx)(u,{type:`button`,size:`small`,variant:`action`,buttonStyle:`ghost`,className:`h-auto px-1 py-0`,onClick:()=>t(`forgot-password`),children:`Forgot password?`})]}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Sign in`}),(0,M.jsx)(ke,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`magic-link`&&(0,M.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`Magic link sign in`,children:[(0,M.jsx)(A,{label:`Work email`,hint:`We will send a single-use link that expires in 15 minutes.`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:v})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Send magic link`}),(0,M.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,M.jsx)(ke,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`sso`&&(0,M.jsxs)(`form`,{className:`grid gap-4`,"aria-label":`SSO sign in`,children:[(0,M.jsx)(A,{label:`Company domain`,hint:`Route the user to the provider owned by the host app.`,required:!0,children:(0,M.jsx)(k,{type:`text`,placeholder:`northwind.com`,autoComplete:`organization`,startIcon:m})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Continue with SSO`}),(0,M.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Use password instead`}),(0,M.jsx)(ke,{options:n,value:null,onValueChange:e=>t(e)})]}),e===`forgot-password`&&(0,M.jsxs)(`div`,{className:`grid gap-4`,"aria-label":`Forgot password`,children:[(0,M.jsxs)(O,{variant:`info`,children:[(0,M.jsx)(E,{children:`Password reset`}),(0,M.jsx)(D,{children:`Send a recovery link without leaving the auth shell or changing routes first.`})]}),(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Account email`,hint:`Use the email connected to your workspace.`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Send reset link`})]}),(0,M.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,onClick:()=>t(`password`),children:`Back to password sign in`})]})]})}function Be(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Имейл`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`})}),(0,M.jsx)(A,{label:`Парола`,required:!0,children:(0,M.jsx)(h,{placeholder:`Въведете парола`,autoComplete:`current-password`,startIcon:_,strings:{showPassword:`Покажи паролата`,hidePassword:`Скрий паролата`}})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Вход`})]})}function Ve(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Work email`,hint:`Use the email address that received the invite.`,required:!0,children:(0,M.jsx)(k,{type:`email`,placeholder:`you@company.com`,autoComplete:`email`,startIcon:m})}),(0,M.jsx)(A,{label:`Password`,hint:`Minimum 12 characters.`,required:!0,children:(0,M.jsx)(h,{placeholder:`Create a password`,autoComplete:`new-password`,startIcon:g})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Accept invite`})]})}function He(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`Work email`,hint:`We will send a secure one-time code.`,children:(0,M.jsx)(k,{type:`email`,placeholder:`admin@company.com`,autoComplete:`email`})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Send code`})]})}function Ue(){return(0,M.jsxs)(`form`,{className:`grid gap-4`,children:[(0,M.jsx)(A,{label:`New password`,hint:`Use at least 12 characters.`,required:!0,children:(0,M.jsx)(h,{autoComplete:`new-password`,placeholder:`Create a new password`})}),(0,M.jsx)(A,{label:`Confirm password`,required:!0,children:(0,M.jsx)(h,{autoComplete:`new-password`,placeholder:`Repeat password`})}),(0,M.jsx)(u,{type:`submit`,fullWidth:!0,children:`Update password`})]})}function We(){let e=[{label:`Orders protected`,value:`18.4k`,icon:y},{label:`Team seats`,value:`42`,icon:fe},{label:`Risk checks`,value:`99.9%`,icon:l}];return(0,M.jsxs)(`div`,{className:`grid gap-3 p-4`,children:[(0,M.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-card p-4`,children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,M.jsxs)(`div`,{children:[(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:`Last 30 days`}),(0,M.jsx)(o,{tag:`div`,weight:`semibold`,children:`Operational overview`})]}),(0,M.jsx)(a,{variant:`success`,children:`Live`})]}),(0,M.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,M.jsx)(`span`,{className:`flex-1 rounded-t bg-info/70`,style:{height:`${e}%`}},t))})]}),(0,M.jsx)(`div`,{className:`grid gap-2 sm:grid-cols-3`,children:e.map(e=>{let t=e.icon;return(0,M.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-background/80 p-3`,children:[(0,M.jsx)(t,{className:`mb-2 size-4 text-muted-foreground`,"aria-hidden":`true`}),(0,M.jsx)(o,{tag:`div`,weight:`semibold`,children:e.value}),(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:e.label})]},e.label)})})]})}function Ge(){return(0,M.jsx)(xe,{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,M.jsx)(We,{}),className:`rounded-lg shadow-sm`,contentClassName:`gap-6 p-5 md:p-7 lg:p-8`,features:[{id:`approval`,icon:(0,M.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,M.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,M.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:`Trusted by finance, operations, and support teams.`}),(0,M.jsx)(a,{variant:`success`,children:`SOC2 ready`})]})})}function Ke(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,brand:{logo:(0,M.jsx)(q,{}),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,M.jsxs)(O,{variant:`info`,children:[(0,M.jsx)(E,{children:`Single sign-on is available`}),(0,M.jsx)(D,{children:`Company domains can sign in with Google or email.`}),(0,M.jsx)(ie,{children:(0,M.jsx)(u,{size:`small`,variant:`action`,buttonStyle:`ghost`,children:`Learn more`})})]}),socialProviders:Me,socialProvidersLayout:`grid`,socialDivider:`or use email`,cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`New to Northwind? `,(0,M.jsx)(w,{href:`#/register`,size:`xs`,children:`Request access`})]}),postCard:(0,M.jsx)(o,{size:`xs`,type:`secondary`,children:`Protected by device verification and audit logging.`}),footerLinks:G,policyLinks:K,languageLinks:je,renderLink:J,children:(0,M.jsx)(ze,{})})})}function qe(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,size:`md`,brand:(0,M.jsx)(Fe,{}),cardMedia:(0,M.jsx)(Re,{}),cardMediaClassName:`h-16 min-h-16 overflow-hidden border-b-0 bg-transparent`,title:`Влезте в акаунта си`,description:`Въведете вашите данни, за да получите достъп до таблото.`,cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Нямате достъп? `,(0,M.jsx)(w,{href:`#/request-access`,size:`xs`,children:`Заявете покана`})]}),languageLinks:[{id:`bg`,label:`Български`,href:`#/locale/bg`},{id:`en`,label:`English`,href:`#/locale/en`}],policyLinks:K,renderLink:J,strings:{languageLinksLabel:`Език`,policyLinksLabel:`Правила`},children:(0,M.jsx)(Be,{})})})}function Je(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,brand:{logo:(0,M.jsx)(q,{}),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:Ne,socialProvidersLayout:`grid`,socialDivider:`or send a one-time code`,footerLinks:G,policyLinks:K,renderLink:J,children:(0,M.jsx)(He,{})})})}function Ye(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{className:Y,mainClassName:X,size:`sm`,brand:{logo:(0,M.jsx)(q,{}),label:`Northwind Admin`,href:`#/`},title:`Reset your password`,description:`Choose a new password for marina@northwind.test.`,banner:(0,M.jsxs)(O,{variant:`warning`,children:[(0,M.jsx)(E,{children:`Reset link expires soon`}),(0,M.jsx)(D,{children:`For security, this link is valid for another 12 minutes.`})]}),cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Remembered it? `,(0,M.jsx)(w,{href:`#/login`,size:`xs`,children:`Back to sign in`})]}),policyLinks:K,renderLink:J,children:(0,M.jsx)(Ue,{})})})}function Xe(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{variant:`split`,size:`md`,splitSide:`left`,splitMobile:`stacked`,className:`min-h-full bg-muted/20`,mainClassName:X,splitGridClassName:Ie,splitPanelClassName:`p-3 lg:p-5`,brand:{logo:(0,M.jsx)(q,{}),label:`Northwind Admin`,href:`#/`},cardMedia:(0,M.jsx)(Le,{}),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,M.jsx)(a,{variant:`warning`,children:`Invite`}),splitPanel:(0,M.jsx)(Ge,{}),cardFooter:(0,M.jsxs)(o,{size:`xs`,type:`secondary`,children:[`Already joined? `,(0,M.jsx)(w,{href:`#/login`,size:`xs`,children:`Sign in`})]}),footerLinks:G,policyLinks:K,renderLink:J,children:(0,M.jsx)(Ve,{})})})}function Ze(){return(0,M.jsx)(Z,{children:(0,M.jsx)(W,{variant:`split`,size:`sm`,splitSide:`right`,className:`min-h-full bg-muted/20`,mainClassName:X,splitGridClassName:Ie,splitPanelClassName:`p-3 lg:p-5`,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,M.jsx)(b,{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,M.jsx)(y,{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,M.jsx)(q,{}),label:`Northwind Admin`,href:`#/`},title:`Check your email`,description:`We sent a one-time sign-in link to marina@northwind.test.`,footerLinks:G,policyLinks:K,languageSwitcher:(0,M.jsx)(u,{size:`small`,variant:`secondary`,buttonStyle:`outline`,children:`English`}),renderLink:J,children:(0,M.jsxs)(`div`,{className:`grid gap-4`,children:[(0,M.jsxs)(O,{variant:`success`,children:[(0,M.jsx)(E,{children:`Magic link sent`}),(0,M.jsx)(D,{children:`The link expires in 15 minutes.`})]}),(0,M.jsx)(u,{fullWidth:!0,children:`Open mail app`}),(0,M.jsx)(u,{variant:`secondary`,buttonStyle:`outline`,fullWidth:!0,children:`Resend link`})]})})})}function Qe(){return(0,M.jsxs)(`div`,{className:`max-w-md rounded-lg border border-dashed border-border p-6`,children:[(0,M.jsx)(o,{tag:`div`,weight:`semibold`,children:`Footer links use the host router`}),(0,M.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1`,children:`The package never imports Inertia, Next, React Router, or TanStack Router.`}),(0,M.jsx)(R,{className:`mt-4 justify-start`,links:G,renderLink:({href:e,children:t,className:n,target:r,rel:i,onClick:a})=>(0,M.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,onClick:a,"data-router-link":`example`,children:t})})]})}var Q=`import {
 	BarChart3,
 	Building2,
 	CheckCircle2,

package/dist/showcase/assets/{layout-containers-DMHD2zdV.js → layout-containers-NclLtsV0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-D-N8Ze16.js";import{t as a}from"./example-PsbgbESI.js";import{d as o,n as s}from"./index-QESvAJrb.js";import{t as c}from"./smart-card-C6-idFYI.js";import{t as l}from"./content-container-D4BM1Zro.js";var u=o(),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:s(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:`default`,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:`default`,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)(n,{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)(n,{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{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BPNIPavy.js";import{t as a}from"./example-CJMJcnb4.js";import{d as o,n as s}from"./index-jD-KSiHu.js";import{t as c}from"./smart-card-p97LLZCW.js";import{t as l}from"./content-container-BxSLICeL.js";var u=o(),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:s(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:`default`,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:`default`,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)(n,{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)(n,{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';

package/dist/showcase/assets/{layout-header-CGesu_kM.js → layout-header-B8AOTiwL.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-D-N8Ze16.js";import{t as s}from"./bell-CwRy7zpP.js";import{r as c,t as l}from"./example-PsbgbESI.js";import{t as u}from"./circle-alert-9j29FrsT.js";import{t as d}from"./circle-check-BkFKejsY.js";import{n as f,t as p}from"./header-notifications-B2v1Mdri.js";import{r as m,t as h}from"./sidebar.context-BWMPnGn6.js";import{t as g}from"./settings-DkTHc0Ob.js";import{d as _,n as v}from"./index-QESvAJrb.js";import{t as y}from"./props-table-CCcohuyT.js";import{t as b}from"./smart-card-C6-idFYI.js";import{t as x}from"./separator-Ha9YxI2x.js";import{i as S,t as C}from"./popover-Bu7aaPjE.js";import{t as w}from"./popover-BsCx2XMI.js";import{t as T}from"./page-header-BGqE9hzO.js";import{n as E,t as D}from"./header-CgApizpk.js";var O=_();function k({onOpen:e,onOpenChange:t,...n}){return(0,O.jsx)(f,{...n,onOpen:()=>{e?.(),t?.(!0)}})}var A=t(n(),1).forwardRef(({label:e,icon:t,active:n=!1,disabled:r=!1,badge:i,onClick:a,className:o,iconClassName:s},l)=>(0,O.jsxs)(c,{ref:l,"data-component":`header-tool-button`,"data-slot":`header-tool-button`,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":e,"aria-pressed":n||void 0,title:e,disabled:r,onClick:a,className:v(`header-tool-button--component header-tool-button--trigger relative size-control rounded-lg text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background`,n&&`bg-accent text-accent-foreground`,o),children:[(0,O.jsx)(t,{"data-slot":`header-tool-icon`,className:v(`header-tool-button--icon size-icon`,s),"aria-hidden":`true`}),!!i&&(0,O.jsx)(`span`,{"data-slot":`header-tool-badge`,className:`header-tool-button--badge absolute right-space-xs top-space-xs flex min-h-space-lg min-w-space-lg items-center justify-center rounded-full bg-destructive px-space-2xs text-xxs font-medium leading-none text-destructive-foreground`,children:i}),(0,O.jsx)(`span`,{className:`sr-only`,children:e})]}));A.displayName=`HeaderToolButton`;function j({label:e,icon:t,open:n,defaultOpen:r,onOpenChange:i,active:a,disabled:o,badge:s,align:c=`end`,side:l=`bottom`,sideOffset:u=8,className:d,triggerClassName:f,contentClassName:p,children:m}){return(0,O.jsxs)(C,{open:n,defaultOpen:r,onOpenChange:i,children:[(0,O.jsx)(S,{asChild:!0,children:(0,O.jsx)(A,{label:e,icon:t,active:a??n,disabled:o,badge:s,className:f})}),(0,O.jsx)(w,{"data-component":`header-tool-popover`,"data-slot":`header-tool-popover-content`,align:c,side:l,sideOffset:u,className:v(`header-tool-popover--component w-80 max-w-[calc(100vw-2rem)] p-0`,d,p),children:m})]})}var M=e({AppHeaderComposition:()=>I,CustomNotificationRenderer:()=>z,HeaderPartials:()=>L,HeaderToolPrimitives:()=>R}),N={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},P=[{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 F({href:e,children:t,className:n,target:r,rel:i}){return(0,O.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function I(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(h,{className:`min-h-0`,children:(0,O.jsx)(`div`,{className:`w-full overflow-hidden rounded-lg border border-border bg-background p-3`,children:(0,O.jsxs)(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background shadow-sm`,children:[(0,O.jsx)(D,{renderLink:F,breadcrumbs:[{label:`Operations`,href:`#/features/activities`},{label:`Orders`}],centerClassName:`w-128 max-w-[40vw]`,slots:{center:(0,O.jsx)(f,{className:`w-full`,onOpen:()=>{}}),right:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,viewAllHref:`#/features/activities`,renderLink:F}),(0,O.jsx)(x,{orientation:`vertical`,className:`h-7`}),(0,O.jsx)(m,{user:N,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}}),(0,O.jsxs)(`div`,{className:`space-y-5 p-5`,children:[(0,O.jsx)(T,{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,O.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,O.jsxs)(b,{padding:`default`,className:`shadow-sm`,children:[(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:e}),(0,O.jsx)(a,{weight:`semibold`,children:t}),!!n&&(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:n})]},e))})]})]})})})})}function L(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(h,{className:`min-h-0`,children:(0,O.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Breadcrumbs`}),(0,O.jsx)(`div`,{className:`h-10 rounded-lg border border-border bg-background px-3`,children:(0,O.jsx)(E,{showSidebarTrigger:!0,homeBreadcrumb:{label:`Admin`,href:`#/admin`},renderLink:F,breadcrumbs:[{label:`Customers`,href:`#/customers`},{label:`Sarah Smitha`}]})})]}),(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Search`}),(0,O.jsx)(f,{className:`w-full`,strings:{placeholder:`Search customers, invoices, comments...`}})]}),(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Notifications`}),(0,O.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,renderLink:F}),(0,O.jsx)(i,{variant:`warning`,children:`Unread state`})]})]}),(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Right action cluster`}),(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,renderLink:F}),(0,O.jsx)(m,{user:N,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})]})]})})})}function R(){return(0,O.jsx)(b,{padding:`default`,children:(0,O.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-center`,children:[(0,O.jsxs)(`div`,{className:`min-w-0`,children:[(0,O.jsx)(a,{weight:`semibold`,children:`Header tools`}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:`Icon tools, popovers, and global-search triggers share the same dense header contract.`})]}),(0,O.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,O.jsx)(k,{className:`w-64`,strings:{placeholder:`Search workspace`},onOpen:()=>{}}),(0,O.jsx)(A,{label:`Notifications`,icon:s,badge:`3`,onClick:()=>{}}),(0,O.jsx)(j,{label:`Settings`,icon:g,open:!0,children:(0,O.jsxs)(`div`,{className:`grid gap-1 p-3`,children:[(0,O.jsx)(a,{weight:`semibold`,children:`Workspace tools`}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:`Consumer-owned content inside package popover chrome.`}),(0,O.jsx)(c,{variant:`secondary`,size:`default`,children:`Open settings`})]})})]})]})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 rounded-xl border border-border bg-background p-4 shadow-sm`,children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,renderNotification:e=>(0,O.jsxs)(`div`,{className:`flex items-start gap-3 rounded-md px-3 py-2`,children:[e.tone===`success`?(0,O.jsx)(d,{className:`mt-0.5 size-4 text-success`}):(0,O.jsx)(u,{className:`mt-0.5 size-4 text-warning`}),(0,O.jsxs)(`div`,{className:`min-w-0`,children:[(0,O.jsx)(a,{weight:`medium`,children:e.title}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:e.description})]})]})}),(0,O.jsx)(c,{variant:`secondary`,icon:s,children:`Open bell`}),(0,O.jsx)(c,{variant:`secondary`,icon:g,children:`Settings`})]})})}var B=`import { Bell, CheckCircle2, CircleAlert, Settings } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-BPNIPavy.js";import{t as s}from"./bell-DXBoeAzi.js";import{r as c,t as l}from"./example-CJMJcnb4.js";import{t as u}from"./circle-alert-C6MbOB0m.js";import{t as d}from"./circle-check-C0X85t4j.js";import{n as f,t as p}from"./header-notifications-FsnCJLpe.js";import{r as m,t as h}from"./sidebar.context-DUheJD8t.js";import{t as g}from"./settings-Cy2y3sQw.js";import{d as _,n as v}from"./index-jD-KSiHu.js";import{t as y}from"./props-table-DoDq8Mvr.js";import{t as b}from"./smart-card-p97LLZCW.js";import{t as x}from"./separator-CKM9A-mm.js";import{i as S,t as C}from"./popover-Czmwspmc.js";import{t as w}from"./popover-uqk7myG2.js";import{t as T}from"./page-header-Bdlxfn_9.js";import{n as E,t as D}from"./header-DXPFmpUT.js";var O=_();function k({onOpen:e,onOpenChange:t,...n}){return(0,O.jsx)(f,{...n,onOpen:()=>{e?.(),t?.(!0)}})}var A=t(n(),1).forwardRef(({label:e,icon:t,active:n=!1,disabled:r=!1,badge:i,onClick:a,className:o,iconClassName:s},l)=>(0,O.jsxs)(c,{ref:l,"data-component":`header-tool-button`,"data-slot":`header-tool-button`,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":e,"aria-pressed":n||void 0,title:e,disabled:r,onClick:a,className:v(`header-tool-button--component header-tool-button--trigger relative size-control rounded-lg text-foreground transition-[background-color,color,box-shadow] hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background`,n&&`bg-accent text-accent-foreground`,o),children:[(0,O.jsx)(t,{"data-slot":`header-tool-icon`,className:v(`header-tool-button--icon size-icon`,s),"aria-hidden":`true`}),!!i&&(0,O.jsx)(`span`,{"data-slot":`header-tool-badge`,className:`header-tool-button--badge absolute right-space-xs top-space-xs flex min-h-space-lg min-w-space-lg items-center justify-center rounded-full bg-destructive px-space-2xs text-xxs font-medium leading-none text-destructive-foreground`,children:i}),(0,O.jsx)(`span`,{className:`sr-only`,children:e})]}));A.displayName=`HeaderToolButton`;function j({label:e,icon:t,open:n,defaultOpen:r,onOpenChange:i,active:a,disabled:o,badge:s,align:c=`end`,side:l=`bottom`,sideOffset:u=8,className:d,triggerClassName:f,contentClassName:p,children:m}){return(0,O.jsxs)(C,{open:n,defaultOpen:r,onOpenChange:i,children:[(0,O.jsx)(S,{asChild:!0,children:(0,O.jsx)(A,{label:e,icon:t,active:a??n,disabled:o,badge:s,className:f})}),(0,O.jsx)(w,{"data-component":`header-tool-popover`,"data-slot":`header-tool-popover-content`,align:c,side:l,sideOffset:u,className:v(`header-tool-popover--component w-80 max-w-[calc(100vw-2rem)] p-0`,d,p),children:m})]})}var M=e({AppHeaderComposition:()=>I,CustomNotificationRenderer:()=>z,HeaderPartials:()=>L,HeaderToolPrimitives:()=>R}),N={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`},P=[{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 F({href:e,children:t,className:n,target:r,rel:i}){return(0,O.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function I(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(h,{className:`min-h-0`,children:(0,O.jsx)(`div`,{className:`w-full overflow-hidden rounded-lg border border-border bg-background p-3`,children:(0,O.jsxs)(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background shadow-sm`,children:[(0,O.jsx)(D,{renderLink:F,breadcrumbs:[{label:`Operations`,href:`#/features/activities`},{label:`Orders`}],centerClassName:`w-128 max-w-[40vw]`,slots:{center:(0,O.jsx)(f,{className:`w-full`,onOpen:()=>{}}),right:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,viewAllHref:`#/features/activities`,renderLink:F}),(0,O.jsx)(x,{orientation:`vertical`,className:`h-7`}),(0,O.jsx)(m,{user:N,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}}),(0,O.jsxs)(`div`,{className:`space-y-5 p-5`,children:[(0,O.jsx)(T,{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,O.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,O.jsxs)(b,{padding:`default`,className:`shadow-sm`,children:[(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:e}),(0,O.jsx)(a,{weight:`semibold`,children:t}),!!n&&(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:n})]},e))})]})]})})})})}function L(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(h,{className:`min-h-0`,children:(0,O.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Breadcrumbs`}),(0,O.jsx)(`div`,{className:`h-10 rounded-lg border border-border bg-background px-3`,children:(0,O.jsx)(E,{showSidebarTrigger:!0,homeBreadcrumb:{label:`Admin`,href:`#/admin`},renderLink:F,breadcrumbs:[{label:`Customers`,href:`#/customers`},{label:`Sarah Smitha`}]})})]}),(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Search`}),(0,O.jsx)(f,{className:`w-full`,strings:{placeholder:`Search customers, invoices, comments...`}})]}),(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Notifications`}),(0,O.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,renderLink:F}),(0,O.jsx)(i,{variant:`warning`,children:`Unread state`})]})]}),(0,O.jsxs)(b,{padding:`default`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`mb-3`,children:`Right action cluster`}),(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,renderLink:F}),(0,O.jsx)(m,{user:N,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})]})]})})})}function R(){return(0,O.jsx)(b,{padding:`default`,children:(0,O.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-center`,children:[(0,O.jsxs)(`div`,{className:`min-w-0`,children:[(0,O.jsx)(a,{weight:`semibold`,children:`Header tools`}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:`Icon tools, popovers, and global-search triggers share the same dense header contract.`})]}),(0,O.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,O.jsx)(k,{className:`w-64`,strings:{placeholder:`Search workspace`},onOpen:()=>{}}),(0,O.jsx)(A,{label:`Notifications`,icon:s,badge:`3`,onClick:()=>{}}),(0,O.jsx)(j,{label:`Settings`,icon:g,open:!0,children:(0,O.jsxs)(`div`,{className:`grid gap-1 p-3`,children:[(0,O.jsx)(a,{weight:`semibold`,children:`Workspace tools`}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:`Consumer-owned content inside package popover chrome.`}),(0,O.jsx)(c,{variant:`secondary`,size:`default`,children:`Open settings`})]})})]})]})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 rounded-xl border border-border bg-background p-4 shadow-sm`,children:[(0,O.jsx)(p,{notifications:P,unreadCount:2,renderNotification:e=>(0,O.jsxs)(`div`,{className:`flex items-start gap-3 rounded-md px-3 py-2`,children:[e.tone===`success`?(0,O.jsx)(d,{className:`mt-0.5 size-4 text-success`}):(0,O.jsx)(u,{className:`mt-0.5 size-4 text-warning`}),(0,O.jsxs)(`div`,{className:`min-w-0`,children:[(0,O.jsx)(a,{weight:`medium`,children:e.title}),(0,O.jsx)(a,{size:`xs`,type:`secondary`,children:e.description})]})]})}),(0,O.jsx)(c,{variant:`secondary`,icon:s,children:`Open bell`}),(0,O.jsx)(c,{variant:`secondary`,icon:g,children:`Settings`})]})})}var B=`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';

package/dist/showcase/assets/{layout-page-DHXu8SIv.js → layout-page-DM79QHyW.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-D-N8Ze16.js";import{t as c}from"./bell-CwRy7zpP.js";import{r as l,t as u}from"./example-PsbgbESI.js";import{t as d}from"./ellipsis-DgAjMZHc.js";import{t as f}from"./plus-BkhJjfUv.js";import{t as p}from"./refresh-cw-CELG4taF.js";import{t as m}from"./shield-Cme7_JJR.js";import{t as h}from"./trash-2-DhUpICQq.js";import{t as g}from"./user-DLuRcjl0.js";import{N as _,d as v,n as y}from"./index-QESvAJrb.js";import{t as b}from"./page-action-button-DMS8Vcmz.js";import{t as x}from"./props-table-CCcohuyT.js";import{t as S}from"./smart-card-C6-idFYI.js";import{a as C,s as w}from"./dropdown-menu-DZ47rJaE.js";import{t as T}from"./separator-Ha9YxI2x.js";import{c as E,i as D,n as O,o as ee,r as te,t as ne,u as re}from"./item-BMSdEK3V.js";import{t as k}from"./action-menu-DsAr1OqF.js";import{n as ie,t as ae}from"./use-layout-link-DIUWH-oo.js";import{t as oe}from"./page-header-BGqE9hzO.js";import{t as se}from"./page-BPFNsNh7.js";import{a as ce,c as le,i as A,l as ue,n as j,o as de,r as fe,s as M,t as pe}from"./resource-BT8_ck3n.js";var N=v(),me={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 P({noPadding:e=!1,maxWidth:t,className:n,children:r,...i}){return(0,N.jsx)(`main`,{className:y(`flex-1`,!e&&`p-4 md:p-6`,t&&y(`mx-auto w-full`,me[t]),n),...i,children:r})}var F={menuLabel:`Page actions`},I=t(n(),1),L=e=>e===`destructive`?`error`:e===`primary`||e===`success`||e===`warning`?`primary`:`secondary`,R=`max-h-[80vh] overflow-y-auto overscroll-contain`,he=4;function ge(e,t,n){if(e.visible===!1)return null;if(e.element)return(0,N.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,N.jsxs)(b,{variant:L(e.variant),onClick:e.onClick,disabled:i,children:[!!a&&(0,N.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 z(e,t,n){let r=[],i=null;return e.forEach(({action:e,index:a})=>{let s={...t,index:a,isInline:!1},c=e.group??null,l=c!==i;if(r.length>0&&l&&r.push((0,N.jsx)(T,{className:`my-1`},`sep-${i??`root`}-${c??`root`}-${e.id??a}`)),l&&(i=c,c&&r.push((0,N.jsx)(`div`,{className:`px-2 pt-1`,children:(0,N.jsx)(o,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wider`,children:c})},`group-${c}-${e.id??a}`))),e.element){r.push((0,N.jsx)(`div`,{children:e.element},e.id??a));return}if(n){r.push((0,N.jsx)(`div`,{children:n(e,s)},e.id??a));return}let u=e.icon,d=!!e.disabled||!!e.loading,f=(0,N.jsxs)(N.Fragment,{children:[!!u&&(0,N.jsx)(u,{className:`size-3.5`,"aria-hidden":`true`}),typeof e.label==`string`?(0,N.jsx)(o,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label}):e.label]}),p=y(`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,N.jsx)(w,{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??a));return}r.push((0,N.jsx)(C,{disabled:d,onClick:e.onClick,className:p,children:f},e.id??a))}),r}function B({actions:e,display:t=`dropdown`,breakpoint:n=1040,maxInlineActions:r=he,renderLink:i,LinkComponent:a,strings:o,className:s,inlineClassName:c,menuClassName:l,renderAction:u}){let f=_(F,o),p=ae({renderLink:i,LinkComponent:a}),m=(0,I.useMemo)(()=>(e??[]).map((e,t)=>({action:e,index:t})).filter(({action:e})=>e.visible!==!1),[e]),[h,g]=(0,I.useState)(!1);if((0,I.useEffect)(()=>{if(t!==`auto`||typeof window>`u`)return;let e=()=>g(window.innerWidth<=n);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[t,n]),m.length===0)return null;let v={renderLink:p},b=y(`flex items-center gap-2`,c,s),x=y(R,l);if(t===`dropdown`||t===`auto`&&h)return(0,N.jsx)(k,{icon:d,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:x,children:z(m,v,u)});let S=Math.max(0,r),C=m.filter(({action:e})=>(e.placement??`auto`)!==`menu`),w=C.slice(0,S),T=[...C.slice(S),...m.filter(({action:e})=>(e.placement??`auto`)===`menu`)];return(0,N.jsxs)(`div`,{className:b,children:[w.map(e=>(0,N.jsx)(I.Fragment,{children:ge(e.action,{...v,index:e.index,isInline:!0},u)},e.action.id??e.index)),T.length>0&&(0,N.jsx)(k,{icon:d,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:x,children:z(T,v,u)})]})}var _e={navigationAriaLabel:`Settings navigation`};function V(e){if(!e)return``;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function ve(e,t,n){if(t)return e.id===t;if(!n||!e.href)return!1;let r=V(n),i=V(e.href);return r===i||r.startsWith(`${i}/`)}function H({title:e,description:t,groups:n,currentId:i,currentPath:s,children:c,aside:l,actions:u,footer:d,className:f,navClassName:p,contentClassName:m,renderLink:h,LinkComponent:g,strings:v}){let b=_(_e,v),x=ie({renderLink:h,LinkComponent:g});return(0,N.jsxs)(`section`,{"data-component":`aside-nav-shell`,"data-slot":`aside-nav-shell`,className:y(`aside-nav-shell--component grid min-w-0 gap-5 lg:grid-cols-[17rem_minmax(0,1fr)]`,f),children:[(0,N.jsx)(`aside`,{"data-slot":`aside-nav-shell-aside`,className:`aside-nav-shell--aside min-w-0`,children:(0,N.jsxs)(S,{padding:`default`,surface:`card`,className:y(`aside-nav-shell--nav-card sticky top-[calc(var(--topbar-height)_+_1rem)]`,p),contentClassName:`grid gap-4`,children:[!!l&&(0,N.jsx)(`div`,{className:`aside-nav-shell--aside-header`,children:l}),(0,N.jsx)(`nav`,{"aria-label":b.navigationAriaLabel,className:`grid gap-4`,children:n.map(e=>(0,N.jsxs)(`div`,{className:`grid gap-1.5`,children:[!!e.label&&(0,N.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`px-2 uppercase tracking-normal`,children:e.label}),(0,N.jsx)(`div`,{className:`grid gap-0.5`,children:e.items.map(e=>{let t=e.icon,n=ve(e,i,s),r=(0,N.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[!!t&&(0,N.jsx)(t,{className:y(`size-4 shrink-0`,n?`text-primary`:`text-muted-foreground`)}),(0,N.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,N.jsx)(o,{tag:`span`,weight:n?`semibold`:`medium`,className:`truncate`,children:e.label}),!!e.description&&(0,N.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,className:`truncate`,children:e.description})]}),!!e.badge&&(0,N.jsx)(a,{variant:n?`primary`:`secondary`,className:`shrink-0`,children:e.badge})]});return(0,N.jsx)(`div`,{onClick:()=>e.onSelect?.(e.id),children:x({href:e.href,children:r,active:n,disabled:e.disabled,external:e.external,className:y(`aside-nav-shell--item flex min-w-0 rounded-md px-2 py-2 text-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,n?`bg-primary/8 text-foreground`:`text-muted-foreground hover:bg-muted/60 hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),"aria-label":typeof e.label==`string`?e.label:void 0})},e.id)})})]},e.id))})]})}),(0,N.jsxs)(`div`,{"data-slot":`aside-nav-shell-main`,className:y(`aside-nav-shell--main min-w-0 space-y-4`,m),children:[(e||t||u)&&(0,N.jsxs)(`header`,{className:`aside-nav-shell--header flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,N.jsxs)(`div`,{className:`min-w-0`,children:[!!e&&(0,N.jsx)(r,{tag:`h2`,className:`border-0 pb-0`,children:e}),!!t&&(0,N.jsx)(o,{type:`secondary`,className:`mt-1 max-w-3xl`,children:t})]}),!!u&&(0,N.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:u})]}),(0,N.jsx)(`div`,{"data-slot":`aside-nav-shell-content`,className:`aside-nav-shell--content min-w-0`,children:c}),!!d&&(0,N.jsx)(`footer`,{className:`aside-nav-shell--footer`,children:d})]})]})}var ye=H;H.displayName=`AsideNavShell`;var be=e({ComposablePartials:()=>q,ProductionPageShell:()=>K,ResourceShells:()=>J,SettingsShellExample:()=>X,TabbedResourceDetails:()=>Y}),U=[{id:`new`,label:`New customer`,icon:f,variant:`primary`,href:`#/customers/new`,placement:`inline`},{id:`sync`,label:`Sync records`,icon:p,group:`Data`,placement:`menu`},{id:`delete`,label:`Delete saved view`,icon:h,variant:`destructive`,group:`Danger`,placement:`menu`}],W=[{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`}],xe=[{initials:`SS`,name:`Sarah Smitha`,detail:`Gold segment · 4 active bookings`,status:`Live`},{initials:`DS`,name:`Daniel Smith`,detail:`Operations owner · invoice review`,status:`Review`},{initials:`EG`,name:`Emma Garcia`,detail:`New contact · onboarding started`,status:`New`}];function G({href:e,children:t,className:n,target:r,rel:i}){return(0,N.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function Se({children:e,height:t=560}){return(0,N.jsx)(`div`,{className:`layout-demo-viewport relative w-full overflow-hidden rounded-lg border border-border bg-muted/20 shadow-sm`,style:{height:t},children:e})}function Ce(){return(0,N.jsxs)(`div`,{className:`space-y-4`,children:[(0,N.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:W.map(e=>(0,N.jsx)(S,{padding:`default`,className:`border-border/80 shadow-sm`,children:(0,N.jsxs)(`div`,{className:`space-y-1`,children:[(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:e.label}),(0,N.jsx)(o,{weight:`semibold`,children:e.value}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:e.detail})]})},e.label))}),(0,N.jsx)(S,{padding:`default`,className:`border-border/80 shadow-sm`,children:(0,N.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,N.jsxs)(`div`,{className:`space-y-1`,children:[(0,N.jsx)(o,{weight:`semibold`,children:`Review queue`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`A compact body area that stays owned by the consuming app.`})]}),(0,N.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,N.jsx)(a,{variant:`warning`,children:`8 urgent`}),(0,N.jsx)(a,{variant:`info`,children:`12 assigned`}),(0,N.jsx)(l,{variant:`secondary`,children:`Open queue`})]})]})}),(0,N.jsx)(S,{title:`Recent customers`,description:`Row rhythm, status, and actions use package primitives.`,padding:`default`,className:`border-border/80 shadow-sm`,children:(0,N.jsx)(ee,{children:xe.map(e=>(0,N.jsxs)(ne,{variant:`default`,children:[(0,N.jsx)(E,{variant:`avatar`,children:e.initials}),(0,N.jsxs)(te,{children:[(0,N.jsx)(re,{children:e.name}),(0,N.jsx)(D,{children:e.detail})]}),(0,N.jsx)(O,{children:(0,N.jsx)(a,{variant:e.status===`Live`?`success`:e.status===`Review`?`warning`:`info`,children:e.status})})]},e.name))})})]})}function K(){return(0,N.jsx)(Se,{children:(0,N.jsx)(se,{width:`full`,renderLink:G,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,N.jsx)(B,{actions:U,display:`auto`,renderLink:G}),actionsClassName:`pt-1`},children:(0,N.jsx)(Ce,{})})})}function q(){return(0,N.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[1.3fr_0.7fr]`,children:[(0,N.jsx)(`div`,{className:`rounded-md border border-border bg-background p-5`,children:(0,N.jsx)(oe,{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,N.jsx)(B,{actions:U,display:`flat`,renderLink:G}),renderLink:G})}),(0,N.jsx)(P,{maxWidth:`full`,className:`rounded-md border border-border bg-background p-5`,children:(0,N.jsxs)(`div`,{className:`space-y-2`,children:[(0,N.jsx)(o,{weight:`semibold`,children:`Standalone main region`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`PageContent supplies body padding and width clamps when Header and Sidebar are composed manually.`}),(0,N.jsx)(l,{variant:`secondary`,children:`Open content`})]})})]})}function J(){return(0,N.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[42rem]`,children:(0,N.jsxs)(`div`,{className:`grid gap-4`,children:[(0,N.jsx)(de,{title:`Bookings`,description:`Index shells keep header, toolbar, list content, and empty state rhythm consistent.`,actions:(0,N.jsx)(l,{variant:`primary`,icon:f,children:`New booking`}),toolbar:(0,N.jsx)(pe,{leading:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(a,{variant:`info`,children:`24 active`}),(0,N.jsx)(a,{variant:`warning`,children:`8 review`})]}),trailing:(0,N.jsx)(l,{variant:`secondary`,children:`Export`})}),children:(0,N.jsx)(`div`,{className:`grid gap-2`,children:W.map(e=>(0,N.jsx)(S,{padding:`default`,className:`shadow-sm`,children:(0,N.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(o,{weight:`medium`,children:e.label}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:e.detail})]}),(0,N.jsx)(o,{weight:`semibold`,children:e.value})]})},e.label))})}),(0,N.jsx)(le,{slots:{header:(0,N.jsx)(ce,{title:`Sarah Smitha`,eyebrow:`Customer`,description:`Gold-tier account with active bookings and billing history.`,badges:(0,N.jsx)(a,{variant:`success`,children:`Active`}),actions:(0,N.jsx)(l,{variant:`secondary`,children:`Edit profile`})}),aside:(0,N.jsx)(M,{title:`Related records`,children:(0,N.jsxs)(`div`,{className:`grid gap-2`,children:[(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,N.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,N.jsx)(fe,{title:`Account details`,children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`Primary email, billing status, and customer metadata.`})}),(0,N.jsx)(j,{title:`Recent activity`,children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})]})})}function Y(){return(0,N.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[42rem]`,children:(0,N.jsx)(ue,{title:`Sarah Smitha`,description:`Gold-tier account with active bookings and billing history.`,activeTab:`profile`,tabs:[{id:`profile`,label:`Profile`,icon:g},{id:`security`,label:`Security`,icon:m},{id:`notifications`,label:`Notifications`,icon:c,badge:`3`}],actions:(0,N.jsx)(l,{variant:`secondary`,children:`Edit profile`}),slots:{aside:(0,N.jsx)(M,{title:`Related records`,children:(0,N.jsxs)(`div`,{className:`grid gap-2`,children:[(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,N.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,N.jsx)(A,{title:`Account details`,metadata:[{label:`Email`,value:`sarah@example.com`},{label:`Segment`,value:`Gold`},{label:`Created`,value:`May 14, 2026`},{label:`Owner`,value:`Emma Garcia`}],help:`Consumers own field visibility, permissions, and edit workflows.`}),(0,N.jsx)(j,{title:`Recent activity`,children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})})}function X(){return(0,N.jsx)(ye,{title:`Workspace settings`,description:`Aside navigation shell with router-neutral links.`,currentId:`profile`,renderLink:G,groups:[{id:`workspace`,label:`Workspace`,items:[{id:`profile`,label:`Profile`,href:`#/settings/profile`,icon:g,description:`Name, logo, and contact details`},{id:`security`,label:`Security`,href:`#/settings/security`,icon:m,description:`Sessions and policies`},{id:`notifications`,label:`Notifications`,href:`#/settings/notifications`,icon:c,badge:3}]}],children:(0,N.jsx)(A,{title:`Profile`,metadata:[{label:`Workspace`,value:`Gift Come True`},{label:`Plan`,value:`Pro`}],children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`The app supplies forms, validation, permissions, and navigation.`})})})}var Z=`import type { ReactNode } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-BPNIPavy.js";import{t as c}from"./bell-DXBoeAzi.js";import{r as l,t as u}from"./example-CJMJcnb4.js";import{t as d}from"./ellipsis-BLyAd9A-.js";import{t as f}from"./plus-CQcelTNc.js";import{t as p}from"./refresh-cw-C-yHy6B7.js";import{t as m}from"./shield-ClPev4gS.js";import{t as h}from"./trash-2-CtRtVsCy.js";import{t as g}from"./user-BDIP5UPS.js";import{N as _,d as v,n as y}from"./index-jD-KSiHu.js";import{t as b}from"./page-action-button-BRXnfsEx.js";import{t as x}from"./props-table-DoDq8Mvr.js";import{t as S}from"./smart-card-p97LLZCW.js";import{a as C,s as w}from"./dropdown-menu-C1G_y9dv.js";import{t as T}from"./separator-CKM9A-mm.js";import{c as E,i as D,n as O,o as ee,r as te,t as ne,u as re}from"./item-ffIfXEGd.js";import{t as k}from"./action-menu--rEgMzDi.js";import{n as ie,t as ae}from"./use-layout-link-nEU6ctSs.js";import{t as oe}from"./page-header-Bdlxfn_9.js";import{t as se}from"./page-9xr7xnuW.js";import{a as ce,c as le,i as A,l as ue,n as j,o as de,r as fe,s as M,t as pe}from"./resource-8f61BZ8t.js";var N=v(),me={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 P({noPadding:e=!1,maxWidth:t,className:n,children:r,...i}){return(0,N.jsx)(`main`,{className:y(`flex-1`,!e&&`p-4 md:p-6`,t&&y(`mx-auto w-full`,me[t]),n),...i,children:r})}var F={menuLabel:`Page actions`},I=t(n(),1),L=e=>e===`destructive`?`error`:e===`primary`||e===`success`||e===`warning`?`primary`:`secondary`,R=`max-h-[80vh] overflow-y-auto overscroll-contain`,he=4;function ge(e,t,n){if(e.visible===!1)return null;if(e.element)return(0,N.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,N.jsxs)(b,{variant:L(e.variant),onClick:e.onClick,disabled:i,children:[!!a&&(0,N.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 z(e,t,n){let r=[],i=null;return e.forEach(({action:e,index:a})=>{let s={...t,index:a,isInline:!1},c=e.group??null,l=c!==i;if(r.length>0&&l&&r.push((0,N.jsx)(T,{className:`my-1`},`sep-${i??`root`}-${c??`root`}-${e.id??a}`)),l&&(i=c,c&&r.push((0,N.jsx)(`div`,{className:`px-2 pt-1`,children:(0,N.jsx)(o,{size:`xxs`,weight:`semibold`,type:`secondary`,className:`uppercase tracking-wider`,children:c})},`group-${c}-${e.id??a}`))),e.element){r.push((0,N.jsx)(`div`,{children:e.element},e.id??a));return}if(n){r.push((0,N.jsx)(`div`,{children:n(e,s)},e.id??a));return}let u=e.icon,d=!!e.disabled||!!e.loading,f=(0,N.jsxs)(N.Fragment,{children:[!!u&&(0,N.jsx)(u,{className:`size-3.5`,"aria-hidden":`true`}),typeof e.label==`string`?(0,N.jsx)(o,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label}):e.label]}),p=y(`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,N.jsx)(w,{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??a));return}r.push((0,N.jsx)(C,{disabled:d,onClick:e.onClick,className:p,children:f},e.id??a))}),r}function B({actions:e,display:t=`dropdown`,breakpoint:n=1040,maxInlineActions:r=he,renderLink:i,LinkComponent:a,strings:o,className:s,inlineClassName:c,menuClassName:l,renderAction:u}){let f=_(F,o),p=ae({renderLink:i,LinkComponent:a}),m=(0,I.useMemo)(()=>(e??[]).map((e,t)=>({action:e,index:t})).filter(({action:e})=>e.visible!==!1),[e]),[h,g]=(0,I.useState)(!1);if((0,I.useEffect)(()=>{if(t!==`auto`||typeof window>`u`)return;let e=()=>g(window.innerWidth<=n);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[t,n]),m.length===0)return null;let v={renderLink:p},b=y(`flex items-center gap-2`,c,s),x=y(R,l);if(t===`dropdown`||t===`auto`&&h)return(0,N.jsx)(k,{icon:d,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:x,children:z(m,v,u)});let S=Math.max(0,r),C=m.filter(({action:e})=>(e.placement??`auto`)!==`menu`),w=C.slice(0,S),T=[...C.slice(S),...m.filter(({action:e})=>(e.placement??`auto`)===`menu`)];return(0,N.jsxs)(`div`,{className:b,children:[w.map(e=>(0,N.jsx)(I.Fragment,{children:ge(e.action,{...v,index:e.index,isInline:!0},u)},e.action.id??e.index)),T.length>0&&(0,N.jsx)(k,{icon:d,srText:f.menuLabel,align:`end`,closeOnSelect:!0,contentClassName:x,children:z(T,v,u)})]})}var _e={navigationAriaLabel:`Settings navigation`};function V(e){if(!e)return``;try{let t=typeof window<`u`?window.location.origin:`http://localhost`,n=new URL(e,t).pathname.replace(/\/+$/,``);return n.length>0?n:`/`}catch{let t=(e.split(`?`)[0]??e).replace(/\/+$/,``);return t.length>0?t:`/`}}function ve(e,t,n){if(t)return e.id===t;if(!n||!e.href)return!1;let r=V(n),i=V(e.href);return r===i||r.startsWith(`${i}/`)}function H({title:e,description:t,groups:n,currentId:i,currentPath:s,children:c,aside:l,actions:u,footer:d,className:f,navClassName:p,contentClassName:m,renderLink:h,LinkComponent:g,strings:v}){let b=_(_e,v),x=ie({renderLink:h,LinkComponent:g});return(0,N.jsxs)(`section`,{"data-component":`aside-nav-shell`,"data-slot":`aside-nav-shell`,className:y(`aside-nav-shell--component grid min-w-0 gap-5 lg:grid-cols-[17rem_minmax(0,1fr)]`,f),children:[(0,N.jsx)(`aside`,{"data-slot":`aside-nav-shell-aside`,className:`aside-nav-shell--aside min-w-0`,children:(0,N.jsxs)(S,{padding:`default`,surface:`card`,className:y(`aside-nav-shell--nav-card sticky top-[calc(var(--topbar-height)_+_1rem)]`,p),contentClassName:`grid gap-4`,children:[!!l&&(0,N.jsx)(`div`,{className:`aside-nav-shell--aside-header`,children:l}),(0,N.jsx)(`nav`,{"aria-label":b.navigationAriaLabel,className:`grid gap-4`,children:n.map(e=>(0,N.jsxs)(`div`,{className:`grid gap-1.5`,children:[!!e.label&&(0,N.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`px-2 uppercase tracking-normal`,children:e.label}),(0,N.jsx)(`div`,{className:`grid gap-0.5`,children:e.items.map(e=>{let t=e.icon,n=ve(e,i,s),r=(0,N.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[!!t&&(0,N.jsx)(t,{className:y(`size-4 shrink-0`,n?`text-primary`:`text-muted-foreground`)}),(0,N.jsxs)(`span`,{className:`grid min-w-0 flex-1 gap-0.5`,children:[(0,N.jsx)(o,{tag:`span`,weight:n?`semibold`:`medium`,className:`truncate`,children:e.label}),!!e.description&&(0,N.jsx)(o,{tag:`span`,size:`xs`,type:`secondary`,className:`truncate`,children:e.description})]}),!!e.badge&&(0,N.jsx)(a,{variant:n?`primary`:`secondary`,className:`shrink-0`,children:e.badge})]});return(0,N.jsx)(`div`,{onClick:()=>e.onSelect?.(e.id),children:x({href:e.href,children:r,active:n,disabled:e.disabled,external:e.external,className:y(`aside-nav-shell--item flex min-w-0 rounded-md px-2 py-2 text-sm transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,n?`bg-primary/8 text-foreground`:`text-muted-foreground hover:bg-muted/60 hover:text-foreground`,e.disabled&&`pointer-events-none opacity-50`),"aria-label":typeof e.label==`string`?e.label:void 0})},e.id)})})]},e.id))})]})}),(0,N.jsxs)(`div`,{"data-slot":`aside-nav-shell-main`,className:y(`aside-nav-shell--main min-w-0 space-y-4`,m),children:[(e||t||u)&&(0,N.jsxs)(`header`,{className:`aside-nav-shell--header flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,N.jsxs)(`div`,{className:`min-w-0`,children:[!!e&&(0,N.jsx)(r,{tag:`h2`,className:`border-0 pb-0`,children:e}),!!t&&(0,N.jsx)(o,{type:`secondary`,className:`mt-1 max-w-3xl`,children:t})]}),!!u&&(0,N.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:u})]}),(0,N.jsx)(`div`,{"data-slot":`aside-nav-shell-content`,className:`aside-nav-shell--content min-w-0`,children:c}),!!d&&(0,N.jsx)(`footer`,{className:`aside-nav-shell--footer`,children:d})]})]})}var ye=H;H.displayName=`AsideNavShell`;var be=e({ComposablePartials:()=>q,ProductionPageShell:()=>K,ResourceShells:()=>J,SettingsShellExample:()=>X,TabbedResourceDetails:()=>Y}),U=[{id:`new`,label:`New customer`,icon:f,variant:`primary`,href:`#/customers/new`,placement:`inline`},{id:`sync`,label:`Sync records`,icon:p,group:`Data`,placement:`menu`},{id:`delete`,label:`Delete saved view`,icon:h,variant:`destructive`,group:`Danger`,placement:`menu`}],W=[{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`}],xe=[{initials:`SS`,name:`Sarah Smitha`,detail:`Gold segment · 4 active bookings`,status:`Live`},{initials:`DS`,name:`Daniel Smith`,detail:`Operations owner · invoice review`,status:`Review`},{initials:`EG`,name:`Emma Garcia`,detail:`New contact · onboarding started`,status:`New`}];function G({href:e,children:t,className:n,target:r,rel:i}){return(0,N.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function Se({children:e,height:t=560}){return(0,N.jsx)(`div`,{className:`layout-demo-viewport relative w-full overflow-hidden rounded-lg border border-border bg-muted/20 shadow-sm`,style:{height:t},children:e})}function Ce(){return(0,N.jsxs)(`div`,{className:`space-y-4`,children:[(0,N.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:W.map(e=>(0,N.jsx)(S,{padding:`default`,className:`border-border/80 shadow-sm`,children:(0,N.jsxs)(`div`,{className:`space-y-1`,children:[(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:e.label}),(0,N.jsx)(o,{weight:`semibold`,children:e.value}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:e.detail})]})},e.label))}),(0,N.jsx)(S,{padding:`default`,className:`border-border/80 shadow-sm`,children:(0,N.jsxs)(`div`,{className:`flex flex-col gap-4 md:flex-row md:items-center md:justify-between`,children:[(0,N.jsxs)(`div`,{className:`space-y-1`,children:[(0,N.jsx)(o,{weight:`semibold`,children:`Review queue`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`A compact body area that stays owned by the consuming app.`})]}),(0,N.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,N.jsx)(a,{variant:`warning`,children:`8 urgent`}),(0,N.jsx)(a,{variant:`info`,children:`12 assigned`}),(0,N.jsx)(l,{variant:`secondary`,children:`Open queue`})]})]})}),(0,N.jsx)(S,{title:`Recent customers`,description:`Row rhythm, status, and actions use package primitives.`,padding:`default`,className:`border-border/80 shadow-sm`,children:(0,N.jsx)(ee,{children:xe.map(e=>(0,N.jsxs)(ne,{variant:`default`,children:[(0,N.jsx)(E,{variant:`avatar`,children:e.initials}),(0,N.jsxs)(te,{children:[(0,N.jsx)(re,{children:e.name}),(0,N.jsx)(D,{children:e.detail})]}),(0,N.jsx)(O,{children:(0,N.jsx)(a,{variant:e.status===`Live`?`success`:e.status===`Review`?`warning`:`info`,children:e.status})})]},e.name))})})]})}function K(){return(0,N.jsx)(Se,{children:(0,N.jsx)(se,{width:`full`,renderLink:G,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,N.jsx)(B,{actions:U,display:`auto`,renderLink:G}),actionsClassName:`pt-1`},children:(0,N.jsx)(Ce,{})})})}function q(){return(0,N.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-[1.3fr_0.7fr]`,children:[(0,N.jsx)(`div`,{className:`rounded-md border border-border bg-background p-5`,children:(0,N.jsx)(oe,{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,N.jsx)(B,{actions:U,display:`flat`,renderLink:G}),renderLink:G})}),(0,N.jsx)(P,{maxWidth:`full`,className:`rounded-md border border-border bg-background p-5`,children:(0,N.jsxs)(`div`,{className:`space-y-2`,children:[(0,N.jsx)(o,{weight:`semibold`,children:`Standalone main region`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`PageContent supplies body padding and width clamps when Header and Sidebar are composed manually.`}),(0,N.jsx)(l,{variant:`secondary`,children:`Open content`})]})})]})}function J(){return(0,N.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[42rem]`,children:(0,N.jsxs)(`div`,{className:`grid gap-4`,children:[(0,N.jsx)(de,{title:`Bookings`,description:`Index shells keep header, toolbar, list content, and empty state rhythm consistent.`,actions:(0,N.jsx)(l,{variant:`primary`,icon:f,children:`New booking`}),toolbar:(0,N.jsx)(pe,{leading:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(a,{variant:`info`,children:`24 active`}),(0,N.jsx)(a,{variant:`warning`,children:`8 review`})]}),trailing:(0,N.jsx)(l,{variant:`secondary`,children:`Export`})}),children:(0,N.jsx)(`div`,{className:`grid gap-2`,children:W.map(e=>(0,N.jsx)(S,{padding:`default`,className:`shadow-sm`,children:(0,N.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,N.jsxs)(`div`,{children:[(0,N.jsx)(o,{weight:`medium`,children:e.label}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:e.detail})]}),(0,N.jsx)(o,{weight:`semibold`,children:e.value})]})},e.label))})}),(0,N.jsx)(le,{slots:{header:(0,N.jsx)(ce,{title:`Sarah Smitha`,eyebrow:`Customer`,description:`Gold-tier account with active bookings and billing history.`,badges:(0,N.jsx)(a,{variant:`success`,children:`Active`}),actions:(0,N.jsx)(l,{variant:`secondary`,children:`Edit profile`})}),aside:(0,N.jsx)(M,{title:`Related records`,children:(0,N.jsxs)(`div`,{className:`grid gap-2`,children:[(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,N.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,N.jsx)(fe,{title:`Account details`,children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`Primary email, billing status, and customer metadata.`})}),(0,N.jsx)(j,{title:`Recent activity`,children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})]})})}function Y(){return(0,N.jsx)(`div`,{className:`max-h-[38rem] overflow-auto pr-2 md:max-h-[42rem]`,children:(0,N.jsx)(ue,{title:`Sarah Smitha`,description:`Gold-tier account with active bookings and billing history.`,activeTab:`profile`,tabs:[{id:`profile`,label:`Profile`,icon:g},{id:`security`,label:`Security`,icon:m},{id:`notifications`,label:`Notifications`,icon:c,badge:`3`}],actions:(0,N.jsx)(l,{variant:`secondary`,children:`Edit profile`}),slots:{aside:(0,N.jsx)(M,{title:`Related records`,children:(0,N.jsxs)(`div`,{className:`grid gap-2`,children:[(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`4 bookings`}),(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`2 invoices`})]})})},children:(0,N.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,N.jsx)(A,{title:`Account details`,metadata:[{label:`Email`,value:`sarah@example.com`},{label:`Segment`,value:`Gold`},{label:`Created`,value:`May 14, 2026`},{label:`Owner`,value:`Emma Garcia`}],help:`Consumers own field visibility, permissions, and edit workflows.`}),(0,N.jsx)(j,{title:`Recent activity`,children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`Last booking updated 12 minutes ago.`})})]})})})}function X(){return(0,N.jsx)(ye,{title:`Workspace settings`,description:`Aside navigation shell with router-neutral links.`,currentId:`profile`,renderLink:G,groups:[{id:`workspace`,label:`Workspace`,items:[{id:`profile`,label:`Profile`,href:`#/settings/profile`,icon:g,description:`Name, logo, and contact details`},{id:`security`,label:`Security`,href:`#/settings/security`,icon:m,description:`Sessions and policies`},{id:`notifications`,label:`Notifications`,href:`#/settings/notifications`,icon:c,badge:3}]}],children:(0,N.jsx)(A,{title:`Profile`,metadata:[{label:`Workspace`,value:`Gift Come True`},{label:`Plan`,value:`Pro`}],children:(0,N.jsx)(o,{size:`xs`,type:`secondary`,children:`The app supplies forms, validation, permissions, and navigation.`})})})}var Z=`import type { ReactNode } from 'react';
 import { Bell, Plus, RefreshCw, Shield, Trash2, User } from 'lucide-react';
 import { Badge } from '@/components/base/badge';
 import { Button } from '@/components/base/buttons';

package/dist/showcase/assets/{layout-primitives-CokzGwd2.js → layout-primitives-Dyop-WMt.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-D-N8Ze16.js";import{t as a}from"./example-PsbgbESI.js";import{d as o,n as s}from"./index-QESvAJrb.js";var c=o();function l({ratio:e,className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`aspect-ratio`,style:{"--ratio":e},className:s(`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:s(`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:s(`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{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-BPNIPavy.js";import{t as a}from"./example-CJMJcnb4.js";import{d as o,n as s}from"./index-jD-KSiHu.js";var c=o();function l({ratio:e,className:t,...n}){return(0,c.jsx)(`div`,{"data-slot":`aspect-ratio`,style:{"--ratio":e},className:s(`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:s(`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:s(`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() {

package/dist/showcase/assets/{layout-sidebar-CLUYajcu.js → layout-sidebar-uBNaHqjD.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-D-N8Ze16.js";import{t as s}from"./brain-CNapE0CP.js";import{t as c}from"./chart-column-Dbekq8cy.js";import{t as l}from"./example-PsbgbESI.js";import{n as u,t as d}from"./header-notifications-B2v1Mdri.js";import{t as f}from"./credit-card-CFq0S1Ma.js";import{t as p}from"./external-link-CgB9zfWz.js";import{t as m}from"./house-opqNxOmP.js";import{t as h}from"./inbox-WrbeTKEw.js";import{c as ee,f as te,m as g,r as ne,t as _,u as re}from"./sidebar.context-BWMPnGn6.js";import{t as v}from"./package-DLn6nx-u.js";import{t as y}from"./settings-DkTHc0Ob.js";import{t as b}from"./shield-Cme7_JJR.js";import{t as x}from"./users-DAlxvktS.js";import{d as S,i as ie,l as C,n as w}from"./index-QESvAJrb.js";import{t as T}from"./smart-card-C6-idFYI.js";import{t as ae}from"./separator-Ha9YxI2x.js";import{t as oe}from"./use-layout-link-DIUWH-oo.js";import{a as se,c as E,d as ce,f as le,i as ue,l as D,n as O,o as k,p as A,r as j,s as M,t as N,u as P}from"./app-sidebar-Co0LUSvz.js";import{t as F}from"./page-header-BGqE9hzO.js";import{t as I}from"./sidebar-bz_FzvjM.js";import{t as L}from"./header-CgApizpk.js";var R=C(`life-buoy`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m4.93 4.93 4.24 4.24`,key:`1ymg45`}],[`path`,{d:`m14.83 9.17 4.24-4.24`,key:`1cb5xl`}],[`path`,{d:`m14.83 14.83 4.24 4.24`,key:`q42g0n`}],[`path`,{d:`m9.17 14.83-4.24 4.24`,key:`bqpfvv`}],[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}]]),z=C(`store`,[[`path`,{d:`M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5`,key:`slp6dd`}],[`path`,{d:`M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244`,key:`o0xfot`}],[`path`,{d:`M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05`,key:`wn3emo`}]]),B=t(n(),1),V=S();function de({item:e}){return(0,V.jsx)(a,{tag:`span`,weight:`medium`,className:`truncate text-inherit`,children:D(e)})}function H({items:e,label:t=`Platform`,currentUrl:n=`/`,iconMap:r={},liveBadges:i,renderLink:a,LinkComponent:o,renderItem:s,className:c}){let l=oe({renderLink:a,LinkComponent:o});return(0,V.jsxs)(ee,{className:w(`px-2 py-0`,c),children:[!!t&&(0,V.jsx)(re,{children:t}),(0,V.jsx)(te,{className:`gap-0.5`,children:e.map((e,t)=>{let a=!!e.href&&P(n,A(e.href)),o=le(e.handle,e.badge,i),c={depth:0,active:a,expanded:!1,badge:o,renderLink:l},u=D(e);if(s)return(0,V.jsx)(B.Fragment,{children:s(e,c)},E(e,t));let d=(0,V.jsxs)(V.Fragment,{children:[!!e.icon&&(0,V.jsx)(k,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),(0,V.jsx)(de,{item:e}),!!o&&(0,V.jsx)(M,{value:o})]});return(0,V.jsx)(g,{children:(0,V.jsx)(I,{isActive:a,render:e.href&&!e.disabled?ce(l,e,d,void 0,a):void 0,tooltip:{children:u},disabled:e.disabled,className:w(`h-8 font-medium`,a&&`bg-sidebar-accent text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:d})},E(e,t))})})]})}var fe=e({AppSidebarShell:()=>J,CustomRowRenderer:()=>X,NavigationPartials:()=>Y}),U={Platform:[{label:`Dashboard`,href:`#/layout/sidebar`,icon:m,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:x,handle:`customers`,badge:24},{label:`Orders`,href:`#/orders`,icon:v,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:f,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:c,handle:`reports`}]},W=[{label:`Support`,href:`#/support`,icon:R,handle:`support`},{label:`Security`,href:`#/security`,icon:b,handle:`security`},{label:`External docs`,href:`https://example.com`,icon:p,handle:`docs`,external:!0}],G=[{label:`Settings`,href:`#/settings`,icon:ie,handle:`settings`},{label:`AI`,href:`#/ai`,icon:s,handle:`ai`}],pe={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`};function K({href:e,children:t,className:n,target:r,rel:i}){return(0,V.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function q(){return(0,V.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,V.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm`,children:(0,V.jsx)(z,{className:`size-4`,"aria-hidden":`true`})}),(0,V.jsxs)(`div`,{className:`min-w-0`,children:[(0,V.jsx)(a,{weight:`semibold`,className:`truncate text-inherit`,children:`Atlas Admin`}),(0,V.jsx)(a,{size:`xxs`,type:`secondary`,className:`truncate`,children:`Production`})]})]})}function me(){return(0,V.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm`,children:(0,V.jsx)(z,{className:`size-4`,"aria-hidden":`true`})})}function J(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(_,{defaultOpen:!0,className:`min-h-0`,children:(0,V.jsx)(`div`,{className:`flex h-168 w-full min-w-224 overflow-hidden rounded-lg border border-border bg-background p-3`,children:(0,V.jsxs)(`div`,{className:`flex min-w-0 flex-1 overflow-hidden rounded-lg border border-border bg-background shadow-sm`,children:[(0,V.jsx)(N,{className:`h-full p-0`,surfaceClassName:`bg-background`,headerClassName:`px-4 pb-3 pt-4`,logoClassName:`px-0`,logo:(0,V.jsx)(q,{}),collapsedLogo:(0,V.jsx)(me,{}),workspaceLinks:[{label:`Production store`,url:`#/workspaces/production`,icon:z,external:!1},{label:`Sandbox`,url:`#/workspaces/sandbox`,icon:z,external:!1}],workspaceStrings:{label:`Workspace`,select:`Switch workspace`},navigationGroups:U,footerNavItems:G,currentUrl:`#/orders/pending`,liveBadges:{customers:31,invoices:14},renderLink:K,slots:{afterNavigation:(0,V.jsx)(j,{items:W,label:`Help`,currentUrl:`#/orders/pending`,renderLink:K})}}),(0,V.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,V.jsx)(L,{renderLink:K,breadcrumbs:[{label:`Operations`,href:`#/features/activities`},{label:`Orders`}],centerClassName:`justify-start`,slots:{center:(0,V.jsx)(u,{className:`w-full max-w-sm`}),right:(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(d,{unreadCount:2,notifications:[]}),(0,V.jsx)(ae,{orientation:`vertical`,className:`h-7`}),(0,V.jsx)(ne,{user:pe,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}}),(0,V.jsxs)(`main`,{className:`min-w-0 flex-1 space-y-4 p-5`,children:[(0,V.jsx)(F,{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,V.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[`Manual review`,`Awaiting stock`,`Ready to fulfill`].map((e,t)=>(0,V.jsxs)(T,{padding:`default`,className:`shadow-sm`,children:[(0,V.jsx)(a,{size:`xs`,type:`secondary`,children:e}),(0,V.jsx)(a,{weight:`semibold`,children:[8,12,36][t]})]},e))})]})]})]})})})})}function Y(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(_,{defaultOpen:!0,className:`min-h-0`,children:(0,V.jsxs)(`div`,{className:`grid w-full gap-5 md:grid-cols-2`,children:[(0,V.jsx)(`div`,{className:`h-120 overflow-hidden rounded-xl border border-border bg-sidebar text-sidebar-foreground shadow-sm`,children:(0,V.jsxs)(se,{collapsible:`none`,className:`w-full`,surfaceClassName:`bg-background`,children:[(0,V.jsx)(O,{logo:(0,V.jsx)(q,{}),workspaceLinks:[{label:`Production store`,url:`#/workspaces/production`,icon:z,external:!1},{label:`Sandbox`,url:`#/workspaces/sandbox`,icon:z,external:!1}],renderLink:K}),(0,V.jsx)(ue,{navigationByGroups:U,currentUrl:`#/customers`,liveBadges:{customers:9},renderLink:K})]})}),(0,V.jsxs)(`div`,{className:`h-120 overflow-hidden rounded-xl border border-border bg-sidebar p-2 text-sidebar-foreground shadow-sm`,children:[(0,V.jsx)(H,{label:`Flat navigation`,items:[{label:`Inbox`,href:`#/inbox`,icon:h,badge:6},{label:`Settings`,href:`#/settings`,icon:y},{label:`Disabled item`,href:`#/disabled`,icon:b,disabled:!0}],currentUrl:`#/inbox`,renderLink:K}),(0,V.jsxs)(`div`,{className:`mt-4 border-t border-sidebar-border pt-3`,children:[(0,V.jsx)(j,{items:W,label:`Help`,currentUrl:`#/orders/pending`,renderLink:K}),(0,V.jsx)(j,{items:G,currentUrl:`#/orders/pending`,renderLink:K})]})]})]})})})}function X(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(_,{defaultOpen:!0,className:`min-h-0`,children:(0,V.jsx)(`div`,{className:`rounded-xl border border-border bg-sidebar p-3 text-sidebar-foreground shadow-sm`,children:(0,V.jsx)(H,{label:`Custom renderItem`,items:[{label:`Priority inbox`,href:`#/priority`,icon:h,badge:3},{label:`Billing review`,href:`#/billing`,icon:f,badge:11}],renderLink:K,renderItem:(e,t)=>(0,V.jsx)(g,{children:(0,V.jsxs)(`div`,{className:`flex items-center justify-between rounded-lg px-3 py-2 hover:bg-sidebar-accent`,children:[(0,V.jsxs)(`div`,{children:[(0,V.jsx)(a,{weight:`medium`,className:`text-inherit`,children:e.label}),(0,V.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`active: `,String(t.active)]})]}),!!t.badge&&(0,V.jsx)(i,{variant:`primary`,children:t.badge})]})})})})})})}var Z=`import { BarChart3, Brain, CreditCard, ExternalLink, Home, Inbox, LifeBuoy, Package, Settings, Shield, SlidersHorizontal, Store, Users } from 'lucide-react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-BPNIPavy.js";import{t as s}from"./brain-Dvbla_5x.js";import{t as c}from"./chart-column-sz871NdJ.js";import{t as l}from"./example-CJMJcnb4.js";import{n as u,t as d}from"./header-notifications-FsnCJLpe.js";import{t as f}from"./credit-card-B0AUZiWw.js";import{t as p}from"./external-link-CvXhYrnd.js";import{t as m}from"./house-hebmAxEE.js";import{t as h}from"./inbox-DqAmGdDd.js";import{c as ee,f as te,m as g,r as ne,t as _,u as re}from"./sidebar.context-DUheJD8t.js";import{t as v}from"./package-Cjod_a06.js";import{t as y}from"./settings-Cy2y3sQw.js";import{t as b}from"./shield-ClPev4gS.js";import{t as x}from"./users-Bh7xGRX2.js";import{d as S,i as ie,l as C,n as w}from"./index-jD-KSiHu.js";import{t as T}from"./smart-card-p97LLZCW.js";import{t as ae}from"./separator-CKM9A-mm.js";import{t as oe}from"./use-layout-link-nEU6ctSs.js";import{a as se,c as E,d as ce,f as le,i as ue,l as D,n as O,o as k,p as A,r as j,s as M,t as N,u as P}from"./app-sidebar-D_eNP_jh.js";import{t as F}from"./page-header-Bdlxfn_9.js";import{t as I}from"./sidebar-7y9EQYWf.js";import{t as L}from"./header-DXPFmpUT.js";var R=C(`life-buoy`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m4.93 4.93 4.24 4.24`,key:`1ymg45`}],[`path`,{d:`m14.83 9.17 4.24-4.24`,key:`1cb5xl`}],[`path`,{d:`m14.83 14.83 4.24 4.24`,key:`q42g0n`}],[`path`,{d:`m9.17 14.83-4.24 4.24`,key:`bqpfvv`}],[`circle`,{cx:`12`,cy:`12`,r:`4`,key:`4exip2`}]]),z=C(`store`,[[`path`,{d:`M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5`,key:`slp6dd`}],[`path`,{d:`M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244`,key:`o0xfot`}],[`path`,{d:`M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05`,key:`wn3emo`}]]),B=t(n(),1),V=S();function de({item:e}){return(0,V.jsx)(a,{tag:`span`,weight:`medium`,className:`truncate text-inherit`,children:D(e)})}function H({items:e,label:t=`Platform`,currentUrl:n=`/`,iconMap:r={},liveBadges:i,renderLink:a,LinkComponent:o,renderItem:s,className:c}){let l=oe({renderLink:a,LinkComponent:o});return(0,V.jsxs)(ee,{className:w(`px-2 py-0`,c),children:[!!t&&(0,V.jsx)(re,{children:t}),(0,V.jsx)(te,{className:`gap-0.5`,children:e.map((e,t)=>{let a=!!e.href&&P(n,A(e.href)),o=le(e.handle,e.badge,i),c={depth:0,active:a,expanded:!1,badge:o,renderLink:l},u=D(e);if(s)return(0,V.jsx)(B.Fragment,{children:s(e,c)},E(e,t));let d=(0,V.jsxs)(V.Fragment,{children:[!!e.icon&&(0,V.jsx)(k,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),(0,V.jsx)(de,{item:e}),!!o&&(0,V.jsx)(M,{value:o})]});return(0,V.jsx)(g,{children:(0,V.jsx)(I,{isActive:a,render:e.href&&!e.disabled?ce(l,e,d,void 0,a):void 0,tooltip:{children:u},disabled:e.disabled,className:w(`h-8 font-medium`,a&&`bg-sidebar-accent text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:d})},E(e,t))})})]})}var fe=e({AppSidebarShell:()=>J,CustomRowRenderer:()=>X,NavigationPartials:()=>Y}),U={Platform:[{label:`Dashboard`,href:`#/layout/sidebar`,icon:m,handle:`dashboard`},{label:`Customers`,href:`#/customers`,icon:x,handle:`customers`,badge:24},{label:`Orders`,href:`#/orders`,icon:v,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:f,handle:`invoices`,badge:12},{label:`Reports`,href:`#/reports`,icon:c,handle:`reports`}]},W=[{label:`Support`,href:`#/support`,icon:R,handle:`support`},{label:`Security`,href:`#/security`,icon:b,handle:`security`},{label:`External docs`,href:`https://example.com`,icon:p,handle:`docs`,external:!0}],G=[{label:`Settings`,href:`#/settings`,icon:ie,handle:`settings`},{label:`AI`,href:`#/ai`,icon:s,handle:`ai`}],pe={name:`Nicolas Vlachos`,email:`nicolas@example.com`,avatar:`https://i.pravatar.cc/96?img=11`};function K({href:e,children:t,className:n,target:r,rel:i}){return(0,V.jsx)(`a`,{href:e??`#`,className:n,target:r,rel:i,children:t})}function q(){return(0,V.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,V.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm`,children:(0,V.jsx)(z,{className:`size-4`,"aria-hidden":`true`})}),(0,V.jsxs)(`div`,{className:`min-w-0`,children:[(0,V.jsx)(a,{weight:`semibold`,className:`truncate text-inherit`,children:`Atlas Admin`}),(0,V.jsx)(a,{size:`xxs`,type:`secondary`,className:`truncate`,children:`Production`})]})]})}function me(){return(0,V.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm`,children:(0,V.jsx)(z,{className:`size-4`,"aria-hidden":`true`})})}function J(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(_,{defaultOpen:!0,className:`min-h-0`,children:(0,V.jsx)(`div`,{className:`flex h-168 w-full min-w-224 overflow-hidden rounded-lg border border-border bg-background p-3`,children:(0,V.jsxs)(`div`,{className:`flex min-w-0 flex-1 overflow-hidden rounded-lg border border-border bg-background shadow-sm`,children:[(0,V.jsx)(N,{className:`h-full p-0`,surfaceClassName:`bg-background`,headerClassName:`px-4 pb-3 pt-4`,logoClassName:`px-0`,logo:(0,V.jsx)(q,{}),collapsedLogo:(0,V.jsx)(me,{}),workspaceLinks:[{label:`Production store`,url:`#/workspaces/production`,icon:z,external:!1},{label:`Sandbox`,url:`#/workspaces/sandbox`,icon:z,external:!1}],workspaceStrings:{label:`Workspace`,select:`Switch workspace`},navigationGroups:U,footerNavItems:G,currentUrl:`#/orders/pending`,liveBadges:{customers:31,invoices:14},renderLink:K,slots:{afterNavigation:(0,V.jsx)(j,{items:W,label:`Help`,currentUrl:`#/orders/pending`,renderLink:K})}}),(0,V.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,V.jsx)(L,{renderLink:K,breadcrumbs:[{label:`Operations`,href:`#/features/activities`},{label:`Orders`}],centerClassName:`justify-start`,slots:{center:(0,V.jsx)(u,{className:`w-full max-w-sm`}),right:(0,V.jsxs)(V.Fragment,{children:[(0,V.jsx)(d,{unreadCount:2,notifications:[]}),(0,V.jsx)(ae,{orientation:`vertical`,className:`h-7`}),(0,V.jsx)(ne,{user:pe,showEmail:!1,onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})}}),(0,V.jsxs)(`main`,{className:`min-w-0 flex-1 space-y-4 p-5`,children:[(0,V.jsx)(F,{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,V.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[`Manual review`,`Awaiting stock`,`Ready to fulfill`].map((e,t)=>(0,V.jsxs)(T,{padding:`default`,className:`shadow-sm`,children:[(0,V.jsx)(a,{size:`xs`,type:`secondary`,children:e}),(0,V.jsx)(a,{weight:`semibold`,children:[8,12,36][t]})]},e))})]})]})]})})})})}function Y(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(_,{defaultOpen:!0,className:`min-h-0`,children:(0,V.jsxs)(`div`,{className:`grid w-full gap-5 md:grid-cols-2`,children:[(0,V.jsx)(`div`,{className:`h-120 overflow-hidden rounded-xl border border-border bg-sidebar text-sidebar-foreground shadow-sm`,children:(0,V.jsxs)(se,{collapsible:`none`,className:`w-full`,surfaceClassName:`bg-background`,children:[(0,V.jsx)(O,{logo:(0,V.jsx)(q,{}),workspaceLinks:[{label:`Production store`,url:`#/workspaces/production`,icon:z,external:!1},{label:`Sandbox`,url:`#/workspaces/sandbox`,icon:z,external:!1}],renderLink:K}),(0,V.jsx)(ue,{navigationByGroups:U,currentUrl:`#/customers`,liveBadges:{customers:9},renderLink:K})]})}),(0,V.jsxs)(`div`,{className:`h-120 overflow-hidden rounded-xl border border-border bg-sidebar p-2 text-sidebar-foreground shadow-sm`,children:[(0,V.jsx)(H,{label:`Flat navigation`,items:[{label:`Inbox`,href:`#/inbox`,icon:h,badge:6},{label:`Settings`,href:`#/settings`,icon:y},{label:`Disabled item`,href:`#/disabled`,icon:b,disabled:!0}],currentUrl:`#/inbox`,renderLink:K}),(0,V.jsxs)(`div`,{className:`mt-4 border-t border-sidebar-border pt-3`,children:[(0,V.jsx)(j,{items:W,label:`Help`,currentUrl:`#/orders/pending`,renderLink:K}),(0,V.jsx)(j,{items:G,currentUrl:`#/orders/pending`,renderLink:K})]})]})]})})})}function X(){return(0,V.jsx)(V.Fragment,{children:(0,V.jsx)(_,{defaultOpen:!0,className:`min-h-0`,children:(0,V.jsx)(`div`,{className:`rounded-xl border border-border bg-sidebar p-3 text-sidebar-foreground shadow-sm`,children:(0,V.jsx)(H,{label:`Custom renderItem`,items:[{label:`Priority inbox`,href:`#/priority`,icon:h,badge:3},{label:`Billing review`,href:`#/billing`,icon:f,badge:11}],renderLink:K,renderItem:(e,t)=>(0,V.jsx)(g,{children:(0,V.jsxs)(`div`,{className:`flex items-center justify-between rounded-lg px-3 py-2 hover:bg-sidebar-accent`,children:[(0,V.jsxs)(`div`,{children:[(0,V.jsx)(a,{weight:`medium`,className:`text-inherit`,children:e.label}),(0,V.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`active: `,String(t.active)]})]}),!!t.badge&&(0,V.jsx)(i,{variant:`primary`,children:t.badge})]})})})})})})}var Z=`import { BarChart3, Brain, CreditCard, ExternalLink, Home, Inbox, LifeBuoy, Package, Settings, Shield, SlidersHorizontal, Store, Users } from 'lucide-react';
 import { Badge } from '@/components/base/badge';
 import { SmartCard } from '@/components/base/cards';
 import { Separator } from '@/components/base/display/separator';