@atom-learning/components 6.3.1 → 6.4.0

package/dist/components/checkbox-tree/CheckboxTree.d.ts

@@ -276,16 +276,14 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
     }) => JSX.Element;
     CollapsibleContent: ({ children, ...rest }: {
         content?: string | undefined | undefined;
-        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
         translate?: "yes" | "no" | undefined | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         children?: React.ReactNode;
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
-        ref?: React.Ref<HTMLElement> | undefined;
+        ref?: React.Ref<HTMLUListElement> | undefined;
         className?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
@@ -342,166 +340,166 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        onCopy?: (React.ClipboardEventHandler<HTMLDivElement> & React.ClipboardEventHandler<HTMLUListElement>) | undefined;
+        onCopyCapture?: (React.ClipboardEventHandler<HTMLDivElement> & React.ClipboardEventHandler<HTMLUListElement>) | undefined;
+        onCut?: (React.ClipboardEventHandler<HTMLDivElement> & React.ClipboardEventHandler<HTMLUListElement>) | undefined;
+        onCutCapture?: (React.ClipboardEventHandler<HTMLDivElement> & React.ClipboardEventHandler<HTMLUListElement>) | undefined;
+        onPaste?: (React.ClipboardEventHandler<HTMLDivElement> & React.ClipboardEventHandler<HTMLUListElement>) | undefined;
+        onPasteCapture?: (React.ClipboardEventHandler<HTMLDivElement> & React.ClipboardEventHandler<HTMLUListElement>) | undefined;
+        onCompositionEnd?: (React.CompositionEventHandler<HTMLDivElement> & React.CompositionEventHandler<HTMLUListElement>) | undefined;
+        onCompositionEndCapture?: (React.CompositionEventHandler<HTMLDivElement> & React.CompositionEventHandler<HTMLUListElement>) | undefined;
+        onCompositionStart?: (React.CompositionEventHandler<HTMLDivElement> & React.CompositionEventHandler<HTMLUListElement>) | undefined;
+        onCompositionStartCapture?: (React.CompositionEventHandler<HTMLDivElement> & React.CompositionEventHandler<HTMLUListElement>) | undefined;
+        onCompositionUpdate?: (React.CompositionEventHandler<HTMLDivElement> & React.CompositionEventHandler<HTMLUListElement>) | undefined;
+        onCompositionUpdateCapture?: (React.CompositionEventHandler<HTMLDivElement> & React.CompositionEventHandler<HTMLUListElement>) | undefined;
+        onFocus?: (React.FocusEventHandler<HTMLDivElement> & React.FocusEventHandler<HTMLUListElement>) | undefined;
+        onFocusCapture?: (React.FocusEventHandler<HTMLDivElement> & React.FocusEventHandler<HTMLUListElement>) | undefined;
+        onBlur?: (React.FocusEventHandler<HTMLDivElement> & React.FocusEventHandler<HTMLUListElement>) | undefined;
+        onBlurCapture?: (React.FocusEventHandler<HTMLDivElement> & React.FocusEventHandler<HTMLUListElement>) | undefined;
+        onChange?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onChangeCapture?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onBeforeInput?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onBeforeInputCapture?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onInput?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onInputCapture?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onReset?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onResetCapture?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onSubmit?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onSubmitCapture?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onInvalid?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onInvalidCapture?: (React.FormEventHandler<HTMLDivElement> & React.FormEventHandler<HTMLUListElement>) | undefined;
+        onLoad?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onError?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onErrorCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onKeyDown?: (React.KeyboardEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLUListElement>) | undefined;
+        onKeyDownCapture?: (React.KeyboardEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLUListElement>) | undefined;
+        onKeyPress?: (React.KeyboardEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLUListElement>) | undefined;
+        onKeyPressCapture?: (React.KeyboardEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLUListElement>) | undefined;
+        onKeyUp?: (React.KeyboardEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLUListElement>) | undefined;
+        onKeyUpCapture?: (React.KeyboardEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLUListElement>) | undefined;
+        onAbort?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onAbortCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onCanPlay?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onCanPlayCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onCanPlayThrough?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onCanPlayThroughCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onDurationChange?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onDurationChangeCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onEmptied?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onEmptiedCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onEncrypted?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onEncryptedCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onEnded?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onEndedCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadedData?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadedDataCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadedMetadata?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadedMetadataCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadStart?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onLoadStartCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onPause?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onPauseCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onPlay?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onPlayCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onPlaying?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onPlayingCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onProgress?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onProgressCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onRateChange?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onRateChangeCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSeeked?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSeekedCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSeeking?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSeekingCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onStalled?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onStalledCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSuspend?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSuspendCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onTimeUpdate?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onTimeUpdateCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onVolumeChange?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onVolumeChangeCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onWaiting?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onWaitingCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onAuxClick?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onAuxClickCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onClick?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onClickCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onContextMenu?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onContextMenuCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onDoubleClick?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onDoubleClickCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onDrag?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragEnd?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragEndCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragEnter?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragEnterCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragExit?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragExitCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragLeave?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragLeaveCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragOver?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragOverCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragStart?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDragStartCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDrop?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onDropCapture?: (React.DragEventHandler<HTMLDivElement> & React.DragEventHandler<HTMLUListElement>) | undefined;
+        onMouseDown?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseDownCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseEnter?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseLeave?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseMove?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseMoveCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseOut?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseOutCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseOver?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseOverCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseUp?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onMouseUpCapture?: (React.MouseEventHandler<HTMLDivElement> & React.MouseEventHandler<HTMLUListElement>) | undefined;
+        onSelect?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onSelectCapture?: (React.ReactEventHandler<HTMLDivElement> & React.ReactEventHandler<HTMLUListElement>) | undefined;
+        onTouchCancel?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchCancelCapture?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchEnd?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchEndCapture?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchMove?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchMoveCapture?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchStart?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onTouchStartCapture?: (React.TouchEventHandler<HTMLDivElement> & React.TouchEventHandler<HTMLUListElement>) | undefined;
+        onPointerDown?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerDownCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerMove?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerMoveCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerUp?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerUpCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerCancel?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerCancelCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerEnter?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerEnterCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerLeave?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerLeaveCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerOver?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerOverCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerOut?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onPointerOutCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onGotPointerCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onGotPointerCaptureCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onLostPointerCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onLostPointerCaptureCapture?: (React.PointerEventHandler<HTMLDivElement> & React.PointerEventHandler<HTMLUListElement>) | undefined;
+        onScroll?: (React.UIEventHandler<HTMLDivElement> & React.UIEventHandler<HTMLUListElement>) | undefined;
+        onScrollCapture?: (React.UIEventHandler<HTMLDivElement> & React.UIEventHandler<HTMLUListElement>) | undefined;
+        onWheel?: (React.WheelEventHandler<HTMLDivElement> & React.WheelEventHandler<HTMLUListElement>) | undefined;
+        onWheelCapture?: (React.WheelEventHandler<HTMLDivElement> & React.WheelEventHandler<HTMLUListElement>) | undefined;
+        onAnimationStart?: (React.AnimationEventHandler<HTMLDivElement> & React.AnimationEventHandler<HTMLUListElement>) | undefined;
+        onAnimationStartCapture?: (React.AnimationEventHandler<HTMLDivElement> & React.AnimationEventHandler<HTMLUListElement>) | undefined;
+        onAnimationEnd?: (React.AnimationEventHandler<HTMLDivElement> & React.AnimationEventHandler<HTMLUListElement>) | undefined;
+        onAnimationEndCapture?: (React.AnimationEventHandler<HTMLDivElement> & React.AnimationEventHandler<HTMLUListElement>) | undefined;
+        onAnimationIteration?: (React.AnimationEventHandler<HTMLDivElement> & React.AnimationEventHandler<HTMLUListElement>) | undefined;
+        onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLDivElement> & React.AnimationEventHandler<HTMLUListElement>) | undefined;
+        onTransitionEnd?: (React.TransitionEventHandler<HTMLDivElement> & React.TransitionEventHandler<HTMLUListElement>) | undefined;
+        onTransitionEndCapture?: (React.TransitionEventHandler<HTMLDivElement> & React.TransitionEventHandler<HTMLUListElement>) | undefined;
         key?: React.Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -541,16 +539,12 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
         as?: React.ElementType | undefined;
-        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
         forceMount?: true | undefined;
-        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
     }) => JSX.Element;
     CollapsibleTrigger: ({ onCheckedChange, title, label, children, disabled, ...rest }: {
         content?: string | undefined | undefined;
-        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
         size?: "md" | "lg" | undefined;
         translate?: "yes" | "no" | undefined | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         children?: React.ReactNode;
@@ -567,7 +561,6 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         type?: "submit" | "reset" | "button" | undefined | undefined;
         role?: React.AriaRole | undefined;
         tabIndex?: number | undefined | undefined;
-        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -825,17 +818,13 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
         state?: "error" | undefined;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
     }) => JSX.Element;
     Item: ({ value, title, onCheckedChange, children, disabled, ...rest }: {
         content?: string | undefined | undefined;
-        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
         size?: "md" | "lg" | undefined;
         translate?: "yes" | "no" | undefined | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
         color?: string | undefined | undefined;
         prefix?: string | undefined | undefined;
         children?: React.ReactNode;
@@ -851,7 +840,6 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         type?: "submit" | "reset" | "button" | undefined | undefined;
         role?: React.AriaRole | undefined;
         tabIndex?: number | undefined | undefined;
-        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -1109,8 +1097,6 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
         state?: "error" | undefined;
         onCheckedChange?: ((newChecked: boolean) => void) | undefined;
     }) => JSX.Element;

