@flamingo-stack/openframe-frontend-core 0.0.781 → 0.0.783

package/dist/{chunk-YEJWNHD3.cjs → chunk-MKF6XX5A.cjs}

@@ -12,13 +12,13 @@ var _chunkVXAKQRV7cjs = require('./chunk-VXAKQRV7.cjs');
 
 
 
-var _chunkT7SDYBSTcjs = require('./chunk-T7SDYBST.cjs');
+var _chunkBE4OUWTAcjs = require('./chunk-BE4OUWTA.cjs');
 
 
 
 
 
-var _chunkVZKAAXU3cjs = require('./chunk-VZKAAXU3.cjs');
+var _chunkFS7CBRF4cjs = require('./chunk-FS7CBRF4.cjs');
 
 
 var _chunk4WI2CEC2cjs = require('./chunk-4WI2CEC2.cjs');
@@ -69,11 +69,11 @@ var _chunkZ7OPT4PNcjs = require('./chunk-Z7OPT4PN.cjs');
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
-var _chunkQ7HXTF2Ccjs = require('./chunk-Q7HXTF2C.cjs');
+var _chunkDYF6XB27cjs = require('./chunk-DYF6XB27.cjs');
 
 
 
-var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
 var _chunkV4FXUIMHcjs = require('./chunk-V4FXUIMH.cjs');
@@ -83,16 +83,16 @@ var _chunkSZHDXXMKcjs = require('./chunk-SZHDXXMK.cjs');
 
 
 
-var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
-var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
 
 
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
@@ -115,12 +115,12 @@ function DeletedUserAvatar({ size = "md", className, accessibleLabel }) {
     {
       role: "img",
       "aria-label": accessibleLabel || "Deleted user",
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "flex shrink-0 items-center justify-center rounded-full bg-ods-error/20",
         SIZE_CLASSES[size],
         className
       ),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4WI2CEC2cjs.UserXmarkIcon, { className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-ods-error", ICON_CLASSES[size]) })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4WI2CEC2cjs.UserXmarkIcon, { className: _chunkMGEUZRNQcjs.cn.call(void 0, "text-ods-error", ICON_CLASSES[size]) })
     }
   );
 }
@@ -146,9 +146,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
       return next;
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVZKAAXU3cjs.Tooltip, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFS7CBRF4cjs.Tooltip, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVZKAAXU3cjs.TooltipTrigger,
+      _chunkFS7CBRF4cjs.TooltipTrigger,
       {
         asChild: true,
         onPointerDown: (e) => {
@@ -166,7 +166,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
         children
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipContent, { side, className: "max-w-xs", children: content })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipContent, { side, className: "max-w-xs", children: content })
   ] }) });
 }
 
@@ -181,12 +181,12 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkT7SDYBSTcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkBE4OUWTAcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
       onToggleCollapse && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCDBFQVPAcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -197,7 +197,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkT7SDYBSTcjs.TicketStatusTag,
+        _chunkBE4OUWTAcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -210,13 +210,13 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT7SDYBSTcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBE4OUWTAcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-      column.tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TouchFriendlyTooltip, { content: column.tooltip, side: "bottom", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "transparent", size: "icon", className: actionClass, "aria-label": column.tooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHC2FRVEcjs.InfoCircleIcon, { className: "h-6 w-6 text-ods-text-secondary" }) }) }),
+      column.tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TouchFriendlyTooltip, { content: column.tooltip, side: "bottom", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "transparent", size: "icon", className: actionClass, "aria-label": column.tooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHC2FRVEcjs.InfoCircleIcon, { className: "h-6 w-6 text-ods-text-secondary" }) }) }),
       onToggleCollapse && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCDBFQVPAcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -227,7 +227,7 @@ function BoardColumnHeader({
         }
       ),
       onArchive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCDBFQVPAcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -238,7 +238,7 @@ function BoardColumnHeader({
         }
       ),
       onAddTicket && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCDBFQVPAcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -268,14 +268,14 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkT7SDYBSTcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkBE4OUWTAcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", type: "button", onClick: () => setExpanded((v) => !v), "aria-expanded": expanded, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "row", type: "button", onClick: () => setExpanded((v) => !v), "aria-expanded": expanded, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "span",
         {
-          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xxs)] text-h6",
             isAdmin ? "text-ods-open-yellow" : "text-ods-text-secondary"
           ),
