@charcoal-ui/react 3.3.0 → 3.5.0

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/ComponentAbstraction.tsx","../src/core/SSRProvider.tsx","../src/core/OverlayProvider.tsx","../src/core/CharcoalProvider.tsx","../src/components/Button/index.tsx","../src/_lib/index.ts","../src/styled.ts","../src/components/Clickable/index.tsx","../src/components/IconButton/index.tsx","../src/components/Radio/index.tsx","../src/components/MultiSelect/index.tsx","../src/components/MultiSelect/context.ts","../src/components/Switch/index.tsx","../src/components/TextField/index.tsx","../src/components/FieldLabel/index.tsx","../src/components/TextArea/index.tsx","../src/components/Icon/index.tsx","../src/components/Modal/index.tsx","../../foundation/src/grid.ts","../src/components/Modal/ModalPlumbing.tsx","../src/components/LoadingSpinner/index.tsx","../src/components/DropdownSelector/index.tsx","../src/components/DropdownSelector/DropdownPopover.tsx","../src/components/DropdownSelector/Popover/index.tsx","../src/components/DropdownSelector/utils/findPreviewRecursive.tsx","../src/components/DropdownSelector/MenuList/index.tsx","../src/components/DropdownSelector/MenuList/MenuListContext.ts","../src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx","../src/components/DropdownSelector/DropdownMenuItem.tsx","../src/components/DropdownSelector/ListItem/index.tsx","../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx","../src/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.tsx","../src/components/DropdownSelector/MenuItem/index.tsx","../src/components/DropdownSelector/MenuItemGroup/index.tsx","../src/components/SegmentedControl/index.tsx","../src/components/SegmentedControl/RadioGroupContext.tsx","../src/components/Checkbox/index.tsx","../src/components/TagItem/index.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport * as React from 'react'\n\nexport type LinkProps = {\n  /**\n   * リンクのURL\n   */\n  to: string\n} & Omit<React.ComponentPropsWithoutRef<'a'>, 'href'>\n\nexport const DefaultLink = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function DefaultLink({ to, children, ...rest }, ref) {\n    return (\n      <a href={to} ref={ref} {...rest}>\n        {children}\n      </a>\n    )\n  }\n)\n\nexport interface Components {\n  Link: React.ComponentType<React.ComponentPropsWithRef<typeof DefaultLink>>\n}\n\nconst DefaultValue: Components = {\n  Link: DefaultLink,\n}\n\nconst ComponentAbstractionContext = React.createContext(DefaultValue)\n\ninterface Props {\n  children: React.ReactNode\n  components: Partial<Components>\n}\n\nexport default function ComponentAbstraction({ children, components }: Props) {\n  return (\n    <ComponentAbstractionContext.Provider\n      value={{ ...DefaultValue, ...components }}\n    >\n      {children}\n    </ComponentAbstractionContext.Provider>\n  )\n}\n\nexport function useComponentAbstraction() {\n  return useContext(ComponentAbstractionContext)\n}\n","export { SSRProvider } from '@react-aria/ssr'\n","export { OverlayProvider } from '@react-aria/overlays'\n","import * as React from 'react'\nimport { ThemeProvider } from 'styled-components'\nimport ComponentAbstraction, { Components } from './ComponentAbstraction'\nimport { TokenInjector } from '@charcoal-ui/styled'\nimport { ThemeMap } from '@charcoal-ui/styled/src/TokenInjector'\nimport { CharcoalTheme, ThemeColor } from '@charcoal-ui/theme'\n\nimport { OverlayProvider } from './OverlayProvider'\nimport { SSRProvider } from './SSRProvider'\n\nexport type CharcoalProviderProps = React.PropsWithChildren<{\n  themeMap: ThemeMap<CharcoalTheme>\n  defaultTheme?: CharcoalTheme\n  injectTokens?: boolean\n  components?: Partial<Components>\n  background?: keyof ThemeColor\n}>\n\nexport function CharcoalProvider({\n  themeMap,\n  defaultTheme = themeMap[':root'],\n  components = {},\n  injectTokens = true,\n  children,\n  background,\n}: CharcoalProviderProps) {\n  return (\n    <SSRProvider>\n      <ThemeProvider theme={defaultTheme}>\n        {injectTokens && (\n          <TokenInjector theme={themeMap} background={background} />\n        )}\n        <ComponentAbstraction components={components}>\n          <OverlayProvider>{children}</OverlayProvider>\n        </ComponentAbstraction>\n      </ThemeProvider>\n    </SSRProvider>\n  )\n}\n","import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { unreachable } from '../../_lib'\nimport { theme } from '../../styled'\nimport Clickable, { ClickableElement, ClickableProps } from '../Clickable'\n\ntype Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation'\ntype Size = 'S' | 'M'\n\ninterface StyledProps {\n  $variant: Variant\n  $fullWidth: boolean\n  $size: Size\n}\n\nexport type ButtonProps = Partial<{\n  variant: Variant\n  size: Size\n  fullWidth: boolean\n}> &\n  ClickableProps\n\nconst Button = forwardRef<ClickableElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = 'Default',\n    size = 'M',\n    fullWidth: fixed = false,\n    disabled = false,\n    ...rest\n  },\n  ref\n) {\n  return (\n    <StyledButton\n      {...rest}\n      disabled={disabled}\n      $variant={variant}\n      $size={size}\n      $fullWidth={fixed}\n      ref={ref}\n    >\n      {children}\n    </StyledButton>\n  )\n})\nexport default Button\n\nconst StyledButton = styled(Clickable)<StyledProps>`\n  width: ${(p) => (p.$fullWidth ? 'stretch' : 'min-content')};\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n\n  ${(p) =>\n    theme((o) => [\n      o.font[variantToFont(p.$variant)].hover.press,\n      o.bg[variantToBackground(p.$variant)].hover.press,\n      o.typography(14).bold.preserveHalfLeading,\n      o.padding.horizontal(p.$size === 'M' ? 24 : 16),\n      o.disabled,\n      o.borderRadius('oval'),\n      o.outline.default.focus,\n    ])}\n\n  /* よく考えたらheight=32って定義が存在しないな... */\n  height: ${(p) => (p.$size === 'M' ? 40 : 32)}px;\n`\n\nfunction variantToBackground(variant: Variant) {\n  switch (variant) {\n    case 'Overlay':\n      return 'surface4'\n    case 'Default':\n      return 'surface3'\n    case 'Primary':\n      return 'brand'\n    case 'Navigation':\n      return 'surface6'\n    case 'Danger':\n      return 'assertive'\n    default:\n      return unreachable(variant)\n  }\n}\n\nfunction variantToFont(variant: Variant) {\n  switch (variant) {\n    case 'Overlay':\n      return 'text5'\n    case 'Default':\n      return 'text2'\n    case 'Primary':\n      return 'text5'\n    case 'Navigation':\n      return 'text5'\n    case 'Danger':\n      return 'text5'\n    default:\n      return unreachable(variant)\n  }\n}\n","/**\n * 今後ポートされる予定の汎用的な関数群\n */\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n *   case Types.A:\n *   case Types.B:\n *     break\n *   default:\n *     unreachable(a) // will cause a build error if there was\n *                    // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n// eslint-disable-next-line @typescript-eslint/unified-signatures\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n  throw new Error(\n    arguments.length === 0\n      ? 'unreachable'\n      : `unreachable (${JSON.stringify(value)})`\n  )\n}\n\n/**\n * 複数のrefをマージする。\n *\n * forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う\n */\nexport function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value)\n      } else if (ref !== null) {\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\nexport function countCodePointsInString(string: string) {\n  // [...string] とするとproduction buildで動かなくなる\n  // cf. https://twitter.com/f_subal/status/1497214727511891972\n  return Array.from(string).length\n}\n","import styled from 'styled-components'\nimport { createTheme } from '@charcoal-ui/styled'\nexport const theme = createTheme(styled)\n","import * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport {\n  LinkProps,\n  useComponentAbstraction,\n} from '../../core/ComponentAbstraction'\nimport { disabledSelector } from '@charcoal-ui/utils'\n\ninterface BaseProps {\n  /**\n   * クリックの無効化\n   */\n  disabled?: boolean\n}\n\ninterface LinkBaseProps {\n  /**\n   * リンクのURL。指定するとbuttonタグではなくaタグとして描画される\n   */\n  to: string\n}\n\nexport type ClickableProps =\n  | (BaseProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled'>)\n  | (BaseProps & LinkBaseProps & Omit<LinkProps, 'to'>)\nexport type ClickableElement = HTMLButtonElement & HTMLAnchorElement\n\nconst Clickable = React.forwardRef<ClickableElement, ClickableProps>(\n  function Clickable(props, ref) {\n    const { Link } = useComponentAbstraction()\n    if ('to' in props) {\n      const { onClick, disabled = false, ...rest } = props\n      return (\n        <A<typeof Link>\n          {...rest}\n          as={disabled ? undefined : Link}\n          onClick={disabled ? undefined : onClick}\n          aria-disabled={disabled}\n          ref={ref}\n        />\n      )\n    } else {\n      return <Button {...props} ref={ref} />\n    }\n  }\n)\nexport default Clickable\n\nconst clickableCss = css`\n  /* Clickable style */\n  cursor: pointer;\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n`\n\nconst Button = styled.button`\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n\n  /* Remove the inner border and padding in Firefox. */\n  &::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  ${clickableCss}\n`\n\nconst A = styled.span`\n  /* Reset a-tag appearance */\n  color: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  .text {\n    top: calc(1em + 2em);\n  }\n\n  ${clickableCss}\n`\n","import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { theme } from '../../styled'\nimport Clickable, { ClickableElement, ClickableProps } from '../Clickable'\nimport type { KnownIconType } from '@charcoal-ui/icons'\n\ntype Variant = 'Default' | 'Overlay'\ntype Size = 'XS' | 'S' | 'M'\n\ninterface StyledProps {\n  readonly variant?: Variant\n  readonly size?: Size\n  readonly icon: keyof KnownIconType\n}\n\nexport type IconButtonProps = StyledProps & ClickableProps\n\nconst IconButton = forwardRef<ClickableElement, IconButtonProps>(\n  function IconButtonInner(\n    { variant = 'Default', size = 'M', icon, ...rest }: IconButtonProps,\n    ref\n  ) {\n    validateIconSize(size, icon)\n    return (\n      <StyledIconButton {...rest} ref={ref} variant={variant} size={size}>\n        <pixiv-icon name={icon} />\n      </StyledIconButton>\n    )\n  }\n)\n\nexport default IconButton\n\nconst StyledIconButton = styled(Clickable).attrs<\n  Required<StyledProps>,\n  ReturnType<typeof styledProps>\n>(styledProps)`\n  user-select: none;\n\n  width: ${(p) => p.width}px;\n  height: ${(p) => p.height}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ font, background }) =>\n    theme((o) => [\n      o.font[font],\n      o.bg[background].hover.press,\n      o.disabled,\n      o.borderRadius('oval'),\n      o.outline.default.focus,\n    ])}\n`\n\nfunction styledProps(props: Required<StyledProps>) {\n  return {\n    ...props,\n    ...variantToProps(props.variant),\n    ...sizeToProps(props.size),\n  }\n}\n\nfunction variantToProps(variant: Variant) {\n  switch (variant) {\n    case 'Default':\n      return { font: 'text3', background: 'transparent' } as const\n    case 'Overlay':\n      return { font: 'text5', background: 'surface4' } as const\n  }\n}\n\nfunction sizeToProps(size: Size) {\n  switch (size) {\n    case 'XS':\n      return {\n        width: 20,\n        height: 20,\n      }\n    case 'S':\n      return {\n        width: 32,\n        height: 32,\n      }\n    case 'M':\n      return {\n        width: 40,\n        height: 40,\n      }\n  }\n}\n\n/**\n * validates matches of size and icon\n */\nfunction validateIconSize(size: Size, icon: keyof KnownIconType) {\n  let requiredIconSize: string\n  switch (size) {\n    case 'XS':\n      requiredIconSize = '16'\n      break\n    case 'S':\n    case 'M':\n      requiredIconSize = '24'\n      break\n  }\n  // アイコン名は サイズ/名前\n  const result = /^\\d*/u.exec(icon)\n  if (result == null) {\n    throw new Error('Invalid icon name')\n  }\n  const [iconSize] = result\n  if (iconSize !== requiredIconSize) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `IconButton with size \"${size}\" expect icon size \"${requiredIconSize}, but got \"${iconSize}\"`\n    )\n  }\n}\n","import { memo, forwardRef, useCallback, useContext } from 'react'\nimport * as React from 'react'\nimport styled from 'styled-components'\nimport warning from 'warning'\nimport { theme } from '../../styled'\nimport { px } from '@charcoal-ui/utils'\n\nexport type RadioProps = React.PropsWithChildren<{\n  value: string\n  disabled?: boolean\n  className?: string\n}>\n\nconst Radio = forwardRef<HTMLInputElement, RadioProps>(function RadioInner(\n  { value, disabled = false, children, className },\n  ref\n) {\n  const {\n    name,\n    selected,\n    disabled: isParentDisabled,\n    readonly,\n    invalid,\n    onChange,\n  } = useContext(RadioGroupContext)\n\n  warning(\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    name !== undefined,\n    `\"name\" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`\n  )\n\n  const isSelected = value === selected\n  const isDisabled = disabled || isParentDisabled\n  const isReadonly = readonly && !isSelected\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e.currentTarget.value)\n    },\n    [onChange]\n  )\n\n  return (\n    <RadioRoot aria-disabled={isDisabled || isReadonly} className={className}>\n      <RadioInput\n        name={name}\n        value={value}\n        checked={isSelected}\n        invalid={invalid}\n        onChange={handleChange}\n        disabled={isDisabled || isReadonly}\n        ref={ref}\n      />\n      {children != null && <RadioLabel>{children}</RadioLabel>}\n    </RadioRoot>\n  )\n})\n\nexport default memo(Radio)\n\nconst RadioRoot = styled.label`\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: ${({ theme }) => px(theme.spacing[4])};\n  align-items: center;\n  cursor: pointer;\n\n  ${theme((o) => [o.disabled])}\n`\n\nexport const RadioInput = styled.input.attrs({ type: 'radio' })<{\n  invalid?: boolean\n}>`\n  /** Make prior to browser default style */\n  &[type='radio'] {\n    appearance: none;\n    display: block;\n    box-sizing: border-box;\n\n    margin: 0;\n    padding: 6px;\n\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n\n    ${({ invalid = false }) =>\n      theme((o) => [\n        o.borderRadius('oval'),\n        o.bg.surface1.hover.press,\n        invalid && o.outline.assertive,\n      ])};\n\n    &:not(:checked) {\n      border-width: 2px;\n      border-style: solid;\n      border-color: ${({ theme }) => theme.color.text3};\n    }\n\n    &:checked {\n      ${theme((o) => o.bg.brand.hover.press)}\n\n      &::after {\n        content: '';\n        display: block;\n        width: 8px;\n        height: 8px;\n        pointer-events: none;\n\n        ${theme((o) => [o.bg.text5.hover.press, o.borderRadius('oval')])}\n      }\n    }\n\n    ${theme((o) => o.outline.default.focus)}\n\n    /* FIXME: o.outline.default.focus の transition に o.bg.brand の transition が打ち消されてしまう */\n    transition: all 0.2s !important;\n  }\n`\n\nconst RadioLabel = styled.div`\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nexport type RadioGroupProps = React.PropsWithChildren<{\n  className?: string\n  value?: string\n  label: string\n  name: string\n  onChange(next: string): void\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n}>\n\n// TODO: use (or polyfill) flex gap\nconst StyledRadioGroup = styled.div`\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: ${({ theme }) => px(theme.spacing[8])};\n`\n\ninterface RadioGroupContext {\n  name: string\n  selected?: string\n  disabled: boolean\n  readonly: boolean\n  invalid: boolean\n  onChange: (next: string) => void\n}\n\nconst RadioGroupContext = React.createContext<RadioGroupContext>({\n  name: undefined as never,\n  selected: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  onChange() {\n    throw new Error(\n      'Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?'\n    )\n  },\n})\n\nexport function RadioGroup({\n  className,\n  value,\n  label,\n  name,\n  onChange,\n  disabled,\n  readonly,\n  invalid,\n  children,\n}: RadioGroupProps) {\n  const handleChange = useCallback(\n    (next: string) => {\n      onChange(next)\n    },\n    [onChange]\n  )\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        name,\n        selected: value,\n        disabled: disabled ?? false,\n        readonly: readonly ?? false,\n        invalid: invalid ?? false,\n        onChange: handleChange,\n      }}\n    >\n      <StyledRadioGroup\n        role=\"radiogroup\"\n        aria-orientation=\"vertical\"\n        aria-label={label}\n        aria-invalid={invalid}\n        className={className}\n      >\n        {children}\n      </StyledRadioGroup>\n    </RadioGroupContext.Provider>\n  )\n}\n","import { ChangeEvent, useCallback, useContext, forwardRef, memo } from 'react'\nimport * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport warning from 'warning'\nimport { theme } from '../../styled'\nimport { disabledSelector, px } from '@charcoal-ui/utils'\n\nimport { MultiSelectGroupContext } from './context'\n\nexport type MultiSelectProps = React.PropsWithChildren<{\n  value: string\n  disabled?: boolean\n  variant?: 'default' | 'overlay'\n  className?: string\n  onChange?: (payload: { value: string; selected: boolean }) => void\n}>\n\nconst MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>(\n  function MultiSelectInner(\n    {\n      value,\n      disabled = false,\n      onChange,\n      variant = 'default',\n      className,\n      children,\n    },\n    ref\n  ) {\n    const {\n      name,\n      selected,\n      disabled: parentDisabled,\n      readonly,\n      invalid,\n      onChange: parentOnChange,\n    } = useContext(MultiSelectGroupContext)\n\n    warning(\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      name !== undefined,\n      `\"name\" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`\n    )\n\n    const isSelected = selected.includes(value)\n    const isDisabled = disabled || parentDisabled || readonly\n\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        if (!(event.currentTarget instanceof HTMLInputElement)) {\n          return\n        }\n        if (onChange) onChange({ value, selected: event.currentTarget.checked })\n        parentOnChange({ value, selected: event.currentTarget.checked })\n      },\n      [onChange, parentOnChange, value]\n    )\n\n    return (\n      <MultiSelectRoot aria-disabled={isDisabled} className={className}>\n        <MultiSelectInput\n          {...{\n            name,\n            value,\n            invalid,\n          }}\n          checked={isSelected}\n          disabled={isDisabled}\n          onChange={handleChange}\n          overlay={variant === 'overlay'}\n          aria-invalid={invalid}\n          ref={ref}\n        />\n        <MultiSelectInputOverlay\n          overlay={variant === 'overlay'}\n          invalid={invalid}\n          aria-hidden={true}\n        >\n          <pixiv-icon name=\"24/Check\" unsafe-non-guideline-scale={16 / 24} />\n        </MultiSelectInputOverlay>\n        {Boolean(children) && <MultiSelectLabel>{children}</MultiSelectLabel>}\n      </MultiSelectRoot>\n    )\n  }\n)\n\nexport default memo(MultiSelect)\n\nconst MultiSelectRoot = styled.label`\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  ${disabledSelector} {\n    cursor: default;\n  }\n  gap: ${({ theme }) => px(theme.spacing[4])};\n  ${theme((o) => o.disabled)}\n`\n\nconst MultiSelectLabel = styled.div`\n  display: flex;\n  align-items: center;\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nconst MultiSelectInput = styled.input.attrs({ type: 'checkbox' })<{\n  invalid: boolean\n  overlay: boolean\n}>`\n  &[type='checkbox'] {\n    appearance: none;\n    display: block;\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    &:checked {\n      ${theme((o) => o.bg.brand.hover.press)}\n    }\n\n    ${({ invalid, overlay }) =>\n      theme((o) => [\n        o.bg.text3.hover.press,\n        o.borderRadius('oval'),\n        invalid && !overlay && o.outline.assertive,\n        overlay && o.bg.surface4,\n      ])};\n  }\n`\n\nconst MultiSelectInputOverlay = styled.div<{\n  overlay: boolean\n  invalid: boolean\n}>`\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ invalid, overlay }) =>\n    theme((o) => [\n      o.width.px(24),\n      o.height.px(24),\n      o.borderRadius('oval'),\n      o.font.text5,\n      invalid && overlay && o.outline.assertive,\n    ])}\n\n  ${({ overlay }) =>\n    overlay &&\n    css`\n      border-color: ${({ theme }) => theme.color.text5};\n      border-width: 2px;\n      border-style: solid;\n    `}\n`\n\nexport type MultiSelectGroupProps = React.PropsWithChildren<{\n  className?: string\n  name: string\n  label: string\n  selected: string[]\n  onChange: (selected: string[]) => void\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n}>\n\nexport function MultiSelectGroup({\n  className,\n  name,\n  label,\n  selected,\n  onChange,\n  disabled = false,\n  readonly = false,\n  invalid = false,\n  children,\n}: MultiSelectGroupProps) {\n  const handleChange = useCallback(\n    (payload: { value: string; selected: boolean }) => {\n      const index = selected.indexOf(payload.value)\n\n      if (payload.selected) {\n        if (index < 0) {\n          onChange([...selected, payload.value])\n        }\n      } else {\n        if (index >= 0) {\n          onChange([...selected.slice(0, index), ...selected.slice(index + 1)])\n        }\n      }\n    },\n    [onChange, selected]\n  )\n\n  return (\n    <MultiSelectGroupContext.Provider\n      value={{\n        name,\n        selected: Array.from(new Set(selected)),\n        disabled,\n        readonly,\n        invalid,\n        onChange: handleChange,\n      }}\n    >\n      <div className={className} aria-label={label} data-testid=\"SelectGroup\">\n        {children}\n      </div>\n    </MultiSelectGroupContext.Provider>\n  )\n}\n","import { createContext } from 'react'\n\ntype MultiSelectGroupContext = {\n  name: string\n  selected: string[]\n  disabled: boolean\n  readonly: boolean\n  invalid: boolean\n  onChange: ({ value, selected }: { value: string; selected: boolean }) => void\n}\n\nexport const MultiSelectGroupContext = createContext<MultiSelectGroupContext>({\n  name: undefined as never,\n  selected: [],\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  onChange() {\n    throw new Error(\n      'Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?'\n    )\n  },\n})\n","import { useSwitch } from '@react-aria/switch'\nimport type { AriaSwitchProps } from '@react-types/switch'\nimport { useMemo, memo, forwardRef } from 'react'\nimport * as React from 'react'\nimport { useToggleState } from 'react-stately'\nimport styled from 'styled-components'\nimport { theme } from '../../styled'\nimport { disabledSelector } from '@charcoal-ui/utils'\nimport { useObjectRef } from '@react-aria/utils'\n\nexport type SwitchProps = {\n  name: string\n  className?: string\n  value?: string\n  checked?: boolean\n  disabled?: boolean\n  onChange(checked: boolean): void\n} & (\n  | // children か label は片方が必須\n  {\n      children: React.ReactNode\n    }\n  | {\n      label: string\n    }\n)\n\nconst SwitchCheckbox = forwardRef<HTMLInputElement, SwitchProps>(\n  function SwitchCheckboxInner(props, external) {\n    const { disabled, className } = props\n\n    const ariaSwitchProps: AriaSwitchProps = useMemo(\n      () => ({\n        ...props,\n\n        // children がいない場合は aria-label をつけないといけない\n        'aria-label': 'children' in props ? undefined : props.label,\n        isDisabled: props.disabled,\n        isSelected: props.checked,\n      }),\n      [props]\n    )\n\n    const state = useToggleState(ariaSwitchProps)\n    const ref = useObjectRef<HTMLInputElement>(external)\n    const {\n      inputProps: { className: _className, type: _type, ...rest },\n    } = useSwitch(ariaSwitchProps, state, ref)\n\n    return (\n      <Label className={className} aria-disabled={disabled}>\n        <SwitchInput {...rest} ref={ref} />\n        {'children' in props ? (\n          // eslint-disable-next-line react/destructuring-assignment\n          <LabelInner>{props.children}</LabelInner>\n        ) : undefined}\n      </Label>\n    )\n  }\n)\n\nexport default memo(SwitchCheckbox)\n\nconst Label = styled.label`\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n\n  ${theme((o) => o.disabled)}\n\n  :active > input {\n    box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n  }\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n`\n\nconst LabelInner = styled.div`\n  ${theme((o) => [\n    o.typography(14).preserveHalfLeading,\n    o.font.text2,\n    o.margin.left(4),\n  ])}\n`\n\nconst SwitchInput = styled.input.attrs({\n  type: 'checkbox',\n})`\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n  cursor: inherit;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n  :hover {\n    background-color: var(--charcoal-text4-hover);\n  }\n  :active {\n    background-color: var(--charcoal-text4-press);\n  }\n  :focus {\n    box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 0;\n    width: 12px;\n    height: 12px;\n    transform: translateX(0);\n    transition: transform 0.2s;\n    border-radius: 1024px;\n    background-color: var(--charcoal-text5);\n    :hover {\n      background-color: var(--charcoal-text5-hover);\n    }\n    :active {\n      background-color: var(--charcoal-text5-press);\n    }\n  }\n\n  &:checked {\n    background-color: var(--charcoal-brand);\n    :hover {\n      background-color: var(--charcoal-brand-hover);\n    }\n    :active {\n      background-color: var(--charcoal-brand-press);\n    }\n    &::after {\n      transform: translateX(12px);\n      transition: transform 0.2s;\n    }\n  }\n`\n","import { useTextField } from '@react-aria/textfield'\nimport { useVisuallyHidden } from '@react-aria/visually-hidden'\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport styled from 'styled-components'\nimport FieldLabel, { FieldLabelProps } from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { theme } from '../../styled'\nimport { ReactAreaUseTextFieldCompat } from '../../_lib/compat'\n\ntype DOMProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  // react-ariaのhookは、onChangeが`(v: string) => void`想定\n  | 'onChange'\n\n  // RDFa Attributeとかぶる\n  // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/58d57ca87ac7be0d306c0844dc254e90c150bd0d/types/react/index.d.ts#L1951\n  | 'prefix'\n\n  // ReactAreaUseTextFieldCompatに書いてあるような事情で、ここにあるイベントハンドラの型をゆるめる\n  | keyof ReactAreaUseTextFieldCompat\n>\n\nexport interface TextFieldProps\n  extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>,\n    DOMProps,\n    ReactAreaUseTextFieldCompat {\n  readonly prefix?: ReactNode\n  readonly suffix?: ReactNode\n\n  // <input> 要素は number とか string[] もありうるが、今はこれしか想定してない\n  readonly defaultValue?: string\n  readonly value?: string\n  readonly onChange?: (value: string) => void\n\n  // react-ariaの型定義のせいでHTMLInputElementにできない\n  readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void\n  readonly onFocus?: (event: React.FocusEvent<Element>) => void\n  readonly onBlur?: (event: React.FocusEvent<Element>) => void\n\n  readonly showCount?: boolean\n  readonly showLabel?: boolean\n  readonly assistiveText?: string\n  readonly invalid?: boolean\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  function SingleLineTextFieldInner({ onChange, ...props }, forwardRef) {\n    const {\n      className,\n      showLabel = false,\n      showCount = false,\n      label,\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      invalid = false,\n      assistiveText,\n      maxLength,\n      prefix = null,\n      suffix = null,\n    } = props\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n    const ariaRef = useRef<HTMLInputElement>(null)\n    const prefixRef = useRef<HTMLSpanElement>(null)\n    const suffixRef = useRef<HTMLSpanElement>(null)\n    const [count, setCount] = useState(\n      countCodePointsInString(props.value ?? '')\n    )\n    const [prefixWidth, setPrefixWidth] = useState(0)\n    const [suffixWidth, setSuffixWidth] = useState(0)\n\n    const nonControlled = props.value === undefined\n    const handleChange = useCallback(\n      (value: string) => {\n        const count = countCodePointsInString(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        if (nonControlled) {\n          setCount(count)\n        }\n        onChange?.(value)\n      },\n      [maxLength, nonControlled, onChange]\n    )\n\n    useEffect(() => {\n      setCount(countCodePointsInString(props.value ?? ''))\n    }, [props.value])\n\n    const { inputProps, labelProps, descriptionProps, errorMessageProps } =\n      useTextField(\n        {\n          inputElementType: 'input',\n          isDisabled: disabled,\n          isRequired: required,\n          validationState: invalid ? 'invalid' : 'valid',\n          description: !invalid && assistiveText,\n          errorMessage: invalid && assistiveText,\n          onChange: handleChange,\n          ...props,\n        },\n        ariaRef\n      )\n\n    useEffect(() => {\n      const prefixObserver = new ResizeObserver((entries) => {\n        setPrefixWidth(entries[0].contentRect.width)\n      })\n      const suffixObserver = new ResizeObserver((entries) => {\n        setSuffixWidth(entries[0].contentRect.width)\n      })\n\n      if (prefixRef.current !== null) {\n        prefixObserver.observe(prefixRef.current)\n      }\n      if (suffixRef.current !== null) {\n        suffixObserver.observe(suffixRef.current)\n      }\n\n      return () => {\n        suffixObserver.disconnect()\n        prefixObserver.disconnect()\n      }\n    }, [])\n\n    return (\n      <TextFieldRoot className={className} isDisabled={disabled}>\n        <TextFieldLabel\n          label={label}\n          requiredText={requiredText}\n          required={required}\n          subLabel={subLabel}\n          {...labelProps}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <StyledInputContainer>\n          <PrefixContainer ref={prefixRef}>\n            <Affix>{prefix}</Affix>\n          </PrefixContainer>\n          <StyledInput\n            ref={mergeRefs(forwardRef, ariaRef)}\n            invalid={invalid}\n            extraLeftPadding={prefixWidth}\n            extraRightPadding={suffixWidth}\n            {...inputProps}\n          />\n          <SuffixContainer ref={suffixRef}>\n            <Affix>{suffix}</Affix>\n            {showCount && (\n              <SingleLineCounter>\n                {maxLength !== undefined ? `${count}/${maxLength}` : count}\n              </SingleLineCounter>\n            )}\n          </SuffixContainer>\n        </StyledInputContainer>\n        {assistiveText != null && assistiveText.length !== 0 && (\n          <AssistiveText\n            invalid={invalid}\n            {...(invalid ? errorMessageProps : descriptionProps)}\n          >\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </TextFieldRoot>\n    )\n  }\n)\n\nexport default TextField\n\nconst TextFieldRoot = styled.div<{ isDisabled: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${(p) => p.isDisabled && { opacity: p.theme.elementEffect.disabled.opacity }}\n`\n\nconst TextFieldLabel = styled(FieldLabel)`\n  ${theme((o) => o.margin.bottom(8))}\n`\n\nconst StyledInputContainer = styled.div`\n  height: 40px;\n  display: grid;\n  position: relative;\n`\n\nconst PrefixContainer = styled.span`\n  position: absolute;\n  top: 50%;\n  left: 8px;\n  transform: translateY(-50%);\n  z-index: 1;\n`\n\nconst SuffixContainer = styled.span`\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  transform: translateY(-50%);\n\n  display: flex;\n  gap: 8px;\n`\n\nconst Affix = styled.span`\n  user-select: none;\n\n  ${theme((o) => [o.typography(14).preserveHalfLeading, o.font.text2])}\n`\n\nconst StyledInput = styled.input<{\n  invalid: boolean\n  extraLeftPadding: number\n  extraRightPadding: number\n}>`\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: calc((8px + ${(p) => p.extraLeftPadding}px) / 0.875);\n  padding-right: calc((8px + ${(p) => p.extraRightPadding}px) / 0.875);\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  ${(p) =>\n    theme((o) => [\n      o.bg.surface3.hover,\n      o.outline.default.focus,\n      p.invalid && o.outline.assertive,\n      o.font.text2,\n    ])}\n\n  &::placeholder {\n    ${theme((o) => o.font.text3)}\n  }\n`\n\nconst SingleLineCounter = styled.span`\n  ${theme((o) => [o.typography(14).preserveHalfLeading, o.font.text3])}\n`\n\nconst AssistiveText = styled.p<{ invalid: boolean }>`\n  ${(p) =>\n    theme((o) => [\n      o.typography(14),\n      o.margin.top(8),\n      o.margin.bottom(0),\n      o.font[p.invalid ? 'assertive' : 'text1'],\n    ])}\n`\n","import * as React from 'react'\nimport styled from 'styled-components'\nimport { createTheme } from '@charcoal-ui/styled'\n\nexport interface FieldLabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  readonly className?: string\n  readonly label: string\n  readonly subLabel?: React.ReactNode\n  readonly required?: boolean\n  // TODO: 翻訳用のContextで注入する\n  readonly requiredText?: string\n}\n\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n  function FieldLabel(\n    {\n      style,\n      className,\n      label,\n      required = false,\n      requiredText,\n      subLabel,\n      ...labelProps\n    },\n    ref\n  ) {\n    return (\n      <FieldLabelWrapper style={style} className={className}>\n        <Label ref={ref} {...labelProps}>\n          {label}\n        </Label>\n        {required && <RequiredText>{requiredText}</RequiredText>}\n        <SubLabelClickable>\n          <span>{subLabel}</span>\n        </SubLabelClickable>\n      </FieldLabelWrapper>\n    )\n  }\n)\n\nexport default FieldLabel\n\nconst theme = createTheme(styled)\n\nconst Label = styled.label`\n  ${theme((o) => [o.typography(14).bold, o.font.text1])}\n`\n\nconst RequiredText = styled.span`\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nconst SubLabelClickable = styled.div`\n  ${theme((o) => [\n    o.typography(14),\n    o.font.text3.hover.press,\n    o.outline.default.focus,\n  ])}\n`\n\nconst FieldLabelWrapper = styled.div`\n  display: inline-flex;\n  align-items: center;\n\n  > ${RequiredText} {\n    ${theme((o) => o.margin.left(4))}\n  }\n\n  > ${SubLabelClickable} {\n    ${theme((o) => o.margin.left('auto'))}\n  }\n`\n","import { useTextField } from '@react-aria/textfield'\nimport { useVisuallyHidden } from '@react-aria/visually-hidden'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\nimport styled, { css } from 'styled-components'\nimport FieldLabel, { FieldLabelProps } from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { ReactAreaUseTextFieldCompat } from '../../_lib/compat'\nimport { theme } from '../../styled'\n\ntype DOMProps = Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  // react-ariaのhookは、onChangeが`(v: string) => void`想定\n  | 'onChange'\n  // ReactAreaUseTextFieldCompatに書いてあるような事情で、ここにあるイベントハンドラの型をゆるめる\n  | keyof ReactAreaUseTextFieldCompat\n>\n\nexport interface TextAreaProps\n  extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>,\n    DOMProps,\n    ReactAreaUseTextFieldCompat {\n  readonly autoHeight?: boolean\n  readonly rows?: number\n\n  // <input> 要素は number とか string[] もありうるが、今はこれしか想定してない\n  readonly defaultValue?: string\n  readonly value?: string\n  readonly onChange?: (value: string) => void\n\n  // react-ariaの型定義のせいでHTMLTextAreaElementにできない\n  readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void\n  readonly onFocus?: (event: React.FocusEvent<Element>) => void\n  readonly onBlur?: (event: React.FocusEvent<Element>) => void\n\n  readonly showCount?: boolean\n  readonly showLabel?: boolean\n  readonly assistiveText?: string\n  readonly invalid?: boolean\n}\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextAreaInner({ onChange, ...props }, forwardRef) {\n    const {\n      className,\n      showCount = false,\n      showLabel = false,\n      label,\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      invalid = false,\n      assistiveText,\n      maxLength,\n      autoHeight = false,\n      rows: initialRows = 4,\n    } = props\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const ariaRef = useRef<HTMLTextAreaElement>(null)\n    const [count, setCount] = useState(\n      countCodePointsInString(props.value ?? '')\n    )\n    const [rows, setRows] = useState(initialRows)\n\n    const syncHeight = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const rows = (`${textarea.value}\\n`.match(/\\n/gu)?.length ?? 0) || 1\n        setRows(initialRows <= rows ? rows : initialRows)\n      },\n      [initialRows]\n    )\n\n    const nonControlled = props.value === undefined\n    const handleChange = useCallback(\n      (value: string) => {\n        const count = countCodePointsInString(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        if (nonControlled) {\n          setCount(count)\n        }\n        if (autoHeight && textareaRef.current !== null) {\n          syncHeight(textareaRef.current)\n        }\n        onChange?.(value)\n      },\n      [autoHeight, maxLength, nonControlled, onChange, syncHeight]\n    )\n\n    useEffect(() => {\n      setCount(countCodePointsInString(props.value ?? ''))\n    }, [props.value])\n\n    const { inputProps, labelProps, descriptionProps, errorMessageProps } =\n      useTextField(\n        {\n          inputElementType: 'textarea',\n          isDisabled: disabled,\n          isRequired: required,\n          validationState: invalid ? 'invalid' : 'valid',\n          description: !invalid && assistiveText,\n          errorMessage: invalid && assistiveText,\n          onChange: handleChange,\n          ...props,\n        },\n        ariaRef\n      )\n\n    useEffect(() => {\n      if (autoHeight && textareaRef.current !== null) {\n        syncHeight(textareaRef.current)\n      }\n    }, [autoHeight, syncHeight])\n\n    return (\n      <TextFieldRoot className={className} isDisabled={disabled}>\n        <TextFieldLabel\n          label={label}\n          requiredText={requiredText}\n          required={required}\n          subLabel={subLabel}\n          {...labelProps}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <StyledTextareaContainer\n          invalid={invalid}\n          rows={showCount ? rows + 1 : rows}\n        >\n          <StyledTextarea\n            ref={mergeRefs(textareaRef, forwardRef, ariaRef)}\n            rows={rows}\n            noBottomPadding={showCount}\n            {...inputProps}\n          />\n          {showCount && (\n            <MultiLineCounter>\n              {maxLength !== undefined ? `${count}/${maxLength}` : count}\n            </MultiLineCounter>\n          )}\n        </StyledTextareaContainer>\n        {assistiveText != null && assistiveText.length !== 0 && (\n          <AssistiveText\n            invalid={invalid}\n            {...(invalid ? errorMessageProps : descriptionProps)}\n          >\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </TextFieldRoot>\n    )\n  }\n)\n\nexport default TextArea\n\nconst TextFieldRoot = styled.div<{ isDisabled: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${(p) => p.isDisabled && { opacity: p.theme.elementEffect.disabled.opacity }}\n`\n\nconst TextFieldLabel = styled(FieldLabel)`\n  ${theme((o) => o.margin.bottom(8))}\n`\n\nconst StyledTextareaContainer = styled.div<{ rows: number; invalid: boolean }>`\n  position: relative;\n  overflow: hidden;\n  padding: 0 8px;\n\n  ${(p) =>\n    theme((o) => [\n      o.bg.surface3.hover,\n      o.outline.default.focus,\n      p.invalid && o.outline.assertive,\n      o.font.text2,\n      o.borderRadius(4),\n    ])}\n\n  &:focus-within {\n    ${(p) =>\n      theme((o) => (p.invalid ? o.outline.assertive : o.outline.default))}\n  }\n\n  ${({ rows }) => css`\n    height: calc(22px * ${rows} + 18px);\n  `};\n`\n\nconst StyledTextarea = styled.textarea<{ noBottomPadding: boolean }>`\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) 0 ${(p) => (p.noBottomPadding ? 0 : '')};\n\n  ${({ rows = 1 }) => css`\n    height: calc(22px / 0.875 * ${rows});\n  `};\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n\n  &::placeholder {\n    ${theme((o) => o.font.text3)}\n  }\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n`\n\nconst MultiLineCounter = styled.span`\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  ${theme((o) => [o.typography(14).preserveHalfLeading, o.font.text3])}\n`\n\nconst AssistiveText = styled.p<{ invalid: boolean }>`\n  ${(p) =>\n    theme((o) => [\n      o.typography(14),\n      o.margin.top(8),\n      o.margin.bottom(0),\n      o.font[p.invalid ? 'assertive' : 'text1'],\n    ])}\n`\n","import * as React from 'react'\n\nimport '@charcoal-ui/icons'\nimport type { PixivIcon, Props } from '@charcoal-ui/icons'\n\nexport interface OwnProps {\n  unsafeNonGuidelineScale?: number\n  className?: string\n}\n\nexport interface IconProps\n  extends OwnProps,\n    React.PropsWithoutRef<\n      Omit<Props, 'class' | 'unsafe-non-guideline-scale' | 'css'>\n    > {}\n\nconst Icon = React.forwardRef<PixivIcon, IconProps>(function IconInner(\n  { name, scale, unsafeNonGuidelineScale, className, ...rest },\n  ref\n) {\n  return (\n    <pixiv-icon\n      ref={ref}\n      name={name}\n      scale={scale}\n      unsafe-non-guideline-scale={unsafeNonGuidelineScale}\n      class={className}\n      {...rest}\n    />\n  )\n})\n\nexport default Icon\n","import { useContext, forwardRef, memo } from 'react'\nimport * as React from 'react'\nimport {\n  AriaModalOverlayProps,\n  Overlay,\n  useModalOverlay,\n  useOverlay,\n} from '@react-aria/overlays'\nimport styled, { css, useTheme } from 'styled-components'\nimport { theme } from '../../styled'\nimport { FocusScope } from '@react-aria/focus'\nimport { useDialog } from '@react-aria/dialog'\nimport { AriaDialogProps } from '@react-types/dialog'\nimport { columnSystem, COLUMN_UNIT, GUTTER_UNIT } from '@charcoal-ui/foundation'\nimport { unreachable } from '../../_lib'\nimport { maxWidth } from '@charcoal-ui/utils'\nimport { useMedia } from '@charcoal-ui/styled'\nimport { animated, useTransition, easings } from 'react-spring'\nimport Button, { ButtonProps } from '../Button'\nimport IconButton from '../IconButton'\nimport { useObjectRef } from '@react-aria/utils'\n\ntype BottomSheet = boolean | 'full'\ntype Size = 'S' | 'M' | 'L'\n\nexport type ModalProps = AriaModalOverlayProps &\n  AriaDialogProps & {\n    children: React.ReactNode\n    zIndex?: number\n    title: string\n    size?: Size\n    bottomSheet?: BottomSheet\n    isOpen: boolean\n    onClose: () => void\n    className?: string\n\n    /**\n     * https://github.com/adobe/react-spectrum/issues/3787\n     * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある\n     */\n    portalContainer?: HTMLElement\n  }\n\nconst DEFAULT_Z_INDEX = 10\n\n/**\n * モーダルコンポーネント。\n *\n * @example アプリケーションルートで `<OverlayProvider>` ないし `<CharcoalProvider>` で囲った上で利用する\n * ```tsx\n * import {\n *   OverlayProvider,\n *   Modal,\n *   ModalHeader,\n *   ModalBody,\n *   ModalButtons\n * } from '@charcoal-ui/react'\n *\n * <OverlayProvider>\n *   <App>\n *     <Modal title=\"Title\" isOpen={state.isOpen} onClose={() => state.close()} isDismissable>\n *       <ModalHeader />\n *       <ModalBody>\n *         ...\n *         <ModalButtons>...</ModalButtons>\n *       </ModalBody>\n *     </Modal>\n *   </App>\n * </OverlayProvider>\n * ```\n */\nconst Modal = forwardRef<HTMLDivElement, ModalProps>(function ModalInner(\n  { children, zIndex = DEFAULT_Z_INDEX, portalContainer, ...props },\n  external\n) {\n  const {\n    title,\n    size = 'M',\n    bottomSheet = false,\n    isDismissable,\n    onClose,\n    className,\n    isOpen = false,\n  } = props\n\n  const ref = useObjectRef<HTMLDivElement>(external)\n  const { overlayProps, underlayProps } = useOverlay(props, ref)\n\n  const { modalProps } = useModalOverlay(\n    props,\n    {\n      close: onClose,\n      isOpen: isOpen,\n      // these props are not used actually.\n      // https://github.com/adobe/react-spectrum/blob/df14e3fb129b94b310f0397a701b83f006b51dfe/packages/%40react-aria/overlays/src/useModalOverlay.ts\n      open: () => {\n        // nope\n      },\n      setOpen: () => {\n        // nope\n      },\n      toggle: () => {\n        // nope\n      },\n    },\n    ref\n  )\n\n  const { dialogProps, titleProps } = useDialog(props, ref)\n\n  const theme = useTheme()\n  const isMobile = useMedia(maxWidth(theme.breakpoint.screen1)) ?? false\n  const transitionEnabled = isMobile && bottomSheet !== false\n  const transition = useTransition(isOpen, {\n    from: {\n      transform: 'translateY(100%)',\n      backgroundColor: 'rgba(0, 0, 0, 0)',\n    },\n    enter: {\n      transform: 'translateY(0%)',\n      backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    },\n    leave: {\n      transform: 'translateY(100%)',\n      backgroundColor: 'rgba(0, 0, 0, 0)',\n    },\n    config: transitionEnabled\n      ? { duration: 400, easing: easings.easeOutQuart }\n      : { duration: 0 },\n  })\n  const showDismiss = !isMobile || bottomSheet !== true\n\n  return transition(\n    ({ backgroundColor, transform }, item) =>\n      item && (\n        <Overlay portalContainer={portalContainer}>\n          <ModalBackground\n            zIndex={zIndex}\n            {...underlayProps}\n            style={transitionEnabled ? { backgroundColor } : {}}\n          >\n            <FocusScope contain restoreFocus autoFocus>\n              <DialogContainer bottomSheet={bottomSheet} size={size}>\n                <ModalDialog\n                  ref={ref}\n                  {...overlayProps}\n                  {...modalProps}\n                  {...dialogProps}\n                  style={transitionEnabled ? { transform } : {}}\n                  size={size}\n                  bottomSheet={bottomSheet}\n                  className={className}\n                >\n                  <ModalContext.Provider\n                    value={{ titleProps, title, close: onClose, showDismiss }}\n                  >\n                    {children}\n                    {isDismissable === true && (\n                      <ModalCrossButton\n                        size=\"S\"\n                        icon=\"24/Close\"\n                        onClick={onClose}\n                      />\n                    )}\n                  </ModalContext.Provider>\n                </ModalDialog>\n              </DialogContainer>\n            </FocusScope>\n          </ModalBackground>\n        </Overlay>\n      )\n  )\n})\n\nexport default memo(Modal)\n\nconst ModalContext = React.createContext<{\n  titleProps: React.HTMLAttributes<HTMLElement>\n  title: string\n  close?: () => void\n  showDismiss: boolean\n}>({\n  titleProps: {},\n  title: '',\n  close: undefined,\n  showDismiss: true,\n})\n\nconst ModalBackground = animated(styled.div<{ zIndex: number }>`\n  z-index: ${({ zIndex }) => zIndex};\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  ${theme((o) => [o.bg.surface4])}\n`)\n\nconst DialogContainer = styled.div<{ bottomSheet: BottomSheet; size: Size }>`\n  position: relative;\n  margin: auto;\n  padding: 24px 0;\n  width: ${(p) => {\n    switch (p.size) {\n      case 'S': {\n        return columnSystem(3, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2\n      }\n      case 'M': {\n        return columnSystem(4, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2\n      }\n      case 'L': {\n        return columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2\n      }\n      default: {\n        return unreachable(p.size)\n      }\n    }\n  }}px;\n\n  @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n    width: calc(100% - 48px);\n    ${(p) =>\n      p.bottomSheet !== false &&\n      css`\n        margin: 0;\n        padding: 0;\n        bottom: 0;\n        position: absolute;\n        width: 100%;\n        ${p.bottomSheet === 'full' ? 'height: 100%' : ''};\n      `}\n  }\n`\n\nconst ModalDialog = animated(styled.div<{\n  size: Size\n  bottomSheet: BottomSheet\n}>`\n  position: relative;\n  margin: auto;\n\n  ${theme((o) => [o.bg.background1, o.borderRadius(24)])}\n  @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n    ${(p) =>\n      p.bottomSheet !== false &&\n      css`\n        border-radius: 0;\n        ${p.bottomSheet === 'full' &&\n        css`\n          height: 100%;\n        `}\n      `}\n  }\n`)\n\nconst ModalCrossButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  ${theme((o) => [o.font.text3.hover.press])}\n`\n\nexport function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>) {\n  const { titleProps, title } = useContext(ModalContext)\n  return (\n    <ModalHeading {...titleProps} {...props}>\n      {title}\n    </ModalHeading>\n  )\n}\n\nconst ModalHeading = styled.h3`\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n`\n\nexport function ModalDismissButton({ children, ...props }: ButtonProps) {\n  const { close, showDismiss } = useContext(ModalContext)\n\n  if (!showDismiss) {\n    return null\n  }\n\n  return (\n    <Button {...props} onClick={close} fullWidth>\n      {children}\n    </Button>\n  )\n}\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","import { ModalTitle } from '.'\nimport styled from 'styled-components'\nimport { theme } from '../../styled'\n\nexport function ModalHeader() {\n  return (\n    <ModalHeaderRoot>\n      <StyledModalTitle />\n    </ModalHeaderRoot>\n  )\n}\n\nconst ModalHeaderRoot = styled.div`\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n`\n\nconst StyledModalTitle = styled(ModalTitle)`\n  ${theme((o) => [o.font.text1, o.typography(16).bold])}\n`\n\nexport const ModalAlign = styled.div`\n  ${theme((o) => [o.padding.horizontal(16)])}\n`\n\nexport const ModalBody = styled.div`\n  ${theme((o) => [o.padding.bottom(40)])}\n`\n\nexport const ModalButtons = styled.div`\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  ${theme((o) => [o.padding.horizontal(16).top(16)])}\n`\n","import { forwardRef, useImperativeHandle, useRef, memo } from 'react'\nimport styled, { keyframes } from 'styled-components'\nimport { theme } from '../../styled'\n\nexport type LoadingSpinnerProps = {\n  readonly size?: number\n  readonly padding?: number\n  readonly transparent?: boolean\n  readonly className?: string\n}\n\nconst LoadingSpinner = forwardRef<HTMLDivElement, LoadingSpinnerProps>(\n  function LoadingSpinnerInner(\n    { size = 48, padding = 16, transparent = false, className },\n    ref\n  ) {\n    return (\n      <LoadingSpinnerRoot\n        size={size}\n        padding={padding}\n        transparent={transparent}\n        className={className}\n        ref={ref}\n      >\n        <LoadingSpinnerIcon />\n      </LoadingSpinnerRoot>\n    )\n  }\n)\n\nexport default memo(LoadingSpinner)\n\nconst LoadingSpinnerRoot = styled.div.attrs({ role: 'progressbar' })<{\n  size: number\n  padding: number\n  transparent: boolean\n}>`\n  box-sizing: content-box;\n  margin: auto;\n  padding: ${(props) => props.padding}px;\n  border-radius: 8px;\n  font-size: ${(props) => props.size}px;\n  width: ${(props) => props.size}px;\n  height: ${(props) => props.size}px;\n  opacity: 0.84;\n  ${({ transparent }) =>\n    theme((o) => [\n      o.font.text4,\n      transparent ? o.bg.transparent : o.bg.background1,\n    ])}\n`\n\nconst scaleOut = keyframes`\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n`\n\nconst Icon = styled.div.attrs({ role: 'presentation' })<{ once: boolean }>`\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: ${scaleOut} 1s both ease-out;\n  animation-iteration-count: ${(p) => (p.once ? 1 : 'infinite')};\n\n  &[data-reset-animation] {\n    animation: none;\n  }\n`\n\ninterface Props {\n  once?: boolean\n}\n\nexport interface LoadingSpinnerIconHandler {\n  restart(): void\n}\n\nexport const LoadingSpinnerIcon = forwardRef<LoadingSpinnerIconHandler, Props>(\n  function LoadingSpinnerIcon({ once = false }, ref) {\n    const iconRef = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle(ref, () => ({\n      restart: () => {\n        if (!iconRef.current) {\n          return\n        }\n        iconRef.current.dataset.resetAnimation = 'true'\n        // Force reflow hack!\n        void iconRef.current.offsetWidth\n        delete iconRef.current.dataset.resetAnimation\n      },\n    }))\n\n    return <Icon ref={iconRef} once={once} />\n  }\n)\n","import { ReactNode, useState, useRef } from 'react'\nimport styled from 'styled-components'\nimport { disabledSelector } from '@charcoal-ui/utils'\nimport Icon from '../Icon'\nimport FieldLabel from '../FieldLabel'\nimport { theme } from '../../styled'\nimport { DropdownPopover } from './DropdownPopover'\nimport { findPreviewRecursive } from './utils/findPreviewRecursive'\nimport MenuList, { MenuListChildren } from './MenuList'\n\nexport type DropdownSelectorProps = {\n  label: string\n  value: string\n  disabled?: boolean\n  placeholder?: string\n  showLabel?: boolean\n  invalid?: boolean\n  assistiveText?: string\n  required?: boolean\n  requiredText?: string\n  subLabel?: ReactNode\n  children: MenuListChildren\n  onChange: (value: string) => void\n}\n\nconst defaultRequiredText = '*必須'\n\nexport default function DropdownSelector(props: DropdownSelectorProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const [isOpen, setIsOpen] = useState(false)\n  const preview = findPreviewRecursive(props.children, props.value)\n\n  return (\n    <DropdownSelectorRoot aria-disabled={props.disabled}>\n      {props.showLabel === true && (\n        <DropdownFieldLabel\n          label={props.label}\n          required={props.required}\n          requiredText={props.requiredText ?? defaultRequiredText}\n          subLabel={props.subLabel}\n        />\n      )}\n      <DropdownButton\n        invalid={props.invalid}\n        disabled={props.disabled}\n        onClick={() => {\n          if (props.disabled === true) return\n          setIsOpen(true)\n        }}\n        ref={triggerRef}\n        type=\"button\"\n      >\n        <DropdownButtonText>\n          {props.placeholder !== undefined && preview === undefined\n            ? props.placeholder\n            : preview}\n        </DropdownButtonText>\n        <DropdownButtonIcon name=\"16/Menu\" />\n      </DropdownButton>\n      {isOpen && (\n        <DropdownPopover\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n          triggerRef={triggerRef}\n          value={props.value}\n        >\n          <MenuList\n            value={props.value}\n            onChange={(v) => {\n              props.onChange(v)\n              setIsOpen(false)\n            }}\n          >\n            {props.children}\n          </MenuList>\n        </DropdownPopover>\n      )}\n      {props.assistiveText !== undefined && (\n        <AssertiveText invalid={props.invalid}>\n          {props.assistiveText}\n        </AssertiveText>\n      )}\n    </DropdownSelectorRoot>\n  )\n}\n\nconst DropdownSelectorRoot = styled.div`\n  display: inline-block;\n  width: 100%;\n\n  ${disabledSelector} {\n    cursor: default;\n    ${theme((o) => o.disabled)}\n  }\n`\n\nconst DropdownFieldLabel = styled(FieldLabel)`\n  width: 100%;\n\n  ${theme((o) => o.margin.bottom(8))}\n`\n\nconst DropdownButton = styled.button<{ invalid?: boolean }>`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  ${({ invalid }) =>\n    theme((o) => [\n      o.padding.horizontal(8),\n      o.outline.default.focus,\n      o.bg.surface3,\n      o.borderRadius(4),\n      invalid === true && o.outline.assertive,\n    ])}\n`\n\nconst DropdownButtonText = styled.span`\n  text-align: left;\n\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nconst DropdownButtonIcon = styled(Icon)`\n  ${theme((o) => [o.font.text2])}\n`\n\nconst AssertiveText = styled.div<{ invalid?: boolean }>`\n  ${({ invalid }) =>\n    theme((o) => [\n      o.typography(14),\n      o.margin.top(8),\n      invalid === true ? o.font.assertive : o.font.text2,\n    ])}\n`\n","import { Key, useEffect, useRef } from 'react'\nimport Popover, { PopoverProps } from './Popover'\n\ntype DropdownPopoverProps = PopoverProps & {\n  value?: Key\n}\n\n/**\n * DropdownSelectorの選択肢をを表示するためのPopover\n * triggerRefの要素と同じ幅になる\n * 表示の際にvalueが等しいDropdownMenuItemを中央に表示する\n */\nexport function DropdownPopover({ children, ...props }: DropdownPopoverProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (props.isOpen && ref.current && props.triggerRef.current) {\n      ref.current.style.width = `${props.triggerRef.current.clientWidth}px`\n    }\n  }, [props.triggerRef, props.isOpen])\n\n  useEffect(() => {\n    if (props.isOpen && props.value !== undefined) {\n      // windowのスクロールを維持したまま選択肢をPopoverの中心に表示する\n      const windowScrollY = window.scrollY\n      const windowScrollX = window.scrollX\n      const selectedElement = document.querySelector(\n        `[data-key=\"${props.value.toString()}\"]`\n      ) as HTMLElement | undefined\n      selectedElement?.scrollIntoView({ block: 'center' })\n      selectedElement?.focus()\n      window.scrollTo(windowScrollX, windowScrollY)\n    }\n  }, [props.value, props.isOpen])\n\n  return (\n    <Popover\n      isOpen={props.isOpen}\n      onClose={props.onClose}\n      popoverRef={ref}\n      triggerRef={props.triggerRef}\n    >\n      {children}\n    </Popover>\n  )\n}\n","import { RefObject, useRef } from 'react'\nimport { ReactNode } from 'react'\nimport { DismissButton, Overlay, usePopover } from '@react-aria/overlays'\nimport styled from 'styled-components'\nimport { theme } from '../../../styled'\n\nexport type PopoverProps = {\n  isOpen: boolean\n  onClose: () => void\n  children: ReactNode\n  triggerRef: RefObject<Element>\n  popoverRef?: RefObject<HTMLDivElement>\n}\n\nconst _empty = () => null\n\n/**\n * 画面の全面に動的に開くことができるコンテナ要素\n * 外の要素をクリックしたり、内部からフォーカスを移動した場合に自動的に閉じる\n *\n * triggerRefの付近に画面内に収まるように表示される\n */\nexport default function Popover(props: PopoverProps) {\n  const defaultPopoverRef = useRef<HTMLDivElement>(null)\n  const finalPopoverRef =\n    props.popoverRef === undefined ? defaultPopoverRef : props.popoverRef\n  const { popoverProps, underlayProps } = usePopover(\n    {\n      triggerRef: props.triggerRef,\n      popoverRef: finalPopoverRef,\n      containerPadding: 16,\n    },\n    {\n      close: props.onClose,\n      isOpen: props.isOpen,\n      // never used\n      open: _empty,\n      setOpen: _empty,\n      toggle: _empty,\n    }\n  )\n\n  if (!props.isOpen) return null\n\n  return (\n    <Overlay portalContainer={document.body}>\n      <div {...underlayProps} style={{ position: 'fixed', inset: 0 }} />\n      <DropdownPopoverDiv {...popoverProps} ref={finalPopoverRef}>\n        <DismissButton onDismiss={() => props.onClose()} />\n        {props.children}\n        <DismissButton onDismiss={() => props.onClose()} />\n      </DropdownPopoverDiv>\n    </Overlay>\n  )\n}\n\nconst DropdownPopoverDiv = styled.div`\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n\n  ${theme((o) => [\n    o.bg.background1,\n    o.border.default,\n    o.borderRadius(8),\n    o.padding.vertical(8),\n  ])}\n`\n","import { ReactNode } from 'react'\nimport * as React from 'react'\n\n/**\n * DropdownSelectorの選択中の要素をレンダリングするため、\n * 選択中のMenuItemを再帰的に探索しReactNodeを返す。\n *\n * @param children\n * @param value\n * @param values\n * @returns\n */\nexport function findPreviewRecursive(\n  children: ReactNode,\n  value: string\n): ReactNode | undefined {\n  const childArray = React.Children.toArray(children)\n  for (let i = 0; i < childArray.length; i++) {\n    const child = childArray[i]\n    if (React.isValidElement(child)) {\n      if ('value' in child.props) {\n        const childValue = (child.props as { value: string }).value\n        if (childValue === value && 'children' in child.props) {\n          const children = (child.props as { children: ReactNode }).children\n          return children\n        }\n      }\n      if ('children' in child.props) {\n        const children = findPreviewRecursive(\n          (child.props as { children: ReactNode }).children,\n          value\n        )\n        if (children !== undefined) {\n          return children\n        }\n      }\n    }\n  }\n}\n","import { useRef } from 'react'\nimport styled from 'styled-components'\nimport { MenuListContext } from './MenuListContext'\nimport { getValuesRecursive } from './internals/getValuesRecursive'\nimport MenuItem from '../MenuItem'\nimport { Divider } from '../Divider'\nimport MenuItemGroup from '../MenuItemGroup'\n\ntype MenuListChild = React.ReactElement<\n  typeof MenuItem | typeof MenuItemGroup | typeof Divider\n>\n\nexport type MenuListChildren = MenuListChild | MenuListChild[]\n\nexport type MenuListProps = {\n  children: MenuListChildren\n  value?: string\n  onChange?: (v: string) => void\n}\n\n/**\n * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目\n * 基本的に`<MenuItem>`, `<MenuGroup>`と合わせて使用する\n */\nexport default function MenuList(props: MenuListProps) {\n  const root = useRef(null)\n  const values: string[] = []\n  getValuesRecursive(props.children, values)\n\n  return (\n    <StyledUl ref={root}>\n      <MenuListContext.Provider\n        value={{\n          value: props.value ?? '',\n          root,\n          values,\n          setValue: (v) => {\n            props.onChange?.(v)\n          },\n        }}\n      >\n        {props.children}\n      </MenuListContext.Provider>\n    </StyledUl>\n  )\n}\n\nconst StyledUl = styled.ul`\n  padding: 0;\n  margin: 0;\n`\n","import { RefObject, createContext } from 'react'\n\ntype MenuListContextType = {\n  root?: RefObject<HTMLUListElement>\n  value?: string\n  values?: string[]\n  setValue: (v: string) => void\n}\n\nexport const MenuListContext = createContext<MenuListContextType>({\n  root: undefined,\n  value: '',\n  values: [],\n  setValue: (_v: string) => {\n    // empty\n  },\n})\n","import * as React from 'react'\nimport MenuItem from '../../MenuItem'\nimport { MenuListChildren } from '..'\nimport MenuItemGroup from '../../MenuItemGroup'\n\n/**\n * valueというpropsを持つ子要素の値を再起的に探索して配列にする\n *\n * @param children\n * @param value\n * @param values\n * @returns\n */\nexport function getValuesRecursive(\n  children: MenuListChildren,\n  values: string[] = []\n) {\n  const childArray = React.Children.toArray(children)\n  for (let i = 0; i < childArray.length; i++) {\n    const child = childArray[i]\n    if (React.isValidElement(child)) {\n      const props = child.props as {\n        value?: never\n        children?: React.ReactElement<typeof MenuItem | typeof MenuItemGroup>[]\n      }\n      if ('value' in props && typeof props.value === 'string') {\n        const childValue = props.value\n        values.push(childValue)\n      }\n      if ('children' in props && props.children) {\n        getValuesRecursive(props.children, values)\n      }\n    }\n  }\n}\n","import styled from 'styled-components'\nimport MenuItem, { MenuItemProps } from './MenuItem'\nimport { MenuListContext } from './MenuList/MenuListContext'\nimport { useContext } from 'react'\nimport { theme } from '../../styled'\nimport Icon from '../Icon'\n\nexport type DropdownMenuItemProps = Omit<MenuItemProps<'div'>, 'as'>\n\n/**\n * DropdownSelectorの選択肢として使うMenuItem\n */\nexport default function DropdownMenuItem(props: DropdownMenuItemProps) {\n  const { value: ctxValue } = useContext(MenuListContext)\n  const isSelected = props.value === ctxValue\n  const { children, ...rest } = props\n\n  return (\n    <MenuItem {...rest}>\n      {isSelected && <Text2ColorIcon name=\"16/Check\" />}\n      <StyledSpan isSelected={isSelected}>{props.children}</StyledSpan>\n    </MenuItem>\n  )\n}\n\n/**\n * アイコンがない時を考慮して20px（16pxのwidthと4pxのgap）の余白をとる\n */\nconst StyledSpan = styled.span<{ isSelected?: boolean }>`\n  ${theme((o) => [o.typography(14), o.font.text2])};\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: ${({ isSelected }) => (isSelected === true ? 0 : 20)}px;\n`\n\nconst Text2ColorIcon = styled(Icon)`\n  ${theme((o) => [o.font.text2])}\n  padding-right: 4px;\n`\n","import { ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { theme } from '../../../styled'\n\nexport type CustomJSXElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | React.JSXElementConstructor<any>\n\nexport type ListItemProps<T extends CustomJSXElement = 'div'> = {\n  children?: ReactNode\n  as?: T\n} & Omit<React.ComponentProps<T>, 'children'>\n\n/**\n * リストのある要素を示すコンポーネント\n *\n * asを用いて拡張することができる\n * @example\n * ```\n * <ListItem as=\"a\" href=\"#\">Link</ListItem>\n * <ListItem as={NextLink} href=\"#\">NextLink</ListItem>\n * ```\n */\nexport default function ListItem<T extends CustomJSXElement = 'div'>(\n  props: ListItemProps<T>\n) {\n  const { children, ...rest } = props\n  return (\n    <StyledLi role=\"option\">\n      <ItemDiv {...rest}>{props.children}</ItemDiv>\n    </StyledLi>\n  )\n}\n\nconst StyledLi = styled.li`\n  list-style: none;\n`\n\nconst ItemDiv = styled.div`\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  ${theme((o) => [o.padding.horizontal(16), o.disabled])}\n\n  &[aria-disabled=\"true\"] {\n    cursor: default;\n  }\n\n  :hover,\n  :focus,\n  :focus-within {\n    ${theme((o) => [o.bg.surface3])}\n  }\n`\n","import { useCallback, useContext } from 'react'\nimport { handleFocusByKeyBoard } from './handleFocusByKeyBoard'\nimport { MenuListContext } from '../../MenuList/MenuListContext'\n\n/**\n * MenuListContextに含まれるvalue間で上下キーでfocusを移動できる\n * EnterキーでMenuListContextに値を設定する\n * 上記2つの処理を含む処理(handleKeyDown)と、Enterキーを押下した処理(setContextValue)を配列で返す\n * @param value\n * @returns\n */\nexport function useMenuItemHandleKeyDown(\n  value?: string\n): [(e: React.KeyboardEvent<HTMLDivElement>) => void, () => void] {\n  const { setValue, root, values } = useContext(MenuListContext)\n  const setContextValue = useCallback(() => {\n    if (value !== undefined) setValue(value)\n  }, [value, setValue])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Enter') {\n        setContextValue()\n      } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        // prevent scroll\n        e.preventDefault()\n        if (!values || value === undefined) return\n        const index = values.indexOf(value)\n        if (index === -1) return\n\n        const focusValue =\n          e.key === 'ArrowUp'\n            ? // prev or last\n              index - 1 < 0\n              ? values[values.length - 1]\n              : values[index - 1]\n            : // next or first\n            index + 1 >= values.length\n            ? values[0]\n            : values[index + 1]\n\n        const next = root?.current?.querySelector(`[data-key='${focusValue}']`)\n\n        if (next instanceof HTMLElement) {\n          next.focus({ preventScroll: true })\n          if (root?.current?.parentElement) {\n            handleFocusByKeyBoard(next, root.current.parentElement)\n          }\n        }\n      }\n    },\n    [setContextValue, value, root, values]\n  )\n  return [handleKeyDown, setContextValue]\n}\n","/**\n * elementをparentのスクロールビューに入るようにスクロールする\n * parentがスクロール可能でなければelementが見えるようにスクロールする\n *\n * @param element\n * @param parent\n */\nexport function handleFocusByKeyBoard(element: Element, parent: HTMLElement) {\n  const isScrollable = parent.scrollHeight > parent.clientHeight\n  if (isScrollable) {\n    const rect = element.getBoundingClientRect()\n    const parentRect = parent.getBoundingClientRect()\n    if (rect.bottom > parentRect.bottom) {\n      parent.scrollTo({\n        top: parent.scrollTop + rect.bottom - parentRect.bottom,\n      })\n    } else if (rect.top < parentRect.top) {\n      parent.scrollTo({\n        top: parent.scrollTop - (parentRect.top - rect.top),\n      })\n    }\n  } else {\n    scrollIfNeeded(element)\n  }\n}\n\n/**\n * 要素が画面外にあればスクロールする、画面内にあればスクロールしない\n * @param element\n */\nfunction scrollIfNeeded(element: Element) {\n  const elementRect = element.getBoundingClientRect()\n  const isVisible =\n    elementRect.top >= 0 &&\n    elementRect.bottom <=\n      (window.innerHeight || document.documentElement.clientHeight)\n\n  if (!isVisible) {\n    element.scrollIntoView({\n      block: 'nearest',\n    })\n  }\n}\n","import ListItem, { CustomJSXElement, ListItemProps } from '../ListItem'\nimport { useMenuItemHandleKeyDown } from './internals/useMenuItemHandleKeyDown'\n\nexport type MenuItemProps<T extends CustomJSXElement = never> = {\n  value?: string\n  disabled?: boolean\n} & ListItemProps<T>\n\n/**\n * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目\n * 基本的に`<MenuList>`, `<MenuGroup>`と合わせて使用する\n */\nexport default function MenuItem<T extends CustomJSXElement>(\n  props: MenuItemProps<T>\n) {\n  const { children, as, ...rest } = props\n  const [handleKeyDown, setContextValue] = useMenuItemHandleKeyDown(props.value)\n  return (\n    <ListItem\n      {...rest}\n      as={as as CustomJSXElement}\n      data-key={props.value}\n      onKeyDown={handleKeyDown}\n      onClick={props.disabled === true ? undefined : setContextValue}\n      tabIndex={-1}\n      aria-disabled={props.disabled}\n    >\n      {props.children}\n    </ListItem>\n  )\n}\n","import styled from 'styled-components'\nimport MenuItem from '../MenuItem'\nimport { Divider } from '../Divider'\n\ntype MenuItemGroupChild = React.ReactElement<typeof MenuItem | typeof Divider>\n\nexport type MenuItemGroupProps = {\n  text: string\n  children: MenuItemGroupChild | MenuItemGroupChild[]\n}\n\n/**\n * 項目のリストを分類する見出しをつけるコンテナ要素\n */\nexport default function MenuItemGroup(props: MenuItemGroupProps) {\n  return (\n    <StyledLi role=\"presentation\">\n      <TextSpan>{props.text}</TextSpan>\n      <StyledUl role=\"group\">{props.children}</StyledUl>\n    </StyledLi>\n  )\n}\n\nconst TextSpan = styled.span`\n  display: block;\n  color: ${({ theme }) => theme.color.text3};\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n`\n\nconst StyledUl = styled.ul`\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n`\n\nconst StyledLi = styled.li`\n  display: block;\n`\n","import { ReactNode, forwardRef, memo, useMemo, useRef } from 'react'\nimport * as React from 'react'\nimport { useRadioGroupState } from 'react-stately'\nimport {\n  AriaRadioGroupProps,\n  AriaRadioProps,\n  useRadio,\n  useRadioGroup,\n} from '@react-aria/radio'\nimport styled from 'styled-components'\nimport { disabledSelector } from '@charcoal-ui/utils'\n\nimport { RadioProvider, useRadioContext } from './RadioGroupContext'\nimport { theme } from '../../styled'\n\ntype SegmentedControlItem = {\n  label: React.ReactNode\n  value: string\n  disabled?: boolean\n}\n\nexport type SegmentedControlProps = {\n  readonly id?: string\n  readonly name?: string\n  readonly disabled?: boolean\n  readonly readonly?: boolean\n  readonly required?: boolean\n  readonly className?: string\n\n  readonly value?: string\n  readonly defaultValue?: string\n\n  readonly data: string[] | SegmentedControlItem[]\n\n  readonly onChange?: (value: string) => void\n}\n\nconst SegmentedControl = forwardRef<HTMLDivElement, SegmentedControlProps>(\n  function SegmentedControlInner(props, ref) {\n    const ariaRadioGroupProps = useMemo<AriaRadioGroupProps>(\n      () => ({\n        ...props,\n        isDisabled: props.disabled,\n        isReadOnly: props.readonly,\n        isRequired: props.required,\n        'aria-label': props.name,\n      }),\n      [props]\n    )\n    const state = useRadioGroupState(ariaRadioGroupProps)\n    const { radioGroupProps } = useRadioGroup(ariaRadioGroupProps, state)\n    const segmentedControlItems = useMemo<SegmentedControlItem[]>(() => {\n      return props.data.map((d) =>\n        typeof d === 'string' ? { value: d, label: d } : d\n      )\n    }, [props.data])\n\n    return (\n      <SegmentedControlRoot\n        ref={ref}\n        {...radioGroupProps}\n        className={props.className}\n      >\n        <RadioProvider value={state}>\n          {segmentedControlItems.map((item) => (\n            <Segmented\n              key={item.value}\n              value={item.value}\n              disabled={item.disabled}\n            >\n              {item.label}\n            </Segmented>\n          ))}\n        </RadioProvider>\n      </SegmentedControlRoot>\n    )\n  }\n)\n\nexport default memo(SegmentedControl)\n\ntype RadioProps = {\n  value: string\n  disabled?: boolean\n  children?: ReactNode\n}\n\nconst Segmented = (props: RadioProps) => {\n  const state = useRadioContext()\n  const ref = useRef<HTMLInputElement>(null)\n  const ariaRadioProps = useMemo<AriaRadioProps>(\n    () => ({\n      value: props.value,\n      isDisabled: props.disabled,\n      children: props.children,\n    }),\n    [props]\n  )\n\n  const { inputProps, isDisabled, isSelected } = useRadio(\n    ariaRadioProps,\n    state,\n    ref\n  )\n\n  return (\n    <SegmentedRoot\n      aria-disabled={isDisabled || state.isReadOnly}\n      checked={isSelected}\n    >\n      <SegmentedInput {...inputProps} ref={ref} />\n      <RadioLabel>\n        <SegmentedLabelInner>{props.children}</SegmentedLabelInner>\n      </RadioLabel>\n    </SegmentedRoot>\n  )\n}\n\nconst SegmentedControlRoot = styled.div`\n  display: inline-flex;\n  align-items: center;\n\n  ${theme((o) => [o.bg.surface3, o.borderRadius(16)])}\n`\n\nconst SegmentedRoot = styled.label<{ checked?: boolean }>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  height: 32px;\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  ${({ checked }) =>\n    theme((o) => [\n      o.padding.horizontal(16),\n      o.borderRadius(16),\n      o.disabled,\n      checked === true && o.bg.brand,\n      checked === true ? o.font.text5 : o.font.text2,\n    ])}\n`\nconst SegmentedInput = styled.input`\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n`\n\nconst RadioLabel = styled.div`\n  background: transparent;\n  display: flex;\n  align-items: center;\n  height: 22px;\n`\nconst SegmentedLabelInner = styled.div`\n  ${theme((o) => [o.typography(14)])}\n`\n","import { createContext, useContext } from 'react'\nimport * as React from 'react'\nimport { RadioGroupState } from 'react-stately'\n\nconst RadioContext = createContext<RadioGroupState | null>(null)\n\ntype RadioProviderProps = React.PropsWithChildren<{\n  value: RadioGroupState\n}>\nexport const RadioProvider: React.FC<RadioProviderProps> = ({\n  value,\n  children,\n}) => {\n  return <RadioContext.Provider value={value}>{children}</RadioContext.Provider>\n}\nexport const useRadioContext = () => {\n  const state = useContext(RadioContext)\n\n  if (state === null)\n    throw new Error('`<RadioProvider>` is not likely mounted.')\n\n  return state\n}\n","import { forwardRef, memo, useMemo } from 'react'\nimport * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport { useCheckbox } from '@react-aria/checkbox'\nimport { useObjectRef } from '@react-aria/utils'\nimport { useToggleState } from 'react-stately'\nimport { disabledSelector, px } from '@charcoal-ui/utils'\nimport { theme } from '../../styled'\n\nimport type { AriaCheckboxProps } from '@react-types/checkbox'\nimport Icon from '../Icon'\n\ntype CheckboxLabelProps =\n  | {\n      children: React.ReactNode\n    }\n  | {\n      label: string\n    }\n\nexport type CheckboxProps = CheckboxLabelProps & {\n  readonly id?: string\n  readonly name?: string\n  readonly className?: string\n\n  readonly checked?: boolean\n  readonly defaultChecked?: boolean\n  readonly disabled?: boolean\n  readonly readonly?: boolean\n  readonly invalid?: boolean\n\n  readonly onClick?: () => void\n  readonly onChange?: (isSelected: boolean) => void\n  readonly onBlur?: () => void\n  readonly onFocus?: () => void\n}\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  function CheckboxInner({ invalid = false, ...props }, ref) {\n    const ariaCheckboxProps = useMemo<AriaCheckboxProps>(\n      () => ({\n        ...props,\n        isSelected: props.checked,\n        defaultSelected: props.defaultChecked,\n        validationState: invalid ? 'invalid' : 'valid',\n        // children がいない場合は aria-label をつけないといけない\n        'aria-label': 'children' in props ? undefined : props.label,\n        isDisabled: props.disabled,\n      }),\n      [invalid, props]\n    )\n    const state = useToggleState(ariaCheckboxProps)\n    const objectRef = useObjectRef(ref)\n\n    const { inputProps } = useCheckbox(ariaCheckboxProps, state, objectRef)\n    const isDisabled = (props.disabled ?? false) || (props.readonly ?? false)\n\n    return (\n      <InputRoot aria-disabled={isDisabled} className={props.className}>\n        <CheckboxRoot>\n          <CheckboxInput type=\"checkbox\" {...inputProps} invalid={invalid} />\n          <CheckboxInputOverlay aria-hidden={true} checked={inputProps.checked}>\n            <Icon name=\"24/Check\" unsafeNonGuidelineScale={2 / 3} />\n          </CheckboxInputOverlay>\n        </CheckboxRoot>\n\n        {'children' in props && <InputLabel>{props.children}</InputLabel>}\n      </InputRoot>\n    )\n  }\n)\n\nexport default memo(Checkbox)\n\nconst hiddenCss = css`\n  visibility: hidden;\n`\n\nconst InputRoot = styled.label`\n  position: relative;\n  display: flex;\n\n  cursor: pointer;\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  gap: ${({ theme }) => px(theme.spacing[4])};\n  ${theme((o) => [o.disabled])}\n`\n\nconst CheckboxRoot = styled.div`\n  position: relative;\n`\n\nconst CheckboxInput = styled.input<{ invalid: boolean }>`\n  &[type='checkbox'] {\n    appearance: none;\n    display: block;\n    cursor: pointer;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n\n    &:checked {\n      ${theme((o) => o.bg.brand.hover.press)}\n    }\n    &:not(:checked) {\n      border-width: 2px;\n      border-style: solid;\n      border-color: ${({ theme }) => theme.color.text4};\n    }\n    ${theme((o) => [o.outline.default.focus, o.borderRadius(4)])}\n    ${(p) => p.invalid && theme((o) => [o.outline.assertive])}\n\n    /* FIXME: o.outline.default.focus の transition に o.bg.brand の transition が打ち消されてしまう */\n    transition: all 0.2s !important;\n  }\n`\n\nconst CheckboxInputOverlay = styled.div<{ checked?: boolean }>`\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${theme((o) => [o.width.px(24), o.height.px(24), o.font.text5])}\n\n  ${({ checked }) => checked !== true && hiddenCss};\n`\n\nconst InputLabel = styled.div`\n  ${theme((o) => [o.font.text2])}\n\n  font-size: 14px;\n  /** checkbox の height が 20px なのでcheckbox と text が揃っているように見せるために行ボックスの高さを 20px にしている */\n  line-height: 20px;\n`\n","import { forwardRef, memo, useMemo, ComponentPropsWithoutRef } from 'react'\nimport { useObjectRef } from '@react-aria/utils'\nimport styled, { css } from 'styled-components'\nimport { theme } from '../../styled'\nimport { disabledSelector, px } from '@charcoal-ui/utils'\nimport { AriaButtonProps, useButton } from '@react-aria/button'\nimport Icon from '../Icon'\n\nconst sizeMap = {\n  S: 32,\n  M: 40,\n}\n\nexport type TagItemProps = {\n  label: string\n  translatedLabel?: string\n  bgColor?: string\n  bgImage?: string\n  status?: 'default' | 'active' | 'inactive'\n  size?: keyof typeof sizeMap\n  disabled?: boolean\n  className?: string\n} & Pick<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel' | 'onClick'>\n\nconst TagItem = forwardRef<HTMLAnchorElement, TagItemProps>(\n  function TagItemInner(\n    {\n      label,\n      translatedLabel,\n      bgColor = '#7ACCB1',\n      bgImage,\n      size = 'M',\n      disabled,\n      status = 'default',\n      className,\n      ...props\n    },\n    _ref\n  ) {\n    const ref = useObjectRef(_ref)\n    const ariaButtonProps = useMemo<AriaButtonProps<'a'>>(\n      () => ({\n        elementType: 'a',\n        isDisabled: disabled,\n        ...props,\n      }),\n      [disabled, props]\n    )\n\n    const { buttonProps } = useButton(ariaButtonProps, ref)\n    const hasTranslatedLabel =\n      translatedLabel !== undefined && translatedLabel.length > 0\n\n    return (\n      <TagItemRoot\n        ref={ref}\n        size={hasTranslatedLabel ? 'M' : size}\n        status={status}\n        {...buttonProps}\n        className={className}\n      >\n        <Background bgColor={bgColor} bgImage={bgImage} status={status} />\n\n        <Inner>\n          <LabelWrapper isTranslate={hasTranslatedLabel}>\n            {hasTranslatedLabel && (\n              <TranslatedLabel>\n                <Label>{translatedLabel}</Label>\n              </TranslatedLabel>\n            )}\n            <Label>{label}</Label>\n          </LabelWrapper>\n          {status === 'active' && <Icon name=\"16/Remove\" />}\n        </Inner>\n      </TagItemRoot>\n    )\n  }\n)\n\nexport default memo(TagItem)\n\ntype TagItemRootProps = Pick<TagItemProps, 'status'> &\n  Required<Pick<TagItemProps, 'size'>>\n\nconst TagItemRoot = styled.a<TagItemRootProps>`\n  isolation: isolate;\n  position: relative;\n  height: ${({ size }) => sizeMap[size]}px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  ${({ size, status }) =>\n    theme((o) => [\n      o.outline.default.focus,\n      o.borderRadius(4),\n      status !== 'active' && size === 'M' && o.padding.horizontal(24),\n      status !== 'active' && size === 'S' && o.padding.horizontal(16),\n      status === 'inactive' ? o.font.text2 : o.font.text5,\n      ...(status === 'active' ? [o.padding.left(16), o.padding.right(8)] : []),\n    ])}\n\n  ${disabledSelector} {\n    ${theme((o) => [o.disabled])}\n    cursor: default;\n  }\n`\n\nconst Background = styled.div<\n  Pick<TagItemProps, 'bgColor' | 'bgImage' | 'status'>\n>`\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  background-color: ${({ bgColor }) => bgColor};\n  ${({ status }) => status === 'inactive' && theme((o) => o.bg.surface3)}\n\n  ${({ bgImage }) =>\n    bgImage !== undefined &&\n    css`\n      ${theme((o) => [o.bg.surface4])}\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-position: center;\n        background-size: cover;\n        background-image: url(${bgImage});\n        mix-blend-mode: overlay;\n      }\n    `}\n`\n\nconst Inner = styled.div`\n  display: inline-flex;\n  gap: ${({ theme }) => px(theme.spacing[8])};\n  align-items: center;\n  z-index: 2;\n`\n\nconst labelCSS = css`\n  ${theme((o) => [o.typography(14).bold])}\n`\nconst translateLabelCSS = css`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  font-size: 10px;\n`\nconst LabelWrapper = styled.div<{ isTranslate?: boolean }>`\n  ${({ isTranslate }) => (isTranslate ?? false ? translateLabelCSS : labelCSS)}\n`\n\nconst Label = styled.span`\n  max-width: 152px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: inherit;\n  color: inherit;\n  line-height: inherit;\n`\n\nconst TranslatedLabel = styled.div`\n  ${theme((o) => [o.typography(12).bold])}\n`\n"],"mappings":"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","names":["DefaultLink","jsx","forwardRef","styled","React","styled","jsx","Clickable","styled","jsx","Button","forwardRef","styled","forwardRef","styled","jsx","forwardRef","styled","forwardRef","useContext","React","styled","jsx","jsxs","forwardRef","useContext","styled","theme","useCallback","useContext","forwardRef","memo","styled","css","warning","disabledSelector","px","createContext","jsx","jsxs","forwardRef","useContext","warning","useCallback","memo","styled","disabledSelector","theme","px","css","memo","forwardRef","styled","disabledSelector","jsx","jsxs","forwardRef","memo","styled","useCallback","React","styled","React","styled","createTheme","jsx","jsxs","FieldLabel","Label","theme","jsx","jsxs","forwardRef","useCallback","count","styled","useTextField","useVisuallyHidden","forwardRef","useCallback","useEffect","useRef","useState","styled","css","jsx","jsxs","forwardRef","useVisuallyHidden","useRef","useState","useCallback","rows","count","useEffect","useTextField","TextFieldRoot","TextFieldLabel","AssistiveText","styled","css","React","jsx","useContext","forwardRef","memo","React","styled","css","useObjectRef","jsx","jsxs","forwardRef","theme","memo","styled","css","useContext","styled","jsx","styled","forwardRef","useRef","memo","styled","jsx","forwardRef","memo","styled","Icon","LoadingSpinnerIcon","useRef","useState","useRef","styled","disabledSelector","useEffect","useRef","useRef","Overlay","styled","jsx","jsxs","useRef","Overlay","styled","jsx","useRef","useEffect","React","children","useRef","styled","createContext","React","jsx","useRef","styled","jsx","jsxs","useRef","useState","styled","disabledSelector","styled","styled","jsx","styled","useCallback","useContext","useContext","useCallback","jsx","useContext","jsx","jsxs","useContext","styled","styled","jsx","jsxs","StyledLi","StyledUl","theme","forwardRef","memo","useMemo","useRef","styled","disabledSelector","createContext","useContext","jsx","jsx","jsxs","forwardRef","useMemo","memo","useRef","RadioLabel","styled","disabledSelector","forwardRef","memo","useMemo","styled","css","useObjectRef","useToggleState","disabledSelector","px","jsx","jsxs","forwardRef","useMemo","useToggleState","useObjectRef","memo","css","styled","disabledSelector","theme","px","forwardRef","memo","useMemo","useObjectRef","styled","css","disabledSelector","px","jsx","jsxs","forwardRef","useObjectRef","useMemo","Label","memo","styled","disabledSelector","css","theme","px"]}
+{"version":3,"sources":["../src/core/ComponentAbstraction.tsx","../src/core/SSRProvider.tsx","../src/core/OverlayProvider.tsx","../src/core/CharcoalProvider.tsx","../src/components/Button/index.tsx","../src/_lib/index.ts","../src/styled.ts","../src/components/Clickable/index.tsx","../src/components/IconButton/index.tsx","../src/components/Radio/index.tsx","../src/components/MultiSelect/index.tsx","../src/components/MultiSelect/context.ts","../src/components/Switch/index.tsx","../src/components/TextField/index.tsx","../src/components/FieldLabel/index.tsx","../src/components/TextField/useFocusWithClick.tsx","../src/components/TextArea/index.tsx","../src/components/Icon/index.tsx","../src/components/Modal/index.tsx","../src/components/Modal/Dialog/index.tsx","../../foundation/src/grid.ts","../src/_lib/useForwardedRef.tsx","../src/components/Modal/ModalBackgroundContext.tsx","../src/components/Modal/ModalPlumbing.tsx","../src/components/LoadingSpinner/index.tsx","../src/components/DropdownSelector/index.tsx","../src/components/DropdownSelector/DropdownPopover.tsx","../src/components/DropdownSelector/Popover/index.tsx","../src/components/DropdownSelector/Popover/usePreventScroll.tsx","../src/components/DropdownSelector/utils/findPreviewRecursive.tsx","../src/components/DropdownSelector/MenuList/index.tsx","../src/components/DropdownSelector/MenuList/MenuListContext.ts","../src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx","../src/components/DropdownSelector/DropdownMenuItem.tsx","../src/components/DropdownSelector/ListItem/index.tsx","../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx","../src/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.tsx","../src/components/DropdownSelector/MenuItem/index.tsx","../src/components/DropdownSelector/MenuItemGroup/index.tsx","../src/components/SegmentedControl/index.tsx","../src/components/SegmentedControl/RadioGroupContext.tsx","../src/components/Checkbox/index.tsx","../src/components/TagItem/index.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport * as React from 'react'\n\nexport type LinkProps = {\n  /**\n   * リンクのURL\n   */\n  to: string\n} & Omit<React.ComponentPropsWithoutRef<'a'>, 'href'>\n\nexport const DefaultLink = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  function DefaultLink({ to, children, ...rest }, ref) {\n    return (\n      <a href={to} ref={ref} {...rest}>\n        {children}\n      </a>\n    )\n  }\n)\n\nexport interface Components {\n  Link: React.ComponentType<React.ComponentPropsWithRef<typeof DefaultLink>>\n}\n\nconst DefaultValue: Components = {\n  Link: DefaultLink,\n}\n\nconst ComponentAbstractionContext = React.createContext(DefaultValue)\n\ninterface Props {\n  children: React.ReactNode\n  components: Partial<Components>\n}\n\nexport default function ComponentAbstraction({ children, components }: Props) {\n  return (\n    <ComponentAbstractionContext.Provider\n      value={{ ...DefaultValue, ...components }}\n    >\n      {children}\n    </ComponentAbstractionContext.Provider>\n  )\n}\n\nexport function useComponentAbstraction() {\n  return useContext(ComponentAbstractionContext)\n}\n","export { SSRProvider } from '@react-aria/ssr'\n","export { OverlayProvider } from '@react-aria/overlays'\n","import * as React from 'react'\nimport { ThemeProvider } from 'styled-components'\nimport ComponentAbstraction, { Components } from './ComponentAbstraction'\nimport { TokenInjector } from '@charcoal-ui/styled'\nimport { ThemeMap } from '@charcoal-ui/styled/src/TokenInjector'\nimport { CharcoalTheme, ThemeColor } from '@charcoal-ui/theme'\n\nimport { OverlayProvider } from './OverlayProvider'\nimport { SSRProvider } from './SSRProvider'\n\nexport type CharcoalProviderProps = React.PropsWithChildren<{\n  themeMap: ThemeMap<CharcoalTheme>\n  defaultTheme?: CharcoalTheme\n  injectTokens?: boolean\n  components?: Partial<Components>\n  background?: keyof ThemeColor\n}>\n\nexport function CharcoalProvider({\n  themeMap,\n  defaultTheme = themeMap[':root'],\n  components = {},\n  injectTokens = true,\n  children,\n  background,\n}: CharcoalProviderProps) {\n  return (\n    <SSRProvider>\n      <ThemeProvider theme={defaultTheme}>\n        {injectTokens && (\n          <TokenInjector theme={themeMap} background={background} />\n        )}\n        <ComponentAbstraction components={components}>\n          <OverlayProvider>{children}</OverlayProvider>\n        </ComponentAbstraction>\n      </ThemeProvider>\n    </SSRProvider>\n  )\n}\n","import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { unreachable } from '../../_lib'\nimport { theme } from '../../styled'\nimport Clickable, { ClickableElement, ClickableProps } from '../Clickable'\n\ntype Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation'\ntype Size = 'S' | 'M'\n\ninterface StyledProps {\n  $variant: Variant\n  $fullWidth: boolean\n  $size: Size\n}\n\nexport type ButtonProps = Partial<{\n  variant: Variant\n  size: Size\n  fullWidth: boolean\n}> &\n  ClickableProps\n\nconst Button = forwardRef<ClickableElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = 'Default',\n    size = 'M',\n    fullWidth: fixed = false,\n    disabled = false,\n    ...rest\n  },\n  ref\n) {\n  return (\n    <StyledButton\n      {...rest}\n      disabled={disabled}\n      $variant={variant}\n      $size={size}\n      $fullWidth={fixed}\n      ref={ref}\n    >\n      {children}\n    </StyledButton>\n  )\n})\nexport default Button\n\nconst StyledButton = styled(Clickable)<StyledProps>`\n  width: ${(p) => (p.$fullWidth ? 'stretch' : 'min-content')};\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n\n  ${(p) =>\n    theme((o) => [\n      o.font[variantToFont(p.$variant)].hover.press,\n      o.bg[variantToBackground(p.$variant)].hover.press,\n      o.typography(14).bold.preserveHalfLeading,\n      o.padding.horizontal(p.$size === 'M' ? 24 : 16),\n      o.disabled,\n      o.borderRadius('oval'),\n      o.outline.default.focus,\n    ])}\n\n  /* よく考えたらheight=32って定義が存在しないな... */\n  height: ${(p) => (p.$size === 'M' ? 40 : 32)}px;\n`\n\nfunction variantToBackground(variant: Variant) {\n  switch (variant) {\n    case 'Overlay':\n      return 'surface4'\n    case 'Default':\n      return 'surface3'\n    case 'Primary':\n      return 'brand'\n    case 'Navigation':\n      return 'surface6'\n    case 'Danger':\n      return 'assertive'\n    default:\n      return unreachable(variant)\n  }\n}\n\nfunction variantToFont(variant: Variant) {\n  switch (variant) {\n    case 'Overlay':\n      return 'text5'\n    case 'Default':\n      return 'text2'\n    case 'Primary':\n      return 'text5'\n    case 'Navigation':\n      return 'text5'\n    case 'Danger':\n      return 'text5'\n    default:\n      return unreachable(variant)\n  }\n}\n","/**\n * 今後ポートされる予定の汎用的な関数群\n */\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n *   case Types.A:\n *   case Types.B:\n *     break\n *   default:\n *     unreachable(a) // will cause a build error if there was\n *                    // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n// eslint-disable-next-line @typescript-eslint/unified-signatures\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n  throw new Error(\n    arguments.length === 0\n      ? 'unreachable'\n      : `unreachable (${JSON.stringify(value)})`\n  )\n}\n\n/**\n * 複数のrefをマージする。\n *\n * forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う\n */\nexport function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T> {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') {\n        ref(value)\n      } else if (ref !== null) {\n        ;(ref as React.MutableRefObject<T | null>).current = value\n      }\n    }\n  }\n}\n\nexport function countCodePointsInString(string: string) {\n  // [...string] とするとproduction buildで動かなくなる\n  // cf. https://twitter.com/f_subal/status/1497214727511891972\n  return Array.from(string).length\n}\n","import styled from 'styled-components'\nimport { createTheme } from '@charcoal-ui/styled'\nexport const theme = createTheme(styled)\n","import * as React from 'react'\nimport styled from 'styled-components'\nimport {\n  LinkProps,\n  useComponentAbstraction,\n} from '../../core/ComponentAbstraction'\nimport { disabledSelector } from '@charcoal-ui/utils'\n\ninterface BaseProps {\n  /**\n   * クリックの無効化\n   */\n  disabled?: boolean\n}\n\ninterface LinkBaseProps {\n  /**\n   * リンクのURL。指定するとbuttonタグではなくaタグとして描画される\n   */\n  to: string\n}\n\nexport type ClickableProps =\n  | (BaseProps & Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled'>)\n  | (BaseProps & LinkBaseProps & Omit<LinkProps, 'to'>)\nexport type ClickableElement = HTMLButtonElement & HTMLAnchorElement\n\nconst Clickable = React.forwardRef<ClickableElement, ClickableProps>(\n  function Clickable(props, ref) {\n    const { Link } = useComponentAbstraction()\n    const isLink = 'to' in props\n    const as = isLink ? Link : 'button'\n    const ariaDisabled = isLink && props.disabled === true ? true : undefined\n    let rest = props\n    if (isLink) {\n      const { disabled, ..._rest } = props\n      rest = _rest\n    }\n    return (\n      <StyledClickableDiv\n        {...rest}\n        ref={ref}\n        as={as}\n        aria-disabled={ariaDisabled}\n      />\n    )\n  }\n)\nexport default Clickable\n\nconst StyledClickableDiv = styled.div`\n  cursor: pointer;\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n\n  &:focus {\n    outline: none;\n  }\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n\n  /* Remove the inner border and padding in Firefox. */\n  &::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n`\n","import { forwardRef } from 'react'\nimport styled from 'styled-components'\nimport { theme } from '../../styled'\nimport Clickable, { ClickableElement, ClickableProps } from '../Clickable'\nimport type { KnownIconType } from '@charcoal-ui/icons'\n\ntype Variant = 'Default' | 'Overlay'\ntype Size = 'XS' | 'S' | 'M'\n\ninterface StyledProps {\n  readonly variant?: Variant\n  readonly size?: Size\n  readonly icon: keyof KnownIconType\n}\n\nexport type IconButtonProps = StyledProps & ClickableProps\n\nconst IconButton = forwardRef<ClickableElement, IconButtonProps>(\n  function IconButtonInner(\n    { variant = 'Default', size = 'M', icon, ...rest }: IconButtonProps,\n    ref\n  ) {\n    validateIconSize(size, icon)\n    return (\n      <StyledIconButton {...rest} ref={ref} variant={variant} size={size}>\n        <pixiv-icon name={icon} />\n      </StyledIconButton>\n    )\n  }\n)\n\nexport default IconButton\n\nconst StyledIconButton = styled(Clickable).attrs<\n  Required<StyledProps>,\n  ReturnType<typeof styledProps>\n>(styledProps)`\n  user-select: none;\n\n  width: ${(p) => p.width}px;\n  height: ${(p) => p.height}px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ font, background }) =>\n    theme((o) => [\n      o.font[font],\n      o.bg[background].hover.press,\n      o.disabled,\n      o.borderRadius('oval'),\n      o.outline.default.focus,\n    ])}\n`\n\nfunction styledProps(props: Required<StyledProps>) {\n  return {\n    ...props,\n    ...variantToProps(props.variant),\n    ...sizeToProps(props.size),\n  }\n}\n\nfunction variantToProps(variant: Variant) {\n  switch (variant) {\n    case 'Default':\n      return { font: 'text3', background: 'transparent' } as const\n    case 'Overlay':\n      return { font: 'text5', background: 'surface4' } as const\n  }\n}\n\nfunction sizeToProps(size: Size) {\n  switch (size) {\n    case 'XS':\n      return {\n        width: 20,\n        height: 20,\n      }\n    case 'S':\n      return {\n        width: 32,\n        height: 32,\n      }\n    case 'M':\n      return {\n        width: 40,\n        height: 40,\n      }\n  }\n}\n\n/**\n * validates matches of size and icon\n */\nfunction validateIconSize(size: Size, icon: keyof KnownIconType) {\n  let requiredIconSize: string\n  switch (size) {\n    case 'XS':\n      requiredIconSize = '16'\n      break\n    case 'S':\n    case 'M':\n      requiredIconSize = '24'\n      break\n  }\n  // アイコン名は サイズ/名前\n  const result = /^\\d*/u.exec(icon)\n  if (result == null) {\n    throw new Error('Invalid icon name')\n  }\n  const [iconSize] = result\n  if (iconSize !== requiredIconSize) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `IconButton with size \"${size}\" expect icon size \"${requiredIconSize}, but got \"${iconSize}\"`\n    )\n  }\n}\n","import { memo, forwardRef, useCallback, useContext } from 'react'\nimport * as React from 'react'\nimport styled from 'styled-components'\nimport warning from 'warning'\nimport { theme } from '../../styled'\nimport { px } from '@charcoal-ui/utils'\n\nexport type RadioProps = React.PropsWithChildren<{\n  value: string\n  disabled?: boolean\n  className?: string\n}>\n\nconst Radio = forwardRef<HTMLInputElement, RadioProps>(function RadioInner(\n  { value, disabled = false, children, className },\n  ref\n) {\n  const {\n    name,\n    selected,\n    disabled: isParentDisabled,\n    readonly,\n    invalid,\n    onChange,\n  } = useContext(RadioGroupContext)\n\n  warning(\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    name !== undefined,\n    `\"name\" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`\n  )\n\n  const isSelected = value === selected\n  const isDisabled = disabled || isParentDisabled\n  const isReadonly = readonly && !isSelected\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e.currentTarget.value)\n    },\n    [onChange]\n  )\n\n  return (\n    <RadioRoot aria-disabled={isDisabled || isReadonly} className={className}>\n      <RadioInput\n        name={name}\n        value={value}\n        checked={isSelected}\n        invalid={invalid}\n        onChange={handleChange}\n        disabled={isDisabled || isReadonly}\n        ref={ref}\n      />\n      {children != null && <RadioLabel>{children}</RadioLabel>}\n    </RadioRoot>\n  )\n})\n\nexport default memo(Radio)\n\nconst RadioRoot = styled.label`\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: ${({ theme }) => px(theme.spacing[4])};\n  align-items: center;\n  cursor: pointer;\n\n  ${theme((o) => [o.disabled])}\n`\n\nexport const RadioInput = styled.input.attrs({ type: 'radio' })<{\n  invalid?: boolean\n}>`\n  /** Make prior to browser default style */\n  &[type='radio'] {\n    appearance: none;\n    display: block;\n    box-sizing: border-box;\n\n    margin: 0;\n    padding: 6px;\n\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n\n    ${({ invalid = false }) =>\n      theme((o) => [\n        o.borderRadius('oval'),\n        o.bg.surface1.hover.press,\n        invalid && o.outline.assertive,\n      ])};\n\n    &:not(:checked) {\n      border-width: 2px;\n      border-style: solid;\n      border-color: ${({ theme }) => theme.color.text3};\n    }\n\n    &:checked {\n      ${theme((o) => o.bg.brand.hover.press)}\n\n      &::after {\n        content: '';\n        display: block;\n        width: 8px;\n        height: 8px;\n        pointer-events: none;\n\n        ${theme((o) => [o.bg.text5.hover.press, o.borderRadius('oval')])}\n      }\n    }\n\n    ${theme((o) => o.outline.default.focus)}\n\n    /* FIXME: o.outline.default.focus の transition に o.bg.brand の transition が打ち消されてしまう */\n    transition: all 0.2s !important;\n  }\n`\n\nconst RadioLabel = styled.div`\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nexport type RadioGroupProps = React.PropsWithChildren<{\n  className?: string\n  value?: string\n  label: string\n  name: string\n  onChange(next: string): void\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n}>\n\n// TODO: use (or polyfill) flex gap\nconst StyledRadioGroup = styled.div`\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: ${({ theme }) => px(theme.spacing[8])};\n`\n\ninterface RadioGroupContext {\n  name: string\n  selected?: string\n  disabled: boolean\n  readonly: boolean\n  invalid: boolean\n  onChange: (next: string) => void\n}\n\nconst RadioGroupContext = React.createContext<RadioGroupContext>({\n  name: undefined as never,\n  selected: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  onChange() {\n    throw new Error(\n      'Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?'\n    )\n  },\n})\n\nexport function RadioGroup({\n  className,\n  value,\n  label,\n  name,\n  onChange,\n  disabled,\n  readonly,\n  invalid,\n  children,\n}: RadioGroupProps) {\n  const handleChange = useCallback(\n    (next: string) => {\n      onChange(next)\n    },\n    [onChange]\n  )\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        name,\n        selected: value,\n        disabled: disabled ?? false,\n        readonly: readonly ?? false,\n        invalid: invalid ?? false,\n        onChange: handleChange,\n      }}\n    >\n      <StyledRadioGroup\n        role=\"radiogroup\"\n        aria-orientation=\"vertical\"\n        aria-label={label}\n        aria-invalid={invalid}\n        className={className}\n      >\n        {children}\n      </StyledRadioGroup>\n    </RadioGroupContext.Provider>\n  )\n}\n","import { ChangeEvent, useCallback, useContext, forwardRef, memo } from 'react'\nimport * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport warning from 'warning'\nimport { theme } from '../../styled'\nimport { disabledSelector, px } from '@charcoal-ui/utils'\n\nimport { MultiSelectGroupContext } from './context'\n\nexport type MultiSelectProps = React.PropsWithChildren<{\n  value: string\n  disabled?: boolean\n  variant?: 'default' | 'overlay'\n  className?: string\n  onChange?: (payload: { value: string; selected: boolean }) => void\n}>\n\nconst MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>(\n  function MultiSelectInner(\n    {\n      value,\n      disabled = false,\n      onChange,\n      variant = 'default',\n      className,\n      children,\n    },\n    ref\n  ) {\n    const {\n      name,\n      selected,\n      disabled: parentDisabled,\n      readonly,\n      invalid,\n      onChange: parentOnChange,\n    } = useContext(MultiSelectGroupContext)\n\n    warning(\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      name !== undefined,\n      `\"name\" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`\n    )\n\n    const isSelected = selected.includes(value)\n    const isDisabled = disabled || parentDisabled || readonly\n\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        if (!(event.currentTarget instanceof HTMLInputElement)) {\n          return\n        }\n        if (onChange) onChange({ value, selected: event.currentTarget.checked })\n        parentOnChange({ value, selected: event.currentTarget.checked })\n      },\n      [onChange, parentOnChange, value]\n    )\n\n    return (\n      <MultiSelectRoot aria-disabled={isDisabled} className={className}>\n        <MultiSelectInput\n          {...{\n            name,\n            value,\n            invalid,\n          }}\n          checked={isSelected}\n          disabled={isDisabled}\n          onChange={handleChange}\n          overlay={variant === 'overlay'}\n          aria-invalid={invalid}\n          ref={ref}\n        />\n        <MultiSelectInputOverlay\n          overlay={variant === 'overlay'}\n          invalid={invalid}\n          aria-hidden={true}\n        >\n          <pixiv-icon name=\"24/Check\" unsafe-non-guideline-scale={16 / 24} />\n        </MultiSelectInputOverlay>\n        {Boolean(children) && <MultiSelectLabel>{children}</MultiSelectLabel>}\n      </MultiSelectRoot>\n    )\n  }\n)\n\nexport default memo(MultiSelect)\n\nconst MultiSelectRoot = styled.label`\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  ${disabledSelector} {\n    cursor: default;\n  }\n  gap: ${({ theme }) => px(theme.spacing[4])};\n  ${theme((o) => o.disabled)}\n`\n\nconst MultiSelectLabel = styled.div`\n  display: flex;\n  align-items: center;\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nconst MultiSelectInput = styled.input.attrs({ type: 'checkbox' })<{\n  invalid: boolean\n  overlay: boolean\n}>`\n  &[type='checkbox'] {\n    appearance: none;\n    display: block;\n    width: 20px;\n    height: 20px;\n    margin: 0;\n\n    &:checked {\n      ${theme((o) => o.bg.brand.hover.press)}\n    }\n\n    ${({ invalid, overlay }) =>\n      theme((o) => [\n        o.bg.text3.hover.press,\n        o.borderRadius('oval'),\n        invalid && !overlay && o.outline.assertive,\n        overlay && o.bg.surface4,\n      ])};\n  }\n`\n\nconst MultiSelectInputOverlay = styled.div<{\n  overlay: boolean\n  invalid: boolean\n}>`\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ invalid, overlay }) =>\n    theme((o) => [\n      o.width.px(24),\n      o.height.px(24),\n      o.borderRadius('oval'),\n      o.font.text5,\n      invalid && overlay && o.outline.assertive,\n    ])}\n\n  ${({ overlay }) =>\n    overlay &&\n    css`\n      border-color: ${({ theme }) => theme.color.text5};\n      border-width: 2px;\n      border-style: solid;\n    `}\n`\n\nexport type MultiSelectGroupProps = React.PropsWithChildren<{\n  className?: string\n  name: string\n  label: string\n  selected: string[]\n  onChange: (selected: string[]) => void\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n}>\n\nexport function MultiSelectGroup({\n  className,\n  name,\n  label,\n  selected,\n  onChange,\n  disabled = false,\n  readonly = false,\n  invalid = false,\n  children,\n}: MultiSelectGroupProps) {\n  const handleChange = useCallback(\n    (payload: { value: string; selected: boolean }) => {\n      const index = selected.indexOf(payload.value)\n\n      if (payload.selected) {\n        if (index < 0) {\n          onChange([...selected, payload.value])\n        }\n      } else {\n        if (index >= 0) {\n          onChange([...selected.slice(0, index), ...selected.slice(index + 1)])\n        }\n      }\n    },\n    [onChange, selected]\n  )\n\n  return (\n    <MultiSelectGroupContext.Provider\n      value={{\n        name,\n        selected: Array.from(new Set(selected)),\n        disabled,\n        readonly,\n        invalid,\n        onChange: handleChange,\n      }}\n    >\n      <div className={className} aria-label={label} data-testid=\"SelectGroup\">\n        {children}\n      </div>\n    </MultiSelectGroupContext.Provider>\n  )\n}\n","import { createContext } from 'react'\n\ntype MultiSelectGroupContext = {\n  name: string\n  selected: string[]\n  disabled: boolean\n  readonly: boolean\n  invalid: boolean\n  onChange: ({ value, selected }: { value: string; selected: boolean }) => void\n}\n\nexport const MultiSelectGroupContext = createContext<MultiSelectGroupContext>({\n  name: undefined as never,\n  selected: [],\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  onChange() {\n    throw new Error(\n      'Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?'\n    )\n  },\n})\n","import { useSwitch } from '@react-aria/switch'\nimport type { AriaSwitchProps } from '@react-types/switch'\nimport { useMemo, memo, forwardRef } from 'react'\nimport * as React from 'react'\nimport { useToggleState } from 'react-stately'\nimport styled from 'styled-components'\nimport { theme } from '../../styled'\nimport { disabledSelector } from '@charcoal-ui/utils'\nimport { useObjectRef } from '@react-aria/utils'\n\nexport type SwitchProps = {\n  name: string\n  className?: string\n  value?: string\n  checked?: boolean\n  disabled?: boolean\n  onChange(checked: boolean): void\n} & (\n  | // children か label は片方が必須\n  {\n      children: React.ReactNode\n    }\n  | {\n      label: string\n    }\n)\n\nconst SwitchCheckbox = forwardRef<HTMLInputElement, SwitchProps>(\n  function SwitchCheckboxInner(props, external) {\n    const { disabled, className } = props\n\n    const ariaSwitchProps: AriaSwitchProps = useMemo(\n      () => ({\n        ...props,\n\n        // children がいない場合は aria-label をつけないといけない\n        'aria-label': 'children' in props ? undefined : props.label,\n        isDisabled: props.disabled,\n        isSelected: props.checked,\n      }),\n      [props]\n    )\n\n    const state = useToggleState(ariaSwitchProps)\n    const ref = useObjectRef<HTMLInputElement>(external)\n    const {\n      inputProps: { className: _className, type: _type, ...rest },\n    } = useSwitch(ariaSwitchProps, state, ref)\n\n    return (\n      <Label className={className} aria-disabled={disabled}>\n        <SwitchInput {...rest} ref={ref} />\n        {'children' in props ? (\n          // eslint-disable-next-line react/destructuring-assignment\n          <LabelInner>{props.children}</LabelInner>\n        ) : undefined}\n      </Label>\n    )\n  }\n)\n\nexport default memo(SwitchCheckbox)\n\nconst Label = styled.label`\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n\n  ${theme((o) => o.disabled)}\n\n  :active > input {\n    box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n  }\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n`\n\nconst LabelInner = styled.div`\n  ${theme((o) => [\n    o.typography(14).preserveHalfLeading,\n    o.font.text2,\n    o.margin.left(4),\n  ])}\n`\n\nconst SwitchInput = styled.input.attrs({\n  type: 'checkbox',\n})`\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n  cursor: inherit;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n  :hover {\n    background-color: var(--charcoal-text4-hover);\n  }\n  :active {\n    background-color: var(--charcoal-text4-press);\n  }\n  :focus {\n    box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 0;\n    width: 12px;\n    height: 12px;\n    transform: translateX(0);\n    transition: transform 0.2s;\n    border-radius: 1024px;\n    background-color: var(--charcoal-text5);\n    :hover {\n      background-color: var(--charcoal-text5-hover);\n    }\n    :active {\n      background-color: var(--charcoal-text5-press);\n    }\n  }\n\n  &:checked {\n    background-color: var(--charcoal-brand);\n    :hover {\n      background-color: var(--charcoal-brand-hover);\n    }\n    :active {\n      background-color: var(--charcoal-brand-press);\n    }\n    &::after {\n      transform: translateX(12px);\n      transition: transform 0.2s;\n    }\n  }\n`\n","import { useTextField } from '@react-aria/textfield'\nimport { useVisuallyHidden } from '@react-aria/visually-hidden'\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport FieldLabel, { FieldLabelProps } from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { ReactAreaUseTextFieldCompat } from '../../_lib/compat'\nimport { useFocusWithClick } from './useFocusWithClick'\n\ntype DOMProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  // react-ariaのhookは、onChangeが`(v: string) => void`想定\n  | 'onChange'\n\n  // RDFa Attributeとかぶる\n  // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/58d57ca87ac7be0d306c0844dc254e90c150bd0d/types/react/index.d.ts#L1951\n  | 'prefix'\n\n  // ReactAreaUseTextFieldCompatに書いてあるような事情で、ここにあるイベントハンドラの型をゆるめる\n  | keyof ReactAreaUseTextFieldCompat\n>\n\nexport interface TextFieldProps\n  extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>,\n    DOMProps,\n    ReactAreaUseTextFieldCompat {\n  readonly prefix?: ReactNode\n  readonly suffix?: ReactNode\n\n  // <input> 要素は number とか string[] もありうるが、今はこれしか想定してない\n  readonly defaultValue?: string\n  readonly value?: string\n  readonly onChange?: (value: string) => void\n\n  // react-ariaの型定義のせいでHTMLInputElementにできない\n  readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void\n  readonly onFocus?: (event: React.FocusEvent<Element>) => void\n  readonly onBlur?: (event: React.FocusEvent<Element>) => void\n\n  readonly showCount?: boolean\n  readonly showLabel?: boolean\n  readonly assistiveText?: string\n  readonly invalid?: boolean\n}\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  function SingleLineTextFieldInner({ onChange, ...props }, forwardRef) {\n    const {\n      className,\n      showLabel = false,\n      showCount = false,\n      label,\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      invalid = false,\n      assistiveText,\n      maxLength,\n      prefix = null,\n      suffix = null,\n    } = props\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n    const ariaRef = useRef<HTMLInputElement>(null)\n    const [count, setCount] = useState(\n      countCodePointsInString(props.value ?? '')\n    )\n\n    const nonControlled = props.value === undefined\n    const handleChange = useCallback(\n      (value: string) => {\n        const count = countCodePointsInString(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        if (nonControlled) {\n          setCount(count)\n        }\n        onChange?.(value)\n      },\n      [maxLength, nonControlled, onChange]\n    )\n\n    useEffect(() => {\n      setCount(countCodePointsInString(props.value ?? ''))\n    }, [props.value])\n\n    const { inputProps, labelProps, descriptionProps, errorMessageProps } =\n      useTextField(\n        {\n          inputElementType: 'input',\n          isDisabled: disabled,\n          isRequired: required,\n          validationState: invalid ? 'invalid' : 'valid',\n          description: !invalid && assistiveText,\n          errorMessage: invalid && assistiveText,\n          onChange: handleChange,\n          ...props,\n        },\n        ariaRef\n      )\n\n    const containerRef = useRef(null)\n\n    useFocusWithClick(containerRef, ariaRef)\n\n    return (\n      <TextFieldRoot className={className} isDisabled={disabled}>\n        <TextFieldLabel\n          label={label}\n          requiredText={requiredText}\n          required={required}\n          subLabel={subLabel}\n          {...labelProps}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <StyledInputContainer\n          ref={containerRef}\n          invalid={invalid}\n          aria-disabled={disabled === true ? true : undefined}\n          hasPrefix={prefix != null}\n          hasSuffix={suffix != null || showCount}\n        >\n          {prefix && <PrefixContainer>{prefix}</PrefixContainer>}\n          <StyledInput\n            ref={mergeRefs(forwardRef, ariaRef)}\n            invalid={invalid}\n            {...inputProps}\n          />\n          {(suffix || showCount) && (\n            <SuffixContainer>\n              {suffix}\n              {showCount && (\n                <SingleLineCounter>\n                  {maxLength !== undefined ? `${count}/${maxLength}` : count}\n                </SingleLineCounter>\n              )}\n            </SuffixContainer>\n          )}\n        </StyledInputContainer>\n        {assistiveText != null && assistiveText.length !== 0 && (\n          <AssistiveText\n            invalid={invalid}\n            {...(invalid ? errorMessageProps : descriptionProps)}\n          >\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </TextFieldRoot>\n    )\n  }\n)\n\nexport default TextField\n\nconst TextFieldRoot = styled.div<{ isDisabled: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${(p) => p.isDisabled && { opacity: p.theme.elementEffect.disabled.opacity }}\n`\n\nexport const TextFieldLabel = styled(FieldLabel)`\n  margin-bottom: 8px;\n`\n\nconst StyledInputContainer = styled.div<{\n  invalid: boolean\n  hasPrefix: boolean\n  hasSuffix: boolean\n}>`\n  display: grid;\n  grid-template-columns: ${(p) =>\n    [p.hasPrefix && 'auto', '1fr', p.hasSuffix && 'auto']\n      .filter(Boolean)\n      .join(' ')};\n  height: 40px;\n  transition: 0.2s background-color, 0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  gap: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n\n  :not(:disabled):not([aria-disabled]):hover,\n  [aria-disabled='false']:hover {\n    background-color: var(--charcoal-surface3-hover);\n  }\n\n  :not(:disabled):not([aria-disabled]):active,\n  [aria-disabled='false']:active {\n    outline: none;\n    box-shadow: 0 0 0 4px\n      ${(p) => (p.invalid ? `rgba(255,43,0,0.32)` : `rgba(0, 150, 250, 0.32);`)};\n  }\n\n  :focus-within {\n    outline: none;\n    box-shadow: 0 0 0 4px\n      ${(p) => (p.invalid ? `rgba(255,43,0,0.32)` : `rgba(0, 150, 250, 0.32);`)};\n  }\n\n  ${(p) =>\n    p.invalid &&\n    css`\n      box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n    `}\n`\n\nconst PrefixContainer = styled.div`\n  display: flex;\n  padding-left: 8px;\n  align-items: center;\n`\n\nconst SuffixContainer = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n`\n\nconst StyledInput = styled.input<{\n  invalid: boolean\n}>`\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n  &::placeholder {\n    color: var(--charcoal-text3);\n  }\n`\n\nconst SingleLineCounter = styled.span`\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n`\n\nexport const AssistiveText = styled.p<{ invalid: boolean }>`\n  font-size: 14px;\n  line-height: 22px;\n  margin-top: 4px;\n  margin-bottom: -4px;\n  color: ${(p) => `var(--charcoal-${p.invalid ? `assertive` : `text2`})`};\n`\n","import * as React from 'react'\nimport styled from 'styled-components'\nimport { createTheme } from '@charcoal-ui/styled'\n\nexport interface FieldLabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  readonly className?: string\n  readonly label: string\n  readonly subLabel?: React.ReactNode\n  readonly required?: boolean\n  // TODO: 翻訳用のContextで注入する\n  readonly requiredText?: string\n}\n\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\n  function FieldLabel(\n    {\n      style,\n      className,\n      label,\n      required = false,\n      requiredText,\n      subLabel,\n      ...labelProps\n    },\n    ref\n  ) {\n    return (\n      <FieldLabelWrapper style={style} className={className}>\n        <Label ref={ref} {...labelProps}>\n          {label}\n        </Label>\n        {required && <RequiredText>{requiredText}</RequiredText>}\n        <SubLabelClickable>\n          <span>{subLabel}</span>\n        </SubLabelClickable>\n      </FieldLabelWrapper>\n    )\n  }\n)\n\nexport default FieldLabel\n\nconst theme = createTheme(styled)\n\nconst Label = styled.label`\n  ${theme((o) => [o.typography(14).bold, o.font.text1])}\n`\n\nconst RequiredText = styled.span`\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nconst SubLabelClickable = styled.div`\n  ${theme((o) => [\n    o.typography(14),\n    o.font.text3.hover.press,\n    o.outline.default.focus,\n  ])}\n`\n\nconst FieldLabelWrapper = styled.div`\n  display: inline-flex;\n  align-items: center;\n\n  > ${RequiredText} {\n    ${theme((o) => o.margin.left(4))}\n  }\n\n  > ${SubLabelClickable} {\n    ${theme((o) => o.margin.left('auto'))}\n  }\n`\n","import { useEffect } from 'react'\nimport * as React from 'react'\n\nexport function useFocusWithClick(\n  containerRef: React.RefObject<HTMLDivElement>,\n  inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement>\n) {\n  useEffect(() => {\n    const el = containerRef.current\n    if (el) {\n      const handleDown = (e: MouseEvent) => {\n        if (e.target !== inputRef.current) {\n          inputRef.current?.focus()\n        }\n      }\n      el.addEventListener('click', handleDown)\n      return () => {\n        el.removeEventListener('click', handleDown)\n      }\n    }\n  })\n}\n","import { useTextField } from '@react-aria/textfield'\nimport { useVisuallyHidden } from '@react-aria/visually-hidden'\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react'\nimport styled, { css } from 'styled-components'\nimport { FieldLabelProps } from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { ReactAreaUseTextFieldCompat } from '../../_lib/compat'\nimport { AssistiveText, TextFieldLabel } from '../TextField'\nimport { useFocusWithClick } from '../TextField/useFocusWithClick'\n\ntype DOMProps = Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  // react-ariaのhookは、onChangeが`(v: string) => void`想定\n  | 'onChange'\n  // ReactAreaUseTextFieldCompatに書いてあるような事情で、ここにあるイベントハンドラの型をゆるめる\n  | keyof ReactAreaUseTextFieldCompat\n>\n\nexport interface TextAreaProps\n  extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>,\n    DOMProps,\n    ReactAreaUseTextFieldCompat {\n  readonly autoHeight?: boolean\n  readonly rows?: number\n\n  // <input> 要素は number とか string[] もありうるが、今はこれしか想定してない\n  readonly defaultValue?: string\n  readonly value?: string\n  readonly onChange?: (value: string) => void\n\n  // react-ariaの型定義のせいでHTMLTextAreaElementにできない\n  readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void\n  readonly onFocus?: (event: React.FocusEvent<Element>) => void\n  readonly onBlur?: (event: React.FocusEvent<Element>) => void\n\n  readonly showCount?: boolean\n  readonly showLabel?: boolean\n  readonly assistiveText?: string\n  readonly invalid?: boolean\n}\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextAreaInner({ onChange, ...props }, forwardRef) {\n    const {\n      className,\n      showCount = false,\n      showLabel = false,\n      label,\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      invalid = false,\n      assistiveText,\n      maxLength,\n      autoHeight = false,\n      rows: initialRows = 4,\n    } = props\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const ariaRef = useRef<HTMLTextAreaElement>(null)\n    const [count, setCount] = useState(\n      countCodePointsInString(props.value ?? '')\n    )\n    const [rows, setRows] = useState(initialRows)\n\n    const syncHeight = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const rows = (`${textarea.value}\\n`.match(/\\n/gu)?.length ?? 0) || 1\n        setRows(initialRows <= rows ? rows : initialRows)\n      },\n      [initialRows]\n    )\n\n    const nonControlled = props.value === undefined\n    const handleChange = useCallback(\n      (value: string) => {\n        const count = countCodePointsInString(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        if (nonControlled) {\n          setCount(count)\n        }\n        if (autoHeight && textareaRef.current !== null) {\n          syncHeight(textareaRef.current)\n        }\n        onChange?.(value)\n      },\n      [autoHeight, maxLength, nonControlled, onChange, syncHeight]\n    )\n\n    useEffect(() => {\n      setCount(countCodePointsInString(props.value ?? ''))\n    }, [props.value])\n\n    const { inputProps, labelProps, descriptionProps, errorMessageProps } =\n      useTextField(\n        {\n          inputElementType: 'textarea',\n          isDisabled: disabled,\n          isRequired: required,\n          validationState: invalid ? 'invalid' : 'valid',\n          description: !invalid && assistiveText,\n          errorMessage: invalid && assistiveText,\n          onChange: handleChange,\n          ...props,\n        },\n        ariaRef\n      )\n\n    useEffect(() => {\n      if (autoHeight && textareaRef.current !== null) {\n        syncHeight(textareaRef.current)\n      }\n    }, [autoHeight, syncHeight])\n\n    const containerRef = useRef(null)\n\n    useFocusWithClick(containerRef, ariaRef)\n\n    return (\n      <TextFieldRoot className={className} isDisabled={disabled}>\n        <TextFieldLabel\n          label={label}\n          requiredText={requiredText}\n          required={required}\n          subLabel={subLabel}\n          {...labelProps}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <StyledTextareaContainer\n          ref={containerRef}\n          invalid={invalid}\n          rows={showCount ? rows + 1 : rows}\n          aria-disabled={disabled === true ? 'true' : undefined}\n        >\n          <StyledTextarea\n            ref={mergeRefs(textareaRef, forwardRef, ariaRef)}\n            rows={rows}\n            noBottomPadding={showCount}\n            {...inputProps}\n          />\n          {showCount && (\n            <MultiLineCounter>\n              {maxLength !== undefined ? `${count}/${maxLength}` : count}\n            </MultiLineCounter>\n          )}\n        </StyledTextareaContainer>\n        {assistiveText != null && assistiveText.length !== 0 && (\n          <AssistiveText\n            invalid={invalid}\n            {...(invalid ? errorMessageProps : descriptionProps)}\n          >\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </TextFieldRoot>\n    )\n  }\n)\n\nexport default TextArea\n\nconst TextFieldRoot = styled.div<{ isDisabled: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${(p) => p.isDisabled && { opacity: p.theme.elementEffect.disabled.opacity }}\n`\n\nconst StyledTextareaContainer = styled.div<{ rows: number; invalid: boolean }>`\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition: 0.2s background-color, 0.2s box-shadow;\n\n  ${({ rows }) => css`\n    height: calc(22px * ${rows} + 18px);\n  `};\n\n  :not([aria-disabled]):hover,\n  [aria-disabled='false']:hover {\n    background-color: var(--charcoal-surface3-hover);\n  }\n  :focus-within {\n    outline: none;\n    box-shadow: 0 0 0 4px\n      ${(p) => (p.invalid ? `rgba(255,43,0,0.32)` : `rgba(0, 150, 250, 0.32);`)};\n  }\n\n  ${(p) =>\n    p.invalid &&\n    css`\n      box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n    `}\n`\n\nconst StyledTextarea = styled.textarea<{ noBottomPadding: boolean }>`\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875)\n    ${(p) => (p.noBottomPadding ? 0 : '')};\n\n  ${({ rows = 1, noBottomPadding }) => css`\n    height: calc(22px / 0.875 * ${rows} + ${noBottomPadding ? 9 : 20}px);\n  `};\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n\n  &::placeholder {\n    color: var(--charcoal-text3);\n  }\n`\n\nconst MultiLineCounter = styled.span`\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n`\n","import * as React from 'react'\n\nimport '@charcoal-ui/icons'\nimport type { PixivIcon, Props } from '@charcoal-ui/icons'\n\nexport interface OwnProps {\n  unsafeNonGuidelineScale?: number\n  className?: string\n}\n\nexport interface IconProps\n  extends OwnProps,\n    React.PropsWithoutRef<\n      Omit<Props, 'class' | 'unsafe-non-guideline-scale' | 'css'>\n    > {}\n\nconst Icon = React.forwardRef<PixivIcon, IconProps>(function IconInner(\n  { name, scale, unsafeNonGuidelineScale, className, ...rest },\n  ref\n) {\n  return (\n    <pixiv-icon\n      ref={ref}\n      name={name}\n      scale={scale}\n      unsafe-non-guideline-scale={unsafeNonGuidelineScale}\n      class={className}\n      {...rest}\n    />\n  )\n})\n\nexport default Icon\n","import { useContext, forwardRef, memo } from 'react'\nimport * as React from 'react'\nimport {\n  AriaModalOverlayProps,\n  Overlay,\n  useModalOverlay,\n} from '@react-aria/overlays'\nimport styled, { css, useTheme } from 'styled-components'\nimport { theme } from '../../styled'\nimport { AriaDialogProps } from '@react-types/dialog'\nimport { maxWidth } from '@charcoal-ui/utils'\nimport { useMedia } from '@charcoal-ui/styled'\nimport { animated, useTransition, easings } from 'react-spring'\nimport Button, { ButtonProps } from '../Button'\nimport IconButton from '../IconButton'\nimport { useObjectRef } from '@react-aria/utils'\nimport { Dialog } from './Dialog'\nimport { ModalBackgroundContext } from './ModalBackgroundContext'\n\nexport type BottomSheet = boolean | 'full'\nexport type Size = 'S' | 'M' | 'L'\n\nexport type ModalProps = AriaModalOverlayProps &\n  AriaDialogProps & {\n    children: React.ReactNode\n    zIndex?: number\n    title: string\n    size?: Size\n    bottomSheet?: BottomSheet\n    isOpen: boolean\n    onClose: () => void\n    className?: string\n\n    /**\n     * https://github.com/adobe/react-spectrum/issues/3787\n     * Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある\n     */\n    portalContainer?: HTMLElement\n  }\n\nconst DEFAULT_Z_INDEX = 10\n\n/**\n * モーダルコンポーネント。\n *\n * @example アプリケーションルートで `<OverlayProvider>` ないし `<CharcoalProvider>` で囲った上で利用する\n * ```tsx\n * import {\n *   OverlayProvider,\n *   Modal,\n *   ModalHeader,\n *   ModalBody,\n *   ModalButtons\n * } from '@charcoal-ui/react'\n *\n * <OverlayProvider>\n *   <App>\n *     <Modal title=\"Title\" isOpen={state.isOpen} onClose={() => state.close()} isDismissable>\n *       <ModalHeader />\n *       <ModalBody>\n *         ...\n *         <ModalButtons>...</ModalButtons>\n *       </ModalBody>\n *     </Modal>\n *   </App>\n * </OverlayProvider>\n * ```\n */\nconst Modal = forwardRef<HTMLDivElement, ModalProps>(function ModalInner(\n  { children, zIndex = DEFAULT_Z_INDEX, portalContainer, ...props },\n  external\n) {\n  const {\n    title,\n    size = 'M',\n    bottomSheet = false,\n    isDismissable,\n    onClose,\n    className,\n    isOpen = false,\n  } = props\n\n  const ref = useObjectRef<HTMLDivElement>(external)\n\n  const { modalProps, underlayProps } = useModalOverlay(\n    props,\n    {\n      close: onClose,\n      isOpen: isOpen,\n      // these props are not used actually.\n      // https://github.com/adobe/react-spectrum/blob/df14e3fb129b94b310f0397a701b83f006b51dfe/packages/%40react-aria/overlays/src/useModalOverlay.ts\n      open: () => {\n        // nope\n      },\n      setOpen: () => {\n        // nope\n      },\n      toggle: () => {\n        // nope\n      },\n    },\n    ref\n  )\n\n  const theme = useTheme()\n  const isMobile = useMedia(maxWidth(theme.breakpoint.screen1)) ?? false\n  const transitionEnabled = isMobile && bottomSheet !== false\n  const showDismiss = !isMobile || bottomSheet !== true\n\n  const transition = useTransition(isOpen, {\n    from: {\n      transform: 'translateY(100%)',\n      backgroundColor: 'rgba(0, 0, 0, 0)',\n      overflow: 'hidden',\n    },\n    enter: {\n      transform: 'translateY(0%)',\n      backgroundColor: 'rgba(0, 0, 0, 0.4)',\n    },\n    update: {\n      overflow: 'auto',\n    },\n    leave: {\n      transform: 'translateY(100%)',\n      backgroundColor: 'rgba(0, 0, 0, 0)',\n      overflow: 'hidden',\n    },\n    config: transitionEnabled\n      ? { duration: 400, easing: easings.easeOutQuart }\n      : { duration: 0 },\n  })\n\n  const bgRef = React.useRef<HTMLElement>(null)\n\n  return transition(\n    ({ backgroundColor, overflow, transform }, item) =>\n      item && (\n        <Overlay portalContainer={portalContainer}>\n          <ModalBackground\n            ref={bgRef}\n            zIndex={zIndex}\n            {...underlayProps}\n            style={transitionEnabled ? { backgroundColor, overflow } : {}}\n            $bottomSheet={bottomSheet}\n          >\n            <ModalBackgroundContext.Provider value={bgRef.current}>\n              <Dialog\n                ref={ref}\n                {...modalProps}\n                style={transitionEnabled ? { transform } : {}}\n                size={size}\n                bottomSheet={bottomSheet}\n                className={className}\n              >\n                <ModalContext.Provider\n                  value={{\n                    titleProps: {},\n                    title,\n                    close: onClose,\n                    showDismiss,\n                    bottomSheet,\n                  }}\n                >\n                  {children}\n                  {isDismissable === true && (\n                    <ModalCrossButton\n                      size=\"S\"\n                      icon=\"24/Close\"\n                      onClick={onClose}\n                    />\n                  )}\n                </ModalContext.Provider>\n              </Dialog>\n            </ModalBackgroundContext.Provider>\n          </ModalBackground>\n        </Overlay>\n      )\n  )\n})\n\nexport default memo(Modal)\n\nexport const ModalContext = React.createContext<{\n  /**\n   * @deprecated\n   */\n  titleProps: React.HTMLAttributes<HTMLElement>\n  title: string\n  close?: () => void\n  showDismiss: boolean\n  bottomSheet: BottomSheet\n}>({\n  titleProps: {},\n  title: '',\n  close: undefined,\n  showDismiss: true,\n  bottomSheet: false,\n})\n\nconst ModalBackground = animated(styled.div<{\n  zIndex: number\n  $bottomSheet: BottomSheet\n}>`\n  z-index: ${({ zIndex }) => zIndex};\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: -webkit-fill-available;\n  width: -moz-available;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: ${({ theme }) => theme.color.surface4};\n\n  @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n    ${(p) =>\n      p.$bottomSheet !== false &&\n      css`\n        padding: 0;\n      `}\n  }\n`)\n\nconst ModalCrossButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  ${theme((o) => [o.font.text3.hover.press])}\n`\n\nexport function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>) {\n  const { titleProps, title } = useContext(ModalContext)\n  return (\n    <ModalHeading {...titleProps} {...props}>\n      {title}\n    </ModalHeading>\n  )\n}\n\nconst ModalHeading = styled.h3`\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n`\n\nexport function ModalDismissButton({ children, ...props }: ButtonProps) {\n  const { close, showDismiss } = useContext(ModalContext)\n\n  if (!showDismiss) {\n    return null\n  }\n\n  return (\n    <Button {...props} onClick={close} fullWidth>\n      {children}\n    </Button>\n  )\n}\n","import { forwardRef } from 'react'\nimport * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport { useDialog } from '@react-aria/dialog'\nimport { columnSystem, COLUMN_UNIT, GUTTER_UNIT } from '@charcoal-ui/foundation'\nimport { unreachable } from '../../../_lib'\nimport { maxWidth } from '@charcoal-ui/utils'\nimport { animated } from 'react-spring'\nimport { useForwardedRef } from '../../../_lib/useForwardedRef'\nimport { Size, BottomSheet } from '..'\n\nexport const Dialog = forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof AnimatedStyledDialogDiv>\n>(function Dialog(props, forwardRef) {\n  const ref = useForwardedRef(forwardRef)\n  const { dialogProps } = useDialog(\n    {\n      role: 'dialog',\n    },\n    ref\n  )\n\n  return (\n    <AnimatedStyledDialogDiv\n      {...props}\n      role={dialogProps.role}\n      tabIndex={dialogProps.tabIndex}\n      aria-labelledby={dialogProps['aria-labelledby']}\n      onBlur={dialogProps.onBlur}\n      ref={ref}\n    />\n  )\n})\n\nconst AnimatedStyledDialogDiv = animated(styled.div<{\n  size: Size\n  bottomSheet: BottomSheet\n}>`\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: ${(p) => {\n    switch (p.size) {\n      case 'S': {\n        return columnSystem(3, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2\n      }\n      case 'M': {\n        return columnSystem(4, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2\n      }\n      case 'L': {\n        return columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + GUTTER_UNIT * 2\n      }\n      default: {\n        return unreachable(p.size)\n      }\n    }\n  }}px;\n\n  background-color: ${({ theme }) => theme.color.background1};\n  border-radius: 24px;\n\n  @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n    max-width: 440px;\n    width: calc(100% - 48px);\n    ${(p) =>\n      p.bottomSheet !== false &&\n      css`\n        max-width: unset;\n        width: 100%;\n        border-radius: 0;\n        margin: auto 0 0 0;\n        ${p.bottomSheet === 'full' &&\n        css`\n          min-height: 100%;\n        `}\n      `}\n  }\n  :focus {\n    outline: none;\n  }\n`)\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","import * as React from 'react'\n\nexport function useForwardedRef<T>(ref: React.ForwardedRef<T>) {\n  const innerRef = React.useRef<T>(null)\n\n  React.useEffect(() => {\n    if (!ref) return\n    if (typeof ref === 'function') {\n      ref(innerRef.current)\n    } else {\n      ref.current = innerRef.current\n    }\n  })\n\n  return innerRef\n}\n","import * as React from 'react'\n\n/**\n * ModalBackgroundのElementが入ったコンテキスト\n */\nexport const ModalBackgroundContext = React.createContext<HTMLElement | null>(\n  null\n)\n","import { BottomSheet, ModalContext, ModalTitle } from '.'\nimport styled, { css } from 'styled-components'\nimport { theme } from '../../styled'\nimport { useContext } from 'react'\nimport { maxWidth } from '@charcoal-ui/utils'\n\nexport function ModalHeader() {\n  const modalCtx = useContext(ModalContext)\n  return (\n    <ModalHeaderRoot $bottomSheet={modalCtx.bottomSheet}>\n      <StyledModalTitle />\n    </ModalHeaderRoot>\n  )\n}\n\nconst ModalHeaderRoot = styled.div<{\n  $bottomSheet: BottomSheet\n}>`\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n  @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n    ${(p) =>\n      p.$bottomSheet !== false &&\n      css`\n        height: 48px;\n      `}\n  }\n`\n\nconst StyledModalTitle = styled(ModalTitle)`\n  ${theme((o) => [o.font.text1, o.typography(16).bold])}\n`\n\nexport const ModalAlign = styled.div`\n  ${theme((o) => [o.padding.horizontal(16)])}\n`\n\nexport const ModalBody = styled.div`\n  ${theme((o) => [o.padding.bottom(40)])}\n`\n\nexport const ModalButtons = styled.div`\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  ${theme((o) => [o.padding.horizontal(16).top(16)])}\n`\n","import { forwardRef, useImperativeHandle, useRef, memo } from 'react'\nimport styled, { keyframes } from 'styled-components'\nimport { theme } from '../../styled'\n\nexport type LoadingSpinnerProps = {\n  readonly size?: number\n  readonly padding?: number\n  readonly transparent?: boolean\n  readonly className?: string\n}\n\nconst LoadingSpinner = forwardRef<HTMLDivElement, LoadingSpinnerProps>(\n  function LoadingSpinnerInner(\n    { size = 48, padding = 16, transparent = false, className },\n    ref\n  ) {\n    return (\n      <LoadingSpinnerRoot\n        size={size}\n        padding={padding}\n        transparent={transparent}\n        className={className}\n        ref={ref}\n      >\n        <LoadingSpinnerIcon />\n      </LoadingSpinnerRoot>\n    )\n  }\n)\n\nexport default memo(LoadingSpinner)\n\nconst LoadingSpinnerRoot = styled.div.attrs({ role: 'progressbar' })<{\n  size: number\n  padding: number\n  transparent: boolean\n}>`\n  box-sizing: content-box;\n  margin: auto;\n  padding: ${(props) => props.padding}px;\n  border-radius: 8px;\n  font-size: ${(props) => props.size}px;\n  width: ${(props) => props.size}px;\n  height: ${(props) => props.size}px;\n  opacity: 0.84;\n  ${({ transparent }) =>\n    theme((o) => [\n      o.font.text4,\n      transparent ? o.bg.transparent : o.bg.background1,\n    ])}\n`\n\nconst scaleOut = keyframes`\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n`\n\nconst Icon = styled.div.attrs({ role: 'presentation' })<{ once: boolean }>`\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: ${scaleOut} 1s both ease-out;\n  animation-iteration-count: ${(p) => (p.once ? 1 : 'infinite')};\n\n  &[data-reset-animation] {\n    animation: none;\n  }\n`\n\ninterface Props {\n  once?: boolean\n}\n\nexport interface LoadingSpinnerIconHandler {\n  restart(): void\n}\n\nexport const LoadingSpinnerIcon = forwardRef<LoadingSpinnerIconHandler, Props>(\n  function LoadingSpinnerIcon({ once = false }, ref) {\n    const iconRef = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle(ref, () => ({\n      restart: () => {\n        if (!iconRef.current) {\n          return\n        }\n        iconRef.current.dataset.resetAnimation = 'true'\n        // Force reflow hack!\n        void iconRef.current.offsetWidth\n        delete iconRef.current.dataset.resetAnimation\n      },\n    }))\n\n    return <Icon ref={iconRef} once={once} />\n  }\n)\n","import { ReactNode, useState, useRef } from 'react'\nimport styled from 'styled-components'\nimport { disabledSelector } from '@charcoal-ui/utils'\nimport Icon from '../Icon'\nimport FieldLabel from '../FieldLabel'\nimport { theme } from '../../styled'\nimport { DropdownPopover } from './DropdownPopover'\nimport { findPreviewRecursive } from './utils/findPreviewRecursive'\nimport MenuList, { MenuListChildren } from './MenuList'\n\nexport type DropdownSelectorProps = {\n  label: string\n  value: string\n  disabled?: boolean\n  placeholder?: string\n  showLabel?: boolean\n  invalid?: boolean\n  assistiveText?: string\n  required?: boolean\n  requiredText?: string\n  subLabel?: ReactNode\n  children: MenuListChildren\n  onChange: (value: string) => void\n}\n\nconst defaultRequiredText = '*必須'\n\nexport default function DropdownSelector(props: DropdownSelectorProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const [isOpen, setIsOpen] = useState(false)\n  const preview = findPreviewRecursive(props.children, props.value)\n\n  return (\n    <DropdownSelectorRoot aria-disabled={props.disabled}>\n      {props.showLabel === true && (\n        <DropdownFieldLabel\n          label={props.label}\n          required={props.required}\n          requiredText={props.requiredText ?? defaultRequiredText}\n          subLabel={props.subLabel}\n        />\n      )}\n      <DropdownButton\n        invalid={props.invalid}\n        disabled={props.disabled}\n        onClick={() => {\n          if (props.disabled === true) return\n          setIsOpen(true)\n        }}\n        ref={triggerRef}\n        type=\"button\"\n      >\n        <DropdownButtonText>\n          {props.placeholder !== undefined && preview === undefined\n            ? props.placeholder\n            : preview}\n        </DropdownButtonText>\n        <DropdownButtonIcon name=\"16/Menu\" />\n      </DropdownButton>\n      {isOpen && (\n        <DropdownPopover\n          isOpen={isOpen}\n          onClose={() => setIsOpen(false)}\n          triggerRef={triggerRef}\n          value={props.value}\n        >\n          <MenuList\n            value={props.value}\n            onChange={(v) => {\n              props.onChange(v)\n              setIsOpen(false)\n            }}\n          >\n            {props.children}\n          </MenuList>\n        </DropdownPopover>\n      )}\n      {props.assistiveText !== undefined && (\n        <AssertiveText invalid={props.invalid}>\n          {props.assistiveText}\n        </AssertiveText>\n      )}\n    </DropdownSelectorRoot>\n  )\n}\n\nconst DropdownSelectorRoot = styled.div`\n  display: inline-block;\n  width: 100%;\n\n  ${disabledSelector} {\n    cursor: default;\n    ${theme((o) => o.disabled)}\n  }\n`\n\nconst DropdownFieldLabel = styled(FieldLabel)`\n  width: 100%;\n\n  ${theme((o) => o.margin.bottom(8))}\n`\n\nconst DropdownButton = styled.button<{ invalid?: boolean }>`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  ${({ invalid }) =>\n    theme((o) => [\n      o.padding.horizontal(8),\n      o.outline.default.focus,\n      o.bg.surface3,\n      o.borderRadius(4),\n      invalid === true && o.outline.assertive,\n    ])}\n`\n\nconst DropdownButtonText = styled.span`\n  text-align: left;\n\n  ${theme((o) => [o.typography(14), o.font.text2])}\n`\n\nconst DropdownButtonIcon = styled(Icon)`\n  ${theme((o) => [o.font.text2])}\n`\n\nconst AssertiveText = styled.div<{ invalid?: boolean }>`\n  ${({ invalid }) =>\n    theme((o) => [\n      o.typography(14),\n      o.margin.top(8),\n      invalid === true ? o.font.assertive : o.font.text2,\n    ])}\n`\n","import { Key, useEffect, useRef } from 'react'\nimport Popover, { PopoverProps } from './Popover'\n\ntype DropdownPopoverProps = PopoverProps & {\n  value?: Key\n}\n\n/**\n * DropdownSelectorの選択肢をを表示するためのPopover\n * triggerRefの要素と同じ幅になる\n * 表示の際にvalueが等しいDropdownMenuItemを中央に表示する\n */\nexport function DropdownPopover({ children, ...props }: DropdownPopoverProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (props.isOpen && ref.current && props.triggerRef.current) {\n      ref.current.style.width = `${props.triggerRef.current.clientWidth}px`\n    }\n  }, [props.triggerRef, props.isOpen])\n\n  useEffect(() => {\n    if (props.isOpen && props.value !== undefined) {\n      // windowのスクロールを維持したまま選択肢をPopoverの中心に表示する\n      const windowScrollY = window.scrollY\n      const windowScrollX = window.scrollX\n      const selectedElement = document.querySelector(\n        `[data-key=\"${props.value.toString()}\"]`\n      ) as HTMLElement | undefined\n      selectedElement?.focus()\n      window.scrollTo(windowScrollX, windowScrollY)\n    }\n  }, [props.value, props.isOpen])\n\n  return (\n    <Popover\n      isOpen={props.isOpen}\n      onClose={props.onClose}\n      popoverRef={ref}\n      triggerRef={props.triggerRef}\n    >\n      {children}\n    </Popover>\n  )\n}\n","import { RefObject, useContext, useRef } from 'react'\nimport { ReactNode } from 'react'\nimport { DismissButton, Overlay, usePopover } from '@react-aria/overlays'\nimport styled from 'styled-components'\nimport { theme } from '../../../styled'\nimport { ModalBackgroundContext } from '../../Modal/ModalBackgroundContext'\nimport { usePreventScroll } from './usePreventScroll'\n\nexport type PopoverProps = {\n  isOpen: boolean\n  onClose: () => void\n  children: ReactNode\n  triggerRef: RefObject<Element>\n  popoverRef?: RefObject<HTMLDivElement>\n}\n\nconst _empty = () => null\n\n/**\n * 画面の全面に動的に開くことができるコンテナ要素\n * 外の要素をクリックしたり、内部からフォーカスを移動した場合に自動的に閉じる\n *\n * triggerRefの付近に画面内に収まるように表示される\n */\nexport default function Popover(props: PopoverProps) {\n  const defaultPopoverRef = useRef<HTMLDivElement>(null)\n  const finalPopoverRef =\n    props.popoverRef === undefined ? defaultPopoverRef : props.popoverRef\n  const { popoverProps, underlayProps } = usePopover(\n    {\n      triggerRef: props.triggerRef,\n      popoverRef: finalPopoverRef,\n      containerPadding: 16,\n    },\n    {\n      close: props.onClose,\n      isOpen: props.isOpen,\n      // never used\n      open: _empty,\n      setOpen: _empty,\n      toggle: _empty,\n    }\n  )\n\n  const modalBackground = useContext(ModalBackgroundContext)\n  usePreventScroll(modalBackground, props.isOpen)\n\n  if (!props.isOpen) return null\n\n  return (\n    <Overlay portalContainer={document.body}>\n      <div\n        {...underlayProps}\n        style={{\n          position: 'fixed',\n          zIndex:\n            typeof popoverProps.style?.zIndex === 'number'\n              ? popoverProps.style.zIndex - 1\n              : 99999,\n          inset: 0,\n        }}\n      />\n      <DropdownPopoverDiv {...popoverProps} ref={finalPopoverRef}>\n        <DismissButton onDismiss={() => props.onClose()} />\n        {props.children}\n        <DismissButton onDismiss={() => props.onClose()} />\n      </DropdownPopoverDiv>\n    </Overlay>\n  )\n}\n\nconst DropdownPopoverDiv = styled.div`\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n\n  ${theme((o) => [\n    o.bg.background1,\n    o.border.default,\n    o.borderRadius(8),\n    o.padding.vertical(8),\n  ])}\n`\n","import { useEffect } from 'react'\n\nexport function usePreventScroll(element: HTMLElement | null, isOpen: boolean) {\n  useEffect(() => {\n    if (isOpen && element) {\n      const defaultPaddingRight = element.style.paddingRight\n      const defaultOverflow = element.style.overflow\n      element.style.paddingRight = `${\n        window.innerWidth - element.clientWidth\n      }px`\n      element.style.overflow = 'hidden'\n      return () => {\n        element.style.paddingRight = defaultPaddingRight\n        element.style.overflow = defaultOverflow\n      }\n    }\n  }, [element, isOpen])\n}\n","import { ReactNode } from 'react'\nimport * as React from 'react'\n\n/**\n * DropdownSelectorの選択中の要素をレンダリングするため、\n * 選択中のMenuItemを再帰的に探索しReactNodeを返す。\n *\n * @param children\n * @param value\n * @param values\n * @returns\n */\nexport function findPreviewRecursive(\n  children: ReactNode,\n  value: string\n): ReactNode | undefined {\n  const childArray = React.Children.toArray(children)\n  for (let i = 0; i < childArray.length; i++) {\n    const child = childArray[i]\n    if (React.isValidElement(child)) {\n      if ('value' in child.props) {\n        const childValue = (child.props as { value: string }).value\n        if (childValue === value && 'children' in child.props) {\n          const children = (child.props as { children: ReactNode }).children\n          return children\n        }\n      }\n      if ('children' in child.props) {\n        const children = findPreviewRecursive(\n          (child.props as { children: ReactNode }).children,\n          value\n        )\n        if (children !== undefined) {\n          return children\n        }\n      }\n    }\n  }\n}\n","import { useRef } from 'react'\nimport styled from 'styled-components'\nimport { MenuListContext } from './MenuListContext'\nimport { getValuesRecursive } from './internals/getValuesRecursive'\nimport MenuItem from '../MenuItem'\nimport { Divider } from '../Divider'\nimport MenuItemGroup from '../MenuItemGroup'\n\ntype MenuListChild = React.ReactElement<\n  typeof MenuItem | typeof MenuItemGroup | typeof Divider\n>\n\nexport type MenuListChildren = MenuListChild | MenuListChild[]\n\nexport type MenuListProps = {\n  children: MenuListChildren\n  value?: string\n  onChange?: (v: string) => void\n}\n\n/**\n * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目\n * 基本的に`<MenuItem>`, `<MenuGroup>`と合わせて使用する\n */\nexport default function MenuList(props: MenuListProps) {\n  const root = useRef(null)\n  const values: string[] = []\n  getValuesRecursive(props.children, values)\n\n  return (\n    <StyledUl ref={root}>\n      <MenuListContext.Provider\n        value={{\n          value: props.value ?? '',\n          root,\n          values,\n          setValue: (v) => {\n            props.onChange?.(v)\n          },\n        }}\n      >\n        {props.children}\n      </MenuListContext.Provider>\n    </StyledUl>\n  )\n}\n\nconst StyledUl = styled.ul`\n  padding: 0;\n  margin: 0;\n`\n","import { RefObject, createContext } from 'react'\n\ntype MenuListContextType = {\n  root?: RefObject<HTMLUListElement>\n  value?: string\n  values?: string[]\n  setValue: (v: string) => void\n}\n\nexport const MenuListContext = createContext<MenuListContextType>({\n  root: undefined,\n  value: '',\n  values: [],\n  setValue: (_v: string) => {\n    // empty\n  },\n})\n","import * as React from 'react'\nimport MenuItem from '../../MenuItem'\nimport { MenuListChildren } from '..'\nimport MenuItemGroup from '../../MenuItemGroup'\n\n/**\n * valueというpropsを持つ子要素の値を再起的に探索して配列にする\n *\n * @param children\n * @param value\n * @param values\n * @returns\n */\nexport function getValuesRecursive(\n  children: MenuListChildren,\n  values: string[] = []\n) {\n  const childArray = React.Children.toArray(children)\n  for (let i = 0; i < childArray.length; i++) {\n    const child = childArray[i]\n    if (React.isValidElement(child)) {\n      const props = child.props as {\n        value?: never\n        children?: React.ReactElement<typeof MenuItem | typeof MenuItemGroup>[]\n      }\n      if ('value' in props && typeof props.value === 'string') {\n        const childValue = props.value\n        values.push(childValue)\n      }\n      if ('children' in props && props.children) {\n        getValuesRecursive(props.children, values)\n      }\n    }\n  }\n}\n","import styled from 'styled-components'\nimport MenuItem, { MenuItemProps } from './MenuItem'\nimport { MenuListContext } from './MenuList/MenuListContext'\nimport { useContext } from 'react'\nimport { theme } from '../../styled'\nimport Icon from '../Icon'\n\nexport type DropdownMenuItemProps = Omit<MenuItemProps<'div'>, 'as'>\n\n/**\n * DropdownSelectorの選択肢として使うMenuItem\n */\nexport default function DropdownMenuItem(props: DropdownMenuItemProps) {\n  const { value: ctxValue } = useContext(MenuListContext)\n  const isSelected = props.value === ctxValue\n  const { children, ...rest } = props\n\n  return (\n    <MenuItem {...rest}>\n      {isSelected && <Text2ColorIcon name=\"16/Check\" />}\n      <StyledSpan isSelected={isSelected}>{props.children}</StyledSpan>\n    </MenuItem>\n  )\n}\n\n/**\n * アイコンがない時を考慮して20px（16pxのwidthと4pxのgap）の余白をとる\n */\nconst StyledSpan = styled.span<{ isSelected?: boolean }>`\n  ${theme((o) => [o.typography(14), o.font.text2])};\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: ${({ isSelected }) => (isSelected === true ? 0 : 20)}px;\n`\n\nconst Text2ColorIcon = styled(Icon)`\n  ${theme((o) => [o.font.text2])}\n  padding-right: 4px;\n`\n","import { ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { theme } from '../../../styled'\n\nexport type CustomJSXElement =\n  | keyof JSX.IntrinsicElements\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  | React.JSXElementConstructor<any>\n\nexport type ListItemProps<T extends CustomJSXElement = 'div'> = {\n  children?: ReactNode\n  as?: T\n} & Omit<React.ComponentProps<T>, 'children'>\n\n/**\n * リストのある要素を示すコンポーネント\n *\n * asを用いて拡張することができる\n * @example\n * ```\n * <ListItem as=\"a\" href=\"#\">Link</ListItem>\n * <ListItem as={NextLink} href=\"#\">NextLink</ListItem>\n * ```\n */\nexport default function ListItem<T extends CustomJSXElement = 'div'>(\n  props: ListItemProps<T>\n) {\n  const { children, ...rest } = props\n  return (\n    <StyledLi role=\"option\">\n      <ItemDiv {...rest}>{props.children}</ItemDiv>\n    </StyledLi>\n  )\n}\n\nconst StyledLi = styled.li`\n  list-style: none;\n`\n\nconst ItemDiv = styled.div`\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  ${theme((o) => [o.padding.horizontal(16), o.disabled])}\n\n  &[aria-disabled=\"true\"] {\n    cursor: default;\n  }\n\n  :hover,\n  :focus,\n  :focus-within {\n    ${theme((o) => [o.bg.surface3])}\n  }\n`\n","import { useCallback, useContext } from 'react'\nimport { handleFocusByKeyBoard } from './handleFocusByKeyBoard'\nimport { MenuListContext } from '../../MenuList/MenuListContext'\n\n/**\n * MenuListContextに含まれるvalue間で上下キーでfocusを移動できる\n * EnterキーでMenuListContextに値を設定する\n * 上記2つの処理を含む処理(handleKeyDown)と、Enterキーを押下した処理(setContextValue)を配列で返す\n * @param value\n * @returns\n */\nexport function useMenuItemHandleKeyDown(\n  value?: string\n): [(e: React.KeyboardEvent<HTMLDivElement>) => void, () => void] {\n  const { setValue, root, values } = useContext(MenuListContext)\n  const setContextValue = useCallback(() => {\n    if (value !== undefined) setValue(value)\n  }, [value, setValue])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Enter') {\n        setContextValue()\n      } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        // prevent scroll\n        e.preventDefault()\n        if (!values || value === undefined) return\n        const index = values.indexOf(value)\n        if (index === -1) return\n\n        const focusValue =\n          e.key === 'ArrowUp'\n            ? // prev or last\n              index - 1 < 0\n              ? values[values.length - 1]\n              : values[index - 1]\n            : // next or first\n            index + 1 >= values.length\n            ? values[0]\n            : values[index + 1]\n\n        const next = root?.current?.querySelector(`[data-key='${focusValue}']`)\n\n        if (next instanceof HTMLElement) {\n          next.focus({ preventScroll: true })\n          if (root?.current?.parentElement) {\n            handleFocusByKeyBoard(next, root.current.parentElement)\n          }\n        }\n      }\n    },\n    [setContextValue, value, root, values]\n  )\n  return [handleKeyDown, setContextValue]\n}\n","/**\n * elementをparentのスクロールビューに入るようにスクロールする\n * parentがスクロール可能でなければelementが見えるようにスクロールする\n *\n * @param element\n * @param parent\n */\nexport function handleFocusByKeyBoard(element: Element, parent: HTMLElement) {\n  const isScrollable = parent.scrollHeight > parent.clientHeight\n  if (isScrollable) {\n    const rect = element.getBoundingClientRect()\n    const parentRect = parent.getBoundingClientRect()\n    if (rect.bottom > parentRect.bottom) {\n      parent.scrollTo({\n        top: parent.scrollTop + rect.bottom - parentRect.bottom,\n      })\n    } else if (rect.top < parentRect.top) {\n      parent.scrollTo({\n        top: parent.scrollTop - (parentRect.top - rect.top),\n      })\n    }\n  } else {\n    scrollIfNeeded(element)\n  }\n}\n\n/**\n * 要素が画面外にあればスクロールする、画面内にあればスクロールしない\n * @param element\n */\nfunction scrollIfNeeded(element: Element) {\n  const elementRect = element.getBoundingClientRect()\n  const isVisible =\n    elementRect.top >= 0 &&\n    elementRect.bottom <=\n      (window.innerHeight || document.documentElement.clientHeight)\n\n  if (!isVisible) {\n    element.scrollIntoView({\n      block: 'nearest',\n    })\n  }\n}\n","import ListItem, { CustomJSXElement, ListItemProps } from '../ListItem'\nimport { useMenuItemHandleKeyDown } from './internals/useMenuItemHandleKeyDown'\n\nexport type MenuItemProps<T extends CustomJSXElement = never> = {\n  value?: string\n  disabled?: boolean\n} & ListItemProps<T>\n\n/**\n * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目\n * 基本的に`<MenuList>`, `<MenuGroup>`と合わせて使用する\n */\nexport default function MenuItem<T extends CustomJSXElement>(\n  props: MenuItemProps<T>\n) {\n  const { children, as, ...rest } = props\n  const [handleKeyDown, setContextValue] = useMenuItemHandleKeyDown(props.value)\n  return (\n    <ListItem\n      {...rest}\n      as={as as CustomJSXElement}\n      data-key={props.value}\n      onKeyDown={handleKeyDown}\n      onClick={props.disabled === true ? undefined : setContextValue}\n      tabIndex={-1}\n      aria-disabled={props.disabled}\n    >\n      {props.children}\n    </ListItem>\n  )\n}\n","import styled from 'styled-components'\nimport MenuItem from '../MenuItem'\nimport { Divider } from '../Divider'\n\ntype MenuItemGroupChild = React.ReactElement<typeof MenuItem | typeof Divider>\n\nexport type MenuItemGroupProps = {\n  text: string\n  children: MenuItemGroupChild | MenuItemGroupChild[]\n}\n\n/**\n * 項目のリストを分類する見出しをつけるコンテナ要素\n */\nexport default function MenuItemGroup(props: MenuItemGroupProps) {\n  return (\n    <StyledLi role=\"presentation\">\n      <TextSpan>{props.text}</TextSpan>\n      <StyledUl role=\"group\">{props.children}</StyledUl>\n    </StyledLi>\n  )\n}\n\nconst TextSpan = styled.span`\n  display: block;\n  color: ${({ theme }) => theme.color.text3};\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n`\n\nconst StyledUl = styled.ul`\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n`\n\nconst StyledLi = styled.li`\n  display: block;\n`\n","import { ReactNode, forwardRef, memo, useMemo, useRef } from 'react'\nimport * as React from 'react'\nimport { useRadioGroupState } from 'react-stately'\nimport {\n  AriaRadioGroupProps,\n  AriaRadioProps,\n  useRadio,\n  useRadioGroup,\n} from '@react-aria/radio'\nimport styled from 'styled-components'\nimport { disabledSelector } from '@charcoal-ui/utils'\n\nimport { RadioProvider, useRadioContext } from './RadioGroupContext'\nimport { theme } from '../../styled'\n\ntype SegmentedControlItem = {\n  label: React.ReactNode\n  value: string\n  disabled?: boolean\n}\n\nexport type SegmentedControlProps = {\n  readonly id?: string\n  readonly name?: string\n  readonly disabled?: boolean\n  readonly readonly?: boolean\n  readonly required?: boolean\n  readonly className?: string\n\n  readonly value?: string\n  readonly defaultValue?: string\n\n  readonly data: string[] | SegmentedControlItem[]\n\n  readonly onChange?: (value: string) => void\n}\n\nconst SegmentedControl = forwardRef<HTMLDivElement, SegmentedControlProps>(\n  function SegmentedControlInner(props, ref) {\n    const ariaRadioGroupProps = useMemo<AriaRadioGroupProps>(\n      () => ({\n        ...props,\n        isDisabled: props.disabled,\n        isReadOnly: props.readonly,\n        isRequired: props.required,\n        'aria-label': props.name,\n      }),\n      [props]\n    )\n    const state = useRadioGroupState(ariaRadioGroupProps)\n    const { radioGroupProps } = useRadioGroup(ariaRadioGroupProps, state)\n    const segmentedControlItems = useMemo<SegmentedControlItem[]>(() => {\n      return props.data.map((d) =>\n        typeof d === 'string' ? { value: d, label: d } : d\n      )\n    }, [props.data])\n\n    return (\n      <SegmentedControlRoot\n        ref={ref}\n        {...radioGroupProps}\n        className={props.className}\n      >\n        <RadioProvider value={state}>\n          {segmentedControlItems.map((item) => (\n            <Segmented\n              key={item.value}\n              value={item.value}\n              disabled={item.disabled}\n            >\n              {item.label}\n            </Segmented>\n          ))}\n        </RadioProvider>\n      </SegmentedControlRoot>\n    )\n  }\n)\n\nexport default memo(SegmentedControl)\n\ntype RadioProps = {\n  value: string\n  disabled?: boolean\n  children?: ReactNode\n}\n\nconst Segmented = (props: RadioProps) => {\n  const state = useRadioContext()\n  const ref = useRef<HTMLInputElement>(null)\n  const ariaRadioProps = useMemo<AriaRadioProps>(\n    () => ({\n      value: props.value,\n      isDisabled: props.disabled,\n      children: props.children,\n    }),\n    [props]\n  )\n\n  const { inputProps, isDisabled, isSelected } = useRadio(\n    ariaRadioProps,\n    state,\n    ref\n  )\n\n  return (\n    <SegmentedRoot\n      aria-disabled={isDisabled || state.isReadOnly}\n      checked={isSelected}\n    >\n      <SegmentedInput {...inputProps} ref={ref} />\n      <RadioLabel>\n        <SegmentedLabelInner>{props.children}</SegmentedLabelInner>\n      </RadioLabel>\n    </SegmentedRoot>\n  )\n}\n\nconst SegmentedControlRoot = styled.div`\n  display: inline-flex;\n  align-items: center;\n\n  ${theme((o) => [o.bg.surface3, o.borderRadius(16)])}\n`\n\nconst SegmentedRoot = styled.label<{ checked?: boolean }>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  height: 32px;\n\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  ${({ checked }) =>\n    theme((o) => [\n      o.padding.horizontal(16),\n      o.borderRadius(16),\n      o.disabled,\n      checked === true && o.bg.brand,\n      checked === true ? o.font.text5 : o.font.text2,\n    ])}\n`\nconst SegmentedInput = styled.input`\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n`\n\nconst RadioLabel = styled.div`\n  background: transparent;\n  display: flex;\n  align-items: center;\n  height: 22px;\n`\nconst SegmentedLabelInner = styled.div`\n  ${theme((o) => [o.typography(14)])}\n`\n","import { createContext, useContext } from 'react'\nimport * as React from 'react'\nimport { RadioGroupState } from 'react-stately'\n\nconst RadioContext = createContext<RadioGroupState | null>(null)\n\ntype RadioProviderProps = React.PropsWithChildren<{\n  value: RadioGroupState\n}>\nexport const RadioProvider: React.FC<RadioProviderProps> = ({\n  value,\n  children,\n}) => {\n  return <RadioContext.Provider value={value}>{children}</RadioContext.Provider>\n}\nexport const useRadioContext = () => {\n  const state = useContext(RadioContext)\n\n  if (state === null)\n    throw new Error('`<RadioProvider>` is not likely mounted.')\n\n  return state\n}\n","import { forwardRef, memo, useMemo } from 'react'\nimport * as React from 'react'\nimport styled, { css } from 'styled-components'\nimport { useCheckbox } from '@react-aria/checkbox'\nimport { useObjectRef } from '@react-aria/utils'\nimport { useToggleState } from 'react-stately'\nimport { disabledSelector, px } from '@charcoal-ui/utils'\nimport { theme } from '../../styled'\n\nimport type { AriaCheckboxProps } from '@react-types/checkbox'\nimport Icon from '../Icon'\n\ntype CheckboxLabelProps =\n  | {\n      children: React.ReactNode\n    }\n  | {\n      label: string\n    }\n\nexport type CheckboxProps = CheckboxLabelProps & {\n  readonly id?: string\n  readonly name?: string\n  readonly className?: string\n\n  readonly checked?: boolean\n  readonly defaultChecked?: boolean\n  readonly disabled?: boolean\n  readonly readonly?: boolean\n  readonly invalid?: boolean\n\n  readonly onClick?: () => void\n  readonly onChange?: (isSelected: boolean) => void\n  readonly onBlur?: () => void\n  readonly onFocus?: () => void\n}\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  function CheckboxInner({ invalid = false, ...props }, ref) {\n    const ariaCheckboxProps = useMemo<AriaCheckboxProps>(\n      () => ({\n        ...props,\n        isSelected: props.checked,\n        defaultSelected: props.defaultChecked,\n        validationState: invalid ? 'invalid' : 'valid',\n        // children がいない場合は aria-label をつけないといけない\n        'aria-label': 'children' in props ? undefined : props.label,\n        isDisabled: props.disabled,\n      }),\n      [invalid, props]\n    )\n    const state = useToggleState(ariaCheckboxProps)\n    const objectRef = useObjectRef(ref)\n\n    const { inputProps } = useCheckbox(ariaCheckboxProps, state, objectRef)\n    const isDisabled = (props.disabled ?? false) || (props.readonly ?? false)\n\n    return (\n      <InputRoot aria-disabled={isDisabled} className={props.className}>\n        <CheckboxRoot>\n          <CheckboxInput type=\"checkbox\" {...inputProps} invalid={invalid} />\n          <CheckboxInputOverlay aria-hidden={true} checked={inputProps.checked}>\n            <Icon name=\"24/Check\" unsafeNonGuidelineScale={2 / 3} />\n          </CheckboxInputOverlay>\n        </CheckboxRoot>\n\n        {'children' in props && <InputLabel>{props.children}</InputLabel>}\n      </InputRoot>\n    )\n  }\n)\n\nexport default memo(Checkbox)\n\nconst hiddenCss = css`\n  visibility: hidden;\n`\n\nconst InputRoot = styled.label`\n  position: relative;\n  display: flex;\n\n  cursor: pointer;\n  ${disabledSelector} {\n    cursor: default;\n  }\n\n  gap: ${({ theme }) => px(theme.spacing[4])};\n  ${theme((o) => [o.disabled])}\n`\n\nconst CheckboxRoot = styled.div`\n  position: relative;\n`\n\nconst CheckboxInput = styled.input<{ invalid: boolean }>`\n  &[type='checkbox'] {\n    appearance: none;\n    display: block;\n    cursor: pointer;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n\n    &:checked {\n      ${theme((o) => o.bg.brand.hover.press)}\n    }\n    &:not(:checked) {\n      border-width: 2px;\n      border-style: solid;\n      border-color: ${({ theme }) => theme.color.text4};\n    }\n    ${theme((o) => [o.outline.default.focus, o.borderRadius(4)])}\n    ${(p) => p.invalid && theme((o) => [o.outline.assertive])}\n\n    /* FIXME: o.outline.default.focus の transition に o.bg.brand の transition が打ち消されてしまう */\n    transition: all 0.2s !important;\n  }\n`\n\nconst CheckboxInputOverlay = styled.div<{ checked?: boolean }>`\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${theme((o) => [o.width.px(24), o.height.px(24), o.font.text5])}\n\n  ${({ checked }) => checked !== true && hiddenCss};\n`\n\nconst InputLabel = styled.div`\n  ${theme((o) => [o.font.text2])}\n\n  font-size: 14px;\n  /** checkbox の height が 20px なのでcheckbox と text が揃っているように見せるために行ボックスの高さを 20px にしている */\n  line-height: 20px;\n`\n","import { forwardRef, memo, useMemo, ComponentPropsWithoutRef } from 'react'\nimport { useObjectRef } from '@react-aria/utils'\nimport styled, { css } from 'styled-components'\nimport { theme } from '../../styled'\nimport { disabledSelector, px } from '@charcoal-ui/utils'\nimport { AriaButtonProps, useButton } from '@react-aria/button'\nimport Icon from '../Icon'\n\nconst sizeMap = {\n  S: 32,\n  M: 40,\n}\n\nexport type TagItemProps = {\n  label: string\n  translatedLabel?: string\n  bgColor?: string\n  bgImage?: string\n  status?: 'default' | 'active' | 'inactive'\n  size?: keyof typeof sizeMap\n  disabled?: boolean\n  className?: string\n} & Pick<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel' | 'onClick'>\n\nconst TagItem = forwardRef<HTMLAnchorElement, TagItemProps>(\n  function TagItemInner(\n    {\n      label,\n      translatedLabel,\n      bgColor = '#7ACCB1',\n      bgImage,\n      size = 'M',\n      disabled,\n      status = 'default',\n      className,\n      ...props\n    },\n    _ref\n  ) {\n    const ref = useObjectRef(_ref)\n    const ariaButtonProps = useMemo<AriaButtonProps<'a'>>(\n      () => ({\n        elementType: 'a',\n        isDisabled: disabled,\n        ...props,\n      }),\n      [disabled, props]\n    )\n\n    const { buttonProps } = useButton(ariaButtonProps, ref)\n    const hasTranslatedLabel =\n      translatedLabel !== undefined && translatedLabel.length > 0\n\n    return (\n      <TagItemRoot\n        ref={ref}\n        size={hasTranslatedLabel ? 'M' : size}\n        status={status}\n        {...buttonProps}\n        className={className}\n      >\n        <Background bgColor={bgColor} bgImage={bgImage} status={status} />\n\n        <Inner>\n          <LabelWrapper isTranslate={hasTranslatedLabel}>\n            {hasTranslatedLabel && (\n              <TranslatedLabel>\n                <Label>{translatedLabel}</Label>\n              </TranslatedLabel>\n            )}\n            <Label>{label}</Label>\n          </LabelWrapper>\n          {status === 'active' && <Icon name=\"16/Remove\" />}\n        </Inner>\n      </TagItemRoot>\n    )\n  }\n)\n\nexport default memo(TagItem)\n\ntype TagItemRootProps = Pick<TagItemProps, 'status'> &\n  Required<Pick<TagItemProps, 'size'>>\n\nconst TagItemRoot = styled.a<TagItemRootProps>`\n  isolation: isolate;\n  position: relative;\n  height: ${({ size }) => sizeMap[size]}px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  ${({ size, status }) =>\n    theme((o) => [\n      o.outline.default.focus,\n      o.borderRadius(4),\n      status !== 'active' && size === 'M' && o.padding.horizontal(24),\n      status !== 'active' && size === 'S' && o.padding.horizontal(16),\n      status === 'inactive' ? o.font.text2 : o.font.text5,\n      ...(status === 'active' ? [o.padding.left(16), o.padding.right(8)] : []),\n    ])}\n\n  ${disabledSelector} {\n    ${theme((o) => [o.disabled])}\n    cursor: default;\n  }\n`\n\nconst Background = styled.div<\n  Pick<TagItemProps, 'bgColor' | 'bgImage' | 'status'>\n>`\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  background-color: ${({ bgColor }) => bgColor};\n  ${({ status }) => status === 'inactive' && theme((o) => o.bg.surface3)}\n\n  ${({ bgImage }) =>\n    bgImage !== undefined &&\n    css`\n      ${theme((o) => [o.bg.surface4])}\n      &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-position: center;\n        background-size: cover;\n        background-image: url(${bgImage});\n        mix-blend-mode: overlay;\n      }\n    `}\n`\n\nconst Inner = styled.div`\n  display: inline-flex;\n  gap: ${({ theme }) => px(theme.spacing[8])};\n  align-items: center;\n  z-index: 2;\n`\n\nconst labelCSS = css`\n  ${theme((o) => [o.typography(14).bold])}\n`\nconst translateLabelCSS = css`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  font-size: 10px;\n`\nconst LabelWrapper = styled.div<{ isTranslate?: boolean }>`\n  ${({ isTranslate }) => (isTranslate ?? false ? translateLabelCSS : labelCSS)}\n`\n\nconst Label = styled.span`\n  max-width: 152px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: inherit;\n  color: inherit;\n  line-height: inherit;\n`\n\nconst TranslatedLabel = styled.div`\n  ${theme((o) => [o.typography(12).bold])}\n`\n"],"mappings":"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","names":["DefaultLink","jsx","forwardRef","styled","React","styled","jsx","Clickable","styled","jsx","forwardRef","Button","styled","forwardRef","styled","jsx","forwardRef","styled","forwardRef","useContext","React","styled","jsx","jsxs","forwardRef","useContext","styled","theme","useCallback","useContext","forwardRef","memo","styled","warning","disabledSelector","px","createContext","jsx","jsxs","forwardRef","useContext","warning","useCallback","memo","styled","disabledSelector","theme","px","memo","forwardRef","styled","disabledSelector","jsx","jsxs","forwardRef","memo","styled","useCallback","useEffect","React","styled","css","React","styled","createTheme","jsx","jsxs","FieldLabel","Label","theme","jsx","jsxs","forwardRef","useCallback","count","useEffect","styled","css","useTextField","useVisuallyHidden","forwardRef","useCallback","useEffect","useRef","useState","styled","css","jsx","jsxs","forwardRef","useVisuallyHidden","useRef","useState","useCallback","rows","count","useEffect","useTextField","TextFieldRoot","styled","css","React","jsx","useContext","forwardRef","memo","React","styled","css","maxWidth","animated","useObjectRef","forwardRef","styled","css","React","jsx","forwardRef","Dialog","styled","theme","css","React","jsx","jsxs","forwardRef","useObjectRef","theme","maxWidth","memo","animated","styled","css","useContext","styled","css","useContext","maxWidth","jsx","styled","theme","css","forwardRef","useRef","memo","styled","jsx","forwardRef","memo","styled","Icon","LoadingSpinnerIcon","useRef","useState","useRef","styled","disabledSelector","useEffect","useRef","useContext","useRef","Overlay","styled","useEffect","jsx","jsxs","useRef","useContext","Overlay","styled","jsx","useRef","useEffect","React","children","useRef","styled","createContext","React","jsx","useRef","styled","jsx","jsxs","useRef","useState","styled","disabledSelector","styled","styled","jsx","styled","useCallback","useContext","useContext","useCallback","jsx","useContext","jsx","jsxs","useContext","styled","styled","jsx","jsxs","StyledLi","StyledUl","theme","forwardRef","memo","useMemo","useRef","styled","disabledSelector","createContext","useContext","jsx","jsx","jsxs","forwardRef","useMemo","memo","useRef","RadioLabel","styled","disabledSelector","forwardRef","memo","useMemo","styled","css","useObjectRef","useToggleState","disabledSelector","px","jsx","jsxs","forwardRef","useMemo","useToggleState","useObjectRef","memo","css","styled","disabledSelector","theme","px","forwardRef","memo","useMemo","useObjectRef","styled","css","disabledSelector","px","jsx","jsxs","forwardRef","useObjectRef","useMemo","Label","memo","styled","disabledSelector","css","theme","px"]}