@blakesteve/roster 5.1.0 → 5.2.1

package/dist/components/molecules/RadioGroup/RadioGroup.js

@@ -1,55 +1,56 @@
 "use client";
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import "react";
-import { Description as x } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
-import { Field as R } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
-import { Label as p } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
-import { RadioGroup as S, Radio as j } from "../../../node_modules/@headlessui/react/dist/components/radio-group/radio-group.js";
+import { Description as p } from "../../../node_modules/@headlessui/react/dist/components/description/description.js";
+import { Field as S } from "../../../node_modules/@headlessui/react/dist/components/field/field.js";
+import { Label as f } from "../../../node_modules/@headlessui/react/dist/components/label/label.js";
+import { RadioGroup as j, Radio as D } from "../../../node_modules/@headlessui/react/dist/components/radio-group/radio-group.js";
 import { cn as t } from "../../../lib/utils.js";
-import { radioDotVariants as D, radioVariants as O, radioOptionVariants as Z, radioGroupOptionsVariants as A } from "./radio-group-variants.js";
-const B = {
+import { isFieldInvalid as F, withoutInvalidProps as O } from "../../../internal/field-invalid.js";
+import { radioDotVariants as P, radioVariants as Z, radioOptionVariants as A, radioGroupOptionsVariants as B } from "./radio-group-variants.js";
+const K = {
   sm: "rst:text-xs",
   md: "rst:text-sm",
   lg: "rst:text-base"
-}, J = ({
-  options: f,
-  value: u,
-  onChange: v,
+}, Y = ({
+  options: u,
+  value: v,
+  onChange: y,
   label: d,
   helperText: m,
   errorMessage: o,
   disabled: a = !1,
-  size: y = "md",
+  size: h = "md",
   orientation: i = "vertical",
   colorScheme: N,
-  className: h,
-  optionsClassName: b,
-  optionClassName: z,
-  radioClassName: g,
+  className: b,
+  optionsClassName: g,
+  optionClassName: w,
+  radioClassName: z,
   labelClassName: k,
-  optionLabelClassName: w,
-  descriptionClassName: V,
-  messageClassName: E,
-  "aria-invalid": G,
-  ...L
+  optionLabelClassName: V,
+  descriptionClassName: E,
+  messageClassName: G,
+  "aria-invalid": I,
+  ...n
 }) => {
-  const n = !!o, e = y ?? "md";
+  const x = !!o, L = F(x, { ...n, "aria-invalid": I }), R = O(n), e = h ?? "md";
   return /* @__PURE__ */ c(
-    S,
+    j,
     {
-      value: u,
-      onChange: v,
+      value: v,
+      onChange: y,
       disabled: a,
       className: t(
         "rst:font-ui rst:flex rst:flex-col rst:gap-1.5 rst:min-w-0",
-        h
+        b
       ),
-      ...L,
-      "aria-invalid": n || G || void 0,
+      ...R,
+      "aria-invalid": L || void 0,
       "aria-orientation": i,
       children: [
         d && /* @__PURE__ */ s(
-          p,
+          f,
           {
             className: t(
               "rst:block rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)] rst:text-left",
@@ -63,37 +64,37 @@ const B = {
           "div",
           {
             className: t(
-              A({ size: e, orientation: i }),
-              b
+              B({ size: e, orientation: i }),
+              g
             ),
-            children: f.map((r) => /* @__PURE__ */ c(
-              R,
+            children: u.map((r) => /* @__PURE__ */ c(
+              S,
               {
                 disabled: a || r.disabled,
                 className: t(
-                  Z({ orientation: i, size: e }),
-                  z
+                  A({ orientation: i, size: e }),
+                  w
                 ),
                 children: [
                   /* @__PURE__ */ s(
-                    j,
+                    D,
                     {
                       value: r.value,
                       className: ({ checked: l }) => t(
-                        O({ colorScheme: N, size: e, checked: l }),
+                        Z({ colorScheme: N, size: e, checked: l }),
                         /* `self-start`, and no nudge. The circle's height equals the
                            label's line-height at every size, so aligning their top
                            edges puts the radio on the first line whether the label
                            is one line or four. */
                         "rst:self-start",
                         a || r.disabled ? "rst:opacity-50 rst:cursor-not-allowed" : "rst:cursor-pointer",
-                        g
+                        z
                       ),
                       children: ({ checked: l }) => /* @__PURE__ */ s(
                         "span",
                         {
                           className: t(
-                            D({ size: e }),
+                            P({ size: e }),
                             l ? "rst:opacity-100" : "rst:opacity-0"
                           )
                         }
@@ -113,24 +114,24 @@ const B = {
                       ),
                       children: [
                         /* @__PURE__ */ s(
-                          p,
+                          f,
                           {
                             className: t(
                               "rst:cursor-pointer rst:select-none",
                               "rst:text-[var(--roster-control-text)]",
                               "rst:data-disabled:cursor-not-allowed rst:data-disabled:opacity-50",
-                              B[e],
-                              w
+                              K[e],
+                              V
                             ),
                             children: r.label
                           }
                         ),
                         r.description && /* @__PURE__ */ s(
-                          x,
+                          p,
                           {
                             className: t(
                               "rst:text-xs rst:text-gray-500 rst:dark:text-gray-400 rst:data-disabled:opacity-50",
-                              V
+                              E
                             ),
                             children: r.description
                           }
@@ -145,14 +146,14 @@ const B = {
           }
         ),
         (m || o) && /* @__PURE__ */ s(
-          x,
+          p,
           {
             as: "p",
             className: t(
               "rst:text-xs rst:text-left",
-              n ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400",
+              x ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400",
               a && "rst:opacity-50",
-              E
+              G
             ),
             children: o || m
           }
@@ -162,5 +163,5 @@ const B = {
   );
 };
 export {
-  J as RadioGroup
+  Y as RadioGroup
 };

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"),K=require("react"),H=require("../../../node_modules/@headlessui/react/dist/components/description/description.cjs"),x=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),J=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),f=require("../../../lib/utils.cjs"),Q=require("../../../internal/popup.cjs"),Z=require("../../../internal/motion.cjs"),W=require("../../../internal/page-inert.cjs"),k=require("./sheet-drag.cjs");function O(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const u in r)if(u!=="default"){const i=Object.getOwnPropertyDescriptor(r,u);Object.defineProperty(c,u,i.get?i:{enumerable:!0,get:()=>r[u]})}}return c.default=r,Object.freeze(c)}const n=O(K),tt="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",et="rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0",rt="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",st="rst:transition-opacity rst:duration-(--roster-sheet-fade-duration) rst:ease-out rst:data-closed:opacity-0",nt=["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 ot(r){return r?"current"in r?r.current:r:null}function at({target:r}){const c=n.useRef(r),u=n.useRef(!1);return n.useEffect(()=>{c.current=r}),n.useEffect(()=>(u.current=!1,()=>{u.current=!0,queueMicrotask(()=>{if(!u.current)return;const i=ot(c.current);i?.isConnected&&i.focus()})}),[]),null}function it(){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 ct=({isOpen:r,onClose:c,onAfterClose:u,title:i,hideTitle:F=!1,description:D,actions:N,maxWidth:y=560,initialFocus:b,returnFocus:_,busy:p=!1,dragToDismiss:v=!0,contentKey:h,className:T,children:z})=>{const{ref:j,inDarkScope:Y}=Q.useDarkScope(),S=Z.useReducedMotion();n.useLayoutEffect(()=>{if(r)return W.lockPage(j.current)},[r,j]);const l=n.useRef(null),C=n.useRef(null),I=n.useRef(null),R=n.useRef(null),E=n.useRef(null),L=n.useId(),P=n.useRef({title:i,contentKey:h,open:r,busy:p});n.useEffect(()=>{const t=P.current;if(P.current={title:i,contentKey:h,open:r,busy:p},!t.open||!r)return;const e=t.contentKey!==h,o=t.title!==i&&!t.busy;!e&&!o||(I.current?.focus(),E.current&&(E.current.scrollTop=0))},[i,h,r,p]),n.useEffect(()=>{if(!r)return;const t=requestAnimationFrame(()=>{const e=l.current,o=document.activeElement;!e||o&&e.contains(o)||(b?.current??R.current)?.focus()});return()=>cancelAnimationFrame(t)},[r,b]);const[w,q]=n.useState(null);n.useEffect(()=>{if(!r)return;const t=window.visualViewport;if(!t)return;const e=()=>{const o=document.activeElement,d=!!o&&!!l.current?.contains(o)&&o.matches(nt);q(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),q(null)}},[r]);const a=n.useRef(null),g=n.useRef(!1),M=n.useRef(r);n.useEffect(()=>{M.current=r},[r]);const m=t=>{l.current?.style.setProperty("--rst-sheet-drag",`${t}px`)},A=t=>{const e=l.current;a.current=null,e&&(delete e.dataset.dragging,t==="close"?(c(),requestAnimationFrame(()=>{M.current&&!a.current&&m(0)})):m(0))};n.useEffect(()=>{!r&&a.current&&(a.current=null,l.current&&delete l.current.dataset.dragging),r&&!a.current&&m(0)},[r]);const B=t=>{a.current||(g.current=!1,!(!v||!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}]})))},U=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(!k.exceedsSheetTapSlop(o,d))return;if(Math.abs(o)>Math.abs(d)){e.phase="ignored";return}e.phase="dragging",g.current=!0;try{t.currentTarget.setPointerCapture(t.pointerId)}catch{}l.current&&(l.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(),m(Math.max(0,d)))},V=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=l.current?.getBoundingClientRect().height??0;A(k.sheetDragOutcome(o,d,k.sheetReleaseVelocity(e.samples)))},X=t=>{const e=a.current;!e||t.pointerId!==e.pointerId||(e.phase==="dragging"?A("stay"):a.current=null)},$=t=>{!g.current||t.detail===0||(g.current=!1,t.preventDefault(),t.stopPropagation())},G={"--rst-sheet-max-width":typeof y=="number"?`${y}px`:y,...w!==null&&{"--rst-sheet-keyboard-cap":`${w}px`}};return s.jsxs(s.Fragment,{children:[s.jsx("span",{ref:j,hidden:!0}),s.jsxs(x.Dialog,{open:r,as:"div",onClose:c,initialFocus:b??R,className:f.cn("rst:font-ui rst:relative rst:z-50 rst:focus:outline-hidden",Y&&"dark"),children:[s.jsx(x.DialogBackdrop,{transition:!0,"data-testid":"sheet-backdrop",className:f.cn("rst:fixed rst:inset-0 rst:bg-(--roster-sheet-backdrop)",S?st:rt)}),s.jsx("div",{className:"rst:fixed rst:inset-0 rst:flex rst:items-end rst:justify-center",children:s.jsx(J.TransitionChild,{afterLeave:u,children:s.jsxs(x.DialogPanel,{ref:l,style:G,"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)]",S?et:tt,"rst:data-dragging:transition-none",T),children:[s.jsxs("div",{"data-testid":"sheet-drag-zone",className:f.cn("rst:shrink-0",v&&"rst:touch-none"),onPointerDown:B,onPointerMove:U,onPointerUp:V,onPointerCancel:X,onClickCapture:$,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",v&&"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:L,ref:I,tabIndex:-1,className:f.cn("rst:text-lg rst:font-semibold rst:text-inherit rst:focus:outline-hidden",F&&"rst:sr-only"),children:i}),D&&s.jsx(H.Description,{as:"p",className:"rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75",children:D})]}),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:R,type:"button",onClick:c,"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(it,{})})]})]}),s.jsx("div",{ref:E,role:"region","aria-labelledby":L,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:z}),s.jsx(at,{target:_})]})})})]})]})};exports.Sheet=ct;
+"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-(--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;

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

@@ -14,12 +14,15 @@ export interface SheetProps {
      * The sheet's accessible name, rendered as an `h2`. Required, because a
      * dialog without a name is announced as "dialog" and nothing else.
      *
-     * Changing it while the sheet is open counts as a content swap: focus moves
-     * to the new title so a screen reader announces it. Not while `busy`: a
-     * title that changes during loading is a provisional one being refined, and
-     * the reader keeps their place.
+     * A node rather than only a string, so a title can carry markup (a date in
+     * a `<time>`, a word in another style); the name is its text either way.
+     *
+     * Changing its text while the sheet is open counts as a content swap: focus
+     * moves to the new title so a screen reader announces it. Not while `busy`:
+     * a title that changes during loading is a provisional one being refined,
+     * and the reader keeps their place.
      */
-    title: string;
+    title: React.ReactNode;
     /** Hides the title visually. It stays the accessible name. */
     hideTitle?: boolean;
     /** Wired to the dialog's `aria-describedby`. */