package/dist/components/checkbox-tree/CheckboxTreeItemContent.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-import { Flex } from '../../components/flex/Flex';
-type CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>;
+declare const StyledItemContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | React.RefObject<HTMLLabelElement> | null | undefined;
+}, never> & {
+    as?: React.ElementType;
+}>;
+type CheckboxTreeItemContentProps = React.ComponentProps<typeof StyledItemContent>;
 export declare const CheckboxTreeItemContent: ({ children, ...rest }: CheckboxTreeItemContentProps) => JSX.Element;
 export {};

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Flex as n}from"../flex/Flex.js";import{Icon as l}from"../icon/Icon.js";import{Tree as r}from"../tree/Tree.js";import{styled as a}from"../../styled.js";const p=a(n,{base:["max-w-full"]}),i=({children:o,...m})=>t.createElement(p,{gap:2,align:"center",as:"label",...m},t.Children.map(o,e=>typeof e=="string"||typeof e=="number"?t.createElement(r.Text,null,e):t.isValidElement(e)&&e.type===l?t.createElement(r.Icon,{...e.props}):e));export{i as CheckboxTreeItemContent};
+import*as t from"react";import{Icon as n}from"../icon/Icon.js";import{Tree as r}from"../tree/Tree.js";import{styled as l}from"../../styled.js";const p=l("label",{base:["max-w-full","flex","items-center","gap-2"]}),a=({children:o,...m})=>t.createElement(p,{...m},t.Children.map(o,e=>typeof e=="string"||typeof e=="number"?t.createElement(r.Text,null,e):t.isValidElement(e)&&e.type===n?t.createElement(r.Icon,{...e.props}):e));export{a as CheckboxTreeItemContent};
 //# sourceMappingURL=CheckboxTreeItemContent.js.map

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItemContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex/Flex'\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled(Flex, {\n  base: ['max-w-full']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore: Stitches polymorphic components issue due to `as=\"label\"`\n    <StyledItemContent gap={2} align=\"center\" as=\"label\" {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return <Tree.Text>{child}</Tree.Text>\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledItemContent>\n  )\n}\n"],"names":["StyledItemContent","styled","Flex","CheckboxTreeItemContent","children","rest","React","child","Tree","Icon"],"mappings":"sLAOA,MAAMA,EAAoBC,EAAOC,EAAM,CACrC,KAAM,CAAC,YAAY,CACrB,CAAC,EAIYC,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAIIC,EAAA,cAACN,EAAA,CAAkB,IAAK,EAAG,MAAM,SAAS,GAAG,QAAS,GAAGK,CAAAA,EAErDC,EAAM,SAAS,IAAIF,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCD,EAAA,cAACE,EAAK,KAAL,KAAWD,CAAM,EAEvBD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASE,EACzCH,EAAA,cAACE,EAAK,KAAL,CAAW,GAAGD,EAAM,KAAO,CAAA,EAE9BA,CACR,CAEL"}
+{"version":3,"file":"CheckboxTreeItemContent.js","sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    <StyledItemContent {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return <Tree.Text>{child}</Tree.Text>\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledItemContent>\n  )\n}\n"],"names":["StyledItemContent","styled","CheckboxTreeItemContent","children","rest","React","child","Tree","Icon"],"mappings":"+IAMA,MAAMA,EAAoBC,EAAO,QAAS,CACxC,KAAM,CAAC,aAAc,OAAQ,eAAgB,OAAO,CACtD,CAAC,EAMYC,EAA0B,CAAC,CACtC,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAA,cAACL,EAAA,CAAmB,GAAGI,CAEnBC,EAAAA,EAAM,SAAS,IAAIF,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCD,EAAA,cAACE,EAAK,KAAL,KAAWD,CAAM,EAEvBD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASE,EACzCH,EAAA,cAACE,EAAK,KAAL,CAAW,GAAGD,EAAM,KAAO,CAAA,EAE9BA,CACR,CAEL"}

