@alfadocs/ui-kit-debug 1.5.0 → 1.6.1

package/dist/_chunks/{image-cropper-DWSnyLwW.js.map → image-cropper-C84NDTB7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"image-cropper-DWSnyLwW.js","sources":["../../src/components/image-cropper/image-cropper.agent.ts","../../src/components/image-cropper/crop-geometry.ts","../../src/components/image-cropper/image-cropper.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ImageCropper.                                          */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract. The crop is a  */\n/* rectangular region pick, so `range_pick` is the closest capability in  */\n/* the closed vocabulary.                                                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ImageCropperHandle } from './image-cropper';\n\nconst RECT_SCHEMA = {\n  type: 'object',\n  properties: {\n    x: { type: 'number', minimum: 0, maximum: 1 },\n    y: { type: 'number', minimum: 0, maximum: 1 },\n    width: { type: 'number', minimum: 0, maximum: 1 },\n    height: { type: 'number', minimum: 0, maximum: 1 },\n  },\n  required: ['x', 'y', 'width', 'height'],\n} as const;\n\nexport const imageCropperAgent: AgentAdapter<ImageCropperHandle> = {\n  id: 'image-cropper',\n  capabilities: ['range_pick'],\n  state: {\n    crop: {\n      type: 'object',\n      descriptionKey: 'ui.agent.imageCropper.state.crop',\n      description:\n        'Current crop rectangle in normalised [0,1] coordinates: { x, y, width, height }.',\n      read: (handle) => handle.getCrop(),\n    },\n  },\n  actions: {\n    set_crop: {\n      safety: 'write',\n      argsType: '{ x: number; y: number; width: number; height: number }',\n      argsSchema: RECT_SCHEMA,\n      idempotent: true,\n      descriptionKey: 'ui.agent.imageCropper.actions.setCrop',\n      description:\n        'Set the crop rectangle (normalised [0,1]). Values are clamped to the image bounds and the minimum crop size.',\n      invoke: (\n        handle,\n        args: { x: number; y: number; width: number; height: number },\n      ) => {\n        handle.setCrop(args);\n      },\n    },\n    reset: {\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.imageCropper.actions.reset',\n      description:\n        'Reset the crop to the centred default for the current aspect.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'image-cropper',\n      description: 'Marks the ImageCropper wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Crop geometry — pure helpers shared by the component + its tests.      */\n/*                                                                        */\n/* A crop is stored in NORMALISED coordinates (0–1) relative to the       */\n/* displayed image box, so it survives responsive resizes and is trivial  */\n/* for a consumer to map onto the natural-resolution bitmap server-side.  */\n/* -------------------------------------------------------------------- */\n\n/** Normalised crop rectangle (each field in the closed interval [0, 1]). */\nexport interface CropRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport const clamp01 = (v: number): number => Math.min(1, Math.max(0, v));\n\n/**\n * Clamp a rectangle so it stays within the unit box and never shrinks below\n * `minSize` on either axis.\n */\nexport function clampRect(rect: CropRect, minSize: number): CropRect {\n  const width = Math.min(1, Math.max(minSize, rect.width));\n  const height = Math.min(1, Math.max(minSize, rect.height));\n  const x = Math.min(1 - width, Math.max(0, rect.x));\n  const y = Math.min(1 - height, Math.max(0, rect.y));\n  return { x, y, width, height };\n}\n\n/**\n * Coerce a rectangle's height to honour a pixel aspect ratio\n * (`width_px / height_px`), anchored at its top-inline-start corner. `boxW` /\n * `boxH` are the displayed image box's pixel dimensions. A non-positive aspect\n * or unmeasured box returns the rectangle unchanged.\n */\nexport function applyAspect(\n  rect: CropRect,\n  aspect: number | undefined,\n  boxW: number,\n  boxH: number,\n): CropRect {\n  if (!aspect || aspect <= 0 || boxW <= 0 || boxH <= 0) return rect;\n  // height_norm = (width_norm * boxW / aspect) / boxH\n  const height = (rect.width * boxW) / aspect / boxH;\n  return { ...rect, height };\n}\n\n/** A sensible centred default — an 80% box, aspect-coerced when one is set. */\nexport function defaultCrop(\n  aspect: number | undefined,\n  boxW: number,\n  boxH: number,\n): CropRect {\n  const base: CropRect = { x: 0.1, y: 0.1, width: 0.8, height: 0.8 };\n  const withAspect = applyAspect(base, aspect, boxW, boxH);\n  return clampRect(\n    {\n      ...withAspect,\n      // Re-centre vertically after the aspect coercion.\n      y: Math.max(0, (1 - withAspect.height) / 2),\n    },\n    0.05,\n  );\n}\n\n/** Round each field to whole percentages — used for the live-region readout. */\nexport function toPercent(rect: CropRect): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  return {\n    x: Math.round(rect.x * 100),\n    y: Math.round(rect.y * 100),\n    width: Math.round(rect.width * 100),\n    height: Math.round(rect.height * 100),\n  };\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { RotateCcw } from 'lucide-react';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { Button } from '../button';\nimport { imageCropperAgent } from './image-cropper.agent';\nimport {\n  applyAspect,\n  clampRect,\n  defaultCrop,\n  toPercent,\n  type CropRect,\n} from './crop-geometry';\n\n/** Agent-readiness curated handle for ImageCropper. */\nexport interface ImageCropperHandle {\n  getCrop: () => CropRect;\n  setCrop: (rect: CropRect) => void;\n  reset: () => void;\n  focus: () => void;\n}\n\nexport interface ImageCropperProps {\n  /** Source of the image to crop (object URL, data URL, or remote src). */\n  src: string;\n  /** Accessible description of the image being cropped (consumer-supplied). */\n  alt: string;\n  /** Pixel aspect ratio (width / height) to lock the crop to. Omit for free-form. */\n  aspect?: number;\n  /** Controlled crop rect in normalised [0,1] coordinates. Pair with onChange. */\n  value?: CropRect;\n  /** Uncontrolled initial crop rect. */\n  defaultValue?: CropRect;\n  /** Fires with the new normalised crop rect on every move/resize. */\n  onChange?: (rect: CropRect) => void;\n  /** Smallest crop edge as a fraction of the image (default 0.1). */\n  minSize?: number;\n  /** Normalised step applied per arrow-key press (default 0.02). */\n  keyboardStep?: number;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\ntype Corner = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n\ninterface DragState {\n  mode: 'move' | 'resize';\n  corner?: Corner;\n  pointerX: number;\n  pointerY: number;\n  start: CropRect;\n  boxW: number;\n  boxH: number;\n}\n\nconst rootVariants = cva(\n  ['ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]'].join(' '),\n);\n\n// dir=\"ltr\" on the crop surface: the crop rectangle lives in IMAGE-BITMAP\n// space (a physical x/y offset into the picture), never document text flow, so\n// `inset-inline-*` resolves to physical left/top here — the same value-space\n// rationale the kit's numeric inputs use for their `dir=\"ltr\"`. The crop is\n// never mirrored under an RTL UI.\n//\n// The disabled cue dims ONLY the image surface (no text lives here), never the\n// helper/Reset text — dimming text would drop it below the contrast floor.\nconst surfaceVariants = cva(\n  'ds:relative ds:inline-block ds:max-w-full ds:overflow-hidden ds:rounded-[var(--radius-md)] ds:bg-[var(--muted)] ds:select-none ds:touch-none',\n  {\n    variants: {\n      disabled: {\n        true: 'ds:opacity-60 ds:pointer-events-none',\n        false: '',\n      },\n    },\n    defaultVariants: { disabled: false },\n  },\n);\n\nconst imageClass = 'ds:block ds:max-w-full ds:h-auto ds:pointer-events-none';\n\nconst cropBoxClass = [\n  'ds:absolute ds:box-border ds:cursor-move',\n  'ds:border-2 ds:border-[color:var(--ring)]',\n  'ds:shadow-[var(--shadow-md)]',\n  'ds:[inset-inline-start:var(--ic-x)] ds:[inset-block-start:var(--ic-y)]',\n  'ds:[inline-size:var(--ic-w)] ds:[block-size:var(--ic-h)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n].join(' ');\n\nconst handleBase =\n  'ds:absolute ds:size-[var(--spacing-md)] ds:rounded-full ds:bg-[var(--ring)] ds:border-2 ds:border-[color:var(--background)]';\n\nconst HANDLES: Array<{ corner: Corner; cls: string }> = [\n  {\n    corner: 'top-start',\n    cls: 'ds:[inset-block-start:0] ds:[inset-inline-start:0]',\n  },\n  {\n    corner: 'top-end',\n    cls: 'ds:[inset-block-start:0] ds:[inset-inline-end:0]',\n  },\n  {\n    corner: 'bottom-start',\n    cls: 'ds:[inset-block-end:0] ds:[inset-inline-start:0]',\n  },\n  {\n    corner: 'bottom-end',\n    cls: 'ds:[inset-block-end:0] ds:[inset-inline-end:0]',\n  },\n];\n\nfunction resizeByCorner(\n  start: CropRect,\n  corner: Corner,\n  dxN: number,\n  dyN: number,\n): CropRect {\n  switch (corner) {\n    case 'top-start':\n      return {\n        x: start.x + dxN,\n        y: start.y + dyN,\n        width: start.width - dxN,\n        height: start.height - dyN,\n      };\n    case 'top-end':\n      return {\n        x: start.x,\n        y: start.y + dyN,\n        width: start.width + dxN,\n        height: start.height - dyN,\n      };\n    case 'bottom-start':\n      return {\n        x: start.x + dxN,\n        y: start.y,\n        width: start.width - dxN,\n        height: start.height + dyN,\n      };\n    case 'bottom-end':\n    default:\n      return {\n        x: start.x,\n        y: start.y,\n        width: start.width + dxN,\n        height: start.height + dyN,\n      };\n  }\n}\n\nexport const ImageCropper = forwardRef<HTMLDivElement, ImageCropperProps>(\n  function ImageCropper(\n    {\n      src,\n      alt,\n      aspect,\n      value,\n      defaultValue,\n      onChange,\n      minSize = 0.1,\n      keyboardStep = 0.02,\n      disabled,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const reactId = useId();\n    const instructionsId = `${reactId}-instructions`;\n    const liveId = `${reactId}-live`;\n\n    const surfaceRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const composedRootRef = composeRefs(ref, rootRef);\n    const cropBoxRef = useRef<HTMLDivElement | null>(null);\n    const dragRef = useRef<DragState | null>(null);\n    const touchedRef = useRef(false);\n\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<CropRect>(() =>\n      clampRect(defaultValue ?? defaultCrop(aspect, 0, 0), minSize),\n    );\n    const crop = isControlled\n      ? clampRect(value as CropRect, minSize)\n      : internal;\n\n    const commit = useCallback(\n      (next: CropRect) => {\n        touchedRef.current = true;\n        const clamped = clampRect(next, minSize);\n        if (!isControlled) setInternal(clamped);\n        onChange?.(clamped);\n      },\n      [isControlled, minSize, onChange],\n    );\n\n    const surfaceSize = (): { w: number; h: number } => {\n      const r = surfaceRef.current?.getBoundingClientRect();\n      return { w: r?.width ?? 0, h: r?.height ?? 0 };\n    };\n\n    // Re-centre / aspect-fit once the image lays out, but only while the crop\n    // is still the untouched default in uncontrolled mode.\n    const handleImageLoad = () => {\n      if (touchedRef.current || isControlled || defaultValue) return;\n      const { w, h } = surfaceSize();\n      setInternal(defaultCrop(aspect, w, h));\n    };\n\n    const endDrag = (event: ReactPointerEvent<HTMLElement>) => {\n      dragRef.current = null;\n      const el = event.currentTarget;\n      if (el.hasPointerCapture?.(event.pointerId)) {\n        el.releasePointerCapture(event.pointerId);\n      }\n    };\n\n    const startMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const { w, h } = surfaceSize();\n      dragRef.current = {\n        mode: 'move',\n        pointerX: event.clientX,\n        pointerY: event.clientY,\n        start: crop,\n        boxW: w,\n        boxH: h,\n      };\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    };\n\n    const startResize = (\n      event: ReactPointerEvent<HTMLSpanElement>,\n      corner: Corner,\n    ) => {\n      if (disabled) return;\n      event.stopPropagation();\n      const { w, h } = surfaceSize();\n      dragRef.current = {\n        mode: 'resize',\n        corner,\n        pointerX: event.clientX,\n        pointerY: event.clientY,\n        start: crop,\n        boxW: w,\n        boxH: h,\n      };\n      // Capture on the crop box so move/up keep flowing while dragging a handle.\n      cropBoxRef.current?.setPointerCapture?.(event.pointerId);\n    };\n\n    const handlePointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag || drag.boxW <= 0 || drag.boxH <= 0) return;\n      const dxN = (event.clientX - drag.pointerX) / drag.boxW;\n      const dyN = (event.clientY - drag.pointerY) / drag.boxH;\n      if (drag.mode === 'move') {\n        commit({ ...drag.start, x: drag.start.x + dxN, y: drag.start.y + dyN });\n      } else if (drag.corner) {\n        const raw = resizeByCorner(drag.start, drag.corner, dxN, dyN);\n        commit(applyAspect(raw, aspect, drag.boxW, drag.boxH));\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const step = keyboardStep;\n      const { w, h } = surfaceSize();\n      let next: CropRect | null = null;\n      if (event.shiftKey) {\n        // Resize from the top-inline-start anchor.\n        if (event.key === 'ArrowRight')\n          next = { ...crop, width: crop.width + step };\n        else if (event.key === 'ArrowLeft')\n          next = { ...crop, width: crop.width - step };\n        else if (event.key === 'ArrowDown')\n          next = { ...crop, height: crop.height + step };\n        else if (event.key === 'ArrowUp')\n          next = { ...crop, height: crop.height - step };\n        if (next) next = applyAspect(next, aspect, w, h);\n      } else {\n        if (event.key === 'ArrowRight') next = { ...crop, x: crop.x + step };\n        else if (event.key === 'ArrowLeft')\n          next = { ...crop, x: crop.x - step };\n        else if (event.key === 'ArrowDown')\n          next = { ...crop, y: crop.y + step };\n        else if (event.key === 'ArrowUp') next = { ...crop, y: crop.y - step };\n      }\n      if (next) {\n        event.preventDefault();\n        commit(next);\n      }\n    };\n\n    const reset = useCallback(() => {\n      const { w, h } = surfaceSize();\n      touchedRef.current = false;\n      const next = defaultCrop(aspect, w, h);\n      if (!isControlled) setInternal(next);\n      onChange?.(next);\n    }, [aspect, isControlled, onChange]);\n\n    const agentHandle = useMemo<ImageCropperHandle>(\n      () => ({\n        getCrop: () => crop,\n        setCrop: (rect) => commit(rect),\n        reset,\n        focus: () => cropBoxRef.current?.focus(),\n      }),\n      [crop, commit, reset],\n    );\n    useAgentRegistration(imageCropperAgent, agentHandle, id);\n\n    const pct = toPercent(crop);\n    const cropStyle = {\n      // Inline style — permitted per 23-constraints §Runtime-computed dimensions\n      //   (CSS custom-property setters; the position/size rules live in CVA).\n      '--ic-x': `${crop.x * 100}%`,\n      '--ic-y': `${crop.y * 100}%`,\n      '--ic-w': `${crop.width * 100}%`,\n      '--ic-h': `${crop.height * 100}%`,\n    } as CSSProperties;\n\n    const cropLabel = ariaLabel ?? t('imageCropper.cropRegion');\n\n    return (\n      <div\n        ref={composedRootRef}\n        className={rootVariants({ className })}\n        data-component=\"image-cropper\"\n        data-component-id={id}\n      >\n        <div\n          ref={surfaceRef}\n          dir=\"ltr\"\n          className={surfaceVariants({ disabled: Boolean(disabled) })}\n        >\n          <img\n            src={src}\n            alt={alt}\n            className={imageClass}\n            onLoad={handleImageLoad}\n          />\n          {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- crop box is a keyboard-operable adjustable region (arrows move, Shift+arrows resize) with an accessible name + instructions; pointer/keydown handlers are intentional (cf. resizable separator) */}\n          <div\n            ref={cropBoxRef}\n            role=\"group\"\n            tabIndex={disabled ? -1 : 0}\n            aria-label={cropLabel}\n            aria-describedby={instructionsId}\n            aria-disabled={disabled || undefined}\n            className={cropBoxClass}\n            // eslint-disable-next-line react/forbid-dom-props -- runtime-computed crop geometry injected via --ic-x/y/w/h CSS variables (23-constraints §Runtime-computed dimensions); the inset/size rules live in the cropBox className\n            style={cropStyle}\n            onPointerDown={startMove}\n            onPointerMove={handlePointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={handleKeyDown}\n          >\n            {HANDLES.map(({ corner, cls }) => (\n              <span\n                key={corner}\n                aria-hidden=\"true\"\n                className={`${handleBase} ${cls}`}\n                onPointerDown={(event) => startResize(event, corner)}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <p\n            id={instructionsId}\n            className=\"type-body-sm ds:text-muted-foreground\"\n          >\n            {t('imageCropper.instructions')}\n          </p>\n          <Button\n            type=\"button\"\n            intent=\"outline\"\n            size=\"sm\"\n            disabled={disabled}\n            onClick={reset}\n          >\n            <RotateCcw aria-hidden=\"true\" className=\"ds:size-4\" />\n            {t('imageCropper.reset')}\n          </Button>\n        </div>\n\n        {/* Polite live region: announces the crop geometry as text so the\n            verdict is never conveyed by the visual box alone. */}\n        <p id={liveId} role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {t('imageCropper.announcement', {\n            x: pct.x,\n            y: pct.y,\n            width: pct.width,\n            height: pct.height,\n          })}\n        </p>\n      </div>\n    );\n  },\n);\n\nImageCropper.displayName = 'ImageCropper';\n"],"names":["RECT_SCHEMA","imageCropperAgent","handle","args","clamp01","v","clampRect","rect","minSize","width","height","x","applyAspect","aspect","boxW","boxH","defaultCrop","withAspect","toPercent","rootVariants","cva","surfaceVariants","imageClass","cropBoxClass","handleBase","HANDLES","resizeByCorner","start","corner","dxN","dyN","ImageCropper","forwardRef","src","alt","value","defaultValue","onChange","keyboardStep","disabled","id","className","ariaLabel","ref","t","useTranslation","reactId","useId","instructionsId","liveId","surfaceRef","useRef","rootRef","composedRootRef","composeRefs","cropBoxRef","dragRef","touchedRef","isControlled","internal","setInternal","useState","crop","commit","useCallback","next","clamped","surfaceSize","r","_a","handleImageLoad","w","h","endDrag","event","el","startMove","_b","startResize","handlePointerMove","drag","raw","handleKeyDown","step","reset","agentHandle","useMemo","useAgentRegistration","pct","cropStyle","cropLabel","jsxs","jsx","cls","Button","RotateCcw"],"mappings":";;;;;;;;AAWA,MAAMA,KAAc;AAAA,EAClB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,GAAG,EAAE,MAAM,UAAU,SAAS,GAAG,SAAS,EAAA;AAAA,IAC1C,GAAG,EAAE,MAAM,UAAU,SAAS,GAAG,SAAS,EAAA;AAAA,IAC1C,OAAO,EAAE,MAAM,UAAU,SAAS,GAAG,SAAS,EAAA;AAAA,IAC9C,QAAQ,EAAE,MAAM,UAAU,SAAS,GAAG,SAAS,EAAA;AAAA,EAAE;AAAA,EAEnD,UAAU,CAAC,KAAK,KAAK,SAAS,QAAQ;AACxC,GAEaC,KAAsD;AAAA,EACjE,IAAI;AAAA,EACJ,cAAc,CAAC,YAAY;AAAA,EAC3B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACnC;AAAA,EAEF,SAAS;AAAA,IACP,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAYF;AAAA,MACZ,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CACNE,GACAC,MACG;AACH,QAAAD,EAAO,QAAQC,CAAI;AAAA,MACrB;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCzDaE,KAAU,CAACC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGA,CAAC,CAAC;AAMjE,SAASC,EAAUC,GAAgBC,GAA2B;AACnE,QAAMC,IAAQ,KAAK,IAAI,GAAG,KAAK,IAAID,GAASD,EAAK,KAAK,CAAC,GACjDG,IAAS,KAAK,IAAI,GAAG,KAAK,IAAIF,GAASD,EAAK,MAAM,CAAC,GACnDI,IAAI,KAAK,IAAI,IAAIF,GAAO,KAAK,IAAI,GAAGF,EAAK,CAAC,CAAC,GAC3C,IAAI,KAAK,IAAI,IAAIG,GAAQ,KAAK,IAAI,GAAGH,EAAK,CAAC,CAAC;AAClD,SAAO,EAAE,GAAAI,GAAG,GAAG,OAAAF,GAAO,QAAAC,EAAA;AACxB;AAQO,SAASE,EACdL,GACAM,GACAC,GACAC,GACU;AACV,MAAI,CAACF,KAAUA,KAAU,KAAKC,KAAQ,KAAKC,KAAQ,EAAG,QAAOR;AAE7D,QAAMG,IAAUH,EAAK,QAAQO,IAAQD,IAASE;AAC9C,SAAO,EAAE,GAAGR,GAAM,QAAAG,EAAA;AACpB;AAGO,SAASM,EACdH,GACAC,GACAC,GACU;AAEV,QAAME,IAAaL,EADI,EAAE,GAAG,KAAK,GAAG,KAAK,OAAO,KAAK,QAAQ,IAAA,GACxBC,GAAQC,GAAMC,CAAI;AACvD,SAAOT;AAAA,IACL;AAAA,MACE,GAAGW;AAAA;AAAA,MAEH,GAAG,KAAK,IAAI,IAAI,IAAIA,EAAW,UAAU,CAAC;AAAA,IAAA;AAAA,IAE5C;AAAA,EAAA;AAEJ;AAGO,SAASC,GAAUX,GAKxB;AACA,SAAO;AAAA,IACL,GAAG,KAAK,MAAMA,EAAK,IAAI,GAAG;AAAA,IAC1B,GAAG,KAAK,MAAMA,EAAK,IAAI,GAAG;AAAA,IAC1B,OAAO,KAAK,MAAMA,EAAK,QAAQ,GAAG;AAAA,IAClC,QAAQ,KAAK,MAAMA,EAAK,SAAS,GAAG;AAAA,EAAA;AAExC;ACVA,MAAMY,KAAeC;AAAA,EACnB,CAAC,gDAAgD,EAAE,KAAK,GAAG;AAC7D,GAUMC,KAAkBD;AAAA,EACtB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,UAAU,GAAA;AAAA,EAAM;AAEvC,GAEME,KAAa,2DAEbC,KAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,KACJ,+HAEIC,KAAkD;AAAA,EACtD;AAAA,IACE,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA;AAAA,EAEP;AAAA,IACE,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA;AAET;AAEA,SAASC,GACPC,GACAC,GACAC,GACAC,GACU;AACV,UAAQF,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,GAAGD,EAAM,IAAIE;AAAA,QACb,GAAGF,EAAM,IAAIG;AAAA,QACb,OAAOH,EAAM,QAAQE;AAAA,QACrB,QAAQF,EAAM,SAASG;AAAA,MAAA;AAAA,IAE3B,KAAK;AACH,aAAO;AAAA,QACL,GAAGH,EAAM;AAAA,QACT,GAAGA,EAAM,IAAIG;AAAA,QACb,OAAOH,EAAM,QAAQE;AAAA,QACrB,QAAQF,EAAM,SAASG;AAAA,MAAA;AAAA,IAE3B,KAAK;AACH,aAAO;AAAA,QACL,GAAGH,EAAM,IAAIE;AAAA,QACb,GAAGF,EAAM;AAAA,QACT,OAAOA,EAAM,QAAQE;AAAA,QACrB,QAAQF,EAAM,SAASG;AAAA,MAAA;AAAA,IAE3B,KAAK;AAAA,IACL;AACE,aAAO;AAAA,QACL,GAAGH,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,QACT,OAAOA,EAAM,QAAQE;AAAA,QACrB,QAAQF,EAAM,SAASG;AAAA,MAAA;AAAA,EACzB;AAEN;AAEO,MAAMC,KAAeC;AAAA,EAC1B,SACE;AAAA,IACE,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAArB;AAAA,IACA,OAAAsB;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAA7B,IAAU;AAAA,IACV,cAAA8B,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,EAAA,GAEhBC,GACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,GAAA,GACRC,IAAUC,GAAA,GACVC,IAAiB,GAAGF,CAAO,iBAC3BG,IAAS,GAAGH,CAAO,SAEnBI,IAAaC,EAA8B,IAAI,GAC/CC,IAAUD,EAA8B,IAAI,GAC5CE,IAAkBC,GAAYX,GAAKS,CAAO,GAC1CG,IAAaJ,EAA8B,IAAI,GAC/CK,IAAUL,EAAyB,IAAI,GACvCM,IAAaN,EAAO,EAAK,GAEzBO,IAAevB,MAAU,QACzB,CAACwB,GAAUC,CAAW,IAAIC;AAAA,MAAmB,MACjDvD,EAAU8B,KAAgBpB,EAAYH,GAAQ,GAAG,CAAC,GAAGL,CAAO;AAAA,IAAA,GAExDsD,IAAOJ,IACTpD,EAAU6B,GAAmB3B,CAAO,IACpCmD,GAEEI,IAASC;AAAA,MACb,CAACC,MAAmB;AAClB,QAAAR,EAAW,UAAU;AACrB,cAAMS,IAAU5D,EAAU2D,GAAMzD,CAAO;AACvC,QAAKkD,KAAcE,EAAYM,CAAO,GACtC7B,KAAA,QAAAA,EAAW6B;AAAA,MACb;AAAA,MACA,CAACR,GAAclD,GAAS6B,CAAQ;AAAA,IAAA,GAG5B8B,IAAc,MAAgC;;AAClD,YAAMC,KAAIC,IAAAnB,EAAW,YAAX,gBAAAmB,EAAoB;AAC9B,aAAO,EAAE,IAAGD,KAAA,gBAAAA,EAAG,UAAS,GAAG,IAAGA,KAAA,gBAAAA,EAAG,WAAU,EAAA;AAAA,IAC7C,GAIME,IAAkB,MAAM;AAC5B,UAAIb,EAAW,WAAWC,KAAgBtB,EAAc;AACxD,YAAM,EAAE,GAAAmC,GAAG,GAAAC,EAAA,IAAML,EAAA;AACjB,MAAAP,EAAY5C,EAAYH,GAAQ0D,GAAGC,CAAC,CAAC;AAAA,IACvC,GAEMC,IAAU,CAACC,MAA0C;;AACzD,MAAAlB,EAAQ,UAAU;AAClB,YAAMmB,IAAKD,EAAM;AACjB,OAAIL,IAAAM,EAAG,sBAAH,QAAAN,EAAA,KAAAM,GAAuBD,EAAM,cAC/BC,EAAG,sBAAsBD,EAAM,SAAS;AAAA,IAE5C,GAEME,IAAY,CAACF,MAA6C;;AAC9D,UAAInC,EAAU;AACd,YAAM,EAAE,GAAAgC,GAAG,GAAAC,EAAA,IAAML,EAAA;AACjB,MAAAX,EAAQ,UAAU;AAAA,QAChB,MAAM;AAAA,QACN,UAAUkB,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAOZ;AAAA,QACP,MAAMS;AAAA,QACN,MAAMC;AAAA,MAAA,IAERK,KAAAR,IAAAK,EAAM,eAAc,sBAApB,QAAAG,EAAA,KAAAR,GAAwCK,EAAM;AAAA,IAChD,GAEMI,IAAc,CAClBJ,GACA9C,MACG;;AACH,UAAIW,EAAU;AACd,MAAAmC,EAAM,gBAAA;AACN,YAAM,EAAE,GAAAH,GAAG,GAAAC,EAAA,IAAML,EAAA;AACjB,MAAAX,EAAQ,UAAU;AAAA,QAChB,MAAM;AAAA,QACN,QAAA5B;AAAA,QACA,UAAU8C,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAOZ;AAAA,QACP,MAAMS;AAAA,QACN,MAAMC;AAAA,MAAA,IAGRK,KAAAR,IAAAd,EAAW,YAAX,gBAAAc,EAAoB,sBAApB,QAAAQ,EAAA,KAAAR,GAAwCK,EAAM;AAAA,IAChD,GAEMK,IAAoB,CAACL,MAA6C;AACtE,YAAMM,IAAOxB,EAAQ;AACrB,UAAI,CAACwB,KAAQA,EAAK,QAAQ,KAAKA,EAAK,QAAQ,EAAG;AAC/C,YAAMnD,KAAO6C,EAAM,UAAUM,EAAK,YAAYA,EAAK,MAC7ClD,KAAO4C,EAAM,UAAUM,EAAK,YAAYA,EAAK;AACnD,UAAIA,EAAK,SAAS;AAChB,QAAAjB,EAAO,EAAE,GAAGiB,EAAK,OAAO,GAAGA,EAAK,MAAM,IAAInD,GAAK,GAAGmD,EAAK,MAAM,IAAIlD,GAAK;AAAA,eAC7DkD,EAAK,QAAQ;AACtB,cAAMC,IAAMvD,GAAesD,EAAK,OAAOA,EAAK,QAAQnD,GAAKC,CAAG;AAC5D,QAAAiC,EAAOnD,EAAYqE,GAAKpE,GAAQmE,EAAK,MAAMA,EAAK,IAAI,CAAC;AAAA,MACvD;AAAA,IACF,GAEME,IAAgB,CAACR,MAAyC;AAC9D,UAAInC,EAAU;AACd,YAAM4C,IAAO7C,GACP,EAAE,GAAAiC,GAAG,GAAAC,EAAA,IAAML,EAAA;AACjB,UAAIF,IAAwB;AAC5B,MAAIS,EAAM,YAEJA,EAAM,QAAQ,eAChBT,IAAO,EAAE,GAAGH,GAAM,OAAOA,EAAK,QAAQqB,EAAA,IAC/BT,EAAM,QAAQ,cACrBT,IAAO,EAAE,GAAGH,GAAM,OAAOA,EAAK,QAAQqB,EAAA,IAC/BT,EAAM,QAAQ,cACrBT,IAAO,EAAE,GAAGH,GAAM,QAAQA,EAAK,SAASqB,EAAA,IACjCT,EAAM,QAAQ,cACrBT,IAAO,EAAE,GAAGH,GAAM,QAAQA,EAAK,SAASqB,EAAA,IACtClB,MAAMA,IAAOrD,EAAYqD,GAAMpD,GAAQ0D,GAAGC,CAAC,MAE3CE,EAAM,QAAQ,eAAcT,IAAO,EAAE,GAAGH,GAAM,GAAGA,EAAK,IAAIqB,EAAA,IACrDT,EAAM,QAAQ,cACrBT,IAAO,EAAE,GAAGH,GAAM,GAAGA,EAAK,IAAIqB,EAAA,IACvBT,EAAM,QAAQ,cACrBT,IAAO,EAAE,GAAGH,GAAM,GAAGA,EAAK,IAAIqB,EAAA,IACvBT,EAAM,QAAQ,cAAWT,IAAO,EAAE,GAAGH,GAAM,GAAGA,EAAK,IAAIqB,EAAA,IAE9DlB,MACFS,EAAM,eAAA,GACNX,EAAOE,CAAI;AAAA,IAEf,GAEMmB,IAAQpB,EAAY,MAAM;AAC9B,YAAM,EAAE,GAAAO,GAAG,GAAAC,EAAA,IAAML,EAAA;AACjB,MAAAV,EAAW,UAAU;AACrB,YAAMQ,IAAOjD,EAAYH,GAAQ0D,GAAGC,CAAC;AACrC,MAAKd,KAAcE,EAAYK,CAAI,GACnC5B,KAAA,QAAAA,EAAW4B;AAAA,IACb,GAAG,CAACpD,GAAQ6C,GAAcrB,CAAQ,CAAC,GAE7BgD,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,SAAS,MAAMxB;AAAA,QACf,SAAS,CAACvD,MAASwD,EAAOxD,CAAI;AAAA,QAC9B,OAAA6E;AAAA,QACA,OAAO,MAAA;;AAAM,kBAAAf,IAAAd,EAAW,YAAX,gBAAAc,EAAoB;AAAA;AAAA,MAAM;AAAA,MAEzC,CAACP,GAAMC,GAAQqB,CAAK;AAAA,IAAA;AAEtB,IAAAG,GAAqBtF,IAAmBoF,GAAa7C,CAAE;AAEvD,UAAMgD,IAAMtE,GAAU4C,CAAI,GACpB2B,IAAY;AAAA;AAAA;AAAA,MAGhB,UAAU,GAAG3B,EAAK,IAAI,GAAG;AAAA,MACzB,UAAU,GAAGA,EAAK,IAAI,GAAG;AAAA,MACzB,UAAU,GAAGA,EAAK,QAAQ,GAAG;AAAA,MAC7B,UAAU,GAAGA,EAAK,SAAS,GAAG;AAAA,IAAA,GAG1B4B,KAAYhD,KAAaE,EAAE,yBAAyB;AAE1D,WACE,gBAAA+C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKtC;AAAA,QACL,WAAWlC,GAAa,EAAE,WAAAsB,GAAW;AAAA,QACrC,kBAAe;AAAA,QACf,qBAAmBD;AAAA,QAEnB,UAAA;AAAA,UAAA,gBAAAmD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKzC;AAAA,cACL,KAAI;AAAA,cACJ,WAAW7B,GAAgB,EAAE,UAAU,EAAQkB,GAAW;AAAA,cAE1D,UAAA;AAAA,gBAAA,gBAAAqD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAA3D;AAAA,oBACA,KAAAC;AAAA,oBACA,WAAWZ;AAAA,oBACX,QAAQgD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGV,gBAAAsB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKrC;AAAA,oBACL,MAAK;AAAA,oBACL,UAAUhB,IAAW,KAAK;AAAA,oBAC1B,cAAYmD;AAAA,oBACZ,oBAAkB1C;AAAA,oBAClB,iBAAeT,KAAY;AAAA,oBAC3B,WAAWhB;AAAA,oBAEX,OAAOkE;AAAA,oBACP,eAAeb;AAAA,oBACf,eAAeG;AAAA,oBACf,aAAaN;AAAA,oBACb,iBAAiBA;AAAA,oBACjB,WAAWS;AAAA,oBAEV,aAAQ,IAAI,CAAC,EAAE,QAAAtD,GAAQ,KAAAiE,QACtB,gBAAAD;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,eAAY;AAAA,wBACZ,WAAW,GAAGpE,EAAU,IAAIqE,CAAG;AAAA,wBAC/B,eAAe,CAACnB,MAAUI,EAAYJ,GAAO9C,CAAM;AAAA,sBAAA;AAAA,sBAH9CA;AAAA,oBAAA,CAKR;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGF,gBAAA+D,EAAC,OAAA,EAAI,WAAU,yEACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAI5C;AAAA,gBACJ,WAAU;AAAA,gBAET,YAAE,2BAA2B;AAAA,cAAA;AAAA,YAAA;AAAA,YAEhC,gBAAA2C;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,UAAAvD;AAAA,gBACA,SAAS6C;AAAA,gBAET,UAAA;AAAA,kBAAA,gBAAAQ,EAACG,IAAA,EAAU,eAAY,QAAO,WAAU,aAAY;AAAA,kBACnDnD,EAAE,oBAAoB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACzB,GACF;AAAA,UAIA,gBAAAgD,EAAC,KAAA,EAAE,IAAI3C,GAAQ,MAAK,UAAS,aAAU,UAAS,WAAU,cACvD,UAAAL,EAAE,6BAA6B;AAAA,YAC9B,GAAG4C,EAAI;AAAA,YACP,GAAGA,EAAI;AAAA,YACP,OAAOA,EAAI;AAAA,YACX,QAAQA,EAAI;AAAA,UAAA,CACb,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAzD,GAAa,cAAc;"}
+{"version":3,"file":"image-cropper-C84NDTB7.js","sources":["../../src/components/image-cropper/image-cropper.agent.ts","../../src/components/image-cropper/crop-geometry.ts","../../src/components/image-cropper/image-cropper.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ImageCropper.                                          */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract. The crop is a  */\n/* rectangular region pick, so `range_pick` is the closest capability in  */\n/* the closed vocabulary.                                                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ImageCropperHandle } from './image-cropper';\n\nconst RECT_SCHEMA = {\n  type: 'object',\n  properties: {\n    x: { type: 'number', minimum: 0, maximum: 1 },\n    y: { type: 'number', minimum: 0, maximum: 1 },\n    width: { type: 'number', minimum: 0, maximum: 1 },\n    height: { type: 'number', minimum: 0, maximum: 1 },\n  },\n  required: ['x', 'y', 'width', 'height'],\n} as const;\n\nexport const imageCropperAgent: AgentAdapter<ImageCropperHandle> = {\n  id: 'image-cropper',\n  capabilities: ['range_pick'],\n  state: {\n    crop: {\n      type: 'object',\n      descriptionKey: 'ui.agent.imageCropper.state.crop',\n      description:\n        'Current crop rectangle in normalised [0,1] coordinates: { x, y, width, height }.',\n      read: (handle) => handle.getCrop(),\n    },\n  },\n  actions: {\n    set_crop: {\n      safety: 'write',\n      argsType: '{ x: number; y: number; width: number; height: number }',\n      argsSchema: RECT_SCHEMA,\n      idempotent: true,\n      descriptionKey: 'ui.agent.imageCropper.actions.setCrop',\n      description:\n        'Set the crop rectangle (normalised [0,1]). Values are clamped to the image bounds and the minimum crop size.',\n      invoke: (\n        handle,\n        args: { x: number; y: number; width: number; height: number },\n      ) => {\n        handle.setCrop(args);\n      },\n    },\n    reset: {\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.imageCropper.actions.reset',\n      description:\n        'Reset the crop to the centred default for the current aspect.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'image-cropper',\n      description: 'Marks the ImageCropper wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Crop geometry — pure helpers shared by the component + its tests.      */\n/*                                                                        */\n/* A crop is stored in NORMALISED coordinates (0–1) relative to the       */\n/* displayed image box, so it survives responsive resizes and is trivial  */\n/* for a consumer to map onto the natural-resolution bitmap server-side.  */\n/* -------------------------------------------------------------------- */\n\n/** Normalised crop rectangle (each field in the closed interval [0, 1]). */\nexport interface CropRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport const clamp01 = (v: number): number => Math.min(1, Math.max(0, v));\n\n/**\n * Clamp a rectangle so it stays within the unit box and never shrinks below\n * `minSize` on either axis.\n */\nexport function clampRect(rect: CropRect, minSize: number): CropRect {\n  const width = Math.min(1, Math.max(minSize, rect.width));\n  const height = Math.min(1, Math.max(minSize, rect.height));\n  const x = Math.min(1 - width, Math.max(0, rect.x));\n  const y = Math.min(1 - height, Math.max(0, rect.y));\n  return { x, y, width, height };\n}\n\n/**\n * Coerce a rectangle's height to honour a pixel aspect ratio\n * (`width_px / height_px`), anchored at its top-inline-start corner. `boxW` /\n * `boxH` are the displayed image box's pixel dimensions. A non-positive aspect\n * or unmeasured box returns the rectangle unchanged.\n */\nexport function applyAspect(\n  rect: CropRect,\n  aspect: number | undefined,\n  boxW: number,\n  boxH: number,\n): CropRect {\n  if (!aspect || aspect <= 0 || boxW <= 0 || boxH <= 0) return rect;\n  // height_norm = (width_norm * boxW / aspect) / boxH\n  const height = (rect.width * boxW) / aspect / boxH;\n  return { ...rect, height };\n}\n\n/** A sensible centred default — an 80% box, aspect-coerced when one is set. */\nexport function defaultCrop(\n  aspect: number | undefined,\n  boxW: number,\n  boxH: number,\n): CropRect {\n  const base: CropRect = { x: 0.1, y: 0.1, width: 0.8, height: 0.8 };\n  const withAspect = applyAspect(base, aspect, boxW, boxH);\n  return clampRect(\n    {\n      ...withAspect,\n      // Re-centre vertically after the aspect coercion.\n      y: Math.max(0, (1 - withAspect.height) / 2),\n    },\n    0.05,\n  );\n}\n\n/** Round each field to whole percentages — used for the live-region readout. */\nexport function toPercent(rect: CropRect): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  return {\n    x: Math.round(rect.x * 100),\n    y: Math.round(rect.y * 100),\n    width: Math.round(rect.width * 100),\n    height: Math.round(rect.height * 100),\n  };\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { RotateCcw } from 'lucide-react';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { Button } from '../button';\nimport { imageCropperAgent } from './image-cropper.agent';\nimport {\n  applyAspect,\n  clampRect,\n  defaultCrop,\n  toPercent,\n  type CropRect,\n} from './crop-geometry';\n\n/** Agent-readiness curated handle for ImageCropper. */\nexport interface ImageCropperHandle {\n  getCrop: () => CropRect;\n  setCrop: (rect: CropRect) => void;\n  reset: () => void;\n  focus: () => void;\n}\n\nexport interface ImageCropperProps {\n  /** Source of the image to crop (object URL, data URL, or remote src). */\n  src: string;\n  /** Accessible description of the image being cropped (consumer-supplied). */\n  alt: string;\n  /** Pixel aspect ratio (width / height) to lock the crop to. Omit for free-form. */\n  aspect?: number;\n  /** Controlled crop rect in normalised [0,1] coordinates. Pair with onChange. */\n  value?: CropRect;\n  /** Uncontrolled initial crop rect. */\n  defaultValue?: CropRect;\n  /** Fires with the new normalised crop rect on every move/resize. */\n  onChange?: (rect: CropRect) => void;\n  /** Smallest crop edge as a fraction of the image (default 0.1). */\n  minSize?: number;\n  /** Normalised step applied per arrow-key press (default 0.02). */\n  keyboardStep?: number;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\ntype Corner = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n\ninterface DragState {\n  mode: 'move' | 'resize';\n  corner?: Corner;\n  pointerX: number;\n  pointerY: number;\n  start: CropRect;\n  boxW: number;\n  boxH: number;\n}\n\nconst rootVariants = cva(\n  ['ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]'].join(' '),\n);\n\n// dir=\"ltr\" on the crop surface: the crop rectangle lives in IMAGE-BITMAP\n// space (a physical x/y offset into the picture), never document text flow, so\n// `inset-inline-*` resolves to physical left/top here — the same value-space\n// rationale the kit's numeric inputs use for their `dir=\"ltr\"`. The crop is\n// never mirrored under an RTL UI.\n//\n// The disabled cue dims ONLY the image surface (no text lives here), never the\n// helper/Reset text — dimming text would drop it below the contrast floor.\nconst surfaceVariants = cva(\n  'ds:relative ds:inline-block ds:max-w-full ds:overflow-hidden ds:rounded-[var(--radius-md)] ds:bg-[var(--muted)] ds:select-none ds:touch-none',\n  {\n    variants: {\n      disabled: {\n        true: 'ds:opacity-60 ds:pointer-events-none',\n        false: '',\n      },\n    },\n    defaultVariants: { disabled: false },\n  },\n);\n\nconst imageClass = 'ds:block ds:max-w-full ds:h-auto ds:pointer-events-none';\n\nconst cropBoxClass = [\n  'ds:absolute ds:box-border ds:cursor-move',\n  'ds:border-2 ds:border-[color:var(--ring)]',\n  'ds:shadow-[var(--shadow-md)]',\n  'ds:[inset-inline-start:var(--ic-x)] ds:[inset-block-start:var(--ic-y)]',\n  'ds:[inline-size:var(--ic-w)] ds:[block-size:var(--ic-h)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n].join(' ');\n\nconst handleBase =\n  'ds:absolute ds:size-[var(--spacing-md)] ds:rounded-full ds:bg-[var(--ring)] ds:border-2 ds:border-[color:var(--background)]';\n\nconst HANDLES: Array<{ corner: Corner; cls: string }> = [\n  {\n    corner: 'top-start',\n    cls: 'ds:[inset-block-start:0] ds:[inset-inline-start:0]',\n  },\n  {\n    corner: 'top-end',\n    cls: 'ds:[inset-block-start:0] ds:[inset-inline-end:0]',\n  },\n  {\n    corner: 'bottom-start',\n    cls: 'ds:[inset-block-end:0] ds:[inset-inline-start:0]',\n  },\n  {\n    corner: 'bottom-end',\n    cls: 'ds:[inset-block-end:0] ds:[inset-inline-end:0]',\n  },\n];\n\nfunction resizeByCorner(\n  start: CropRect,\n  corner: Corner,\n  dxN: number,\n  dyN: number,\n): CropRect {\n  switch (corner) {\n    case 'top-start':\n      return {\n        x: start.x + dxN,\n        y: start.y + dyN,\n        width: start.width - dxN,\n        height: start.height - dyN,\n      };\n    case 'top-end':\n      return {\n        x: start.x,\n        y: start.y + dyN,\n        width: start.width + dxN,\n        height: start.height - dyN,\n      };\n    case 'bottom-start':\n      return {\n        x: start.x + dxN,\n        y: start.y,\n        width: start.width - dxN,\n        height: start.height + dyN,\n      };\n    case 'bottom-end':\n    default:\n      return {\n        x: start.x,\n        y: start.y,\n        width: start.width + dxN,\n        height: start.height + dyN,\n      };\n  }\n}\n\nexport const ImageCropper = forwardRef<HTMLDivElement, ImageCropperProps>(\n  function ImageCropper(\n    {\n      src,\n      alt,\n      aspect,\n      value,\n      defaultValue,\n      onChange,\n      minSize = 0.1,\n      keyboardStep = 0.02,\n      disabled,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const reactId = useId();\n    const instructionsId = `${reactId}-instructions`;\n    const liveId = `${reactId}-live`;\n\n    const surfaceRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const composedRootRef = composeRefs(ref, rootRef);\n    const cropBoxRef = useRef<HTMLDivElement | null>(null);\n    const dragRef = useRef<DragState | null>(null);\n    const touchedRef = useRef(false);\n\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<CropRect>(() =>\n      clampRect(defaultValue ?? defaultCrop(aspect, 0, 0), minSize),\n    );\n    const crop = isControlled\n      ? clampRect(value as CropRect, minSize)\n      : internal;\n\n    const commit = useCallback(\n      (next: CropRect) => {\n        touchedRef.current = true;\n        const clamped = clampRect(next, minSize);\n        if (!isControlled) setInternal(clamped);\n        onChange?.(clamped);\n      },\n      [isControlled, minSize, onChange],\n    );\n\n    const surfaceSize = (): { w: number; h: number } => {\n      const r = surfaceRef.current?.getBoundingClientRect();\n      return { w: r?.width ?? 0, h: r?.height ?? 0 };\n    };\n\n    // Re-centre / aspect-fit once the image lays out, but only while the crop\n    // is still the untouched default in uncontrolled mode.\n    const handleImageLoad = () => {\n      if (touchedRef.current || isControlled || defaultValue) return;\n      const { w, h } = surfaceSize();\n      setInternal(defaultCrop(aspect, w, h));\n    };\n\n    const endDrag = (event: ReactPointerEvent<HTMLElement>) => {\n      dragRef.current = null;\n      const el = event.currentTarget;\n      if (el.hasPointerCapture?.(event.pointerId)) {\n        el.releasePointerCapture(event.pointerId);\n      }\n    };\n\n    const startMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const { w, h } = surfaceSize();\n      dragRef.current = {\n        mode: 'move',\n        pointerX: event.clientX,\n        pointerY: event.clientY,\n        start: crop,\n        boxW: w,\n        boxH: h,\n      };\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    };\n\n    const startResize = (\n      event: ReactPointerEvent<HTMLSpanElement>,\n      corner: Corner,\n    ) => {\n      if (disabled) return;\n      event.stopPropagation();\n      const { w, h } = surfaceSize();\n      dragRef.current = {\n        mode: 'resize',\n        corner,\n        pointerX: event.clientX,\n        pointerY: event.clientY,\n        start: crop,\n        boxW: w,\n        boxH: h,\n      };\n      // Capture on the crop box so move/up keep flowing while dragging a handle.\n      cropBoxRef.current?.setPointerCapture?.(event.pointerId);\n    };\n\n    const handlePointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag || drag.boxW <= 0 || drag.boxH <= 0) return;\n      const dxN = (event.clientX - drag.pointerX) / drag.boxW;\n      const dyN = (event.clientY - drag.pointerY) / drag.boxH;\n      if (drag.mode === 'move') {\n        commit({ ...drag.start, x: drag.start.x + dxN, y: drag.start.y + dyN });\n      } else if (drag.corner) {\n        const raw = resizeByCorner(drag.start, drag.corner, dxN, dyN);\n        commit(applyAspect(raw, aspect, drag.boxW, drag.boxH));\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const step = keyboardStep;\n      const { w, h } = surfaceSize();\n      let next: CropRect | null = null;\n      if (event.shiftKey) {\n        // Resize from the top-inline-start anchor.\n        if (event.key === 'ArrowRight')\n          next = { ...crop, width: crop.width + step };\n        else if (event.key === 'ArrowLeft')\n          next = { ...crop, width: crop.width - step };\n        else if (event.key === 'ArrowDown')\n          next = { ...crop, height: crop.height + step };\n        else if (event.key === 'ArrowUp')\n          next = { ...crop, height: crop.height - step };\n        if (next) next = applyAspect(next, aspect, w, h);\n      } else {\n        if (event.key === 'ArrowRight') next = { ...crop, x: crop.x + step };\n        else if (event.key === 'ArrowLeft')\n          next = { ...crop, x: crop.x - step };\n        else if (event.key === 'ArrowDown')\n          next = { ...crop, y: crop.y + step };\n        else if (event.key === 'ArrowUp') next = { ...crop, y: crop.y - step };\n      }\n      if (next) {\n        event.preventDefault();\n        commit(next);\n      }\n    };\n\n    const reset = useCallback(() => {\n      const { w, h } = surfaceSize();\n      touchedRef.current = false;\n      const next = defaultCrop(aspect, w, h);\n      if (!isControlled) setInternal(next);\n      onChange?.(next);\n    }, [aspect, isControlled, onChange]);\n\n    const agentHandle = useMemo<ImageCropperHandle>(\n      () => ({\n        getCrop: () => crop,\n        setCrop: (rect) => commit(rect),\n        reset,\n        focus: () => cropBoxRef.current?.focus(),\n      }),\n      [crop, commit, reset],\n    );\n    useAgentRegistration(imageCropperAgent, agentHandle, id);\n\n    const pct = toPercent(crop);\n    const cropStyle = {\n      // Inline style — permitted per 23-constraints §Runtime-computed dimensions\n      //   (CSS custom-property setters; the position/size rules live in CVA).\n      '--ic-x': `${crop.x * 100}%`,\n      '--ic-y': `${crop.y * 100}%`,\n      '--ic-w': `${crop.width * 100}%`,\n      '--ic-h': `${crop.height * 100}%`,\n    } as CSSProperties;\n\n    const cropLabel = ariaLabel ?? t('imageCropper.cropRegion');\n\n    return (\n      <div\n        ref={composedRootRef}\n        className={rootVariants({ className })}\n        data-component=\"image-cropper\"\n        data-component-id={id}\n      >\n        <div\n          ref={surfaceRef}\n          dir=\"ltr\"\n          className={surfaceVariants({ disabled: Boolean(disabled) })}\n        >\n          <img\n            src={src}\n            alt={alt}\n            className={imageClass}\n            onLoad={handleImageLoad}\n          />\n          {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- crop box is a keyboard-operable adjustable region (arrows move, Shift+arrows resize) with an accessible name + instructions; pointer/keydown handlers are intentional (cf. resizable separator) */}\n          <div\n            ref={cropBoxRef}\n            role=\"group\"\n            tabIndex={disabled ? -1 : 0}\n            aria-label={cropLabel}\n            aria-describedby={instructionsId}\n            aria-disabled={disabled || undefined}\n            className={cropBoxClass}\n            // eslint-disable-next-line react/forbid-dom-props -- runtime-computed crop geometry injected via --ic-x/y/w/h CSS variables (23-constraints §Runtime-computed dimensions); the inset/size rules live in the cropBox className\n            style={cropStyle}\n            onPointerDown={startMove}\n            onPointerMove={handlePointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={handleKeyDown}\n          >\n            {HANDLES.map(({ corner, cls }) => (\n              <span\n                key={corner}\n                aria-hidden=\"true\"\n                className={`${handleBase} ${cls}`}\n                onPointerDown={(event) => startResize(event, corner)}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <p\n            id={instructionsId}\n            className=\"type-body-sm ds:text-muted-foreground\"\n          >\n            {t('imageCropper.instructions')}\n          </p>\n          <Button\n            type=\"button\"\n            intent=\"outline\"\n            size=\"sm\"\n            disabled={disabled}\n            onClick={reset}\n          >\n            <RotateCcw aria-hidden=\"true\" className=\"ds:size-4\" />\n            {t('imageCropper.reset')}\n          </Button>\n        </div>\n\n        {/* Polite live region: announces the crop geometry as text so the\n            verdict is never conveyed by the visual box alone. */}\n        <p id={liveId} role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {t('imageCropper.announcement', {\n            x: pct.x,\n            y: pct.y,\n            width: pct.width,\n            height: pct.height,\n          })}\n        </p>\n      </div>\n    );\n  },\n);\n\nImageCropper.displayName = 'ImageCropper';\n"],"names":["RECT_SCHEMA","imageCropperAgent","handle","args","clamp01","v","clampRect","rect","minSize","width","height","x","applyAspect","aspect","boxW","boxH","defaultCrop","withAspect","toPercent","rootVariants","cva","surfaceVariants","imageClass","cropBoxClass","handleBase","HANDLES","resizeByCorner","start","corner","dxN","dyN","ImageCropper","forwardRef","src","alt","value","defaultValue","onChange","keyboardStep","disabled","id","className","ariaLabel","ref","t","useTranslation","reactId","useId","instructionsId","liveId","surfaceRef","useRef","rootRef","composedRootRef","composeRefs","cropBoxRef","dragRef","touchedRef","isControlled","internal","setInternal","useState","crop","commit","useCallback","next","clamped","surfaceSize","r","_a","handleImageLoad","w","h","endDrag","event","el","startMove","_b","startResize","handlePointerMove","drag","raw","handleKeyDown","step","reset","agentHandle","useMemo","useAgentRegistration","pct","cropStyle","cropLabel","jsxs","jsx","cls","Button","RotateCcw"],"mappings":"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"}

