Update dependency @ark-ui/react to ^5.38.1

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence	Diffend	Pending
@ark-ui/react (source)	^5.36.2 → ^5.38.1					Diff	5.38.2

---

Release Notes

chakra-ui/ark (@​ark-ui/react)

v5.38.1

Compare Source

Fixed

• Fix composeRefs/useComposedRefs not resetting plain callback refs and object refs to null on detach when
  composed alongside a React 19 ref that returns a cleanup function.

v5.38.0

Compare Source

Added

• Added hideMode ('display-none' | 'activity') for how kept-mounted content is hidden when closed. Covers
  presence-based overlays and Collapsible (including Accordion and TreeView).

  • 'display-none' (default): HTML hidden. Effects stay alive.
  • 'activity': React 19 Activity. Effects pause. Applies while
    content stays mounted:

  // applies from the start
  <Dialog.Root hideMode="activity" />
  // applies after the first open (lazyMount only delays the first mount)
  <Dialog.Root lazyMount hideMode="activity" />
  <Collapsible.Root hideMode="activity" />
  <Accordion.Root hideMode="activity" />

  Does not apply when content is unmounted:

  // unmountOnExit removes the tree on close, so hideMode never runs
  <Dialog.Root lazyMount unmountOnExit hideMode="activity" />

• • Number Input: Add largeStep and smallStep props for configurable keyboard stepping. Hold Shift for
    largeStep (defaults to 10 * step), Alt for smallStep (defaults to step / 10). The defaults match the
    previous behavior.

    <NumberInput.Root largeStep={20} smallStep={0.5} />

  • Slider: Add largeStep prop, applied on Shift or PageUp/PageDown (defaults to 10 * step). The default
    matches the previous behavior.
• • Autofocus Control: Add data-autofocus and data-no-autofocus to decide what gets focus when an overlay opens.
    Mark chrome like the close button with data-no-autofocus to skip it, or mark the real target with
    data-autofocus.

    <Dialog.Content>
      <Dialog.CloseTrigger data-no-autofocus>Close</Dialog.CloseTrigger>
      <input data-autofocus />
      <button>Save</button>
    </Dialog.Content>

    Focus goes to initialFocusEl, then [data-autofocus], then the first tabbable element without
    [data-no-autofocus], then the content root.

    Supported in Dialog and Drawer.

  • Focus Trap: Add persistentElements to treat portalled content as part of the trap when it isn't reachable via
    aria-controls/aria-expanded. Pass getters so the elements can be resolved lazily.

    <FocusTrap persistentElements={[() => document.getElementById('toast-region')]} />

  • Image Cropper: getCropData() now returns the exact corners and outputSize of the crop in natural-image
    pixels, so you can hand the region straight to a server-side cropper.
  • Image Cropper: Add maxSize to getCroppedImage() to cap the output dimensions. The crop keeps its aspect
    ratio and scales down to fit.

    const blob = await imageCropper.getCroppedImage({ maxSize: { width: 512, height: 512 } })

Fixed

• Fixed composed refs to keep stable callback refs attached across re-renders.

• Exposed the toast content generic on createToaster so CreateToasterReturn<T> can type custom toast data.

• Fixed Steps RootProvider rendering children twice via both mergedProps and explicit {props.children}.

• • Date Input
    • Type dates using your locale's native numerals (Arabic-Indic ٠-٩, Devanagari ०-९), not just ASCII digits.
    • Fix timezone-naive values (CalendarDate/CalendarDateTime) shifting by your local UTC offset when you pass a
      custom formatter without a timeZone. A wall-clock value now round-trips unchanged.
  • Date Picker
    • Type dates using your locale's native numerals, not just ASCII digits.
    • Reorder dates on blur in range selection, matching the other selection paths.
    • Fix the day view briefly flashing when you close the picker from the month or year view.
    • Fix visibleRangeText returning a stale value when multiple pickers share a visible range. This was also causing
      SSR hydration mismatches.
  • Menu: Fix the context menu flashing at the top-left before positioning. Long-press (touch) context menus no
    longer open stuck at (0,0).
  • Number Input
    • Fix api.setValue throwing when you pass a number and formatOptions is set.
    • Fix Cmd/Ctrl + arrow keys producing values off the step grid.
  • Slider: Fix Cmd/Ctrl + arrow keys producing values off the step grid.
  • Tags Input: Fix native form submit so FormData reflects the current tags. The hidden input used to keep its
    initial value after you added, removed, or cleared tags.
  • Toast: Fix a height flicker when expanding the stack in overlap mode. Heights are now measured without the
    scale transform.
