@charcoal-ui/react 4.0.0-beta.0 → 4.0.0-beta.11

package/src/components/TextField/index.css

@@ -0,0 +1,87 @@
+.charcoal-text-field-root {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-gap: 4px;
+}
+
+.charcoal-text-field-root[aria-disabled='true'] {
+  opacity: 0.32;
+}
+
+.charcoal-text-field-container {
+  display: flex;
+  height: 40px;
+  transition: 0.2s background-color, 0.2s box-shadow;
+  color: var(--charcoal-text2);
+  background-color: var(--charcoal-surface3);
+  border-radius: 4px;
+  padding: 0 8px;
+  line-height: 22px;
+  font-size: 14px;
+}
+
+.charcoal-text-field-container[data-invalid='true'] {
+  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
+}
+
+.charcoal-text-field-container:not([aria-disabled='true']):hover {
+  background-color: var(--charcoal-surface3-hover);
+}
+
+.charcoal-text-field-container:not([aria-disabled='true']):focus-within {
+  outline: none;
+  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);
+}
+
+.charcoal-text-field-container:not(
+    [aria-disabled='true']
+  )[data-invalid='true']:focus-within {
+  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
+}
+
+.charcoal-text-field-prefix {
+  display: flex;
+  align-items: center;
+  margin-right: 4px;
+}
+
+.charcoal-text-field-suffix {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: 4px;
+}
+
+.charcoal-text-field-input {
+  border: none;
+  box-sizing: border-box;
+  outline: none;
+  font-family: inherit;
+
+  /* Prevent zooming for iOS Safari */
+  transform-origin: top left;
+  transform: scale(0.875);
+  width: calc(100% / 0.875);
+  height: calc(100% / 0.875);
+  font-size: calc(14px / 0.875);
+  line-height: calc(22px / 0.875);
+  padding-left: 0;
+  padding-right: 0;
+  border-radius: calc(4px / 0.875);
+
+  /* Display box-shadow for iOS Safari */
+  appearance: none;
+  background: transparent;
+
+  color: var(--charcoal-text2);
+}
+
+.charcoal-text-field-input::placeholder {
+  color: var(--charcoal-text3);
+}
+
+.charcoal-text-field-line-counter {
+  line-height: 22px;
+  font-size: 14px;
+  color: var(--charcoal-text3);
+}

package/src/components/TextField/index.tsx

@@ -1,267 +1,148 @@
-import { useTextField } from '@react-aria/textfield'
+import './index.css'
+
 import { useVisuallyHidden } from '@react-aria/visually-hidden'
 import { ReactNode, useCallback, useEffect, useRef, useState } from 'react'
 import * as React from 'react'
-import styled, { css } from 'styled-components'
-import FieldLabel, { FieldLabelProps } from '../FieldLabel'
-import { countCodePointsInString, mergeRefs } from '../../_lib'
-import { ReactAreaUseTextFieldCompat } from '../../_lib/compat'
+import FieldLabel from '../FieldLabel'
+import { countCodePointsInString } from '../../_lib'
 import { useFocusWithClick } from './useFocusWithClick'
-import { mergeProps } from '@react-aria/utils'
-
-type DOMProps = Omit<
-  React.InputHTMLAttributes<HTMLInputElement>,
-  // react-ariaのhookは、onChangeが`(v: string) => void`想定
-  | 'onChange'
-
-  // RDFa Attributeとかぶる
-  // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/58d57ca87ac7be0d306c0844dc254e90c150bd0d/types/react/index.d.ts#L1951
-  | 'prefix'
+import { mergeRefs, useId } from '@react-aria/utils'
+import { AssistiveText } from './AssistiveText'
+import { useClassNames } from '../../_lib/useClassNames'
 
