@tribepad/themis 1.10.1 → 1.11.2

package/dist/elements/PageTitle/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {createContext,forwardRef,Children,isValidElement,cloneElement,memo,useId,Fragment as Fragment$1,useEffect,useMemo,useContext}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {z as z$1}from'zod';import {cva}from'class-variance-authority';import {ChevronRight,Loader2,Zap,MoreHorizontal}from'lucide-react';import {MenuTrigger,Button,Popover,Menu,SubmenuTrigger,MenuItem,Separator,Header}from'react-aria-components';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function l(...e){return twMerge(clsx(e))}var q=createContext(null);function x(){let e=useContext(q);if(!e)throw new Error("PageTitle compound components must be used within <PageTitle>");return e}var h=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var X=z$1.object({id:z$1.union([z$1.string(),z$1.number()]),label:z$1.string(),href:z$1.string().optional(),icon:z$1.custom().optional(),isDisabled:z$1.boolean().optional().default(false)}),rt=z$1.union([z$1.literal("chevron"),z$1.literal("slash"),z$1.custom()]);h.extend({items:z$1.array(X),separator:rt.optional().default("chevron"),maxItems:z$1.number().int().positive().optional().default(4),itemsBeforeCollapse:z$1.number().int().nonnegative().optional().default(1),itemsAfterCollapse:z$1.number().int().positive().optional().default(2),linkComponent:z$1.custom().optional(),isDisabled:z$1.boolean().optional().default(false)});function ot(e){if(!(e instanceof Element))return  false;let t=e;for(let o=0;t&&o<100;o++){let n=t.tagName?.toLowerCase()??"";if(n.startsWith("grammarly-")||n.startsWith("lt-")||t.hasAttribute("data-grammarly-shadow-root"))return  true;if(t.parentElement)t=t.parentElement;else {let i=t.getRootNode();t=i instanceof ShadowRoot?i.host:null;}}let a=e;for(;a&&!a.tagName.includes("-");)a=a.parentElement;if(!a)return  false;let r=a.parentElement;return r===document.body||r===document.documentElement}function Ve(e){return t=>!ot(t)&&(e?.(t)??true)}var Z=cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),A=cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function K(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var Ie=forwardRef(({defaultOpen:e=false,isOpen:t,onOpenChange:a,children:r},o)=>{if(process.env.NODE_ENV!=="production"){let n=Children.toArray(r),i=n.some(p=>isValidElement(p)&&(p.type===_||K(p.type)==="DropdownTrigger")),u=n.some(p=>isValidElement(p)&&(p.type===C||K(p.type)==="DropdownMenu"));if(!i||!u)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsx(MenuTrigger,{defaultOpen:e,isOpen:t,onOpenChange:a,children:r})});Ie.displayName="Dropdown";var _=forwardRef(({children:e,...t},a)=>isValidElement(e)?cloneElement(e,t):jsx(Button,{ref:a,...t,children:e}));_.displayName="DropdownTrigger";var C=forwardRef(({align:e="start",side:t="bottom",className:a,children:r,...o},n)=>{let i=`${t} ${e}`;return jsx(Popover,{placement:i,shouldCloseOnInteractOutside:Ve(),className:"data-[entering]:motion-safe:animate-in data-[entering]:motion-safe:fade-in-0 data-[entering]:motion-safe:slide-in-from-top-2 data-[entering]:[animation-duration:250ms] data-[entering]:[animation-timing-function:cubic-bezier(0.16,1,0.3,1)] data-[exiting]:motion-safe:animate-out data-[exiting]:motion-safe:fade-out-0 data-[exiting]:motion-safe:slide-out-to-top-2 data-[exiting]:[animation-duration:150ms]",children:jsx(Menu,{className:l(Z({variant:"default"}),a),...o,children:r})})});C.displayName="DropdownMenu";var Q=forwardRef(({children:e,onAction:t,isDisabled:a=false,shortcut:r,icon:o,iconRight:n,className:i,"aria-label":u,...p},d)=>{let f=Children.toArray(e),c=v=>isValidElement(v)&&(v.type===C||K(v.type)==="DropdownMenu"),g=f.some(c),P=f.filter(v=>!c(v)),w=f.find(c);return g&&w?jsxs(SubmenuTrigger,{children:[jsxs(MenuItem,{"aria-label":u,className:l(A({variant:"default"}),i),...p,children:[o&&jsx("span",{className:"mr-2",children:o}),jsx("span",{className:"flex-1",children:P}),jsx(ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),w]}):jsxs(MenuItem,{onAction:t,isDisabled:a,"aria-label":u,className:l(A({variant:"default"}),i),...p,children:[o&&jsx("span",{className:"mr-2",children:o}),jsx("span",{className:"flex-1",children:e}),n&&jsx("span",{className:"ml-auto",children:n}),r&&jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:r})]})});Q.displayName="DropdownItem";var ee=memo(forwardRef(({className:e,...t},a)=>jsx(Separator,{className:l("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...t})));ee.displayName="DropdownSeparator";var te=memo(forwardRef(({children:e,className:t,...a},r)=>jsx(Header,{className:l("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",t),...a,children:e})));te.displayName="DropdownLabel";var S=Object.assign(Ie,{Trigger:_,Menu:C,Item:Q,Separator:ee,Label:te});var ae=cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),re=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-normal ring-offset-background motion-safe:transition-transform motion-safe:duration-200 motion-safe:[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] hover:-translate-y-1",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] hover:bg-[var(--destructive-background-hover,var(--destructive-background))] motion-safe:hover:btn-warn-shake",outline:"border border-[var(--input-border)] bg-[var(--content-background)] hover:bg-[var(--accent-background)]/50",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] hover:bg-[var(--secondary-hover,var(--secondary))]",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]",link:"text-[var(--text-link)] underline underline-offset-4 hover:bg-[var(--accent)] hover:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-6 text-base",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var oe="data-[pressed]:scale-[0.97]";var H="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",L="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var He=createContext(null);He.displayName="ButtonGroupContext";function Le(){return useContext(He)}var Me=createContext(null);Me.displayName="ButtonGroupItemContext";function Ge(){return useContext(Me)}cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Oe=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var M=memo(forwardRef(({className:e,buttonVisualClassName:t,variant:a,size:r,visualSize:o,fullWidth:n,loading:i=false,loadingText:u="Loading...",shortcut:p,children:d,isDisabled:f,paywall:c=false,paywallRedirect:g,paywallDescription:P,onPress:w,...v},qe)=>{let ye=useId(),E=Le(),De=Ge(),Xe=a??E?.variant??"default",Ze=r??E?.size,Je=f??E?.isDisabled??false,Ne=E?.orientation==="vertical",we=n||Ne,Ke=De?Oe({orientation:E?.orientation??"horizontal",position:De.position}):"",j=o??Ze??"default";return process.env.NODE_ENV!=="production"&&(j==="dot"||j==="icon")&&!v["aria-label"]&&!d&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsx(Button,{ref:qe,isDisabled:Je||i||void 0,"aria-disabled":c?true:void 0,"aria-describedby":c?ye:void 0,onPress:R=>{if(c){g&&window.open(g,"_blank","noopener,noreferrer");return}w?.(R);},className:l(ae({fullWidth:we,inVerticalGroup:Ne}),e),...v,children:R=>jsxs("span",{className:l(re({variant:Xe,visualSize:j,paywall:c,fullWidth:we}),Ke,t,oe,"",H,L),"data-pressed":R.isPressed||void 0,children:[i&&jsxs(Fragment,{children:[jsx(Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsx("span",{className:"sr-only","aria-live":"polite",children:u})]}),!i&&d,c&&jsx(Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),c&&jsxs("span",{id:ye,className:"sr-only",children:["Premium feature: ",P||"Upgrade required to access this feature"]}),R.isFocusVisible&&p&&jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:p})]})})}));M.displayName="Button";var ze=cva("flex items-center flex-wrap",{variants:{},defaultVariants:{}}),$e=cva("flex flex-wrap items-center gap-1 break-words text-sm text-[var(--menu-muted)]",{variants:{},defaultVariants:{}}),G=cva("inline-flex items-center gap-1",{variants:{},defaultVariants:{}}),pe=cva("inline-flex items-center gap-2 min-h-[44px] pr-2 rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",{variants:{state:{default:["text-[var(--menu-muted)]","underline underline-offset-4","hover:text-[var(--content-foreground)]"].join(" "),current:"text-[var(--content-foreground)] font-medium pointer-events-none",disabled:"text-[var(--menu-muted)] opacity-50 cursor-not-allowed pointer-events-none"}},defaultVariants:{state:"default"}}),de=cva("text-[var(--menu-muted)]",{variants:{type:{chevron:"[&>svg]:h-4 [&>svg]:w-4",slash:"mx-2",custom:""}},defaultVariants:{type:"chevron"}}),Vt=cva("inline-flex items-center justify-center min-h-[44px] min-w-[44px] rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 hover:bg-[var(--accent)]",{variants:{},defaultVariants:{}});function Ye(e,t){return e===t-1}function St(e,t,a,r){if(e.length<=t||a+r>=e.length)return null;let o=e.slice(0,a),n=e.slice(-r),i=e.slice(a,e.length-r);return {before:o,collapsed:i,after:n}}function O({separator:e}){return e==="chevron"?jsx("li",{role:"presentation","aria-hidden":"true",className:de({type:"chevron"}),children:jsx(ChevronRight,{})}):e==="slash"?jsx("li",{role:"presentation","aria-hidden":"true",className:de({type:"slash"}),children:"/"}):jsx("li",{role:"presentation","aria-hidden":"true",className:de({type:"custom"}),children:e})}function me({item:e,isCurrent:t,linkComponent:a="a",isGroupDisabled:r}){let o=r||e.isDisabled,n=t?"current":o?"disabled":"default";return t?jsxs("span",{className:pe({state:"current"}),"aria-current":"page",children:[e.icon&&jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):e.href?jsxs(a,{href:e.href,className:pe({state:n}),"aria-disabled":o||void 0,children:[e.icon&&jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):jsxs("span",{className:pe({state:o?"disabled":"default"}),"aria-disabled":o||void 0,children:[e.icon&&jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]})}function Bt({items:e,linkComponent:t="a",isGroupDisabled:a}){return jsxs(S,{defaultOpen:false,children:[jsx(S.Trigger,{children:jsx(M,{variant:"ghost",size:"icon",className:Vt(),"aria-label":"More breadcrumbs",children:jsx(MoreHorizontal,{className:"h-4 w-4"})})}),jsx(S.Menu,{align:"start",side:"bottom",children:e.map(r=>jsx(S.Item,{isDisabled:a||r.isDisabled,children:jsxs(t,{href:r.href,className:"flex flex-1 items-center gap-2",children:[r.icon&&jsx("span",{"aria-hidden":"true",children:r.icon}),r.label]})},r.id))})]})}var z=forwardRef(({items:e,separator:t="chevron",maxItems:a=4,itemsBeforeCollapse:r=1,itemsAfterCollapse:o=2,linkComponent:n,isDisabled:i,className:u,"aria-label":p="Breadcrumb",...d},f)=>{if(!e||e.length===0)return null;let c=St(e,a,r,o);return c?jsx("nav",{ref:f,"aria-label":p,className:l(ze(),u),...d,children:jsxs("ol",{className:$e(),children:[c.before.map(g=>jsxs(Fragment$1,{children:[jsx("li",{className:G(),children:jsx(me,{item:g,isCurrent:false,linkComponent:n,isGroupDisabled:i})}),jsx(O,{separator:t})]},g.id)),jsx("li",{className:G(),children:jsx(Bt,{items:c.collapsed,linkComponent:n,isGroupDisabled:i})}),jsx(O,{separator:t}),c.after.map((g,P)=>{let w=P===c.after.length-1,v=e.length-c.after.length+P;return jsxs(Fragment$1,{children:[jsx("li",{className:G(),children:jsx(me,{item:g,isCurrent:Ye(v,e.length),linkComponent:n,isGroupDisabled:i})}),!w&&jsx(O,{separator:t})]},g.id)})]})}):jsx("nav",{ref:f,"aria-label":p,className:l(ze(),u),...d,children:jsx("ol",{className:$e(),children:e.map((g,P)=>jsxs(Fragment$1,{children:[jsx("li",{className:G(),children:jsx(me,{item:g,isCurrent:Ye(P,e.length),linkComponent:n,isGroupDisabled:i})}),P<e.length-1&&jsx(O,{separator:t})]},g.id))})})});z.displayName="Breadcrumbs";var ce=cva("@container/page-title flex flex-col gap-2 border-b border-[var(--border)] p-4",{variants:{variant:{default:"bg-[var(--content-background)]",feature:["bg-[linear-gradient(to_right,var(--primary),color-mix(in_oklch,var(--primary),black_60%))]","rtl:bg-[linear-gradient(to_left,var(--primary),color-mix(in_oklch,var(--primary),black_60%))]"].join(" ")}},defaultVariants:{variant:"default"}}),ue=cva("flex w-full flex-col gap-4 @xl/page-title:flex-row @xl/page-title:flex-wrap @xl/page-title:items-center @xl/page-title:justify-between"),fe=cva("flex min-w-0 flex-1 flex-col gap-3 @xl/page-title:basis-[18rem]"),ge=cva("text-[28px] font-semibold leading-none tracking-[-0.28px]",{variants:{variant:{default:"text-[var(--content-foreground)]",feature:"text-[var(--primary-foreground)]"}},defaultVariants:{variant:"default"}}),be=cva("text-base leading-normal",{variants:{variant:{default:"text-[var(--menu-muted)]",feature:"text-[var(--primary-foreground)]"}},defaultVariants:{variant:"default"}}),xe=cva("flex w-full",{variants:{variant:{default:"",feature:["[&_a]:text-[var(--primary-foreground)]","[&_a:hover]:text-[var(--primary-foreground)]","[&_[aria-current=page]]:text-[var(--primary-foreground)]","[&_[role=presentation]]:text-[var(--primary-foreground)]","[&_:focus-visible]:ring-[var(--primary-foreground)]"].join(" ")}},defaultVariants:{variant:"default"}}),ve=cva("flex shrink-0 flex-wrap items-center gap-2"),Te=cva("-mx-4 -mb-4 mt-2 [&_[role=tablist]]:flex [&_[role=tablist]]:w-full");var $=forwardRef(function({items:t,linkComponent:a,className:r,"data-testid":o,"aria-label":n},i){let{variant:u}=x();return jsx("div",{ref:i,className:l(xe({variant:u}),r),"data-testid":o??"page-title-breadcrumbs",children:jsx(z,{items:t,linkComponent:a,"aria-label":n})})});$.displayName="PageTitle.Breadcrumbs";var Y=forwardRef(function({as:t="h1",children:a,className:r,id:o,"data-testid":n},i){let{variant:u}=x();useEffect(()=>{if(process.env.NODE_ENV!=="production"&&t==="h1"){let f=document.querySelectorAll("h1").length;f>1&&console.warn(`[PageTitle] Multiple <h1> elements detected on the page (${f}). Each page should have exactly one <h1>. Pass \`as="h2"\` when PageTitle is not the primary page heading.`);}},[t]);let p=l(ge({variant:u}),r),d={ref:i,id:o,className:p,"data-testid":n??"page-title-heading"};return t==="h2"?jsx("h2",{...d,children:a}):t==="h3"?jsx("h3",{...d,children:a}):jsx("h1",{...d,children:a})});Y.displayName="PageTitle.Heading";var F=forwardRef(function({children:t,className:a,id:r,"data-testid":o},n){let{variant:i}=x();return jsx("p",{ref:n,id:r,className:l(be({variant:i}),a),"data-testid":o??"page-title-description",children:t})});F.displayName="PageTitle.Description";var W=forwardRef(function({children:t,className:a,"data-testid":r},o){return x(),jsx("div",{ref:o,className:l(ve(),a),"data-testid":r??"page-title-actions",children:t})});W.displayName="PageTitle.Actions";var U=forwardRef(function({children:t,className:a,"data-testid":r},o){return x(),jsx("div",{ref:o,className:l(Te(),a),"data-testid":r??"page-title-tabs",children:t})});U.displayName="PageTitle.Tabs";var $t={"PageTitle.Breadcrumbs":"breadcrumbs","PageTitle.Heading":"heading","PageTitle.Description":"description","PageTitle.Actions":"actions","PageTitle.Tabs":"tabs"};function Yt(e){let t={breadcrumbs:null,heading:null,description:null,actions:null,tabs:null,other:[]};return Children.forEach(e,a=>{if(!isValidElement(a)){a!=null&&a!==false&&t.other.push(a);return}let r=a.type,o=typeof r=="string"?void 0:r?.displayName,n=o?$t[o]:void 0;n?t[n]=a:t.other.push(a);}),t}var We=forwardRef(function({children:t,variant:a="default",className:r,id:o,"aria-label":n,"aria-labelledby":i,"data-testid":u="page-title"},p){let d=Yt(t),f=useMemo(()=>({variant:a}),[a]);return jsx(q.Provider,{value:f,children:jsxs("div",{ref:p,id:o,className:l(ce({variant:a}),d.tabs!=null&&"border-b-0",r),"aria-label":n,"aria-labelledby":i,"data-testid":u,"data-page-title-variant":a,children:[d.breadcrumbs,jsxs("div",{className:ue(),children:[jsxs("div",{className:fe(),children:[d.heading,d.description,d.other]}),d.actions]}),d.tabs]})})});We.displayName="PageTitle";var Ft=Object.assign(We,{Breadcrumbs:$,Heading:Y,Description:F,Actions:W,Tabs:U});var Ue=z$1.enum(["default","feature"]),je=z$1.enum(["h1","h2","h3"]),Ut=h.extend({children:z$1.custom(),variant:Ue.optional()}),jt=h.extend({children:z$1.custom(),as:je.optional()}),qt=h.extend({children:z$1.custom()}),Xt=h.extend({items:z$1.array(X),linkComponent:z$1.custom().optional()}),Zt=h.extend({children:z$1.custom()}),Jt=h.extend({children:z$1.custom()});export{Ft as PageTitle,W as PageTitleActions,Zt as PageTitleActionsPropsSchema,$ as PageTitleBreadcrumbs,Xt as PageTitleBreadcrumbsPropsSchema,F as PageTitleDescription,qt as PageTitleDescriptionPropsSchema,Y as PageTitleHeading,je as PageTitleHeadingLevelSchema,jt as PageTitleHeadingPropsSchema,Ut as PageTitlePropsSchema,U as PageTitleTabs,Jt as PageTitleTabsPropsSchema,Ue as PageTitleVariantSchema,ve as pageTitleActionsVariants,fe as pageTitleBodyVariants,xe as pageTitleBreadcrumbsVariants,be as pageTitleDescriptionVariants,ge as pageTitleHeadingVariants,ce as pageTitleRootVariants,ue as pageTitleRowVariants,Te as pageTitleTabsVariants,x as usePageTitleContext};//# sourceMappingURL=index.mjs.map
+import {createContext,forwardRef,Children,isValidElement,cloneElement,memo,useId,Fragment as Fragment$1,useEffect,useMemo,useContext}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {z as z$1}from'zod';import {cva}from'class-variance-authority';import {ChevronRight,Loader2,Zap,MoreHorizontal}from'lucide-react';import {MenuTrigger,Button,Popover,Menu,SubmenuTrigger,MenuItem,Separator,Header}from'react-aria-components';import {jsx,jsxs,Fragment}from'react/jsx-runtime';function l(...e){return twMerge(clsx(e))}var q=createContext(null);function x(){let e=useContext(q);if(!e)throw new Error("PageTitle compound components must be used within <PageTitle>");return e}var h=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var X=z$1.object({id:z$1.union([z$1.string(),z$1.number()]),label:z$1.string(),href:z$1.string().optional(),icon:z$1.custom().optional(),isDisabled:z$1.boolean().optional().default(false)}),rt=z$1.union([z$1.literal("chevron"),z$1.literal("slash"),z$1.custom()]);h.extend({items:z$1.array(X),separator:rt.optional().default("chevron"),maxItems:z$1.number().int().positive().optional().default(4),itemsBeforeCollapse:z$1.number().int().nonnegative().optional().default(1),itemsAfterCollapse:z$1.number().int().positive().optional().default(2),linkComponent:z$1.custom().optional(),isDisabled:z$1.boolean().optional().default(false)});function ot(e){if(!(e instanceof Element))return  false;let t=e;for(let o=0;t&&o<100;o++){let n=t.tagName?.toLowerCase()??"";if(n.startsWith("grammarly-")||n.startsWith("lt-")||t.hasAttribute("data-grammarly-shadow-root"))return  true;if(t.parentElement)t=t.parentElement;else {let i=t.getRootNode();t=i instanceof ShadowRoot?i.host:null;}}let a=e;for(;a&&!a.tagName.includes("-");)a=a.parentElement;if(!a)return  false;let r=a.parentElement;return r===document.body||r===document.documentElement}function Ve(e){return t=>!ot(t)&&(e?.(t)??true)}var Z=cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),A=cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function K(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var Ie=forwardRef(({defaultOpen:e=false,isOpen:t,onOpenChange:a,children:r},o)=>{if(process.env.NODE_ENV!=="production"){let n=Children.toArray(r),i=n.some(p=>isValidElement(p)&&(p.type===_||K(p.type)==="DropdownTrigger")),u=n.some(p=>isValidElement(p)&&(p.type===C||K(p.type)==="DropdownMenu"));if(!i||!u)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsx(MenuTrigger,{defaultOpen:e,isOpen:t,onOpenChange:a,children:r})});Ie.displayName="Dropdown";var _=forwardRef(({children:e,...t},a)=>isValidElement(e)?cloneElement(e,t):jsx(Button,{ref:a,...t,children:e}));_.displayName="DropdownTrigger";var C=forwardRef(({align:e="start",side:t="bottom",className:a,children:r,...o},n)=>{let i=`${t} ${e}`;return jsx(Popover,{placement:i,shouldCloseOnInteractOutside:Ve(),className:"data-[entering]:motion-safe:animate-in data-[entering]:motion-safe:fade-in-0 data-[entering]:motion-safe:slide-in-from-top-2 data-[entering]:[animation-duration:250ms] data-[entering]:[animation-timing-function:cubic-bezier(0.16,1,0.3,1)] data-[exiting]:motion-safe:animate-out data-[exiting]:motion-safe:fade-out-0 data-[exiting]:motion-safe:slide-out-to-top-2 data-[exiting]:[animation-duration:150ms]",children:jsx(Menu,{className:l(Z({variant:"default"}),a),...o,children:r})})});C.displayName="DropdownMenu";var Q=forwardRef(({children:e,onAction:t,isDisabled:a=false,shortcut:r,icon:o,iconRight:n,className:i,"aria-label":u,...p},d)=>{let f=Children.toArray(e),c=v=>isValidElement(v)&&(v.type===C||K(v.type)==="DropdownMenu"),g=f.some(c),P=f.filter(v=>!c(v)),w=f.find(c);return g&&w?jsxs(SubmenuTrigger,{children:[jsxs(MenuItem,{"aria-label":u,className:l(A({variant:"default"}),i),...p,children:[o&&jsx("span",{className:"mr-2",children:o}),jsx("span",{className:"flex-1",children:P}),jsx(ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),w]}):jsxs(MenuItem,{onAction:t,isDisabled:a,"aria-label":u,className:l(A({variant:"default"}),i),...p,children:[o&&jsx("span",{className:"mr-2",children:o}),jsx("span",{className:"flex-1",children:e}),n&&jsx("span",{className:"ml-auto",children:n}),r&&jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:r})]})});Q.displayName="DropdownItem";var ee=memo(forwardRef(({className:e,...t},a)=>jsx(Separator,{className:l("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...t})));ee.displayName="DropdownSeparator";var te=memo(forwardRef(({children:e,className:t,...a},r)=>jsx(Header,{className:l("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",t),...a,children:e})));te.displayName="DropdownLabel";var S=Object.assign(Ie,{Trigger:_,Menu:C,Item:Q,Separator:ee,Label:te});var ae=cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),re=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-normal ring-offset-background motion-safe:transition-transform motion-safe:duration-200 motion-safe:[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] hover:-translate-y-1",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] hover:bg-[var(--destructive-background-hover,var(--destructive-background))] motion-safe:hover:btn-warn-shake",outline:"border border-[var(--input-border)] bg-[var(--content-background)] hover:bg-[var(--accent-background)]/50",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] hover:bg-[var(--secondary-hover,var(--secondary))]",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]",link:"text-[var(--text-link)] underline underline-offset-4 hover:bg-[var(--accent)] hover:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-6 text-base",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var oe="data-[pressed]:scale-[0.97]";var H="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",L="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var He=createContext(null);He.displayName="ButtonGroupContext";function Le(){return useContext(He)}var Me=createContext(null);Me.displayName="ButtonGroupItemContext";function Ge(){return useContext(Me)}cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Oe=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var M=memo(forwardRef(({className:e,buttonVisualClassName:t,variant:a,size:r,visualSize:o,fullWidth:n,loading:i=false,loadingText:u="Loading...",shortcut:p,children:d,isDisabled:f,paywall:c=false,paywallRedirect:g,paywallDescription:P,onPress:w,...v},qe)=>{let ye=useId(),E=Le(),De=Ge(),Xe=a??E?.variant??"default",Ze=r??E?.size,Je=f??E?.isDisabled??false,Ne=E?.orientation==="vertical",we=n||Ne,Ke=De?Oe({orientation:E?.orientation??"horizontal",position:De.position}):"",j=o??Ze??"default";return process.env.NODE_ENV!=="production"&&(j==="dot"||j==="icon")&&!v["aria-label"]&&!d&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsx(Button,{ref:qe,isDisabled:Je||i||void 0,"aria-disabled":c?true:void 0,"aria-describedby":c?ye:void 0,onPress:R=>{if(c){g&&window.open(g,"_blank","noopener,noreferrer");return}w?.(R);},className:l(ae({fullWidth:we,inVerticalGroup:Ne}),e),...v,children:R=>jsxs("span",{className:l(re({variant:Xe,visualSize:j,paywall:c,fullWidth:we}),Ke,t,oe,"",H,L),"data-pressed":R.isPressed||void 0,children:[i&&jsxs(Fragment,{children:[jsx(Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsx("span",{className:"sr-only","aria-live":"polite",children:u})]}),!i&&d,c&&jsx(Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),c&&jsxs("span",{id:ye,className:"sr-only",children:["Premium feature: ",P||"Upgrade required to access this feature"]}),R.isFocusVisible&&p&&jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:p})]})})}));M.displayName="Button";var ze=cva("flex items-center flex-wrap",{variants:{},defaultVariants:{}}),$e=cva("flex flex-wrap items-center gap-1 break-words text-sm text-[var(--menu-muted)]",{variants:{},defaultVariants:{}}),G=cva("inline-flex items-center gap-1",{variants:{},defaultVariants:{}}),pe=cva("inline-flex items-center gap-2 min-h-[44px] pr-2 rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",{variants:{state:{default:["text-[var(--menu-muted)]","underline underline-offset-4","hover:text-[var(--content-foreground)]"].join(" "),current:"text-[var(--content-foreground)] font-medium pointer-events-none",disabled:"text-[var(--menu-muted)] opacity-50 cursor-not-allowed pointer-events-none"}},defaultVariants:{state:"default"}}),de=cva("text-[var(--menu-muted)]",{variants:{type:{chevron:"[&>svg]:h-4 [&>svg]:w-4",slash:"mx-2",custom:""}},defaultVariants:{type:"chevron"}}),Vt=cva("inline-flex items-center justify-center min-h-[44px] min-w-[44px] rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 hover:bg-[var(--accent)]",{variants:{},defaultVariants:{}});function Ye(e,t){return e===t-1}function St(e,t,a,r){if(e.length<=t||a+r>=e.length)return null;let o=e.slice(0,a),n=e.slice(-r),i=e.slice(a,e.length-r);return {before:o,collapsed:i,after:n}}function O({separator:e}){return e==="chevron"?jsx("li",{role:"presentation","aria-hidden":"true",className:de({type:"chevron"}),children:jsx(ChevronRight,{})}):e==="slash"?jsx("li",{role:"presentation","aria-hidden":"true",className:de({type:"slash"}),children:"/"}):jsx("li",{role:"presentation","aria-hidden":"true",className:de({type:"custom"}),children:e})}function me({item:e,isCurrent:t,linkComponent:a="a",isGroupDisabled:r}){let o=r||e.isDisabled,n=t?"current":o?"disabled":"default";return t?jsxs("span",{className:pe({state:"current"}),"aria-current":"page",children:[e.icon&&jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):e.href?jsxs(a,{href:e.href,className:pe({state:n}),"aria-disabled":o||void 0,children:[e.icon&&jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):jsxs("span",{className:pe({state:o?"disabled":"default"}),"aria-disabled":o||void 0,children:[e.icon&&jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]})}function Bt({items:e,linkComponent:t="a",isGroupDisabled:a}){return jsxs(S,{defaultOpen:false,children:[jsx(S.Trigger,{children:jsx(M,{variant:"ghost",size:"icon",className:Vt(),"aria-label":"More breadcrumbs",children:jsx(MoreHorizontal,{className:"h-4 w-4"})})}),jsx(S.Menu,{align:"start",side:"bottom",children:e.map(r=>jsx(S.Item,{isDisabled:a||r.isDisabled,children:jsxs(t,{href:r.href,className:"flex flex-1 items-center gap-2",children:[r.icon&&jsx("span",{"aria-hidden":"true",children:r.icon}),r.label]})},r.id))})]})}var z=forwardRef(({items:e,separator:t="chevron",maxItems:a=4,itemsBeforeCollapse:r=1,itemsAfterCollapse:o=2,linkComponent:n,isDisabled:i,className:u,"aria-label":p="Breadcrumb",...d},f)=>{if(!e||e.length===0)return null;let c=St(e,a,r,o);return c?jsx("nav",{ref:f,"aria-label":p,className:l(ze(),u),...d,children:jsxs("ol",{className:$e(),children:[c.before.map(g=>jsxs(Fragment$1,{children:[jsx("li",{className:G(),children:jsx(me,{item:g,isCurrent:false,linkComponent:n,isGroupDisabled:i})}),jsx(O,{separator:t})]},g.id)),jsx("li",{className:G(),children:jsx(Bt,{items:c.collapsed,linkComponent:n,isGroupDisabled:i})}),jsx(O,{separator:t}),c.after.map((g,P)=>{let w=P===c.after.length-1,v=e.length-c.after.length+P;return jsxs(Fragment$1,{children:[jsx("li",{className:G(),children:jsx(me,{item:g,isCurrent:Ye(v,e.length),linkComponent:n,isGroupDisabled:i})}),!w&&jsx(O,{separator:t})]},g.id)})]})}):jsx("nav",{ref:f,"aria-label":p,className:l(ze(),u),...d,children:jsx("ol",{className:$e(),children:e.map((g,P)=>jsxs(Fragment$1,{children:[jsx("li",{className:G(),children:jsx(me,{item:g,isCurrent:Ye(P,e.length),linkComponent:n,isGroupDisabled:i})}),P<e.length-1&&jsx(O,{separator:t})]},g.id))})})});z.displayName="Breadcrumbs";var ce=cva("@container/page-title flex flex-col gap-2 border-b border-[var(--border)] p-5",{variants:{variant:{default:"bg-[var(--content-background)]",feature:["bg-[linear-gradient(to_right,var(--primary),color-mix(in_oklch,var(--primary),black_30%))]","rtl:bg-[linear-gradient(to_left,var(--primary),color-mix(in_oklch,var(--primary),black_30%))]"].join(" ")}},defaultVariants:{variant:"default"}}),ue=cva("flex w-full flex-col gap-4 @xl/page-title:flex-row @xl/page-title:flex-wrap @xl/page-title:items-center @xl/page-title:justify-between"),fe=cva("flex min-w-0 flex-1 flex-col gap-3 @xl/page-title:basis-[18rem]"),ge=cva("text-[28px] font-semibold leading-none tracking-[-0.28px]",{variants:{variant:{default:"text-[var(--content-foreground)]",feature:"text-[var(--primary-foreground)]"}},defaultVariants:{variant:"default"}}),be=cva("text-base leading-normal",{variants:{variant:{default:"text-[var(--menu-muted)]",feature:"text-[var(--primary-foreground)]"}},defaultVariants:{variant:"default"}}),xe=cva("flex w-full",{variants:{variant:{default:"",feature:["[&_a]:text-[var(--primary-foreground)]","[&_a:hover]:text-[var(--primary-foreground)]","[&_[aria-current=page]]:text-[var(--primary-foreground)]","[&_[role=presentation]]:text-[var(--primary-foreground)]","[&_:focus-visible]:ring-[var(--primary-foreground)]"].join(" ")}},defaultVariants:{variant:"default"}}),ve=cva("flex shrink-0 flex-wrap items-center gap-2"),Te=cva("-mx-5 -mb-5 mt-2 [&_[role=tablist]]:flex [&_[role=tablist]]:w-full");var $=forwardRef(function({items:t,linkComponent:a,className:r,"data-testid":o,"aria-label":n},i){let{variant:u}=x();return jsx("div",{ref:i,className:l(xe({variant:u}),r),"data-testid":o??"page-title-breadcrumbs",children:jsx(z,{items:t,linkComponent:a,"aria-label":n})})});$.displayName="PageTitle.Breadcrumbs";var Y=forwardRef(function({as:t="h1",children:a,className:r,id:o,"data-testid":n},i){let{variant:u}=x();useEffect(()=>{if(process.env.NODE_ENV!=="production"&&t==="h1"){let f=document.querySelectorAll("h1").length;f>1&&console.warn(`[PageTitle] Multiple <h1> elements detected on the page (${f}). Each page should have exactly one <h1>. Pass \`as="h2"\` when PageTitle is not the primary page heading.`);}},[t]);let p=l(ge({variant:u}),r),d={ref:i,id:o,className:p,"data-testid":n??"page-title-heading"};return t==="h2"?jsx("h2",{...d,children:a}):t==="h3"?jsx("h3",{...d,children:a}):jsx("h1",{...d,children:a})});Y.displayName="PageTitle.Heading";var F=forwardRef(function({children:t,className:a,id:r,"data-testid":o},n){let{variant:i}=x();return jsx("p",{ref:n,id:r,className:l(be({variant:i}),a),"data-testid":o??"page-title-description",children:t})});F.displayName="PageTitle.Description";var W=forwardRef(function({children:t,className:a,"data-testid":r},o){return x(),jsx("div",{ref:o,className:l(ve(),a),"data-testid":r??"page-title-actions",children:t})});W.displayName="PageTitle.Actions";var U=forwardRef(function({children:t,className:a,"data-testid":r},o){return x(),jsx("div",{ref:o,className:l(Te(),a),"data-testid":r??"page-title-tabs",children:t})});U.displayName="PageTitle.Tabs";var $t={"PageTitle.Breadcrumbs":"breadcrumbs","PageTitle.Heading":"heading","PageTitle.Description":"description","PageTitle.Actions":"actions","PageTitle.Tabs":"tabs"};function Yt(e){let t={breadcrumbs:null,heading:null,description:null,actions:null,tabs:null,other:[]};return Children.forEach(e,a=>{if(!isValidElement(a)){a!=null&&a!==false&&t.other.push(a);return}let r=a.type,o=typeof r=="string"?void 0:r?.displayName,n=o?$t[o]:void 0;n?t[n]=a:t.other.push(a);}),t}var We=forwardRef(function({children:t,variant:a="default",className:r,id:o,"aria-label":n,"aria-labelledby":i,"data-testid":u="page-title"},p){let d=Yt(t),f=useMemo(()=>({variant:a}),[a]);return jsx(q.Provider,{value:f,children:jsxs("div",{ref:p,id:o,className:l(ce({variant:a}),d.tabs!=null&&"border-b-0",r),"aria-label":n,"aria-labelledby":i,"data-testid":u,"data-page-title-variant":a,children:[d.breadcrumbs,jsxs("div",{className:ue(),children:[jsxs("div",{className:fe(),children:[d.heading,d.description,d.other]}),d.actions]}),d.tabs]})})});We.displayName="PageTitle";var Ft=Object.assign(We,{Breadcrumbs:$,Heading:Y,Description:F,Actions:W,Tabs:U});var Ue=z$1.enum(["default","feature"]),je=z$1.enum(["h1","h2","h3"]),Ut=h.extend({children:z$1.custom(),variant:Ue.optional()}),jt=h.extend({children:z$1.custom(),as:je.optional()}),qt=h.extend({children:z$1.custom()}),Xt=h.extend({items:z$1.array(X),linkComponent:z$1.custom().optional()}),Zt=h.extend({children:z$1.custom()}),Jt=h.extend({children:z$1.custom()});export{Ft as PageTitle,W as PageTitleActions,Zt as PageTitleActionsPropsSchema,$ as PageTitleBreadcrumbs,Xt as PageTitleBreadcrumbsPropsSchema,F as PageTitleDescription,qt as PageTitleDescriptionPropsSchema,Y as PageTitleHeading,je as PageTitleHeadingLevelSchema,jt as PageTitleHeadingPropsSchema,Ut as PageTitlePropsSchema,U as PageTitleTabs,Jt as PageTitleTabsPropsSchema,Ue as PageTitleVariantSchema,ve as pageTitleActionsVariants,fe as pageTitleBodyVariants,xe as pageTitleBreadcrumbsVariants,be as pageTitleDescriptionVariants,ge as pageTitleHeadingVariants,ce as pageTitleRootVariants,ue as pageTitleRowVariants,Te as pageTitleTabsVariants,x as usePageTitleContext};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map