• • Color Picker: Fix the channel input committing a partial value when you press Enter to confirm an IME
    composition.
  • Date Input
    • Fix segment text lagging behind while you type over an already committed date.
    • Fix in-progress edits being dropped while focus catches up after auto-advance. Fast typing and
      ArrowUp/ArrowDown/Home/End now land on the segment you're actually editing.
  • Date Picker
    • Fix disabled and read-only pickers still reacting to cell clicks, the clear trigger, and presets. Read-only
      pickers keep roving-focus navigation; disabled pickers drop out of the tab order.
    • Fix minView, maxView, and defaultView being ignored when resolving the initial view, which was hardcoded to
      day through year.
    • Fix defaultOpen winning over open, so a controlled picker could open against its own prop.
    • Fix maxSelectedDates not being enforced on month and year cells in multiple selection mode.
    • Fix keyboard range selection drifting from pointer behavior. Picking a third date restarts the range, and the
      hover preview updates for Enter, Home, End, and PageUp/PageDown.
    • Fix reopening the calendar with only a start date restarting the range instead of resuming it.
  • Drawer: Fix the backdrop flickering on a controlled close when the open setter is async.
  • Field: Fix Field.Textarea with autoresize dispatching a synthetic input event when you set value
    programmatically, which fed the value back into your framework and broke controlled state.
  • Focus Return: Fix three focus-trap issues you'd hit with overlays.
    • Closing an overlay no longer steals focus back from an element your app focused in the meantime, like a second
      dialog opened right after closing the first.
    • Closing a nested overlay, such as a popover inside a dialog, no longer throws when the outer container has no
      connected focusable element at that moment.
    • The focus ring now shows on the returned-to element after you close with Escape.

    Affects Dialog, Drawer, Popover, and anything else that traps focus.

  • Image Cropper: Fix getCroppedImage() and getCropData() returning a different region from the one you see
    after rotating or flipping the image.
  • Marquee: Fix scroll speed depending on content width. The duration now comes from the content size and the
    actual translation distance, so speed matches real pixel speed even when the content is narrower than the
    viewport.
  • Popover: Fix tabbing out of portalled content looping back into the content when the trigger was the last
    tabbable element on the page. Focus now moves to the next tabbable element after the trigger.
  • Scroll Lock: Fix the scroll lock targeting <body> on layouts where <html> is the real scroll container,
    which meant nothing was locked while an overlay was open.
  • Signature Pad: Fix controlled paths drifting out of sync because the in-progress stroke was appended to
    paths. It now stays in onDraw.currentPath until the stroke ends.
  • Splitter
    • Fix collapsed panels sizing to minSize instead of collapsedSize.
    • Fix keyboard resizing breaking when a resize trigger got focus while hovered.
  • Tour
    • Fix dismissing a tour from a step's effect skipping cleanup, which could miss firing the completed status.
    • Fix a tooltip step's position resetting unexpectedly when the tour closed.
    • Fix a step action with action: "skip" doing nothing when clicked.
  • Solid: Fix a value of null being read as uncontrolled, so controlled components fell back to internal state.
  • Solid, Svelte: Fix machine exit actions running when a component was disposed before the machine started.
  • Vue, Svelte: Fix defaultValue being resolved before value, unlike React and Solid.

v5.37.2

Compare Source

Fixed

• Fix declaration file output paths so published package export maps resolve to existing types.

v5.37.1

Compare Source

Fixed

• • Date Input: Fix segment placeholders for locales with explicit script subtags.
  • Drawer: Fix flickering when a controlled drawer is swiped or backdrop-closed while the open setter is async
    (e.g. the History API or a delayed state update).
  • Image Cropper: Fix getCroppedImage and getCropData returning the wrong region when the image is shown at a
    size different from its natural resolution (e.g. width / height of 100%).
  • Pin Input: Fix data-filled being set on every input on first render.
  • Signature Pad: Fix the dir prop being accepted but never forwarded to the DOM.

v5.37.0

Compare Source

Added

• Floating Components: Add data-side to placement-aware parts so you can style them based on the current placement
  (top, bottom, left, right).

  Affects Color Picker, Combobox, Date Picker, Hover Card, Menu, Popover, Select, Tooltip, and Tour.

• Date Input: Add hideTimeZone prop. When the value is a ZonedDateTime, the timeZoneName segment now renders
  automatically — set hideTimeZone to hide it. Arrow navigation and auto-advance after typing now reach read-only
  focusable segments too.