package/dist/_chunks/{info-tip-C4mPSJbS.js → info-tip-C119cwQl.js}

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as i } from "react/jsx-runtime";
 import { forwardRef as I, useState as O, useRef as m, useEffect as k, useMemo as z } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as D } from "react-i18next";
-import { P as o } from "./popover-Btj6N25H.js";
+import { P as o } from "./popover-Cqcjx-Ny.js";
 import { u as P } from "./registry-DvAUVLHh.js";
 import { I as A } from "./info-CGn22peZ.js";
 const R = {
@@ -163,4 +163,4 @@ export {
   j as I,
   R as i
 };
-//# sourceMappingURL=info-tip-C4mPSJbS.js.map
+//# sourceMappingURL=info-tip-C119cwQl.js.map

package/dist/_chunks/{info-tip-C4mPSJbS.js.map → info-tip-C119cwQl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"info-tip-C4mPSJbS.js","sources":["../../src/components/info-tip/info-tip.agent.ts","../../src/components/info-tip/info-tip.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { InfoTipHandle } from './info-tip';\n\nexport const infoTipAgent: AgentAdapter<InfoTipHandle> = {\n  id: 'info-tip',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.infoTip.state.isOpen',\n      description: 'True when the info tip card is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.open',\n      description: 'Open the info tip card.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.close',\n      description: 'Close the info tip card.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'info-tip',\n      description: 'Marks the InfoTip trigger button.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on InfoTip.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Info } from 'lucide-react';\nimport { Popover } from '../popover';\nimport { useAgentRegistration } from '../../agent';\nimport { infoTipAgent } from './info-tip.agent';\n\n/* -------------------------------------------------------------------- */\n/* Trigger — a small circular, branded affordance: card surface inside   */\n/* the circle, accent ring + accent \"i\" glyph, and a soft drop shadow.   */\n/* The accent alias is safe here: `--accent` resolves to magenta-700 in  */\n/* light mode (the AA-safe interactive step) and the dark accent on dark */\n/* surfaces — never reference a raw magenta ramp step.                   */\n/* -------------------------------------------------------------------- */\n\nconst infoTipTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[var(--card)]',\n    'ds:text-[var(--accent)]',\n    // Single ring: the Lucide Info glyph draws its own accent circle, so the\n    // trigger carries NO CSS border of its own (a border would read as a\n    // second, concentric ring). The white circle comes from `bg-card` showing\n    // through the glyph, lifted by the drop shadow.\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:cursor-pointer',\n    'ds:transition-[color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:hover:text-[var(--accent-hover)] ds:hover:shadow-[var(--shadow-md)]',\n    'ds:data-[state=open]:text-[var(--accent-hover)] ds:data-[state=open]:shadow-[var(--shadow-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // Both diameters sit below `--min-target-size` (44/48px), so each\n        // re-uses IconButton's invisible `::before` hit-area expansion to a\n        // full touch target on touch / small screens. From the `sm:`\n        // breakpoint up the pointer is precise, so the expansion relaxes —\n        // but the interactive target must never fall below WCAG 2.5.8's 24px:\n        //   • md (24px visual) already meets the 24px floor, so its `::before`\n        //     is hidden on desktop and the 24px circle IS the target.\n        //   • sm (20px visual) would fall to 20px if hidden — below the floor\n        //     — so instead of hiding, its `::before` shrinks to a persistent\n        //     `--spacing-lg` (24px) minimum that holds on desktop too.\n        sm: 'ds:w-5 ds:h-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:inset-x-[calc((var(--spacing-lg)-100%)/-2)] ds:sm:before:inset-y-[calc((var(--spacing-lg)-100%)/-2)]',\n        md: 'ds:w-6 ds:h-6 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see info-tip.agent.ts.\nexport interface InfoTipHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface InfoTipProps {\n  /** Body of the tip — explanatory text shown in the floating card. */\n  content: ReactNode;\n  /** Optional heading rendered above the body. */\n  heading?: ReactNode;\n  /**\n   * Trigger diameter. Also maps the floating card width:\n   * `sm` → `--popover-size-sm`, `md` → `--popover-size-md`.\n   */\n  size?: 'sm' | 'md';\n  /** Logical side the card opens on. Default `'top'`. */\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  /** Alignment along the side axis. Default `'center'`. */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Accessible name for the trigger. Defaults to the translated\n   * \"More information\" chrome string.\n   */\n  'aria-label'?: string;\n  /**\n   * Opaque instance id — emitted as `data-component-id` on the trigger and\n   * used to register the instance with the host agent registry.\n   */\n  id?: string;\n  /** Extra classes merged onto the trigger button. */\n  className?: string;\n}\n\n/**\n * InfoTip — a deliberate, branded \"more information\" affordance: a small\n * circular trigger that reveals an explanatory card on hover **and** click\n * (click also serves touch devices). Composes the kit Popover in\n * `openOn=\"hover-or-click\"` mode — hover intent, keyboard focus, Escape and\n * focus-return are all handled by the Popover/Radix layer.\n */\nexport const InfoTip = forwardRef<HTMLButtonElement, InfoTipProps>(\n  (\n    {\n      content,\n      heading,\n      size = 'md',\n      side = 'top',\n      align = 'center',\n      'aria-label': ariaLabelProp,\n      id,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n\n    // Agent handle.\n    const openRef = useRef(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const agentHandle = useMemo<InfoTipHandle>(\n      () => ({\n        getIsOpen: () => openRef.current,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [],\n    );\n    useAgentRegistration(infoTipAgent, agentHandle, id);\n\n    // Press bookkeeping. In hover-or-click mode the Popover opens as soon as\n    // the trigger receives focus — which happens on pointerdown, BEFORE the\n    // click event that Radix uses to toggle. Without intervention every\n    // click/tap on a closed tip opens it (focus) and instantly toggles it\n    // closed again (click). So each press (pointerdown, or Enter/Space)\n    // snapshots the open state and the click handler consumes it: if the\n    // press itself opened the card, swallow Radix's toggle so the card stays\n    // open; if it was already open, let the toggle close it.\n    //\n    // `null` means \"no press recorded for this click\" — an orphan click\n    // (programmatic .click(), or assistive tech dispatching click with no\n    // pointer/key event). Those must fall through to Radix's default toggle\n    // rather than read a stale snapshot, so the guard treats `null` as\n    // \"don't suppress\" and every click clears the snapshot back to `null`.\n    const pressStateRef = useRef<boolean | null>(null);\n    const handlePressStart = () => {\n      pressStateRef.current = openRef.current;\n    };\n\n    const ariaLabel =\n      ariaLabelProp ?? t('infoTip.triggerLabel', 'More information');\n\n    return (\n      <Popover openOn=\"hover-or-click\" open={open} onOpenChange={setOpen}>\n        <Popover.Trigger\n          ref={ref}\n          aria-label={ariaLabel}\n          className={infoTipTriggerVariants({ size, className })}\n          data-component=\"info-tip\"\n          data-component-id={id}\n          onPointerDown={handlePressStart}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              handlePressStart();\n            }\n          }}\n          onClick={(event) => {\n            // Consume this click's press snapshot. A genuine pointer/keyboard\n            // press recorded `false`/`true` on press-start; an orphan click\n            // with no preceding pointerdown/keydown finds `null` and is left\n            // to Radix's default toggle.\n            const wasOpenAtPressStart = pressStateRef.current;\n            pressStateRef.current = null;\n            if (wasOpenAtPressStart === false && openRef.current) {\n              // This press opened the card via focus — keep it open and\n              // skip Radix's click toggle.\n              event.preventDefault();\n            }\n          }}\n        >\n          <Info\n            aria-hidden=\"true\"\n            // Fills the circle so the glyph's own ring IS the trigger's\n            // visible edge and the drop shadow hugs it.\n            className={size === 'sm' ? 'ds:size-5' : 'ds:size-6'}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={side}\n          align={align}\n          size={size === 'sm' ? 'sm' : 'md'}\n          // The card is a Radix `role=\"dialog\"` surface, which axe requires\n          // to have an accessible name (aria-dialog-name). With a heading,\n          // Popover wires aria-labelledby; without one, fall back to the\n          // trigger's label.\n          aria-label={heading == null ? ariaLabel : undefined}\n          // Toggletip focus contract: the card is explanatory text, never\n          // interactive, so focus stays on the trigger for the whole\n          // open/close cycle. Preventing the open move also keeps Escape\n          // reliable — if Radix pulled focus into the card, closing would\n          // refocus the trigger and re-fire the hover-mode focus handler,\n          // reopening the card it just closed. Preventing the close move\n          // keeps an unhover-close from stealing focus mid-task.\n          onOpenAutoFocus={(event) => event.preventDefault()}\n          onCloseAutoFocus={(event) => event.preventDefault()}\n        >\n          {heading != null && <Popover.Heading>{heading}</Popover.Heading>}\n          <Popover.Description>{content}</Popover.Description>\n        </Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nInfoTip.displayName = 'InfoTip';\n"],"names":["infoTipAgent","handle","infoTipTriggerVariants","cva","InfoTip","forwardRef","content","heading","size","side","align","ariaLabelProp","id","className","ref","t","useTranslation","open","setOpen","useState","openRef","useRef","useEffect","agentHandle","useMemo","useAgentRegistration","pressStateRef","handlePressStart","ariaLabel","Popover","jsx","event","wasOpenAtPressStart","Info","jsxs"],"mappings":";;;;;;;AAGO,MAAMA,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,OAAO;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,EACrC;AAAA,EAEF,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,KAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCvBMC,IAAyBC;AAAA,EAC7B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GA4CaC,IAAUC;AAAA,EACrB,CACE;AAAA,IACE,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,cAAcC;AAAA,IACd,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAGhCC,IAAUC,EAAOJ,CAAI;AAC3B,IAAAK,EAAU,MAAM;AACd,MAAAF,EAAQ,UAAUH;AAAA,IACpB,GAAG,CAACA,CAAI,CAAC;AAET,UAAMM,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,WAAW,MAAMJ,EAAQ;AAAA,QACzB,MAAM,MAAMF,EAAQ,EAAI;AAAA,QACxB,OAAO,MAAMA,EAAQ,EAAK;AAAA,MAAA;AAAA,MAE5B,CAAA;AAAA,IAAC;AAEH,IAAAO,EAAqBzB,GAAcuB,GAAaX,CAAE;AAgBlD,UAAMc,IAAgBL,EAAuB,IAAI,GAC3CM,IAAmB,MAAM;AAC7B,MAAAD,EAAc,UAAUN,EAAQ;AAAA,IAClC,GAEMQ,IACJjB,KAAiBI,EAAE,wBAAwB,kBAAkB;AAE/D,6BACGc,GAAA,EAAQ,QAAO,kBAAiB,MAAAZ,GAAY,cAAcC,GACzD,UAAA;AAAA,MAAA,gBAAAY;AAAA,QAACD,EAAQ;AAAA,QAAR;AAAA,UACC,KAAAf;AAAA,UACA,cAAYc;AAAA,UACZ,WAAW1B,EAAuB,EAAE,MAAAM,GAAM,WAAAK,GAAW;AAAA,UACrD,kBAAe;AAAA,UACf,qBAAmBD;AAAA,UACnB,eAAee;AAAA,UACf,WAAW,CAACI,MAAU;AACpB,aAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,QACzCJ,EAAA;AAAA,UAEJ;AAAA,UACA,SAAS,CAACI,MAAU;AAKlB,kBAAMC,IAAsBN,EAAc;AAC1C,YAAAA,EAAc,UAAU,MACpBM,MAAwB,MAASZ,EAAQ,WAG3CW,EAAM,eAAA;AAAA,UAEV;AAAA,UAEA,UAAA,gBAAAD;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cAGZ,WAAWzB,MAAS,OAAO,cAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,MAEF,gBAAA0B;AAAA,QAACL,EAAQ;AAAA,QAAR;AAAA,UACC,MAAApB;AAAA,UACA,OAAAC;AAAA,UACA,MAAMF,MAAS,OAAO,OAAO;AAAA,UAK7B,cAAYD,KAAW,OAAOqB,IAAY;AAAA,UAQ1C,iBAAiB,CAACG,MAAUA,EAAM,eAAA;AAAA,UAClC,kBAAkB,CAACA,MAAUA,EAAM,eAAA;AAAA,UAElC,UAAA;AAAA,YAAAxB,KAAW,QAAQ,gBAAAuB,EAACD,EAAQ,SAAR,EAAiB,UAAAtB,GAAQ;AAAA,YAC9C,gBAAAuB,EAACD,EAAQ,aAAR,EAAqB,UAAAvB,EAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACF;AAAA,EAEJ;AACF;AAEAF,EAAQ,cAAc;"}
+{"version":3,"file":"info-tip-C119cwQl.js","sources":["../../src/components/info-tip/info-tip.agent.ts","../../src/components/info-tip/info-tip.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { InfoTipHandle } from './info-tip';\n\nexport const infoTipAgent: AgentAdapter<InfoTipHandle> = {\n  id: 'info-tip',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.infoTip.state.isOpen',\n      description: 'True when the info tip card is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.open',\n      description: 'Open the info tip card.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.infoTip.actions.close',\n      description: 'Close the info tip card.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'info-tip',\n      description: 'Marks the InfoTip trigger button.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on InfoTip.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Info } from 'lucide-react';\nimport { Popover } from '../popover';\nimport { useAgentRegistration } from '../../agent';\nimport { infoTipAgent } from './info-tip.agent';\n\n/* -------------------------------------------------------------------- */\n/* Trigger — a small circular, branded affordance: card surface inside   */\n/* the circle, accent ring + accent \"i\" glyph, and a soft drop shadow.   */\n/* The accent alias is safe here: `--accent` resolves to magenta-700 in  */\n/* light mode (the AA-safe interactive step) and the dark accent on dark */\n/* surfaces — never reference a raw magenta ramp step.                   */\n/* -------------------------------------------------------------------- */\n\nconst infoTipTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[var(--card)]',\n    'ds:text-[var(--accent)]',\n    // Single ring: the Lucide Info glyph draws its own accent circle, so the\n    // trigger carries NO CSS border of its own (a border would read as a\n    // second, concentric ring). The white circle comes from `bg-card` showing\n    // through the glyph, lifted by the drop shadow.\n    'ds:shadow-[var(--shadow-sm)]',\n    'ds:cursor-pointer',\n    'ds:transition-[color,box-shadow] ds:motion-reduce:transition-none',\n    'ds:hover:text-[var(--accent-hover)] ds:hover:shadow-[var(--shadow-md)]',\n    'ds:data-[state=open]:text-[var(--accent-hover)] ds:data-[state=open]:shadow-[var(--shadow-md)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // Both diameters sit below `--min-target-size` (44/48px), so each\n        // re-uses IconButton's invisible `::before` hit-area expansion to a\n        // full touch target on touch / small screens. From the `sm:`\n        // breakpoint up the pointer is precise, so the expansion relaxes —\n        // but the interactive target must never fall below WCAG 2.5.8's 24px:\n        //   • md (24px visual) already meets the 24px floor, so its `::before`\n        //     is hidden on desktop and the 24px circle IS the target.\n        //   • sm (20px visual) would fall to 20px if hidden — below the floor\n        //     — so instead of hiding, its `::before` shrinks to a persistent\n        //     `--spacing-lg` (24px) minimum that holds on desktop too.\n        sm: 'ds:w-5 ds:h-5 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:inset-x-[calc((var(--spacing-lg)-100%)/-2)] ds:sm:before:inset-y-[calc((var(--spacing-lg)-100%)/-2)]',\n        md: 'ds:w-6 ds:h-6 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// Curated agent-readiness handle — see info-tip.agent.ts.\nexport interface InfoTipHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface InfoTipProps {\n  /** Body of the tip — explanatory text shown in the floating card. */\n  content: ReactNode;\n  /** Optional heading rendered above the body. */\n  heading?: ReactNode;\n  /**\n   * Trigger diameter. Also maps the floating card width:\n   * `sm` → `--popover-size-sm`, `md` → `--popover-size-md`.\n   */\n  size?: 'sm' | 'md';\n  /** Logical side the card opens on. Default `'top'`. */\n  side?: 'start' | 'top' | 'end' | 'bottom';\n  /** Alignment along the side axis. Default `'center'`. */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Accessible name for the trigger. Defaults to the translated\n   * \"More information\" chrome string.\n   */\n  'aria-label'?: string;\n  /**\n   * Opaque instance id — emitted as `data-component-id` on the trigger and\n   * used to register the instance with the host agent registry.\n   */\n  id?: string;\n  /** Extra classes merged onto the trigger button. */\n  className?: string;\n}\n\n/**\n * InfoTip — a deliberate, branded \"more information\" affordance: a small\n * circular trigger that reveals an explanatory card on hover **and** click\n * (click also serves touch devices). Composes the kit Popover in\n * `openOn=\"hover-or-click\"` mode — hover intent, keyboard focus, Escape and\n * focus-return are all handled by the Popover/Radix layer.\n */\nexport const InfoTip = forwardRef<HTMLButtonElement, InfoTipProps>(\n  (\n    {\n      content,\n      heading,\n      size = 'md',\n      side = 'top',\n      align = 'center',\n      'aria-label': ariaLabelProp,\n      id,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [open, setOpen] = useState(false);\n\n    // Agent handle.\n    const openRef = useRef(open);\n    useEffect(() => {\n      openRef.current = open;\n    }, [open]);\n\n    const agentHandle = useMemo<InfoTipHandle>(\n      () => ({\n        getIsOpen: () => openRef.current,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [],\n    );\n    useAgentRegistration(infoTipAgent, agentHandle, id);\n\n    // Press bookkeeping. In hover-or-click mode the Popover opens as soon as\n    // the trigger receives focus — which happens on pointerdown, BEFORE the\n    // click event that Radix uses to toggle. Without intervention every\n    // click/tap on a closed tip opens it (focus) and instantly toggles it\n    // closed again (click). So each press (pointerdown, or Enter/Space)\n    // snapshots the open state and the click handler consumes it: if the\n    // press itself opened the card, swallow Radix's toggle so the card stays\n    // open; if it was already open, let the toggle close it.\n    //\n    // `null` means \"no press recorded for this click\" — an orphan click\n    // (programmatic .click(), or assistive tech dispatching click with no\n    // pointer/key event). Those must fall through to Radix's default toggle\n    // rather than read a stale snapshot, so the guard treats `null` as\n    // \"don't suppress\" and every click clears the snapshot back to `null`.\n    const pressStateRef = useRef<boolean | null>(null);\n    const handlePressStart = () => {\n      pressStateRef.current = openRef.current;\n    };\n\n    const ariaLabel =\n      ariaLabelProp ?? t('infoTip.triggerLabel', 'More information');\n\n    return (\n      <Popover openOn=\"hover-or-click\" open={open} onOpenChange={setOpen}>\n        <Popover.Trigger\n          ref={ref}\n          aria-label={ariaLabel}\n          className={infoTipTriggerVariants({ size, className })}\n          data-component=\"info-tip\"\n          data-component-id={id}\n          onPointerDown={handlePressStart}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              handlePressStart();\n            }\n          }}\n          onClick={(event) => {\n            // Consume this click's press snapshot. A genuine pointer/keyboard\n            // press recorded `false`/`true` on press-start; an orphan click\n            // with no preceding pointerdown/keydown finds `null` and is left\n            // to Radix's default toggle.\n            const wasOpenAtPressStart = pressStateRef.current;\n            pressStateRef.current = null;\n            if (wasOpenAtPressStart === false && openRef.current) {\n              // This press opened the card via focus — keep it open and\n              // skip Radix's click toggle.\n              event.preventDefault();\n            }\n          }}\n        >\n          <Info\n            aria-hidden=\"true\"\n            // Fills the circle so the glyph's own ring IS the trigger's\n            // visible edge and the drop shadow hugs it.\n            className={size === 'sm' ? 'ds:size-5' : 'ds:size-6'}\n          />\n        </Popover.Trigger>\n        <Popover.Content\n          side={side}\n          align={align}\n          size={size === 'sm' ? 'sm' : 'md'}\n          // The card is a Radix `role=\"dialog\"` surface, which axe requires\n          // to have an accessible name (aria-dialog-name). With a heading,\n          // Popover wires aria-labelledby; without one, fall back to the\n          // trigger's label.\n          aria-label={heading == null ? ariaLabel : undefined}\n          // Toggletip focus contract: the card is explanatory text, never\n          // interactive, so focus stays on the trigger for the whole\n          // open/close cycle. Preventing the open move also keeps Escape\n          // reliable — if Radix pulled focus into the card, closing would\n          // refocus the trigger and re-fire the hover-mode focus handler,\n          // reopening the card it just closed. Preventing the close move\n          // keeps an unhover-close from stealing focus mid-task.\n          onOpenAutoFocus={(event) => event.preventDefault()}\n          onCloseAutoFocus={(event) => event.preventDefault()}\n        >\n          {heading != null && <Popover.Heading>{heading}</Popover.Heading>}\n          <Popover.Description>{content}</Popover.Description>\n        </Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nInfoTip.displayName = 'InfoTip';\n"],"names":["infoTipAgent","handle","infoTipTriggerVariants","cva","InfoTip","forwardRef","content","heading","size","side","align","ariaLabelProp","id","className","ref","t","useTranslation","open","setOpen","useState","openRef","useRef","useEffect","agentHandle","useMemo","useAgentRegistration","pressStateRef","handlePressStart","ariaLabel","Popover","jsx","event","wasOpenAtPressStart","Info","jsxs"],"mappings":"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"}

package/dist/_chunks/{insert-result-98J1QEp7.js → insert-result-LCNTskNJ.js}

@@ -2,7 +2,7 @@ import { jsxs as P, jsx as g } from "react/jsx-runtime";
 import { forwardRef as ht, useRef as St } from "react";
 import { useTranslation as Dt } from "react-i18next";
 import { c as Nt } from "./index-D2ZczOXr.js";
-import { B as Gt } from "./button-BvNtqHAS.js";
+import { B as Gt } from "./button-nJaPh_HC.js";
 import { L as Ht } from "./layers-DcAENmsZ.js";
 import { I as Rt } from "./image-B_5MNK0x.js";
 import { T as Pt } from "./type-ggmfVs23.js";
@@ -729,4 +729,4 @@ export {
   En as b,
   Yt as s
 };
-//# sourceMappingURL=insert-result-98J1QEp7.js.map
+//# sourceMappingURL=insert-result-LCNTskNJ.js.map