npm - @charcoal-ui/react - Versions diffs - 3.0.0-beta.2 → 3.0.0-beta.3 - Mend

@charcoal-ui/react 3.0.0-beta.2 → 3.0.0-beta.3

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 (174) hide show

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