@yamada-ui/checkbox 1.1.6 → 1.1.7-dev-20240903225726

package/dist/checkbox-group.js

@@ -377,9 +377,8 @@ var CheckboxIcon = ({
         transform: "translate(-50%, -50%)"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_core.ui.div,
+        import_motion.motion.div,
         {
-          as: import_motion.motion.div,
           variants: {
             unchecked: { scale: 0.5 },
             checked: { scale: 1 }
@@ -400,9 +399,8 @@ var CheckboxIcon = ({
 };
 var CheckIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.svg,
+    import_motion.motion.svg,
     {
-      as: import_motion.motion.svg,
       width: "1.2em",
       viewBox: "0 0 12 10",
       variants: {
@@ -429,9 +427,8 @@ var CheckIcon = (props) => {
 };
 var IndeterminateIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.ui.svg,
+    import_motion.motion.svg,
     {
-      as: import_motion.motion.svg,
       width: "1.2em",
       viewBox: "0 0 24 24",
       variants: {

package/dist/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox-group.tsx","../src/checkbox.tsx"],"sourcesContent":["import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n","import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { SVGMotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = HTMLUIProps<\"svg\"> &\n  SVGMotionProps<SVGSVGElement> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <ui.div\n            as={motion.div}\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </ui.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>> = (\n  props,\n) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </ui.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<\n  HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>\n> = (props) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </ui.svg>\n  )\n}\n"],"mappings":"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","names":["import_form_control","import_utils","import_react","props","_a","import_jsx_runtime","props","value","props"]}
+{"version":3,"sources":["../src/checkbox-group.tsx","../src/checkbox.tsx"],"sourcesContent":["import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n","import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { MotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = MotionProps<\"svg\"> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <motion.div\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </motion.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </motion.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </motion.svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,uBAA+B;AAE/B,qBAAqB;AACrB,oCAAqC;AAErC,IAAAC,gBAMO;AAEP,IAAAC,gBAAwC;;;ACTxC,kBAA2D;AAE3D,0BAIO;AAEP,oBAAwC;AACxC,+BAAkC;AAElC,mBAUO;AAeP,mBAQO;AAiX0C;AA5T1C,IAAM,cAAc,CAGzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,6BAAO,oBAAM;AACb,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,GAAG;AAAA,EACL,QAAI,yCAAoB,EAAE,IAAI,GAAG,MAAM,CAAC;AACxC,QAAM,CAAC,EAAE,iBAAiB,eAAe,GAAG,iBAAiB,GAAG,IAAI,QAClE,0BAAY,eAAe,yCAAqB;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAkB,KAAK;AACnE,QAAM,CAAC,WAAW,UAAU,QAAI,uBAAkB,KAAK;AACvD,QAAM,CAAC,WAAW,UAAU,QAAI,uBAAkB,KAAK;AACvD,QAAM,CAAC,UAAU,SAAS,QAAI,uBAAkB,KAAK;AAErD,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,IAAI;AAEpD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAkB,CAAC,CAAC,gBAAgB;AAEtE,QAAM,eAAe,kBAAkB;AACvC,QAAM,UAAU,eAAgB,gBAA4B;AAE5D,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,UAAI,YAAY,UAAU;AACxB,WAAG,eAAe;AAElB;AAAA,MACF;AAEA,UAAI,CAAC;AACH,qBAAa,CAAC,WAAW,kBAAkB,OAAO,GAAG,OAAO,OAAO;AAErE,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,UAAU,cAAc,SAAS,eAAe;AAAA,EAC7D;AACA,QAAM,cAAU,6BAAe,WAAW;AAC1C,QAAM,aAAS,6BAAe,UAAU;AAExC,QAAM,gBAAY;AAAA,IAChB,CAAC,EAAE,IAAI,MAA8B;AACnC,UAAI,QAAQ,IAAK,WAAU,IAAI;AAAA,IACjC;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,EAAE,IAAI,MAA8B;AACnC,UAAI,QAAQ,IAAK,WAAU,KAAK;AAAA,IAClC;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,8BAAU,MAAM;AACd,eAAO,4CAAkB,iBAAiB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,wCAAoB,MAAM;AACxB,QAAI,SAAS;AACX,eAAS,QAAQ,gBAAgB,QAAQ,eAAe;AAAA,EAC5D,GAAG,CAAC,eAAe,CAAC;AAEpB,oCAAgB,MAAM;AACpB,QAAI,SAAU,YAAW,KAAK;AAAA,EAChC,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,wCAAoB,MAAM;AA5L5B;AA6LI,QAAI,GAAC,cAAS,YAAT,mBAAkB,MAAM;AAE7B,aAAS,QAAQ,KAAK,UAAU,MAAM,aAAa,CAAC,CAAC,gBAAgB;AAAA,EACvE,GAAG,CAAC,CAAC;AAEL,wCAAoB,MAAM;AACxB,QAAI,CAAC,SAAS,QAAS;AAEvB,QAAI,SAAS,QAAQ,YAAY;AAC/B,mBAAa,SAAS,QAAQ,OAAO;AAAA,EACzC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,wBAAkC;AAAA,IACtC,CAACC,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH,SAAK,wBAAU,KAAK,CAAC,OAAgC;AACnD,YAAI,GAAI,YAAW,GAAG,YAAY,OAAO;AAAA,MAC3C,CAAC;AAAA,MACD,oBAAgB,uBAAS,OAAO;AAAA,MAChC,aAAS,yBAAWA,OAAM,SAAS,MAAM;AAjN/C;AAkNQ,YAAI,QAAS;AAEb,uBAAS,YAAT,mBAAkB;AAElB,8BAAsB,MAAG;AAtNjC,cAAAC;AAsNoC,kBAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,SAAO;AAAA,MACvD,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,SAAS,gBAAgB;AAAA,EACrC;AAEA,QAAM,mBAA6B;AAAA,IACjC,CAACD,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH;AAAA,MACA,mBAAe,uBAAS,QAAQ;AAAA,MAChC,kBAAc,uBAAS,SAAS;AAAA,MAChC,oBAAgB,uBAAS,OAAO;AAAA,MAChC,kBAAc,uBAAS,SAAS;AAAA,MAChC,0BAAsB,uBAAS,aAAa,cAAc;AAAA,MAC1D,0BAAsB,uBAAS,eAAe;AAAA,MAC9C,eAAe;AAAA,MACf,iBAAa,yBAAWA,OAAM,aAAa,CAAC,OAAyB;AACnE,YAAI,UAAW,IAAG,eAAe;AAEjC,kBAAU,IAAI;AAAA,MAChB,CAAC;AAAA,MACD,eAAW,yBAAWA,OAAM,WAAW,MAAM,UAAU,KAAK,CAAC;AAAA,MAC7D,kBAAc,yBAAWA,OAAM,cAAc,MAAM,WAAW,IAAI,CAAC;AAAA,MACnE,kBAAc,yBAAWA,OAAM,cAAc,MAAM,WAAW,KAAK,CAAC;AAAA,IACtE;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAA4B;AAAA,IAChC,CAACA,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH,SAAK,wBAAU,UAAU,GAAG;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,kBAAkB,UAAU;AAAA,MAC5C,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MACA,cAAU,yBAAWA,OAAM,UAAU,QAAQ;AAAA,MAC7C,YAAQ,yBAAWA,OAAM,QAAQ,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,MAChE,aAAS,yBAAWA,OAAM,SAAS,SAAS,MAAM,WAAW,IAAI,CAAC;AAAA,MAClE,eAAW,yBAAWA,OAAM,WAAW,SAAS;AAAA,MAChD,aAAS,yBAAWA,OAAM,SAAS,OAAO;AAAA,IAC5C;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAA4B;AAAA,IAChC,CAACA,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH;AAAA,MACA,oBAAgB,uBAAS,OAAO;AAAA,MAChC,iBAAa,yBAAWA,OAAM,aAAa,CAAC,OAAuB;AACjE,WAAG,eAAe;AAClB,WAAG,gBAAgB;AAAA,MACrB,CAAC;AAAA,MACD,kBAAc,yBAAWA,OAAM,cAAc,CAAC,OAAuB;AACnE,WAAG,eAAe;AAClB,WAAG,gBAAgB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,gBAAgB;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA+BO,IAAM,eAAW;AAAA,EACtB,CACE,OACA,QACG;AAjXP;AAkXI,UAAM,QAAQ,wBAAwB;AACtC,UAAM,EAAE,OAAO,YAAY,GAAG,WAAW,IAAI,EAAE,GAAG,MAAM;AACxD,UAAM,cAAU,oCAAe,KAAK;AACpC,UAAM,CAAC,QAAQ,WAAW,QAAI,oCAAuB,YAAY;AAAA,MAC/D,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,aAAY,gBAAW,cAAX,YAAwB,QAAQ;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAE9B,UAAM,gBACJ,cAAc,cAAc,QACxB,WAAW,SAAS,cAAc,KAAK,IACvC,cAAc;AACpB,UAAM,WACJ,WAAW,YAAY,cAAc,YACjC,sBAAQ,WAAW,UAAU,cAAc,QAAQ,IACnD,cAAc;AAEpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,IACT,IAAI,YAAY;AAAA,MACd,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAED,UAAM,EAAE,UAAU,YAAY,GAAG,kBAAkB,IAAI,EAAE,GAAG,UAAU;AACtE,UAAM,gBAAY,2BAAa,kCAAc,4CAAC,gBAAa,GAAI;AAAA,MAC7D,OAAO;AAAA,QACL,SAAS,aAAa,kBAAkB,IAAI;AAAA,QAC5C,WAAW,aAAa,kBAAkB,aAAa;AAAA,QACvD,oBAAoB;AAAA,QACpB,oBAAoB;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,eAAW,iBAAG,eAAe,SAAS;AAAA,QACrC,GAAG,kBAAkB;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,eAAe;AAAA,UACf;AAAA,UACA,GAAG,OAAO;AAAA,QACZ;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACT,GAAG,cAAc,YAAY,GAAG;AAAA;AAAA,UACnC;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,eAAe,aAAa,SAAS;AAAA,gBACrC,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,GAAG,OAAO;AAAA,cACZ;AAAA,cACC,GAAG,aAAa,iBAAiB;AAAA,cAEjC;AAAA;AAAA,UACH;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,cACxB,GAAG,cAAc,UAAwC;AAAA,cAEzD;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAkBhB,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,SACE,4CAAC,iCAAgB,SAAS,OACvB,6BAAmB,YAClB;AAAA,IAAC,eAAG;AAAA,IAAH;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,QAAC,qBAAO;AAAA,QAAP;AAAA,UACC,UAAU;AAAA,YACR,WAAW,EAAE,OAAO,IAAI;AAAA,YACxB,SAAS,EAAE,OAAO,EAAE;AAAA,UACtB;AAAA,UACA,SAAQ;AAAA,UACR,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OACE;AAAA,YACE,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UAGD,4BACC,4CAAC,qBAAmB,GAAG,MAAM,IAE7B,4CAAC,aAAW,GAAG,MAAM;AAAA;AAAA,MAEzB;AAAA;AAAA,EACF,IACE,MACN;AAEJ;AAEA,IAAM,YAAoC,CAAC,UAAU;AACnD,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,WAAW;AAAA,UACT,SAAS;AAAA,UACT,kBAAkB;AAAA,QACpB;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,kBAAkB;AAAA,UAClB,YAAY,EAAE,UAAU,IAAI;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB;AAAA,MACnB;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,cAAS,QAAO,sBAAqB;AAAA;AAAA,EACxC;AAEJ;AAEA,IAAM,oBAA4C,CAAC,UAAU;AAC3D,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,YACV,QAAQ,EAAE,UAAU,EAAE;AAAA,YACtB,SAAS,EAAE,UAAU,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,MACA,OAAO,EAAE,QAAQ,gBAAgB,aAAa,EAAE;AAAA,MAC/C,GAAG;AAAA,MAEJ,sDAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA,EACvC;AAEJ;;;ADpaQ,IAAAE,sBAAA;AAhKR,IAAM,UAAU,CAAC,UACf,aAAS,wBAAS,KAAK,SAAK,wBAAS,MAAM,MAAM;AAyB5C,IAAM,mBAAmB,CAG9B;AAAA,EACA,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAoC;AAClC,QAAM,kBAAc,8BAAe,YAAY;AAE/C,QAAM,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,eAAW;AAAA,IACf,CAAC,cAAiD;AAChD,YAAM,YAAY,QAAQ,SAAS,IAC/B,UAAU,OAAO,UACjB,CAAC,MAAM,SAAS,SAAS;AAE7B,YAAM,gBACJ,QAAQ,SAAS,IAAI,UAAU,OAAO,QAAQ;AAGhD,YAAM,YAAY,YACd,CAAC,GAAG,OAAO,aAAa,IACxB,MAAM,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,OAAO,aAAa,CAAC;AAE3D,eAAS,SAAS;AAAA,IACpB;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,QAAM,wBAAgC;AAAA,IACpC,CAACC,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,MAAM;AAAA,MACN,GAAGA;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,uBAIF;AAAA,IACF,CAACA,QAAO,MAAM,UAAU;AAAA,MACtB,GAAGA;AAAA,MACH;AAAA,MACA,CAAC,WAAW,YAAY,WAAW,GAAG,MAAM;AAAA,QAC1C,CAAC,QAAQ,OAAOA,UAAA,gBAAAA,OAAO,KAAK,MAAM,OAAO,GAAG;AAAA,MAC9C;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,KAAK;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA0BA,IAAM,CAAC,uBAAuB,uBAAuB,QAAI,6BAEvD;AAAA,EACA,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAIM,IAAM,oBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,IACF,IAAI,iBAAoB,KAAK;AAC7B,UAAM,EAAE,SAAS,YAAY,YAAY,YAAY,WAAW,GAAG,KAAK,QACtE,qCAAe,aAAa;AAE9B,UAAM,oBAAgB,gCAAiB,QAAQ;AAC/C,QAAI,mBAAmC,CAAC;AAExC,QAAI,CAAC,cAAc,UAAU,MAAM,QAAQ;AACzC,yBAAmB,MAAM,IAAI,CAAC,EAAE,OAAO,OAAAC,QAAO,GAAGC,OAAM,GAAG,MACxD,6CAAC,YAAiB,OAAOD,QAAQ,GAAGC,QACjC,mBADY,CAEf,CACD;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAW,kBAAG,qBAAqB,SAAS;AAAA,YAC5C;AAAA,YACA,KAAK,oBAAQ,cAAc,QAAQ,SAAS;AAAA,YAC3C,GAAG,kBAAkB;AAAA,cACpB,mBAAmB;AAAA,cACnB,GAAG;AAAA,YACL,CAAC;AAAA,YAEA,wCAAY;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,cAAc,cAAc;","names":["import_form_control","import_utils","import_react","props","_a","import_jsx_runtime","props","value","props"]}

package/dist/checkbox-group.mjs

@@ -3,7 +3,7 @@ import {
   CheckboxGroup,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "./chunk-IZQAQAZP.mjs";
+} from "./chunk-T525P47L.mjs";
 export {
   CheckboxGroup,
   useCheckboxGroup,

package/dist/checkbox.d.mts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ChangeEventHandler, FocusEventHandler, Ref, FC, ReactElement, InputHTMLAttributes } from 'react';
 import { UIPropGetter, HTMLUIProps, ThemeProps, ComponentArgs } from '@yamada-ui/core';
 import { FormControlOptions } from '@yamada-ui/form-control';
-import { SVGMotionProps } from '@yamada-ui/motion';
+import { MotionProps } from '@yamada-ui/motion';
 import { Dict, PropGetter, Merge } from '@yamada-ui/utils';
 
 type UseCheckboxProps<Y extends string | number = string> = FormControlOptions & {
@@ -223,7 +223,7 @@ declare const Checkbox: {
         ref?: Ref<HTMLInputElement>;
     }): JSX.Element;
 } & ComponentArgs;
-type CheckboxIconProps = HTMLUIProps<"svg"> & SVGMotionProps<SVGSVGElement> & FormControlOptions & {
+type CheckboxIconProps = MotionProps<"svg"> & FormControlOptions & {
     /**
      * If `true`, the icon will be indeterminate.
      *

package/dist/checkbox.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ChangeEventHandler, FocusEventHandler, Ref, FC, ReactElement, InputHTMLAttributes } from 'react';
 import { UIPropGetter, HTMLUIProps, ThemeProps, ComponentArgs } from '@yamada-ui/core';
 import { FormControlOptions } from '@yamada-ui/form-control';
-import { SVGMotionProps } from '@yamada-ui/motion';
+import { MotionProps } from '@yamada-ui/motion';
 import { Dict, PropGetter, Merge } from '@yamada-ui/utils';
 
 type UseCheckboxProps<Y extends string | number = string> = FormControlOptions & {
@@ -223,7 +223,7 @@ declare const Checkbox: {
         ref?: Ref<HTMLInputElement>;
     }): JSX.Element;
 } & ComponentArgs;
-type CheckboxIconProps = HTMLUIProps<"svg"> & SVGMotionProps<SVGSVGElement> & FormControlOptions & {
+type CheckboxIconProps = MotionProps<"svg"> & FormControlOptions & {
     /**
      * If `true`, the icon will be indeterminate.
      *

package/dist/checkbox.js

@@ -492,9 +492,8 @@ var CheckboxIcon = ({
         transform: "translate(-50%, -50%)"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_core.ui.div,
+        import_motion.motion.div,
         {
-          as: import_motion.motion.div,
           variants: {
             unchecked: { scale: 0.5 },
             checked: { scale: 1 }
@@ -515,9 +514,8 @@ var CheckboxIcon = ({
 };
 var CheckIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core.ui.svg,
+    import_motion.motion.svg,
     {
-      as: import_motion.motion.svg,
       width: "1.2em",
       viewBox: "0 0 12 10",
       variants: {
@@ -544,9 +542,8 @@ var CheckIcon = (props) => {
 };
 var IndeterminateIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core.ui.svg,
+    import_motion.motion.svg,
     {
-      as: import_motion.motion.svg,
       width: "1.2em",
       viewBox: "0 0 24 24",
       variants: {

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox.tsx","../src/checkbox-group.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { SVGMotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = HTMLUIProps<\"svg\"> &\n  SVGMotionProps<SVGSVGElement> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <ui.div\n            as={motion.div}\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </ui.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>> = (\n  props,\n) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </ui.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<\n  HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>\n> = (props) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </ui.svg>\n  )\n}\n","import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,kBAA2D;AAE3D,IAAAA,uBAIO;AAEP,oBAAwC;AACxC,+BAAkC;AAElC,IAAAC,gBAUO;AAeP,IAAAC,gBAQO;;;AChDP,0BAA+B;AAE/B,qBAAqB;AACrB,oCAAqC;AAErC,mBAMO;AAEP,mBAAwC;AAyKhC;AAhKR,IAAM,UAAU,CAAC,UACf,aAAS,uBAAS,KAAK,SAAK,uBAAS,MAAM,MAAM;AAyB5C,IAAM,mBAAmB,CAG9B;AAAA,EACA,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAoC;AAClC,QAAM,kBAAc,6BAAe,YAAY;AAE/C,QAAM,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,eAAW;AAAA,IACf,CAAC,cAAiD;AAChD,YAAM,YAAY,QAAQ,SAAS,IAC/B,UAAU,OAAO,UACjB,CAAC,MAAM,SAAS,SAAS;AAE7B,YAAM,gBACJ,QAAQ,SAAS,IAAI,UAAU,OAAO,QAAQ;AAGhD,YAAM,YAAY,YACd,CAAC,GAAG,OAAO,aAAa,IACxB,MAAM,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,OAAO,aAAa,CAAC;AAE3D,eAAS,SAAS;AAAA,IACpB;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,QAAM,wBAAgC;AAAA,IACpC,CAACC,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,MAAM;AAAA,MACN,GAAGA;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,uBAIF;AAAA,IACF,CAACA,QAAO,MAAM,UAAU;AAAA,MACtB,GAAGA;AAAA,MACH;AAAA,MACA,CAAC,WAAW,YAAY,WAAW,GAAG,MAAM;AAAA,QAC1C,CAAC,QAAQ,OAAOA,UAAA,gBAAAA,OAAO,KAAK,MAAM,OAAO,GAAG;AAAA,MAC9C;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,KAAK;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA0BA,IAAM,CAAC,uBAAuB,uBAAuB,QAAI,4BAEvD;AAAA,EACA,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAIM,IAAM,oBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,IACF,IAAI,iBAAoB,KAAK;AAC7B,UAAM,EAAE,SAAS,YAAY,YAAY,YAAY,WAAW,GAAG,KAAK,QACtE,oCAAe,aAAa;AAE9B,UAAM,oBAAgB,+BAAiB,QAAQ;AAC/C,QAAI,mBAAmC,CAAC;AAExC,QAAI,CAAC,cAAc,UAAU,MAAM,QAAQ;AACzC,yBAAmB,MAAM,IAAI,CAAC,EAAE,OAAO,OAAAC,QAAO,GAAGC,OAAM,GAAG,MACxD,4CAAC,YAAiB,OAAOD,QAAQ,GAAGC,QACjC,mBADY,CAEf,CACD;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAW,iBAAG,qBAAqB,SAAS;AAAA,YAC5C;AAAA,YACA,KAAK,oBAAQ,cAAc,QAAQ,SAAS;AAAA,YAC3C,GAAG,kBAAkB;AAAA,cACpB,mBAAmB;AAAA,cACnB,GAAG;AAAA,YACL,CAAC;AAAA,YAEA,wCAAY;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,cAAc,cAAc;;;ADgMqB,IAAAC,sBAAA;AA5T1C,IAAM,cAAc,CAGzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,6BAAO,qBAAM;AACb,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,GAAG;AAAA,EACL,QAAI,0CAAoB,EAAE,IAAI,GAAG,MAAM,CAAC;AACxC,QAAM,CAAC,EAAE,iBAAiB,eAAe,GAAG,iBAAiB,GAAG,IAAI,QAClE,2BAAY,eAAe,0CAAqB;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,wBAAkB,KAAK;AACnE,QAAM,CAAC,WAAW,UAAU,QAAI,wBAAkB,KAAK;AACvD,QAAM,CAAC,WAAW,UAAU,QAAI,wBAAkB,KAAK;AACvD,QAAM,CAAC,UAAU,SAAS,QAAI,wBAAkB,KAAK;AAErD,QAAM,eAAW,sBAAyB,IAAI;AAC9C,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAkB,IAAI;AAEpD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAkB,CAAC,CAAC,gBAAgB;AAEtE,QAAM,eAAe,kBAAkB;AACvC,QAAM,UAAU,eAAgB,gBAA4B;AAE5D,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,UAAI,YAAY,UAAU;AACxB,WAAG,eAAe;AAElB;AAAA,MACF;AAEA,UAAI,CAAC;AACH,qBAAa,CAAC,WAAW,kBAAkB,OAAO,GAAG,OAAO,OAAO;AAErE,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,UAAU,cAAc,SAAS,eAAe;AAAA,EAC7D;AACA,QAAM,cAAU,8BAAe,WAAW;AAC1C,QAAM,aAAS,8BAAe,UAAU;AAExC,QAAM,gBAAY;AAAA,IAChB,CAAC,EAAE,IAAI,MAA8B;AACnC,UAAI,QAAQ,IAAK,WAAU,IAAI;AAAA,IACjC;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,EAAE,IAAI,MAA8B;AACnC,UAAI,QAAQ,IAAK,WAAU,KAAK;AAAA,IAClC;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,+BAAU,MAAM;AACd,eAAO,4CAAkB,iBAAiB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,yCAAoB,MAAM;AACxB,QAAI,SAAS;AACX,eAAS,QAAQ,gBAAgB,QAAQ,eAAe;AAAA,EAC5D,GAAG,CAAC,eAAe,CAAC;AAEpB,qCAAgB,MAAM;AACpB,QAAI,SAAU,YAAW,KAAK;AAAA,EAChC,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,yCAAoB,MAAM;AA5L5B;AA6LI,QAAI,GAAC,cAAS,YAAT,mBAAkB,MAAM;AAE7B,aAAS,QAAQ,KAAK,UAAU,MAAM,aAAa,CAAC,CAAC,gBAAgB;AAAA,EACvE,GAAG,CAAC,CAAC;AAEL,yCAAoB,MAAM;AACxB,QAAI,CAAC,SAAS,QAAS;AAEvB,QAAI,SAAS,QAAQ,YAAY;AAC/B,mBAAa,SAAS,QAAQ,OAAO;AAAA,EACzC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,wBAAkC;AAAA,IACtC,CAACC,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH,SAAK,yBAAU,KAAK,CAAC,OAAgC;AACnD,YAAI,GAAI,YAAW,GAAG,YAAY,OAAO;AAAA,MAC3C,CAAC;AAAA,MACD,oBAAgB,wBAAS,OAAO;AAAA,MAChC,aAAS,0BAAWA,OAAM,SAAS,MAAM;AAjN/C;AAkNQ,YAAI,QAAS;AAEb,uBAAS,YAAT,mBAAkB;AAElB,8BAAsB,MAAG;AAtNjC,cAAAC;AAsNoC,kBAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,SAAO;AAAA,MACvD,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,SAAS,gBAAgB;AAAA,EACrC;AAEA,QAAM,mBAA6B;AAAA,IACjC,CAACD,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH;AAAA,MACA,mBAAe,wBAAS,QAAQ;AAAA,MAChC,kBAAc,wBAAS,SAAS;AAAA,MAChC,oBAAgB,wBAAS,OAAO;AAAA,MAChC,kBAAc,wBAAS,SAAS;AAAA,MAChC,0BAAsB,wBAAS,aAAa,cAAc;AAAA,MAC1D,0BAAsB,wBAAS,eAAe;AAAA,MAC9C,eAAe;AAAA,MACf,iBAAa,0BAAWA,OAAM,aAAa,CAAC,OAAyB;AACnE,YAAI,UAAW,IAAG,eAAe;AAEjC,kBAAU,IAAI;AAAA,MAChB,CAAC;AAAA,MACD,eAAW,0BAAWA,OAAM,WAAW,MAAM,UAAU,KAAK,CAAC;AAAA,MAC7D,kBAAc,0BAAWA,OAAM,cAAc,MAAM,WAAW,IAAI,CAAC;AAAA,MACnE,kBAAc,0BAAWA,OAAM,cAAc,MAAM,WAAW,KAAK,CAAC;AAAA,IACtE;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAA4B;AAAA,IAChC,CAACA,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH,SAAK,yBAAU,UAAU,GAAG;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,kBAAkB,UAAU;AAAA,MAC5C,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MACA,cAAU,0BAAWA,OAAM,UAAU,QAAQ;AAAA,MAC7C,YAAQ,0BAAWA,OAAM,QAAQ,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,MAChE,aAAS,0BAAWA,OAAM,SAAS,SAAS,MAAM,WAAW,IAAI,CAAC;AAAA,MAClE,eAAW,0BAAWA,OAAM,WAAW,SAAS;AAAA,MAChD,aAAS,0BAAWA,OAAM,SAAS,OAAO;AAAA,IAC5C;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAA4B;AAAA,IAChC,CAACA,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH;AAAA,MACA,oBAAgB,wBAAS,OAAO;AAAA,MAChC,iBAAa,0BAAWA,OAAM,aAAa,CAAC,OAAuB;AACjE,WAAG,eAAe;AAClB,WAAG,gBAAgB;AAAA,MACrB,CAAC;AAAA,MACD,kBAAc,0BAAWA,OAAM,cAAc,CAAC,OAAuB;AACnE,WAAG,eAAe;AAClB,WAAG,gBAAgB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,gBAAgB;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA+BO,IAAM,eAAW;AAAA,EACtB,CACE,OACA,QACG;AAjXP;AAkXI,UAAM,QAAQ,wBAAwB;AACtC,UAAM,EAAE,OAAO,YAAY,GAAG,WAAW,IAAI,EAAE,GAAG,MAAM;AACxD,UAAM,cAAU,qCAAe,KAAK;AACpC,UAAM,CAAC,QAAQ,WAAW,QAAI,oCAAuB,YAAY;AAAA,MAC/D,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,aAAY,gBAAW,cAAX,YAAwB,QAAQ;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAE9B,UAAM,gBACJ,cAAc,cAAc,QACxB,WAAW,SAAS,cAAc,KAAK,IACvC,cAAc;AACpB,UAAM,WACJ,WAAW,YAAY,cAAc,YACjC,uBAAQ,WAAW,UAAU,cAAc,QAAQ,IACnD,cAAc;AAEpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,IACT,IAAI,YAAY;AAAA,MACd,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAED,UAAM,EAAE,UAAU,YAAY,GAAG,kBAAkB,IAAI,EAAE,GAAG,UAAU;AACtE,UAAM,gBAAY,4BAAa,kCAAc,6CAAC,gBAAa,GAAI;AAAA,MAC7D,OAAO;AAAA,QACL,SAAS,aAAa,kBAAkB,IAAI;AAAA,QAC5C,WAAW,aAAa,kBAAkB,aAAa;AAAA,QACvD,oBAAoB;AAAA,QACpB,oBAAoB;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,eAAW,kBAAG,eAAe,SAAS;AAAA,QACrC,GAAG,kBAAkB;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,eAAe;AAAA,UACf;AAAA,UACA,GAAG,OAAO;AAAA,QACZ;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACT,GAAG,cAAc,YAAY,GAAG;AAAA;AAAA,UACnC;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,eAAe,aAAa,SAAS;AAAA,gBACrC,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,GAAG,OAAO;AAAA,cACZ;AAAA,cACC,GAAG,aAAa,iBAAiB;AAAA,cAEjC;AAAA;AAAA,UACH;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,cACxB,GAAG,cAAc,UAAwC;AAAA,cAEzD;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAmBhB,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,iCAAgB,SAAS,OACvB,6BAAmB,YAClB;AAAA,IAAC,eAAG;AAAA,IAAH;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,QAAC,eAAG;AAAA,QAAH;AAAA,UACC,IAAI,qBAAO;AAAA,UACX,UAAU;AAAA,YACR,WAAW,EAAE,OAAO,IAAI;AAAA,YACxB,SAAS,EAAE,OAAO,EAAE;AAAA,UACtB;AAAA,UACA,SAAQ;AAAA,UACR,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OACE;AAAA,YACE,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UAGD,4BACC,6CAAC,qBAAmB,GAAG,MAAM,IAE7B,6CAAC,aAAW,GAAG,MAAM;AAAA;AAAA,MAEzB;AAAA;AAAA,EACF,IACE,MACN;AAEJ;AAEA,IAAM,YAAoE,CACxE,UACG;AACH,SACE;AAAA,IAAC,eAAG;AAAA,IAAH;AAAA,MACC,IAAI,qBAAO;AAAA,MACX,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,WAAW;AAAA,UACT,SAAS;AAAA,UACT,kBAAkB;AAAA,QACpB;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,kBAAkB;AAAA,UAClB,YAAY,EAAE,UAAU,IAAI;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB;AAAA,MACnB;AAAA,MACC,GAAG;AAAA,MAEJ,uDAAC,cAAS,QAAO,sBAAqB;AAAA;AAAA,EACxC;AAEJ;AAEA,IAAM,oBAEF,CAAC,UAAU;AACb,SACE;AAAA,IAAC,eAAG;AAAA,IAAH;AAAA,MACC,IAAI,qBAAO;AAAA,MACX,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,YACV,QAAQ,EAAE,UAAU,EAAE;AAAA,YACtB,SAAS,EAAE,UAAU,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,MACA,OAAO,EAAE,QAAQ,gBAAgB,aAAa,EAAE;AAAA,MAC/C,GAAG;AAAA,MAEJ,uDAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA,EACvC;AAEJ;","names":["import_form_control","import_utils","import_react","props","value","props","import_jsx_runtime","props","_a"]}
+{"version":3,"sources":["../src/checkbox.tsx","../src/checkbox-group.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { MotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = MotionProps<\"svg\"> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <motion.div\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </motion.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </motion.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </motion.svg>\n  )\n}\n","import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"mappings":"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","names":["import_form_control","import_utils","import_react","props","value","props","import_jsx_runtime","props","_a"]}

package/dist/checkbox.mjs

@@ -3,7 +3,7 @@ import {
   Checkbox,
   CheckboxIcon,
   useCheckbox
-} from "./chunk-IZQAQAZP.mjs";
+} from "./chunk-T525P47L.mjs";
 export {
   Checkbox,
   CheckboxIcon,

package/dist/{chunk-IZQAQAZP.mjs → chunk-T525P47L.mjs}

@@ -495,9 +495,8 @@ var CheckboxIcon = ({
         transform: "translate(-50%, -50%)"
       },
       children: /* @__PURE__ */ jsx2(
-        ui.div,
+        motion.div,
         {
-          as: motion.div,
           variants: {
             unchecked: { scale: 0.5 },
             checked: { scale: 1 }
@@ -518,9 +517,8 @@ var CheckboxIcon = ({
 };
 var CheckIcon = (props) => {
   return /* @__PURE__ */ jsx2(
-    ui.svg,
+    motion.svg,
     {
-      as: motion.svg,
       width: "1.2em",
       viewBox: "0 0 12 10",
       variants: {
@@ -547,9 +545,8 @@ var CheckIcon = (props) => {
 };
 var IndeterminateIcon = (props) => {
   return /* @__PURE__ */ jsx2(
-    ui.svg,
+    motion.svg,
     {
-      as: motion.svg,
       width: "1.2em",
       viewBox: "0 0 24 24",
       variants: {
@@ -581,4 +578,4 @@ export {
   useCheckboxGroupContext,
   CheckboxGroup
 };
-//# sourceMappingURL=chunk-IZQAQAZP.mjs.map
+//# sourceMappingURL=chunk-T525P47L.mjs.map

package/dist/chunk-T525P47L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox.tsx","../src/checkbox-group.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { MotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = MotionProps<\"svg\"> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <motion.div\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </motion.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </motion.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </motion.svg>\n  )\n}\n","import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"mappings":"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","names":["useFormControl","cx","useCallbackRef","useCallback","forwardRef","props","value","props","jsx","useCallbackRef","useCallback","props","_a","forwardRef","useFormControl","cx"]}

package/dist/index.js

@@ -496,9 +496,8 @@ var CheckboxIcon = ({
         transform: "translate(-50%, -50%)"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_core.ui.div,
+        import_motion.motion.div,
         {
-          as: import_motion.motion.div,
           variants: {
             unchecked: { scale: 0.5 },
             checked: { scale: 1 }
@@ -519,9 +518,8 @@ var CheckboxIcon = ({
 };
 var CheckIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core.ui.svg,
+    import_motion.motion.svg,
     {
-      as: import_motion.motion.svg,
       width: "1.2em",
       viewBox: "0 0 12 10",
       variants: {
@@ -548,9 +546,8 @@ var CheckIcon = (props) => {
 };
 var IndeterminateIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_core.ui.svg,
+    import_motion.motion.svg,
     {
-      as: import_motion.motion.svg,
       width: "1.2em",
       viewBox: "0 0 24 24",
       variants: {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/checkbox.tsx","../src/checkbox-group.tsx"],"sourcesContent":["export { Checkbox, CheckboxIcon, useCheckbox } from \"./checkbox\"\nexport type {\n  CheckboxProps,\n  CheckboxIconProps,\n  UseCheckboxProps,\n  UseCheckboxReturn,\n} from \"./checkbox\"\nexport { CheckboxGroup, useCheckboxGroup } from \"./checkbox-group\"\nexport type {\n  CheckboxItem,\n  CheckboxGroupProps,\n  UseCheckboxGroupProps,\n  UseCheckboxGroupReturn,\n} from \"./checkbox-group\"\n","import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { SVGMotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = HTMLUIProps<\"svg\"> &\n  SVGMotionProps<SVGSVGElement> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <ui.div\n            as={motion.div}\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </ui.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>> = (\n  props,\n) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </ui.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<\n  HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>\n> = (props) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </ui.svg>\n  )\n}\n","import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"mappings":"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","names":["import_form_control","import_utils","import_react","props","value","props","import_jsx_runtime","props","_a"]}
+{"version":3,"sources":["../src/index.ts","../src/checkbox.tsx","../src/checkbox-group.tsx"],"sourcesContent":["export { Checkbox, CheckboxIcon, useCheckbox } from \"./checkbox\"\nexport type {\n  CheckboxProps,\n  CheckboxIconProps,\n  UseCheckboxProps,\n  UseCheckboxReturn,\n} from \"./checkbox\"\nexport { CheckboxGroup, useCheckboxGroup } from \"./checkbox-group\"\nexport type {\n  CheckboxItem,\n  CheckboxGroupProps,\n  UseCheckboxGroupProps,\n  UseCheckboxGroupReturn,\n} from \"./checkbox-group\"\n","import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { MotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = MotionProps<\"svg\"> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <motion.div\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </motion.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </motion.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<MotionProps<\"svg\">> = (props) => {\n  return (\n    <motion.svg\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </motion.svg>\n  )\n}\n","import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACMA,kBAA2D;AAE3D,IAAAA,uBAIO;AAEP,oBAAwC;AACxC,+BAAkC;AAElC,IAAAC,gBAUO;AAeP,IAAAC,gBAQO;;;AChDP,0BAA+B;AAE/B,qBAAqB;AACrB,oCAAqC;AAErC,mBAMO;AAEP,mBAAwC;AAyKhC;AAhKR,IAAM,UAAU,CAAC,UACf,aAAS,uBAAS,KAAK,SAAK,uBAAS,MAAM,MAAM;AAyB5C,IAAM,mBAAmB,CAG9B;AAAA,EACA,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAoC;AAClC,QAAM,kBAAc,6BAAe,YAAY;AAE/C,QAAM,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,eAAW;AAAA,IACf,CAAC,cAAiD;AAChD,YAAM,YAAY,QAAQ,SAAS,IAC/B,UAAU,OAAO,UACjB,CAAC,MAAM,SAAS,SAAS;AAE7B,YAAM,gBACJ,QAAQ,SAAS,IAAI,UAAU,OAAO,QAAQ;AAGhD,YAAM,YAAY,YACd,CAAC,GAAG,OAAO,aAAa,IACxB,MAAM,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,OAAO,aAAa,CAAC;AAE3D,eAAS,SAAS;AAAA,IACpB;AAAA,IACA,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,QAAM,wBAAgC;AAAA,IACpC,CAACC,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,MAAM;AAAA,MACN,GAAGA;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,uBAIF;AAAA,IACF,CAACA,QAAO,MAAM,UAAU;AAAA,MACtB,GAAGA;AAAA,MACH;AAAA,MACA,CAAC,WAAW,YAAY,WAAW,GAAG,MAAM;AAAA,QAC1C,CAAC,QAAQ,OAAOA,UAAA,gBAAAA,OAAO,KAAK,MAAM,OAAO,GAAG;AAAA,MAC9C;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,UAAU,UAAU,KAAK;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA0BA,IAAM,CAAC,uBAAuB,uBAAuB,QAAI,4BAEvD;AAAA,EACA,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;AAIM,IAAM,oBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,IACF,IAAI,iBAAoB,KAAK;AAC7B,UAAM,EAAE,SAAS,YAAY,YAAY,YAAY,WAAW,GAAG,KAAK,QACtE,oCAAe,aAAa;AAE9B,UAAM,oBAAgB,+BAAiB,QAAQ;AAC/C,QAAI,mBAAmC,CAAC;AAExC,QAAI,CAAC,cAAc,UAAU,MAAM,QAAQ;AACzC,yBAAmB,MAAM,IAAI,CAAC,EAAE,OAAO,OAAAC,QAAO,GAAGC,OAAM,GAAG,MACxD,4CAAC,YAAiB,OAAOD,QAAQ,GAAGC,QACjC,mBADY,CAEf,CACD;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAW,iBAAG,qBAAqB,SAAS;AAAA,YAC5C;AAAA,YACA,KAAK,oBAAQ,cAAc,QAAQ,SAAS;AAAA,YAC3C,GAAG,kBAAkB;AAAA,cACpB,mBAAmB;AAAA,cACnB,GAAG;AAAA,YACL,CAAC;AAAA,YAEA,wCAAY;AAAA;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,cAAc,cAAc;;;ADgMqB,IAAAC,sBAAA;AA5T1C,IAAM,cAAc,CAGzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,6BAAO,qBAAM;AACb,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,GAAG;AAAA,EACL,QAAI,0CAAoB,EAAE,IAAI,GAAG,MAAM,CAAC;AACxC,QAAM,CAAC,EAAE,iBAAiB,eAAe,GAAG,iBAAiB,GAAG,IAAI,QAClE,2BAAY,eAAe,0CAAqB;AAElD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,wBAAkB,KAAK;AACnE,QAAM,CAAC,WAAW,UAAU,QAAI,wBAAkB,KAAK;AACvD,QAAM,CAAC,WAAW,UAAU,QAAI,wBAAkB,KAAK;AACvD,QAAM,CAAC,UAAU,SAAS,QAAI,wBAAkB,KAAK;AAErD,QAAM,eAAW,sBAAyB,IAAI;AAC9C,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAkB,IAAI;AAEpD,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAkB,CAAC,CAAC,gBAAgB;AAEtE,QAAM,eAAe,kBAAkB;AACvC,QAAM,UAAU,eAAgB,gBAA4B;AAE5D,QAAM,eAAW;AAAA,IACf,CAAC,OAAsC;AACrC,UAAI,YAAY,UAAU;AACxB,WAAG,eAAe;AAElB;AAAA,MACF;AAEA,UAAI,CAAC;AACH,qBAAa,CAAC,WAAW,kBAAkB,OAAO,GAAG,OAAO,OAAO;AAErE,mDAAe;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,UAAU,cAAc,SAAS,eAAe;AAAA,EAC7D;AACA,QAAM,cAAU,8BAAe,WAAW;AAC1C,QAAM,aAAS,8BAAe,UAAU;AAExC,QAAM,gBAAY;AAAA,IAChB,CAAC,EAAE,IAAI,MAA8B;AACnC,UAAI,QAAQ,IAAK,WAAU,IAAI;AAAA,IACjC;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,EAAE,IAAI,MAA8B;AACnC,UAAI,QAAQ,IAAK,WAAU,KAAK;AAAA,IAClC;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,+BAAU,MAAM;AACd,eAAO,4CAAkB,iBAAiB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,yCAAoB,MAAM;AACxB,QAAI,SAAS;AACX,eAAS,QAAQ,gBAAgB,QAAQ,eAAe;AAAA,EAC5D,GAAG,CAAC,eAAe,CAAC;AAEpB,qCAAgB,MAAM;AACpB,QAAI,SAAU,YAAW,KAAK;AAAA,EAChC,GAAG,CAAC,UAAU,UAAU,CAAC;AAEzB,yCAAoB,MAAM;AA5L5B;AA6LI,QAAI,GAAC,cAAS,YAAT,mBAAkB,MAAM;AAE7B,aAAS,QAAQ,KAAK,UAAU,MAAM,aAAa,CAAC,CAAC,gBAAgB;AAAA,EACvE,GAAG,CAAC,CAAC;AAEL,yCAAoB,MAAM;AACxB,QAAI,CAAC,SAAS,QAAS;AAEvB,QAAI,SAAS,QAAQ,YAAY;AAC/B,mBAAa,SAAS,QAAQ,OAAO;AAAA,EACzC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,wBAAkC;AAAA,IACtC,CAACC,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH,SAAK,yBAAU,KAAK,CAAC,OAAgC;AACnD,YAAI,GAAI,YAAW,GAAG,YAAY,OAAO;AAAA,MAC3C,CAAC;AAAA,MACD,oBAAgB,wBAAS,OAAO;AAAA,MAChC,aAAS,0BAAWA,OAAM,SAAS,MAAM;AAjN/C;AAkNQ,YAAI,QAAS;AAEb,uBAAS,YAAT,mBAAkB;AAElB,8BAAsB,MAAG;AAtNjC,cAAAC;AAsNoC,kBAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,SAAO;AAAA,MACvD,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,SAAS,gBAAgB;AAAA,EACrC;AAEA,QAAM,mBAA6B;AAAA,IACjC,CAACD,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH;AAAA,MACA,mBAAe,wBAAS,QAAQ;AAAA,MAChC,kBAAc,wBAAS,SAAS;AAAA,MAChC,oBAAgB,wBAAS,OAAO;AAAA,MAChC,kBAAc,wBAAS,SAAS;AAAA,MAChC,0BAAsB,wBAAS,aAAa,cAAc;AAAA,MAC1D,0BAAsB,wBAAS,eAAe;AAAA,MAC9C,eAAe;AAAA,MACf,iBAAa,0BAAWA,OAAM,aAAa,CAAC,OAAyB;AACnE,YAAI,UAAW,IAAG,eAAe;AAEjC,kBAAU,IAAI;AAAA,MAChB,CAAC;AAAA,MACD,eAAW,0BAAWA,OAAM,WAAW,MAAM,UAAU,KAAK,CAAC;AAAA,MAC7D,kBAAc,0BAAWA,OAAM,cAAc,MAAM,WAAW,IAAI,CAAC;AAAA,MACnE,kBAAc,0BAAWA,OAAM,cAAc,MAAM,WAAW,KAAK,CAAC;AAAA,IACtE;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAA4B;AAAA,IAChC,CAACA,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH,SAAK,yBAAU,UAAU,GAAG;AAAA,MAC5B;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB,kBAAkB,UAAU;AAAA,MAC5C,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MACA,cAAU,0BAAWA,OAAM,UAAU,QAAQ;AAAA,MAC7C,YAAQ,0BAAWA,OAAM,QAAQ,QAAQ,MAAM,WAAW,KAAK,CAAC;AAAA,MAChE,aAAS,0BAAWA,OAAM,SAAS,SAAS,MAAM,WAAW,IAAI,CAAC;AAAA,MAClE,eAAW,0BAAWA,OAAM,WAAW,SAAS;AAAA,MAChD,aAAS,0BAAWA,OAAM,SAAS,OAAO;AAAA,IAC5C;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAA4B;AAAA,IAChC,CAACA,SAAQ,CAAC,GAAG,MAAM,UAAU;AAAA,MAC3B,GAAG;AAAA,MACH,GAAGA;AAAA,MACH;AAAA,MACA,oBAAgB,wBAAS,OAAO;AAAA,MAChC,iBAAa,0BAAWA,OAAM,aAAa,CAAC,OAAuB;AACjE,WAAG,eAAe;AAClB,WAAG,gBAAgB;AAAA,MACrB,CAAC;AAAA,MACD,kBAAc,0BAAWA,OAAM,cAAc,CAAC,OAAuB;AACnE,WAAG,eAAe;AAClB,WAAG,gBAAgB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,gBAAgB;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AA+BO,IAAM,eAAW;AAAA,EACtB,CACE,OACA,QACG;AAjXP;AAkXI,UAAM,QAAQ,wBAAwB;AACtC,UAAM,EAAE,OAAO,YAAY,GAAG,WAAW,IAAI,EAAE,GAAG,MAAM;AACxD,UAAM,cAAU,qCAAe,KAAK;AACpC,UAAM,CAAC,QAAQ,WAAW,QAAI,oCAAuB,YAAY;AAAA,MAC/D,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,cAAa,gBAAW,eAAX,YAAyB,QAAQ;AAAA,MAC9C,aAAY,gBAAW,cAAX,YAAwB,QAAQ;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,QAAI,4BAAe,WAAW;AAE9B,UAAM,gBACJ,cAAc,cAAc,QACxB,WAAW,SAAS,cAAc,KAAK,IACvC,cAAc;AACpB,UAAM,WACJ,WAAW,YAAY,cAAc,YACjC,uBAAQ,WAAW,UAAU,cAAc,QAAQ,IACnD,cAAc;AAEpB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,IACT,IAAI,YAAY;AAAA,MACd,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,IACF,CAAC;AAED,UAAM,EAAE,UAAU,YAAY,GAAG,kBAAkB,IAAI,EAAE,GAAG,UAAU;AACtE,UAAM,gBAAY,4BAAa,kCAAc,6CAAC,gBAAa,GAAI;AAAA,MAC7D,OAAO;AAAA,QACL,SAAS,aAAa,kBAAkB,IAAI;AAAA,QAC5C,WAAW,aAAa,kBAAkB,aAAa;AAAA,QACvD,oBAAoB;AAAA,QACpB,oBAAoB;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC,eAAW,kBAAG,eAAe,SAAS;AAAA,QACrC,GAAG,kBAAkB;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,eAAe;AAAA,UACf;AAAA,UACA,GAAG,OAAO;AAAA,QACZ;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACT,GAAG,cAAc,YAAY,GAAG;AAAA;AAAA,UACnC;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,eAAe,aAAa,SAAS;AAAA,gBACrC,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,GAAG,OAAO;AAAA,cACZ;AAAA,cACC,GAAG,aAAa,iBAAiB;AAAA,cAEjC;AAAA;AAAA,UACH;AAAA,UAEA;AAAA,YAAC,eAAG;AAAA,YAAH;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,cACxB,GAAG,cAAc,UAAwC;AAAA,cAEzD;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAMA,SAAS,cAAc;AAkBhB,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,SACE,6CAAC,iCAAgB,SAAS,OACvB,6BAAmB,YAClB;AAAA,IAAC,eAAG;AAAA,IAAH;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,QAAC,qBAAO;AAAA,QAAP;AAAA,UACC,UAAU;AAAA,YACR,WAAW,EAAE,OAAO,IAAI;AAAA,YACxB,SAAS,EAAE,OAAO,EAAE;AAAA,UACtB;AAAA,UACA,SAAQ;AAAA,UACR,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OACE;AAAA,YACE,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAClB;AAAA,UAGD,4BACC,6CAAC,qBAAmB,GAAG,MAAM,IAE7B,6CAAC,aAAW,GAAG,MAAM;AAAA;AAAA,MAEzB;AAAA;AAAA,EACF,IACE,MACN;AAEJ;AAEA,IAAM,YAAoC,CAAC,UAAU;AACnD,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,WAAW;AAAA,UACT,SAAS;AAAA,UACT,kBAAkB;AAAA,QACpB;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,kBAAkB;AAAA,UAClB,YAAY,EAAE,UAAU,IAAI;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,iBAAiB;AAAA,MACnB;AAAA,MACC,GAAG;AAAA,MAEJ,uDAAC,cAAS,QAAO,sBAAqB;AAAA;AAAA,EACxC;AAEJ;AAEA,IAAM,oBAA4C,CAAC,UAAU;AAC3D,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACC,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,QACR,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,SAAS;AAAA,QACX;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,YACV,QAAQ,EAAE,UAAU,EAAE;AAAA,YACtB,SAAS,EAAE,UAAU,KAAK;AAAA,UAC5B;AAAA,QACF;AAAA,MACF;AAAA,MACA,OAAO,EAAE,QAAQ,gBAAgB,aAAa,EAAE;AAAA,MAC/C,GAAG;AAAA,MAEJ,uDAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA,EACvC;AAEJ;","names":["import_form_control","import_utils","import_react","props","value","props","import_jsx_runtime","props","_a"]}

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
   CheckboxIcon,
   useCheckbox,
   useCheckboxGroup
-} from "./chunk-IZQAQAZP.mjs";
+} from "./chunk-T525P47L.mjs";
 export {
   Checkbox,
   CheckboxGroup,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/checkbox",
-  "version": "1.1.6",
+  "version": "1.1.7-dev-20240903225726",
   "description": "Yamada UI checkbox component",
   "keywords": [
     "yamada",
@@ -36,10 +36,10 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "1.13.0",
-    "@yamada-ui/form-control": "2.1.0",
-    "@yamada-ui/layouts": "1.1.33",
-    "@yamada-ui/motion": "2.2.0",
+    "@yamada-ui/core": "1.13.1-dev-20240903225726",
+    "@yamada-ui/form-control": "2.1.1-dev-20240903225726",
+    "@yamada-ui/layouts": "1.1.34-dev-20240903225726",
+    "@yamada-ui/motion": "2.2.1-dev-20240903225726",
     "@yamada-ui/use-controllable-state": "1.0.18",
     "@yamada-ui/use-focus-visible": "1.1.5",
     "@yamada-ui/utils": "1.4.0"

package/dist/chunk-IZQAQAZP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox.tsx","../src/checkbox-group.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  ThemeProps,\n  ComponentArgs,\n  UIPropGetter,\n} from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport {\n  useFormControl,\n  useFormControlProps,\n  formControlProperties,\n} from \"@yamada-ui/form-control\"\nimport type { SVGMotionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motion } from \"@yamada-ui/motion\"\nimport { trackFocusVisible } from \"@yamada-ui/use-focus-visible\"\nimport type { Dict, Merge, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  cx,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n  handlerAll,\n  dataAttr,\n  mergeRefs,\n  funcAll,\n  splitObject,\n} from \"@yamada-ui/utils\"\nimport type {\n  ChangeEvent,\n  ChangeEventHandler,\n  CSSProperties,\n  FC,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactElement,\n  SyntheticEvent,\n  ForwardedRef,\n  Ref,\n  DOMAttributes,\n} from \"react\"\nimport {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  forwardRef,\n  useId,\n} from \"react\"\nimport { useCheckboxGroupContext } from \"./checkbox-group\"\n\nexport type UseCheckboxProps<Y extends string | number = string> =\n  FormControlOptions & {\n    /**\n     * id assigned to input.\n     */\n    id?: string\n    /**\n     * The HTML `name` attribute used for forms.\n     */\n    name?: string\n    /**\n     * The value to be used in the checkbox input.\n     */\n    value?: Y\n    /**\n     * If `true`, the checkbox will be initially checked.\n     *\n     * @default false\n     */\n    defaultIsChecked?: boolean\n    /**\n     * If `true`, the checkbox will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n    /**\n     * If `true`, the checkbox will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * The callback invoked when the checked state changes.\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The callback invoked when the checkbox is blurred.\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>\n    /**\n     * The tab-index property of the underlying input element.\n     */\n    tabIndex?: number\n  }\n\nexport const useCheckbox = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  id,\n  ...props\n}: UseCheckboxProps<Y> & M) => {\n  id ??= useId()\n  const {\n    id: _id,\n    name,\n    value,\n    isChecked: isCheckedProp,\n    defaultIsChecked,\n    tabIndex,\n    required,\n    disabled,\n    readOnly,\n    isIndeterminate,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    ...computedProps\n  } = useFormControlProps({ id, ...props })\n  const [{ \"aria-readonly\": _ariaReadonly, ...formControlProps }, rest] =\n    splitObject(computedProps, formControlProperties)\n\n  const [isFocusVisible, setIsFocusVisible] = useState<boolean>(false)\n  const [isFocused, setFocused] = useState<boolean>(false)\n  const [isHovered, setHovered] = useState<boolean>(false)\n  const [isActive, setActive] = useState<boolean>(false)\n\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [isLabel, setIsLabel] = useState<boolean>(true)\n\n  const [isChecked, setIsChecked] = useState<boolean>(!!defaultIsChecked)\n\n  const isControlled = isCheckedProp !== undefined\n  const checked = isControlled ? (isCheckedProp as boolean) : isChecked\n\n  const onChange = useCallbackRef(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly || disabled) {\n        ev.preventDefault()\n\n        return\n      }\n\n      if (!isControlled)\n        setIsChecked(!checked || isIndeterminate ? true : ev.target.checked)\n\n      onChangeProp?.(ev)\n    },\n    [readOnly, disabled, isControlled, checked, isIndeterminate],\n  )\n  const onFocus = useCallbackRef(onFocusProp)\n  const onBlur = useCallbackRef(onBlurProp)\n\n  const onKeyDown = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(true)\n    },\n    [setActive],\n  )\n\n  const onKeyUp = useCallback(\n    ({ key }: KeyboardEvent<Element>) => {\n      if (key === \" \") setActive(false)\n    },\n    [setActive],\n  )\n\n  useEffect(() => {\n    return trackFocusVisible(setIsFocusVisible)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (inputRef.current)\n      inputRef.current.indeterminate = Boolean(isIndeterminate)\n  }, [isIndeterminate])\n\n  useUpdateEffect(() => {\n    if (disabled) setFocused(false)\n  }, [disabled, setFocused])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current?.form) return\n\n    inputRef.current.form.onreset = () => setIsChecked(!!defaultIsChecked)\n  }, [])\n\n  useSafeLayoutEffect(() => {\n    if (!inputRef.current) return\n\n    if (inputRef.current.checked !== checked)\n      setIsChecked(inputRef.current.checked)\n  }, [inputRef.current])\n\n  const getContainerProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(ref, (el: HTMLElement | undefined) => {\n        if (el) setIsLabel(el.tagName === \"LABEL\")\n      }),\n      \"data-checked\": dataAttr(checked),\n      onClick: handlerAll(props.onClick, () => {\n        if (isLabel) return\n\n        inputRef.current?.click()\n\n        requestAnimationFrame(() => inputRef.current?.focus())\n      }),\n    }),\n    [checked, isLabel, formControlProps],\n  )\n\n  const getIconProps: UIPropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-active\": dataAttr(isActive),\n      \"data-hover\": dataAttr(isHovered),\n      \"data-checked\": dataAttr(checked),\n      \"data-focus\": dataAttr(isFocused),\n      \"data-focus-visible\": dataAttr(isFocused && isFocusVisible),\n      \"data-indeterminate\": dataAttr(isIndeterminate),\n      \"aria-hidden\": true,\n      onMouseDown: handlerAll(props.onMouseDown, (ev: React.MouseEvent) => {\n        if (isFocused) ev.preventDefault()\n\n        setActive(true)\n      }),\n      onMouseUp: handlerAll(props.onMouseUp, () => setActive(false)),\n      onMouseEnter: handlerAll(props.onMouseEnter, () => setHovered(true)),\n      onMouseLeave: handlerAll(props.onMouseLeave, () => setHovered(false)),\n    }),\n    [\n      isActive,\n      checked,\n      isFocused,\n      isHovered,\n      isFocusVisible,\n      isIndeterminate,\n      formControlProps,\n    ],\n  )\n\n  const getInputProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref: mergeRefs(inputRef, ref),\n      id,\n      type: \"checkbox\",\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      \"aria-checked\": isIndeterminate ? \"mixed\" : checked,\n      style: {\n        border: \"0px\",\n        clip: \"rect(0px, 0px, 0px, 0px)\",\n        height: \"1px\",\n        width: \"1px\",\n        margin: \"-1px\",\n        padding: \"0px\",\n        overflow: \"hidden\",\n        whiteSpace: \"nowrap\",\n        position: \"absolute\",\n      },\n      onChange: handlerAll(props.onChange, onChange),\n      onBlur: handlerAll(props.onBlur, onBlur, () => setFocused(false)),\n      onFocus: handlerAll(props.onFocus, onFocus, () => setFocused(true)),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onKeyUp: handlerAll(props.onKeyUp, onKeyUp),\n    }),\n    [\n      isIndeterminate,\n      formControlProps,\n      id,\n      name,\n      value,\n      tabIndex,\n      required,\n      disabled,\n      readOnly,\n      checked,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n    ],\n  )\n\n  const getLabelProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      ...formControlProps,\n      ...props,\n      ref,\n      \"data-checked\": dataAttr(checked),\n      onMouseDown: handlerAll(props.onMouseDown, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n      onTouchStart: handlerAll(props.onTouchStart, (ev: SyntheticEvent) => {\n        ev.preventDefault()\n        ev.stopPropagation()\n      }),\n    }),\n    [checked, formControlProps],\n  )\n\n  return {\n    props: rest,\n    isFocusVisible,\n    isFocused,\n    isHovered,\n    isActive,\n    isChecked: checked,\n    isIndeterminate,\n    getContainerProps,\n    getIconProps,\n    getInputProps,\n    getLabelProps,\n  }\n}\n\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>\n\ntype CheckboxOptions = {\n  /**\n   * Props for icon component.\n   */\n  iconProps?: Omit<HTMLUIProps<\"span\">, \"children\"> & { children: ReactElement }\n  /**\n   * Props for input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>\n  /**\n   * Props for label element.\n   */\n  labelProps?: HTMLUIProps<\"span\">\n}\n\nexport type CheckboxProps<Y extends string | number = string> = Omit<\n  Merge<HTMLUIProps<\"label\">, UseCheckboxProps<Y>>,\n  \"checked\"\n> &\n  ThemeProps<\"Checkbox\"> &\n  CheckboxOptions\n\n/**\n * `Checkbox` is a component used for allowing users to select multiple values from multiple options.\n *\n * @see Docs https://yamada-ui.com/components/forms/checkbox\n */\nexport const Checkbox = forwardRef(\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y>,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const group = useCheckboxGroupContext()\n    const { value: groupValue, ...groupProps } = { ...group }\n    const control = useFormControl(props)\n    const [styles, mergedProps] = useMultiComponentStyle(\"Checkbox\", {\n      ...groupProps,\n      ...props,\n    })\n    const {\n      className,\n      gap = \"0.5rem\",\n      isRequired = groupProps.isRequired ?? control.isRequired,\n      isReadOnly = groupProps.isReadOnly ?? control.isReadOnly,\n      isDisabled = groupProps.isDisabled ?? control.isDisabled,\n      isInvalid = groupProps.isInvalid ?? control.isInvalid,\n      iconProps,\n      inputProps,\n      labelProps,\n      children,\n      ...computedProps\n    } = omitThemeProps(mergedProps)\n\n    const isCheckedProp =\n      groupValue && computedProps.value\n        ? groupValue.includes(computedProps.value)\n        : computedProps.isChecked\n    const onChange =\n      groupProps.onChange && computedProps.value\n        ? funcAll(groupProps.onChange, computedProps.onChange)\n        : computedProps.onChange\n\n    const {\n      isChecked,\n      isIndeterminate,\n      getContainerProps,\n      getInputProps,\n      getIconProps,\n      getLabelProps,\n      props: rest,\n    } = useCheckbox({\n      ...computedProps,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n      isChecked: isCheckedProp,\n      onChange,\n    })\n\n    const { children: customIcon, ...resolvedIconProps } = { ...iconProps }\n    const cloneIcon = cloneElement(customIcon ?? <CheckboxIcon />, {\n      __css: {\n        opacity: isChecked || isIndeterminate ? 1 : 0,\n        transform: isChecked || isIndeterminate ? \"scale(1)\" : \"scale(0.95)\",\n        transitionProperty: \"transform\",\n        transitionDuration: \"normal\",\n      },\n      isIndeterminate,\n      isChecked,\n      isRequired,\n      isReadOnly,\n      isDisabled,\n      isInvalid,\n    })\n\n    return (\n      <ui.label\n        className={cx(\"ui-checkbox\", className)}\n        {...getContainerProps()}\n        __css={{\n          cursor: \"pointer\",\n          position: \"relative\",\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          verticalAlign: \"top\",\n          gap,\n          ...styles.container,\n        }}\n        {...rest}\n      >\n        <ui.input\n          className=\"ui-checkbox__input\"\n          {...getInputProps(inputProps, ref)}\n        />\n\n        <ui.span\n          className=\"ui-checkbox__icon\"\n          __css={{\n            pointerEvents: isReadOnly ? \"none\" : undefined,\n            position: \"relative\",\n            display: \"inline-block\",\n            userSelect: \"none\",\n            ...styles.icon,\n          }}\n          {...getIconProps(resolvedIconProps)}\n        >\n          {cloneIcon}\n        </ui.span>\n\n        <ui.span\n          className=\"ui-checkbox__label\"\n          __css={{ ...styles.label }}\n          {...getLabelProps(labelProps as DOMAttributes<HTMLElement>)}\n        >\n          {children}\n        </ui.span>\n      </ui.label>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxProps<Y> & { ref?: Ref<HTMLInputElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckbox.displayName = \"Checkbox\"\n\nexport type CheckboxIconProps = HTMLUIProps<\"svg\"> &\n  SVGMotionProps<SVGSVGElement> &\n  FormControlOptions & {\n    /**\n     * If `true`, the icon will be indeterminate.\n     *\n     * @default false\n     */\n    isIndeterminate?: boolean\n    /**\n     * If `true`, the icon will be checked.\n     *\n     * @default false\n     */\n    isChecked?: boolean\n  }\n\nexport const CheckboxIcon: FC<CheckboxIconProps> = ({\n  isIndeterminate,\n  isChecked,\n  isRequired: _isRequired,\n  isReadOnly: _isReadOnly,\n  isDisabled: _isDisabled,\n  isInvalid: _isInvalid,\n  ...rest\n}) => {\n  return (\n    <AnimatePresence initial={false}>\n      {isIndeterminate || isChecked ? (\n        <ui.div\n          __css={{\n            position: \"absolute\",\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translate(-50%, -50%)\",\n          }}\n        >\n          <ui.div\n            as={motion.div}\n            variants={{\n              unchecked: { scale: 0.5 },\n              checked: { scale: 1 },\n            }}\n            initial=\"unchecked\"\n            animate=\"checked\"\n            exit=\"unchecked\"\n            style={\n              {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              } as CSSProperties\n            }\n          >\n            {isIndeterminate ? (\n              <IndeterminateIcon {...rest} />\n            ) : (\n              <CheckIcon {...rest} />\n            )}\n          </ui.div>\n        </ui.div>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\nconst CheckIcon: FC<HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>> = (\n  props,\n) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 12 10\"\n      variants={{\n        unchecked: {\n          opacity: 0,\n          strokeDashoffset: 16,\n        },\n        checked: {\n          opacity: 1,\n          strokeDashoffset: 0,\n          transition: { duration: 0.2 },\n        },\n      }}\n      style={{\n        fill: \"none\",\n        strokeWidth: 2,\n        stroke: \"currentColor\",\n        strokeDasharray: 16,\n      }}\n      {...props}\n    >\n      <polyline points=\"1.5 6 4.5 9 10.5 1\" />\n    </ui.svg>\n  )\n}\n\nconst IndeterminateIcon: FC<\n  HTMLUIProps<\"svg\"> & SVGMotionProps<SVGSVGElement>\n> = (props) => {\n  return (\n    <ui.svg\n      as={motion.svg}\n      width=\"1.2em\"\n      viewBox=\"0 0 24 24\"\n      variants={{\n        unchecked: {\n          scaleX: 0.65,\n          opacity: 0,\n        },\n        checked: {\n          scaleX: 1,\n          opacity: 1,\n          transition: {\n            scaleX: { duration: 0 },\n            opacity: { duration: 0.02 },\n          },\n        },\n      }}\n      style={{ stroke: \"currentColor\", strokeWidth: 4 }}\n      {...props}\n    >\n      <line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n    </ui.svg>\n  )\n}\n","import type { ComponentArgs, ThemeProps, UIPropGetter } from \"@yamada-ui/core\"\nimport type { FormControlOptions } from \"@yamada-ui/form-control\"\nimport { useFormControl } from \"@yamada-ui/form-control\"\nimport type { FlexProps } from \"@yamada-ui/layouts\"\nimport { Flex } from \"@yamada-ui/layouts\"\nimport { useControllableState } from \"@yamada-ui/use-controllable-state\"\nimport type { Dict, PropGetter } from \"@yamada-ui/utils\"\nimport {\n  createContext,\n  cx,\n  isObject,\n  useCallbackRef,\n  getValidChildren,\n} from \"@yamada-ui/utils\"\nimport type { ChangeEvent, ForwardedRef, ReactElement, Ref } from \"react\"\nimport { forwardRef, useCallback } from \"react\"\nimport type { CheckboxProps } from \"./checkbox\"\nimport { Checkbox } from \"./checkbox\"\n\nexport type CheckboxItem<Y extends string | number = string> =\n  CheckboxProps<Y> & {\n    label?: string\n  }\n\nconst isEvent = (value: any): value is { target: HTMLInputElement } =>\n  value && isObject(value) && isObject(value.target)\n\nexport type UseCheckboxGroupProps<Y extends string | number = string> = {\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The initial value of the checkbox group.\n   */\n  defaultValue?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n  /**\n   * If `true`, input elements will receive `checked` attribute instead of `isChecked`.\n   *\n   * This assumes, you're using native radio inputs.\n   *\n   * @default false\n   */\n  isNative?: boolean\n}\n\nexport const useCheckboxGroup = <\n  Y extends string | number = string,\n  M extends Dict = Dict,\n>({\n  value: valueProp,\n  defaultValue = [],\n  onChange: onChangeProp,\n  isNative,\n  ...props\n}: UseCheckboxGroupProps<Y> & M) => {\n  const onChangeRef = useCallbackRef(onChangeProp)\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onChangeRef,\n  })\n\n  const onChange = useCallback(\n    (evOrValue: ChangeEvent<HTMLInputElement> | Y) => {\n      const isChecked = isEvent(evOrValue)\n        ? evOrValue.target.checked\n        : !value.includes(evOrValue)\n\n      const selectedValue = (\n        isEvent(evOrValue) ? evOrValue.target.value : evOrValue\n      ) as Y\n\n      const nextValue = isChecked\n        ? [...value, selectedValue]\n        : value.filter((v) => String(v) !== String(selectedValue))\n\n      setValue(nextValue)\n    },\n    [value, setValue],\n  )\n\n  const getContainerProps: PropGetter = useCallback(\n    (props = {}, ref = null) => ({\n      role: \"group\",\n      ...props,\n      ref,\n    }),\n    [],\n  )\n\n  const getCheckboxProps: UIPropGetter<\n    \"input\",\n    { value?: Y },\n    { value?: Y; isChecked?: boolean }\n  > = useCallback(\n    (props, ref = null) => ({\n      ...props,\n      ref,\n      [isNative ? \"checked\" : \"isChecked\"]: value.some(\n        (val) => String(props?.value) === String(val),\n      ),\n      onChange,\n    }),\n    [onChange, isNative, value],\n  )\n\n  return {\n    props,\n    value,\n    setValue,\n    onChange,\n    getContainerProps,\n    getCheckboxProps,\n  }\n}\n\nexport type UseCheckboxGroupReturn<Y extends string | number = string> =\n  ReturnType<typeof useCheckboxGroup<Y>>\n\nexport type CheckboxGroupProps<Y extends string | number = string> =\n  ThemeProps<\"Checkbox\"> &\n    Omit<FlexProps, \"onChange\"> &\n    UseCheckboxGroupProps<Y> &\n    FormControlOptions & {\n      /**\n       * If provided, generate checkboxes based on items.\n       *\n       * @default '[]'\n       */\n      items?: CheckboxItem<Y>[]\n    }\n\ntype CheckboxContext = ThemeProps<\"Checkbox\"> &\n  FormControlOptions & {\n    value: (string | number)[]\n    onChange: (\n      evOrValue: ChangeEvent<HTMLInputElement> | string | number,\n    ) => void\n  }\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<\n  CheckboxContext | undefined\n>({\n  strict: false,\n  name: \"CheckboxGroupContext\",\n})\n\nexport { useCheckboxGroupContext }\n\nexport const CheckboxGroup = forwardRef(\n  <Y extends string | number = string>(\n    {\n      className,\n      size,\n      variant,\n      colorScheme,\n      children,\n      items = [],\n      direction = \"column\",\n      gap,\n      ...props\n    }: CheckboxGroupProps<Y>,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      value,\n      onChange,\n      props: computedProps,\n      getContainerProps,\n    } = useCheckboxGroup<Y>(props)\n    const { labelId, isRequired, isReadOnly, isDisabled, isInvalid, ...rest } =\n      useFormControl(computedProps)\n\n    const validChildren = getValidChildren(children)\n    let computedChildren: ReactElement[] = []\n\n    if (!validChildren.length && items.length) {\n      computedChildren = items.map(({ label, value, ...props }, i) => (\n        <Checkbox key={i} value={value} {...props}>\n          {label}\n        </Checkbox>\n      ))\n    }\n\n    return (\n      <CheckboxGroupProvider\n        value={\n          {\n            size,\n            variant,\n            colorScheme,\n            isRequired,\n            isReadOnly,\n            isDisabled,\n            isInvalid,\n            value,\n            onChange,\n          } as CheckboxContext\n        }\n      >\n        <Flex\n          ref={ref}\n          className={cx(\"ui-checkbox-group\", className)}\n          direction={direction}\n          gap={gap ?? (direction === \"row\" ? \"1rem\" : undefined)}\n          {...getContainerProps({\n            \"aria-labelledby\": labelId,\n            ...rest,\n          })}\n        >\n          {children ?? computedChildren}\n        </Flex>\n      </CheckboxGroupProvider>\n    )\n  },\n) as {\n  <Y extends string | number = string>(\n    props: CheckboxGroupProps<Y> & { ref?: Ref<HTMLDivElement> },\n  ): JSX.Element\n} & ComponentArgs\n\nCheckboxGroup.displayName = \"CheckboxGroup\"\n"],"mappings":"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","names":["useFormControl","cx","useCallbackRef","useCallback","forwardRef","props","value","props","jsx","useCallbackRef","useCallback","props","_a","forwardRef","useFormControl","cx"]}