@radix-ui/react-toolbar 0.1.0-rc.2 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -25,8 +25,15 @@ export interface ToolbarLinkProps extends PrimitiveLinkProps {
25
25
  }
26
26
  export const ToolbarLink: React.ForwardRefExoticComponent<ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
27
27
  type ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;
28
- export type ToolbarToggleGroupProps = ToggleGroupProps;
29
- export const ToolbarToggleGroup: React.ForwardRefExoticComponent<(Pick<ToggleGroupPrimitive.ToggleGroupWithSingleProps & React.RefAttributes<HTMLDivElement>, "children" | "value" | "slot" | "style" | "title" | "className" | "key" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "orientation" | "asChild" | "loop" | "onValueChange" | "rovingFocus"> & React.RefAttributes<HTMLDivElement>) | (Pick<ToggleGroupPrimitive.ToggleGroupWithMultipleProps & React.RefAttributes<HTMLDivElement>, "children" | "value" | "slot" | "style" | "title" | "className" | "key" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "orientation" | "asChild" | "loop" | "onValueChange" | "rovingFocus"> & React.RefAttributes<HTMLDivElement>)>;
28
+ export interface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, {
29
+ type: 'single';
30
+ }> {
31
+ }
32
+ export interface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, {
33
+ type: 'multiple';
34
+ }> {
35
+ }
36
+ export const ToolbarToggleGroup: React.ForwardRefExoticComponent<(ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>;
30
37
  type ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;
31
38
  export interface ToolbarToggleItemProps extends ToggleGroupItemProps {
32
39
  }
@@ -35,7 +42,7 @@ export const Root: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttri
35
42
  export const Separator: React.ForwardRefExoticComponent<ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
36
43
  export const Button: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
37
44
  export const Link: React.ForwardRefExoticComponent<ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>>;
38
- export const ToggleGroup: React.ForwardRefExoticComponent<(Pick<ToggleGroupPrimitive.ToggleGroupWithSingleProps & React.RefAttributes<HTMLDivElement>, "children" | "value" | "slot" | "style" | "title" | "className" | "key" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "orientation" | "asChild" | "loop" | "onValueChange" | "rovingFocus"> & React.RefAttributes<HTMLDivElement>) | (Pick<ToggleGroupPrimitive.ToggleGroupWithMultipleProps & React.RefAttributes<HTMLDivElement>, "children" | "value" | "slot" | "style" | "title" | "className" | "key" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "orientation" | "asChild" | "loop" | "onValueChange" | "rovingFocus"> & React.RefAttributes<HTMLDivElement>)>;
45
+ export const ToggleGroup: React.ForwardRefExoticComponent<(ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>) | (ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>)>;
39
46
  export const ToggleItem: React.ForwardRefExoticComponent<ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>>;
40
47
 
41
48
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"mappings":"A;A;A;A;A;A;AAgBA,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AAKrF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,6BAAuB,SAAQ,iBAAiB;IAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAED,OAAA,MAAM,4FASJ,CAAC;AASH,sBAAsB,MAAM,wBAAwB,CAAC,OAAO,mBAAmB,IAAI,CAAC,CAAC;AACrF,sCAAgC,SAAQ,cAAc;CAAG;AAEzD,OAAA,MAAM,8GAWL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAML,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,kBAAkB;CAAG;AAExD,OAAA,MAAM,uGAaL,CAAC;AAWF,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAEzF,sCAA+B,gBAAgB,CAAC;AAEhD,OAAA,MAAM,0/SAYL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAC7F,uCAAiC,SAAQ,oBAAoB;CAAG;AAEhE,OAAA,MAAM,mHAML,CAAC;AAMF,OAAA,MAAM,yFAAc,CAAC;AACrB,OAAA,MAAM,uGAA4B,CAAC;AACnC,OAAA,MAAM,oGAAsB,CAAC;AAC7B,OAAA,MAAM,gGAAkB,CAAC;AACzB,OAAA,MAAM,m/SAAgC,CAAC;AACvC,OAAA,MAAM,4GAA8B,CAAC","sources":["./packages/react/toolbar/src/packages/react/toolbar/src/Toolbar.tsx","./packages/react/toolbar/src/packages/react/toolbar/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
1
+ {"mappings":"A;A;A;A;A;A;AAgBA,6BAA6B,MAAM,wBAAwB,CAAC,uBAAuB,CAAC,CAAC;AAKrF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,6BAAuB,SAAQ,iBAAiB;IAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;CACpC;AAED,OAAA,MAAM,4FASJ,CAAC;AASH,sBAAsB,MAAM,wBAAwB,CAAC,OAAO,mBAAmB,IAAI,CAAC,CAAC;AACrF,sCAAgC,SAAQ,cAAc;CAAG;AAEzD,OAAA,MAAM,8GAWL,CAAC;AAWF,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC;AACpF,mCAA6B,SAAQ,oBAAoB;CAAG;AAE5D,OAAA,MAAM,2GAML,CAAC;AAWF,0BAA0B,MAAM,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAC7E,iCAA2B,SAAQ,kBAAkB;CAAG;AAExD,OAAA,MAAM,uGAaL,CAAC;AAWF,wBAAwB,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AACzF,8CAAwC,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;CAAG;AAChG,gDAA0C,SAAQ,OAAO,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;CAAG;AAEpG,OAAA,MAAM,oMAaJ,CAAC;AAWH,4BAA4B,MAAM,wBAAwB,CAAC,OAAO,qBAAqB,IAAI,CAAC,CAAC;AAC7F,uCAAiC,SAAQ,oBAAoB;CAAG;AAEhE,OAAA,MAAM,mHAML,CAAC;AAMF,OAAA,MAAM,yFAAc,CAAC;AACrB,OAAA,MAAM,uGAA4B,CAAC;AACnC,OAAA,MAAM,oGAAsB,CAAC;AAC7B,OAAA,MAAM,gGAAkB,CAAC;AACzB,OAAA,MAAM,6LAAgC,CAAC;AACvC,OAAA,MAAM,4GAA8B,CAAC","sources":["./packages/react/toolbar/src/packages/react/toolbar/src/Toolbar.tsx","./packages/react/toolbar/src/packages/react/toolbar/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"IAAgCA,wWAAAA,8CAClBA,EAAEC,WAAaD,EAAEE,QAAUF,EAWzC,SAASG,EAAuBC,EAAMC,GAcpC,OAbAC,OAAOC,KAAKF,GAAQG,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeN,EAAMK,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOP,EAAOI,SAKbL,ECZT,MAIOS,EAAiBC,GAAqBC,EAJxB,WAcfC,eAAUC,EAAMC,YAAyC,CAACC,EAAOC,KACrE,MAAMC,YAAEA,EAAc,aAAhBC,IAA8BA,EAAM,MAApCC,KAA2CA,GAAO,KAASC,GAAiBL,eAClF,OACEM,EAAAC,cAACC,EAAD,CAAiBN,YAAaA,gBAC5BI,EAAAC,cAACE,EAAD,CAAkBC,SAAO,EAACR,YAAaA,EAAaC,IAAKA,EAAKC,KAAMA,gBAClEE,EAAAC,cAACI,EAAUC,IAAXC,EAAA,CAAeC,KAAK,UAAUX,IAAKA,GAASE,EAA5C,CAA0DU,IAAKd,4BAUvE,MAMMe,eAAmBlB,EAAMC,YAC7B,CAACC,EAAOC,KACN,MAAMgB,EAAUtB,EARG,iCASnB,OACEW,EAAAC,cAACW,EAAmBC,KAApBN,EAAA,CACEX,YAAqC,eAAxBe,EAAQf,YAA+B,WAAa,cAC7DF,EAFN,CAGEe,IAAKd,mCAYb,MAMMmB,eAAgBtB,EAAMC,YAC1B,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAYtB,EAAMuB,uBACzCjB,EAAAC,cAACI,EAAUa,OAAXX,EAAA,CAAkBC,KAAK,eAAkBd,EAAzC,CAAgDe,IAAKd,gCAW3D,MAMMwB,eAAc3B,EAAMC,YACxB,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAS,gBAChChB,EAAAC,cAACI,EAAU9B,EAAXgC,EAAA,CACEC,KAAK,eACDd,EAFN,CAGEe,IAAKd,EACLyB,UAAWC,EAAqB3B,EAAM0B,WAAYE,IAC9B,MAAdA,EAAMtC,KAAasC,EAAMC,cAAcC,uCAarD,MAOMC,eAAqBjC,EAAMC,YAC/B,CAACC,EAAOC,KACN,MAAMgB,EAAUtB,EATM,mCAUtB,OACEW,EAAAC,cAACyB,EAAqBb,KAAtBN,EAAA,CACE,mBAAkBI,EAAQf,aACtBF,EAFN,CAGEe,IAAKd,EACLgC,aAAa,qCAYrB,MAMMC,eAAoBpC,EAAMC,YAC9B,CAACC,EAAOC,iBACNK,EAAAC,cAACa,EAAD,CAAeV,SAAO,EAACa,SAAUvB,EAAMuB,uBACrCjB,EAAAC,cAACyB,EAAqBG,KAAtBtB,EAAA,GAA+Bb,EAA/B,CAAsCe,IAAKd,oCASjD,MAAMkB,EAAOtB,iBACb,MAAMuC,EAAYpB,sBAClB,MAAMqB,EAASjB,mBACf,MAAMkB,EAAOb,iBACb,MAAMc,EAAcR,wBACpB,MAAMS,EAAaN","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContext } from '@radix-ui/react-context';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToolbarContextValue = { orientation: RovingFocusGroupProps['orientation'] };\nconst [ToolbarProvider, useToolbarContext] = createContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>((props, forwardedRef) => {\n const { orientation = 'horizontal', dir = 'ltr', loop = true, ...toolbarProps } = props;\n return (\n <ToolbarProvider orientation={orientation}>\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div role=\"toolbar\" dir={dir} {...toolbarProps} ref={forwardedRef} />\n </RovingFocusGroup>\n </ToolbarProvider>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props, forwardedRef) => {\n const context = useToolbarContext(SEPARATOR_NAME);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...props}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable={!props.disabled}>\n <Primitive.button role=\"toolbaritem\" {...props} ref={forwardedRef} />\n </RovingFocusItem>\n )\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable>\n <Primitive.a\n role=\"toolbaritem\"\n {...props}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusItem>\n )\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\n// ToggleGroup props are a union of interfaces so we use a type alias because interfaces cannot extend unions.\ntype ToolbarToggleGroupProps = ToggleGroupProps;\n\nconst ToolbarToggleGroup = React.forwardRef<ToolbarToggleGroupElement, ToolbarToggleGroupProps>(\n (props, forwardedRef) => {\n const context = useToolbarContext(TOGGLE_GROUP_NAME);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n {...props}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props, forwardedRef) => (\n <ToolbarButton asChild disabled={props.disabled}>\n <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} />\n </ToolbarButton>\n )\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupProps,\n ToolbarToggleItemProps,\n};\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","ToolbarProvider","useToolbarContext","createContext","Toolbar","React","forwardRef","props","forwardedRef","orientation","dir","loop","toolbarProps","_react","createElement","$ad2966449eadd63e15eb1cd256d5fc2$var$ToolbarProvider","RovingFocusGroup","asChild","Primitive","div","_babelRuntimeHelpersExtends","role","ref","ToolbarSeparator","context","_radixUiReactSeparator","Root","ToolbarButton","RovingFocusItem","focusable","disabled","button","ToolbarLink","onKeyDown","composeEventHandlers","event","currentTarget","click","ToolbarToggleGroup","_radixUiReactToggleGroup","rovingFocus","ToolbarToggleItem","Item","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.js.map"}
1
+ {"mappings":"IAAgCA,wWAAAA,8CAClBA,EAAEC,WAAaD,EAAEE,QAAUF,EAWzC,SAASG,EAAuBC,EAAMC,GAcpC,OAbAC,OAAOC,KAAKF,GAAQG,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeN,EAAMK,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOP,EAAOI,SAKbL,ECZT,MAIOS,EAAiBC,GAAqBC,EAJxB,WAcfC,eAAUC,EAAMC,YAAyC,CAACC,EAAOC,KACrE,MAAMC,YAAEA,EAAc,aAAhBC,IAA8BA,EAAM,MAApCC,KAA2CA,GAAO,KAASC,GAAiBL,eAClF,OACEM,EAAAC,cAACC,EAAD,CAAiBN,YAAaA,gBAC5BI,EAAAC,cAACE,EAAD,CAAkBC,SAAO,EAACR,YAAaA,EAAaC,IAAKA,EAAKC,KAAMA,gBAClEE,EAAAC,cAACI,EAAUC,IAAXC,EAAA,CAAeC,KAAK,UAAUX,IAAKA,GAASE,EAA5C,CAA0DU,IAAKd,4BAUvE,MAMMe,eAAmBlB,EAAMC,YAC7B,CAACC,EAAOC,KACN,MAAMgB,EAAUtB,EARG,iCASnB,OACEW,EAAAC,cAACW,EAAmBC,KAApBN,EAAA,CACEX,YAAqC,eAAxBe,EAAQf,YAA+B,WAAa,cAC7DF,EAFN,CAGEe,IAAKd,mCAYb,MAMMmB,eAAgBtB,EAAMC,YAC1B,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAYtB,EAAMuB,uBACzCjB,EAAAC,cAACI,EAAUa,OAAXX,EAAA,CAAkBC,KAAK,eAAkBd,EAAzC,CAAgDe,IAAKd,gCAW3D,MAMMwB,eAAc3B,EAAMC,YACxB,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAS,gBAChChB,EAAAC,cAACI,EAAU9B,EAAXgC,EAAA,CACEC,KAAK,eACDd,EAFN,CAGEe,IAAKd,EACLyB,UAAWC,EAAqB3B,EAAM0B,WAAYE,IAC9B,MAAdA,EAAMtC,KAAasC,EAAMC,cAAcC,uCAarD,MAOMC,eAAqBjC,EAAMC,YAG/B,CAACC,EAAOC,KACR,MAAMgB,EAAUtB,EAXQ,mCAYxB,OACEW,EAAAC,cAACyB,EAAqBb,KAAtBN,EAAA,CACE,mBAAkBI,EAAQf,aACtBF,EAFN,CAGEe,IAAKd,EACLgC,aAAa,qCAWnB,MAMMC,eAAoBpC,EAAMC,YAC9B,CAACC,EAAOC,iBACNK,EAAAC,cAACa,EAAD,CAAeV,SAAO,EAACa,SAAUvB,EAAMuB,uBACrCjB,EAAAC,cAACyB,EAAqBG,KAAtBtB,EAAA,GAA+Bb,EAA/B,CAAsCe,IAAKd,oCASjD,MAAMkB,EAAOtB,iBACb,MAAMuC,EAAYpB,sBAClB,MAAMqB,EAASjB,mBACf,MAAMkB,EAAOb,iBACb,MAAMc,EAAcR,wBACpB,MAAMS,EAAaN","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n Object.keys(source).forEach(function(key) {\n if (key === 'default' || key === '__esModule') {\n return;\n }\n\n Object.defineProperty(dest, key, {\n enumerable: true,\n get: function get() {\n return source[key];\n },\n });\n });\n\n return dest;\n}\n\nfunction $parcel$missingModule(name) {\n var err = new Error(\"Cannot find module '\" + name + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n}\n\nvar $parcel$global =\n typeof globalThis !== 'undefined'\n ? globalThis\n : typeof self !== 'undefined'\n ? self\n : typeof window !== 'undefined'\n ? window\n : typeof global !== 'undefined'\n ? global\n : {};\n","import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContext } from '@radix-ui/react-context';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToolbarContextValue = { orientation: RovingFocusGroupProps['orientation'] };\nconst [ToolbarProvider, useToolbarContext] = createContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>((props, forwardedRef) => {\n const { orientation = 'horizontal', dir = 'ltr', loop = true, ...toolbarProps } = props;\n return (\n <ToolbarProvider orientation={orientation}>\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div role=\"toolbar\" dir={dir} {...toolbarProps} ref={forwardedRef} />\n </RovingFocusGroup>\n </ToolbarProvider>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props, forwardedRef) => {\n const context = useToolbarContext(SEPARATOR_NAME);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...props}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable={!props.disabled}>\n <Primitive.button role=\"toolbaritem\" {...props} ref={forwardedRef} />\n </RovingFocusItem>\n )\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable>\n <Primitive.a\n role=\"toolbaritem\"\n {...props}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusItem>\n )\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>((props, forwardedRef) => {\n const context = useToolbarContext(TOGGLE_GROUP_NAME);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n {...props}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n});\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props, forwardedRef) => (\n <ToolbarButton asChild disabled={props.disabled}>\n <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} />\n </ToolbarButton>\n )\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["a","__esModule","default","$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","ToolbarProvider","useToolbarContext","createContext","Toolbar","React","forwardRef","props","forwardedRef","orientation","dir","loop","toolbarProps","_react","createElement","$ad2966449eadd63e15eb1cd256d5fc2$var$ToolbarProvider","RovingFocusGroup","asChild","Primitive","div","_babelRuntimeHelpersExtends","role","ref","ToolbarSeparator","context","_radixUiReactSeparator","Root","ToolbarButton","RovingFocusItem","focusable","disabled","button","ToolbarLink","onKeyDown","composeEventHandlers","event","currentTarget","click","ToolbarToggleGroup","_radixUiReactToggleGroup","rovingFocus","ToolbarToggleItem","Item","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.js.map"}
@@ -1 +1 @@
1
- {"mappings":"maAcA,MAIOA,EAAiBC,GAAqBC,EAJxB,kBAcrB,MAAMC,qBAAUC,EAAMC,YAAyC,CAACC,EAAOC,KACrE,MAAMC,YAAEA,EAAc,aAAhBC,IAA8BA,EAAM,MAApCC,KAA2CA,GAAO,KAASC,GAAiBL,eAClF,OACEM,EAAAC,cAACC,EAAD,CAAiBN,YAAaA,gBAC5BI,EAAAC,cAACE,EAAD,CAAkBC,SAAO,EAACR,YAAaA,EAAaC,IAAKA,EAAKC,KAAMA,gBAClEE,EAAAC,cAACI,EAAUC,IAAXC,EAAA,CAAeC,KAAK,UAAUX,IAAKA,GAASE,EAA5C,CAA0DU,IAAKd,iBAgBvE,MAAMe,8BAAmBlB,EAAMC,YAC7B,CAACC,EAAOC,KACN,MAAMgB,EAAUtB,EARG,iCASnB,OACEW,EAAAC,cAACW,EAAmBC,KAApBN,EAAA,CACEX,YAAqC,eAAxBe,EAAQf,YAA+B,WAAa,cAC7DF,EAFN,CAGEe,IAAKd,4BAkBb,MAAMmB,2BAAgBtB,EAAMC,YAC1B,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAYtB,EAAMuB,uBACzCjB,EAAAC,cAACI,EAAUa,OAAXX,EAAA,CAAkBC,KAAK,eAAkBd,EAAzC,CAAgDe,IAAKd,4BAiB3D,MAAMwB,yBAAc3B,EAAMC,YACxB,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAS,gBAChChB,EAAAC,cAACI,EAAUe,EAAXb,EAAA,CACEC,KAAK,eACDd,EAFN,CAGEe,IAAKd,EACL0B,UAAWC,EAAqB5B,EAAM2B,WAAYE,IAC9B,MAAdA,EAAMC,KAAaD,EAAME,cAAcC,qCAoBrD,MAAMC,gCAAqBnC,EAAMC,YAC/B,CAACC,EAAOC,KACN,MAAMgB,EAAUtB,EATM,mCAUtB,OACEW,EAAAC,cAAC2B,EAAqBf,KAAtBN,EAAA,CACE,mBAAkBI,EAAQf,aACtBF,EAFN,CAGEe,IAAKd,EACLkC,aAAa,4BAkBrB,MAAMC,+BAAoBtC,EAAMC,YAC9B,CAACC,EAAOC,iBACNK,EAAAC,cAACa,cAAD,CAAeV,SAAO,EAACa,SAAUvB,EAAMuB,uBACrCjB,EAAAC,cAAC2B,EAAqBG,KAAtBxB,EAAA,GAA+Bb,EAA/B,CAAsCe,IAAKd,4BASjD,MAAMkB,KAAOtB,eACb,MAAMyC,UAAYtB,wBAClB,MAAMuB,OAASnB,qBACf,MAAMoB,KAAOf,mBACb,MAAMgB,YAAcR,0BACpB,MAAMS,WAAaN","sources":["./packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContext } from '@radix-ui/react-context';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToolbarContextValue = { orientation: RovingFocusGroupProps['orientation'] };\nconst [ToolbarProvider, useToolbarContext] = createContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>((props, forwardedRef) => {\n const { orientation = 'horizontal', dir = 'ltr', loop = true, ...toolbarProps } = props;\n return (\n <ToolbarProvider orientation={orientation}>\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div role=\"toolbar\" dir={dir} {...toolbarProps} ref={forwardedRef} />\n </RovingFocusGroup>\n </ToolbarProvider>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props, forwardedRef) => {\n const context = useToolbarContext(SEPARATOR_NAME);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...props}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable={!props.disabled}>\n <Primitive.button role=\"toolbaritem\" {...props} ref={forwardedRef} />\n </RovingFocusItem>\n )\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable>\n <Primitive.a\n role=\"toolbaritem\"\n {...props}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusItem>\n )\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\n// ToggleGroup props are a union of interfaces so we use a type alias because interfaces cannot extend unions.\ntype ToolbarToggleGroupProps = ToggleGroupProps;\n\nconst ToolbarToggleGroup = React.forwardRef<ToolbarToggleGroupElement, ToolbarToggleGroupProps>(\n (props, forwardedRef) => {\n const context = useToolbarContext(TOGGLE_GROUP_NAME);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n {...props}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n }\n);\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props, forwardedRef) => (\n <ToolbarButton asChild disabled={props.disabled}>\n <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} />\n </ToolbarButton>\n )\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupProps,\n ToolbarToggleItemProps,\n};\n"],"names":["ToolbarProvider","useToolbarContext","createContext","Toolbar","React","forwardRef","props","forwardedRef","orientation","dir","loop","toolbarProps","_react","createElement","$ad9457c173723bf8dc92def88a055d79$var$ToolbarProvider","RovingFocusGroup","asChild","Primitive","div","_babelRuntimeHelpersEsmExtends","role","ref","ToolbarSeparator","context","_radixUiReactSeparator","Root","ToolbarButton","RovingFocusItem","focusable","disabled","button","ToolbarLink","a","onKeyDown","composeEventHandlers","event","key","currentTarget","click","ToolbarToggleGroup","_radixUiReactToggleGroup","rovingFocus","ToolbarToggleItem","Item","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.module.js.map"}
1
+ {"mappings":"maAcA,MAIOA,EAAiBC,GAAqBC,EAJxB,kBAcrB,MAAMC,qBAAUC,EAAMC,YAAyC,CAACC,EAAOC,KACrE,MAAMC,YAAEA,EAAc,aAAhBC,IAA8BA,EAAM,MAApCC,KAA2CA,GAAO,KAASC,GAAiBL,eAClF,OACEM,EAAAC,cAACC,EAAD,CAAiBN,YAAaA,gBAC5BI,EAAAC,cAACE,EAAD,CAAkBC,SAAO,EAACR,YAAaA,EAAaC,IAAKA,EAAKC,KAAMA,gBAClEE,EAAAC,cAACI,EAAUC,IAAXC,EAAA,CAAeC,KAAK,UAAUX,IAAKA,GAASE,EAA5C,CAA0DU,IAAKd,iBAgBvE,MAAMe,8BAAmBlB,EAAMC,YAC7B,CAACC,EAAOC,KACN,MAAMgB,EAAUtB,EARG,iCASnB,OACEW,EAAAC,cAACW,EAAmBC,KAApBN,EAAA,CACEX,YAAqC,eAAxBe,EAAQf,YAA+B,WAAa,cAC7DF,EAFN,CAGEe,IAAKd,4BAkBb,MAAMmB,2BAAgBtB,EAAMC,YAC1B,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAYtB,EAAMuB,uBACzCjB,EAAAC,cAACI,EAAUa,OAAXX,EAAA,CAAkBC,KAAK,eAAkBd,EAAzC,CAAgDe,IAAKd,4BAiB3D,MAAMwB,yBAAc3B,EAAMC,YACxB,CAACC,EAAOC,iBACNK,EAAAC,cAACc,EAAD,CAAiBX,SAAO,EAACY,WAAS,gBAChChB,EAAAC,cAACI,EAAUe,EAAXb,EAAA,CACEC,KAAK,eACDd,EAFN,CAGEe,IAAKd,EACL0B,UAAWC,EAAqB5B,EAAM2B,WAAYE,IAC9B,MAAdA,EAAMC,KAAaD,EAAME,cAAcC,qCAoBrD,MAAMC,gCAAqBnC,EAAMC,YAG/B,CAACC,EAAOC,KACR,MAAMgB,EAAUtB,EAXQ,mCAYxB,OACEW,EAAAC,cAAC2B,EAAqBf,KAAtBN,EAAA,CACE,mBAAkBI,EAAQf,aACtBF,EAFN,CAGEe,IAAKd,EACLkC,aAAa,4BAiBnB,MAAMC,+BAAoBtC,EAAMC,YAC9B,CAACC,EAAOC,iBACNK,EAAAC,cAACa,cAAD,CAAeV,SAAO,EAACa,SAAUvB,EAAMuB,uBACrCjB,EAAAC,cAAC2B,EAAqBG,KAAtBxB,EAAA,GAA+Bb,EAA/B,CAAsCe,IAAKd,4BASjD,MAAMkB,KAAOtB,eACb,MAAMyC,UAAYtB,wBAClB,MAAMuB,OAASnB,qBACf,MAAMoB,KAAOf,mBACb,MAAMgB,YAAcR,0BACpB,MAAMS,WAAaN","sources":["./packages/react/toolbar/src/Toolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { composeEventHandlers } from '@radix-ui/primitive';\nimport { createContext } from '@radix-ui/react-context';\nimport { RovingFocusGroup, RovingFocusItem } from '@radix-ui/react-roving-focus';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport type * as Radix from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Toolbar\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOOLBAR_NAME = 'Toolbar';\n\ntype RovingFocusGroupProps = Radix.ComponentPropsWithoutRef<typeof RovingFocusGroup>;\ntype ToolbarContextValue = { orientation: RovingFocusGroupProps['orientation'] };\nconst [ToolbarProvider, useToolbarContext] = createContext<ToolbarContextValue>(TOOLBAR_NAME);\n\ntype ToolbarElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ToolbarProps extends PrimitiveDivProps {\n orientation?: RovingFocusGroupProps['orientation'];\n loop?: RovingFocusGroupProps['loop'];\n dir?: RovingFocusGroupProps['dir'];\n}\n\nconst Toolbar = React.forwardRef<ToolbarElement, ToolbarProps>((props, forwardedRef) => {\n const { orientation = 'horizontal', dir = 'ltr', loop = true, ...toolbarProps } = props;\n return (\n <ToolbarProvider orientation={orientation}>\n <RovingFocusGroup asChild orientation={orientation} dir={dir} loop={loop}>\n <Primitive.div role=\"toolbar\" dir={dir} {...toolbarProps} ref={forwardedRef} />\n </RovingFocusGroup>\n </ToolbarProvider>\n );\n});\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'ToolbarSeparator';\n\ntype ToolbarSeparatorElement = React.ElementRef<typeof SeparatorPrimitive.Root>;\ntype SeparatorProps = Radix.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;\ninterface ToolbarSeparatorProps extends SeparatorProps {}\n\nconst ToolbarSeparator = React.forwardRef<ToolbarSeparatorElement, ToolbarSeparatorProps>(\n (props, forwardedRef) => {\n const context = useToolbarContext(SEPARATOR_NAME);\n return (\n <SeparatorPrimitive.Root\n orientation={context.orientation === 'horizontal' ? 'vertical' : 'horizontal'}\n {...props}\n ref={forwardedRef}\n />\n );\n }\n);\n\nToolbarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUTTON_NAME = 'ToolbarButton';\n\ntype ToolbarButtonElement = React.ElementRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface ToolbarButtonProps extends PrimitiveButtonProps {}\n\nconst ToolbarButton = React.forwardRef<ToolbarButtonElement, ToolbarButtonProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable={!props.disabled}>\n <Primitive.button role=\"toolbaritem\" {...props} ref={forwardedRef} />\n </RovingFocusItem>\n )\n);\n\nToolbarButton.displayName = BUTTON_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarLink\n * -----------------------------------------------------------------------------------------------*/\n\nconst LINK_NAME = 'ToolbarLink';\n\ntype ToolbarLinkElement = React.ElementRef<typeof Primitive.a>;\ntype PrimitiveLinkProps = Radix.ComponentPropsWithoutRef<typeof Primitive.a>;\ninterface ToolbarLinkProps extends PrimitiveLinkProps {}\n\nconst ToolbarLink = React.forwardRef<ToolbarLinkElement, ToolbarLinkProps>(\n (props, forwardedRef) => (\n <RovingFocusItem asChild focusable>\n <Primitive.a\n role=\"toolbaritem\"\n {...props}\n ref={forwardedRef}\n onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === ' ') event.currentTarget.click();\n })}\n />\n </RovingFocusItem>\n )\n);\n\nToolbarLink.displayName = LINK_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_GROUP_NAME = 'ToolbarToggleGroup';\n\ntype ToolbarToggleGroupElement = React.ElementRef<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;\ninterface ToolbarToggleGroupSingleProps extends Extract<ToggleGroupProps, { type: 'single' }> {}\ninterface ToolbarToggleGroupMultipleProps extends Extract<ToggleGroupProps, { type: 'multiple' }> {}\n\nconst ToolbarToggleGroup = React.forwardRef<\n ToolbarToggleGroupElement,\n ToolbarToggleGroupSingleProps | ToolbarToggleGroupMultipleProps\n>((props, forwardedRef) => {\n const context = useToolbarContext(TOGGLE_GROUP_NAME);\n return (\n <ToggleGroupPrimitive.Root\n data-orientation={context.orientation}\n {...props}\n ref={forwardedRef}\n rovingFocus={false}\n />\n );\n});\n\nToolbarToggleGroup.displayName = TOGGLE_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * ToolbarToggleItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst TOGGLE_ITEM_NAME = 'ToolbarToggleItem';\n\ntype ToolbarToggleItemElement = React.ElementRef<typeof ToggleGroupPrimitive.Item>;\ntype ToggleGroupItemProps = Radix.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\ninterface ToolbarToggleItemProps extends ToggleGroupItemProps {}\n\nconst ToolbarToggleItem = React.forwardRef<ToolbarToggleItemElement, ToolbarToggleItemProps>(\n (props, forwardedRef) => (\n <ToolbarButton asChild disabled={props.disabled}>\n <ToggleGroupPrimitive.Item {...props} ref={forwardedRef} />\n </ToolbarButton>\n )\n);\n\nToolbarToggleItem.displayName = TOGGLE_ITEM_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = Toolbar;\nconst Separator = ToolbarSeparator;\nconst Button = ToolbarButton;\nconst Link = ToolbarLink;\nconst ToggleGroup = ToolbarToggleGroup;\nconst ToggleItem = ToolbarToggleItem;\n\nexport {\n Toolbar,\n ToolbarSeparator,\n ToolbarButton,\n ToolbarLink,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n //\n Root,\n Separator,\n Button,\n Link,\n ToggleGroup,\n ToggleItem,\n};\nexport type {\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarButtonProps,\n ToolbarLinkProps,\n ToolbarToggleGroupSingleProps,\n ToolbarToggleGroupMultipleProps,\n ToolbarToggleItemProps,\n};\n"],"names":["ToolbarProvider","useToolbarContext","createContext","Toolbar","React","forwardRef","props","forwardedRef","orientation","dir","loop","toolbarProps","_react","createElement","$ad9457c173723bf8dc92def88a055d79$var$ToolbarProvider","RovingFocusGroup","asChild","Primitive","div","_babelRuntimeHelpersEsmExtends","role","ref","ToolbarSeparator","context","_radixUiReactSeparator","Root","ToolbarButton","RovingFocusItem","focusable","disabled","button","ToolbarLink","a","onKeyDown","composeEventHandlers","event","key","currentTarget","click","ToolbarToggleGroup","_radixUiReactToggleGroup","rovingFocus","ToolbarToggleItem","Item","Separator","Button","Link","ToggleGroup","ToggleItem"],"version":3,"file":"index.module.js.map"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ui/react-toolbar",
3
- "version": "0.1.0-rc.2",
3
+ "version": "0.1.0",
4
4
  "license": "MIT",
5
5
  "source": "src/index.ts",
6
6
  "main": "dist/index.js",
@@ -17,11 +17,11 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime": "^7.13.10",
20
- "@radix-ui/primitive": "0.1.0-rc.2",
21
- "@radix-ui/react-context": "0.1.0-rc.2",
22
- "@radix-ui/react-roving-focus": "0.1.0-rc.2",
23
- "@radix-ui/react-separator": "0.1.0-rc.2",
24
- "@radix-ui/react-toggle-group": "0.1.0-rc.2"
20
+ "@radix-ui/primitive": "0.1.0",
21
+ "@radix-ui/react-context": "0.1.0",
22
+ "@radix-ui/react-roving-focus": "0.1.0",
23
+ "@radix-ui/react-separator": "0.1.0",
24
+ "@radix-ui/react-toggle-group": "0.1.0"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "react": "^16.8 || ^17.0"
@@ -33,6 +33,5 @@
33
33
  },
34
34
  "bugs": {
35
35
  "url": "https://github.com/radix-ui/primitives/issues"
36
- },
37
- "stableVersion": "0.0.14"
36
+ }
38
37
  }