package/dist/components/chip/ChipGroup.d.ts

@@ -1,16 +1,5 @@
-import * as React from 'react';
-type TChipGroupProps = {
-    gap: 1 | 2 | 3;
-};
-export declare const ChipGroup: React.ForwardRefExoticComponent<Omit<TChipGroupProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
-    as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const ChipGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}>;

package/dist/components/chip/ChipGroup.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{Flex as a}from"../flex/Flex.js";const t=r.forwardRef(({gap:e=2,...o},p)=>r.createElement(a,{direction:"row",wrap:"wrap",gap:e,...o,ref:p}));export{t as ChipGroup};
+import{styled as e}from"../../styled.js";const o=e("div",{base:["flex","flex-row","flex-wrap","gap-2"]});export{o as ChipGroup};
 //# sourceMappingURL=ChipGroup.js.map

package/dist/components/chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex/Flex'\n\ntype TChipGroupProps = {\n  gap: 1 | 2 | 3\n}\n\nexport const ChipGroup = React.forwardRef<\n  HTMLDivElement,\n  TChipGroupProps & React.ComponentProps<typeof Flex>\n>(({ gap = 2, ...rest }, ref) => (\n  <Flex direction=\"row\" wrap=\"wrap\" gap={gap} {...rest} ref={ref} />\n))\n"],"names":["ChipGroup","React","gap","rest","ref","Flex"],"mappings":"+DAQO,MAAMA,EAAYC,EAAM,WAG7B,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGC,CAAK,EAAGC,IACvBH,EAAA,cAACI,EAAA,CAAK,UAAU,MAAM,KAAK,OAAO,IAAKH,EAAM,GAAGC,EAAM,IAAKC,EAAK,CACjE"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"names":["ChipGroup","styled"],"mappings":"yCAEO,MAAMA,EAAYC,EAAO,MAAO,CACrC,KAAM,CAAC,OAAQ,WAAY,YAAa,OAAO,CACjD,CAAC"}

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.d.ts

@@ -1,30 +1,14 @@
 import * as React from 'react';
-export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<{
-    gap: 1 | 2 | 3;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const ChipToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
+}, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
+} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
-}, "ref">, "ref"> | Omit<Omit<{
-    gap: 1 | 2 | 3;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
+}, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
+} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
-}, "ref">, "ref">) & React.RefAttributes<HTMLDivElement>>;
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;