npm - @charcoal-ui/react - Versions diffs - 3.13.0-beta.0 → 3.13.1 - Mend

@charcoal-ui/react 3.13.0-beta.0 → 3.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +1 -1
package/dist/core/SSRProvider.d.ts +3 -1
package/dist/core/SSRProvider.d.ts.map +1 -1
package/dist/index.cjs.js +106 -100
package/dist/index.cjs.js.map +1 -1
package/dist/index.esm.js +7 -1
package/dist/index.esm.js.map +1 -1
package/package.json +8 -8
package/src/components/Modal/__snapshots__/index.story.storyshot +189 -30
package/src/components/Modal/index.story.tsx +2 -0
package/src/core/SSRProvider.tsx +12 -1

package/dist/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../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/components/Button/lib/variantToFont.tsx","../src/components/Button/lib/variantToBackground.tsx","../src/components/Button/StyledButton.tsx","../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/Icon/index.tsx","../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/Modal/index.tsx","../src/components/Modal/Dialog/index.tsx","../src/_lib/useForwardedRef.tsx","../src/components/Modal/ModalBackgroundContext.tsx","../src/components/Modal/useCustomModalOverlay.tsx","../src/components/DropdownSelector/Popover/usePreventScroll.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/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":["export {\n default as ComponentAbstraction,\n useComponentAbstraction,\n type LinkProps,\n} from './core/ComponentAbstraction'\nexport { SSRProvider } from './core/SSRProvider'\nexport { OverlayProvider } from './core/OverlayProvider'\nexport {\n CharcoalProvider,\n type CharcoalProviderProps,\n} from './core/CharcoalProvider'\nexport { default as Button, type ButtonProps } from './components/Button'\nexport {\n default as Clickable,\n type ClickableProps,\n type ClickableElement,\n} from './components/Clickable'\nexport {\n default as IconButton,\n type IconButtonProps,\n} from './components/IconButton'\nexport {\n default as Radio,\n type RadioProps,\n RadioGroup,\n type RadioGroupProps,\n} from './components/Radio'\nexport {\n default as MultiSelect,\n type MultiSelectProps,\n MultiSelectGroup,\n type MultiSelectGroupProps,\n} from './components/MultiSelect'\nexport { default as Switch, type SwitchProps } from './components/Switch'\nexport {\n default as TextField,\n type TextFieldProps,\n} from './components/TextField'\nexport { default as TextArea, type TextAreaProps } from './components/TextArea'\nexport { default as Icon, type IconProps } from './components/Icon'\nexport {\n default as Modal,\n type ModalProps,\n ModalCloseButton,\n} from './components/Modal'\nexport {\n ModalHeader,\n ModalAlign,\n ModalBody,\n ModalButtons,\n} from './components/Modal/ModalPlumbing'\nexport {\n default as LoadingSpinner,\n LoadingSpinnerIcon,\n} from './components/LoadingSpinner'\nexport {\n default as DropdownSelector,\n type DropdownSelectorProps,\n} from './components/DropdownSelector'\nexport {\n default as DropdownMenuItem,\n type DropdownMenuItemProps,\n} from './components/DropdownSelector/DropdownMenuItem'\nexport {\n default as MenuItemGroup,\n type MenuItemGroupProps,\n} from './components/DropdownSelector/MenuItemGroup'\nexport {\n default as SegmentedControl,\n type SegmentedControlProps,\n} from './components/SegmentedControl'\nexport { default as Checkbox, type CheckboxProps } from './components/Checkbox'\nexport { default as TagItem, type TagItemProps } from './components/TagItem'\n","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 type { 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 { ClickableElement, ClickableProps } from '../Clickable'\nimport { variantToFont } from './lib/variantToFont'\nimport { variantToBackground } from './lib/variantToBackground'\nimport { StyledButton } from './StyledButton'\n\nexport type Variant =\n \| 'Primary'\n \| 'Default'\n \| 'Overlay'\n \| 'Danger'\n \| 'Navigation'\n\nexport type Size = 'S' \| 'M'\n\nexport type ButtonProps = Partial<{\n variant: Variant\n size: Size\n fullWidth: boolean\n isActive: 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 isActive = false,\n ...rest\n },\n ref\n) {\n return (\n <StyledButton\n {...rest}\n disabled={disabled}\n $background={variantToBackground(variant)}\n $color={variantToFont(variant)}\n $size={size}\n $fullWidth={fixed}\n $isActive={isActive}\n ref={ref}\n >\n {children}\n </StyledButton>\n )\n})\n\nexport default Button\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 { unreachable } from '../../../_lib'\nimport type { Variant } from '..'\n\nexport function 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","import { unreachable } from '../../../_lib'\nimport type { Variant } from '..'\n\nexport function 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","import styled, { css } from 'styled-components'\nimport Clickable from '../Clickable'\nimport { variantToFont } from './lib/variantToFont'\nimport { variantToBackground } from './lib/variantToBackground'\nimport type { Size } from '.'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\n\nconst horizontalPaddingSmall = css`\n padding-right: 16px;\n padding-left: 16px;\n`\n\nconst horizontalPaddingMedium = css`\n padding-right: 24px;\n padding-left: 24px;\n`\n\ntype StyledButtonProps = {\n $fullWidth: boolean\n $size: Size\n $background: ReturnType<typeof variantToBackground>\n $color: ReturnType<typeof variantToFont>\n $isActive: boolean\n}\n\nexport const StyledButton = styled(Clickable)<StyledButtonProps>`\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 border-radius: 999999px;\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n\n ${(p) => (p.$size === 'M' ? horizontalPaddingMedium : horizontalPaddingSmall)}\n color: var(--charcoal-${(p) => p.$color});\n background-color: var(--charcoal-${(p) => p.$background});\n transition: 0.2s color, 0.2s background-color, 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n\n ${({ $isActive: $active, $color, $background }) =>\n $active\n ? css`\n color: var(--charcoal-${$color}-press);\n background-color: var(--charcoal-${$background}-press);\n `\n : css`\n &:hover {\n color: var(--charcoal-${$color}-hover);\n background-color: var(--charcoal-${$background}-hover);\n }\n &:active {\n color: var(--charcoal-${$color}-press);\n background-color: var(--charcoal-${$background}-press);\n }\n `}\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n }\n height: ${(p) => (p.$size === 'M' ? 40 : 32)}px;\n`\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 text-decoration: none;\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, { css } from 'styled-components'\nimport Clickable, { ClickableElement, ClickableProps } from '../Clickable'\nimport type { KnownIconType } from '@charcoal-ui/icons'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 readonly isActive?: boolean\n}\n\nexport type IconButtonProps = StyledProps & ClickableProps\n\nconst IconButton = forwardRef<ClickableElement, IconButtonProps>(\n function IconButtonInner(\n {\n variant = 'Default',\n size = 'M',\n icon,\n isActive = false,\n ...rest\n }: IconButtonProps,\n ref\n ) {\n validateIconSize(size, icon)\n return (\n <StyledIconButton\n {...rest}\n ref={ref}\n $size={size}\n $variant={variant}\n $isActive={isActive}\n >\n <pixiv-icon aria-hidden=\"true\" name={icon} />\n </StyledIconButton>\n )\n }\n)\n\nexport default IconButton\n\ntype StyledIconButtonProps = Required<{\n [key in keyof Pick<\n StyledProps,\n 'size' \| 'variant' \| 'isActive'\n > as `$${key}`]: StyledProps[key]\n}>\n\nconst StyledIconButton = styled(Clickable).attrs<\n StyledIconButtonProps,\n ReturnType<typeof styledProps>\n>(styledProps)<StyledIconButtonProps>`\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 color: var(${({ $font }) => `--charcoal-${$font}`});\n background-color: var(${({ $background }) => `--charcoal-${$background}`});\n border-radius: 999999px;\n transition: 0.2s background-color, 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${({ $isActive, $background, $font }) =>\n $isActive\n ? css`\n color: var(--charcoal-${$font}-press);\n background-color: var(--charcoal-${$background}-press);\n `\n : css`\n &:hover {\n color: var(--charcoal-${$font}-hover);\n background-color: var(--charcoal-${$background}-hover);\n }\n &:active {\n color: var(--charcoal-${$font}-press);\n background-color: var(--charcoal-${$background}-press);\n }\n `}\n ${focusVisibleFocusRingCss}\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n }\n`\n\nfunction styledProps({ $size, $variant }: StyledIconButtonProps) {\n return {\n ...variantToProps($variant),\n ...sizeToProps($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 { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 aria-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: 4px;\n align-items: center;\n cursor: pointer;\n\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n`\n\nexport const RadioInput = styled.input.attrs({ type: 'radio' })`\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 border-radius: 999999px;\n background-color: var(--charcoal-surface1);\n transition: 0.2s background-color, 0.2s box-shadow;\n\n :disabled {\n cursor: default;\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n background-color: var(--charcoal-surface1-hover);\n }\n &:active {\n background-color: var(--charcoal-surface1-press);\n }\n ${focusVisibleFocusRingCss}\n &[aria-invalid='true'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n &:focus {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n }\n }\n\n &:not(:checked) {\n border-width: 2px;\n border-style: solid;\n border-color: var(--charcoal-text3);\n }\n\n &:checked {\n background-color: var(--charcoal-brand);\n &::after {\n content: '';\n display: block;\n width: 8px;\n height: 8px;\n pointer-events: none;\n background-color: var(--charcoal-text5);\n border-radius: 999999px;\n transition: 0.2s background-color, 0.2s box-shadow;\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n background-color: var(--charcoal-brand-hover);\n &::after {\n background-color: var(--charcoal-text5-hover);\n }\n }\n &:active {\n background-color: var(--charcoal-brand-press);\n &::after {\n background-color: var(--charcoal-text5-press);\n }\n }\n }\n }\n }\n`\n\nconst RadioLabel = styled.div`\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text2);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nexport type RadioGroupProps<Value extends string = string> =\n React.PropsWithChildren<{\n className?: string\n value?: Value\n label: string\n name: string\n onChange(next: Value): 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: 8px;\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<Value extends string = string>({\n className,\n value,\n label,\n name,\n onChange,\n disabled,\n readonly,\n invalid,\n children,\n}: RadioGroupProps<Value>) {\n const handleChange = useCallback(\n (next: string) => {\n onChange(next as Value)\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 { px } from '@charcoal-ui/utils'\n\nimport { MultiSelectGroupContext } from './context'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\nimport Icon from '../Icon'\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 <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 gap: ${({ theme }) => px(theme.spacing[4])};\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n`\n\nconst MultiSelectLabel = styled.div`\n display: flex;\n align-items: center;\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text2);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\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 background-color: var(--charcoal-text3);\n border-radius: 999999px;\n transition: 0.2s background-color, 0.2s box-shadow;\n\n &:checked {\n background-color: var(--charcoal-brand);\n &:hover {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-brand-hover);\n }\n }\n\n &:active {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-brand-press);\n }\n }\n }\n\n &:hover {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-text3-hover);\n }\n }\n\n &:active {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-text3-press);\n }\n }\n\n ${focusVisibleFocusRingCss}\n\n ${({ invalid, overlay }) =>\n invalid &&\n !overlay &&\n css`\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n `}\n ${({ overlay }) =>\n overlay &&\n css`\n background-color: var(--charcoal-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 width: 24px;\n height: 24px;\n border-radius: 999999px;\n color: var(--charcoal-text5);\n transition: 0.2s box-shadow;\n ${({ invalid, overlay }) =>\n invalid &&\n overlay &&\n css`\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n `}\n\n ${({ overlay }) =>\n overlay &&\n css`\n border-color: var(--charcoal-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 * 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 { 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 { useObjectRef } from '@react-aria/utils'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n`\n\nconst LabelInner = styled.div`\n font-size: 14px;\n line-height: 22px;\n color: var(--charcoal-text2);\n margin-left: 4px;\n`\n\nconst SwitchInput = styled.input.attrs({ type: 'checkbox' })`\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 ${focusVisibleFocusRingCss}\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'\nimport { mergeProps } from '@react-aria/utils'\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 readOnly = false,\n assistiveText,\n maxLength,\n prefix = null,\n suffix = null,\n ...restProps\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 {\n inputProps: ariaInputProps,\n labelProps,\n descriptionProps,\n errorMessageProps,\n } = useTextField(\n {\n inputElementType: 'input',\n isDisabled: disabled,\n isRequired: required,\n isReadOnly: readOnly,\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 const inputProps = mergeProps(restProps, ariaInputProps)\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 :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 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'\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 Label = styled.label`\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n display: flow-root;\n color: var(--charcoal-text1);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nconst RequiredText = styled.span`\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text2);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nconst SubLabelClickable = styled.div`\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text3);\n transition: 0.2s color, 0.2s box-shadow;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n color: var(--charcoal-text3-hover);\n }\n &:active {\n color: var(--charcoal-text3-press);\n }\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n }\n }\n`\n\nconst FieldLabelWrapper = styled.div`\n display: inline-flex;\n align-items: center;\n\n > ${RequiredText} {\n margin-left: 4px;\n }\n\n > ${SubLabelClickable} {\n 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'\nimport { mergeProps } from '@react-aria/utils'\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 readOnly = false,\n assistiveText,\n maxLength,\n autoHeight = false,\n rows: initialRows = 4,\n ...restProps\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 {\n inputProps: ariaInputProps,\n labelProps,\n descriptionProps,\n errorMessageProps,\n } = useTextField(\n {\n inputElementType: 'textarea',\n isDisabled: disabled,\n isRequired: required,\n isReadOnly: readOnly,\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 const inputProps = mergeProps(restProps, ariaInputProps)\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 { useContext, forwardRef, memo } from 'react'\nimport as React from 'react'\nimport { AriaModalOverlayProps, Overlay } from '@react-aria/overlays'\nimport styled, { css, useTheme } from 'styled-components'\nimport type { 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'\nimport { useCharcoalModalOverlay } from './useCustomModalOverlay'\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 closeButtonAriaLabel?: 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 closeButtonAriaLabel = 'Close',\n } = props\n\n const ref = useObjectRef<HTMLDivElement>(external)\n\n const { modalProps, underlayProps } = useCharcoalModalOverlay(\n {\n ...props,\n isKeyboardDismissDisabled:\n isDismissable === undefined \|\| isDismissable === false,\n },\n {\n onClose,\n isOpen,\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 const handleClick = React.useCallback(\n (e: MouseEvent) => {\n if (e.currentTarget === e.target) {\n onClose()\n }\n },\n [onClose]\n )\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 onClick={handleClick}\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 <ModalCloseButton\n size=\"S\"\n icon=\"24/Close\"\n type=\"button\"\n aria-label={closeButtonAriaLabel}\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: var(--charcoal-surface4);\n\n @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n ${(p) =>\n p.$bottomSheet !== false &&\n css`\n padding: 0;\n `}\n }\n`)\n\nexport const ModalCloseButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n\n color: var(--charcoal-text3);\n transition: 0.2s color;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n color: var(--charcoal-text3-hover);\n }\n &:active {\n color: var(--charcoal-text3-press);\n }\n }\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: var(--charcoal-surface1);\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","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 as React from 'react'\nimport {\n AriaModalOverlayProps,\n ModalOverlayAria,\n ariaHideOutside,\n useOverlay,\n useOverlayFocusContain,\n} from '@react-aria/overlays'\nimport { usePreventScroll } from '../DropdownSelector/Popover/usePreventScroll'\n\n/*\n We want to enable scrolling on the modal background,\n * but `useModalOverlay` (specifically, `useOverlay` within it) detects pointer events on the scrollbar.\n * Therefore, to prevent this issue, we need to override `shouldCloseOnInteractOutside` in `useModalOverlay`.\n /\nexport function useCharcoalModalOverlay(\n props: AriaModalOverlayProps,\n state: { isOpen: boolean; onClose: () => void },\n ref: React.RefObject<HTMLElement>\n): ModalOverlayAria {\n const { overlayProps, underlayProps } = useOverlay(\n {\n ...props,\n isOpen: state.isOpen,\n onClose: state.onClose,\n shouldCloseOnInteractOutside: () => false,\n },\n ref\n )\n\n usePreventScroll(\n typeof document !== 'undefined' ? document.body : null,\n state.isOpen\n )\n\n useOverlayFocusContain()\n\n React.useEffect(() => {\n if (state.isOpen && ref.current) {\n return ariaHideOutside([ref.current])\n }\n }, [state.isOpen, ref])\n\n return {\n modalProps: overlayProps,\n underlayProps,\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 { BottomSheet, ModalContext, ModalTitle } from '.'\nimport styled, { css } from 'styled-components'\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 color: var(--charcoal-text1);\n font-size: 16px;\n line-height: 24px;\n font-weight: bold;\n display: flow-root;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nexport const ModalAlign = styled.div`\n padding-left: 16px;\n padding-right: 16px;\n`\n\nexport const ModalBody = styled.div`\n padding-bottom: 40px;\n`\n\nexport const ModalButtons = styled.div`\n display: grid;\n grid-auto-flow: row;\n grid-row-gap: 8px;\n\n padding-top: 16px;\n padding-left: 16px;\n padding-right: 16px;\n`\n","import { forwardRef, useImperativeHandle, useRef, memo } from 'react'\nimport styled, { keyframes } from 'styled-components'\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 color: var(--charcoal-text4);\n background-color: ${({ transparent }) =>\n `var(--charcoal-${transparent ? 'transparent' : 'background1'})`};\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\ntype 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 React, { ReactNode, useState, useRef, useMemo, useCallback } from 'react'\nimport styled, { css } from 'styled-components'\nimport { disabledSelector } from '@charcoal-ui/utils'\nimport Icon from '../Icon'\nimport FieldLabel from '../FieldLabel'\nimport { DropdownPopover } from './DropdownPopover'\nimport { findPreviewRecursive } from './utils/findPreviewRecursive'\nimport MenuList, { MenuListChildren } from './MenuList'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\nimport { getValuesRecursive } from './MenuList/internals/getValuesRecursive'\nimport { useVisuallyHidden } from '@react-aria/visually-hidden'\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 /\n the name of hidden `<select />`\n /\n name?: string\n children: MenuListChildren\n onChange: (value: string) => void\n}\n\nconst defaultRequiredText = '必須'\n\nexport default function DropdownSelector({\n onChange,\n ...props\n}: DropdownSelectorProps) {\n const triggerRef = useRef<HTMLButtonElement>(null)\n const [isOpen, setIsOpen] = useState(false)\n const preview = findPreviewRecursive(props.children, props.value)\n\n const isPlaceholder = useMemo(\n () => props.placeholder !== undefined && preview === undefined,\n [preview, props.placeholder]\n )\n\n const propsArray = getValuesRecursive(props.children)\n\n const { visuallyHiddenProps } = useVisuallyHidden()\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLSelectElement>) => {\n onChange(e.target.value)\n },\n [onChange]\n )\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 <div {...visuallyHiddenProps} aria-hidden=\"true\">\n <select\n name={props.name}\n value={props.value}\n onChange={handleChange}\n tabIndex={-1}\n >\n {propsArray.map((itemProps) => {\n return (\n <option\n key={itemProps.value}\n value={itemProps.value}\n disabled={itemProps.disabled}\n >\n {itemProps.value}\n </option>\n )\n })}\n </select>\n </div>\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 $active={isOpen}\n >\n <DropdownButtonText $isText3={isPlaceholder}>\n {isPlaceholder ? props.placeholder : 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 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 opacity: 0.32;\n }\n`\n\nconst DropdownFieldLabel = styled(FieldLabel)`\n width: 100%;\n margin-bottom: 8px;\n`\n\nconst DropdownButton = styled.button<{ invalid?: boolean; $active?: 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 gap: 4px;\n\n ${disabledSelector} {\n cursor: default;\n }\n\n padding-right: 8px;\n padding-left: 8px;\n background-color: var(--charcoal-surface3);\n border-radius: 4px;\n\n transition: 0.2s box-shadow, 0.2s background-color;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n ${({ $active }) =>\n $active === true\n ? css`\n background-color: var(--charcoal-surface3-press);\n `\n : css`\n &:hover {\n background-color: var(--charcoal-surface3-hover);\n }\n &:active {\n background-color: var(--charcoal-surface3-press);\n }\n `}\n }\n\n ${({ invalid }) =>\n invalid === true &&\n css`\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n `}\n`\n\nconst DropdownButtonText = styled.span<{ $isText3: boolean }>`\n text-align: left;\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-${(p) => (p.$isText3 ? 'text3' : 'text2')});\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`\n\nconst DropdownButtonIcon = styled(Icon)`\n color: var(--charcoal-text2);\n`\n\nconst AssertiveText = styled.div<{ invalid?: boolean }>`\n margin-top: 8px;\n font-size: 14px;\n color: var(--charcoal-text2);\n line-height: 22px;\n display: flow-root;\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n\n ${({ invalid }) =>\n invalid === true &&\n css`\n color: var(--charcoal-assertive);\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, ReactNode } from 'react'\nimport { DismissButton, Overlay, usePopover } from '@react-aria/overlays'\nimport styled from 'styled-components'\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 background-color: var(--charcoal-background1);\n border: solid 1px var(--charcoal-border-default);\n border-radius: 8px;\n padding-top: 8px;\n padding-bottom: 8px;\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 { useMemo, 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 propsArray = useMemo(\n () => getValuesRecursive(props.children),\n [props.children]\n )\n\n return (\n <StyledUl ref={root}>\n <MenuListContext.Provider\n value={{\n value: props.value ?? '',\n root,\n propsArray,\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'\nimport { DropdownMenuItemProps } from '../DropdownMenuItem'\n\ntype MenuListContextType = {\n root?: RefObject<HTMLUListElement>\n value?: string\n propsArray?: DropdownMenuItemProps[]\n setValue: (v: string) => void\n}\n\nexport const MenuListContext = createContext<MenuListContextType>({\n root: undefined,\n value: '',\n propsArray: [],\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'\nimport { DropdownMenuItemProps } from '../../DropdownMenuItem'\n\n/*\n valueというpropsを持つ子要素の値を再起的に探索して配列にする\n \n @param children\n * @param value\n * @param values\n * @returns\n /\nexport function getValuesRecursive(children: MenuListChildren) {\n const childArray = React.Children.toArray(children)\n const propsArray: DropdownMenuItemProps[] = []\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?: string\n disabled?: boolean\n children?: React.ReactElement<typeof MenuItem \| typeof MenuItemGroup>[]\n }\n if ('value' in props && typeof props.value === 'string') {\n propsArray.push({\n disabled: props.disabled,\n value: props.value,\n })\n }\n if ('children' in props && props.children) {\n propsArray.push(...getValuesRecursive(props.children))\n }\n }\n }\n return propsArray\n}\n","import styled from 'styled-components'\nimport MenuItem, { MenuItemProps } from './MenuItem'\nimport { MenuListContext } from './MenuList/MenuListContext'\nimport { useContext } from 'react'\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 font-size: 14px;\n line-height: 22px;\n color: var(--charcoal-text2);\n padding: 9px 0;\n\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 color: var(--charcoal-text2);\n padding-right: 4px;\n`\n","import { ReactNode } from 'react'\nimport styled from 'styled-components'\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 padding-right: 16px;\n padding-left: 16px;\n\n transition: background-color 0.2s;\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n\n :hover,\n :focus,\n :focus-within {\n &:not(disabled):not([aria-disabled='true']) {\n background-color: var(--charcoal-surface3);\n }\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, propsArray } = 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 const isForward = e.key === 'ArrowDown'\n // prevent scroll\n e.preventDefault()\n if (!propsArray \|\| value === undefined) return\n const values = propsArray\n .map((props) => props.value)\n .filter((v) => v) as string[]\n let index = values.indexOf(value)\n if (index === -1) return\n\n for (let n = 0; n < values.length; n++) {\n const focusValue = isForward\n ? // prev or last\n index + 1 >= values.length\n ? values[0]\n : values[index + 1]\n : // next or first\n index - 1 < 0\n ? values[values.length - 1]\n : values[index - 1]\n const next = root?.current?.querySelector(\n `[data-key='${focusValue}']`\n )\n\n if (next instanceof HTMLElement) {\n if (next.ariaDisabled === 'true') {\n index += isForward ? 1 : -1\n continue\n }\n next.focus({ preventScroll: true })\n if (root?.current?.parentElement) {\n handleFocusByKeyBoard(next, root.current.parentElement)\n }\n break\n }\n }\n }\n },\n [setContextValue, propsArray, value, root]\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: var(--charcoal-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/radio'\nimport {\n AriaRadioGroupProps,\n AriaRadioProps,\n useRadio,\n useRadioGroup,\n} from '@react-aria/radio'\nimport styled, { css } from 'styled-components'\n\nimport { RadioProvider, useRadioContext } from './RadioGroupContext'\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 background-color: var(--charcoal-surface3);\n border-radius: 16px;\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 padding-right: 16px;\n padding-left: 16px;\n border-radius: 16px;\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n cursor: default;\n opacity: 0.32;\n }\n color: var(--charcoal-text2);\n\n ${({ checked = false }) =>\n checked &&\n css`\n background-color: var(--charcoal-brand);\n color: var(--charcoal-text5);\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 font-size: 14px;\n line-height: 22px;\n display: flow-root;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n","import { createContext, useContext } from 'react'\nimport * as React from 'react'\nimport type { RadioGroupState } from '@react-stately/radio'\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'\n\nimport type { AriaCheckboxProps } from '@react-types/checkbox'\nimport Icon from '../Icon'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 isInValid: invalid,\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 isReadOnly: props.readonly,\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\n\n return (\n <InputRoot aria-disabled={isDisabled} className={props.className}>\n <CheckboxRoot>\n <CheckboxInput\n type=\"checkbox\"\n {...inputProps}\n readOnly={props.readonly}\n />\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\n gap: 4px;\n &:has(input[readonly]) {\n cursor: default;\n }\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n cursor: default;\n opacity: 0.32;\n }\n`\n\nconst CheckboxRoot = styled.div`\n position: relative;\n`\n\nconst CheckboxInput = styled.input`\n &[type='checkbox'] {\n appearance: none;\n display: block;\n cursor: pointer;\n margin: 0;\n width: 20px;\n height: 20px;\n border-radius: 4px;\n transition: 0.2s box-shadow, 0.2s background-color;\n\n &:disabled {\n cursor: default;\n }\n &[readonly] {\n cursor: default;\n opacity: 0.32;\n }\n\n &:checked {\n background-color: var(--charcoal-brand);\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n background-color: var(--charcoal-brand-hover);\n }\n &:active {\n background-color: var(--charcoal-brand-press);\n }\n }\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n &[aria-invalid='true'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n }\n\n &:not(:checked) {\n border-width: 2px;\n border-style: solid;\n border-color: var(--charcoal-text4);\n }\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 width: 24px;\n height: 24px;\n color: var(--charcoal-text5);\n\n ${({ checked }) => checked !== true && hiddenCss};\n`\n\nconst InputLabel = styled.div`\n color: var(--charcoal-text2);\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 { px } from '@charcoal-ui/utils'\nimport { AriaButtonProps, useButton } from '@react-aria/button'\nimport Icon from '../Icon'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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\ntype Horizontal = {\n left: number\n right: number\n}\nconst horizontalPadding = ({ left, right }: Horizontal) => css`\n padding-right: ${px(right)};\n padding-left: ${px(left)};\n`\nconst tagItemRootSize = (size: TagItemProps['size']) => {\n switch (size) {\n case 'M':\n return horizontalPadding({ left: 24, right: 24 })\n case 'S':\n return horizontalPadding({ left: 16, right: 16 })\n }\n}\nconst activeTagItemRoot = horizontalPadding({ left: 16, right: 8 })\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 border-radius: 4px;\n ${({ size, status }) => status !== 'active' && tagItemRootSize(size)}\n ${({ status }) => status === 'active' && activeTagItemRoot}\n color: ${({ status }) =>\n status === 'inactive' ? 'var(--charcoal-text2)' : 'var(--charcoal-text5)'};\n\n transition: 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\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 }) =>\n status === 'inactive' &&\n css`\n background-color: var(--charcoal-surface3);\n `}\n\n ${({ bgImage }) =>\n bgImage !== undefined &&\n css`\n background-color: var(--charcoal-surface4);\n\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: 8px;\n align-items: center;\n z-index: 2;\n`\n\nconst labelCSS = css`\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n display: flow-root;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\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 font-size: 12px;\n line-height: 20px;\n font-weight: bold;\n display: flow-root;\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n"],"mappings":"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","names":["DefaultLink","forwardRef","to","children","rest","ref","DefaultValue","Link","ComponentAbstractionContext","createContext","components","useComponentAbstraction","useContext","import_jsx_runtime","CharcoalProvider","themeMap","defaultTheme","components","injectTokens","children","background","import_react","unreachable","value","Error","arguments","length","JSON","stringify","mergeRefs","refs","ref","current","countCodePointsInString","string","Array","from","variantToFont","variant","unreachable","variantToBackground","variant","unreachable","import_styled_components","React","import_styled_components","import_jsx_runtime","Clickable","forwardRef","props","ref","Link","useComponentAbstraction","isLink","as","ariaDisabled","disabled","undefined","rest","_rest","StyledClickableDiv","styled","div","withConfig","componentId","disabledSelector","import_styled","horizontalPaddingSmall","css","horizontalPaddingMedium","StyledButton","styled","Clickable","withConfig","componentId","p","$fullWidth","$size","$color","$background","focusVisibleFocusRingCss","$isActive","$active","import_jsx_runtime","Button","forwardRef","children","variant","size","fullWidth","fixed","disabled","isActive","rest","ref","variantToBackground","variantToFont","import_react","import_styled_components","import_styled","import_jsx_runtime","IconButton","forwardRef","IconButtonInner","variant","size","icon","isActive","rest","ref","validateIconSize","StyledIconButton","styled","Clickable","attrs","styledProps","withConfig","componentId","p","$width","$height","$font","$background","$isActive","css","focusVisibleFocusRingCss","$size","$variant","variantToProps","sizeToProps","requiredIconSize","result","exec","Error","iconSize","console","warn","import_react","React","import_styled_components","import_styled","import_jsx_runtime","Radio","forwardRef","RadioInner","value","disabled","children","className","ref","name","selected","isParentDisabled","readonly","invalid","onChange","useContext","RadioGroupContext","warning","undefined","isSelected","isDisabled","isReadonly","handleChange","useCallback","e","currentTarget","memo","RadioRoot","styled","label","withConfig","componentId","RadioInput","input","attrs","type","focusVisibleFocusRingCss","RadioLabel","div","StyledRadioGroup","createContext","Error","RadioGroup","next","import_react","import_styled_components","import_warning","import_utils","import_react","MultiSelectGroupContext","createContext","name","undefined","selected","disabled","readonly","invalid","onChange","Error","import_styled","React","import_jsx_runtime","Icon","forwardRef","IconInner","name","scale","unsafeNonGuidelineScale","className","rest","ref","import_jsx_runtime","MultiSelect","forwardRef","MultiSelectInner","value","disabled","onChange","variant","className","children","ref","name","selected","parentDisabled","readonly","invalid","parentOnChange","useContext","MultiSelectGroupContext","warning","undefined","isSelected","includes","isDisabled","handleChange","useCallback","event","currentTarget","HTMLInputElement","checked","Boolean","memo","MultiSelectRoot","styled","label","withConfig","componentId","theme","px","spacing","MultiSelectLabel","div","MultiSelectInput","input","attrs","type","focusVisibleFocusRingCss","overlay","css","MultiSelectInputOverlay","MultiSelectGroup","payload","index","indexOf","slice","Array","from","Set","import_react","import_styled_components","import_utils","import_styled","import_jsx_runtime","SwitchCheckbox","forwardRef","SwitchCheckboxInner","props","external","disabled","className","ariaSwitchProps","useMemo","undefined","label","isDisabled","isSelected","checked","state","useToggleState","ref","useObjectRef","inputProps","_className","type","_type","rest","useSwitch","children","memo","Label","styled","withConfig","componentId","LabelInner","div","SwitchInput","input","attrs","focusVisibleFocusRingCss","import_react","React","import_styled_components","React","import_styled_components","import_jsx_runtime","FieldLabel","forwardRef","style","className","label","required","requiredText","subLabel","labelProps","ref","Label","styled","withConfig","componentId","RequiredText","span","SubLabelClickable","div","FieldLabelWrapper","import_react","useFocusWithClick","containerRef","inputRef","useEffect","el","current","handleDown","e","target","focus","addEventListener","removeEventListener","import_utils","import_jsx_runtime","TextField","forwardRef","SingleLineTextFieldInner","onChange","props","className","showLabel","showCount","label","requiredText","subLabel","disabled","required","invalid","readOnly","assistiveText","maxLength","prefix","suffix","restProps","visuallyHiddenProps","useVisuallyHidden","ariaRef","useRef","count","setCount","useState","countCodePointsInString","value","nonControlled","undefined","handleChange","useCallback","useEffect","inputProps","ariaInputProps","labelProps","descriptionProps","errorMessageProps","useTextField","inputElementType","isDisabled","isRequired","isReadOnly","validationState","description","errorMessage","containerRef","useFocusWithClick","mergeProps","mergeRefs","length","TextFieldRoot","styled","div","withConfig","componentId","p","opacity","theme","elementEffect","TextFieldLabel","FieldLabel","StyledInputContainer","hasPrefix","hasSuffix","filter","Boolean","join","css","PrefixContainer","SuffixContainer","span","StyledInput","input","SingleLineCounter","AssistiveText","import_textfield","import_visually_hidden","import_react","import_styled_components","import_utils","import_jsx_runtime","TextArea","forwardRef","TextAreaInner","onChange","props","className","showCount","showLabel","label","requiredText","subLabel","disabled","required","invalid","readOnly","assistiveText","maxLength","autoHeight","rows","initialRows","restProps","visuallyHiddenProps","useVisuallyHidden","textareaRef","useRef","ariaRef","count","setCount","useState","countCodePointsInString","value","setRows","syncHeight","useCallback","textarea","match","length","nonControlled","undefined","handleChange","current","useEffect","inputProps","ariaInputProps","labelProps","descriptionProps","errorMessageProps","useTextField","inputElementType","isDisabled","isRequired","isReadOnly","validationState","description","errorMessage","containerRef","useFocusWithClick","mergeProps","TextFieldRoot","mergeRefs","styled","div","withConfig","componentId","p","opacity","theme","elementEffect","StyledTextareaContainer","css","StyledTextarea","noBottomPadding","MultiLineCounter","span","import_react","React","import_overlays","import_styled_components","import_utils","import_styled","import_react_spring","import_utils","import_react","import_styled_components","import_utils","React","useForwardedRef","ref","innerRef","useRef","useEffect","current","import_jsx_runtime","Dialog","forwardRef","props","ref","useForwardedRef","dialogProps","useDialog","role","tabIndex","onBlur","AnimatedStyledDialogDiv","animated","styled","div","withConfig","componentId","p","size","columnSystem","COLUMN_UNIT","GUTTER_UNIT","unreachable","theme","maxWidth","breakpoint","screen1","bottomSheet","css","React","ModalBackgroundContext","createContext","React","import_overlays","import_react","usePreventScroll","element","isOpen","useEffect","defaultPaddingRight","style","paddingRight","defaultOverflow","overflow","window","innerWidth","clientWidth","useCharcoalModalOverlay","props","state","ref","overlayProps","underlayProps","useOverlay","isOpen","onClose","shouldCloseOnInteractOutside","usePreventScroll","document","body","useOverlayFocusContain","React","useEffect","current","ariaHideOutside","modalProps","import_jsx_runtime","DEFAULT_Z_INDEX","Modal","forwardRef","ModalInner","children","zIndex","portalContainer","props","external","title","size","bottomSheet","isDismissable","onClose","className","isOpen","closeButtonAriaLabel","ref","useObjectRef","modalProps","underlayProps","useCharcoalModalOverlay","isKeyboardDismissDisabled","undefined","theme","useTheme","isMobile","useMedia","maxWidth","breakpoint","screen1","transitionEnabled","showDismiss","transition","useTransition","from","transform","backgroundColor","overflow","enter","update","leave","config","duration","easing","easings","easeOutQuart","bgRef","useRef","handleClick","useCallback","e","currentTarget","target","item","current","titleProps","close","memo","ModalContext","createContext","ModalBackground","animated","styled","div","withConfig","componentId","p","$bottomSheet","css","ModalCloseButton","IconButton","ModalTitle","useContext","ModalHeading","h3","import_styled_components","import_react","import_utils","import_jsx_runtime","ModalHeader","modalCtx","useContext","ModalContext","bottomSheet","ModalHeaderRoot","styled","div","withConfig","componentId","theme","maxWidth","breakpoint","screen1","p","$bottomSheet","css","StyledModalTitle","ModalTitle","ModalAlign","ModalBody","ModalButtons","import_react","import_styled_components","import_jsx_runtime","LoadingSpinner","forwardRef","LoadingSpinnerInner","size","padding","transparent","className","ref","memo","LoadingSpinnerRoot","styled","div","attrs","role","withConfig","componentId","props","scaleOut","keyframes","Icon","p","once","LoadingSpinnerIcon","iconRef","useRef","useImperativeHandle","restart","current","dataset","resetAnimation","offsetWidth","import_react","import_styled_components","import_utils","import_react","import_react","import_overlays","import_styled_components","import_jsx_runtime","_empty","props","defaultPopoverRef","useRef","finalPopoverRef","popoverRef","undefined","popoverProps","underlayProps","usePopover","triggerRef","containerPadding","close","onClose","isOpen","open","setOpen","toggle","modalBackground","useContext","ModalBackgroundContext","usePreventScroll","document","body","position","zIndex","style","inset","children","DropdownPopoverDiv","styled","div","withConfig","componentId","import_jsx_runtime","DropdownPopover","children","props","ref","useRef","useEffect","isOpen","current","triggerRef","style","width","clientWidth","value","undefined","windowScrollY","window","scrollY","windowScrollX","scrollX","selectedElement","document","querySelector","toString","focus","scrollTo","onClose","React","findPreviewRecursive","children","value","childArray","Children","toArray","i","length","child","isValidElement","props","childValue","undefined","import_react","import_styled_components","import_react","MenuListContext","createContext","root","undefined","value","propsArray","setValue","_v","React","getValuesRecursive","children","childArray","Children","toArray","propsArray","i","length","child","isValidElement","props","value","push","disabled","import_jsx_runtime","props","root","useRef","propsArray","useMemo","getValuesRecursive","children","value","setValue","v","onChange","StyledUl","styled","ul","withConfig","componentId","import_styled","import_visually_hidden","import_jsx_runtime","defaultRequiredText","onChange","props","triggerRef","useRef","isOpen","setIsOpen","useState","preview","findPreviewRecursive","children","value","isPlaceholder","useMemo","placeholder","undefined","propsArray","getValuesRecursive","visuallyHiddenProps","useVisuallyHidden","handleChange","useCallback","e","target","disabled","showLabel","label","required","requiredText","subLabel","name","map","itemProps","invalid","v","assistiveText","DropdownSelectorRoot","styled","div","withConfig","componentId","disabledSelector","DropdownFieldLabel","FieldLabel","DropdownButton","button","focusVisibleFocusRingCss","$active","css","DropdownButtonText","span","p","$isText3","DropdownButtonIcon","Icon","AssertiveText","import_styled_components","import_styled_components","import_jsx_runtime","props","children","rest","StyledLi","styled","li","withConfig","componentId","ItemDiv","div","import_react","handleFocusByKeyBoard","element","parent","isScrollable","scrollHeight","clientHeight","rect","getBoundingClientRect","parentRect","bottom","scrollTo","top","scrollTop","scrollIfNeeded","elementRect","isVisible","window","innerHeight","document","documentElement","scrollIntoView","block","useMenuItemHandleKeyDown","value","setValue","root","propsArray","useContext","MenuListContext","setContextValue","useCallback","undefined","handleKeyDown","e","key","isForward","preventDefault","values","map","props","filter","v","index","indexOf","n","length","focusValue","next","current","querySelector","HTMLElement","ariaDisabled","focus","preventScroll","parentElement","handleFocusByKeyBoard","import_jsx_runtime","props","children","as","rest","handleKeyDown","setContextValue","useMenuItemHandleKeyDown","value","disabled","undefined","import_react","import_jsx_runtime","props","value","ctxValue","useContext","MenuListContext","isSelected","children","rest","StyledSpan","styled","span","withConfig","componentId","Text2ColorIcon","Icon","import_styled_components","import_jsx_runtime","props","StyledLi","text","StyledUl","children","TextSpan","styled","span","withConfig","componentId","ul","li","import_react","import_radio","import_styled_components","import_react","import_jsx_runtime","RadioContext","createContext","RadioProvider","value","children","useRadioContext","state","useContext","Error","import_jsx_runtime","SegmentedControl","forwardRef","SegmentedControlInner","props","ref","ariaRadioGroupProps","useMemo","isDisabled","disabled","isReadOnly","readonly","isRequired","required","name","state","useRadioGroupState","radioGroupProps","useRadioGroup","segmentedControlItems","data","map","d","value","label","className","item","memo","Segmented","useRadioContext","useRef","ariaRadioProps","children","inputProps","isSelected","useRadio","RadioLabel","SegmentedControlRoot","styled","div","withConfig","componentId","SegmentedRoot","checked","css","SegmentedInput","input","SegmentedLabelInner","import_react","import_styled_components","import_utils","import_react_stately","import_styled","import_jsx_runtime","Checkbox","forwardRef","CheckboxInner","invalid","props","ref","ariaCheckboxProps","useMemo","isInValid","isSelected","checked","defaultSelected","defaultChecked","validationState","undefined","label","isDisabled","disabled","isReadOnly","readonly","state","useToggleState","objectRef","useObjectRef","inputProps","useCheckbox","className","children","memo","hiddenCss","css","InputRoot","styled","withConfig","componentId","CheckboxRoot","div","CheckboxInput","input","focusVisibleFocusRingCss","CheckboxInputOverlay","InputLabel","import_react","import_utils","import_styled_components","import_styled","import_jsx_runtime","sizeMap","S","M","TagItem","forwardRef","TagItemInner","label","translatedLabel","bgColor","bgImage","size","disabled","status","className","props","_ref","ref","useObjectRef","ariaButtonProps","useMemo","elementType","isDisabled","buttonProps","useButton","hasTranslatedLabel","undefined","length","Label","memo","horizontalPadding","left","right","css","px","tagItemRootSize","activeTagItemRoot","TagItemRoot","styled","a","withConfig","componentId","focusVisibleFocusRingCss","Background","div","Inner","labelCSS","translateLabelCSS","LabelWrapper","isTranslate","span","TranslatedLabel"]}
1	+ {"version":3,"sources":["../src/index.ts","../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/components/Button/lib/variantToFont.tsx","../src/components/Button/lib/variantToBackground.tsx","../src/components/Button/StyledButton.tsx","../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/Icon/index.tsx","../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/Modal/index.tsx","../src/components/Modal/Dialog/index.tsx","../src/_lib/useForwardedRef.tsx","../src/components/Modal/ModalBackgroundContext.tsx","../src/components/Modal/useCustomModalOverlay.tsx","../src/components/DropdownSelector/Popover/usePreventScroll.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/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":["export {\n default as ComponentAbstraction,\n useComponentAbstraction,\n type LinkProps,\n} from './core/ComponentAbstraction'\nexport { SSRProvider } from './core/SSRProvider'\nexport { OverlayProvider } from './core/OverlayProvider'\nexport {\n CharcoalProvider,\n type CharcoalProviderProps,\n} from './core/CharcoalProvider'\nexport { default as Button, type ButtonProps } from './components/Button'\nexport {\n default as Clickable,\n type ClickableProps,\n type ClickableElement,\n} from './components/Clickable'\nexport {\n default as IconButton,\n type IconButtonProps,\n} from './components/IconButton'\nexport {\n default as Radio,\n type RadioProps,\n RadioGroup,\n type RadioGroupProps,\n} from './components/Radio'\nexport {\n default as MultiSelect,\n type MultiSelectProps,\n MultiSelectGroup,\n type MultiSelectGroupProps,\n} from './components/MultiSelect'\nexport { default as Switch, type SwitchProps } from './components/Switch'\nexport {\n default as TextField,\n type TextFieldProps,\n} from './components/TextField'\nexport { default as TextArea, type TextAreaProps } from './components/TextArea'\nexport { default as Icon, type IconProps } from './components/Icon'\nexport {\n default as Modal,\n type ModalProps,\n ModalCloseButton,\n} from './components/Modal'\nexport {\n ModalHeader,\n ModalAlign,\n ModalBody,\n ModalButtons,\n} from './components/Modal/ModalPlumbing'\nexport {\n default as LoadingSpinner,\n LoadingSpinnerIcon,\n} from './components/LoadingSpinner'\nexport {\n default as DropdownSelector,\n type DropdownSelectorProps,\n} from './components/DropdownSelector'\nexport {\n default as DropdownMenuItem,\n type DropdownMenuItemProps,\n} from './components/DropdownSelector/DropdownMenuItem'\nexport {\n default as MenuItemGroup,\n type MenuItemGroupProps,\n} from './components/DropdownSelector/MenuItemGroup'\nexport {\n default as SegmentedControl,\n type SegmentedControlProps,\n} from './components/SegmentedControl'\nexport { default as Checkbox, type CheckboxProps } from './components/Checkbox'\nexport { default as TagItem, type TagItemProps } from './components/TagItem'\n","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","import { SSRProvider as OriginSSRProvider } from '@react-aria/ssr'\nimport { version, Fragment } from 'react'\n\nexport function isReactVersionOver(minVersion: number): boolean {\n // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js\n const reactMajorVersion = parseInt(version.split('.')[0], 10)\n return Number.isFinite(reactMajorVersion)\n ? reactMajorVersion >= minVersion\n : false\n}\n\nexport const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider\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 type { 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 { ClickableElement, ClickableProps } from '../Clickable'\nimport { variantToFont } from './lib/variantToFont'\nimport { variantToBackground } from './lib/variantToBackground'\nimport { StyledButton } from './StyledButton'\n\nexport type Variant =\n \| 'Primary'\n \| 'Default'\n \| 'Overlay'\n \| 'Danger'\n \| 'Navigation'\n\nexport type Size = 'S' \| 'M'\n\nexport type ButtonProps = Partial<{\n variant: Variant\n size: Size\n fullWidth: boolean\n isActive: 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 isActive = false,\n ...rest\n },\n ref\n) {\n return (\n <StyledButton\n {...rest}\n disabled={disabled}\n $background={variantToBackground(variant)}\n $color={variantToFont(variant)}\n $size={size}\n $fullWidth={fixed}\n $isActive={isActive}\n ref={ref}\n >\n {children}\n </StyledButton>\n )\n})\n\nexport default Button\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 { unreachable } from '../../../_lib'\nimport type { Variant } from '..'\n\nexport function 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","import { unreachable } from '../../../_lib'\nimport type { Variant } from '..'\n\nexport function 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","import styled, { css } from 'styled-components'\nimport Clickable from '../Clickable'\nimport { variantToFont } from './lib/variantToFont'\nimport { variantToBackground } from './lib/variantToBackground'\nimport type { Size } from '.'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\n\nconst horizontalPaddingSmall = css`\n padding-right: 16px;\n padding-left: 16px;\n`\n\nconst horizontalPaddingMedium = css`\n padding-right: 24px;\n padding-left: 24px;\n`\n\ntype StyledButtonProps = {\n $fullWidth: boolean\n $size: Size\n $background: ReturnType<typeof variantToBackground>\n $color: ReturnType<typeof variantToFont>\n $isActive: boolean\n}\n\nexport const StyledButton = styled(Clickable)<StyledButtonProps>`\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 border-radius: 999999px;\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n\n ${(p) => (p.$size === 'M' ? horizontalPaddingMedium : horizontalPaddingSmall)}\n color: var(--charcoal-${(p) => p.$color});\n background-color: var(--charcoal-${(p) => p.$background});\n transition: 0.2s color, 0.2s background-color, 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n\n ${({ $isActive: $active, $color, $background }) =>\n $active\n ? css`\n color: var(--charcoal-${$color}-press);\n background-color: var(--charcoal-${$background}-press);\n `\n : css`\n &:hover {\n color: var(--charcoal-${$color}-hover);\n background-color: var(--charcoal-${$background}-hover);\n }\n &:active {\n color: var(--charcoal-${$color}-press);\n background-color: var(--charcoal-${$background}-press);\n }\n `}\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n }\n height: ${(p) => (p.$size === 'M' ? 40 : 32)}px;\n`\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 text-decoration: none;\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, { css } from 'styled-components'\nimport Clickable, { ClickableElement, ClickableProps } from '../Clickable'\nimport type { KnownIconType } from '@charcoal-ui/icons'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 readonly isActive?: boolean\n}\n\nexport type IconButtonProps = StyledProps & ClickableProps\n\nconst IconButton = forwardRef<ClickableElement, IconButtonProps>(\n function IconButtonInner(\n {\n variant = 'Default',\n size = 'M',\n icon,\n isActive = false,\n ...rest\n }: IconButtonProps,\n ref\n ) {\n validateIconSize(size, icon)\n return (\n <StyledIconButton\n {...rest}\n ref={ref}\n $size={size}\n $variant={variant}\n $isActive={isActive}\n >\n <pixiv-icon aria-hidden=\"true\" name={icon} />\n </StyledIconButton>\n )\n }\n)\n\nexport default IconButton\n\ntype StyledIconButtonProps = Required<{\n [key in keyof Pick<\n StyledProps,\n 'size' \| 'variant' \| 'isActive'\n > as `$${key}`]: StyledProps[key]\n}>\n\nconst StyledIconButton = styled(Clickable).attrs<\n StyledIconButtonProps,\n ReturnType<typeof styledProps>\n>(styledProps)<StyledIconButtonProps>`\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 color: var(${({ $font }) => `--charcoal-${$font}`});\n background-color: var(${({ $background }) => `--charcoal-${$background}`});\n border-radius: 999999px;\n transition: 0.2s background-color, 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${({ $isActive, $background, $font }) =>\n $isActive\n ? css`\n color: var(--charcoal-${$font}-press);\n background-color: var(--charcoal-${$background}-press);\n `\n : css`\n &:hover {\n color: var(--charcoal-${$font}-hover);\n background-color: var(--charcoal-${$background}-hover);\n }\n &:active {\n color: var(--charcoal-${$font}-press);\n background-color: var(--charcoal-${$background}-press);\n }\n `}\n ${focusVisibleFocusRingCss}\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n }\n`\n\nfunction styledProps({ $size, $variant }: StyledIconButtonProps) {\n return {\n ...variantToProps($variant),\n ...sizeToProps($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 { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 aria-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: 4px;\n align-items: center;\n cursor: pointer;\n\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n`\n\nexport const RadioInput = styled.input.attrs({ type: 'radio' })`\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 border-radius: 999999px;\n background-color: var(--charcoal-surface1);\n transition: 0.2s background-color, 0.2s box-shadow;\n\n :disabled {\n cursor: default;\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n background-color: var(--charcoal-surface1-hover);\n }\n &:active {\n background-color: var(--charcoal-surface1-press);\n }\n ${focusVisibleFocusRingCss}\n &[aria-invalid='true'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n &:focus {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n }\n }\n\n &:not(:checked) {\n border-width: 2px;\n border-style: solid;\n border-color: var(--charcoal-text3);\n }\n\n &:checked {\n background-color: var(--charcoal-brand);\n &::after {\n content: '';\n display: block;\n width: 8px;\n height: 8px;\n pointer-events: none;\n background-color: var(--charcoal-text5);\n border-radius: 999999px;\n transition: 0.2s background-color, 0.2s box-shadow;\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n background-color: var(--charcoal-brand-hover);\n &::after {\n background-color: var(--charcoal-text5-hover);\n }\n }\n &:active {\n background-color: var(--charcoal-brand-press);\n &::after {\n background-color: var(--charcoal-text5-press);\n }\n }\n }\n }\n }\n`\n\nconst RadioLabel = styled.div`\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text2);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nexport type RadioGroupProps<Value extends string = string> =\n React.PropsWithChildren<{\n className?: string\n value?: Value\n label: string\n name: string\n onChange(next: Value): 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: 8px;\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<Value extends string = string>({\n className,\n value,\n label,\n name,\n onChange,\n disabled,\n readonly,\n invalid,\n children,\n}: RadioGroupProps<Value>) {\n const handleChange = useCallback(\n (next: string) => {\n onChange(next as Value)\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 { px } from '@charcoal-ui/utils'\n\nimport { MultiSelectGroupContext } from './context'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\nimport Icon from '../Icon'\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 <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 gap: ${({ theme }) => px(theme.spacing[4])};\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n`\n\nconst MultiSelectLabel = styled.div`\n display: flex;\n align-items: center;\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text2);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\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 background-color: var(--charcoal-text3);\n border-radius: 999999px;\n transition: 0.2s background-color, 0.2s box-shadow;\n\n &:checked {\n background-color: var(--charcoal-brand);\n &:hover {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-brand-hover);\n }\n }\n\n &:active {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-brand-press);\n }\n }\n }\n\n &:hover {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-text3-hover);\n }\n }\n\n &:active {\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n background-color: var(--charcoal-text3-press);\n }\n }\n\n ${focusVisibleFocusRingCss}\n\n ${({ invalid, overlay }) =>\n invalid &&\n !overlay &&\n css`\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n `}\n ${({ overlay }) =>\n overlay &&\n css`\n background-color: var(--charcoal-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 width: 24px;\n height: 24px;\n border-radius: 999999px;\n color: var(--charcoal-text5);\n transition: 0.2s box-shadow;\n ${({ invalid, overlay }) =>\n invalid &&\n overlay &&\n css`\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n `}\n\n ${({ overlay }) =>\n overlay &&\n css`\n border-color: var(--charcoal-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 * 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 { 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 { useObjectRef } from '@react-aria/utils'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n`\n\nconst LabelInner = styled.div`\n font-size: 14px;\n line-height: 22px;\n color: var(--charcoal-text2);\n margin-left: 4px;\n`\n\nconst SwitchInput = styled.input.attrs({ type: 'checkbox' })`\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 ${focusVisibleFocusRingCss}\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'\nimport { mergeProps } from '@react-aria/utils'\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 readOnly = false,\n assistiveText,\n maxLength,\n prefix = null,\n suffix = null,\n ...restProps\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 {\n inputProps: ariaInputProps,\n labelProps,\n descriptionProps,\n errorMessageProps,\n } = useTextField(\n {\n inputElementType: 'input',\n isDisabled: disabled,\n isRequired: required,\n isReadOnly: readOnly,\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 const inputProps = mergeProps(restProps, ariaInputProps)\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 :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 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'\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 Label = styled.label`\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n display: flow-root;\n color: var(--charcoal-text1);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nconst RequiredText = styled.span`\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text2);\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nconst SubLabelClickable = styled.div`\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-text3);\n transition: 0.2s color, 0.2s box-shadow;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n color: var(--charcoal-text3-hover);\n }\n &:active {\n color: var(--charcoal-text3-press);\n }\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n }\n }\n`\n\nconst FieldLabelWrapper = styled.div`\n display: inline-flex;\n align-items: center;\n\n > ${RequiredText} {\n margin-left: 4px;\n }\n\n > ${SubLabelClickable} {\n 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'\nimport { mergeProps } from '@react-aria/utils'\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 readOnly = false,\n assistiveText,\n maxLength,\n autoHeight = false,\n rows: initialRows = 4,\n ...restProps\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 {\n inputProps: ariaInputProps,\n labelProps,\n descriptionProps,\n errorMessageProps,\n } = useTextField(\n {\n inputElementType: 'textarea',\n isDisabled: disabled,\n isRequired: required,\n isReadOnly: readOnly,\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 const inputProps = mergeProps(restProps, ariaInputProps)\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 { useContext, forwardRef, memo } from 'react'\nimport as React from 'react'\nimport { AriaModalOverlayProps, Overlay } from '@react-aria/overlays'\nimport styled, { css, useTheme } from 'styled-components'\nimport type { 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'\nimport { useCharcoalModalOverlay } from './useCustomModalOverlay'\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 closeButtonAriaLabel?: 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 closeButtonAriaLabel = 'Close',\n } = props\n\n const ref = useObjectRef<HTMLDivElement>(external)\n\n const { modalProps, underlayProps } = useCharcoalModalOverlay(\n {\n ...props,\n isKeyboardDismissDisabled:\n isDismissable === undefined \|\| isDismissable === false,\n },\n {\n onClose,\n isOpen,\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 const handleClick = React.useCallback(\n (e: MouseEvent) => {\n if (e.currentTarget === e.target) {\n onClose()\n }\n },\n [onClose]\n )\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 onClick={handleClick}\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 <ModalCloseButton\n size=\"S\"\n icon=\"24/Close\"\n type=\"button\"\n aria-label={closeButtonAriaLabel}\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: var(--charcoal-surface4);\n\n @media ${({ theme }) => maxWidth(theme.breakpoint.screen1)} {\n ${(p) =>\n p.$bottomSheet !== false &&\n css`\n padding: 0;\n `}\n }\n`)\n\nexport const ModalCloseButton = styled(IconButton)`\n position: absolute;\n top: 8px;\n right: 8px;\n\n color: var(--charcoal-text3);\n transition: 0.2s color;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n color: var(--charcoal-text3-hover);\n }\n &:active {\n color: var(--charcoal-text3-press);\n }\n }\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: var(--charcoal-surface1);\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","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 as React from 'react'\nimport {\n AriaModalOverlayProps,\n ModalOverlayAria,\n ariaHideOutside,\n useOverlay,\n useOverlayFocusContain,\n} from '@react-aria/overlays'\nimport { usePreventScroll } from '../DropdownSelector/Popover/usePreventScroll'\n\n/*\n We want to enable scrolling on the modal background,\n * but `useModalOverlay` (specifically, `useOverlay` within it) detects pointer events on the scrollbar.\n * Therefore, to prevent this issue, we need to override `shouldCloseOnInteractOutside` in `useModalOverlay`.\n /\nexport function useCharcoalModalOverlay(\n props: AriaModalOverlayProps,\n state: { isOpen: boolean; onClose: () => void },\n ref: React.RefObject<HTMLElement>\n): ModalOverlayAria {\n const { overlayProps, underlayProps } = useOverlay(\n {\n ...props,\n isOpen: state.isOpen,\n onClose: state.onClose,\n shouldCloseOnInteractOutside: () => false,\n },\n ref\n )\n\n usePreventScroll(\n typeof document !== 'undefined' ? document.body : null,\n state.isOpen\n )\n\n useOverlayFocusContain()\n\n React.useEffect(() => {\n if (state.isOpen && ref.current) {\n return ariaHideOutside([ref.current])\n }\n }, [state.isOpen, ref])\n\n return {\n modalProps: overlayProps,\n underlayProps,\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 { BottomSheet, ModalContext, ModalTitle } from '.'\nimport styled, { css } from 'styled-components'\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 color: var(--charcoal-text1);\n font-size: 16px;\n line-height: 24px;\n font-weight: bold;\n display: flow-root;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n\nexport const ModalAlign = styled.div`\n padding-left: 16px;\n padding-right: 16px;\n`\n\nexport const ModalBody = styled.div`\n padding-bottom: 40px;\n`\n\nexport const ModalButtons = styled.div`\n display: grid;\n grid-auto-flow: row;\n grid-row-gap: 8px;\n\n padding-top: 16px;\n padding-left: 16px;\n padding-right: 16px;\n`\n","import { forwardRef, useImperativeHandle, useRef, memo } from 'react'\nimport styled, { keyframes } from 'styled-components'\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 color: var(--charcoal-text4);\n background-color: ${({ transparent }) =>\n `var(--charcoal-${transparent ? 'transparent' : 'background1'})`};\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\ntype 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 React, { ReactNode, useState, useRef, useMemo, useCallback } from 'react'\nimport styled, { css } from 'styled-components'\nimport { disabledSelector } from '@charcoal-ui/utils'\nimport Icon from '../Icon'\nimport FieldLabel from '../FieldLabel'\nimport { DropdownPopover } from './DropdownPopover'\nimport { findPreviewRecursive } from './utils/findPreviewRecursive'\nimport MenuList, { MenuListChildren } from './MenuList'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\nimport { getValuesRecursive } from './MenuList/internals/getValuesRecursive'\nimport { useVisuallyHidden } from '@react-aria/visually-hidden'\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 /\n the name of hidden `<select />`\n /\n name?: string\n children: MenuListChildren\n onChange: (value: string) => void\n}\n\nconst defaultRequiredText = '必須'\n\nexport default function DropdownSelector({\n onChange,\n ...props\n}: DropdownSelectorProps) {\n const triggerRef = useRef<HTMLButtonElement>(null)\n const [isOpen, setIsOpen] = useState(false)\n const preview = findPreviewRecursive(props.children, props.value)\n\n const isPlaceholder = useMemo(\n () => props.placeholder !== undefined && preview === undefined,\n [preview, props.placeholder]\n )\n\n const propsArray = getValuesRecursive(props.children)\n\n const { visuallyHiddenProps } = useVisuallyHidden()\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLSelectElement>) => {\n onChange(e.target.value)\n },\n [onChange]\n )\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 <div {...visuallyHiddenProps} aria-hidden=\"true\">\n <select\n name={props.name}\n value={props.value}\n onChange={handleChange}\n tabIndex={-1}\n >\n {propsArray.map((itemProps) => {\n return (\n <option\n key={itemProps.value}\n value={itemProps.value}\n disabled={itemProps.disabled}\n >\n {itemProps.value}\n </option>\n )\n })}\n </select>\n </div>\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 $active={isOpen}\n >\n <DropdownButtonText $isText3={isPlaceholder}>\n {isPlaceholder ? props.placeholder : 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 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 opacity: 0.32;\n }\n`\n\nconst DropdownFieldLabel = styled(FieldLabel)`\n width: 100%;\n margin-bottom: 8px;\n`\n\nconst DropdownButton = styled.button<{ invalid?: boolean; $active?: 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 gap: 4px;\n\n ${disabledSelector} {\n cursor: default;\n }\n\n padding-right: 8px;\n padding-left: 8px;\n background-color: var(--charcoal-surface3);\n border-radius: 4px;\n\n transition: 0.2s box-shadow, 0.2s background-color;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n ${({ $active }) =>\n $active === true\n ? css`\n background-color: var(--charcoal-surface3-press);\n `\n : css`\n &:hover {\n background-color: var(--charcoal-surface3-hover);\n }\n &:active {\n background-color: var(--charcoal-surface3-press);\n }\n `}\n }\n\n ${({ invalid }) =>\n invalid === true &&\n css`\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n `}\n`\n\nconst DropdownButtonText = styled.span<{ $isText3: boolean }>`\n text-align: left;\n font-size: 14px;\n line-height: 22px;\n display: flow-root;\n color: var(--charcoal-${(p) => (p.$isText3 ? 'text3' : 'text2')});\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`\n\nconst DropdownButtonIcon = styled(Icon)`\n color: var(--charcoal-text2);\n`\n\nconst AssertiveText = styled.div<{ invalid?: boolean }>`\n margin-top: 8px;\n font-size: 14px;\n color: var(--charcoal-text2);\n line-height: 22px;\n display: flow-root;\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n\n ${({ invalid }) =>\n invalid === true &&\n css`\n color: var(--charcoal-assertive);\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, ReactNode } from 'react'\nimport { DismissButton, Overlay, usePopover } from '@react-aria/overlays'\nimport styled from 'styled-components'\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 background-color: var(--charcoal-background1);\n border: solid 1px var(--charcoal-border-default);\n border-radius: 8px;\n padding-top: 8px;\n padding-bottom: 8px;\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 { useMemo, 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 propsArray = useMemo(\n () => getValuesRecursive(props.children),\n [props.children]\n )\n\n return (\n <StyledUl ref={root}>\n <MenuListContext.Provider\n value={{\n value: props.value ?? '',\n root,\n propsArray,\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'\nimport { DropdownMenuItemProps } from '../DropdownMenuItem'\n\ntype MenuListContextType = {\n root?: RefObject<HTMLUListElement>\n value?: string\n propsArray?: DropdownMenuItemProps[]\n setValue: (v: string) => void\n}\n\nexport const MenuListContext = createContext<MenuListContextType>({\n root: undefined,\n value: '',\n propsArray: [],\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'\nimport { DropdownMenuItemProps } from '../../DropdownMenuItem'\n\n/*\n valueというpropsを持つ子要素の値を再起的に探索して配列にする\n \n @param children\n * @param value\n * @param values\n * @returns\n /\nexport function getValuesRecursive(children: MenuListChildren) {\n const childArray = React.Children.toArray(children)\n const propsArray: DropdownMenuItemProps[] = []\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?: string\n disabled?: boolean\n children?: React.ReactElement<typeof MenuItem \| typeof MenuItemGroup>[]\n }\n if ('value' in props && typeof props.value === 'string') {\n propsArray.push({\n disabled: props.disabled,\n value: props.value,\n })\n }\n if ('children' in props && props.children) {\n propsArray.push(...getValuesRecursive(props.children))\n }\n }\n }\n return propsArray\n}\n","import styled from 'styled-components'\nimport MenuItem, { MenuItemProps } from './MenuItem'\nimport { MenuListContext } from './MenuList/MenuListContext'\nimport { useContext } from 'react'\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 font-size: 14px;\n line-height: 22px;\n color: var(--charcoal-text2);\n padding: 9px 0;\n\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 color: var(--charcoal-text2);\n padding-right: 4px;\n`\n","import { ReactNode } from 'react'\nimport styled from 'styled-components'\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 padding-right: 16px;\n padding-left: 16px;\n\n transition: background-color 0.2s;\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\n cursor: default;\n }\n\n :hover,\n :focus,\n :focus-within {\n &:not(disabled):not([aria-disabled='true']) {\n background-color: var(--charcoal-surface3);\n }\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, propsArray } = 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 const isForward = e.key === 'ArrowDown'\n // prevent scroll\n e.preventDefault()\n if (!propsArray \|\| value === undefined) return\n const values = propsArray\n .map((props) => props.value)\n .filter((v) => v) as string[]\n let index = values.indexOf(value)\n if (index === -1) return\n\n for (let n = 0; n < values.length; n++) {\n const focusValue = isForward\n ? // prev or last\n index + 1 >= values.length\n ? values[0]\n : values[index + 1]\n : // next or first\n index - 1 < 0\n ? values[values.length - 1]\n : values[index - 1]\n const next = root?.current?.querySelector(\n `[data-key='${focusValue}']`\n )\n\n if (next instanceof HTMLElement) {\n if (next.ariaDisabled === 'true') {\n index += isForward ? 1 : -1\n continue\n }\n next.focus({ preventScroll: true })\n if (root?.current?.parentElement) {\n handleFocusByKeyBoard(next, root.current.parentElement)\n }\n break\n }\n }\n }\n },\n [setContextValue, propsArray, value, root]\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: var(--charcoal-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/radio'\nimport {\n AriaRadioGroupProps,\n AriaRadioProps,\n useRadio,\n useRadioGroup,\n} from '@react-aria/radio'\nimport styled, { css } from 'styled-components'\n\nimport { RadioProvider, useRadioContext } from './RadioGroupContext'\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 background-color: var(--charcoal-surface3);\n border-radius: 16px;\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 padding-right: 16px;\n padding-left: 16px;\n border-radius: 16px;\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n cursor: default;\n opacity: 0.32;\n }\n color: var(--charcoal-text2);\n\n ${({ checked = false }) =>\n checked &&\n css`\n background-color: var(--charcoal-brand);\n color: var(--charcoal-text5);\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 font-size: 14px;\n line-height: 22px;\n display: flow-root;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n","import { createContext, useContext } from 'react'\nimport * as React from 'react'\nimport type { RadioGroupState } from '@react-stately/radio'\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'\n\nimport type { AriaCheckboxProps } from '@react-types/checkbox'\nimport Icon from '../Icon'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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 isInValid: invalid,\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 isReadOnly: props.readonly,\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\n\n return (\n <InputRoot aria-disabled={isDisabled} className={props.className}>\n <CheckboxRoot>\n <CheckboxInput\n type=\"checkbox\"\n {...inputProps}\n readOnly={props.readonly}\n />\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\n gap: 4px;\n &:has(input[readonly]) {\n cursor: default;\n }\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n cursor: default;\n opacity: 0.32;\n }\n`\n\nconst CheckboxRoot = styled.div`\n position: relative;\n`\n\nconst CheckboxInput = styled.input`\n &[type='checkbox'] {\n appearance: none;\n display: block;\n cursor: pointer;\n margin: 0;\n width: 20px;\n height: 20px;\n border-radius: 4px;\n transition: 0.2s box-shadow, 0.2s background-color;\n\n &:disabled {\n cursor: default;\n }\n &[readonly] {\n cursor: default;\n opacity: 0.32;\n }\n\n &:checked {\n background-color: var(--charcoal-brand);\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n &:hover {\n background-color: var(--charcoal-brand-hover);\n }\n &:active {\n background-color: var(--charcoal-brand-press);\n }\n }\n }\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n &[aria-invalid='true'] {\n box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n }\n }\n\n &:not(:checked) {\n border-width: 2px;\n border-style: solid;\n border-color: var(--charcoal-text4);\n }\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 width: 24px;\n height: 24px;\n color: var(--charcoal-text5);\n\n ${({ checked }) => checked !== true && hiddenCss};\n`\n\nconst InputLabel = styled.div`\n color: var(--charcoal-text2);\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 { px } from '@charcoal-ui/utils'\nimport { AriaButtonProps, useButton } from '@react-aria/button'\nimport Icon from '../Icon'\nimport { focusVisibleFocusRingCss } from '@charcoal-ui/styled'\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\ntype Horizontal = {\n left: number\n right: number\n}\nconst horizontalPadding = ({ left, right }: Horizontal) => css`\n padding-right: ${px(right)};\n padding-left: ${px(left)};\n`\nconst tagItemRootSize = (size: TagItemProps['size']) => {\n switch (size) {\n case 'M':\n return horizontalPadding({ left: 24, right: 24 })\n case 'S':\n return horizontalPadding({ left: 16, right: 16 })\n }\n}\nconst activeTagItemRoot = horizontalPadding({ left: 16, right: 8 })\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 border-radius: 4px;\n ${({ size, status }) => status !== 'active' && tagItemRootSize(size)}\n ${({ status }) => status === 'active' && activeTagItemRoot}\n color: ${({ status }) =>\n status === 'inactive' ? 'var(--charcoal-text2)' : 'var(--charcoal-text5)'};\n\n transition: 0.2s box-shadow;\n\n &:not(:disabled):not([aria-disabled]),\n &[aria-disabled='false'] {\n ${focusVisibleFocusRingCss}\n }\n\n &:disabled,\n &[aria-disabled]:not([aria-disabled='false']) {\n opacity: 0.32;\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 }) =>\n status === 'inactive' &&\n css`\n background-color: var(--charcoal-surface3);\n `}\n\n ${({ bgImage }) =>\n bgImage !== undefined &&\n css`\n background-color: var(--charcoal-surface4);\n\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: 8px;\n align-items: center;\n z-index: 2;\n`\n\nconst labelCSS = css`\n font-size: 14px;\n line-height: 22px;\n font-weight: bold;\n display: flow-root;\n\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\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 font-size: 12px;\n line-height: 20px;\n font-weight: bold;\n display: flow-root;\n &::before {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-top: -4px;\n }\n &::after {\n display: block;\n width: 0;\n height: 0;\n content: '';\n margin-bottom: -4px;\n }\n`\n"],"mappings":"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","names":["DefaultLink","forwardRef","to","children","rest","ref","DefaultValue","Link","ComponentAbstractionContext","createContext","components","useComponentAbstraction","useContext","import_react","isReactVersionOver","minVersion","reactMajorVersion","parseInt","version","split","Number","isFinite","SSRProvider","Fragment","OriginSSRProvider","import_jsx_runtime","CharcoalProvider","themeMap","defaultTheme","components","injectTokens","children","background","import_react","unreachable","value","Error","arguments","length","JSON","stringify","mergeRefs","refs","ref","current","countCodePointsInString","string","Array","from","variantToFont","variant","unreachable","variantToBackground","variant","unreachable","import_styled_components","React","import_styled_components","import_jsx_runtime","Clickable","forwardRef","props","ref","Link","useComponentAbstraction","isLink","as","ariaDisabled","disabled","undefined","rest","_rest","StyledClickableDiv","styled","div","withConfig","componentId","disabledSelector","import_styled","horizontalPaddingSmall","css","horizontalPaddingMedium","StyledButton","styled","Clickable","withConfig","componentId","p","$fullWidth","$size","$color","$background","focusVisibleFocusRingCss","$isActive","$active","import_jsx_runtime","Button","forwardRef","children","variant","size","fullWidth","fixed","disabled","isActive","rest","ref","variantToBackground","variantToFont","import_react","import_styled_components","import_styled","import_jsx_runtime","IconButton","forwardRef","IconButtonInner","variant","size","icon","isActive","rest","ref","validateIconSize","StyledIconButton","styled","Clickable","attrs","styledProps","withConfig","componentId","p","$width","$height","$font","$background","$isActive","css","focusVisibleFocusRingCss","$size","$variant","variantToProps","sizeToProps","requiredIconSize","result","exec","Error","iconSize","console","warn","import_react","React","import_styled_components","import_styled","import_jsx_runtime","Radio","forwardRef","RadioInner","value","disabled","children","className","ref","name","selected","isParentDisabled","readonly","invalid","onChange","useContext","RadioGroupContext","warning","undefined","isSelected","isDisabled","isReadonly","handleChange","useCallback","e","currentTarget","memo","RadioRoot","styled","label","withConfig","componentId","RadioInput","input","attrs","type","focusVisibleFocusRingCss","RadioLabel","div","StyledRadioGroup","createContext","Error","RadioGroup","next","import_react","import_styled_components","import_warning","import_utils","import_react","MultiSelectGroupContext","createContext","name","undefined","selected","disabled","readonly","invalid","onChange","Error","import_styled","React","import_jsx_runtime","Icon","forwardRef","IconInner","name","scale","unsafeNonGuidelineScale","className","rest","ref","import_jsx_runtime","MultiSelect","forwardRef","MultiSelectInner","value","disabled","onChange","variant","className","children","ref","name","selected","parentDisabled","readonly","invalid","parentOnChange","useContext","MultiSelectGroupContext","warning","undefined","isSelected","includes","isDisabled","handleChange","useCallback","event","currentTarget","HTMLInputElement","checked","Boolean","memo","MultiSelectRoot","styled","label","withConfig","componentId","theme","px","spacing","MultiSelectLabel","div","MultiSelectInput","input","attrs","type","focusVisibleFocusRingCss","overlay","css","MultiSelectInputOverlay","MultiSelectGroup","payload","index","indexOf","slice","Array","from","Set","import_react","import_styled_components","import_utils","import_styled","import_jsx_runtime","SwitchCheckbox","forwardRef","SwitchCheckboxInner","props","external","disabled","className","ariaSwitchProps","useMemo","undefined","label","isDisabled","isSelected","checked","state","useToggleState","ref","useObjectRef","inputProps","_className","type","_type","rest","useSwitch","children","memo","Label","styled","withConfig","componentId","LabelInner","div","SwitchInput","input","attrs","focusVisibleFocusRingCss","import_react","React","import_styled_components","React","import_styled_components","import_jsx_runtime","FieldLabel","forwardRef","style","className","label","required","requiredText","subLabel","labelProps","ref","Label","styled","withConfig","componentId","RequiredText","span","SubLabelClickable","div","FieldLabelWrapper","import_react","useFocusWithClick","containerRef","inputRef","useEffect","el","current","handleDown","e","target","focus","addEventListener","removeEventListener","import_utils","import_jsx_runtime","TextField","forwardRef","SingleLineTextFieldInner","onChange","props","className","showLabel","showCount","label","requiredText","subLabel","disabled","required","invalid","readOnly","assistiveText","maxLength","prefix","suffix","restProps","visuallyHiddenProps","useVisuallyHidden","ariaRef","useRef","count","setCount","useState","countCodePointsInString","value","nonControlled","undefined","handleChange","useCallback","useEffect","inputProps","ariaInputProps","labelProps","descriptionProps","errorMessageProps","useTextField","inputElementType","isDisabled","isRequired","isReadOnly","validationState","description","errorMessage","containerRef","useFocusWithClick","mergeProps","mergeRefs","length","TextFieldRoot","styled","div","withConfig","componentId","p","opacity","theme","elementEffect","TextFieldLabel","FieldLabel","StyledInputContainer","hasPrefix","hasSuffix","filter","Boolean","join","css","PrefixContainer","SuffixContainer","span","StyledInput","input","SingleLineCounter","AssistiveText","import_textfield","import_visually_hidden","import_react","import_styled_components","import_utils","import_jsx_runtime","TextArea","forwardRef","TextAreaInner","onChange","props","className","showCount","showLabel","label","requiredText","subLabel","disabled","required","invalid","readOnly","assistiveText","maxLength","autoHeight","rows","initialRows","restProps","visuallyHiddenProps","useVisuallyHidden","textareaRef","useRef","ariaRef","count","setCount","useState","countCodePointsInString","value","setRows","syncHeight","useCallback","textarea","match","length","nonControlled","undefined","handleChange","current","useEffect","inputProps","ariaInputProps","labelProps","descriptionProps","errorMessageProps","useTextField","inputElementType","isDisabled","isRequired","isReadOnly","validationState","description","errorMessage","containerRef","useFocusWithClick","mergeProps","TextFieldRoot","mergeRefs","styled","div","withConfig","componentId","p","opacity","theme","elementEffect","StyledTextareaContainer","css","StyledTextarea","noBottomPadding","MultiLineCounter","span","import_react","React","import_overlays","import_styled_components","import_utils","import_styled","import_react_spring","import_utils","import_react","import_styled_components","import_utils","React","useForwardedRef","ref","innerRef","useRef","useEffect","current","import_jsx_runtime","Dialog","forwardRef","props","ref","useForwardedRef","dialogProps","useDialog","role","tabIndex","onBlur","AnimatedStyledDialogDiv","animated","styled","div","withConfig","componentId","p","size","columnSystem","COLUMN_UNIT","GUTTER_UNIT","unreachable","theme","maxWidth","breakpoint","screen1","bottomSheet","css","React","ModalBackgroundContext","createContext","React","import_overlays","import_react","usePreventScroll","element","isOpen","useEffect","defaultPaddingRight","style","paddingRight","defaultOverflow","overflow","window","innerWidth","clientWidth","useCharcoalModalOverlay","props","state","ref","overlayProps","underlayProps","useOverlay","isOpen","onClose","shouldCloseOnInteractOutside","usePreventScroll","document","body","useOverlayFocusContain","React","useEffect","current","ariaHideOutside","modalProps","import_jsx_runtime","DEFAULT_Z_INDEX","Modal","forwardRef","ModalInner","children","zIndex","portalContainer","props","external","title","size","bottomSheet","isDismissable","onClose","className","isOpen","closeButtonAriaLabel","ref","useObjectRef","modalProps","underlayProps","useCharcoalModalOverlay","isKeyboardDismissDisabled","undefined","theme","useTheme","isMobile","useMedia","maxWidth","breakpoint","screen1","transitionEnabled","showDismiss","transition","useTransition","from","transform","backgroundColor","overflow","enter","update","leave","config","duration","easing","easings","easeOutQuart","bgRef","useRef","handleClick","useCallback","e","currentTarget","target","item","current","titleProps","close","memo","ModalContext","createContext","ModalBackground","animated","styled","div","withConfig","componentId","p","$bottomSheet","css","ModalCloseButton","IconButton","ModalTitle","useContext","ModalHeading","h3","import_styled_components","import_react","import_utils","import_jsx_runtime","ModalHeader","modalCtx","useContext","ModalContext","bottomSheet","ModalHeaderRoot","styled","div","withConfig","componentId","theme","maxWidth","breakpoint","screen1","p","$bottomSheet","css","StyledModalTitle","ModalTitle","ModalAlign","ModalBody","ModalButtons","import_react","import_styled_components","import_jsx_runtime","LoadingSpinner","forwardRef","LoadingSpinnerInner","size","padding","transparent","className","ref","memo","LoadingSpinnerRoot","styled","div","attrs","role","withConfig","componentId","props","scaleOut","keyframes","Icon","p","once","LoadingSpinnerIcon","iconRef","useRef","useImperativeHandle","restart","current","dataset","resetAnimation","offsetWidth","import_react","import_styled_components","import_utils","import_react","import_react","import_overlays","import_styled_components","import_jsx_runtime","_empty","props","defaultPopoverRef","useRef","finalPopoverRef","popoverRef","undefined","popoverProps","underlayProps","usePopover","triggerRef","containerPadding","close","onClose","isOpen","open","setOpen","toggle","modalBackground","useContext","ModalBackgroundContext","usePreventScroll","document","body","position","zIndex","style","inset","children","DropdownPopoverDiv","styled","div","withConfig","componentId","import_jsx_runtime","DropdownPopover","children","props","ref","useRef","useEffect","isOpen","current","triggerRef","style","width","clientWidth","value","undefined","windowScrollY","window","scrollY","windowScrollX","scrollX","selectedElement","document","querySelector","toString","focus","scrollTo","onClose","React","findPreviewRecursive","children","value","childArray","Children","toArray","i","length","child","isValidElement","props","childValue","undefined","import_react","import_styled_components","import_react","MenuListContext","createContext","root","undefined","value","propsArray","setValue","_v","React","getValuesRecursive","children","childArray","Children","toArray","propsArray","i","length","child","isValidElement","props","value","push","disabled","import_jsx_runtime","props","root","useRef","propsArray","useMemo","getValuesRecursive","children","value","setValue","v","onChange","StyledUl","styled","ul","withConfig","componentId","import_styled","import_visually_hidden","import_jsx_runtime","defaultRequiredText","onChange","props","triggerRef","useRef","isOpen","setIsOpen","useState","preview","findPreviewRecursive","children","value","isPlaceholder","useMemo","placeholder","undefined","propsArray","getValuesRecursive","visuallyHiddenProps","useVisuallyHidden","handleChange","useCallback","e","target","disabled","showLabel","label","required","requiredText","subLabel","name","map","itemProps","invalid","v","assistiveText","DropdownSelectorRoot","styled","div","withConfig","componentId","disabledSelector","DropdownFieldLabel","FieldLabel","DropdownButton","button","focusVisibleFocusRingCss","$active","css","DropdownButtonText","span","p","$isText3","DropdownButtonIcon","Icon","AssertiveText","import_styled_components","import_styled_components","import_jsx_runtime","props","children","rest","StyledLi","styled","li","withConfig","componentId","ItemDiv","div","import_react","handleFocusByKeyBoard","element","parent","isScrollable","scrollHeight","clientHeight","rect","getBoundingClientRect","parentRect","bottom","scrollTo","top","scrollTop","scrollIfNeeded","elementRect","isVisible","window","innerHeight","document","documentElement","scrollIntoView","block","useMenuItemHandleKeyDown","value","setValue","root","propsArray","useContext","MenuListContext","setContextValue","useCallback","undefined","handleKeyDown","e","key","isForward","preventDefault","values","map","props","filter","v","index","indexOf","n","length","focusValue","next","current","querySelector","HTMLElement","ariaDisabled","focus","preventScroll","parentElement","handleFocusByKeyBoard","import_jsx_runtime","props","children","as","rest","handleKeyDown","setContextValue","useMenuItemHandleKeyDown","value","disabled","undefined","import_react","import_jsx_runtime","props","value","ctxValue","useContext","MenuListContext","isSelected","children","rest","StyledSpan","styled","span","withConfig","componentId","Text2ColorIcon","Icon","import_styled_components","import_jsx_runtime","props","StyledLi","text","StyledUl","children","TextSpan","styled","span","withConfig","componentId","ul","li","import_react","import_radio","import_styled_components","import_react","import_jsx_runtime","RadioContext","createContext","RadioProvider","value","children","useRadioContext","state","useContext","Error","import_jsx_runtime","SegmentedControl","forwardRef","SegmentedControlInner","props","ref","ariaRadioGroupProps","useMemo","isDisabled","disabled","isReadOnly","readonly","isRequired","required","name","state","useRadioGroupState","radioGroupProps","useRadioGroup","segmentedControlItems","data","map","d","value","label","className","item","memo","Segmented","useRadioContext","useRef","ariaRadioProps","children","inputProps","isSelected","useRadio","RadioLabel","SegmentedControlRoot","styled","div","withConfig","componentId","SegmentedRoot","checked","css","SegmentedInput","input","SegmentedLabelInner","import_react","import_styled_components","import_utils","import_react_stately","import_styled","import_jsx_runtime","Checkbox","forwardRef","CheckboxInner","invalid","props","ref","ariaCheckboxProps","useMemo","isInValid","isSelected","checked","defaultSelected","defaultChecked","validationState","undefined","label","isDisabled","disabled","isReadOnly","readonly","state","useToggleState","objectRef","useObjectRef","inputProps","useCheckbox","className","children","memo","hiddenCss","css","InputRoot","styled","withConfig","componentId","CheckboxRoot","div","CheckboxInput","input","focusVisibleFocusRingCss","CheckboxInputOverlay","InputLabel","import_react","import_utils","import_styled_components","import_styled","import_jsx_runtime","sizeMap","S","M","TagItem","forwardRef","TagItemInner","label","translatedLabel","bgColor","bgImage","size","disabled","status","className","props","_ref","ref","useObjectRef","ariaButtonProps","useMemo","elementType","isDisabled","buttonProps","useButton","hasTranslatedLabel","undefined","length","Label","memo","horizontalPadding","left","right","css","px","tagItemRootSize","activeTagItemRoot","TagItemRoot","styled","a","withConfig","componentId","focusVisibleFocusRingCss","Background","div","Inner","labelCSS","translateLabelCSS","LabelWrapper","isTranslate","span","TranslatedLabel"]}