@@ -288,7 +288,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       expanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRRIHC2cjs.Chevron02UpIcon, { className: "size-4 shrink-0 text-ods-text-secondary" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { className: "size-4 shrink-0 text-ods-text-secondary" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkT7SDYBSTcjs.ApprovalBatchMessage,
+      _chunkBE4OUWTAcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -463,7 +463,7 @@ function TicketCardBody({
   onLinkClick
 }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
-  const newMessageTextColor = columnColor ? _chunkQ7HXTF2Ccjs.getReadableTextColor.call(void 0, columnColor) : void 0;
+  const newMessageTextColor = columnColor ? _chunkDYF6XB27cjs.getReadableTextColor.call(void 0, columnColor) : void 0;
   const showDeviceRow = !!(_optionalChain([ticket, 'access', _11 => _11.deviceHostnames, 'optionalAccess', _12 => _12.length]) || ticket.organizationName);
   const deviceText = [_optionalChain([ticket, 'access', _13 => _13.deviceHostnames, 'optionalAccess', _14 => _14.join, 'call', _15 => _15(", ")]), ticket.organizationName].filter(Boolean).join(", ");
   const hasRightSection = !!(ticket.priority || ticket.agent || _optionalChain([ticket, 'access', _16 => _16.assignees, 'optionalAccess', _17 => _17.length]) || renderAssignSlot);
@@ -471,7 +471,7 @@ function TicketCardBody({
     ticket.priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk52ILP67Ecjs.Flag02Icon,
       {
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, "size-4", PRIORITY_COLOR_CLASS[ticket.priority]),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "size-4", PRIORITY_COLOR_CLASS[ticket.priority]),
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
@@ -481,7 +481,7 @@ function TicketCardBody({
         role: "img",
         "aria-label": `Owned by ${ticket.agent === "fae" ? "Fae" : "Mingo"}`,
         className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-ods-border bg-ods-bg",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT7SDYBSTcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBE4OUWTAcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _18 => _18.assignees, 'optionalAccess', _19 => _19.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -494,7 +494,7 @@ function TicketCardBody({
           },
           a.id
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAFJEUBDScjs.SquareAvatar,
+          _chunkZJS45HQZcjs.SquareAvatar,
           {
             src: a.avatarUrl,
             alt: _nullishCoalesce(_nullishCoalesce(a.name, () => ( a.initials)), () => ( a.id)),
@@ -511,8 +511,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkT7SDYBSTcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkT7SDYBSTcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkBE4OUWTAcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkBE4OUWTAcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkV45KLJQPcjs.next_link_default,
@@ -522,10 +522,10 @@ function TicketCardBody({
       prefetch: false,
       tabIndex: -1,
       onClick: onLinkClick,
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, "pointer-events-auto block", TICKET_CARD_META_CLASS),
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, "pointer-events-auto block", TICKET_CARD_META_CLASS),
       children: metaLabel
     }
-  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkN6YCOBLKcjs.cn.call(void 0, tooltipLabel && "pointer-events-auto", TICKET_CARD_META_CLASS), children: metaLabel });
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkMGEUZRNQcjs.cn.call(void 0, tooltipLabel && "pointer-events-auto", TICKET_CARD_META_CLASS), children: metaLabel });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
@@ -538,9 +538,9 @@ function TicketCardBody({
       rightSection
     ] }),
     _optionalChain([ticket, 'access', _20 => _20.tags, 'optionalAccess', _21 => _21.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
-    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVZKAAXU3cjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipTrigger, { asChild: true, children: meta }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipContent, { children: tooltipLabel })
+    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFS7CBRF4cjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipTrigger, { asChild: true, children: meta }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipContent, { children: tooltipLabel })
     ] }) }) : meta),
     ticket.escalatedByUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MGDY2AAcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