-  // ReactAreaUseTextFieldCompatに書いてあるような事情で、ここにあるイベントハンドラの型をゆるめる
-  | keyof ReactAreaUseTextFieldCompat
->
+export type TextFieldProps = {
+  prefix?: ReactNode
+  suffix?: ReactNode
 
-export interface TextFieldProps
-  extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>,
-    DOMProps,
-    ReactAreaUseTextFieldCompat {
-  readonly prefix?: ReactNode
-  readonly suffix?: ReactNode
+  value?: string
+  onChange?: (value: string) => void
 
-  // <input> 要素は number とか string[] もありうるが、今はこれしか想定してない
-  readonly defaultValue?: string
-  readonly value?: string
-  readonly onChange?: (value: string) => void
+  showCount?: boolean
+  showLabel?: boolean
+  assistiveText?: string
+  invalid?: boolean
 
-  // react-ariaの型定義のせいでHTMLInputElementにできない
-  readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void
-  readonly onFocus?: (event: React.FocusEvent<Element>) => void
-  readonly onBlur?: (event: React.FocusEvent<Element>) => void
+  label?: string
+  requiredText?: string
+  disabled?: boolean
+  subLabel?: React.ReactNode
+  rdfaPrefix?: string
 
-  readonly showCount?: boolean
-  readonly showLabel?: boolean
-  readonly assistiveText?: string
-  readonly invalid?: boolean
-}
+  getCount?: (value: string) => number
+} & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>
 
 const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(
-  function SingleLineTextFieldInner({ onChange, ...props }, forwardRef) {
-    const {
+  function SingleLineTextFieldInner(
+    {
+      assistiveText,
       className,
-      showLabel = false,
-      showCount = false,
-      label,
-      requiredText,
-      subLabel,
       disabled = false,
-      required,
-      invalid = false,
-      assistiveText,
+      label = '',
       maxLength,
+      onChange,
       prefix = null,
+      required,
+      requiredText,
+      showCount = false,
+      showLabel = false,
+      subLabel,
       suffix = null,
-      ...restProps
-    } = props
+      type = 'text',
+      invalid,
+      value,
+      getCount = countCodePointsInString,
+      ...props
+    },
+    forwardRef
+  ) {
+    const inputRef = useRef<HTMLInputElement>(null)
 
     const { visuallyHiddenProps } = useVisuallyHidden()
-    const ariaRef = useRef<HTMLInputElement>(null)
-    const [count, setCount] = useState(
-      countCodePointsInString(props.value ?? '')
-    )
 
-    const nonControlled = props.value === undefined
+    const [count, setCount] = useState(getCount(value ?? ''))
+
     const handleChange = useCallback(
-      (value: string) => {
-        const count = countCodePointsInString(value)
+      (e: React.ChangeEvent<HTMLInputElement>) => {
+        const value = e.target.value
+        const count = getCount(value)
         if (maxLength !== undefined && count > maxLength) {
           return
         }
-        if (nonControlled) {
-          setCount(count)
-        }
+        setCount(count)
         onChange?.(value)
       },
-      [maxLength, nonControlled, onChange]
+      [getCount, maxLength, onChange]
     )
 
     useEffect(() => {
-      setCount(countCodePointsInString(props.value ?? ''))
-    }, [props.value])
-
-    const {
-      inputProps: ariaInputProps,
-      labelProps,
-      descriptionProps,
-      errorMessageProps,
-    } = useTextField(
-      {
-        inputElementType: 'input',
-        isDisabled: disabled,
-        isRequired: required,
-        validationState: invalid ? 'invalid' : 'valid',
-        description: !invalid && assistiveText,
-        errorMessage: invalid && assistiveText,
-        onChange: handleChange,
-        ...props,
-      },
-      ariaRef
-    )
+      setCount(getCount(value ?? ''))
+    }, [getCount, value])
 
     const containerRef = useRef(null)
 
-    useFocusWithClick(containerRef, ariaRef)
+    useFocusWithClick(containerRef, inputRef)
+
+    const inputId = useId(props.id)
+    const describedbyId = useId()
+    const labelledbyId = useId()
+
+    const showAssistiveText =
+      assistiveText != null && assistiveText.length !== 0
 
-    const inputProps = mergeProps(restProps, ariaInputProps)
+    const classNames = useClassNames('charcoal-text-field-root')
 
     return (
-      <TextFieldRoot className={className} isDisabled={disabled}>
-        <TextFieldLabel
+      <div className={classNames} aria-disabled={disabled}>
+        <FieldLabel
+          htmlFor={inputId}
+          id={labelledbyId}
           label={label}
-          requiredText={requiredText}
           required={required}
+          requiredText={requiredText}
           subLabel={subLabel}
-          {...labelProps}
           {...(!showLabel ? visuallyHiddenProps : {})}
         />
-        <StyledInputContainer
-          ref={containerRef}
-          invalid={invalid}
+        <div
+          className="charcoal-text-field-container"
           aria-disabled={disabled === true ? true : undefined}
-          hasPrefix={prefix != null}
-          hasSuffix={suffix != null || showCount}
+          data-invalid={invalid === true}
+          ref={containerRef}
         >
-          {prefix && <PrefixContainer>{prefix}</PrefixContainer>}
-          <StyledInput
-            ref={mergeRefs(forwardRef, ariaRef)}
-            invalid={invalid}
-            {...inputProps}
+          {prefix && <div className="charcoal-text-field-prefix">{prefix}</div>}
+          <input
+            className="charcoal-text-field-input"
+            aria-describedby={showAssistiveText ? describedbyId : undefined}
+            aria-invalid={invalid}
+            aria-labelledby={labelledbyId}
+            id={inputId}
+            data-invalid={invalid === true}
+            maxLength={maxLength}
+            onChange={handleChange}
+            disabled={disabled}
+            ref={mergeRefs(forwardRef, inputRef)}
+            type={type}
+            value={value}
+            {...props}
           />
           {(suffix || showCount) && (
-            <SuffixContainer>
+            <div className="charcoal-text-field-suffix">
               {suffix}
               {showCount && (
-                <SingleLineCounter>
+                <span className="charcoal-text-field-line-counter">
                   {maxLength !== undefined ? `${count}/${maxLength}` : count}
-                </SingleLineCounter>
+                </span>
               )}
-            </SuffixContainer>
+            </div>
           )}
-        </StyledInputContainer>
-        {assistiveText != null && assistiveText.length !== 0 && (
-          <AssistiveText
-            invalid={invalid}
-            {...(invalid ? errorMessageProps : descriptionProps)}
-          >
+        </div>
+        {showAssistiveText && (
+          <AssistiveText data-invalid={invalid === true} id={describedbyId}>
             {assistiveText}
           </AssistiveText>
         )}
-      </TextFieldRoot>
+      </div>
     )
   }
 )
 
 export default TextField
-
-const TextFieldRoot = styled.div<{ isDisabled: boolean }>`
-  display: flex;
-  flex-direction: column;
-
-  ${(p) => p.isDisabled && { opacity: p.theme.elementEffect.disabled.opacity }}
-`
-
-export const TextFieldLabel = styled(FieldLabel)`
-  margin-bottom: 8px;
-`
-
-const StyledInputContainer = styled.div<{
-  invalid: boolean
-  hasPrefix: boolean
-  hasSuffix: boolean
-}>`
-  display: grid;
-  grid-template-columns: ${(p) =>
-    [p.hasPrefix && 'auto', '1fr', p.hasSuffix && 'auto']
-      .filter(Boolean)
-      .join(' ')};
-  height: 40px;
-  transition: 0.2s background-color, 0.2s box-shadow;
-  color: var(--charcoal-text2);
-  background-color: var(--charcoal-surface3);
-  border-radius: 4px;
-  gap: 4px;
-  padding: 0 8px;
-  line-height: 22px;
-  font-size: 14px;
-
-  :not(:disabled):not([aria-disabled]):hover,
-  [aria-disabled='false']:hover {
-    background-color: var(--charcoal-surface3-hover);
-  }
-
-  :focus-within {
-    outline: none;
-    box-shadow: 0 0 0 4px
-      ${(p) => (p.invalid ? `rgba(255,43,0,0.32)` : `rgba(0, 150, 250, 0.32);`)};
-  }
-
-  ${(p) =>
-    p.invalid &&
-    css`
-      box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);
-    `}
-`
-
-const PrefixContainer = styled.div`
-  display: flex;
-  align-items: center;
-`
-
-const SuffixContainer = styled.span`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`
-
-const StyledInput = styled.input<{
-  invalid: boolean
-}>`
-  border: none;
-  box-sizing: border-box;
-  outline: none;
-  font-family: inherit;
-
-  /* Prevent zooming for iOS Safari */
-  transform-origin: top left;
-  transform: scale(0.875);
-  width: calc(100% / 0.875);
-  height: calc(100% / 0.875);
-  font-size: calc(14px / 0.875);
-  line-height: calc(22px / 0.875);
-  padding-left: 0;
-  padding-right: 0;
-  border-radius: calc(4px / 0.875);
-
-  /* Display box-shadow for iOS Safari */
-  appearance: none;
-  background: transparent;
-
-  color: var(--charcoal-text2);
-  &::placeholder {
-    color: var(--charcoal-text3);
-  }
-`
-
-const SingleLineCounter = styled.span`
-  line-height: 22px;
-  font-size: 14px;
-  color: var(--charcoal-text3);
-`
-
-export const AssistiveText = styled.p<{ invalid: boolean }>`
-  font-size: 14px;
-  line-height: 22px;
-  margin-top: 4px;
-  margin-bottom: -4px;
-  color: ${(p) => `var(--charcoal-${p.invalid ? `assertive` : `text2`})`};
-`

package/src/core/CharcoalProvider.tsx

@@ -1,39 +1,15 @@
 import * as React from 'react'
-import { ThemeProvider } from 'styled-components'
-import ComponentAbstraction, { Components } from './ComponentAbstraction'
-import { TokenInjector } from '@charcoal-ui/styled'
-import { ThemeMap } from '@charcoal-ui/styled/src/TokenInjector'
-import { CharcoalTheme, ThemeColor } from '@charcoal-ui/theme'
-
 import { OverlayProvider } from './OverlayProvider'
 import { SSRProvider } from './SSRProvider'
 
-export type CharcoalProviderProps = React.PropsWithChildren<{
-  themeMap: ThemeMap<CharcoalTheme>
-  defaultTheme?: CharcoalTheme
-  injectTokens?: boolean
-  components?: Partial<Components>
-  background?: keyof ThemeColor
-}>
+export type CharcoalProviderProps = {
+  children: React.ReactNode
+}
 
-export function CharcoalProvider({
-  themeMap,
-  defaultTheme = themeMap[':root'],
-  components = {},
-  injectTokens = true,
-  children,
-  background,
-}: CharcoalProviderProps) {
+export function CharcoalProvider({ children }: CharcoalProviderProps) {
   return (
     <SSRProvider>
-      <ThemeProvider theme={defaultTheme}>
-        {injectTokens && (
-          <TokenInjector theme={themeMap} background={background} />
-        )}
-        <ComponentAbstraction components={components}>
-          <OverlayProvider>{children}</OverlayProvider>
-        </ComponentAbstraction>
-      </ThemeProvider>
+      <OverlayProvider>{children}</OverlayProvider>
     </SSRProvider>
   )
 }

package/src/core/SSRProvider.tsx

@@ -1 +1,12 @@
-export { SSRProvider } from '@react-aria/ssr'
+import { SSRProvider as OriginSSRProvider } from '@react-aria/ssr'
+import { version, Fragment } from 'react'
+
+export function isReactVersionOver(minVersion: number): boolean {
+  // version history on the react side: https://github.com/facebook/react/commits/main/packages/shared/ReactVersion.js
+  const reactMajorVersion = parseInt(version.split('.')[0], 10)
+  return Number.isFinite(reactMajorVersion)
+    ? reactMajorVersion >= minVersion
+    : false
+}
+
+export const SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider

package/src/index.ts

@@ -1,8 +1,3 @@
-export {
-  default as ComponentAbstraction,
-  useComponentAbstraction,
-  type LinkProps,
-} from './core/ComponentAbstraction'
 export { SSRProvider } from './core/SSRProvider'
 export { OverlayProvider } from './core/OverlayProvider'
 export {
@@ -13,24 +8,13 @@ export { default as Button, type ButtonProps } from './components/Button'
 export {
   default as Clickable,
   type ClickableProps,
-  type ClickableElement,
 } from './components/Clickable'
 export {
   default as IconButton,
   type IconButtonProps,
 } from './components/IconButton'
-export {
-  default as Radio,
-  type RadioProps,
-  RadioGroup,
-  type RadioGroupProps,
-} from './components/Radio'
-export {
-  default as MultiSelect,
-  type MultiSelectProps,
-  MultiSelectGroup,
-  type MultiSelectGroupProps,
-} from './components/MultiSelect'
+export { default as Radio, type RadioProps } from './components/Radio'
+export { RadioGroup, type RadioGroupProps } from './components/Radio/RadioGroup'
 export { default as Switch, type SwitchProps } from './components/Switch'
 export {
   default as TextField,
@@ -38,7 +22,11 @@ export {
 } from './components/TextField'
 export { default as TextArea, type TextAreaProps } from './components/TextArea'
 export { default as Icon, type IconProps } from './components/Icon'
-export { default as Modal, type ModalProps } from './components/Modal'
+export {
+  default as Modal,
+  type ModalProps,
+  ModalCloseButton,
+} from './components/Modal'
 export {
   ModalHeader,
   ModalAlign,

package/src/type.d.ts

@@ -1,12 +1,7 @@
-import { CSSProp, DefaultTheme } from 'styled-components'
-import { CharcoalTheme as Theme } from '@charcoal-ui/theme'
-
-declare module 'styled-components' {
-  export interface DefaultTheme extends Theme {}
-}
+import 'react'
 
 declare module 'react' {
-  interface Attributes {
-    css?: CSSProp<DefaultTheme>
+  interface CSSProperties {
+    [key: `--${string}`]: string | number
   }
 }

package/dist/components/Button/index.story.d.ts

@@ -1,24 +0,0 @@
-import Button from '.';
-import { StoryObj } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    children?: import("react").ReactNode;
-    variant?: ("Primary" | "Default" | "Overlay" | "Danger" | "Navigation") | undefined;
-    size?: ("S" | "M") | undefined;
-    fullWidth?: boolean | undefined;
-    isActive?: boolean | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Omit<any, "children">>;
-export default _default;
-export declare const Default: StoryObj<typeof Button>;
-export declare const Primary: StoryObj<typeof Button>;
-export declare const Navigation: StoryObj<typeof Button>;
-export declare const Overlay: StoryObj<typeof Button>;
-export declare const Danger: StoryObj<typeof Button>;
-export declare const Small: StoryObj<typeof Button>;
-export declare const Fixed: StoryObj<typeof Button>;
-export declare const Disabled: StoryObj<typeof Button>;
-export declare const Active: StoryObj<typeof Button>;
-export declare const Link: StoryObj<typeof Button>;
-export declare const Nihongo: StoryObj<typeof Button>;
-export declare const Focus: StoryObj<typeof Button>;
-//# sourceMappingURL=index.story.d.ts.map

package/dist/components/Button/index.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,GAAG,CAAA;AACtB,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;;;;;;;;;AAEjD,wBAkBwB;AAExB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,MAAM,CAAM,CAAA;AAElD,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,MAAM,CAI3C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAI9C,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,MAAM,CAI3C,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAI1C,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAIzC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAIzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAI5C,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAI1C,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,MAAM,CAIxC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,MAAM,CAE3C,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAUzC,CAAA"}

package/dist/components/Checkbox/index.story.d.ts

@@ -1,8 +0,0 @@
-import Checkbox from '.';
-import { StoryObj } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
-export default _default;
-export declare const Labelled: StoryObj<typeof Checkbox>;
-export declare const Invalid: StoryObj<typeof Checkbox>;
-export declare const Unlabelled: StoryObj<typeof Checkbox>;
-//# sourceMappingURL=index.story.d.ts.map

package/dist/components/Checkbox/index.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,GAAG,CAAA;AACxB,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;;AAEjD,wBAG0B;AAE1B,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,QAAQ,CA2C9C,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAuB7C,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAuBhD,CAAA"}

package/dist/components/Clickable/index.story.d.ts

@@ -1,6 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ClickableProps & import("react").RefAttributes<import(".").ClickableElement>>;
-export default _default;
-export declare const Button: StoryObj;
-export declare const Link: StoryObj;
-//# sourceMappingURL=index.story.d.ts.map

package/dist/components/Clickable/index.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;;AAEjD,wBAG2B;AAE3B,eAAO,MAAM,MAAM,EAAE,QAEpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAMlB,CAAA"}

package/dist/components/DropdownSelector/Divider.d.ts

@@ -1,7 +0,0 @@
-/**
- * 水平方向の直線
- */
-export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    role: "separator";
-}, "role">;
-//# sourceMappingURL=Divider.d.ts.map

package/dist/components/DropdownSelector/Divider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Divider.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,OAAO;;UAUnB,CAAA"}

package/dist/components/DropdownSelector/DropdownMenuItem.d.ts

@@ -1,7 +0,0 @@
-import { MenuItemProps } from './MenuItem';
-export type DropdownMenuItemProps = Omit<MenuItemProps<'div'>, 'as'>;
-/**
- * DropdownSelectorの選択肢として使うMenuItem
- */
-export default function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
-//# sourceMappingURL=DropdownMenuItem.d.ts.map

package/dist/components/DropdownSelector/DropdownMenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownMenuItem.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAKpD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;AAEpE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAWpE"}

package/dist/components/DropdownSelector/ListItem/index.story.d.ts

@@ -1,9 +0,0 @@
-import ListItem from '.';
-import { StoryObj } from '@storybook/react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    children?: import("react").ReactNode;
-    as?: import(".").CustomJSXElement | undefined;
-} & Omit<any, "children">>;
-export default _default;
-export declare const Basic: StoryObj<typeof ListItem>;
-//# sourceMappingURL=index.story.d.ts.map

package/dist/components/DropdownSelector/ListItem/index.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.story.tsx"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,GAAG,CAAA;AAExB,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;;;;;AAEjD,wBAG0B;AA0C1B,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,QAAQ,CAE3C,CAAA"}