@namroodinc/liquid-editorial 0.1.7 → 0.1.9

package/AGENTS.md

@@ -4,6 +4,8 @@
 
 Add a decision document for every change going forward.
 
+End every completed change handoff with a suggested Git commit subject and description in a copyable code block. Summarize the final change set and relevant verification.
+
 Render button controls through the shared `Button` component, including controls inside other components and examples. Native button markup belongs only in `src/components/Button` (isolated test fixtures may use native controls). Use Button's standard variants, sizes, icons, focus, and disabled styling instead of copying them into a component stylesheet. Specialized widgets may retain their semantic layout, shared Field skin, or switch track/knob geometry.
 
 Every releasable change set must update the `Unreleased` section in `UPGRADING.md` with changes, adoption steps, compatibility notes, and verification steps for agents in consuming projects. Related edits share that section. Leave version increments to `.github/workflows/release.yml`: every push to `main` automatically bumps the patch version, versions the upgrade notes, validates, commits the release files, and publishes to npm. Keep the manifest and lockfile versions aligned and include this file and `UPGRADING.md` in the package.

package/README.md

@@ -180,7 +180,7 @@ function CoverCropper({
 
 Drag the image or focus the stage and use arrow keys (Shift for a larger step). The image always covers the fixed crop window; panning, zooming out, resizing, and rotation keep the crop inside the image. Zoom defaults to a maximum of `3`; set `maxZoom` to change it. Rotation is enabled by default; set `rotatable={false}` to hide its buttons. Reset clears pan, zoom, and rotation while retaining the supplied aspect.
 
-Changing `aspect` resets pan and zoom while preserving rotation. There is no ratio picker or implicit square default. `onChange(crop, state)` reports image-pixel coordinates plus pan, zoom, and quarter-turn rotation. `cropToBlob` supports same-origin or CORS-enabled sources and remains usable after unmounting with the saved crop/state. The forwarded ref and native HTML attributes apply to the outer container.
+Changing `aspect` resets pan and zoom while preserving rotation. There is no ratio picker or implicit square default. `onChange(crop, state)` reports image-pixel coordinates plus pan, zoom, and quarter-turn rotation. `state.cx` and `state.cy` give the crop centre as fractions of the unrotated source. Save the whole `state` and pass it back as `defaultState` to reopen the same crop; the offsets are stage pixels and change with the stage size. `defaultState` is uncontrolled and is applied again whenever `src` changes. `cropToBlob` supports same-origin or CORS-enabled sources and remains usable after unmounting with the saved crop/state. The forwarded ref and native HTML attributes apply to the outer container.
 
 Cropper.js has been removed; no third-party cropper initialization or styles are needed. Keep importing the library's `styles.css`. See [UPGRADING.md](UPGRADING.md#unreleased) for migration from the temporary native Cropper.js API or the earlier shape-picker API.
 

package/UPGRADING.md

@@ -2,6 +2,56 @@
 
 ## Unreleased
 
+## 0.1.9
+
+### Changes
+
+- Added AssetCard and AssetCardSkeleton for asset libraries, source files, and crop variants. AssetCard shares AssetTile's props and adds optional fit (cover/contain), alt, description, and footer. Thumbnail state resets when the source changes. Contained previews show the complete picture at the largest size that fits an inset stage, scaling small renditions up, with the outline wrapping the picture, centred in either writing direction. Slots render only for truthy content, so `count && …` never leaves a stray `0` or an empty row. A preview that fails to load keeps a text alternative: "<alt> (preview unavailable)", or "Preview unavailable" when decorative.
+- AssetCardSkeleton accepts `description` and `footer` to reserve those rows, and its lines and thumbnail now match a real card's height. AssetGrid passes `loadingCard={{ description, footer }}` to every placeholder.
+- ImageCropper accepts optional `defaultState: { zoom, cx, cy, rotation? }`. `CropState` now also reports `cx` and `cy`, the crop centre as fractions of the unrotated source, so the state from `onChange` can be passed straight back. The selection is kept independent of the stage size: a frame that resizes after opening keeps the same crop instead of drifting, and zooming keeps the framed point centred. Initialization waits for the loaded source and measured frame and never emits a transient centred crop. Duplicate cached-image load events no longer reset edits. `onChange` runs after paint again, so a parent that re-renders on every drag move does not delay the frame.
+- Pending spinners in Button and AssetCard share one `.ds-icon--spin` motion. Under reduced motion the AssetCard spinner now slows, as Button's does, instead of stopping.
+
+### Adoption
+
+Import AssetCard from the package root or `@namroodinc/liquid-editorial/components/AssetCard`, retaining the aggregate CSS import. Replace AssetTile with AssetCard using the same existing props. Use `fit="contain"` for full crop previews, `alt` for meaningful preview descriptions, `description` for source details, `actions` for thumbnail overlays, and `footer` for controls such as Edit crop. `onSelect` makes the thumbnail a selection toggle; put other actions in `actions` or `footer`. When grid cards use `description` or `footer`, pass the same slots to `AssetGrid`'s `loadingCard` (or to `AssetCardSkeleton`). Pass strings, not numbers, for metadata that may be zero. Keep data loading, permissions, warnings, and publishing rules in the consuming application.
+
+Save the `state` from `onChange` (or its `zoom`, `cx`, `cy`, and `rotation`) and pass it back as `defaultState` when reopening the editor; do not persist `offsetX`/`offsetY`, which are stage pixels. Remount for a different crop or aspect; changing `src` applies `defaultState` again. `defaultState` is uncontrolled: changing it on the same loaded source does not reset user edits. Reset still centres at 1× and clears rotation.
+
+### Compatibility
+
+Existing cropper props, exports, and initial behaviour without defaultState remain supported. Code that builds `CropState` objects itself must add `cx` and `cy`; reading them needs no change. Zooming now holds the framed point rather than the pixel offset, and offsets scale with the stage when it resizes. AssetTile, AssetTileProps, AssetTileSkeleton, and AssetTileSkeletonProps remain aliases from their original entry points. AssetTile keeps announcing its thumbnail as a toggle (`aria-pressed="false"` when unselected) and keeps hiding falsy `meta`. Existing `.ds-asset-tile*` class hooks are still rendered and still style hand-written tile markup on their own. Tokens, cover previews, and action placement remain supported. Images inside `actions` are no longer affected by thumbnail image styles. Button's spinner keeps its `.ds-button__spinner` hook. AssetCard uses the existing aggregate stylesheet; no new dependency or additional CSS import is needed. Release versioning remains owned by the main-branch workflow.
+
+### Verification
+
+Check asset/source cover previews and contained crop previews in every theme, at narrow and wide widths, and with `dir="rtl"`, including a small rendition and an SVG without intrinsic size. Exercise image loading, cached images (including a cached SVG), broken images with and without `alt`, recovery after source changes, pending state, keyboard selection, independent overlay/footer actions, long names, video/PDF fallbacks, and legacy exports and markup. Compare loading and loaded grids that use `description` and `footer`. Validate a packed build in consuming applications before registry adoption.
+
+Save a rotated, panned, and zoomed crop, reopen it from the saved state, and confirm the same crop. Open the editor in a modal or drawer whose frame settles after opening, and confirm the crop does not move. Check cached and delayed image loads, source switching, invalid values, clamping, Reset, rotation, and multiple instances. Run library validation and consuming application checks.
+
+## 0.1.8
+
+### Changes
+
+- Consolidated sortable ref forwarding and repeated test setup. Split EntryEditor validation and control rendering, Board drop resolution and keyboard coordinates, Select keyboard handling, Drawer exit state, and rich-text toolbar rendering into focused helpers. Catalogue sections use a typed lookup, and showcase smoke checks use separate interaction helpers.
+- Expanded `fallow:report` from dead-code analysis to dead code, duplication, and health. Reports include a recorded cleanup baseline, remaining health advisories, and coverage sources. `npm run fallow` now rejects duplicate groups as well as dead-code findings.
+- Coverage now includes component helper modules and emits `coverage/coverage-final.json` for Fallow. Added Board drop, keyboard, cancellation, and forwarded-ref regression checks.
+- Contributor handoffs now end with a suggested Git commit subject and description, including relevant verification.
+
+### Adoption
+
+No application code changes are required. For library maintenance, run `npm run test:coverage && npm run fallow:report` after source changes to refresh coverage and both report artifacts. Automated readers of `reports/fallow-report.json` must use the combined schema: `check.total_issues`, `dupes.stats`, and `health.findings` replace the former dead-code-only root fields.
+
+Contributing agents should finish each completed change handoff with the suggested commit subject and description in a copyable code block.
+
+### Compatibility
+
+Public component props, emitted values, validation messages, control appearance, and package dependencies are unchanged. The report command fails for dead code, duplicate groups, or functions above cyclomatic/cognitive limits. CRAP change-risk findings remain advisory and are listed with measured or estimated coverage; estimates are not executed test coverage. Package versions remain aligned at 0.1.7 until the release workflow versions this change set.
+
+### Verification
+
+Run the consuming project's typecheck, tests, and build. Exercise EntryEditor required and optional fields, scalar clearing, rich-text links, and single/multiple asset/reference selections. Check Select keyboard navigation and Escape inside a Drawer, navigation Drawer exit/reopening, and Board card/column dragging with pointer and keyboard. In this repository run lint, typecheck, coverage, Storybook build, package checks, `npm run fallow`, and `npm run fallow:report`; confirm the report contains no dead-code, duplicate-group, or cyclomatic/cognitive findings and review any remaining coverage-risk advisories.
+
+For the handoff guidance, check the documentation diff and confirm the final response ends with a copyable commit subject and description covering the completed change and its verification.
+
 ## 0.1.7
 
 ### Changes

package/dist/chunks/Board-BLhB5_xx.cjs

@@ -0,0 +1,2 @@
+const e=require("./Icon-CWsA1W83.cjs"),t=require("../components/Button/index.cjs"),n=require("./mergeRefs-Bc3qS0Tt.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("@dnd-kit/core"),o=require("@dnd-kit/sortable"),s=require("@dnd-kit/utilities");function c({active:e,over:t},n){if(!t)return;let r=t.data.current??{},i=r.type===`column`?String(t.id):String(r.columnId??``),a=n.indexOf(i);if(!(a<0||i===String(e.id)))return{columnId:String(e.id),toIndex:a}}function l({active:e,over:t}){if(!t)return;let n=String(e.data.current?.columnId??``),r=t.data.current??{},i=r.type===`card`,a=String(r.columnId??(i?``:t.id)),o=i?r.sortable?.index??0:(r.items??[]).length;if(a&&(n!==a||String(e.id)!==String(t.id)))return{cardId:String(e.id),fromColumnId:n,toColumnId:a,toIndex:o}}var u=(e,t)=>{let{currentCoordinates:n,context:r}=t;if(e.code===`ArrowLeft`||e.code===`ArrowRight`){let t=r.droppableContainers.getEnabled().filter(e=>e.data.current?.type===`column-body`).sort((e,t)=>(e.rect.current?.left??0)-(t.rect.current?.left??0)),i=r.active?.rect.current.translated;if(!i)return;let a=t[t.findIndex(e=>(e.rect.current?.left??0)<=i.left+1&&(e.rect.current?.right??0)>=i.left-1)+(e.code===`ArrowRight`?1:-1)]?.rect.current;return a?(e.preventDefault(),{x:a.left+a.width/2-i.width/2,y:n.y}):void 0}return(0,o.sortableKeyboardCoordinates)(e,t)},d=e=>{let t=e.active.data.current?.type===`column`,n=e.droppableContainers.filter(e=>{let n=e.data.current?.type;return t?n===`column`:n!==`column`}),r={...e,droppableContainers:n};if(t)return(0,a.closestCorners)(r);let i=(0,a.pointerWithin)(r);if(i.length>0){let e=e=>n.find(t=>t.id===e)?.data.current?.type===`card`?0:1;return[...i].sort((t,n)=>e(t.id)-e(n.id))}return(0,a.closestCorners)(r)},f=(0,r.createContext)({activeId:null,activeType:null,overColumnId:null}),p=(0,r.forwardRef)(function({columnIds:t,onMove:n,onColumnMove:s,renderDragOverlay:p,renderColumnDragOverlay:m,className:h,children:g,..._},v){let y=(0,r.useId)(),[b,x]=(0,r.useState)(null),[S,C]=(0,r.useState)(null),[w,T]=(0,r.useState)(null),E=(0,a.useSensors)((0,a.useSensor)(a.PointerSensor,{activationConstraint:{distance:4}}),(0,a.useSensor)(a.KeyboardSensor,{coordinateGetter:u})),D=(0,r.useCallback)(e=>{x(String(e.active.id)),C(e.active.data.current?.type===`column`?`column`:`card`)},[]),O=(0,r.useCallback)(e=>{let t=e.over;if(!t){T(null);return}let n=t.data.current??{},r=n.type===`column`?String(t.id):String(n.columnId??``);T(r||null)},[]),k=(0,r.useCallback)(()=>{x(null),C(null),T(null)},[]),A=(0,r.useCallback)(e=>{let{active:r,over:i}=e;if(k(),i){if(r.data.current?.type===`column`){let n=c(e,t??[]);n&&s?.(n)}else{let t=l(e);t&&n?.(t)}}},[t,s,n,k]),j=(0,r.useMemo)(()=>({activeId:b,activeType:S,overColumnId:w}),[b,S,w]),M=(0,i.jsx)(`div`,{ref:v,className:[`ds-board`,h].filter(Boolean).join(` `),..._,children:g});return(0,i.jsx)(f.Provider,{value:j,children:(0,i.jsxs)(a.DndContext,{id:`ds-board-${y}`,sensors:E,collisionDetection:d,measuring:{droppable:{strategy:a.MeasuringStrategy.Always}},onDragStart:D,onDragOver:O,onDragEnd:A,onDragCancel:k,children:[t?(0,i.jsx)(o.SortableContext,{items:t,strategy:o.horizontalListSortingStrategy,children:M}):M,(0,i.jsxs)(a.DragOverlay,{children:[b&&S===`card`?(0,i.jsxs)(`div`,{className:`ds-board-card`,"data-overlay":!0,children:[(0,i.jsx)(`span`,{className:`ds-board-card__handle`,"aria-hidden":`true`,children:(0,i.jsx)(e.t,{name:`grip-vertical`})}),(0,i.jsx)(`div`,{className:`ds-board-card__content`,children:p?.(b)})]}):null,b&&S===`column`?(0,i.jsx)(`div`,{className:`ds-board-column`,"data-overlay":!0,children:m?.(b)}):null]})]})})}),m=(0,r.forwardRef)(function({id:e,title:c,itemIds:l,count:u,action:d,isDraggable:p=!0,className:m,children:h,...g},_){let{activeType:v,overColumnId:y}=(0,r.useContext)(f),{setNodeRef:b}=(0,a.useDroppable)({id:`${e}::body`,data:{type:`column-body`,columnId:e,items:l}}),{attributes:x,listeners:S,setNodeRef:C,transform:w,transition:T,isDragging:E}=(0,o.useSortable)({id:e,disabled:!p,data:{type:`column`,columnId:e,items:l}});return(0,i.jsxs)(`section`,{ref:n.t(C,_),style:{transform:s.CSS.Translate.toString(w),transition:T},className:[`ds-board-column`,m].filter(Boolean).join(` `),"data-over":v===`card`&&y===e||void 0,"data-dragging":E||void 0,"aria-label":c,...g,children:[p&&(0,i.jsx)(t.Button,{variant:`simple`,size:`sm`,iconStart:`grip-horizontal`,className:`ds-board-column__grip`,"aria-label":`Reorder ${c}`,...x,...S}),(0,i.jsxs)(`header`,{className:`ds-board-column__head`,children:[(0,i.jsx)(`span`,{className:`ds-board-column__title`,children:c}),(0,i.jsx)(`span`,{className:`ds-board-column__count`,children:u??l.length}),d&&(0,i.jsx)(`span`,{className:`ds-board-column__action`,children:d})]}),(0,i.jsx)(`div`,{ref:b,className:`ds-board-column__body`,children:(0,i.jsx)(o.SortableContext,{items:l,strategy:o.verticalListSortingStrategy,children:h})})]})}),h=(0,r.forwardRef)(function({id:e,columnId:a,label:c,className:l,children:u,...d},p){let{attributes:m,listeners:h,setNodeRef:g,transform:_,transition:v,isDragging:y}=(0,o.useSortable)({id:e,data:{type:`card`,columnId:a}}),{activeId:b}=(0,r.useContext)(f);return(0,i.jsxs)(`div`,{ref:n.t(g,p),style:{transform:s.CSS.Translate.toString(_),transition:v},className:[`ds-board-card`,l].filter(Boolean).join(` `),"data-dragging":y||void 0,"data-idle":b&&b!==e?``:void 0,...d,children:[(0,i.jsx)(t.Button,{variant:`simple`,size:`sm`,isIconOnly:!0,iconStart:`grip-vertical`,className:`ds-board-card__handle`,"aria-label":c?`Move ${c}`:`Move card`,...m,...h}),(0,i.jsx)(`div`,{className:`ds-board-card__content`,children:u})]})});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=Board-BLhB5_xx.cjs.map

package/dist/chunks/Board-BLhB5_xx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board-BLhB5_xx.cjs","names":["sortableKeyboardCoordinates","closestCorners","pointerWithin","createContext","forwardRef","useId","useState","useSensors","useSensor","PointerSensor","KeyboardSensor","useCallback","useMemo","DndContext","MeasuringStrategy","SortableContext","horizontalListSortingStrategy","DragOverlay","Icon","useContext","useDroppable","useSortable","mergeRefs","CSS","Button","verticalListSortingStrategy","require_Icon","require_components_Button_index","require_mergeRefs","react","react_jsx_runtime","_dnd_kit_core","_dnd_kit_sortable","_dnd_kit_utilities","columnMove","over","data","columnId","\"type\"","\"columnId\"","toIndex","columnIds","active","cardMove","fromColumnId","onCard","toColumnId","\"sortable\"","\"items\"","boardCoordinateGetter","args","event","containers","context","c","a","b","activeRect","rect","currentCoordinates","boardCollisionDetection","isColumn","type","container","scoped","within","rank","id","BoardContext","Board","rest","dndId","activeId","setActiveId","activeType","setActiveType","overColumnId","setOverColumnId","sensors","handleStart","handleOver","overData","reset","handleEnd","move","onColumnMove","onMove","value","board","className","renderDragOverlay","renderColumnDragOverlay","BoardColumn","setBodyRef","itemIds","setColumnRef","isDraggable","ref","transform","isDragging","title","attributes","listeners","count","action","BoardCard","setNodeRef","label"],"sources":["../../src/components/Board/moves.ts","../../src/components/Board/keyboard.ts","../../src/components/Board/index.tsx"],"sourcesContent":["import type { DragEndEvent } from \"@dnd-kit/core\";\nimport type { BoardColumnMove, BoardMove } from \".\";\n\nexport function columnMove({ active, over }: DragEndEvent, columnIds: string[]): BoardColumnMove | undefined {\n  if (!over) return;\n  const data = over.data.current ?? {};\n  const columnId = data[\"type\"] === \"column\" ? String(over.id) : String(data[\"columnId\"] ?? \"\");\n  const toIndex = columnIds.indexOf(columnId);\n  if (toIndex < 0 || columnId === String(active.id)) return;\n  return { columnId: String(active.id), toIndex };\n}\n\nexport function cardMove({ active, over }: DragEndEvent): BoardMove | undefined {\n  if (!over) return;\n  const fromColumnId = String(active.data.current?.[\"columnId\"] ?? \"\");\n  const data = over.data.current ?? {};\n  const onCard = data[\"type\"] === \"card\";\n  const toColumnId = String(data[\"columnId\"] ?? (onCard ? \"\" : over.id));\n  // A card occupies a precise slot; empty lane space appends to the lane.\n  const toIndex = onCard\n    ? (data[\"sortable\"] as { index: number } | undefined)?.index ?? 0\n    : ((data[\"items\"] as string[] | undefined) ?? []).length;\n  if (!toColumnId) return;\n  if (fromColumnId === toColumnId && String(active.id) === String(over.id)) return;\n  return { cardId: String(active.id), fromColumnId, toColumnId, toIndex };\n}\n","import type { KeyboardCoordinateGetter } from \"@dnd-kit/core\";\nimport { sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\n\n/**\n * Arrow up/down sorts inside a lane; left/right jumps lanes, which the stock\n * sortable getter does not do.\n */\nexport const boardCoordinateGetter: KeyboardCoordinateGetter = (event, args) => {\n  const { currentCoordinates, context } = args;\n  if (event.code === \"ArrowLeft\" || event.code === \"ArrowRight\") {\n    const containers = context.droppableContainers\n      .getEnabled()\n      .filter((c) => c.data.current?.[\"type\"] === \"column-body\")\n      .sort((a, b) => (a.rect.current?.left ?? 0) - (b.rect.current?.left ?? 0));\n    const activeRect = context.active?.rect.current.translated;\n    if (!activeRect) return undefined;\n    const index = containers.findIndex(\n      (c) => (c.rect.current?.left ?? 0) <= activeRect.left + 1 &&\n        (c.rect.current?.right ?? 0) >= activeRect.left - 1,\n    );\n    const next = containers[index + (event.code === \"ArrowRight\" ? 1 : -1)];\n    const rect = next?.rect.current;\n    if (!rect) return undefined;\n    event.preventDefault();\n    return { x: rect.left + rect.width / 2 - activeRect.width / 2, y: currentCoordinates.y };\n  }\n  return sortableKeyboardCoordinates(event, args);\n};\n\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  closestCorners,\n  pointerWithin,\n  MeasuringStrategy,\n\n  useDroppable,\n  useSensor,\n  useSensors,\n  type CollisionDetection,\n  type DragEndEvent,\n  type DragOverEvent,\n  type DragStartEvent,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  horizontalListSortingStrategy,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { mergeRefs } from \"../../internal/mergeRefs\";\nimport { cardMove, columnMove } from \"./moves\";\nimport { boardCoordinateGetter } from \"./keyboard\";\nimport \"./style.css\";\n\nexport interface BoardMove {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  /** Index the card lands on inside the destination column. */\n  toIndex: number;\n}\n\nexport interface BoardColumnMove {\n  columnId: string;\n  toIndex: number;\n}\n\ninterface BoardContextValue {\n  activeId: string | null;\n  activeType: \"card\" | \"column\" | null;\n  /** The lane the pointer is currently over, whatever it is actually over. */\n  overColumnId: string | null;\n}\n\n/**\n * A lane's body sits inside the lane's frame, so a raw corner-distance\n * strategy lets the body steal the hit from the lane itself — most visibly at\n * the board ends, where the last lane then never shifts aside to open the\n * drop gap. Resolve by what is being dragged: a column only ever hits other\n * columns; a card hits the card under the pointer first, then the lane body\n * under it, then whatever is nearest.\n */\nconst boardCollisionDetection: CollisionDetection = (args) => {\n  const isColumn = args.active.data.current?.[\"type\"] === \"column\";\n  const containers = args.droppableContainers.filter((container) => {\n    const type = container.data.current?.[\"type\"];\n    return isColumn ? type === \"column\" : type !== \"column\";\n  });\n  const scoped = { ...args, droppableContainers: containers };\n  if (isColumn) return closestCorners(scoped);\n  const within = pointerWithin(scoped);\n  if (within.length > 0) {\n    const rank = (id: (typeof within)[number][\"id\"]) =>\n      containers.find((c) => c.id === id)?.data.current?.[\"type\"] === \"card\" ? 0 : 1;\n    return [...within].sort((a, b) => rank(a.id) - rank(b.id));\n  }\n  return closestCorners(scoped);\n};\n\nconst BoardContext = createContext<BoardContextValue>({\n  activeId: null,\n  activeType: null,\n  overColumnId: null,\n});\n\nexport interface BoardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onDragEnd\"> {\n  /** Column ids in render order. Required for columns to be re-orderable. */\n  columnIds?: string[];\n  /** Fired once a card is dropped somewhere new. Apply it to your own state. */\n  onMove?: (move: BoardMove) => void;\n  /** Fired once a column is dropped in a new position. */\n  onColumnMove?: (move: BoardColumnMove) => void;\n  /** Rendered inside the drag overlay while a card is in the air. */\n  renderDragOverlay?: (cardId: string) => ReactNode;\n  /** Rendered inside the drag overlay while a column is in the air. */\n  renderColumnDragOverlay?: (columnId: string) => ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * A column board with pointer and keyboard dragging. The board owns the drag\n * mechanics only — the card data stays yours; react to `onMove`.\n */\nexport const Board = forwardRef<HTMLDivElement, BoardProps>(function Board(\n  {\n    columnIds,\n    onMove,\n    onColumnMove,\n    renderDragOverlay,\n    renderColumnDragOverlay,\n    className,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const dndId = useId();\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [activeType, setActiveType] = useState<\"card\" | \"column\" | null>(null);\n  const [overColumnId, setOverColumnId] = useState<string | null>(null);\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: boardCoordinateGetter }),\n  );\n\n  const handleStart = useCallback((event: DragStartEvent) => {\n    setActiveId(String(event.active.id));\n    setActiveType(event.active.data.current?.[\"type\"] === \"column\" ? \"column\" : \"card\");\n  }, []);\n\n  /* Cards land on cards as often as on empty space, so the lane a drag is over\n   * is always resolved back to a column id — one highlight, one meaning. */\n  const handleOver = useCallback((event: DragOverEvent) => {\n    const over = event.over;\n    if (!over) {\n      setOverColumnId(null);\n      return;\n    }\n    const overData = over.data.current ?? {};\n    const columnId =\n      overData[\"type\"] === \"column\" ? String(over.id) : String(overData[\"columnId\"] ?? \"\");\n    setOverColumnId(columnId || null);\n  }, []);\n\n  const reset = useCallback(() => {\n    setActiveId(null);\n    setActiveType(null);\n    setOverColumnId(null);\n  }, []);\n\n  const handleEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      reset();\n      if (!over) return;\n\n      /* Columns reorder among themselves; a column never lands inside a lane. */\n      if (active.data.current?.[\"type\"] === \"column\") {\n        const move = columnMove(event, columnIds ?? []);\n        if (move) onColumnMove?.(move);\n      } else {\n        const move = cardMove(event);\n        if (move) onMove?.(move);\n      }\n    },\n    [columnIds, onColumnMove, onMove, reset],\n  );\n\n  const value = useMemo(\n    () => ({ activeId, activeType, overColumnId }),\n    [activeId, activeType, overColumnId],\n  );\n\n  const board = (\n    <div ref={ref} className={[\"ds-board\", className].filter(Boolean).join(\" \")} {...rest}>\n      {children}\n    </div>\n  );\n\n  return (\n    <BoardContext.Provider value={value}>\n      <DndContext\n        id={`ds-board-${dndId}`}\n        sensors={sensors}\n        collisionDetection={boardCollisionDetection}\n        /* Lanes scroll and change height mid-drag, so positions are re-read\n         * continuously — without this the shift animation misfires. */\n        measuring={{ droppable: { strategy: MeasuringStrategy.Always } }}\n\n        onDragStart={handleStart}\n        onDragOver={handleOver}\n        onDragEnd={handleEnd}\n        onDragCancel={reset}\n      >\n        {columnIds ? (\n          <SortableContext items={columnIds} strategy={horizontalListSortingStrategy}>\n            {board}\n          </SortableContext>\n        ) : (\n          board\n        )}\n        <DragOverlay>\n          {activeId && activeType === \"card\" ? (\n            <div className=\"ds-board-card\" data-overlay>\n              <span className=\"ds-board-card__handle\" aria-hidden=\"true\">\n                <Icon name=\"grip-vertical\" />\n              </span>\n              <div className=\"ds-board-card__content\">{renderDragOverlay?.(activeId)}</div>\n            </div>\n          ) : null}\n          {activeId && activeType === \"column\" ? (\n            <div className=\"ds-board-column\" data-overlay>\n              {renderColumnDragOverlay?.(activeId)}\n            </div>\n          ) : null}\n        </DragOverlay>\n      </DndContext>\n    </BoardContext.Provider>\n  );\n});\n\nexport interface BoardColumnProps extends HTMLAttributes<HTMLDivElement> {\n  id: string;\n  title: string;\n  /** Card ids in render order — the sortable contract for this column. */\n  itemIds: string[];\n  /** Shown beside the title; defaults to the number of cards. */\n  count?: number;\n  /** A control in the column head, e.g. an add button or a menu. */\n  action?: ReactNode;\n  /** Set false to pin a lane in place. */\n  isDraggable?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * One lane of the board. Heavy frame, hairline head rule, scrolling body, and\n * a grip on top of the head that drags the whole lane sideways.\n */\nexport const BoardColumn = forwardRef<HTMLElement, BoardColumnProps>(\n  function BoardColumn(\n    { id, title, itemIds, count, action, isDraggable = true, className, children, ...rest },\n    ref,\n  ) {\n    const { activeType, overColumnId } = useContext(BoardContext);\n    const { setNodeRef: setBodyRef } = useDroppable({\n      id: `${id}::body`,\n      data: { type: \"column-body\", columnId: id, items: itemIds },\n    });\n    const {\n      attributes,\n      listeners,\n      setNodeRef: setColumnRef,\n      transform,\n      transition,\n      isDragging,\n    } = useSortable({\n      id,\n      disabled: !isDraggable,\n      data: { type: \"column\", columnId: id, items: itemIds },\n    });\n\n    return (\n      <section\n        ref={mergeRefs(setColumnRef, ref)}\n        style={{ transform: CSS.Translate.toString(transform), transition }}\n        className={[\"ds-board-column\", className].filter(Boolean).join(\" \")}\n        data-over={(activeType === \"card\" && overColumnId === id) || undefined}\n        data-dragging={isDragging || undefined}\n\n        aria-label={title}\n        {...rest}\n      >\n        {isDraggable && (\n          <Button\n            variant=\"simple\"\n            size=\"sm\"\n            iconStart=\"grip-horizontal\"\n            className=\"ds-board-column__grip\"\n            aria-label={`Reorder ${title}`}\n            {...attributes}\n            {...listeners}\n          />\n        )}\n        <header className=\"ds-board-column__head\">\n          <span className=\"ds-board-column__title\">{title}</span>\n          <span className=\"ds-board-column__count\">{count ?? itemIds.length}</span>\n          {action && <span className=\"ds-board-column__action\">{action}</span>}\n        </header>\n        <div ref={setBodyRef} className=\"ds-board-column__body\">\n          <SortableContext items={itemIds} strategy={verticalListSortingStrategy}>\n            {children}\n          </SortableContext>\n        </div>\n      </section>\n    );\n  },\n);\n\nexport interface BoardCardProps extends HTMLAttributes<HTMLDivElement> {\n  id: string;\n  columnId: string;\n  /** Accessible name announced when the card is picked up. */\n  label?: string;\n  children?: ReactNode;\n}\n\n/**\n * A draggable card. The grip on the left is the handle, so the card body can\n * hold links and buttons; the grip is a real button for keyboard users:\n * space to pick up, arrows to move, space to drop.\n */\nexport const BoardCard = forwardRef<HTMLDivElement, BoardCardProps>(function BoardCard(\n  { id, columnId, label, className, children, ...rest },\n  ref,\n) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } =\n    useSortable({ id, data: { type: \"card\", columnId } });\n  const { activeId } = useContext(BoardContext);\n\n  return (\n    <div\n      ref={mergeRefs(setNodeRef, ref)}\n      style={{ transform: CSS.Translate.toString(transform), transition }}\n      className={[\"ds-board-card\", className].filter(Boolean).join(\" \")}\n      data-dragging={isDragging || undefined}\n      data-idle={activeId && activeId !== id ? \"\" : undefined}\n      {...rest}\n    >\n      <Button\n        variant=\"simple\"\n        size=\"sm\"\n        isIconOnly\n        iconStart=\"grip-vertical\"\n        className=\"ds-board-card__handle\"\n        aria-label={label ? `Move ${label}` : \"Move card\"}\n        {...attributes}\n        {...listeners}\n      />\n      <div className=\"ds-board-card__content\">{children}</div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/chunks/Board-BTFSzn6c.js

@@ -0,0 +1,239 @@
+import { t as e } from "./Icon-CGY1FNXT.js";
+import { Button as t } from "../components/Button/index.js";
+import { t as n } from "./mergeRefs-DGM402mE.js";
+import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useId as s, useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { DndContext as f, DragOverlay as p, KeyboardSensor as m, MeasuringStrategy as h, PointerSensor as g, closestCorners as _, pointerWithin as v, useDroppable as y, useSensor as b, useSensors as x } from "@dnd-kit/core";
+import { SortableContext as S, horizontalListSortingStrategy as C, sortableKeyboardCoordinates as w, useSortable as T, verticalListSortingStrategy as E } from "@dnd-kit/sortable";
+import { CSS as D } from "@dnd-kit/utilities";
+//#region src/components/Board/moves.ts
+function O({ active: e, over: t }, n) {
+	if (!t) return;
+	let r = t.data.current ?? {}, i = r.type === "column" ? String(t.id) : String(r.columnId ?? ""), a = n.indexOf(i);
+	if (!(a < 0 || i === String(e.id))) return {
+		columnId: String(e.id),
+		toIndex: a
+	};
+}
+function k({ active: e, over: t }) {
+	if (!t) return;
+	let n = String(e.data.current?.columnId ?? ""), r = t.data.current ?? {}, i = r.type === "card", a = String(r.columnId ?? (i ? "" : t.id)), o = i ? r.sortable?.index ?? 0 : (r.items ?? []).length;
+	if (a && (n !== a || String(e.id) !== String(t.id))) return {
+		cardId: String(e.id),
+		fromColumnId: n,
+		toColumnId: a,
+		toIndex: o
+	};
+}
+//#endregion
+//#region src/components/Board/keyboard.ts
+var A = (e, t) => {
+	let { currentCoordinates: n, context: r } = t;
+	if (e.code === "ArrowLeft" || e.code === "ArrowRight") {
+		let t = r.droppableContainers.getEnabled().filter((e) => e.data.current?.type === "column-body").sort((e, t) => (e.rect.current?.left ?? 0) - (t.rect.current?.left ?? 0)), i = r.active?.rect.current.translated;
+		if (!i) return;
+		let a = t[t.findIndex((e) => (e.rect.current?.left ?? 0) <= i.left + 1 && (e.rect.current?.right ?? 0) >= i.left - 1) + (e.code === "ArrowRight" ? 1 : -1)]?.rect.current;
+		return a ? (e.preventDefault(), {
+			x: a.left + a.width / 2 - i.width / 2,
+			y: n.y
+		}) : void 0;
+	}
+	return w(e, t);
+}, j = (e) => {
+	let t = e.active.data.current?.type === "column", n = e.droppableContainers.filter((e) => {
+		let n = e.data.current?.type;
+		return t ? n === "column" : n !== "column";
+	}), r = {
+		...e,
+		droppableContainers: n
+	};
+	if (t) return _(r);
+	let i = v(r);
+	if (i.length > 0) {
+		let e = (e) => n.find((t) => t.id === e)?.data.current?.type === "card" ? 0 : 1;
+		return [...i].sort((t, n) => e(t.id) - e(n.id));
+	}
+	return _(r);
+}, M = r({
+	activeId: null,
+	activeType: null,
+	overColumnId: null
+}), N = i(function({ columnIds: t, onMove: n, onColumnMove: r, renderDragOverlay: i, renderColumnDragOverlay: o, className: _, children: v, ...y }, w) {
+	let T = s(), [E, D] = l(null), [N, P] = l(null), [F, I] = l(null), L = x(b(g, { activationConstraint: { distance: 4 } }), b(m, { coordinateGetter: A })), R = a((e) => {
+		D(String(e.active.id)), P(e.active.data.current?.type === "column" ? "column" : "card");
+	}, []), z = a((e) => {
+		let t = e.over;
+		if (!t) {
+			I(null);
+			return;
+		}
+		let n = t.data.current ?? {}, r = n.type === "column" ? String(t.id) : String(n.columnId ?? "");
+		I(r || null);
+	}, []), B = a(() => {
+		D(null), P(null), I(null);
+	}, []), V = a((e) => {
+		let { active: i, over: a } = e;
+		if (B(), a) {
+			if (i.data.current?.type === "column") {
+				let n = O(e, t ?? []);
+				n && r?.(n);
+			} else {
+				let t = k(e);
+				t && n?.(t);
+			}
+		}
+	}, [
+		t,
+		r,
+		n,
+		B
+	]), H = c(() => ({
+		activeId: E,
+		activeType: N,
+		overColumnId: F
+	}), [
+		E,
+		N,
+		F
+	]), U = /* @__PURE__ */ u("div", {
+		ref: w,
+		className: ["ds-board", _].filter(Boolean).join(" "),
+		...y,
+		children: v
+	});
+	return /* @__PURE__ */ u(M.Provider, {
+		value: H,
+		children: /* @__PURE__ */ d(f, {
+			id: `ds-board-${T}`,
+			sensors: L,
+			collisionDetection: j,
+			measuring: { droppable: { strategy: h.Always } },
+			onDragStart: R,
+			onDragOver: z,
+			onDragEnd: V,
+			onDragCancel: B,
+			children: [t ? /* @__PURE__ */ u(S, {
+				items: t,
+				strategy: C,
+				children: U
+			}) : U, /* @__PURE__ */ d(p, { children: [E && N === "card" ? /* @__PURE__ */ d("div", {
+				className: "ds-board-card",
+				"data-overlay": !0,
+				children: [/* @__PURE__ */ u("span", {
+					className: "ds-board-card__handle",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u(e, { name: "grip-vertical" })
+				}), /* @__PURE__ */ u("div", {
+					className: "ds-board-card__content",
+					children: i?.(E)
+				})]
+			}) : null, E && N === "column" ? /* @__PURE__ */ u("div", {
+				className: "ds-board-column",
+				"data-overlay": !0,
+				children: o?.(E)
+			}) : null] })]
+		})
+	});
+}), P = i(function({ id: e, title: r, itemIds: i, count: a, action: s, isDraggable: c = !0, className: l, children: f, ...p }, m) {
+	let { activeType: h, overColumnId: g } = o(M), { setNodeRef: _ } = y({
+		id: `${e}::body`,
+		data: {
+			type: "column-body",
+			columnId: e,
+			items: i
+		}
+	}), { attributes: v, listeners: b, setNodeRef: x, transform: C, transition: w, isDragging: O } = T({
+		id: e,
+		disabled: !c,
+		data: {
+			type: "column",
+			columnId: e,
+			items: i
+		}
+	});
+	return /* @__PURE__ */ d("section", {
+		ref: n(x, m),
+		style: {
+			transform: D.Translate.toString(C),
+			transition: w
+		},
+		className: ["ds-board-column", l].filter(Boolean).join(" "),
+		"data-over": h === "card" && g === e || void 0,
+		"data-dragging": O || void 0,
+		"aria-label": r,
+		...p,
+		children: [
+			c && /* @__PURE__ */ u(t, {
+				variant: "simple",
+				size: "sm",
+				iconStart: "grip-horizontal",
+				className: "ds-board-column__grip",
+				"aria-label": `Reorder ${r}`,
+				...v,
+				...b
+			}),
+			/* @__PURE__ */ d("header", {
+				className: "ds-board-column__head",
+				children: [
+					/* @__PURE__ */ u("span", {
+						className: "ds-board-column__title",
+						children: r
+					}),
+					/* @__PURE__ */ u("span", {
+						className: "ds-board-column__count",
+						children: a ?? i.length
+					}),
+					s && /* @__PURE__ */ u("span", {
+						className: "ds-board-column__action",
+						children: s
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				ref: _,
+				className: "ds-board-column__body",
+				children: /* @__PURE__ */ u(S, {
+					items: i,
+					strategy: E,
+					children: f
+				})
+			})
+		]
+	});
+}), F = i(function({ id: e, columnId: r, label: i, className: a, children: s, ...c }, l) {
+	let { attributes: f, listeners: p, setNodeRef: m, transform: h, transition: g, isDragging: _ } = T({
+		id: e,
+		data: {
+			type: "card",
+			columnId: r
+		}
+	}), { activeId: v } = o(M);
+	return /* @__PURE__ */ d("div", {
+		ref: n(m, l),
+		style: {
+			transform: D.Translate.toString(h),
+			transition: g
+		},
+		className: ["ds-board-card", a].filter(Boolean).join(" "),
+		"data-dragging": _ || void 0,
+		"data-idle": v && v !== e ? "" : void 0,
+		...c,
+		children: [/* @__PURE__ */ u(t, {
+			variant: "simple",
+			size: "sm",
+			isIconOnly: !0,
+			iconStart: "grip-vertical",
+			className: "ds-board-card__handle",
+			"aria-label": i ? `Move ${i}` : "Move card",
+			...f,
+			...p
+		}), /* @__PURE__ */ u("div", {
+			className: "ds-board-card__content",
+			children: s
+		})]
+	});
+});
+//#endregion
+export { F as n, P as r, N as t };
+
+//# sourceMappingURL=Board-BTFSzn6c.js.map

package/dist/chunks/Board-BTFSzn6c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board-BTFSzn6c.js","names":["Icon","mergeRefs","columnMove","over","data","columnId","\"type\"","\"columnId\"","toIndex","columnIds","active","cardMove","fromColumnId","onCard","toColumnId","\"sortable\"","\"items\"","boardCoordinateGetter","args","event","containers","context","c","a","b","activeRect","rect","currentCoordinates","sortableKeyboardCoordinates","boardCollisionDetection","isColumn","type","container","scoped","closestCorners","within","pointerWithin","rank","id","BoardContext","createContext","Board","forwardRef","rest","dndId","useId","activeId","setActiveId","useState","activeType","setActiveType","overColumnId","setOverColumnId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","handleStart","useCallback","handleOver","overData","reset","handleEnd","move","onColumnMove","onMove","value","useMemo","board","className","DndContext","MeasuringStrategy","SortableContext","horizontalListSortingStrategy","DragOverlay","renderDragOverlay","renderColumnDragOverlay","BoardColumn","useContext","setBodyRef","useDroppable","itemIds","setColumnRef","useSortable","isDraggable","ref","CSS","transform","isDragging","title","Button","attributes","listeners","count","action","verticalListSortingStrategy","BoardCard","setNodeRef","label"],"sources":["../../src/components/Board/moves.ts","../../src/components/Board/keyboard.ts","../../src/components/Board/index.tsx"],"sourcesContent":["import type { DragEndEvent } from \"@dnd-kit/core\";\nimport type { BoardColumnMove, BoardMove } from \".\";\n\nexport function columnMove({ active, over }: DragEndEvent, columnIds: string[]): BoardColumnMove | undefined {\n  if (!over) return;\n  const data = over.data.current ?? {};\n  const columnId = data[\"type\"] === \"column\" ? String(over.id) : String(data[\"columnId\"] ?? \"\");\n  const toIndex = columnIds.indexOf(columnId);\n  if (toIndex < 0 || columnId === String(active.id)) return;\n  return { columnId: String(active.id), toIndex };\n}\n\nexport function cardMove({ active, over }: DragEndEvent): BoardMove | undefined {\n  if (!over) return;\n  const fromColumnId = String(active.data.current?.[\"columnId\"] ?? \"\");\n  const data = over.data.current ?? {};\n  const onCard = data[\"type\"] === \"card\";\n  const toColumnId = String(data[\"columnId\"] ?? (onCard ? \"\" : over.id));\n  // A card occupies a precise slot; empty lane space appends to the lane.\n  const toIndex = onCard\n    ? (data[\"sortable\"] as { index: number } | undefined)?.index ?? 0\n    : ((data[\"items\"] as string[] | undefined) ?? []).length;\n  if (!toColumnId) return;\n  if (fromColumnId === toColumnId && String(active.id) === String(over.id)) return;\n  return { cardId: String(active.id), fromColumnId, toColumnId, toIndex };\n}\n","import type { KeyboardCoordinateGetter } from \"@dnd-kit/core\";\nimport { sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\n\n/**\n * Arrow up/down sorts inside a lane; left/right jumps lanes, which the stock\n * sortable getter does not do.\n */\nexport const boardCoordinateGetter: KeyboardCoordinateGetter = (event, args) => {\n  const { currentCoordinates, context } = args;\n  if (event.code === \"ArrowLeft\" || event.code === \"ArrowRight\") {\n    const containers = context.droppableContainers\n      .getEnabled()\n      .filter((c) => c.data.current?.[\"type\"] === \"column-body\")\n      .sort((a, b) => (a.rect.current?.left ?? 0) - (b.rect.current?.left ?? 0));\n    const activeRect = context.active?.rect.current.translated;\n    if (!activeRect) return undefined;\n    const index = containers.findIndex(\n      (c) => (c.rect.current?.left ?? 0) <= activeRect.left + 1 &&\n        (c.rect.current?.right ?? 0) >= activeRect.left - 1,\n    );\n    const next = containers[index + (event.code === \"ArrowRight\" ? 1 : -1)];\n    const rect = next?.rect.current;\n    if (!rect) return undefined;\n    event.preventDefault();\n    return { x: rect.left + rect.width / 2 - activeRect.width / 2, y: currentCoordinates.y };\n  }\n  return sortableKeyboardCoordinates(event, args);\n};\n\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  PointerSensor,\n  closestCorners,\n  pointerWithin,\n  MeasuringStrategy,\n\n  useDroppable,\n  useSensor,\n  useSensors,\n  type CollisionDetection,\n  type DragEndEvent,\n  type DragOverEvent,\n  type DragStartEvent,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  horizontalListSortingStrategy,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { mergeRefs } from \"../../internal/mergeRefs\";\nimport { cardMove, columnMove } from \"./moves\";\nimport { boardCoordinateGetter } from \"./keyboard\";\nimport \"./style.css\";\n\nexport interface BoardMove {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  /** Index the card lands on inside the destination column. */\n  toIndex: number;\n}\n\nexport interface BoardColumnMove {\n  columnId: string;\n  toIndex: number;\n}\n\ninterface BoardContextValue {\n  activeId: string | null;\n  activeType: \"card\" | \"column\" | null;\n  /** The lane the pointer is currently over, whatever it is actually over. */\n  overColumnId: string | null;\n}\n\n/**\n * A lane's body sits inside the lane's frame, so a raw corner-distance\n * strategy lets the body steal the hit from the lane itself — most visibly at\n * the board ends, where the last lane then never shifts aside to open the\n * drop gap. Resolve by what is being dragged: a column only ever hits other\n * columns; a card hits the card under the pointer first, then the lane body\n * under it, then whatever is nearest.\n */\nconst boardCollisionDetection: CollisionDetection = (args) => {\n  const isColumn = args.active.data.current?.[\"type\"] === \"column\";\n  const containers = args.droppableContainers.filter((container) => {\n    const type = container.data.current?.[\"type\"];\n    return isColumn ? type === \"column\" : type !== \"column\";\n  });\n  const scoped = { ...args, droppableContainers: containers };\n  if (isColumn) return closestCorners(scoped);\n  const within = pointerWithin(scoped);\n  if (within.length > 0) {\n    const rank = (id: (typeof within)[number][\"id\"]) =>\n      containers.find((c) => c.id === id)?.data.current?.[\"type\"] === \"card\" ? 0 : 1;\n    return [...within].sort((a, b) => rank(a.id) - rank(b.id));\n  }\n  return closestCorners(scoped);\n};\n\nconst BoardContext = createContext<BoardContextValue>({\n  activeId: null,\n  activeType: null,\n  overColumnId: null,\n});\n\nexport interface BoardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onDragEnd\"> {\n  /** Column ids in render order. Required for columns to be re-orderable. */\n  columnIds?: string[];\n  /** Fired once a card is dropped somewhere new. Apply it to your own state. */\n  onMove?: (move: BoardMove) => void;\n  /** Fired once a column is dropped in a new position. */\n  onColumnMove?: (move: BoardColumnMove) => void;\n  /** Rendered inside the drag overlay while a card is in the air. */\n  renderDragOverlay?: (cardId: string) => ReactNode;\n  /** Rendered inside the drag overlay while a column is in the air. */\n  renderColumnDragOverlay?: (columnId: string) => ReactNode;\n  children?: ReactNode;\n}\n\n/**\n * A column board with pointer and keyboard dragging. The board owns the drag\n * mechanics only — the card data stays yours; react to `onMove`.\n */\nexport const Board = forwardRef<HTMLDivElement, BoardProps>(function Board(\n  {\n    columnIds,\n    onMove,\n    onColumnMove,\n    renderDragOverlay,\n    renderColumnDragOverlay,\n    className,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const dndId = useId();\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [activeType, setActiveType] = useState<\"card\" | \"column\" | null>(null);\n  const [overColumnId, setOverColumnId] = useState<string | null>(null);\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 4 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: boardCoordinateGetter }),\n  );\n\n  const handleStart = useCallback((event: DragStartEvent) => {\n    setActiveId(String(event.active.id));\n    setActiveType(event.active.data.current?.[\"type\"] === \"column\" ? \"column\" : \"card\");\n  }, []);\n\n  /* Cards land on cards as often as on empty space, so the lane a drag is over\n   * is always resolved back to a column id — one highlight, one meaning. */\n  const handleOver = useCallback((event: DragOverEvent) => {\n    const over = event.over;\n    if (!over) {\n      setOverColumnId(null);\n      return;\n    }\n    const overData = over.data.current ?? {};\n    const columnId =\n      overData[\"type\"] === \"column\" ? String(over.id) : String(overData[\"columnId\"] ?? \"\");\n    setOverColumnId(columnId || null);\n  }, []);\n\n  const reset = useCallback(() => {\n    setActiveId(null);\n    setActiveType(null);\n    setOverColumnId(null);\n  }, []);\n\n  const handleEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n      reset();\n      if (!over) return;\n\n      /* Columns reorder among themselves; a column never lands inside a lane. */\n      if (active.data.current?.[\"type\"] === \"column\") {\n        const move = columnMove(event, columnIds ?? []);\n        if (move) onColumnMove?.(move);\n      } else {\n        const move = cardMove(event);\n        if (move) onMove?.(move);\n      }\n    },\n    [columnIds, onColumnMove, onMove, reset],\n  );\n\n  const value = useMemo(\n    () => ({ activeId, activeType, overColumnId }),\n    [activeId, activeType, overColumnId],\n  );\n\n  const board = (\n    <div ref={ref} className={[\"ds-board\", className].filter(Boolean).join(\" \")} {...rest}>\n      {children}\n    </div>\n  );\n\n  return (\n    <BoardContext.Provider value={value}>\n      <DndContext\n        id={`ds-board-${dndId}`}\n        sensors={sensors}\n        collisionDetection={boardCollisionDetection}\n        /* Lanes scroll and change height mid-drag, so positions are re-read\n         * continuously — without this the shift animation misfires. */\n        measuring={{ droppable: { strategy: MeasuringStrategy.Always } }}\n\n        onDragStart={handleStart}\n        onDragOver={handleOver}\n        onDragEnd={handleEnd}\n        onDragCancel={reset}\n      >\n        {columnIds ? (\n          <SortableContext items={columnIds} strategy={horizontalListSortingStrategy}>\n            {board}\n          </SortableContext>\n        ) : (\n          board\n        )}\n        <DragOverlay>\n          {activeId && activeType === \"card\" ? (\n            <div className=\"ds-board-card\" data-overlay>\n              <span className=\"ds-board-card__handle\" aria-hidden=\"true\">\n                <Icon name=\"grip-vertical\" />\n              </span>\n              <div className=\"ds-board-card__content\">{renderDragOverlay?.(activeId)}</div>\n            </div>\n          ) : null}\n          {activeId && activeType === \"column\" ? (\n            <div className=\"ds-board-column\" data-overlay>\n              {renderColumnDragOverlay?.(activeId)}\n            </div>\n          ) : null}\n        </DragOverlay>\n      </DndContext>\n    </BoardContext.Provider>\n  );\n});\n\nexport interface BoardColumnProps extends HTMLAttributes<HTMLDivElement> {\n  id: string;\n  title: string;\n  /** Card ids in render order — the sortable contract for this column. */\n  itemIds: string[];\n  /** Shown beside the title; defaults to the number of cards. */\n  count?: number;\n  /** A control in the column head, e.g. an add button or a menu. */\n  action?: ReactNode;\n  /** Set false to pin a lane in place. */\n  isDraggable?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * One lane of the board. Heavy frame, hairline head rule, scrolling body, and\n * a grip on top of the head that drags the whole lane sideways.\n */\nexport const BoardColumn = forwardRef<HTMLElement, BoardColumnProps>(\n  function BoardColumn(\n    { id, title, itemIds, count, action, isDraggable = true, className, children, ...rest },\n    ref,\n  ) {\n    const { activeType, overColumnId } = useContext(BoardContext);\n    const { setNodeRef: setBodyRef } = useDroppable({\n      id: `${id}::body`,\n      data: { type: \"column-body\", columnId: id, items: itemIds },\n    });\n    const {\n      attributes,\n      listeners,\n      setNodeRef: setColumnRef,\n      transform,\n      transition,\n      isDragging,\n    } = useSortable({\n      id,\n      disabled: !isDraggable,\n      data: { type: \"column\", columnId: id, items: itemIds },\n    });\n\n    return (\n      <section\n        ref={mergeRefs(setColumnRef, ref)}\n        style={{ transform: CSS.Translate.toString(transform), transition }}\n        className={[\"ds-board-column\", className].filter(Boolean).join(\" \")}\n        data-over={(activeType === \"card\" && overColumnId === id) || undefined}\n        data-dragging={isDragging || undefined}\n\n        aria-label={title}\n        {...rest}\n      >\n        {isDraggable && (\n          <Button\n            variant=\"simple\"\n            size=\"sm\"\n            iconStart=\"grip-horizontal\"\n            className=\"ds-board-column__grip\"\n            aria-label={`Reorder ${title}`}\n            {...attributes}\n            {...listeners}\n          />\n        )}\n        <header className=\"ds-board-column__head\">\n          <span className=\"ds-board-column__title\">{title}</span>\n          <span className=\"ds-board-column__count\">{count ?? itemIds.length}</span>\n          {action && <span className=\"ds-board-column__action\">{action}</span>}\n        </header>\n        <div ref={setBodyRef} className=\"ds-board-column__body\">\n          <SortableContext items={itemIds} strategy={verticalListSortingStrategy}>\n            {children}\n          </SortableContext>\n        </div>\n      </section>\n    );\n  },\n);\n\nexport interface BoardCardProps extends HTMLAttributes<HTMLDivElement> {\n  id: string;\n  columnId: string;\n  /** Accessible name announced when the card is picked up. */\n  label?: string;\n  children?: ReactNode;\n}\n\n/**\n * A draggable card. The grip on the left is the handle, so the card body can\n * hold links and buttons; the grip is a real button for keyboard users:\n * space to pick up, arrows to move, space to drop.\n */\nexport const BoardCard = forwardRef<HTMLDivElement, BoardCardProps>(function BoardCard(\n  { id, columnId, label, className, children, ...rest },\n  ref,\n) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } =\n    useSortable({ id, data: { type: \"card\", columnId } });\n  const { activeId } = useContext(BoardContext);\n\n  return (\n    <div\n      ref={mergeRefs(setNodeRef, ref)}\n      style={{ transform: CSS.Translate.toString(transform), transition }}\n      className={[\"ds-board-card\", className].filter(Boolean).join(\" \")}\n      data-dragging={isDragging || undefined}\n      data-idle={activeId && activeId !== id ? \"\" : undefined}\n      {...rest}\n    >\n      <Button\n        variant=\"simple\"\n        size=\"sm\"\n        isIconOnly\n        iconStart=\"grip-vertical\"\n        className=\"ds-board-card__handle\"\n        aria-label={label ? `Move ${label}` : \"Move card\"}\n        {...attributes}\n        {...listeners}\n      />\n      <div className=\"ds-board-card__content\">{children}</div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/chunks/EntryEditor-CcyYtH74.js

@@ -0,0 +1,191 @@
+import { Field as e } from "../components/Field/index.js";
+import { TextArea as t, TextField as n } from "../components/TextField/index.js";
+import { n as r, r as i, t as a } from "./RichTextEditor-Dnx4i7bQ.js";
+import { EntryPicker as o } from "../components/EntryPicker/index.js";
+import { NumberField as s } from "../components/NumberField/index.js";
+import { Switch as c } from "../components/Switch/index.js";
+import { useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/EntryEditor/model.ts
+var d = /* @__PURE__ */ new Set([
+	"shortText",
+	"longText",
+	"richText",
+	"number",
+	"boolean",
+	"dateTime",
+	"asset",
+	"reference"
+]);
+function f(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e.fields) {
+		if (!n.id?.trim() || t.has(n.id)) throw Error("Content model field IDs must be nonempty and unique.");
+		if (!d.has(n.type)) throw Error(`Unsupported content field type: ${n.type}`);
+		t.add(n.id);
+	}
+}
+function p(e) {
+	if (typeof e != "string") return;
+	let t = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(?:Z|\+00:00)$/.exec(e);
+	if (!t) return;
+	let n = `${t[1]}:${t[2] ?? "00"}.${(t[3] ?? "").padEnd(3, "0")}Z`, r = new Date(n);
+	if (Number.isFinite(r.getTime()) && r.toISOString() === n) return n;
+}
+function m(e, t) {
+	return !!e && typeof e == "object" && t in e && typeof e[t] == "string" && e[t].trim().length > 0;
+}
+function h(e) {
+	return !!e.text?.trim() || e.type === "horizontalRule" || !!e.content?.some(h);
+}
+function g(e) {
+	return `${e.label} is required.`;
+}
+function _(e, t) {
+	if (typeof t != "string") return "Enter text.";
+	if (e.required && !t.trim()) return g(e);
+}
+function v(e, t) {
+	let n = r(t);
+	if (n) return n;
+	if (e.required && !h(t)) return g(e);
+}
+function y(e, t) {
+	let n = e.type === "asset" ? "assetId" : "entryId";
+	if (!(e.multiple ? Array.isArray(t) && t.every((e) => m(e, n)) : m(t, n))) return e.multiple ? `Choose a list of ${e.type === "asset" ? "assets" : "entries"}.` : `Choose an ${e.type === "asset" ? "asset" : "entry"}.`;
+	if (e.required && Array.isArray(t) && t.length === 0) return g(e);
+}
+var b = {
+	shortText: _,
+	longText: _,
+	richText: v,
+	number: (e, t) => typeof t == "number" && Number.isFinite(t) ? void 0 : "Enter a finite number.",
+	boolean: (e, t) => typeof t == "boolean" ? void 0 : "Choose a boolean value.",
+	dateTime: (e, t) => p(t) ? void 0 : "Enter a valid UTC date and time.",
+	asset: y,
+	reference: y
+};
+function x(e, t) {
+	return f(e), Object.fromEntries(e.fields.flatMap((e) => {
+		let n = Object.hasOwn(t, e.id) ? t[e.id] : void 0, r = n === void 0 ? e.required ? g(e) : void 0 : b[e.type](e, n);
+		return r ? [[e.id, r]] : [];
+	}));
+}
+//#endregion
+//#region src/components/EntryEditor/index.tsx
+function S(e, t) {
+	let n = e.type === "asset" ? "assetId" : "entryId";
+	return (Array.isArray(t) ? t : t === void 0 ? [] : [t]).flatMap((e) => {
+		if (!e || typeof e != "object" || !(n in e)) return [];
+		let t = e[n];
+		return typeof t == "string" ? [t] : [];
+	});
+}
+function C(e, t) {
+	if (e.type === "asset") {
+		let n = t.map((e) => ({ assetId: e }));
+		return e.multiple ? n : n[0];
+	}
+	let n = t.map((e) => ({ entryId: e }));
+	return e.multiple ? n : n[0];
+}
+function w({ field: e, stored: r, items: l, isDisabled: d, accessibility: { required: f, ...m }, onChange: h }) {
+	switch (e.type) {
+		case "shortText":
+		case "longText": {
+			let i = e.type === "shortText" ? n : t;
+			return /* @__PURE__ */ u(i, {
+				...m,
+				required: f,
+				disabled: d,
+				placeholder: e.placeholder,
+				value: typeof r == "string" ? r : "",
+				onChange: (e) => h(e.target.value)
+			});
+		}
+		case "number": return /* @__PURE__ */ u(s, {
+			...m,
+			required: f,
+			isDisabled: d,
+			placeholder: e.placeholder,
+			step: "any",
+			hasSteppers: !1,
+			value: typeof r == "number" && Number.isFinite(r) ? r : "",
+			onValueChange: (e) => {
+				(e === "" || Number.isFinite(e)) && h(e === "" ? void 0 : e);
+			}
+		});
+		case "boolean": return /* @__PURE__ */ u(c, {
+			...m,
+			isDisabled: d,
+			isSelected: r === !0,
+			onSelectedChange: h
+		});
+		case "dateTime": return /* @__PURE__ */ u(n, {
+			...m,
+			required: f,
+			disabled: d,
+			type: "datetime-local",
+			step: "0.001",
+			value: p(r)?.slice(0, -1) ?? "",
+			onChange: (e) => h(p(`${e.target.value}Z`))
+		});
+		case "richText": return /* @__PURE__ */ u(a, {
+			...m,
+			label: e.label,
+			isRequired: f,
+			isDisabled: d,
+			placeholder: e.placeholder,
+			format: "json",
+			value: r === void 0 ? i : r,
+			onChange: h
+		});
+		case "asset":
+		case "reference": return /* @__PURE__ */ u("div", {
+			...m,
+			role: "group",
+			children: /* @__PURE__ */ u(o, {
+				items: l,
+				value: S(e, r),
+				label: e.type === "asset" ? "Assets" : "Entries",
+				addLabel: `Choose ${e.label}`,
+				mode: e.multiple ? "multiple" : "single",
+				isDisabled: d,
+				onValueChange: (t) => h(C(e, t))
+			})
+		});
+	}
+}
+function T({ model: t, value: n, defaultValue: r = {}, onValueChange: i, pickerItems: a = {}, errors: o = {}, isDisabled: s = !1, showAllErrors: c = !1, className: d, ...f }) {
+	let [p, m] = l(r), [h, g] = l(() => /* @__PURE__ */ new Set()), _ = n ?? p, v = x(t, _), y = (e, t) => {
+		if (s) return;
+		let r = { ..._ };
+		t === void 0 ? delete r[e] : r[e] = t, n === void 0 && m(r), g((t) => new Set(t).add(e)), i?.(r);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: ["ds-entry-editor", d].filter(Boolean).join(" "),
+		...f,
+		children: t.fields.map((t) => {
+			let n = Object.hasOwn(_, t.id) ? _[t.id] : void 0, r = t.type === "asset" || t.type === "reference", i = t.type === "dateTime" ? `${t.label} (UTC)` : t.label, l = o[t.id] ?? (c || h.has(t.id) ? v[t.id] : void 0);
+			return /* @__PURE__ */ u(e, {
+				label: i,
+				hint: t.hint,
+				error: l,
+				isRequired: t.required,
+				isGroup: r,
+				children: (e) => /* @__PURE__ */ u(w, {
+					field: t,
+					stored: n,
+					items: a[t.id] ?? [],
+					isDisabled: s,
+					accessibility: e,
+					onChange: (e) => y(t.id, e)
+				})
+			}, t.id);
+		})
+	});
+}
+//#endregion
+export { x as n, T as t };
+
+//# sourceMappingURL=EntryEditor-CcyYtH74.js.map