@blakesteve/roster 5.7.0 → 5.8.0

package/dist/components/organisms/Navbar/navbar-variants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:w-full rst:z-30 rst:border-b rst:transition-colors rst:duration-200",{variants:{variant:{default:"rst:bg-[var(--roster-nav-bg)] rst:border-[var(--roster-nav-border)] rst:text-[var(--roster-nav-text)]",slate:"rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800",primary:"rst:bg-primary-700 rst:border-primary-600 rst:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900",white:"rst:bg-white rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-100",transparent:"rst:bg-transparent rst:border-transparent rst:text-gray-900 rst:dark:text-white"},position:{fixed:"rst:fixed rst:top-0 rst:left-0 rst:right-0",sticky:"rst:sticky rst:top-0",static:"rst:static"}},defaultVariants:{variant:"default",position:"sticky"}});exports.navbarVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:w-full rst:z-30 rst:border-b rst:transition-colors rst:duration-200",{variants:{variant:{default:"rst:bg-[var(--roster-nav-bg)] rst:border-[var(--roster-nav-border)] rst:text-[var(--roster-nav-text)]",slate:"rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800",primary:"rst:bg-primary-700 rst:border-primary-600 rst:text-primary-700-ink rst:dark:bg-primary-950 rst:dark:border-primary-900 rst:dark:text-white",white:"rst:bg-white rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-100",transparent:"rst:bg-transparent rst:border-transparent rst:text-gray-900 rst:dark:text-white"},position:{fixed:"rst:fixed rst:top-0 rst:left-0 rst:right-0",sticky:"rst:sticky rst:top-0",static:"rst:static"}},defaultVariants:{variant:"default",position:"sticky"}});exports.navbarVariants=t;

package/dist/components/organisms/Navbar/navbar-variants.js

