@flamingo-stack/openframe-frontend-core 0.0.731 → 0.0.733

package/dist/{chunk-HLIJ3U2T.cjs → chunk-ZJNYWNCB.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkGID62YENcjs = require('./chunk-GID62YEN.cjs');
+var _chunkAAFW4STCcjs = require('./chunk-AAFW4STC.cjs');
 
 
 
@@ -12,8 +12,7 @@ var _chunkGID62YENcjs = require('./chunk-GID62YEN.cjs');
 
 
 
-
-var _chunkHEOD765Rcjs = require('./chunk-HEOD765R.cjs');
+var _chunkZRYKDN2Jcjs = require('./chunk-ZRYKDN2J.cjs');
 
 
 
@@ -70,11 +69,14 @@ var _chunkZ7OPT4PNcjs = require('./chunk-Z7OPT4PN.cjs');
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
+var _chunkFCGLSWKRcjs = require('./chunk-FCGLSWKR.cjs');
+
+
 
-var _chunkKLXHCNDCcjs = require('./chunk-KLXHCNDC.cjs');
+var _chunkFTTLBMHUcjs = require('./chunk-FTTLBMHU.cjs');
 
 
-var _chunkMANNIJ42cjs = require('./chunk-MANNIJ42.cjs');
+var _chunkFICJS5OAcjs = require('./chunk-FICJS5OA.cjs');
 
 
 var _chunkVOX4E6AXcjs = require('./chunk-VOX4E6AX.cjs');
@@ -175,7 +177,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkHEOD765Rcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkZRYKDN2Jcjs.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: [
@@ -191,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHEOD765Rcjs.TicketStatusTag,
+        _chunkZRYKDN2Jcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -204,7 +206,7 @@ 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, _chunkHEOD765Rcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRYKDN2Jcjs.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: [
@@ -262,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkHEOD765Rcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkZRYKDN2Jcjs.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, 
@@ -291,7 +293,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__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, 
-      _chunkHEOD765Rcjs.ApprovalBatchMessage,
+      _chunkZRYKDN2Jcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -465,7 +467,7 @@ function TicketCardBody({
   onLinkClick
 }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
-  const newMessageTextColor = columnColor ? _chunkHEOD765Rcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
+  const newMessageTextColor = columnColor ? _chunkFCGLSWKRcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
   const showDeviceRow = !!(_optionalChain([ticket, 'access', _12 => _12.deviceHostnames, 'optionalAccess', _13 => _13.length]) || ticket.organizationName);
   const deviceText = [_optionalChain([ticket, 'access', _14 => _14.deviceHostnames, 'optionalAccess', _15 => _15.join, 'call', _16 => _16(", ")]), ticket.organizationName].filter(Boolean).join(", ");
   const hasRightSection = !!(ticket.priority || ticket.agent || _optionalChain([ticket, 'access', _17 => _17.assignees, 'optionalAccess', _18 => _18.length]) || renderAssignSlot);
@@ -483,7 +485,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, _chunkHEOD765Rcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRYKDN2Jcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _19 => _19.assignees, 'optionalAccess', _20 => _20.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -496,7 +498,7 @@ function TicketCardBody({
           },
           a.id
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkKLXHCNDCcjs.SquareAvatar,
+          _chunkFTTLBMHUcjs.SquareAvatar,
           {
             src: a.avatarUrl,
             alt: _nullishCoalesce(_nullishCoalesce(a.name, () => ( a.initials)), () => ( a.id)),
@@ -513,8 +515,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkHEOD765Rcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkHEOD765Rcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkZRYKDN2Jcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkZRYKDN2Jcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const metaClass = "truncate text-ods-text-secondary text-h6";
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -563,7 +565,7 @@ function TicketCardBody({
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKLXHCNDCcjs.Tag,
+      _chunkFTTLBMHUcjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSIUVERGcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -783,8 +785,8 @@ 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, _chunkKLXHCNDCcjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXHCNDCcjs.Tag, { variant: "outline", label: `+${hidden}` })
+    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFTTLBMHUcjs.Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFTTLBMHUcjs.Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 
@@ -1075,7 +1077,7 @@ function EmptyState({ columnId, touchMode }) {
 // src/components/features/board/use-board-collapse.ts
 
 function useBoardCollapse(storageKey, initial) {
-  const [persisted, setPersisted] = _chunkGID62YENcjs.useLocalStorage.call(void 0, _nullishCoalesce(storageKey, () => ( "__board_collapse_unused__")), {});
+  const [persisted, setPersisted] = _chunkAAFW4STCcjs.useLocalStorage.call(void 0, _nullishCoalesce(storageKey, () => ( "__board_collapse_unused__")), {});
   const [memory, setMemory] = _react.useState.call(void 0, _nullishCoalesce(initial, () => ( {})));
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
@@ -1217,7 +1219,7 @@ var DROP_EASING = "cubic-bezier(0.2, 0, 0, 1)";
 var DRAG_PREVIEW_Z = 1200;
 var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 function Board(props) {
-  const dragAndDropEnabled = _chunkMANNIJ42cjs.useMediaQuery.call(void 0, _chunkGID62YENcjs.DRAG_AND_DROP_MEDIA_QUERY);
+  const dragAndDropEnabled = _chunkFICJS5OAcjs.useMediaQuery.call(void 0, _chunkAAFW4STCcjs.DRAG_AND_DROP_MEDIA_QUERY);
   if (dragAndDropEnabled === void 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full min-h-0 flex-col", props.className) });
   }
@@ -1251,7 +1253,7 @@ function DragBoard({
     onThumbPointerMove,
     onThumbPointerUp,
     onThumbPointerCancel
-  } = _chunkGID62YENcjs.useHorizontalScrollbar.call(void 0, );
+  } = _chunkAAFW4STCcjs.useHorizontalScrollbar.call(void 0, );
   const columnsRef = _react.useRef.call(void 0, columns);
   const onChangeRef = _react.useRef.call(void 0, onChange);
   const boardRef = _react.useRef.call(void 0, null);