@@ -549,7 +549,7 @@ function TicketCardBody({
     ticket.activity && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "flex items-center gap-[var(--spacing-system-xxs)] text-h6",
           ticket.activity.kind === "stale" ? "text-ods-open-yellow" : "text-ods-text-secondary"
         ),
@@ -560,7 +560,7 @@ function TicketCardBody({
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAFJEUBDScjs.Tag,
+      _chunkZJS45HQZcjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSIUVERGcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -577,7 +577,7 @@ function TicketCardView({ className, style, ...bodyProps }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, TICKET_CARD_SHELL, className),
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, TICKET_CARD_SHELL, className),
       style: showNewMessage ? { borderColor: columnColor, ...style } : style,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative z-10 flex flex-col gap-[var(--spacing-system-sf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCardBody, { ...bodyProps }) })
     }
@@ -709,7 +709,7 @@ var TicketCardImpl = _react.memo.call(void 0, function TicketCardDraggable({
     ),
     [ticket, columnColor, renderAssignSlot, onApprove, onReject, href, handleClick]
   );
-  const cardClasses = _chunkN6YCOBLKcjs.cn.call(void 0, TICKET_CARD_SHELL, !dragDisabled && "cursor-pointer");
+  const cardClasses = _chunkMGEUZRNQcjs.cn.call(void 0, TICKET_CARD_SHELL, !dragDisabled && "cursor-pointer");
   const outerProps = {
     ref,
     style,
@@ -717,7 +717,7 @@ var TicketCardImpl = _react.memo.call(void 0, function TicketCardDraggable({
     // Read by the lane's scroll anchor to keep the list still when tickets are
     // inserted above the viewport — see `use-lane-scroll-anchor.ts`.
     [TICKET_ID_ATTRIBUTE]: ticket.id,
-    ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props)
+    ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props)
   };
   const innerWrapperClass = "relative z-10 flex flex-col gap-[var(--spacing-system-sf)]";
   if (isSource) {
@@ -730,7 +730,7 @@ var TicketCardImpl = _react.memo.call(void 0, function TicketCardDraggable({
     {
       "aria-hidden": true,
       ...{ [DROP_LINE_ATTRIBUTE]: "" },
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         // Nothing sticks out sideways or beyond the line's own 2px: the lane
         // scrolls, and a scroll container clips whatever leaves its padding box
         // — an end cap or a knob on this would be cut off against the first and
@@ -759,13 +759,13 @@ var TicketCardImpl = _react.memo.call(void 0, function TicketCardDraggable({
           className: "absolute inset-0 z-0 rounded-md focus-visible:outline-none"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...outerProps, children: [
     insertionLine,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCDBFQVPAcjs.Button,
+      _chunkFLS6DZENcjs.Button,
       {
         variant: "card",
         type: "button",
@@ -776,42 +776,42 @@ var TicketCardImpl = _react.memo.call(void 0, function TicketCardDraggable({
         className: "absolute inset-0 z-0"
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
   ] });
 });
 var TicketCard = _react.memo.call(void 0, function TicketCardSwitch({ ticket, ...props }) {
-  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || ticket === null;
-  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCardSkeleton, { ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props) });
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || ticket === null;
+  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCardSkeleton, { ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props) });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCardImpl, { ticket, ...props });
 });
 function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
-    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.Tag, { variant: "outline", label: `+${hidden}` })
+    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 function TicketCardSkeleton({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, TICKET_CARD_SHELL, className), ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": true, className: _chunkMGEUZRNQcjs.cn.call(void 0, TICKET_CARD_SHELL, className), ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h3", className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", className: "w-3/4" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "size-4 shrink-0 rounded-sm" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", className: "w-1/2" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "size-4 shrink-0 rounded-sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", className: "w-1/2" })
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "size-4 rounded-sm" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "size-8 rounded-full" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "size-4 rounded-sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "size-8 rounded-full" })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 items-start gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.Tag, { loading: true, label: "" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.Tag, { loading: true, label: "" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.Tag, { loading: true, label: "" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.Tag, { loading: true, label: "" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: _chunkN6YCOBLKcjs.cn.call(void 0, TICKET_CARD_META_CLASS, "w-1/3") })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: _chunkMGEUZRNQcjs.cn.call(void 0, TICKET_CARD_META_CLASS, "w-1/3") })
   ] });
 }
 
