Minor Changes

• #10374
  e62bae7
  Thanks @Adebesin-Cell! - Add new
  TagsInput component for entering multiple values as tags with features like
  tag creation, deletion, and keyboard navigation.

  import { Span, TagsInput } from "@chakra-ui/react"
  
  export const TagsInputBasic = () => {
    return (
      <TagsInput.Root defaultValue={["React", "Chakra", "TypeScript"]}>
        <TagsInput.Label>Tags</TagsInput.Label>
        <TagsInput.Control>
          <TagsInput.Items />
          <TagsInput.Input placeholder="Add tag..." />
        </TagsInput.Control>
      </TagsInput.Root>
    )
  }

• bf31e2a
  Thanks @segunadebayo! - - Checkbox

  • Fix issue where setting initial checked state to indeterminate doesn't
    work
  • Ensure api.checkedState returns the correct checked state
  • Collapsible
    • Add support for collapsedHeight and collapsedWidth props to control
      the dimensions of the collapsible content when in its collapsed state
    • Fix issue where dir prop value doesn't get applied correctly
    • Update the recipe styling as needed (when data-has-collapsed-size is
      set)
  • Combobox: Fix issue where controlled single-select combobox does not
    propagate its initial value to inputValue
  • Dialog, Popover: In modal mode, allow elements referenced by
    aria-controls to be included in the focus trap scope
  • Listbox: Fix issue where pressing Enter key when no highlighted item
    still calls event.preventDefault()
  • Number Input: Fix cursor jumping to end when typing in the middle with
    formatOptions like style: "currency"
  • Pagination: Add getPageUrl prop for generating href attributes when
    using pagination as links
  • Pin Input: Fix issue where keyboard shortcuts Cmd+Backspace and
    Cmd+Delete would insert "undefined" instead of clearing the field
  • Scroll Area
    • Fix horizontal scrollbar positioning on Safari in RTL mode
    • Fix issue where resize tracking was not observing the root element
  • Select: Fix accessibility violation where the required state was not set
    correctly on the trigger
  • Slider: Fix issue where slider continues dragging when disabled during
    drag operation
  • Switch: Fix issue where data-active is inconsistently applied when
    disabled state changes at runtime
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator
    positioning

Patch Changes

• e1774c8
  Thanks @segunadebayo! - Expose
  Collapsible.Indicator component to provide visual indicator for collapsible
  state

• f9d66f4
  Thanks @segunadebayo! - - CodeBlock

  • Fix issue in diff mode where the wrong lines were being highlighted
  • Fix highlight.js adapter to properly handle diff attributes for
    added/removed lines

• f26e863
  Thanks @segunadebayo! - - Styled
  System:

  • Fix issue where bracket syntax for responsive styles didn't work in recipe
    variants

  // This now works correctly
  const recipe = defineRecipe({
    variants: {
      variant: {
        primary: {
          color: ["red", "green"], // ✅ Now converts to breakpoints
        },
      },
    },
  })

  • Improve style resolution performance

• #10325
  3e6d1f7
  Thanks @wo-o29! - Fix issue where refs don't
  support cleanup function (React 19 compatibility)

• #10328
  451209e
  Thanks @megos! - fix(table): ensure stickyHeader
  works with outline variant

• 56a4501
  Thanks @segunadebayo! - Timeline: Add
  showLastSeparator variant to control visibility of the last separator

Patch Changes

• #10368
  62260a5
  Thanks @tioluwani94! - Pro Blocks: Allow
  CLI to read new documentation blocks filtering

Minor Changes

• 16fb3cc
  Thanks @segunadebayo! - Enhanced
  composition types with comprehensive CSS property support

  Text Style Properties: Added these properties to theme.textStyles:

  • Basic properties (color, direction, font, fontFamily,
    fontFeatureSettings, fontKerning, fontLanguageOverride,
    fontOpticalSizing, fontPalette)
  • Typography properties (hangingPunctuation, hyphens,
    hyphenateCharacter, hyphenateLimitChars, lineBreak, quotes,
    overflowWrap, tabSize)
  • Text alignment (textAlign, textAlignLast, textCombineUpright,
    textJustify)
  • Text decoration (textDecorationSkip, textDecorationSkipBox,
    textDecorationSkipInk, textDecorationSkipInset,
    textDecorationThickness, textEmphasis)
  • Text formatting (textShadow, textStroke, textStrokeColor,
    textStrokeWidth, textUnderlineOffset, textUnderlinePosition,
    textWrap, textWrapMode, textWrapStyle)
  • Text layout (unicodeBidi, verticalAlign, whiteSpace, wordBreak,
    wordSpacing, writingMode)

  Layer Style Properties: Added these properties to theme.layerStyles:

  • Layout properties (aspectRatio, display, contain, contentVisibility,
    isolation)
  • Visual effects (clipPath, mixBlendMode, maskClip, maskComposite,
    maskImage, maskMode, maskOrigin, maskPosition, maskRepeat,
    maskSize)
  • Modern properties (objectFit, objectPosition, pointerEvents, resize,
    visibility, willChange)
  • Border properties (borderImage, borderImageOutset, borderImageRepeat,
    borderImageSlice, borderImageSource, borderImageWidth)
  • Overflow properties (overflow, overflowX, overflowY)

Patch Changes

• c741fe9
  Thanks @segunadebayo! - - CodeBlock:
  Fix issue where Line numbers display incorrectly when meta.wordWrap is true
  in code blocks

  • Hover Card: Change default delay values for hover card to improve
    accessibility.
    • openDelay: from 700ms to 600ms
  • Tooltip: Change default delay values for tooltip to improve
    accessibility.
    Learn more
    • openDelay: from 1000ms to 400ms
    • closeDelay: from 500ms to 150ms
  • Menu
    • Fix issue where keyboard activation of menu items with target="_blank"
      would open two tabs
    • Fix issue where hovering a partially visible item with pointer causes it
      to scroll into view
  • Combobox: Add alwaysSubmitOnEnter prop to allow forcing the form to be
    submitted immediately on Enter press.

• #10312
  6189068
  Thanks @itushh! - - CodeBlock: Allow
  horizontal scrolling when code block overflows