@@ -11,8 +11,10 @@ const a = /* @__PURE__ */ r(
         default: "rst:bg-[var(--roster-nav-bg)] rst:border-[var(--roster-nav-border)] rst:text-[var(--roster-nav-text)]",
         // Slate: A solid mid-dark gray in light mode, drops to a moody gray in dark mode
         slate: "rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800",
-        // Primary: Bold brand color in light mode, deep rich brand color in dark mode
-        primary: "rst:bg-primary-700 rst:border-primary-600 rst:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900",
+        // Primary: Bold brand color in light mode, deep rich brand color in dark mode.
+        // Light text is primary-700's ink, as on every other solid fill, so an
+        // app with a light primary can make it dark; the dark fill keeps white.
+        primary: "rst:bg-primary-700 rst:border-primary-600 rst:text-primary-700-ink rst:dark:bg-primary-950 rst:dark:border-primary-900 rst:dark:text-white",
         // White: Crisp white in light mode, elevated surface gray in dark mode
         white: "rst:bg-white rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-100",
         // Transparent: Stays invisible, adapts text for standard readability

package/dist/components/organisms/Sheet/Sheet.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),H=require("react"),J=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),y=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),Q=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),f=require("../../../lib/utils.cjs"),Z=require("../../../internal/popup.cjs"),W=require("../../../internal/motion.cjs"),O=require("../../../internal/page-inert.cjs"),D=require("./sheet-drag.cjs"),tt=require("./sheet-title.cjs");function et(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(i,c,l.get?l:{enumerable:!0,get:()=>r[c]})}}return i.default=r,Object.freeze(i)}const n=et(H),rt="rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full",st="rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0",nt="rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0",ot="rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0",at=["input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]):not([type=image])","textarea","select","[contenteditable]:not([contenteditable=false])"].join(",");function it(r){return r?"current"in r?r.current:r:null}function ct({target:r}){const i=n.useRef(r),c=n.useRef(!1);return n.useEffect(()=>{i.current=r}),n.useEffect(()=>(c.current=!1,()=>{c.current=!0,queueMicrotask(()=>{if(!c.current)return;const l=it(i.current);l?.isConnected&&l.focus()})}),[]),null}function ut(){return s.jsx("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 20 20",className:"rst:h-5 rst:w-5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:s.jsx("path",{d:"M5 5l10 10M15 5L5 15"})})}const lt=({isOpen:r,onClose:i,onAfterClose:c,title:l,hideTitle:T=!1,description:S,actions:N,maxWidth:b=560,initialFocus:v,returnFocus:_,busy:p=!1,dragToDismiss:j=!0,contentKey:h,className:z,children:Y})=>{const{ref:R,inDarkScope:B}=Z.useDarkScope(),C=W.useReducedMotion();n.useLayoutEffect(()=>{if(r)return O.lockPage(R.current)},[r,R]);const u=n.useRef(null),I=n.useRef(null),L=n.useRef(null),E=n.useRef(null),k=n.useRef(null),P=n.useId(),g=tt.titleSignature(l),w=n.useRef({signature:g,contentKey:h,open:r,busy:p});n.useEffect(()=>{const t=w.current;if(w.current={signature:g,contentKey:h,open:r,busy:p},!t.open||!r)return;const e=t.contentKey!==h,o=t.signature!==g&&!t.busy;!e&&!o||(L.current?.focus(),k.current&&(k.current.scrollTop=0))},[g,h,r,p]),n.useEffect(()=>{if(!r)return;const t=requestAnimationFrame(()=>{const e=u.current,o=document.activeElement;!e||o&&e.contains(o)||(v?.current??E.current)?.focus()});return()=>cancelAnimationFrame(t)},[r,v]);const[q,M]=n.useState(null);n.useEffect(()=>{if(!r)return;const t=window.visualViewport;if(!t)return;const e=()=>{const o=document.activeElement,d=!!o&&!!u.current?.contains(o)&&o.matches(at);M(d?Math.round(t.height):null)};return t.addEventListener("resize",e),document.addEventListener("focusin",e),document.addEventListener("focusout",e),()=>{t.removeEventListener("resize",e),document.removeEventListener("focusin",e),document.removeEventListener("focusout",e),M(null)}},[r]);const a=n.useRef(null),m=n.useRef(!1),A=n.useRef(r);n.useEffect(()=>{A.current=r},[r]);const x=t=>{u.current?.style.setProperty("--rst-sheet-drag",`${t}px`)},F=t=>{const e=u.current;a.current=null,e&&(delete e.dataset.dragging,t==="close"?(i(),requestAnimationFrame(()=>{A.current&&!a.current&&x(0)})):x(0))};n.useEffect(()=>{!r&&a.current&&(a.current=null,u.current&&delete u.current.dataset.dragging),r&&!a.current&&x(0)},[r]);const U=t=>{a.current||(m.current=!1,!(!j||!r)&&(t.pointerType==="mouse"&&(t.button!==0||!I.current?.contains(t.target))||(a.current={pointerId:t.pointerId,x0:t.clientX,y0:t.clientY,dy:0,phase:"pending",samples:[{t:t.timeStamp,y:t.clientY}]})))},V=t=>{const e=a.current;if(!e||t.pointerId!==e.pointerId)return;const o=t.clientX-e.x0,d=t.clientY-e.y0;if(e.phase==="pending"){if(!D.exceedsSheetTapSlop(o,d))return;if(Math.abs(o)>Math.abs(d)){e.phase="ignored";return}e.phase="dragging",m.current=!0;try{t.currentTarget.setPointerCapture(t.pointerId)}catch{}u.current&&(u.current.dataset.dragging="")}e.phase==="dragging"&&(e.dy=d,e.samples.push({t:t.timeStamp,y:t.clientY}),e.samples.length>32&&e.samples.shift(),x(Math.max(0,d)))},X=t=>{const e=a.current;if(!e||t.pointerId!==e.pointerId)return;if(e.phase!=="dragging"){a.current=null;return}e.samples.push({t:t.timeStamp,y:t.clientY});const o=t.clientY-e.y0,d=u.current?.getBoundingClientRect().height??0;F(D.sheetDragOutcome(o,d,D.sheetReleaseVelocity(e.samples)))},$=t=>{const e=a.current;!e||t.pointerId!==e.pointerId||(e.phase==="dragging"?F("stay"):a.current=null)},G=t=>{!m.current||t.detail===0||(m.current=!1,t.preventDefault(),t.stopPropagation())},K={"--rst-sheet-max-width":typeof b=="number"?`${b}px`:b,...q!==null&&{"--rst-sheet-keyboard-cap":`${q}px`}};return s.jsxs(s.Fragment,{children:[s.jsx("span",{ref:R,hidden:!0}),s.jsxs(y.Dialog,{open:r,as:"div",onClose:i,initialFocus:v??E,className:f.cn("rst:font-ui rst:relative rst:z-50 rst:focus:outline-hidden",B&&"dark"),children:[s.jsx(y.DialogBackdrop,{transition:!0,"data-testid":"sheet-backdrop",className:f.cn("rst:fixed rst:inset-0 rst:bg-[var(--roster-backdrop,var(--roster-sheet-backdrop))]",C?ot:nt)}),s.jsx("div",{className:"rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center",children:s.jsx(Q.TransitionChild,{afterLeave:c,children:s.jsxs(y.DialogPanel,{ref:u,style:K,"data-testid":"sheet-panel",className:f.cn("rst:relative rst:flex rst:max-h-[min(92dvh,var(--rst-sheet-keyboard-cap,92dvh))] rst:w-full rst:flex-col","rst:md:max-w-(--rst-sheet-max-width)","rst:rounded-t-2xl rst:border rst:border-b-0 rst:elevation-overlay","rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]","rst:[--roster-ring-offset:var(--roster-popover-bg)]","rst:pb-[env(safe-area-inset-bottom)]","rst:translate-y-[var(--rst-sheet-drag,0px)]",C?st:rt,"rst:data-dragging:transition-none",z),children:[s.jsxs("div",{"data-testid":"sheet-drag-zone",className:f.cn("rst:shrink-0",j&&"rst:touch-none"),onPointerDown:U,onPointerMove:V,onPointerUp:X,onPointerCancel:$,onClickCapture:G,children:[s.jsx("div",{ref:I,"aria-hidden":"true","data-testid":"sheet-handle",className:f.cn("rst:flex rst:h-11 rst:items-start rst:justify-center rst:pt-2",j&&"rst:cursor-grab rst:active:cursor-grabbing"),children:s.jsx("span",{className:"rst:h-1 rst:w-10 rst:rounded-full rst:bg-current rst:opacity-30"})}),s.jsxs("div",{className:"rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4",children:[s.jsxs("div",{className:"rst:min-w-0 rst:flex-1 rst:pt-2",children:[s.jsx(y.DialogTitle,{as:"h2",id:P,ref:L,tabIndex:-1,className:f.cn("rst:text-lg rst:font-semibold rst:text-inherit rst:focus:outline-hidden",T&&"rst:sr-only"),children:l}),S&&s.jsx(J.Description,{as:"p",className:"rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75",children:S})]}),N&&s.jsx("div",{className:"rst:flex rst:h-11 rst:shrink-0 rst:items-center rst:gap-1",children:N}),s.jsx("button",{ref:E,type:"button",onClick:i,"aria-label":"Close",className:"rst:inline-flex rst:size-11 rst:shrink-0 rst:-mr-2 rst:cursor-pointer rst:items-center rst:justify-center rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:opacity-100 rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",children:s.jsx(ut,{})})]})]}),s.jsx("div",{ref:k,role:"region","aria-labelledby":P,tabIndex:0,"data-testid":"sheet-content","aria-busy":p||void 0,className:"rst:min-h-0 rst:flex-1 rst:overflow-y-auto rst:overscroll-contain rst:px-5 rst:pb-4 rst:focus:outline-hidden rst:ring-inset rst:focus-visible:ring-2 rst:focus-visible:ring-ring",children:Y}),s.jsx(ct,{target:_})]})})})]})]})};exports.Sheet=lt;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),Q=require("react"),Z=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),x=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),W=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),f=require("../../../lib/utils.cjs"),O=require("../../../lib/labels.cjs"),tt=require("../../../internal/popup.cjs"),et=require("../../../internal/motion.cjs"),rt=require("../../../internal/page-inert.cjs"),S=require("./sheet-drag.cjs"),st=require("./sheet-title.cjs");function nt(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(i,c,l.get?l:{enumerable:!0,get:()=>r[c]})}}return i.default=r,Object.freeze(i)}const n=nt(Q),ot={close:"Close"},at="rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full",it="rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0",ct="rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0",ut="rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0",lt=["input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]):not([type=image])","textarea","select","[contenteditable]:not([contenteditable=false])"].join(",");function dt(r){return r?"current"in r?r.current:r:null}function ft({target:r}){const i=n.useRef(r),c=n.useRef(!1);return n.useEffect(()=>{i.current=r}),n.useEffect(()=>(c.current=!1,()=>{c.current=!0,queueMicrotask(()=>{if(!c.current)return;const l=dt(i.current);l?.isConnected&&l.focus()})}),[]),null}function pt(){return s.jsx("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 20 20",className:"rst:h-5 rst:w-5",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:s.jsx("path",{d:"M5 5l10 10M15 5L5 15"})})}const ht=({isOpen:r,onClose:i,onAfterClose:c,title:l,hideTitle:T=!1,description:D,actions:L,maxWidth:y=560,initialFocus:v,returnFocus:_,busy:p=!1,dragToDismiss:j=!0,contentKey:h,labels:z,className:B,children:Y})=>{const U=O.withLabels(ot,z),{ref:R,inDarkScope:V}=tt.useDarkScope(),N=et.useReducedMotion();n.useLayoutEffect(()=>{if(r)return rt.lockPage(R.current)},[r,R]);const u=n.useRef(null),C=n.useRef(null),I=n.useRef(null),E=n.useRef(null),k=n.useRef(null),w=n.useId(),g=st.titleSignature(l),P=n.useRef({signature:g,contentKey:h,open:r,busy:p});n.useEffect(()=>{const t=P.current;if(P.current={signature:g,contentKey:h,open:r,busy:p},!t.open||!r)return;const e=t.contentKey!==h,o=t.signature!==g&&!t.busy;!e&&!o||(I.current?.focus(),k.current&&(k.current.scrollTop=0))},[g,h,r,p]),n.useEffect(()=>{if(!r)return;const t=requestAnimationFrame(()=>{const e=u.current,o=document.activeElement;!e||o&&e.contains(o)||(v?.current??E.current)?.focus()});return()=>cancelAnimationFrame(t)},[r,v]);const[q,M]=n.useState(null);n.useEffect(()=>{if(!r)return;const t=window.visualViewport;if(!t)return;const e=()=>{const o=document.activeElement,d=!!o&&!!u.current?.contains(o)&&o.matches(lt);M(d?Math.round(t.height):null)};return t.addEventListener("resize",e),document.addEventListener("focusin",e),document.addEventListener("focusout",e),()=>{t.removeEventListener("resize",e),document.removeEventListener("focusin",e),document.removeEventListener("focusout",e),M(null)}},[r]);const a=n.useRef(null),m=n.useRef(!1),A=n.useRef(r);n.useEffect(()=>{A.current=r},[r]);const b=t=>{u.current?.style.setProperty("--rst-sheet-drag",`${t}px`)},F=t=>{const e=u.current;a.current=null,e&&(delete e.dataset.dragging,t==="close"?(i(),requestAnimationFrame(()=>{A.current&&!a.current&&b(0)})):b(0))};n.useEffect(()=>{!r&&a.current&&(a.current=null,u.current&&delete u.current.dataset.dragging),r&&!a.current&&b(0)},[r]);const X=t=>{a.current||(m.current=!1,!(!j||!r)&&(t.pointerType==="mouse"&&(t.button!==0||!C.current?.contains(t.target))||(a.current={pointerId:t.pointerId,x0:t.clientX,y0:t.clientY,dy:0,phase:"pending",samples:[{t:t.timeStamp,y:t.clientY}]})))},$=t=>{const e=a.current;if(!e||t.pointerId!==e.pointerId)return;const o=t.clientX-e.x0,d=t.clientY-e.y0;if(e.phase==="pending"){if(!S.exceedsSheetTapSlop(o,d))return;if(Math.abs(o)>Math.abs(d)){e.phase="ignored";return}e.phase="dragging",m.current=!0;try{t.currentTarget.setPointerCapture(t.pointerId)}catch{}u.current&&(u.current.dataset.dragging="")}e.phase==="dragging"&&(e.dy=d,e.samples.push({t:t.timeStamp,y:t.clientY}),e.samples.length>32&&e.samples.shift(),b(Math.max(0,d)))},G=t=>{const e=a.current;if(!e||t.pointerId!==e.pointerId)return;if(e.phase!=="dragging"){a.current=null;return}e.samples.push({t:t.timeStamp,y:t.clientY});const o=t.clientY-e.y0,d=u.current?.getBoundingClientRect().height??0;F(S.sheetDragOutcome(o,d,S.sheetReleaseVelocity(e.samples)))},K=t=>{const e=a.current;!e||t.pointerId!==e.pointerId||(e.phase==="dragging"?F("stay"):a.current=null)},H=t=>{!m.current||t.detail===0||(m.current=!1,t.preventDefault(),t.stopPropagation())},J={"--rst-sheet-max-width":typeof y=="number"?`${y}px`:y,...q!==null&&{"--rst-sheet-keyboard-cap":`${q}px`}};return s.jsxs(s.Fragment,{children:[s.jsx("span",{ref:R,hidden:!0}),s.jsxs(x.Dialog,{open:r,as:"div",onClose:i,initialFocus:v??E,className:f.cn("rst:font-ui rst:relative rst:z-50 rst:focus:outline-hidden",V&&"dark"),children:[s.jsx(x.DialogBackdrop,{transition:!0,"data-testid":"sheet-backdrop",className:f.cn("rst:fixed rst:inset-0 rst:bg-[var(--roster-backdrop,var(--roster-sheet-backdrop))]",N?ut:ct)}),s.jsx("div",{className:"rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center",children:s.jsx(W.TransitionChild,{afterLeave:c,children:s.jsxs(x.DialogPanel,{ref:u,style:J,"data-testid":"sheet-panel",className:f.cn("rst:relative rst:flex rst:max-h-[min(92dvh,var(--rst-sheet-keyboard-cap,92dvh))] rst:w-full rst:flex-col","rst:md:max-w-(--rst-sheet-max-width)","rst:rounded-t-2xl rst:border rst:border-b-0 rst:elevation-overlay","rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]","rst:[--roster-ring-offset:var(--roster-popover-bg)]","rst:pb-[env(safe-area-inset-bottom)]","rst:translate-y-[var(--rst-sheet-drag,0px)]",N?it:at,"rst:data-dragging:transition-none",B),children:[s.jsxs("div",{"data-testid":"sheet-drag-zone",className:f.cn("rst:shrink-0",j&&"rst:touch-none"),onPointerDown:X,onPointerMove:$,onPointerUp:G,onPointerCancel:K,onClickCapture:H,children:[s.jsx("div",{ref:C,"aria-hidden":"true","data-testid":"sheet-handle",className:f.cn("rst:flex rst:h-11 rst:items-start rst:justify-center rst:pt-2",j&&"rst:cursor-grab rst:active:cursor-grabbing"),children:s.jsx("span",{className:"rst:h-1 rst:w-10 rst:rounded-full rst:bg-current rst:opacity-30"})}),s.jsxs("div",{className:"rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4",children:[s.jsxs("div",{className:"rst:min-w-0 rst:flex-1 rst:pt-2",children:[s.jsx(x.DialogTitle,{as:"h2",id:w,ref:I,tabIndex:-1,className:f.cn("rst:text-lg rst:font-semibold rst:text-inherit rst:focus:outline-hidden",T&&"rst:sr-only"),children:l}),D&&s.jsx(Z.Description,{as:"p",className:"rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75",children:D})]}),L&&s.jsx("div",{className:"rst:flex rst:h-11 rst:shrink-0 rst:items-center rst:gap-1",children:L}),s.jsx("button",{ref:E,type:"button",onClick:i,"aria-label":U.close,className:"rst:inline-flex rst:size-11 rst:shrink-0 rst:-mr-2 rst:cursor-pointer rst:items-center rst:justify-center rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:opacity-100 rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",children:s.jsx(pt,{})})]})]}),s.jsx("div",{ref:k,role:"region","aria-labelledby":w,tabIndex:0,"data-testid":"sheet-content","aria-busy":p||void 0,className:"rst:min-h-0 rst:flex-1 rst:overflow-y-auto rst:overscroll-contain rst:px-5 rst:pb-4 rst:focus:outline-hidden rst:ring-inset rst:focus-visible:ring-2 rst:focus-visible:ring-ring",children:Y}),s.jsx(ft,{target:_})]})})})]})]})};exports.Sheet=ht;