@@ -982,7 +982,7 @@ var BoardColumn = _react.memo.call(void 0, function BoardColumnImpl({
     "div",
     {
       ref: laneRef,
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "flex h-full shrink-0 flex-col gap-[var(--spacing-system-sf)] overflow-hidden rounded-md border border-ods-border p-[var(--spacing-system-sf)]",
         "transition-[width] duration-300 ease-out",
         collapsed ? "w-14" : "w-[400px]",
@@ -1077,7 +1077,7 @@ function ColumnBody({
         children: [
           column.isLoading ? (
             // A lane loads one page of its tickets: its loading form draws that page, each card its own skeleton.
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: _nullishCoalesce(column.pageSize, () => ( BOARD_COLUMN_PAGE_SIZE)), children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCard, { ticket: null, columnId: column.id, "data-loading-item": true }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: _nullishCoalesce(column.pageSize, () => ( BOARD_COLUMN_PAGE_SIZE)), children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCard, { ticket: null, columnId: column.id, "data-loading-item": true }) })
           ) : column.tickets.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyState, { columnId: column.id, touchMode }) : column.tickets.map((t) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             TicketCard,
             {
@@ -1223,7 +1223,7 @@ function TouchBoard({
   className
 }) {
   const { collapsed, toggle } = useBoardCollapse(collapseStorageKey, initialCollapsed);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: "flex min-h-0 flex-1 snap-x snap-mandatory gap-[var(--spacing-system-mf)] overflow-x-auto overscroll-x-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
@@ -1234,7 +1234,7 @@ function TouchBoard({
           touchMode: true,
           collapsed: !!collapsed[column.id],
           onToggleCollapse: toggle,
-          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "snap-start",
             !collapsed[column.id] && "w-[min(400px,calc(100%_-_2*var(--spacing-system-mf)))]"
           ),
@@ -1272,7 +1272,7 @@ function laneJoins(columns, i) {
   return { joinLeft, joinRight, showGap: i > 0 && !joinLeft };
 }
 function BoardShell({ columns, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { inert: true, "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 overflow-x-hidden", children: columns.map((column, i) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { inert: true, "aria-hidden": true, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 overflow-x-hidden", children: columns.map((column, i) => {
     const { joinLeft, joinRight, showGap } = laneJoins(columns, i);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
       showGap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
@@ -1560,7 +1560,7 @@ function DragBoard({
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LandingCardContext.Provider, { value: landing, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropAimContext.Provider, { value: _nullishCoalesce(aim, () => ( keyboardAim)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BoardLiftContext.Provider, { value: lift, children: [
     preview,
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: boardRef, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex h-full flex-col", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: boardRef, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex h-full flex-col", className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {

package/dist/{chunk-3IHGS44W.cjs → chunk-N2SVJJLU.cjs}

@@ -5,10 +5,10 @@ var _chunk7PNRXJX2cjs = require('./chunk-7PNRXJX2.cjs');
 
 
 
-var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
+var _chunkCS5SZJFVcjs = require('./chunk-CS5SZJFV.cjs');
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/utils/visitor-os.ts
 var DESKTOP_OSES = ["mac", "windows", "linux"];
@@ -74,9 +74,9 @@ function useVisitorOs() {
 // src/utils/platform-config.tsx
 
 function renderPlatformIcon(platformName, className) {
-  return _react.createElement.call(void 0, _chunkIYU2ZH2Jcjs.PlatformMark, {
+  return _react.createElement.call(void 0, _chunkCS5SZJFVcjs.PlatformMark, {
     platform: platformName,
-    className: _chunkN6YCOBLKcjs.cn.call(void 0, className, _chunkIYU2ZH2Jcjs.getPlatformBrandClasses.call(void 0, platformName).accentText)
+    className: _chunkMGEUZRNQcjs.cn.call(void 0, className, _chunkCS5SZJFVcjs.getPlatformBrandClasses.call(void 0, platformName).accentText)
   });
 }
 var platformIcons = {
@@ -116,7 +116,7 @@ function getPlatformIconComponent(platformName, className = "h-6 w-6") {
   return renderPlatformIcon(platformName, className);
 }
 function getPlatformColorClass(platformName) {
-  return _chunkIYU2ZH2Jcjs.getPlatformBrandClasses.call(void 0, platformName).accentBg;
+  return _chunkCS5SZJFVcjs.getPlatformBrandClasses.call(void 0, platformName).accentBg;
 }
 
 // src/utils/access-code-client.ts