ng-primitives 0.123.0 → 0.124.0

package/fesm2022/ng-primitives-toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-toggle-group.mjs","sources":["../../../../packages/ng-primitives/toggle-group/src/config/toggle-group-config.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group.ts","../../../../packages/ng-primitives/toggle-group/src/ng-primitives-toggle-group.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\n\nexport interface NgpToggleGroupConfig {\n  /**\n   * The orientation of the toggle group.\n   * @default 'horizontal'\n   */\n  orientation: NgpOrientation;\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   * @default 'single'\n   */\n  type: 'single' | 'multiple';\n\n  /**\n   * Whether a toggle button can be deselected.\n   * @default true\n   */\n  allowDeselection: boolean;\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  wrap: boolean;\n}\n\nexport const defaultToggleGroupConfig: NgpToggleGroupConfig = {\n  orientation: 'horizontal',\n  type: 'single',\n  allowDeselection: true,\n  wrap: true,\n};\n\nexport const NgpToggleGroupConfigToken = new InjectionToken<NgpToggleGroupConfig>(\n  'NgpToggleGroupConfigToken',\n);\n\n/**\n * Provide the default ToggleGroup configuration\n * @param config The ToggleGroup configuration\n * @returns The provider\n */\nexport function provideToggleGroupConfig(config: Partial<NgpToggleGroupConfig>): Provider[] {\n  return [\n    {\n      provide: NgpToggleGroupConfigToken,\n      useValue: { ...defaultToggleGroupConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the ToggleGroup configuration\n * @returns The global ToggleGroup configuration\n */\nexport function injectToggleGroupConfig(): NgpToggleGroupConfig {\n  return inject(NgpToggleGroupConfigToken, { optional: true }) ?? defaultToggleGroupConfig;\n}\n","import { Signal, WritableSignal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';\nimport {\n  attrBinding,\n  controlled,\n  controlledState,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  SetterOptions,\n} from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\n\n/**\n * The state interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupState {\n  /**\n   * The current value(s) of the toggle group.\n   */\n  readonly value: WritableSignal<string[]>;\n\n  /**\n   * Emit when the value changes.\n   */\n  readonly valueChange: Observable<string[]>;\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation: WritableSignal<NgpOrientation>;\n  /**\n   * Select a value in the toggle group.\n   */\n  select(selection: string): void;\n\n  /**\n   * De-select a value in the toggle group.\n   */\n  deselect(selection: string): void;\n\n  /**\n   * Check if a value is selected in the toggle group.\n   */\n  isSelected(selection: string): boolean;\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(selection: string): void;\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: string[], options?: SetterOptions): void;\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: string[]): void;\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void;\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void;\n}\n\n/**\n * The props interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupProps {\n  /**\n   * The roving focus group state for the toggle-group.\n   */\n  readonly rovingFocusGroup: NgpRovingFocusGroupState;\n\n  /**\n   * The orientation of the toggle-group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\n  /**\n   * Whether deselection is allowed in the toggle-group.\n   */\n  readonly allowDeselection?: Signal<boolean>;\n  /**\n   * The type of the toggle-group (e.g., 'single' or 'multiple').\n   */\n  readonly type?: Signal<'single' | 'multiple'>;\n  /**\n   * The value(s) of the toggle-group.\n   */\n  readonly value: Signal<string[] | undefined>;\n  /**\n   * The default value(s) of the toggle-group for uncontrolled usage.\n   */\n  readonly defaultValue?: Signal<string[]>;\n  /**\n   * Whether the toggle-group is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Emit when the value changes.\n   */\n  readonly onValueChange?: (value: string[]) => void;\n}\n\nexport const [\n  NgpToggleGroupStateToken,\n  ngpToggleGroup,\n  injectToggleGroupState,\n  provideToggleGroupState,\n] = createPrimitive(\n  'NgpToggleGroup',\n  ({\n    rovingFocusGroup,\n    orientation: _orientation,\n    allowDeselection: _allowDeselection,\n    type: _type,\n    value: _value,\n    defaultValue: _defaultValue,\n    disabled: _disabled,\n    onValueChange,\n  }: NgpToggleGroupProps): NgpToggleGroupState => {\n    const element = injectElementRef();\n\n    const allowDeselection = controlled(_allowDeselection, true);\n    const type = controlled(_type, 'single');\n    const disabled = controlled(_disabled, false);\n    const orientation = controlled(_orientation, 'horizontal');\n    const defaultValue = controlled(_defaultValue, []);\n\n    const [value, setValueInternal, valueChange] = controlledState<string[]>({\n      value: _value,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    // Host bindings\n    attrBinding(element, 'role', 'group');\n    dataBinding(element, 'data-orientation', orientation);\n    dataBinding(element, 'data-type', type);\n    dataBinding(element, 'data-disabled', disabled);\n\n    /**\n     * Select a value in the toggle group.\n     */\n    function select(selection: string): void {\n      if (disabled()) {\n        return;\n      }\n\n      let newValue: string[] = [];\n\n      if (type() === 'single') {\n        newValue = [selection];\n      } else {\n        newValue = [...value(), selection];\n      }\n\n      setValue(newValue);\n    }\n\n    /**\n     * De-select a value in the toggle group.\n     */\n    function deselect(selection: string): void {\n      if (disabled() || !allowDeselection()) {\n        return;\n      }\n\n      const newValue = value().filter(v => v !== selection);\n      setValue(newValue);\n    }\n\n    /**\n     * Check if a value is selected in the toggle group.\n     * @internal\n     */\n    function isSelected(itemValue: string): boolean {\n      return value().includes(itemValue);\n    }\n\n    /**\n     * Toggle a value in the toggle group.\n     * @internal\n     */\n    function toggle(itemValue: string): void {\n      if (isSelected(itemValue)) {\n        deselect(itemValue);\n      } else {\n        select(itemValue);\n      }\n    }\n\n    function setValue(newValue: string[], options?: SetterOptions): void {\n      setValueInternal(newValue, options);\n    }\n\n    function setDisabled(isDisabled: boolean): void {\n      disabled.set(isDisabled);\n    }\n\n    function setOrientation(newOrientation: NgpOrientation): void {\n      orientation.set(newOrientation);\n      rovingFocusGroup.setOrientation(newOrientation);\n    }\n\n    return {\n      select,\n      deselect,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      isSelected,\n      toggle,\n      value: deprecatedSetter(value, 'setValue', setValue),\n      orientation: deprecatedSetter(orientation, 'setOrientation', setOrientation),\n      setValue,\n      setDefaultValue: defaultValue.set,\n      setDisabled,\n      setOrientation,\n      valueChange,\n    } satisfies NgpToggleGroupState;\n  },\n);\n","import { computed, signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, listener } from 'ng-primitives/state';\nimport { injectToggleGroupState } from '../toggle-group/toggle-group-state';\n\n/**\n * The state interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemState {\n  selected: Signal<boolean>;\n  toggle(): void;\n}\n\n/**\n * The props interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemProps {\n  /**\n   * The value of the toggle group item.\n   */\n  value: Signal<string>;\n\n  /**\n   * Whether the toggle group item is disabled.\n   */\n  disabled?: Signal<boolean>;\n}\n\nexport const [\n  NgpToggleGroupItemToken,\n  ngpToggleGroupItem,\n  injectToggleGroupItemState,\n  provideToggleGroupItemState,\n] = createPrimitive(\n  'NgpToggleGroupItem',\n  ({ value, disabled = signal(false) }: NgpToggleGroupItemProps): NgpToggleGroupItemState => {\n    const element = injectElementRef();\n    const toggleGroup = injectToggleGroupState();\n\n    // Whether the item is selected.\n    const selected = computed(() => toggleGroup()?.isSelected(value()!) ?? false);\n\n    // Host bindings\n    attrBinding(element, 'role', 'radio');\n    attrBinding(element, 'aria-checked', selected);\n    dataBinding(element, 'data-selected', selected);\n    attrBinding(element, 'aria-disabled', disabled);\n    dataBinding(element, 'data-disabled', disabled);\n\n    // Host listener\n    listener(element, 'click', () => toggle());\n\n    // Toggle the item.\n    const toggle = (): void => {\n      if (disabled?.()) {\n        return;\n      }\n      toggleGroup()?.toggle(value()!);\n    };\n\n    return { selected, toggle } satisfies NgpToggleGroupItemState;\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, OnInit, Signal } from '@angular/core';\nimport { ngpRovingFocusItem, provideRovingFocusItemState } from 'ng-primitives/roving-focus';\nimport { ngpToggleGroupItem, provideToggleGroupItemState } from './toggle-group-item-state';\n\n@Directive({\n  selector: '[ngpToggleGroupItem]',\n  exportAs: 'ngpToggleGroupItem',\n  providers: [provideToggleGroupItemState(), provideRovingFocusItemState()],\n})\nexport class NgpToggleGroupItem implements OnInit {\n  /**\n   * The value of the item.\n   * @required\n   */\n  readonly value = input<string>(undefined, {\n    alias: 'ngpToggleGroupItemValue',\n  });\n\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    ngpToggleGroupItem({\n      value: this.value as Signal<string>,\n      disabled: this.disabled,\n    });\n    // Initialize the roving focus item state\n    ngpRovingFocusItem({ disabled: this.disabled });\n  }\n\n  ngOnInit(): void {\n    // we can't use a required input for value as it is used in a computed property before the input is set\n    if (this.value() === undefined) {\n      throw new Error('The value input is required for the toggle group item.');\n    }\n  }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { ngpRovingFocusGroup, provideRovingFocusGroupState } from 'ng-primitives/roving-focus';\nimport { SetterOptions } from 'ng-primitives/state';\nimport { injectToggleGroupConfig } from '../config/toggle-group-config';\nimport { ngpToggleGroup, provideToggleGroupState } from './toggle-group-state';\n\n@Directive({\n  selector: '[ngpToggleGroup]',\n  exportAs: 'ngpToggleGroup',\n  providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })],\n})\nexport class NgpToggleGroup {\n  /**\n   * Access the global toggle group configuration.\n   */\n  private readonly config = injectToggleGroupConfig();\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation = input<NgpOrientation>(this.config.orientation, {\n    alias: 'ngpToggleGroupOrientation',\n  });\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  readonly wrap = input<boolean, BooleanInput>(this.config.wrap, {\n    alias: 'ngpToggleGroupWrap',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.\n   * @default true\n   */\n  readonly allowDeselection = input<boolean, BooleanInput>(this.config.allowDeselection, {\n    alias: 'ngpToggleGroupAllowDeselection',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   */\n  readonly type = input<'single' | 'multiple'>(this.config.type, { alias: 'ngpToggleGroupType' });\n\n  /**\n   * The selected value(s) of the toggle group.\n   */\n  readonly value = input<string[] | undefined>(undefined, { alias: 'ngpToggleGroupValue' });\n\n  /**\n   * The default selected value(s) for uncontrolled usage.\n   * @default []\n   */\n  readonly defaultValue = input<string[]>([], { alias: 'ngpToggleGroupDefaultValue' });\n\n  /**\n   * Emits when the value of the toggle group changes.\n   */\n  readonly valueChange = output<string[]>({ alias: 'ngpToggleGroupValueChange' });\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state of the toggle group.\n   */\n  protected readonly state = ngpToggleGroup({\n    rovingFocusGroup: ngpRovingFocusGroup({\n      orientation: this.orientation,\n      disabled: this.disabled,\n      wrap: this.wrap,\n    }),\n    orientation: this.orientation,\n    allowDeselection: this.allowDeselection,\n    type: this.type,\n    value: this.value,\n    defaultValue: this.defaultValue,\n    disabled: this.disabled,\n    onValueChange: (value: string[]) => this.valueChange.emit(value),\n  });\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(value: string): void {\n    this.state.toggle(value);\n  }\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: string[], options?: SetterOptions): void {\n    this.state.setValue(newValue, options);\n  }\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: string[]): void {\n    this.state.setDefaultValue(defaultValue);\n  }\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void {\n    this.state.setDisabled(isDisabled);\n  }\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void {\n    this.state.setOrientation(newOrientation);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-toggle-group.mjs","sources":["../../../../packages/ng-primitives/toggle-group/src/config/toggle-group-config.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item-state.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group-item/toggle-group-item.ts","../../../../packages/ng-primitives/toggle-group/src/toggle-group/toggle-group.ts","../../../../packages/ng-primitives/toggle-group/src/ng-primitives-toggle-group.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\n\nexport interface NgpToggleGroupConfig {\n  /**\n   * The orientation of the toggle group.\n   * @default 'horizontal'\n   */\n  orientation: NgpOrientation;\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   * @default 'single'\n   */\n  type: 'single' | 'multiple';\n\n  /**\n   * Whether a toggle button can be deselected.\n   * @default true\n   */\n  allowDeselection: boolean;\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  wrap: boolean;\n}\n\nexport const defaultToggleGroupConfig: NgpToggleGroupConfig = {\n  orientation: 'horizontal',\n  type: 'single',\n  allowDeselection: true,\n  wrap: true,\n};\n\nexport const NgpToggleGroupConfigToken = new InjectionToken<NgpToggleGroupConfig>(\n  'NgpToggleGroupConfigToken',\n);\n\n/**\n * Provide the default ToggleGroup configuration\n * @param config The ToggleGroup configuration\n * @returns The provider\n */\nexport function provideToggleGroupConfig(config: Partial<NgpToggleGroupConfig>): Provider[] {\n  return [\n    {\n      provide: NgpToggleGroupConfigToken,\n      useValue: { ...defaultToggleGroupConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the ToggleGroup configuration\n * @returns The global ToggleGroup configuration\n */\nexport function injectToggleGroupConfig(): NgpToggleGroupConfig {\n  return inject(NgpToggleGroupConfigToken, { optional: true }) ?? defaultToggleGroupConfig;\n}\n","import { Signal, WritableSignal } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { ngpRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport {\n  attrBinding,\n  controlled,\n  controlledState,\n  createPrimitive,\n  dataBinding,\n  deprecatedSetter,\n  SetterOptions,\n} from 'ng-primitives/state';\nimport { Observable } from 'rxjs';\n\n/**\n * The state interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupState {\n  /**\n   * The current value(s) of the toggle group.\n   */\n  readonly value: WritableSignal<string[]>;\n\n  /**\n   * Emit when the value changes.\n   */\n  readonly valueChange: Observable<string[]>;\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled: WritableSignal<boolean>;\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation: WritableSignal<NgpOrientation>;\n  /**\n   * Select a value in the toggle group.\n   */\n  select(selection: string): void;\n\n  /**\n   * De-select a value in the toggle group.\n   */\n  deselect(selection: string): void;\n\n  /**\n   * Check if a value is selected in the toggle group.\n   */\n  isSelected(selection: string): boolean;\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(selection: string): void;\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: string[], options?: SetterOptions): void;\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: string[]): void;\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void;\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void;\n}\n\n/**\n * The props interface for the ToggleGroup pattern.\n */\nexport interface NgpToggleGroupProps {\n  /**\n   * The orientation of the toggle-group.\n   */\n  readonly orientation?: Signal<NgpOrientation>;\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle-group.\n   */\n  readonly wrap?: Signal<boolean>;\n  /**\n   * Whether deselection is allowed in the toggle-group.\n   */\n  readonly allowDeselection?: Signal<boolean>;\n  /**\n   * The type of the toggle-group (e.g., 'single' or 'multiple').\n   */\n  readonly type?: Signal<'single' | 'multiple'>;\n  /**\n   * The value(s) of the toggle-group.\n   */\n  readonly value: Signal<string[] | undefined>;\n  /**\n   * The default value(s) of the toggle-group for uncontrolled usage.\n   */\n  readonly defaultValue?: Signal<string[]>;\n  /**\n   * Whether the toggle-group is disabled.\n   */\n  readonly disabled?: Signal<boolean>;\n  /**\n   * Emit when the value changes.\n   */\n  readonly onValueChange?: (value: string[]) => void;\n}\n\nexport const [\n  NgpToggleGroupStateToken,\n  ngpToggleGroup,\n  injectToggleGroupState,\n  provideToggleGroupState,\n] = createPrimitive(\n  'NgpToggleGroup',\n  ({\n    orientation: _orientation,\n    wrap: _wrap,\n    allowDeselection: _allowDeselection,\n    type: _type,\n    value: _value,\n    defaultValue: _defaultValue,\n    disabled: _disabled,\n    onValueChange,\n  }: NgpToggleGroupProps): NgpToggleGroupState => {\n    const element = injectElementRef();\n\n    const allowDeselection = controlled(_allowDeselection, true);\n    const type = controlled(_type, 'single');\n    const disabled = controlled(_disabled, false);\n    const orientation = controlled(_orientation, 'horizontal');\n    const wrap = controlled(_wrap, true);\n    const defaultValue = controlled(_defaultValue, []);\n\n    const [value, setValueInternal, valueChange] = controlledState<string[]>({\n      value: _value,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    // Own the roving focus group so it shares the group's `disabled` and\n    // `orientation` signals directly. This keeps keyboard navigation in sync\n    // with programmatic/form-driven changes (e.g. `setDisabled`, `setOrientation`)\n    // without needing to re-push each value across a directive boundary.\n    ngpRovingFocusGroup({ orientation, disabled, wrap });\n\n    // Host bindings\n    attrBinding(element, 'role', 'group');\n    dataBinding(element, 'data-orientation', orientation);\n    dataBinding(element, 'data-type', type);\n    dataBinding(element, 'data-disabled', disabled);\n\n    /**\n     * Select a value in the toggle group.\n     */\n    function select(selection: string): void {\n      if (disabled()) {\n        return;\n      }\n\n      let newValue: string[] = [];\n\n      if (type() === 'single') {\n        newValue = [selection];\n      } else {\n        newValue = [...value(), selection];\n      }\n\n      setValue(newValue);\n    }\n\n    /**\n     * De-select a value in the toggle group.\n     */\n    function deselect(selection: string): void {\n      if (disabled() || !allowDeselection()) {\n        return;\n      }\n\n      const newValue = value().filter(v => v !== selection);\n      setValue(newValue);\n    }\n\n    /**\n     * Check if a value is selected in the toggle group.\n     * @internal\n     */\n    function isSelected(itemValue: string): boolean {\n      return value().includes(itemValue);\n    }\n\n    /**\n     * Toggle a value in the toggle group.\n     * @internal\n     */\n    function toggle(itemValue: string): void {\n      if (isSelected(itemValue)) {\n        deselect(itemValue);\n      } else {\n        select(itemValue);\n      }\n    }\n\n    function setValue(newValue: string[], options?: SetterOptions): void {\n      setValueInternal(newValue, options);\n    }\n\n    function setDisabled(isDisabled: boolean): void {\n      disabled.set(isDisabled);\n    }\n\n    function setOrientation(newOrientation: NgpOrientation): void {\n      // The roving focus group shares this signal, so it stays in sync.\n      orientation.set(newOrientation);\n    }\n\n    return {\n      select,\n      deselect,\n      disabled: deprecatedSetter(disabled, 'setDisabled'),\n      isSelected,\n      toggle,\n      value: deprecatedSetter(value, 'setValue', setValue),\n      orientation: deprecatedSetter(orientation, 'setOrientation', setOrientation),\n      setValue,\n      setDefaultValue: defaultValue.set,\n      setDisabled,\n      setOrientation,\n      valueChange,\n    } satisfies NgpToggleGroupState;\n  },\n);\n","import { computed, signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, listener } from 'ng-primitives/state';\nimport { injectToggleGroupState } from '../toggle-group/toggle-group-state';\n\n/**\n * The state interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemState {\n  selected: Signal<boolean>;\n  toggle(): void;\n}\n\n/**\n * The props interface for the ToggleGroupItem pattern.\n */\nexport interface NgpToggleGroupItemProps {\n  /**\n   * The value of the toggle group item.\n   */\n  value: Signal<string>;\n\n  /**\n   * Whether the toggle group item is disabled.\n   */\n  disabled?: Signal<boolean>;\n}\n\nexport const [\n  NgpToggleGroupItemToken,\n  ngpToggleGroupItem,\n  injectToggleGroupItemState,\n  provideToggleGroupItemState,\n] = createPrimitive(\n  'NgpToggleGroupItem',\n  ({ value, disabled = signal(false) }: NgpToggleGroupItemProps): NgpToggleGroupItemState => {\n    const element = injectElementRef();\n    const toggleGroup = injectToggleGroupState();\n\n    // Whether the item is selected.\n    const selected = computed(() => toggleGroup()?.isSelected(value()!) ?? false);\n\n    // Host bindings\n    attrBinding(element, 'role', 'radio');\n    attrBinding(element, 'aria-checked', selected);\n    dataBinding(element, 'data-selected', selected);\n    attrBinding(element, 'aria-disabled', disabled);\n    dataBinding(element, 'data-disabled', disabled);\n\n    // Host listener\n    listener(element, 'click', () => toggle());\n\n    // Toggle the item.\n    const toggle = (): void => {\n      if (disabled?.()) {\n        return;\n      }\n      toggleGroup()?.toggle(value()!);\n    };\n\n    return { selected, toggle } satisfies NgpToggleGroupItemState;\n  },\n);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, OnInit, Signal } from '@angular/core';\nimport { ngpRovingFocusItem, provideRovingFocusItemState } from 'ng-primitives/roving-focus';\nimport { ngpToggleGroupItem, provideToggleGroupItemState } from './toggle-group-item-state';\n\n@Directive({\n  selector: '[ngpToggleGroupItem]',\n  exportAs: 'ngpToggleGroupItem',\n  providers: [provideToggleGroupItemState(), provideRovingFocusItemState()],\n})\nexport class NgpToggleGroupItem implements OnInit {\n  /**\n   * The value of the item.\n   * @required\n   */\n  readonly value = input<string>(undefined, {\n    alias: 'ngpToggleGroupItemValue',\n  });\n\n  /**\n   * Whether the item is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    ngpToggleGroupItem({\n      value: this.value as Signal<string>,\n      disabled: this.disabled,\n    });\n    // Initialize the roving focus item state\n    ngpRovingFocusItem({ disabled: this.disabled });\n  }\n\n  ngOnInit(): void {\n    // we can't use a required input for value as it is used in a computed property before the input is set\n    if (this.value() === undefined) {\n      throw new Error('The value input is required for the toggle group item.');\n    }\n  }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, output } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { provideRovingFocusGroupState } from 'ng-primitives/roving-focus';\nimport { SetterOptions } from 'ng-primitives/state';\nimport { injectToggleGroupConfig } from '../config/toggle-group-config';\nimport { ngpToggleGroup, provideToggleGroupState } from './toggle-group-state';\n\n@Directive({\n  selector: '[ngpToggleGroup]',\n  exportAs: 'ngpToggleGroup',\n  providers: [provideToggleGroupState(), provideRovingFocusGroupState({ inherit: true })],\n})\nexport class NgpToggleGroup {\n  /**\n   * Access the global toggle group configuration.\n   */\n  private readonly config = injectToggleGroupConfig();\n\n  /**\n   * The orientation of the toggle group.\n   */\n  readonly orientation = input<NgpOrientation>(this.config.orientation, {\n    alias: 'ngpToggleGroupOrientation',\n  });\n\n  /**\n   * Whether focus should wrap around when reaching the end of the toggle group.\n   * @default true\n   */\n  readonly wrap = input<boolean, BooleanInput>(this.config.wrap, {\n    alias: 'ngpToggleGroupWrap',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether toggle buttons can be deselected. If set to `false`, clicking a selected toggle button will not deselect it.\n   * @default true\n   */\n  readonly allowDeselection = input<boolean, BooleanInput>(this.config.allowDeselection, {\n    alias: 'ngpToggleGroupAllowDeselection',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The type of the toggle group, whether only one item can be selected or multiple.\n   */\n  readonly type = input<'single' | 'multiple'>(this.config.type, { alias: 'ngpToggleGroupType' });\n\n  /**\n   * The selected value(s) of the toggle group.\n   */\n  readonly value = input<string[] | undefined>(undefined, { alias: 'ngpToggleGroupValue' });\n\n  /**\n   * The default selected value(s) for uncontrolled usage.\n   * @default []\n   */\n  readonly defaultValue = input<string[]>([], { alias: 'ngpToggleGroupDefaultValue' });\n\n  /**\n   * Emits when the value of the toggle group changes.\n   */\n  readonly valueChange = output<string[]>({ alias: 'ngpToggleGroupValueChange' });\n\n  /**\n   * Whether the toggle group is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleGroupDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The state of the toggle group.\n   */\n  protected readonly state = ngpToggleGroup({\n    orientation: this.orientation,\n    wrap: this.wrap,\n    allowDeselection: this.allowDeselection,\n    type: this.type,\n    value: this.value,\n    defaultValue: this.defaultValue,\n    disabled: this.disabled,\n    onValueChange: (value: string[]) => this.valueChange.emit(value),\n  });\n\n  /**\n   * Toggle a value in the toggle group.\n   */\n  toggle(value: string): void {\n    this.state.toggle(value);\n  }\n\n  /**\n   * Set the value(s) of the toggle group.\n   */\n  setValue(newValue: string[], options?: SetterOptions): void {\n    this.state.setValue(newValue, options);\n  }\n\n  /**\n   * Set the default value(s) of the toggle group.\n   */\n  setDefaultValue(defaultValue: string[]): void {\n    this.state.setDefaultValue(defaultValue);\n  }\n\n  /**\n   * Set the disabled state of the toggle group.\n   */\n  setDisabled(isDisabled: boolean): void {\n    this.state.setDisabled(isDisabled);\n  }\n\n  /**\n   * Set the orientation of the toggle group.\n   */\n  setOrientation(newOrientation: NgpOrientation): void {\n    this.state.setOrientation(newOrientation);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.123.0",
+  "version": "0.124.0",
   "keywords": [
     "angular",
     "primitives",

package/schematics/ng-generate/templates/radio/radio-group.__fileSuffix@dasherize__.ts.template

@@ -1,7 +1,12 @@
 import { Component } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { injectRadioGroupState, NgpRadioGroup } from 'ng-primitives/radio';
-import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
+import {
+  ChangeFn,
+  provideValueAccessor,
+  safeTakeUntilDestroyed,
+  TouchedFn,
+} from 'ng-primitives/utils';
 
 @Component({
   selector: '<%= prefix %>-radio-group',
@@ -44,12 +49,14 @@ export class RadioGroup<%= componentSuffix %> implements ControlValueAccessor {
   protected onTouched?: TouchedFn;
 
   constructor() {
-    this.state().valueChange.subscribe(value => this.onChange?.(value));
+    this.state()
+      .valueChange.pipe(safeTakeUntilDestroyed())
+      .subscribe(value => this.onChange?.(value));
   }
 
   /** Write a new value to the radio group */
-  writeValue(value: string): void {
-    this.state().value.set(value);
+  writeValue(value: string | null): void {
+    this.state().setValue(value, { emit: false });
   }
 
   /** Register the on change callback */
@@ -61,4 +68,9 @@ export class RadioGroup<%= componentSuffix %> implements ControlValueAccessor {
   registerOnTouched(onTouched: TouchedFn): void {
     this.onTouched = onTouched;
   }
+
+  /** Set the disabled state of the radio group */
+  setDisabledState(isDisabled: boolean): void {
+    this.state().setDisabled(isDisabled);
+  }
 }

package/types/ng-primitives-radio.d.ts

@@ -1,29 +1,27 @@
-import * as ng_primitives_state from 'ng-primitives/state';
-import { InjectedState } from 'ng-primitives/state';
+import * as ng_primitives_radio from 'ng-primitives/radio';
 import * as _angular_core from '@angular/core';
-import { OnInit } from '@angular/core';
+import { Signal, WritableSignal, OnInit } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { NgpOrientation } from 'ng-primitives/common';
-import * as i1 from 'ng-primitives/roving-focus';
-import * as ng_primitives_radio from 'ng-primitives/radio';
-import * as i2 from 'ng-primitives/interactions';
+import { StateInjectionOptions, SetterOptions } from 'ng-primitives/state';
+import { Observable } from 'rxjs';
 
 /**
  * Apply the `ngpRadioGroup` directive to an element that represents the group of radio items.
  */
-declare class NgpRadioGroup<T> implements OnInit {
-    /**
-     * Access the roving focus group state.
-     */
-    private readonly rovingFocusGroupState;
+declare class NgpRadioGroup<T> {
     /**
      * The id of the radio group. If not provided, a unique id will be generated.
      */
     readonly id: _angular_core.InputSignal<string>;
     /**
-     * The value of the radio group.
+     * The value of the radio group. Leave unset for uncontrolled usage.
+     */
+    readonly value: _angular_core.InputSignal<T | null | undefined>;
+    /**
+     * The default value of the radio group for uncontrolled usage.
      */
-    readonly value: _angular_core.InputSignal<T | null>;
+    readonly defaultValue: _angular_core.InputSignal<T | null>;
     /**
      * Event emitted when the radio group value changes.
      */
@@ -44,57 +42,140 @@ declare class NgpRadioGroup<T> implements OnInit {
     readonly compareWith: _angular_core.InputSignal<(a: T | null, b: T | null) => boolean>;
     /**
      * The state of the radio group.
-     * @internal
      */
-    protected readonly state: ng_primitives_state.CreatedState<NgpRadioGroup<T>>;
-    constructor();
-    ngOnInit(): void;
+    protected readonly state: ng_primitives_radio.NgpRadioGroupState<T>;
     /**
      * Select a radio item.
      * @param value The value of the radio item to select.
      */
     select(value: T): void;
+    /**
+     * Set the default value of the radio group.
+     */
+    setDefaultValue(value: T | null): void;
+    /**
+     * Set the orientation of the radio group.
+     */
+    setOrientation(orientation: NgpOrientation): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpRadioGroup<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpRadioGroup<any>, "[ngpRadioGroup]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpRadioGroupValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioGroupDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpRadioGroupOrientation"; "required": false; "isSignal": true; }; "compareWith": { "alias": "ngpRadioGroupCompareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpRadioGroupValueChange"; }, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: { "ngpRovingFocusGroupOrientation": "ngpRadioGroupOrientation"; "ngpRovingFocusGroupDisabled": "ngpRadioGroupDisabled"; }; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpRadioGroup<any>, "[ngpRadioGroup]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpRadioGroupValue"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "ngpRadioGroupDefaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioGroupDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "ngpRadioGroupOrientation"; "required": false; "isSignal": true; }; "compareWith": { "alias": "ngpRadioGroupCompareWith"; "required": false; "isSignal": true; }; }, { "valueChange": "ngpRadioGroupValueChange"; }, never, never, true, never>;
 }
 
 /**
- * Provides the RadioGroup state.
+ * Public state surface for the RadioGroup primitive.
+ */
+interface NgpRadioGroupState<T> {
+    /**
+     * The id of the radio group.
+     */
+    readonly id: Signal<string>;
+    /**
+     * The selected value of the radio group.
+     */
+    readonly value: WritableSignal<T | null>;
+    /**
+     * Whether the radio group is disabled.
+     */
+    readonly disabled: WritableSignal<boolean>;
+    /**
+     * The orientation of the radio group.
+     */
+    readonly orientation: WritableSignal<NgpOrientation>;
+    /**
+     * The comparator function used to compare values.
+     */
+    readonly compareWith: Signal<(a: T | null, b: T | null) => boolean>;
+    /**
+     * Emits when the selected value changes.
+     */
+    readonly valueChange: Observable<T | null>;
+    /**
+     * Select a value in the radio group.
+     */
+    select(value: T): void;
+    /**
+     * Set the value of the radio group. Fires `onValueChange` and emits on the
+     * `valueChange` observable by default. Pass `{ emit: false }` for cases like
+     * form `writeValue` where the internal state should sync without notifying.
+     */
+    setValue(value: T | null, options?: SetterOptions): void;
+    /**
+     * Set the default value used for uncontrolled usage.
+     */
+    setDefaultValue(value: T | null): void;
+    /**
+     * Set the disabled value.
+     */
+    setDisabled(value: boolean): void;
+    /**
+     * Set the orientation of the radio group.
+     */
+    setOrientation(value: NgpOrientation): void;
+}
+/**
+ * Inputs for configuring the RadioGroup primitive.
  */
-declare const provideRadioGroupState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
+interface NgpRadioGroupProps<T> {
+    /**
+     * The id of the radio group.
+     */
+    readonly id?: Signal<string>;
+    /**
+     * The selected value of the radio group. Leave `undefined` for uncontrolled
+     * usage (the group manages its own value from `defaultValue`).
+     */
+    readonly value?: Signal<T | null | undefined>;
+    /**
+     * The default value for uncontrolled usage.
+     */
+    readonly defaultValue?: Signal<T | null>;
+    /**
+     * Whether the radio group is disabled.
+     */
+    readonly disabled?: Signal<boolean>;
+    /**
+     * The orientation of the radio group.
+     */
+    readonly orientation?: Signal<NgpOrientation>;
+    /**
+     * The comparator function used to compare values.
+     */
+    readonly compareWith?: Signal<(a: T | null, b: T | null) => boolean>;
+    /**
+     * Callback fired when the selected value changes.
+     */
+    readonly onValueChange?: (value: T | null) => void;
+}
+declare const ngpRadioGroup: <T>({ id, value: _value, defaultValue: _defaultValue, disabled: _disabled, orientation: _orientation, compareWith, onValueChange, }: NgpRadioGroupProps<T>) => NgpRadioGroupState<T>;
+declare const provideRadioGroupState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
 /**
  * Injects the RadioGroup state.
  */
-declare const injectRadioGroupState: <T>() => InjectedState<NgpRadioGroup<T>>;
+declare function injectRadioGroupState<T>(options?: StateInjectionOptions): Signal<NgpRadioGroupState<T>>;
 
 /**
  * Apply the `ngpRadioIndicator` directive to an element that represents the radio indicator (i.e. the dot).
  */
 declare class NgpRadioIndicator<T> {
-    /**
-     * Access the radio group state.
-     */
-    protected readonly radioGroupState: ng_primitives_state.InjectedState<ng_primitives_radio.NgpRadioGroup<T>>;
     /**
      * Access the radio group item state
      */
-    protected readonly radioItemState: ng_primitives_state.InjectedState<ng_primitives_radio.NgpRadioItem<T>>;
+    protected readonly radioItemState: _angular_core.Signal<ng_primitives_radio.NgpRadioItemState<T>>;
     /**
-     * Determine if the radio indicator is checked.
+     * Determine if the radio indicator is checked. Delegates to the item's
+     * checked state so it honours the group's `compareWith` comparator.
      */
     protected readonly checked: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpRadioIndicator<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpRadioIndicator<any>, "[ngpRadioIndicator]", never, {}, {}, never, never, true, [{ directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpRadioIndicator<any>, "[ngpRadioIndicator]", never, {}, {}, never, never, true, never>;
 }
 
 /**
  * Apply the `ngpRadioItem` directive to an element that represents a radio item. This would typically be a `button` element.
  */
 declare class NgpRadioItem<T> implements OnInit {
-    /**
-     * Access the radio group state.
-     */
-    private readonly radioGroupState;
     /**
      * The value of the radio item.
      * @required
@@ -105,36 +186,50 @@ declare class NgpRadioItem<T> implements OnInit {
      * @default false
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpRadioItem<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpRadioItem<any>, "[ngpRadioItem]", never, { "value": { "alias": "ngpRadioItemValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioItemDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Public state surface for the RadioItem primitive.
+ */
+interface NgpRadioItemState<T> {
     /**
-     * Whether the radio item is checked.
-     */
-    readonly checked: _angular_core.Signal<boolean>;
-    /**
-     * The state of the radio item.
+     * The value of the radio item.
      */
-    protected readonly state: ng_primitives_state.CreatedState<NgpRadioItem<T>>;
-    ngOnInit(): void;
+    readonly value: Signal<T>;
     /**
-     * When the item receives focus, select it.
-     * @internal
+     * Whether the radio item is disabled.
      */
-    protected onFocus(): void;
+    readonly disabled: Signal<boolean>;
     /**
-     * When the item receives a click, select it.
-     * @internal
+     * Whether the radio item is checked.
      */
-    protected onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgpRadioItem<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgpRadioItem<any>, "[ngpRadioItem]", never, { "value": { "alias": "ngpRadioItemValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpRadioItemDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusItem; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpHover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocusVisible; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpPress; inputs: {}; outputs: {}; }]>;
+    readonly checked: Signal<boolean>;
 }
-
 /**
- * Provides the RadioItem state.
+ * Inputs for configuring the RadioItem primitive.
  */
-declare const provideRadioItemState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider;
+interface NgpRadioItemProps<T> {
+    /**
+     * The value of the radio item.
+     */
+    readonly value: Signal<T>;
+    /**
+     * Whether the radio item is disabled.
+     */
+    readonly disabled?: Signal<boolean>;
+}
+declare const ngpRadioItem: <T>({ value, disabled }: NgpRadioItemProps<T>) => NgpRadioItemState<T>;
+declare const provideRadioItemState: (opts?: {
+    inherit?: boolean;
+}) => _angular_core.FactoryProvider;
 /**
  * Injects the RadioItem state.
  */
-declare const injectRadioItemState: <T>() => InjectedState<NgpRadioItem<T>>;
+declare function injectRadioItemState<T>(options?: StateInjectionOptions): Signal<NgpRadioItemState<T>>;
 
-export { NgpRadioGroup, NgpRadioIndicator, NgpRadioItem, injectRadioGroupState, injectRadioItemState, provideRadioGroupState, provideRadioItemState };
+export { NgpRadioGroup, NgpRadioIndicator, NgpRadioItem, injectRadioGroupState, injectRadioItemState, ngpRadioGroup, ngpRadioItem, provideRadioGroupState, provideRadioItemState };
+export type { NgpRadioGroupProps, NgpRadioGroupState, NgpRadioItemProps, NgpRadioItemState };

package/types/ng-primitives-toggle-group.d.ts

@@ -5,7 +5,6 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as ng_primitives_state from 'ng-primitives/state';
 import { SetterOptions } from 'ng-primitives/state';
 import * as ng_primitives_toggle_group from 'ng-primitives/toggle-group';
-import { NgpRovingFocusGroupState } from 'ng-primitives/roving-focus';
 import { Observable } from 'rxjs';
 
 interface NgpToggleGroupConfig {
@@ -208,14 +207,14 @@ interface NgpToggleGroupState {
  * The props interface for the ToggleGroup pattern.
  */
 interface NgpToggleGroupProps {
-    /**
-     * The roving focus group state for the toggle-group.
-     */
-    readonly rovingFocusGroup: NgpRovingFocusGroupState;
     /**
      * The orientation of the toggle-group.
      */
     readonly orientation?: Signal<NgpOrientation>;
+    /**
+     * Whether focus should wrap around when reaching the end of the toggle-group.
+     */
+    readonly wrap?: Signal<boolean>;
     /**
      * Whether deselection is allowed in the toggle-group.
      */
@@ -241,7 +240,7 @@ interface NgpToggleGroupProps {
      */
     readonly onValueChange?: (value: string[]) => void;
 }
-declare const ngpToggleGroup: ({ rovingFocusGroup, orientation: _orientation, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, onValueChange, }: NgpToggleGroupProps) => NgpToggleGroupState;
+declare const ngpToggleGroup: ({ orientation: _orientation, wrap: _wrap, allowDeselection: _allowDeselection, type: _type, value: _value, defaultValue: _defaultValue, disabled: _disabled, onValueChange, }: NgpToggleGroupProps) => NgpToggleGroupState;
 declare const injectToggleGroupState: {
     (): Signal<NgpToggleGroupState>;
     (options: ng_primitives_state.StateInjectionOptions): Signal<NgpToggleGroupState | null>;