package/dist/components/organisms/Sheet/Sheet.d.ts

@@ -1,4 +1,9 @@
 import * as React from "react";
+/** Every word Sheet says of its own. Pass any of them in `labels` to replace it. */
+export interface SheetLabels {
+    /** The close button's name. */
+    close: string;
+}
 export interface SheetProps {
     isOpen: boolean;
     /** Called by Escape, a backdrop click, the close button and a dismissing drag. */
@@ -52,6 +57,8 @@ export interface SheetProps {
      * that changes under an unchanged title.
      */
     contentKey?: React.Key;
+    /** The component's own words, replaced; any left out stay English. */
+    labels?: Partial<SheetLabels>;
     /** Applied to the panel. */
     className?: string;
     children: React.ReactNode;
@@ -81,5 +88,5 @@ export interface SheetProps {
  * The bottom padding includes `env(safe-area-inset-bottom)`, which is 0 unless
  * the page's viewport meta sets `viewport-fit=cover`.
  */
-declare const Sheet: ({ isOpen, onClose, onAfterClose, title, hideTitle, description, actions, maxWidth, initialFocus, returnFocus, busy, dragToDismiss, contentKey, className, children, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
+declare const Sheet: ({ isOpen, onClose, onAfterClose, title, hideTitle, description, actions, maxWidth, initialFocus, returnFocus, busy, dragToDismiss, contentKey, labels, className, children, }: SheetProps) => import("react/jsx-runtime").JSX.Element;
 export { Sheet };

package/dist/components/organisms/Sheet/Sheet.js

@@ -1,37 +1,38 @@
 "use client";
-import { jsxs as l, Fragment as K, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, Fragment as H, jsx as n } from "react/jsx-runtime";
 import * as s from "react";
-import { Description as Q } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Dialog as H, DialogBackdrop as J, DialogPanel as Z, DialogTitle as W } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
-import { TransitionChild as O } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+import { Description as J } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Dialog as Z, DialogBackdrop as W, DialogPanel as O, DialogTitle as tt } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import { TransitionChild as et } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
 import { cn as d } from "../../../lib/utils.js";
-import { useDarkScope as tt } from "../../../internal/popup.js";
-import { useReducedMotion as et } from "../../../internal/motion.js";
-import { lockPage as rt } from "../../../internal/page-inert.js";
-import { sheetDragOutcome as st, sheetReleaseVelocity as nt, exceedsSheetTapSlop as ot } from "./sheet-drag.js";
-import { titleSignature as at } from "./sheet-title.js";
-const it = "rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full", ct = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", ut = "rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0", lt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", dt = [
+import { withLabels as rt } from "../../../lib/labels.js";
+import { useDarkScope as st } from "../../../internal/popup.js";
+import { useReducedMotion as nt } from "../../../internal/motion.js";
+import { lockPage as ot } from "../../../internal/page-inert.js";
+import { sheetDragOutcome as at, sheetReleaseVelocity as it, exceedsSheetTapSlop as ct } from "./sheet-drag.js";
+import { titleSignature as ut } from "./sheet-title.js";
+const lt = { close: "Close" }, dt = "rst:transition-transform rst:duration-(--roster-sheet-enter-duration) rst:ease-(--roster-sheet-enter-easing) rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-leave:ease-(--roster-sheet-leave-easing) rst:data-closed:translate-y-full", ft = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", pt = "rst:transition-opacity rst:duration-(--roster-sheet-enter-duration) rst:ease-out rst:data-leave:duration-(--roster-sheet-leave-duration) rst:data-closed:opacity-0", mt = "rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0", ht = [
   "input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]):not([type=image])",
   "textarea",
   "select",
   "[contenteditable]:not([contenteditable=false])"
 ].join(",");
-function ft(r) {
+function gt(r) {
   return r ? "current" in r ? r.current : r : null;
 }
-function pt({ target: r }) {
+function yt({ target: r }) {
   const u = s.useRef(r), f = s.useRef(!1);
   return s.useEffect(() => {
     u.current = r;
   }), s.useEffect(() => (f.current = !1, () => {
     f.current = !0, queueMicrotask(() => {
       if (!f.current) return;
-      const p = ft(u.current);
+      const p = gt(u.current);
       p?.isConnected && p.focus();
     });
   }), []), null;
 }
-function ht() {
+function bt() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -47,35 +48,36 @@ function ht() {
     }
   );
 }
-const Lt = ({
+const St = ({
   isOpen: r,
   onClose: u,
   onAfterClose: f,
   title: p,
   hideTitle: z = !1,
-  description: L,
+  description: C,
   actions: N,
   maxWidth: v = 560,
   initialFocus: x,
-  returnFocus: Y,
-  busy: h = !1,
+  returnFocus: B,
+  busy: m = !1,
   dragToDismiss: E = !0,
-  contentKey: m,
-  className: B,
-  children: T
+  contentKey: h,
+  labels: Y,
+  className: T,
+  children: _
 }) => {
-  const { ref: R, inDarkScope: _ } = tt(), D = et();
+  const q = rt(lt, Y), { ref: R, inDarkScope: $ } = st(), D = nt();
   s.useLayoutEffect(() => {
     if (r)
-      return rt(R.current);
+      return ot(R.current);
   }, [r, R]);
-  const i = s.useRef(null), I = s.useRef(null), w = s.useRef(null), k = s.useRef(null), C = s.useRef(null), S = s.useId(), g = at(p), P = s.useRef({ signature: g, contentKey: m, open: r, busy: h });
+  const i = s.useRef(null), I = s.useRef(null), w = s.useRef(null), k = s.useRef(null), L = s.useRef(null), S = s.useId(), g = ut(p), P = s.useRef({ signature: g, contentKey: h, open: r, busy: m });
   s.useEffect(() => {
     const t = P.current;
-    if (P.current = { signature: g, contentKey: m, open: r, busy: h }, !t.open || !r) return;
-    const e = t.contentKey !== m, o = t.signature !== g && !t.busy;
-    !e && !o || (w.current?.focus(), C.current && (C.current.scrollTop = 0));
-  }, [g, m, r, h]), s.useEffect(() => {
+    if (P.current = { signature: g, contentKey: h, open: r, busy: m }, !t.open || !r) return;
+    const e = t.contentKey !== h, o = t.signature !== g && !t.busy;
+    !e && !o || (w.current?.focus(), L.current && (L.current.scrollTop = 0));
+  }, [g, h, r, m]), s.useEffect(() => {
     if (!r) return;
     const t = requestAnimationFrame(() => {
       const e = i.current, o = document.activeElement;
@@ -89,7 +91,7 @@ const Lt = ({
     const t = window.visualViewport;
     if (!t) return;
     const e = () => {
-      const o = document.activeElement, c = !!o && !!i.current?.contains(o) && o.matches(dt);
+      const o = document.activeElement, c = !!o && !!i.current?.contains(o) && o.matches(ht);
       A(c ? Math.round(t.height) : null);
     };
     return t.addEventListener("resize", e), document.addEventListener("focusin", e), document.addEventListener("focusout", e), () => {
@@ -111,7 +113,7 @@ const Lt = ({
   s.useEffect(() => {
     !r && a.current && (a.current = null, i.current && delete i.current.dataset.dragging), r && !a.current && b(0);
   }, [r]);
-  const q = (t) => {
+  const U = (t) => {
     a.current || (y.current = !1, !(!E || !r) && (t.pointerType === "mouse" && (t.button !== 0 || !I.current?.contains(t.target)) || (a.current = {
       pointerId: t.pointerId,
       x0: t.clientX,
@@ -120,12 +122,12 @@ const Lt = ({
       phase: "pending",
       samples: [{ t: t.timeStamp, y: t.clientY }]
     })));
-  }, $ = (t) => {
+  }, V = (t) => {
     const e = a.current;
     if (!e || t.pointerId !== e.pointerId) return;
     const o = t.clientX - e.x0, c = t.clientY - e.y0;
     if (e.phase === "pending") {
-      if (!ot(o, c)) return;
+      if (!ct(o, c)) return;
       if (Math.abs(o) > Math.abs(c)) {
         e.phase = "ignored";
         return;
@@ -138,7 +140,7 @@ const Lt = ({
       i.current && (i.current.dataset.dragging = "");
     }
     e.phase === "dragging" && (e.dy = c, e.samples.push({ t: t.timeStamp, y: t.clientY }), e.samples.length > 32 && e.samples.shift(), b(Math.max(0, c)));
-  }, U = (t) => {
+  }, X = (t) => {
     const e = a.current;
     if (!e || t.pointerId !== e.pointerId) return;
     if (e.phase !== "dragging") {
@@ -147,20 +149,20 @@ const Lt = ({
     }
     e.samples.push({ t: t.timeStamp, y: t.clientY });
     const o = t.clientY - e.y0, c = i.current?.getBoundingClientRect().height ?? 0;
-    j(st(o, c, nt(e.samples)));
-  }, V = (t) => {
+    j(at(o, c, it(e.samples)));
+  }, G = (t) => {
     const e = a.current;
     !e || t.pointerId !== e.pointerId || (e.phase === "dragging" ? j("stay") : a.current = null);
-  }, X = (t) => {
+  }, K = (t) => {
     !y.current || t.detail === 0 || (y.current = !1, t.preventDefault(), t.stopPropagation());
-  }, G = {
+  }, Q = {
     "--rst-sheet-max-width": typeof v == "number" ? `${v}px` : v,
     ...M !== null && { "--rst-sheet-keyboard-cap": `${M}px` }
   };
-  return /* @__PURE__ */ l(K, { children: [
+  return /* @__PURE__ */ l(H, { children: [
     /* @__PURE__ */ n("span", { ref: R, hidden: !0 }),
     /* @__PURE__ */ l(
-      H,
+      Z,
       {
         open: r,
         as: "div",
@@ -168,25 +170,25 @@ const Lt = ({
         initialFocus: x ?? k,
         className: d(
           "rst:font-ui rst:relative rst:z-50 rst:focus:outline-hidden",
-          _ && "dark"
+          $ && "dark"
         ),
         children: [
           /* @__PURE__ */ n(
-            J,
+            W,
             {
               transition: !0,
               "data-testid": "sheet-backdrop",
               className: d(
                 "rst:fixed rst:inset-0 rst:bg-[var(--roster-backdrop,var(--roster-sheet-backdrop))]",
-                D ? lt : ut
+                D ? mt : pt
               )
             }
           ),
-          /* @__PURE__ */ n("div", { className: "rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center", children: /* @__PURE__ */ n(O, { afterLeave: f, children: /* @__PURE__ */ l(
-            Z,
+          /* @__PURE__ */ n("div", { className: "rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center", children: /* @__PURE__ */ n(et, { afterLeave: f, children: /* @__PURE__ */ l(
+            O,
             {
               ref: i,
-              style: G,
+              style: Q,
               "data-testid": "sheet-panel",
               className: d(
                 /* 92dvh, or the visual viewport while the keyboard is up,
@@ -200,9 +202,9 @@ const Lt = ({
                 "rst:[--roster-ring-offset:var(--roster-popover-bg)]",
                 "rst:pb-[env(safe-area-inset-bottom)]",
                 "rst:translate-y-[var(--rst-sheet-drag,0px)]",
-                D ? ct : it,
+                D ? ft : dt,
                 "rst:data-dragging:transition-none",
-                B
+                T
               ),
               children: [
                 /* @__PURE__ */ l(
@@ -210,11 +212,11 @@ const Lt = ({
                   {
                     "data-testid": "sheet-drag-zone",
                     className: d("rst:shrink-0", E && "rst:touch-none"),
-                    onPointerDown: q,
-                    onPointerMove: $,
-                    onPointerUp: U,
-                    onPointerCancel: V,
-                    onClickCapture: X,
+                    onPointerDown: U,
+                    onPointerMove: V,
+                    onPointerUp: X,
+                    onPointerCancel: G,
+                    onClickCapture: K,
                     children: [
                       /* @__PURE__ */ n(
                         "div",
@@ -237,7 +239,7 @@ const Lt = ({
                       /* @__PURE__ */ l("div", { className: "rst:-mt-3 rst:flex rst:items-start rst:gap-2 rst:px-5 rst:pb-4", children: [
                         /* @__PURE__ */ l("div", { className: "rst:min-w-0 rst:flex-1 rst:pt-2", children: [
                           /* @__PURE__ */ n(
-                            W,
+                            tt,
                             {
                               as: "h2",
                               id: S,
@@ -250,12 +252,12 @@ const Lt = ({
                               children: p
                             }
                           ),
-                          L && /* @__PURE__ */ n(
-                            Q,
+                          C && /* @__PURE__ */ n(
+                            J,
                             {
                               as: "p",
                               className: "rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75",
-                              children: L
+                              children: C
                             }
                           )
                         ] }),
@@ -268,9 +270,9 @@ const Lt = ({
                             ref: k,
                             type: "button",
                             onClick: u,
-                            "aria-label": "Close",
+                            "aria-label": q.close,
                             className: "rst:inline-flex rst:size-11 rst:shrink-0 rst:-mr-2 rst:cursor-pointer rst:items-center rst:justify-center rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-60 rst:transition-opacity rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:opacity-100 rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",
-                            children: /* @__PURE__ */ n(ht, {})
+                            children: /* @__PURE__ */ n(bt, {})
                           }
                         )
                       ] })
@@ -280,17 +282,17 @@ const Lt = ({
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    ref: C,
+                    ref: L,
                     role: "region",
                     "aria-labelledby": S,
                     tabIndex: 0,
                     "data-testid": "sheet-content",
-                    "aria-busy": h || void 0,
+                    "aria-busy": m || void 0,
                     className: "rst:min-h-0 rst:flex-1 rst:overflow-y-auto rst:overscroll-contain rst:px-5 rst:pb-4 rst:focus:outline-hidden rst:ring-inset rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
-                    children: T
+                    children: _
                   }
                 ),
-                /* @__PURE__ */ n(pt, { target: Y })
+                /* @__PURE__ */ n(yt, { target: B })
               ]
             }
           ) }) })
@@ -300,5 +302,5 @@ const Lt = ({
   ] });
 };
 export {
-  Lt as Sheet
+  St as Sheet
 };

package/dist/lib/labels.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(c,t){const e={...c};if(t)for(const o of Object.keys(t)){const n=t[o];n!==void 0&&(e[o]=n)}return e}exports.withLabels=i;

package/dist/lib/labels.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A component's own words with an app's replacements laid over them. An entry
+ * passed as `undefined` (a translation catalog missing a key, say) keeps the
+ * default: a plain spread would let it through, leaving a control unnamed, or
+ * throwing where a function label is called.
+ */
+export declare function withLabels<L extends object>(defaults: L, overrides?: Partial<L>): L;

package/dist/lib/labels.js

@@ -0,0 +1,12 @@
+function f(e, t) {
+  const n = { ...e };
+  if (t)
+    for (const o of Object.keys(t)) {
+      const c = t[o];
+      c !== void 0 && (n[o] = c);
+    }
+  return n;
+}
+export {
+  f as withLabels
+};

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.7.0",
-  "tests": 2112,
-  "testFiles": 430
+  "version": "5.8.0",
+  "tests": 2155,
+  "testFiles": 446
 }