• Splitter

  • Accept CSS units (px, em, rem, vh, vw) for defaultSize, minSize, and maxSize in addition to
    percentages.

    <Splitter.Root
      panels={[
        { id: 'nav', minSize: '240px', maxSize: '480px' },
        { id: 'main', minSize: 30 },
      ]}
      defaultSize={['240px', '60vw']}
    />

  • Add resizeBehavior per panel. Set to "preserve-pixel-size" to keep a panel's pixel size constant when the parent
    splitter group resizes.

  • Allow non-panel children (toolbars, rails, status bars) inside the splitter root. Use partial trigger ids
    ("left:", ":right") to bind handles around the fixed element.

Fixed

• Accordion: Remove redundant aria-disabled from item triggers.

• Color Picker: Fire onValueChangeEnd when you pick a color with the EyeDropper API — matches the behavior when
  ending a drag on the area or channel sliders.

• Combobox: Stop Enter from submitting the form when an item is highlighted, or when the typed value will be
  rejected by allowCustomValue: false.

• Date Input

  • Preserve entered segments when applying min/max. Values clamp segment-by-segment on blur, so 06/15/1999 with min
    2000-01-01 becomes 06/15/2000 instead of snapping to 01/01/2000.

  • Fix range mode keyboard navigation so ArrowRight moves from the last segment of the start date to the first
    segment of the end date.

  • Fix time-only formatters (no year segment) never firing onValueChange.

  • Fix setSegmentValue reading stale display values.

  • Fix dayPeriod (AM/PM) arrow up/down not updating the visible segment when hourCycle changes at runtime.

  • Fix typing "A" / "P" on the dayPeriod segment not updating the visible AM/PM.

• Date Picker

  • Fix clearing the value not resetting activeIndex and hoveredValue in range mode when input parts are not
    rendered.

  • Fix date input not being writable in locales with multi-character separators (e.g. cs-CZ, sk-SK, hu-HU,
    ko-KR).

  • Fix Firefox issue where the native month/year <select> was not interactive when the picker is inside a modal
    dialog.

  • Fix range selection with outsideDaySelectable: hovering outside-month days no longer changes the visible month;
    hover preview for the end date still updates.

• Dialog, Drawer, Hover Card, Menu, Popover, Tooltip: Fix custom trigger elements (via ids.trigger) being ignored
  when shared across components — e.g. wrapping a Popover.Trigger in a Tooltip with the same id no longer breaks
  positioning. Also fix trigger lookups in shadow root.

• Dialog, Drawer, Popover: Fix dismissable layers losing their pointer-events in Svelte and Vue, where a spread
  update could rewrite the whole style attribute and wipe the value.

• Drawer

  • Fix controlled drawers snapping back open before the close animation when dismissed by swipe.

  • Fix the indent and indent background snapping into place after the close animation instead of transitioning in sync.

  • Fix --drawer-swipe-progress jumping straight to 1 at the start of a dismiss swipe — it now moves smoothly from
    0 (at rest) to 1 (fully dismissed).

  • Fix the drawer freezing mid-drag on release when its content mounts lazily, which left snap points unmeasured.

• React 19 Strict Mode: Fix dialog, drawer, and popover leaving <body> uninteractive (data-scroll-lock,
  data-inert, overflow: hidden, pointer-events: none) after closing.

• Number Input: Fix inconsistent blur behavior when the input is cleared and min is greater than 0.

• Splitter

  • Fix clicking a resize trigger not moving focus to it, which prevented arrow keys from resizing the splitter until it
    was tab-focused (notably on Safari).

  • Fix data-focus being applied on hover — it now only sets when the trigger is actually focused.

• Tabs: Observe the tab list with ResizeObserver so the indicator updates when the list resizes without individual
  tab triggers changing size (e.g. responsive grid reflow).

• Floating Panel: Re-export additional types (ResizeTriggerAxis, Stage, ElementIds, IntlTranslations,
  AnchorPositionDetails, Point, Size) and the resizeTriggerAxes constant from @zag-js/floating-panel.

---

Configuration

📅 Schedule: (UTC)

• Branch creation
  • At any time (no schedule defined)
• Automerge
  • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[github-actions]

GitLab Pipeline Action

General information

Link to pipeline: https://gitlab.com/code0-tech/development/pictor/-/pipelines/2761567047

Status: Passed
Duration: 3 minutes

Job summaries

storybook:build

Storybook available at https://code0-tech.gitlab.io/-/development/pictor/-/jobs/15909912641/artifacts/storybook-static/index.html