@charcoal-ui/react 6.0.0-rc.9 → 6.0.0

package/dist/components/TextArea/index2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.cjs","names":["forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","FieldLabel","countCodePointsInString","mergeRefs","useFocusWithClick","AssistiveText","useClassNames","useVisuallyHidden","useId","TextAreaImperativeHandle","setValue","value","sync","TextAreaProps","onChange","imperativeRef","React","Ref","showCount","showLabel","assistiveText","invalid","label","requiredText","disabled","subLabel","ReactNode","autoHeight","maxRows","getCount","Omit","ComponentPropsWithoutRef","TextArea","HTMLTextAreaElement","TextAreaInner","className","required","maxLength","rows","initialRows","defaultValue","props","isUncontrolled","undefined","countValue","toString","setRows","count","setCount","textareaRef","containerRef","visuallyHiddenProps","isEnableAutoHeight","classNames","showAssistiveText","length","syncHeight","textarea","currentRows","match","hasValidMaxRows","nextRows","Math","min","syncTextAreaState","handleChange","e","ChangeEvent","currentTarget","current","textAreaId","id","describedbyId","labelledbyId"],"sources":["../../../src/components/TextArea/index.tsx"],"sourcesContent":["import './index.css'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from '../TextField/useFocusWithClick'\nimport { AssistiveText } from '../TextField/AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\n/**\n * `TextArea` を `imperativeRef` から操作するためのハンドル\n */\nexport type TextAreaImperativeHandle = {\n  /**\n   * textarea の値を更新し、文字数や高さなどの内部状態を同期する\n   */\n  setValue: (value: string) => void\n  /**\n   * textarea の現在の値をもとに、文字数や高さなどの内部状態を同期する\n   */\n  sync: () => void\n}\n\nexport type TextAreaProps = {\n  value?: string\n  onChange?: (value: string) => void\n  imperativeRef?: React.Ref<TextAreaImperativeHandle>\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  autoHeight?: boolean\n\n  maxRows?: number\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'textarea'>, 'onChange'>\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextAreaInner(\n    {\n      onChange,\n      className,\n      value,\n      showCount = false,\n      showLabel = false,\n      label = '',\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      assistiveText,\n      maxLength,\n      autoHeight = false,\n      rows: initialRows = 4,\n      maxRows,\n      invalid,\n      getCount = countCodePointsInString,\n      defaultValue,\n      imperativeRef,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const isUncontrolled = value === undefined\n    // `null` is invalid for TextAreaProps, but may arrive at runtime. Keep the\n    // pre-f710d512 nullish fallback so getCount is never called with null.\n    const countValue = value ?? defaultValue?.toString() ?? ''\n    const [rows, setRows] = useState(initialRows)\n    const [count, setCount] = useState(getCount(countValue))\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const containerRef = useRef(null)\n    useFocusWithClick(containerRef, textareaRef)\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const isEnableAutoHeight = useMemo(\n      () => autoHeight || (maxRows && maxRows >= 0),\n      [autoHeight, maxRows],\n    )\n    const classNames = useClassNames('charcoal-text-area-root', className)\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const syncHeight = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const currentRows =\n          (`${textarea.value}\\n`.match(/\\n/gu)?.length ?? 0) || 1\n        const hasValidMaxRows = maxRows !== undefined && maxRows >= 1\n        const nextRows = initialRows <= currentRows ? currentRows : initialRows\n\n        if (!hasValidMaxRows) {\n          setRows(nextRows)\n          return\n        }\n\n        setRows(Math.min(nextRows, maxRows))\n      },\n      [initialRows, maxRows],\n    )\n\n    const syncTextAreaState = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const count = getCount(textarea.value)\n\n        if (isUncontrolled) {\n          setCount(count)\n        }\n\n        if (isEnableAutoHeight) {\n          syncHeight(textarea)\n        }\n\n        return count\n      },\n      [getCount, isEnableAutoHeight, isUncontrolled, syncHeight],\n    )\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const value = e.currentTarget.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n\n        syncTextAreaState(e.currentTarget)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange, syncTextAreaState],\n    )\n\n    useImperativeHandle(\n      imperativeRef,\n      () => ({\n        setValue: (value: string) => {\n          if (textareaRef.current === null) {\n            return\n          }\n\n          textareaRef.current.value = value\n          syncTextAreaState(textareaRef.current)\n        },\n        sync: () => {\n          if (textareaRef.current !== null) {\n            syncTextAreaState(textareaRef.current)\n          }\n        },\n      }),\n      [syncTextAreaState],\n    )\n\n    const textAreaId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    useEffect(() => {\n      // 制御コンポーネントの時の挙動\n      if (!isUncontrolled) {\n        setCount(getCount(countValue))\n      }\n\n      //　autoHeight同期(valueが変更された時にsyncHeightしたい)\n      if (isEnableAutoHeight && textareaRef.current !== null) {\n        syncHeight(textareaRef.current)\n      }\n    }, [\n      isUncontrolled,\n      countValue,\n      getCount,\n      isEnableAutoHeight,\n      textareaRef,\n      syncHeight,\n    ])\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={textAreaId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-area-container\"\n          aria-disabled={disabled === true ? 'true' : undefined}\n          aria-invalid={invalid === true}\n          ref={containerRef}\n          style={{\n            '--charcoal-text-area-rows': rows,\n          }}\n        >\n          <textarea\n            className=\"charcoal-text-area-textarea\"\n            aria-describedby={showAssistiveText ? describedbyId : undefined}\n            aria-invalid={invalid}\n            aria-labelledby={labelledbyId}\n            id={textAreaId}\n            maxLength={maxLength}\n            data-no-bottom-padding={showCount}\n            onChange={handleChange}\n            ref={mergeRefs(forwardRef, textareaRef)}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...props}\n          />\n          {showCount && (\n            <span className=\"charcoal-text-area-counter\">\n              {maxLength !== undefined ? `${count}/${maxLength}` : count}\n            </span>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextArea\n"],"mappings":"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"}
+{"version":3,"file":"index2.cjs","names":[],"sources":["../../../src/components/TextArea/index.tsx"],"sourcesContent":["import './index.css'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from '../TextField/useFocusWithClick'\nimport { AssistiveText } from '../TextField/AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\n/**\n * `TextArea` を `imperativeRef` から操作するためのハンドル\n */\nexport type TextAreaImperativeHandle = {\n  /**\n   * textarea の値を更新し、文字数や高さなどの内部状態を同期する\n   */\n  setValue: (value: string) => void\n  /**\n   * textarea の現在の値をもとに、文字数や高さなどの内部状態を同期する\n   */\n  sync: () => void\n}\n\nexport type TextAreaProps = {\n  value?: string\n  onChange?: (value: string) => void\n  imperativeRef?: React.Ref<TextAreaImperativeHandle>\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  autoHeight?: boolean\n\n  maxRows?: number\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'textarea'>, 'onChange'>\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextAreaInner(\n    {\n      onChange,\n      className,\n      value,\n      showCount = false,\n      showLabel = false,\n      label = '',\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      assistiveText,\n      maxLength,\n      autoHeight = false,\n      rows: initialRows = 4,\n      maxRows,\n      invalid,\n      getCount = countCodePointsInString,\n      defaultValue,\n      imperativeRef,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const isUncontrolled = value === undefined\n    // `null` is invalid for TextAreaProps, but may arrive at runtime. Keep the\n    // pre-f710d512 nullish fallback so getCount is never called with null.\n    const countValue = value ?? defaultValue?.toString() ?? ''\n    const [rows, setRows] = useState(initialRows)\n    const [count, setCount] = useState(getCount(countValue))\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const containerRef = useRef(null)\n    useFocusWithClick(containerRef, textareaRef)\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const isEnableAutoHeight = useMemo(\n      () => autoHeight || (maxRows && maxRows >= 0),\n      [autoHeight, maxRows],\n    )\n    const classNames = useClassNames('charcoal-text-area-root', className)\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const syncHeight = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const currentRows =\n          (`${textarea.value}\\n`.match(/\\n/gu)?.length ?? 0) || 1\n        const hasValidMaxRows = maxRows !== undefined && maxRows >= 1\n        const nextRows = initialRows <= currentRows ? currentRows : initialRows\n\n        if (!hasValidMaxRows) {\n          setRows(nextRows)\n          return\n        }\n\n        setRows(Math.min(nextRows, maxRows))\n      },\n      [initialRows, maxRows],\n    )\n\n    const syncTextAreaState = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const count = getCount(textarea.value)\n\n        if (isUncontrolled) {\n          setCount(count)\n        }\n\n        if (isEnableAutoHeight) {\n          syncHeight(textarea)\n        }\n\n        return count\n      },\n      [getCount, isEnableAutoHeight, isUncontrolled, syncHeight],\n    )\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const value = e.currentTarget.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n\n        syncTextAreaState(e.currentTarget)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange, syncTextAreaState],\n    )\n\n    useImperativeHandle(\n      imperativeRef,\n      () => ({\n        setValue: (value: string) => {\n          if (textareaRef.current === null) {\n            return\n          }\n\n          textareaRef.current.value = value\n          syncTextAreaState(textareaRef.current)\n        },\n        sync: () => {\n          if (textareaRef.current !== null) {\n            syncTextAreaState(textareaRef.current)\n          }\n        },\n      }),\n      [syncTextAreaState],\n    )\n\n    const textAreaId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    useEffect(() => {\n      // 制御コンポーネントの時の挙動\n      if (!isUncontrolled) {\n        setCount(getCount(countValue))\n      }\n\n      //　autoHeight同期(valueが変更された時にsyncHeightしたい)\n      if (isEnableAutoHeight && textareaRef.current !== null) {\n        syncHeight(textareaRef.current)\n      }\n    }, [\n      isUncontrolled,\n      countValue,\n      getCount,\n      isEnableAutoHeight,\n      textareaRef,\n      syncHeight,\n    ])\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={textAreaId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-area-container\"\n          aria-disabled={disabled === true ? 'true' : undefined}\n          aria-invalid={invalid === true}\n          ref={containerRef}\n          style={{\n            '--charcoal-text-area-rows': rows,\n          }}\n        >\n          <textarea\n            className=\"charcoal-text-area-textarea\"\n            aria-describedby={showAssistiveText ? describedbyId : undefined}\n            aria-invalid={invalid}\n            aria-labelledby={labelledbyId}\n            id={textAreaId}\n            maxLength={maxLength}\n            data-no-bottom-padding={showCount}\n            onChange={handleChange}\n            ref={mergeRefs(forwardRef, textareaRef)}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...props}\n          />\n          {showCount && (\n            <span className=\"charcoal-text-area-counter\">\n              {maxLength !== undefined ? `${count}/${maxLength}` : count}\n            </span>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextArea\n"],"mappings":"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"}

package/dist/components/TextArea/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","names":["forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","FieldLabel","countCodePointsInString","mergeRefs","useFocusWithClick","AssistiveText","useClassNames","useVisuallyHidden","useId","TextAreaImperativeHandle","setValue","value","sync","TextAreaProps","onChange","imperativeRef","React","Ref","showCount","showLabel","assistiveText","invalid","label","requiredText","disabled","subLabel","ReactNode","autoHeight","maxRows","getCount","Omit","ComponentPropsWithoutRef","TextArea","HTMLTextAreaElement","TextAreaInner","className","required","maxLength","rows","initialRows","defaultValue","props","isUncontrolled","undefined","countValue","toString","setRows","count","setCount","textareaRef","containerRef","visuallyHiddenProps","isEnableAutoHeight","classNames","showAssistiveText","length","syncHeight","textarea","currentRows","match","hasValidMaxRows","nextRows","Math","min","syncTextAreaState","handleChange","e","ChangeEvent","currentTarget","current","textAreaId","id","describedbyId","labelledbyId"],"sources":["../../../src/components/TextArea/index.tsx"],"sourcesContent":["import './index.css'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from '../TextField/useFocusWithClick'\nimport { AssistiveText } from '../TextField/AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\n/**\n * `TextArea` を `imperativeRef` から操作するためのハンドル\n */\nexport type TextAreaImperativeHandle = {\n  /**\n   * textarea の値を更新し、文字数や高さなどの内部状態を同期する\n   */\n  setValue: (value: string) => void\n  /**\n   * textarea の現在の値をもとに、文字数や高さなどの内部状態を同期する\n   */\n  sync: () => void\n}\n\nexport type TextAreaProps = {\n  value?: string\n  onChange?: (value: string) => void\n  imperativeRef?: React.Ref<TextAreaImperativeHandle>\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  autoHeight?: boolean\n\n  maxRows?: number\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'textarea'>, 'onChange'>\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextAreaInner(\n    {\n      onChange,\n      className,\n      value,\n      showCount = false,\n      showLabel = false,\n      label = '',\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      assistiveText,\n      maxLength,\n      autoHeight = false,\n      rows: initialRows = 4,\n      maxRows,\n      invalid,\n      getCount = countCodePointsInString,\n      defaultValue,\n      imperativeRef,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const isUncontrolled = value === undefined\n    // `null` is invalid for TextAreaProps, but may arrive at runtime. Keep the\n    // pre-f710d512 nullish fallback so getCount is never called with null.\n    const countValue = value ?? defaultValue?.toString() ?? ''\n    const [rows, setRows] = useState(initialRows)\n    const [count, setCount] = useState(getCount(countValue))\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const containerRef = useRef(null)\n    useFocusWithClick(containerRef, textareaRef)\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const isEnableAutoHeight = useMemo(\n      () => autoHeight || (maxRows && maxRows >= 0),\n      [autoHeight, maxRows],\n    )\n    const classNames = useClassNames('charcoal-text-area-root', className)\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const syncHeight = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const currentRows =\n          (`${textarea.value}\\n`.match(/\\n/gu)?.length ?? 0) || 1\n        const hasValidMaxRows = maxRows !== undefined && maxRows >= 1\n        const nextRows = initialRows <= currentRows ? currentRows : initialRows\n\n        if (!hasValidMaxRows) {\n          setRows(nextRows)\n          return\n        }\n\n        setRows(Math.min(nextRows, maxRows))\n      },\n      [initialRows, maxRows],\n    )\n\n    const syncTextAreaState = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const count = getCount(textarea.value)\n\n        if (isUncontrolled) {\n          setCount(count)\n        }\n\n        if (isEnableAutoHeight) {\n          syncHeight(textarea)\n        }\n\n        return count\n      },\n      [getCount, isEnableAutoHeight, isUncontrolled, syncHeight],\n    )\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const value = e.currentTarget.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n\n        syncTextAreaState(e.currentTarget)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange, syncTextAreaState],\n    )\n\n    useImperativeHandle(\n      imperativeRef,\n      () => ({\n        setValue: (value: string) => {\n          if (textareaRef.current === null) {\n            return\n          }\n\n          textareaRef.current.value = value\n          syncTextAreaState(textareaRef.current)\n        },\n        sync: () => {\n          if (textareaRef.current !== null) {\n            syncTextAreaState(textareaRef.current)\n          }\n        },\n      }),\n      [syncTextAreaState],\n    )\n\n    const textAreaId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    useEffect(() => {\n      // 制御コンポーネントの時の挙動\n      if (!isUncontrolled) {\n        setCount(getCount(countValue))\n      }\n\n      //　autoHeight同期(valueが変更された時にsyncHeightしたい)\n      if (isEnableAutoHeight && textareaRef.current !== null) {\n        syncHeight(textareaRef.current)\n      }\n    }, [\n      isUncontrolled,\n      countValue,\n      getCount,\n      isEnableAutoHeight,\n      textareaRef,\n      syncHeight,\n    ])\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={textAreaId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-area-container\"\n          aria-disabled={disabled === true ? 'true' : undefined}\n          aria-invalid={invalid === true}\n          ref={containerRef}\n          style={{\n            '--charcoal-text-area-rows': rows,\n          }}\n        >\n          <textarea\n            className=\"charcoal-text-area-textarea\"\n            aria-describedby={showAssistiveText ? describedbyId : undefined}\n            aria-invalid={invalid}\n            aria-labelledby={labelledbyId}\n            id={textAreaId}\n            maxLength={maxLength}\n            data-no-bottom-padding={showCount}\n            onChange={handleChange}\n            ref={mergeRefs(forwardRef, textareaRef)}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...props}\n          />\n          {showCount && (\n            <span className=\"charcoal-text-area-counter\">\n              {maxLength !== undefined ? `${count}/${maxLength}` : count}\n            </span>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextArea\n"],"mappings":"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"}
+{"version":3,"file":"index2.js","names":[],"sources":["../../../src/components/TextArea/index.tsx"],"sourcesContent":["import './index.css'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from '../TextField/useFocusWithClick'\nimport { AssistiveText } from '../TextField/AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\n/**\n * `TextArea` を `imperativeRef` から操作するためのハンドル\n */\nexport type TextAreaImperativeHandle = {\n  /**\n   * textarea の値を更新し、文字数や高さなどの内部状態を同期する\n   */\n  setValue: (value: string) => void\n  /**\n   * textarea の現在の値をもとに、文字数や高さなどの内部状態を同期する\n   */\n  sync: () => void\n}\n\nexport type TextAreaProps = {\n  value?: string\n  onChange?: (value: string) => void\n  imperativeRef?: React.Ref<TextAreaImperativeHandle>\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  autoHeight?: boolean\n\n  maxRows?: number\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'textarea'>, 'onChange'>\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextAreaInner(\n    {\n      onChange,\n      className,\n      value,\n      showCount = false,\n      showLabel = false,\n      label = '',\n      requiredText,\n      subLabel,\n      disabled = false,\n      required,\n      assistiveText,\n      maxLength,\n      autoHeight = false,\n      rows: initialRows = 4,\n      maxRows,\n      invalid,\n      getCount = countCodePointsInString,\n      defaultValue,\n      imperativeRef,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const isUncontrolled = value === undefined\n    // `null` is invalid for TextAreaProps, but may arrive at runtime. Keep the\n    // pre-f710d512 nullish fallback so getCount is never called with null.\n    const countValue = value ?? defaultValue?.toString() ?? ''\n    const [rows, setRows] = useState(initialRows)\n    const [count, setCount] = useState(getCount(countValue))\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const containerRef = useRef(null)\n    useFocusWithClick(containerRef, textareaRef)\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const isEnableAutoHeight = useMemo(\n      () => autoHeight || (maxRows && maxRows >= 0),\n      [autoHeight, maxRows],\n    )\n    const classNames = useClassNames('charcoal-text-area-root', className)\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const syncHeight = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const currentRows =\n          (`${textarea.value}\\n`.match(/\\n/gu)?.length ?? 0) || 1\n        const hasValidMaxRows = maxRows !== undefined && maxRows >= 1\n        const nextRows = initialRows <= currentRows ? currentRows : initialRows\n\n        if (!hasValidMaxRows) {\n          setRows(nextRows)\n          return\n        }\n\n        setRows(Math.min(nextRows, maxRows))\n      },\n      [initialRows, maxRows],\n    )\n\n    const syncTextAreaState = useCallback(\n      (textarea: HTMLTextAreaElement) => {\n        const count = getCount(textarea.value)\n\n        if (isUncontrolled) {\n          setCount(count)\n        }\n\n        if (isEnableAutoHeight) {\n          syncHeight(textarea)\n        }\n\n        return count\n      },\n      [getCount, isEnableAutoHeight, isUncontrolled, syncHeight],\n    )\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const value = e.currentTarget.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n\n        syncTextAreaState(e.currentTarget)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange, syncTextAreaState],\n    )\n\n    useImperativeHandle(\n      imperativeRef,\n      () => ({\n        setValue: (value: string) => {\n          if (textareaRef.current === null) {\n            return\n          }\n\n          textareaRef.current.value = value\n          syncTextAreaState(textareaRef.current)\n        },\n        sync: () => {\n          if (textareaRef.current !== null) {\n            syncTextAreaState(textareaRef.current)\n          }\n        },\n      }),\n      [syncTextAreaState],\n    )\n\n    const textAreaId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    useEffect(() => {\n      // 制御コンポーネントの時の挙動\n      if (!isUncontrolled) {\n        setCount(getCount(countValue))\n      }\n\n      //　autoHeight同期(valueが変更された時にsyncHeightしたい)\n      if (isEnableAutoHeight && textareaRef.current !== null) {\n        syncHeight(textareaRef.current)\n      }\n    }, [\n      isUncontrolled,\n      countValue,\n      getCount,\n      isEnableAutoHeight,\n      textareaRef,\n      syncHeight,\n    ])\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={textAreaId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-area-container\"\n          aria-disabled={disabled === true ? 'true' : undefined}\n          aria-invalid={invalid === true}\n          ref={containerRef}\n          style={{\n            '--charcoal-text-area-rows': rows,\n          }}\n        >\n          <textarea\n            className=\"charcoal-text-area-textarea\"\n            aria-describedby={showAssistiveText ? describedbyId : undefined}\n            aria-invalid={invalid}\n            aria-labelledby={labelledbyId}\n            id={textAreaId}\n            maxLength={maxLength}\n            data-no-bottom-padding={showCount}\n            onChange={handleChange}\n            ref={mergeRefs(forwardRef, textareaRef)}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...props}\n          />\n          {showCount && (\n            <span className=\"charcoal-text-area-counter\">\n              {maxLength !== undefined ? `${count}/${maxLength}` : count}\n            </span>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextArea\n"],"mappings":"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"}

package/dist/components/TextEllipsis/helper.cjs

@@ -1,5 +1,4 @@
 "use client";
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 
 //#region src/components/TextEllipsis/helper.ts
@@ -27,5 +26,7 @@ const onlyText = (children) => {
 };
 
 //#endregion
+exports.childToString = childToString;
 exports.getFinalTitle = getFinalTitle;
+exports.onlyText = onlyText;
 //# sourceMappingURL=helper.cjs.map

package/dist/components/TextEllipsis/helper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"helper.cjs","names":["Children","isValidElement","ReactElement","ReactNode","getFinalTitle","showTooltip","title","children","undefined","resolvedTitle","onlyText","hasChildren","element","Boolean","props","childToString","child","JSON","stringify","toString","Array","isArray","toArray","reduce","text","newText","concat"],"sources":["../../../src/components/TextEllipsis/helper.ts"],"sourcesContent":["// https://github.com/fernandopasik/react-children-utilities/blob/971d8a0324e6183734d8d1af9a65dbad18ab3d00/src/lib/onlyText.ts\n\nimport { Children, isValidElement, ReactElement, ReactNode } from 'react'\n\nexport const getFinalTitle = (\n  showTooltip: boolean,\n  title?: string,\n  children?: ReactNode,\n): string | undefined => {\n  // 1. 表示フラグが false なら即終了\n  if (!showTooltip) {\n    return undefined\n  }\n\n  // 2. タイトルの候補を取得\n  const resolvedTitle = title ?? onlyText(children)\n\n  // 3. resolvedTitle が falsy (undefined, null, \"\") なら終了\n  if (!resolvedTitle) {\n    return undefined\n  }\n\n  // 4. 有効な文字列のみを返す\n  return resolvedTitle\n}\n\nconst hasChildren = (\n  element: ReactNode,\n): element is ReactElement<{ children: ReactNode[] }> =>\n  isValidElement<{ children?: ReactNode[] }>(element) &&\n  Boolean(element.props.children)\n\nexport const childToString = (\n  child?: number | string | boolean | {} | null,\n): string => {\n  if (\n    typeof child === 'undefined' ||\n    child === null ||\n    typeof child === 'boolean'\n  ) {\n    return ''\n  }\n\n  if (JSON.stringify(child) === '{}') {\n    return ''\n  }\n\n  return (child as string | number).toString()\n}\n\nexport const onlyText = (children: ReactNode): string => {\n  if (!Array.isArray(children) && !isValidElement(children)) {\n    return childToString(children)\n  }\n\n  return Children.toArray(children).reduce(\n    (text: string, child: ReactNode): string => {\n      let newText = ''\n\n      if (isValidElement(child) && hasChildren(child)) {\n        newText = onlyText(child.props.children)\n      } else if (isValidElement(child) && !hasChildren(child)) {\n        newText = ''\n      } else {\n        newText = childToString(child)\n      }\n\n      return text.concat(newText)\n    },\n    '',\n  )\n}\n"],"mappings":";;;;;AAIA,MAAaI,iBACXC,aACAC,OACAC,aACuB;CAEvB,IAAI,CAACF,aACH;CAIF,MAAMI,gBAAgBH,SAASI,SAASH,SAAS;CAGjD,IAAI,CAACE,eACH;CAIF,OAAOA;;AAGT,MAAME,eACJC,sCAE2CA,QAAQ,IACnDC,QAAQD,QAAQE,MAAMP,SAAS;AAEjC,MAAaQ,iBACXC,UACW;CACX,IACE,OAAOA,UAAU,eACjBA,UAAU,QACV,OAAOA,UAAU,WAEjB,OAAO;CAGT,IAAIC,KAAKC,UAAUF,MAAM,KAAK,MAC5B,OAAO;CAGT,OAAQA,MAA0BG,UAAU;;AAG9C,MAAaT,YAAYH,aAAgC;CACvD,IAAI,CAACa,MAAMC,QAAQd,SAAS,IAAI,2BAAgBA,SAAS,EACvD,OAAOQ,cAAcR,SAAS;CAGhC,OAAOP,eAASsB,QAAQf,SAAS,CAACgB,QAC/BC,MAAcR,UAA6B;EAC1C,IAAIS,UAAU;EAEd,8BAAmBT,MAAM,IAAIL,YAAYK,MAAM,EAC7CS,UAAUf,SAASM,MAAMF,MAAMP,SAAS;OACnC,8BAAmBS,MAAM,IAAI,CAACL,YAAYK,MAAM,EACrDS,UAAU;OAEVA,UAAUV,cAAcC,MAAM;EAGhC,OAAOQ,KAAKE,OAAOD,QAAQ;IAE7B,GACD"}
+{"version":3,"file":"helper.cjs","names":[],"sources":["../../../src/components/TextEllipsis/helper.ts"],"sourcesContent":["// https://github.com/fernandopasik/react-children-utilities/blob/971d8a0324e6183734d8d1af9a65dbad18ab3d00/src/lib/onlyText.ts\n\nimport { Children, isValidElement, ReactElement, ReactNode } from 'react'\n\nexport const getFinalTitle = (\n  showTooltip: boolean,\n  title?: string,\n  children?: ReactNode,\n): string | undefined => {\n  // 1. 表示フラグが false なら即終了\n  if (!showTooltip) {\n    return undefined\n  }\n\n  // 2. タイトルの候補を取得\n  const resolvedTitle = title ?? onlyText(children)\n\n  // 3. resolvedTitle が falsy (undefined, null, \"\") なら終了\n  if (!resolvedTitle) {\n    return undefined\n  }\n\n  // 4. 有効な文字列のみを返す\n  return resolvedTitle\n}\n\nconst hasChildren = (\n  element: ReactNode,\n): element is ReactElement<{ children: ReactNode[] }> =>\n  isValidElement<{ children?: ReactNode[] }>(element) &&\n  Boolean(element.props.children)\n\nexport const childToString = (\n  child?: number | string | boolean | {} | null,\n): string => {\n  if (\n    typeof child === 'undefined' ||\n    child === null ||\n    typeof child === 'boolean'\n  ) {\n    return ''\n  }\n\n  if (JSON.stringify(child) === '{}') {\n    return ''\n  }\n\n  return (child as string | number).toString()\n}\n\nexport const onlyText = (children: ReactNode): string => {\n  if (!Array.isArray(children) && !isValidElement(children)) {\n    return childToString(children)\n  }\n\n  return Children.toArray(children).reduce(\n    (text: string, child: ReactNode): string => {\n      let newText = ''\n\n      if (isValidElement(child) && hasChildren(child)) {\n        newText = onlyText(child.props.children)\n      } else if (isValidElement(child) && !hasChildren(child)) {\n        newText = ''\n      } else {\n        newText = childToString(child)\n      }\n\n      return text.concat(newText)\n    },\n    '',\n  )\n}\n"],"mappings":";;;;AAIA,MAAa,iBACX,aACA,OACA,aACuB;CAEvB,IAAI,CAAC,aACH;CAIF,MAAM,gBAAgB,SAAS,SAAS,QAAQ;CAGhD,IAAI,CAAC,eACH;CAIF,OAAO;AACT;AAEA,MAAM,eACJ,sCAE2C,OAAO,KAClD,QAAQ,QAAQ,MAAM,QAAQ;AAEhC,MAAa,iBACX,UACW;CACX,IACE,OAAO,UAAU,eACjB,UAAU,QACV,OAAO,UAAU,WAEjB,OAAO;CAGT,IAAI,KAAK,UAAU,KAAK,MAAM,MAC5B,OAAO;CAGT,OAAQ,MAA0B,SAAS;AAC7C;AAEA,MAAa,YAAY,aAAgC;CACvD,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,2BAAgB,QAAQ,GACtD,OAAO,cAAc,QAAQ;CAG/B,OAAO,eAAS,QAAQ,QAAQ,CAAC,CAAC,QAC/B,MAAc,UAA6B;EAC1C,IAAI,UAAU;EAEd,8BAAmB,KAAK,KAAK,YAAY,KAAK,GAC5C,UAAU,SAAS,MAAM,MAAM,QAAQ;OAClC,8BAAmB,KAAK,KAAK,CAAC,YAAY,KAAK,GACpD,UAAU;OAEV,UAAU,cAAc,KAAK;EAG/B,OAAO,KAAK,OAAO,OAAO;CAC5B,GACA,EACF;AACF"}

package/dist/components/TextEllipsis/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/TextEllipsis/helper.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzE,eAAO,MAAM,aAAa,GACxB,aAAa,OAAO,EACpB,QAAQ,MAAM,EACd,WAAW,SAAS,KACnB,MAAM,GAAG,SAgBX,CAAA;AAQD,eAAO,MAAM,aAAa,GACxB,QAAQ,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,GAAG,IAAI,KAC5C,MAcF,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,UAAU,SAAS,KAAG,MAqB9C,CAAA"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/components/TextEllipsis/helper.ts"],"names":[],"mappings":"AAEA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzE,eAAO,MAAM,aAAa,gBACX,OAAO,UACZ,MAAM,aACH,SAAS,KACnB,MAAM,GAAG,SAgBX,CAAA;AAQD,eAAO,MAAM,aAAa,WAChB,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,EAAE,GAAG,IAAI,KAC5C,MAcF,CAAA;AAED,eAAO,MAAM,QAAQ,aAAc,SAAS,KAAG,MAqB9C,CAAA"}

package/dist/components/TextEllipsis/helper.js

@@ -26,5 +26,5 @@ const onlyText = (children) => {
 };
 
 //#endregion
-export { getFinalTitle };
+export { childToString, getFinalTitle, onlyText };
 //# sourceMappingURL=helper.js.map

package/dist/components/TextEllipsis/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":["Children","isValidElement","ReactElement","ReactNode","getFinalTitle","showTooltip","title","children","undefined","resolvedTitle","onlyText","hasChildren","element","Boolean","props","childToString","child","JSON","stringify","toString","Array","isArray","toArray","reduce","text","newText","concat"],"sources":["../../../src/components/TextEllipsis/helper.ts"],"sourcesContent":["// https://github.com/fernandopasik/react-children-utilities/blob/971d8a0324e6183734d8d1af9a65dbad18ab3d00/src/lib/onlyText.ts\n\nimport { Children, isValidElement, ReactElement, ReactNode } from 'react'\n\nexport const getFinalTitle = (\n  showTooltip: boolean,\n  title?: string,\n  children?: ReactNode,\n): string | undefined => {\n  // 1. 表示フラグが false なら即終了\n  if (!showTooltip) {\n    return undefined\n  }\n\n  // 2. タイトルの候補を取得\n  const resolvedTitle = title ?? onlyText(children)\n\n  // 3. resolvedTitle が falsy (undefined, null, \"\") なら終了\n  if (!resolvedTitle) {\n    return undefined\n  }\n\n  // 4. 有効な文字列のみを返す\n  return resolvedTitle\n}\n\nconst hasChildren = (\n  element: ReactNode,\n): element is ReactElement<{ children: ReactNode[] }> =>\n  isValidElement<{ children?: ReactNode[] }>(element) &&\n  Boolean(element.props.children)\n\nexport const childToString = (\n  child?: number | string | boolean | {} | null,\n): string => {\n  if (\n    typeof child === 'undefined' ||\n    child === null ||\n    typeof child === 'boolean'\n  ) {\n    return ''\n  }\n\n  if (JSON.stringify(child) === '{}') {\n    return ''\n  }\n\n  return (child as string | number).toString()\n}\n\nexport const onlyText = (children: ReactNode): string => {\n  if (!Array.isArray(children) && !isValidElement(children)) {\n    return childToString(children)\n  }\n\n  return Children.toArray(children).reduce(\n    (text: string, child: ReactNode): string => {\n      let newText = ''\n\n      if (isValidElement(child) && hasChildren(child)) {\n        newText = onlyText(child.props.children)\n      } else if (isValidElement(child) && !hasChildren(child)) {\n        newText = ''\n      } else {\n        newText = childToString(child)\n      }\n\n      return text.concat(newText)\n    },\n    '',\n  )\n}\n"],"mappings":";;;;AAIA,MAAaI,iBACXC,aACAC,OACAC,aACuB;CAEvB,IAAI,CAACF,aACH;CAIF,MAAMI,gBAAgBH,SAASI,SAASH,SAAS;CAGjD,IAAI,CAACE,eACH;CAIF,OAAOA;;AAGT,MAAME,eACJC,YAEAX,eAA2CW,QAAQ,IACnDC,QAAQD,QAAQE,MAAMP,SAAS;AAEjC,MAAaQ,iBACXC,UACW;CACX,IACE,OAAOA,UAAU,eACjBA,UAAU,QACV,OAAOA,UAAU,WAEjB,OAAO;CAGT,IAAIC,KAAKC,UAAUF,MAAM,KAAK,MAC5B,OAAO;CAGT,OAAQA,MAA0BG,UAAU;;AAG9C,MAAaT,YAAYH,aAAgC;CACvD,IAAI,CAACa,MAAMC,QAAQd,SAAS,IAAI,CAACN,eAAeM,SAAS,EACvD,OAAOQ,cAAcR,SAAS;CAGhC,OAAOP,SAASsB,QAAQf,SAAS,CAACgB,QAC/BC,MAAcR,UAA6B;EAC1C,IAAIS,UAAU;EAEd,IAAIxB,eAAee,MAAM,IAAIL,YAAYK,MAAM,EAC7CS,UAAUf,SAASM,MAAMF,MAAMP,SAAS;OACnC,IAAIN,eAAee,MAAM,IAAI,CAACL,YAAYK,MAAM,EACrDS,UAAU;OAEVA,UAAUV,cAAcC,MAAM;EAGhC,OAAOQ,KAAKE,OAAOD,QAAQ;IAE7B,GACD"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/TextEllipsis/helper.ts"],"sourcesContent":["// https://github.com/fernandopasik/react-children-utilities/blob/971d8a0324e6183734d8d1af9a65dbad18ab3d00/src/lib/onlyText.ts\n\nimport { Children, isValidElement, ReactElement, ReactNode } from 'react'\n\nexport const getFinalTitle = (\n  showTooltip: boolean,\n  title?: string,\n  children?: ReactNode,\n): string | undefined => {\n  // 1. 表示フラグが false なら即終了\n  if (!showTooltip) {\n    return undefined\n  }\n\n  // 2. タイトルの候補を取得\n  const resolvedTitle = title ?? onlyText(children)\n\n  // 3. resolvedTitle が falsy (undefined, null, \"\") なら終了\n  if (!resolvedTitle) {\n    return undefined\n  }\n\n  // 4. 有効な文字列のみを返す\n  return resolvedTitle\n}\n\nconst hasChildren = (\n  element: ReactNode,\n): element is ReactElement<{ children: ReactNode[] }> =>\n  isValidElement<{ children?: ReactNode[] }>(element) &&\n  Boolean(element.props.children)\n\nexport const childToString = (\n  child?: number | string | boolean | {} | null,\n): string => {\n  if (\n    typeof child === 'undefined' ||\n    child === null ||\n    typeof child === 'boolean'\n  ) {\n    return ''\n  }\n\n  if (JSON.stringify(child) === '{}') {\n    return ''\n  }\n\n  return (child as string | number).toString()\n}\n\nexport const onlyText = (children: ReactNode): string => {\n  if (!Array.isArray(children) && !isValidElement(children)) {\n    return childToString(children)\n  }\n\n  return Children.toArray(children).reduce(\n    (text: string, child: ReactNode): string => {\n      let newText = ''\n\n      if (isValidElement(child) && hasChildren(child)) {\n        newText = onlyText(child.props.children)\n      } else if (isValidElement(child) && !hasChildren(child)) {\n        newText = ''\n      } else {\n        newText = childToString(child)\n      }\n\n      return text.concat(newText)\n    },\n    '',\n  )\n}\n"],"mappings":";;;;AAIA,MAAa,iBACX,aACA,OACA,aACuB;CAEvB,IAAI,CAAC,aACH;CAIF,MAAM,gBAAgB,SAAS,SAAS,QAAQ;CAGhD,IAAI,CAAC,eACH;CAIF,OAAO;AACT;AAEA,MAAM,eACJ,YAEA,eAA2C,OAAO,KAClD,QAAQ,QAAQ,MAAM,QAAQ;AAEhC,MAAa,iBACX,UACW;CACX,IACE,OAAO,UAAU,eACjB,UAAU,QACV,OAAO,UAAU,WAEjB,OAAO;CAGT,IAAI,KAAK,UAAU,KAAK,MAAM,MAC5B,OAAO;CAGT,OAAQ,MAA0B,SAAS;AAC7C;AAEA,MAAa,YAAY,aAAgC;CACvD,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,CAAC,eAAe,QAAQ,GACtD,OAAO,cAAc,QAAQ;CAG/B,OAAO,SAAS,QAAQ,QAAQ,CAAC,CAAC,QAC/B,MAAc,UAA6B;EAC1C,IAAI,UAAU;EAEd,IAAI,eAAe,KAAK,KAAK,YAAY,KAAK,GAC5C,UAAU,SAAS,MAAM,MAAM,QAAQ;OAClC,IAAI,eAAe,KAAK,KAAK,CAAC,YAAY,KAAK,GACpD,UAAU;OAEV,UAAU,cAAc,KAAK;EAG/B,OAAO,KAAK,OAAO,OAAO;CAC5B,GACA,EACF;AACF"}

package/dist/components/TextEllipsis/index2.cjs

@@ -1,117 +1,33 @@
 "use client";
-const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_useClassNames = require('../../_lib/useClassNames.cjs');
 require('./index.cjs');
 const require_helper = require('./helper.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
-let react_compiler_runtime = require("react-compiler-runtime");
 
 //#region src/components/TextEllipsis/index.tsx
 /**
 * 複数行のテキストに表示行数制限を設けて`...`で省略する
 */
-function TextEllipsis(t0) {
+function TextEllipsis({ lineHeight, lineLimit = 1, children, title, hyphens = "auto", showTooltip = true, useNowrap = false, ...props }) {
 	"use memo";
-	const $ = (0, react_compiler_runtime.c)(33);
-	if ($[0] !== "036f4b6fed1710575a7949f10872bec1708da86dc7f9ef6c9320b0b274640dca") {
-		for (let $i = 0; $i < 33; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "036f4b6fed1710575a7949f10872bec1708da86dc7f9ef6c9320b0b274640dca";
-	}
-	let children;
-	let lineHeight;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	let title;
-	if ($[1] !== t0) {
-		({lineHeight, lineLimit: t1, children, title, hyphens: t2, showTooltip: t3, useNowrap: t4, ...props} = t0);
-		$[1] = t0;
-		$[2] = children;
-		$[3] = lineHeight;
-		$[4] = props;
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = title;
-	} else {
-		children = $[2];
-		lineHeight = $[3];
-		props = $[4];
-		t1 = $[5];
-		t2 = $[6];
-		t3 = $[7];
-		t4 = $[8];
-		title = $[9];
-	}
-	const lineLimit = t1 === void 0 ? 1 : t1;
-	const hyphens = t2 === void 0 ? "auto" : t2;
-	const showTooltip = t3 === void 0 ? true : t3;
-	const useNowrap = t4 === void 0 ? false : t4;
-	let t5;
-	if ($[10] !== children || $[11] !== showTooltip || $[12] !== title) {
-		t5 = require_helper.getFinalTitle(showTooltip, title, children);
-		$[10] = children;
-		$[11] = showTooltip;
-		$[12] = title;
-		$[13] = t5;
-	} else t5 = $[13];
-	const finalTitle = t5;
+	const finalTitle = require_helper.getFinalTitle(showTooltip, title, children);
 	const classNames = require_useClassNames.useClassNames("charcoal-text-ellipsis", props.className);
 	const hasLineHeight = lineHeight !== void 0;
-	let t6;
-	if ($[14] !== useNowrap) {
-		t6 = useNowrap ? { "data-use-nowrap": useNowrap } : {};
-		$[14] = useNowrap;
-		$[15] = t6;
-	} else t6 = $[15];
-	let t7;
-	if ($[16] !== hasLineHeight || $[17] !== lineHeight) {
-		t7 = hasLineHeight && { "--charcoal-text-ellipsis-line-height": `${lineHeight}px` };
-		$[16] = hasLineHeight;
-		$[17] = lineHeight;
-		$[18] = t7;
-	} else t7 = $[18];
-	let t8;
-	if ($[19] !== hyphens || $[20] !== lineLimit || $[21] !== props.style || $[22] !== t7) {
-		t8 = {
-			...t7,
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		className: classNames,
+		"data-line-limit": lineLimit,
+		"data-has-line-height": hasLineHeight,
+		...useNowrap ? { "data-use-nowrap": useNowrap } : {},
+		style: {
+			...hasLineHeight && { "--charcoal-text-ellipsis-line-height": `${lineHeight}px` },
 			"--charcoal-text-ellipsis-line-limit": lineLimit,
 			hyphens,
 			...props.style
-		};
-		$[19] = hyphens;
-		$[20] = lineLimit;
-		$[21] = props.style;
-		$[22] = t7;
-		$[23] = t8;
-	} else t8 = $[23];
-	const t9 = t8;
-	let t10;
-	if ($[24] !== children || $[25] !== classNames || $[26] !== finalTitle || $[27] !== hasLineHeight || $[28] !== lineLimit || $[29] !== props || $[30] !== t6 || $[31] !== t9) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			...props,
-			className: classNames,
-			"data-line-limit": lineLimit,
-			"data-has-line-height": hasLineHeight,
-			...t6,
-			style: t9,
-			title: finalTitle,
-			children
-		});
-		$[24] = children;
-		$[25] = classNames;
-		$[26] = finalTitle;
-		$[27] = hasLineHeight;
-		$[28] = lineLimit;
-		$[29] = props;
-		$[30] = t6;
-		$[31] = t9;
-		$[32] = t10;
-	} else t10 = $[32];
-	return t10;
+		},
+		title: finalTitle,
+		children
+	});
 }
 
 //#endregion

package/dist/components/TextEllipsis/index2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.cjs","names":["getFinalTitle","useClassNames","CSSProperties","TextEllipsisProps","lineHeight","lineLimit","hyphens","showTooltip","useNowrap","React","ComponentPropsWithoutRef","TextEllipsis","t0","$","_c","$i","Symbol","for","children","props","t1","t2","t3","t4","title","undefined","t5","finalTitle","classNames","className","hasLineHeight","t6","t7","t8","style","t9","t10"],"sources":["../../../src/components/TextEllipsis/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { getFinalTitle } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { CSSProperties } from 'react'\n\nexport type TextEllipsisProps = {\n  lineHeight?: number\n  lineLimit?: number\n  /**\n   * @default 'auto'\n   */\n  hyphens?: CSSProperties['hyphens']\n  /**\n   * html title属性を付与。false のときは付与せず、空文字のときは表示しない\n   * @default true\n   */\n  showTooltip?: boolean\n  /**\n   *\n   * @default false\n   * true: use white-space: nowrap if lineLimit is 1\n   * false: use -webkit-line-clamp if lineLimit is 1\n   */\n  useNowrap?: boolean\n} & React.ComponentPropsWithoutRef<'div'>\n\n/**\n * 複数行のテキストに表示行数制限を設けて`...`で省略する\n */\nexport default function TextEllipsis({\n  lineHeight,\n  lineLimit = 1,\n  children,\n  title,\n  hyphens = 'auto',\n  showTooltip = true,\n  useNowrap = false,\n  ...props\n}: TextEllipsisProps) {\n  'use memo'\n  const finalTitle = getFinalTitle(showTooltip, title, children)\n\n  const classNames = useClassNames('charcoal-text-ellipsis', props.className)\n  const hasLineHeight = lineHeight !== undefined\n\n  return (\n    <div\n      {...props}\n      className={classNames}\n      data-line-limit={lineLimit}\n      data-has-line-height={hasLineHeight}\n      {...(useNowrap ? { 'data-use-nowrap': useNowrap } : {})}\n      style={\n        {\n          ...(hasLineHeight && {\n            '--charcoal-text-ellipsis-line-height': `${lineHeight}px`,\n          }),\n          '--charcoal-text-ellipsis-line-limit': lineLimit,\n          hyphens,\n          ...props.style,\n        } satisfies React.CSSProperties\n      }\n      title={finalTitle}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index2.cjs","names":[],"sources":["../../../src/components/TextEllipsis/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { getFinalTitle } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { CSSProperties } from 'react'\n\nexport type TextEllipsisProps = {\n  lineHeight?: number\n  lineLimit?: number\n  /**\n   * @default 'auto'\n   */\n  hyphens?: CSSProperties['hyphens']\n  /**\n   * html title属性を付与。false のときは付与せず、空文字のときは表示しない\n   * @default true\n   */\n  showTooltip?: boolean\n  /**\n   *\n   * @default false\n   * true: use white-space: nowrap if lineLimit is 1\n   * false: use -webkit-line-clamp if lineLimit is 1\n   */\n  useNowrap?: boolean\n} & React.ComponentPropsWithoutRef<'div'>\n\n/**\n * 複数行のテキストに表示行数制限を設けて`...`で省略する\n */\nexport default function TextEllipsis({\n  lineHeight,\n  lineLimit = 1,\n  children,\n  title,\n  hyphens = 'auto',\n  showTooltip = true,\n  useNowrap = false,\n  ...props\n}: TextEllipsisProps) {\n  'use memo'\n  const finalTitle = getFinalTitle(showTooltip, title, children)\n\n  const classNames = useClassNames('charcoal-text-ellipsis', props.className)\n  const hasLineHeight = lineHeight !== undefined\n\n  return (\n    <div\n      {...props}\n      className={classNames}\n      data-line-limit={lineLimit}\n      data-has-line-height={hasLineHeight}\n      {...(useNowrap ? { 'data-use-nowrap': useNowrap } : {})}\n      style={\n        {\n          ...(hasLineHeight && {\n            '--charcoal-text-ellipsis-line-height': `${lineHeight}px`,\n          }),\n          '--charcoal-text-ellipsis-line-limit': lineLimit,\n          hyphens,\n          ...props.style,\n        } satisfies React.CSSProperties\n      }\n      title={finalTitle}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AA8BA,SAAwB,aAAa,EACnC,YACA,YAAY,GACZ,UACA,OACA,UAAU,QACV,cAAc,MACd,YAAY,OACZ,GAAG,SACiB;CACpB;CACA,MAAM,aAAa,6BAAc,aAAa,OAAO,QAAQ;CAE7D,MAAM,aAAa,oCAAc,0BAA0B,MAAM,SAAS;CAC1E,MAAM,gBAAgB,eAAe;CAErC,OACE,2CAAC,OAAD;EACE,GAAI;EACJ,WAAW;EACX,mBAAiB;EACjB,wBAAsB;EACtB,GAAK,YAAY,EAAE,mBAAmB,UAAU,IAAI,CAAC;EACrD,OACE;GACE,GAAI,iBAAiB,EACnB,wCAAwC,GAAG,WAAU,IACvD;GACA,uCAAuC;GACvC;GACA,GAAG,MAAM;EACX;EAEF,OAAO;EAEN;CACE;AAET"}

package/dist/components/TextEllipsis/index2.js

@@ -3,110 +3,31 @@ import { useClassNames } from "../../_lib/useClassNames.js";
 /* empty css      */
 import { getFinalTitle } from "./helper.js";
 import { jsx } from "react/jsx-runtime";
-import { c } from "react-compiler-runtime";
 
 //#region src/components/TextEllipsis/index.tsx
 /**
 * 複数行のテキストに表示行数制限を設けて`...`で省略する
 */
-function TextEllipsis(t0) {
+function TextEllipsis({ lineHeight, lineLimit = 1, children, title, hyphens = "auto", showTooltip = true, useNowrap = false, ...props }) {
 	"use memo";
-	const $ = c(32);
-	let children;
-	let lineHeight;
-	let props;
-	let t1;
-	let t2;
-	let t3;
-	let t4;
-	let title;
-	if ($[0] !== t0) {
-		({lineHeight, lineLimit: t1, children, title, hyphens: t2, showTooltip: t3, useNowrap: t4, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = lineHeight;
-		$[3] = props;
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = title;
-	} else {
-		children = $[1];
-		lineHeight = $[2];
-		props = $[3];
-		t1 = $[4];
-		t2 = $[5];
-		t3 = $[6];
-		t4 = $[7];
-		title = $[8];
-	}
-	const lineLimit = t1 === void 0 ? 1 : t1;
-	const hyphens = t2 === void 0 ? "auto" : t2;
-	const showTooltip = t3 === void 0 ? true : t3;
-	const useNowrap = t4 === void 0 ? false : t4;
-	let t5;
-	if ($[9] !== children || $[10] !== showTooltip || $[11] !== title) {
-		t5 = getFinalTitle(showTooltip, title, children);
-		$[9] = children;
-		$[10] = showTooltip;
-		$[11] = title;
-		$[12] = t5;
-	} else t5 = $[12];
-	const finalTitle = t5;
+	const finalTitle = getFinalTitle(showTooltip, title, children);
 	const classNames = useClassNames("charcoal-text-ellipsis", props.className);
 	const hasLineHeight = lineHeight !== void 0;
-	let t6;
-	if ($[13] !== useNowrap) {
-		t6 = useNowrap ? { "data-use-nowrap": useNowrap } : {};
-		$[13] = useNowrap;
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] !== hasLineHeight || $[16] !== lineHeight) {
-		t7 = hasLineHeight && { "--charcoal-text-ellipsis-line-height": `${lineHeight}px` };
-		$[15] = hasLineHeight;
-		$[16] = lineHeight;
-		$[17] = t7;
-	} else t7 = $[17];
-	let t8;
-	if ($[18] !== hyphens || $[19] !== lineLimit || $[20] !== props.style || $[21] !== t7) {
-		t8 = {
-			...t7,
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: classNames,
+		"data-line-limit": lineLimit,
+		"data-has-line-height": hasLineHeight,
+		...useNowrap ? { "data-use-nowrap": useNowrap } : {},
+		style: {
+			...hasLineHeight && { "--charcoal-text-ellipsis-line-height": `${lineHeight}px` },
 			"--charcoal-text-ellipsis-line-limit": lineLimit,
 			hyphens,
 			...props.style
-		};
-		$[18] = hyphens;
-		$[19] = lineLimit;
-		$[20] = props.style;
-		$[21] = t7;
-		$[22] = t8;
-	} else t8 = $[22];
-	const t9 = t8;
-	let t10;
-	if ($[23] !== children || $[24] !== classNames || $[25] !== finalTitle || $[26] !== hasLineHeight || $[27] !== lineLimit || $[28] !== props || $[29] !== t6 || $[30] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			...props,
-			className: classNames,
-			"data-line-limit": lineLimit,
-			"data-has-line-height": hasLineHeight,
-			...t6,
-			style: t9,
-			title: finalTitle,
-			children
-		});
-		$[23] = children;
-		$[24] = classNames;
-		$[25] = finalTitle;
-		$[26] = hasLineHeight;
-		$[27] = lineLimit;
-		$[28] = props;
-		$[29] = t6;
-		$[30] = t9;
-		$[31] = t10;
-	} else t10 = $[31];
-	return t10;
+		},
+		title: finalTitle,
+		children
+	});
 }
 
 //#endregion

package/dist/components/TextEllipsis/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","names":["getFinalTitle","useClassNames","CSSProperties","TextEllipsisProps","lineHeight","lineLimit","hyphens","showTooltip","useNowrap","React","ComponentPropsWithoutRef","TextEllipsis","t0","$","_c","children","props","t1","t2","t3","t4","title","undefined","t5","finalTitle","classNames","className","hasLineHeight","t6","t7","t8","style","t9","t10"],"sources":["../../../src/components/TextEllipsis/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { getFinalTitle } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { CSSProperties } from 'react'\n\nexport type TextEllipsisProps = {\n  lineHeight?: number\n  lineLimit?: number\n  /**\n   * @default 'auto'\n   */\n  hyphens?: CSSProperties['hyphens']\n  /**\n   * html title属性を付与。false のときは付与せず、空文字のときは表示しない\n   * @default true\n   */\n  showTooltip?: boolean\n  /**\n   *\n   * @default false\n   * true: use white-space: nowrap if lineLimit is 1\n   * false: use -webkit-line-clamp if lineLimit is 1\n   */\n  useNowrap?: boolean\n} & React.ComponentPropsWithoutRef<'div'>\n\n/**\n * 複数行のテキストに表示行数制限を設けて`...`で省略する\n */\nexport default function TextEllipsis({\n  lineHeight,\n  lineLimit = 1,\n  children,\n  title,\n  hyphens = 'auto',\n  showTooltip = true,\n  useNowrap = false,\n  ...props\n}: TextEllipsisProps) {\n  'use memo'\n  const finalTitle = getFinalTitle(showTooltip, title, children)\n\n  const classNames = useClassNames('charcoal-text-ellipsis', props.className)\n  const hasLineHeight = lineHeight !== undefined\n\n  return (\n    <div\n      {...props}\n      className={classNames}\n      data-line-limit={lineLimit}\n      data-has-line-height={hasLineHeight}\n      {...(useNowrap ? { 'data-use-nowrap': useNowrap } : {})}\n      style={\n        {\n          ...(hasLineHeight && {\n            '--charcoal-text-ellipsis-line-height': `${lineHeight}px`,\n          }),\n          '--charcoal-text-ellipsis-line-limit': lineLimit,\n          hyphens,\n          ...props.style,\n        } satisfies React.CSSProperties\n      }\n      title={finalTitle}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"index2.js","names":[],"sources":["../../../src/components/TextEllipsis/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { getFinalTitle } from './helper'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { CSSProperties } from 'react'\n\nexport type TextEllipsisProps = {\n  lineHeight?: number\n  lineLimit?: number\n  /**\n   * @default 'auto'\n   */\n  hyphens?: CSSProperties['hyphens']\n  /**\n   * html title属性を付与。false のときは付与せず、空文字のときは表示しない\n   * @default true\n   */\n  showTooltip?: boolean\n  /**\n   *\n   * @default false\n   * true: use white-space: nowrap if lineLimit is 1\n   * false: use -webkit-line-clamp if lineLimit is 1\n   */\n  useNowrap?: boolean\n} & React.ComponentPropsWithoutRef<'div'>\n\n/**\n * 複数行のテキストに表示行数制限を設けて`...`で省略する\n */\nexport default function TextEllipsis({\n  lineHeight,\n  lineLimit = 1,\n  children,\n  title,\n  hyphens = 'auto',\n  showTooltip = true,\n  useNowrap = false,\n  ...props\n}: TextEllipsisProps) {\n  'use memo'\n  const finalTitle = getFinalTitle(showTooltip, title, children)\n\n  const classNames = useClassNames('charcoal-text-ellipsis', props.className)\n  const hasLineHeight = lineHeight !== undefined\n\n  return (\n    <div\n      {...props}\n      className={classNames}\n      data-line-limit={lineLimit}\n      data-has-line-height={hasLineHeight}\n      {...(useNowrap ? { 'data-use-nowrap': useNowrap } : {})}\n      style={\n        {\n          ...(hasLineHeight && {\n            '--charcoal-text-ellipsis-line-height': `${lineHeight}px`,\n          }),\n          '--charcoal-text-ellipsis-line-limit': lineLimit,\n          hyphens,\n          ...props.style,\n        } satisfies React.CSSProperties\n      }\n      title={finalTitle}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AA8BA,SAAwB,aAAa,EACnC,YACA,YAAY,GACZ,UACA,OACA,UAAU,QACV,cAAc,MACd,YAAY,OACZ,GAAG,SACiB;CACpB;CACA,MAAM,aAAa,cAAc,aAAa,OAAO,QAAQ;CAE7D,MAAM,aAAa,cAAc,0BAA0B,MAAM,SAAS;CAC1E,MAAM,gBAAgB,eAAe;CAErC,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,WAAW;EACX,mBAAiB;EACjB,wBAAsB;EACtB,GAAK,YAAY,EAAE,mBAAmB,UAAU,IAAI,CAAC;EACrD,OACE;GACE,GAAI,iBAAiB,EACnB,wCAAwC,GAAG,WAAU,IACvD;GACA,uCAAuC;GACvC;GACA,GAAG,MAAM;EACX;EAEF,OAAO;EAEN;CACE;AAET"}

package/dist/components/TextField/AssistiveText/index.d.ts

@@ -1,5 +1,5 @@
 import './index.css';
 export declare const AssistiveText: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TextField/AssistiveText/index2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.cjs","names":["createDivComponent","AssistiveText"],"sources":["../../../../src/components/TextField/AssistiveText/index.tsx"],"sourcesContent":["import { createDivComponent } from '../../../_lib/createDivComponent'\nimport './index.css'\n\nexport const AssistiveText = createDivComponent(\n  'charcoal-text-field-assistive-text',\n)\n"],"mappings":";;;;;AAGA,MAAaC,gBAAgBD,8CAC3B,qCACD"}
+{"version":3,"file":"index2.cjs","names":[],"sources":["../../../../src/components/TextField/AssistiveText/index.tsx"],"sourcesContent":["import { createDivComponent } from '../../../_lib/createDivComponent'\nimport './index.css'\n\nexport const AssistiveText = createDivComponent(\n  'charcoal-text-field-assistive-text',\n)\n"],"mappings":";;;;;AAGA,MAAa,gBAAgB,8CAC3B,oCACF"}

package/dist/components/TextField/AssistiveText/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","names":["createDivComponent","AssistiveText"],"sources":["../../../../src/components/TextField/AssistiveText/index.tsx"],"sourcesContent":["import { createDivComponent } from '../../../_lib/createDivComponent'\nimport './index.css'\n\nexport const AssistiveText = createDivComponent(\n  'charcoal-text-field-assistive-text',\n)\n"],"mappings":";;;;;AAGA,MAAaC,gBAAgBD,mBAC3B,qCACD"}
+{"version":3,"file":"index2.js","names":[],"sources":["../../../../src/components/TextField/AssistiveText/index.tsx"],"sourcesContent":["import { createDivComponent } from '../../../_lib/createDivComponent'\nimport './index.css'\n\nexport const AssistiveText = createDivComponent(\n  'charcoal-text-field-assistive-text',\n)\n"],"mappings":";;;;;AAGA,MAAa,gBAAgB,mBAC3B,oCACF"}

package/dist/components/TextField/index.d.ts

@@ -32,6 +32,6 @@ declare const TextField: React.ForwardRefExoticComponent<{
     subLabel?: React.ReactNode;
     rdfaPrefix?: string;
     getCount?: (value: string) => number;
-} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "prefix" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "prefix"> & React.RefAttributes<HTMLInputElement>>;
 export default TextField;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TextField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAA;AAExE,QAAA,MAAM,SAAS;aApBJ,SAAS;aACT,SAAS;YAEV,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBAEtB,OAAO;gBACP,OAAO;oBACH,MAAM;cACZ,OAAO;YAET,MAAM;mBACC,MAAM;eACV,OAAO;eACP,KAAK,CAAC,SAAS;iBACb,MAAM;eAER,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;6KAqHrC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAA;AAExE,QAAA,MAAM,SAAS;aApBJ,SAAS;aACT,SAAS;YAEV,MAAM;eACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBAEtB,OAAO;gBACP,OAAO;oBACH,MAAM;cACZ,OAAO;YAET,MAAM;mBACC,MAAM;eACV,OAAO;eACP,KAAK,CAAC,SAAS;iBACb,MAAM;eAER,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;6KAqHrC,CAAA;eAEc,SAAS"}

package/dist/components/TextField/index2.cjs

@@ -7,7 +7,7 @@ const require_index$2 = require('../../_lib/index.cjs');
 const require_useFocusWithClick = require('./useFocusWithClick.cjs');
 const require_index$3 = require('./AssistiveText/index2.cjs');
 let react = require("react");
-react = require_runtime.__toESM(react);
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_aria_useId = require("react-aria/useId");
 let react_aria_VisuallyHidden = require("react-aria/VisuallyHidden");

package/dist/components/TextField/index2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.cjs","names":["ReactNode","useCallback","useEffect","useRef","useState","React","FieldLabel","countCodePointsInString","mergeRefs","useFocusWithClick","AssistiveText","useClassNames","useVisuallyHidden","useId","TextFieldProps","prefix","suffix","value","onChange","showCount","showLabel","assistiveText","invalid","label","requiredText","disabled","subLabel","rdfaPrefix","getCount","Omit","ComponentPropsWithoutRef","TextField","forwardRef","HTMLInputElement","SingleLineTextFieldInner","className","maxLength","required","type","props","inputRef","visuallyHiddenProps","count","setCount","handleChange","e","ChangeEvent","target","undefined","containerRef","inputId","id","describedbyId","labelledbyId","showAssistiveText","length","classNames"],"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from './useFocusWithClick'\nimport { AssistiveText } from './AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\nexport type TextFieldProps = {\n  prefix?: ReactNode\n  suffix?: ReactNode\n\n  value?: string\n  onChange?: (value: string) => void\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  rdfaPrefix?: string\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  function SingleLineTextFieldInner(\n    {\n      assistiveText,\n      className,\n      disabled = false,\n      label = '',\n      maxLength,\n      onChange,\n      prefix = null,\n      required,\n      requiredText,\n      showCount = false,\n      showLabel = false,\n      subLabel,\n      suffix = null,\n      type = 'text',\n      invalid,\n      value,\n      getCount = countCodePointsInString,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const [count, setCount] = useState(getCount(value ?? ''))\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        setCount(count)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange],\n    )\n\n    useEffect(() => {\n      setCount(getCount(value ?? ''))\n    }, [getCount, value])\n\n    const containerRef = useRef(null)\n\n    useFocusWithClick(containerRef, inputRef)\n\n    const inputId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const classNames = useClassNames('charcoal-text-field-root', className)\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={inputId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-field-container\"\n          aria-disabled={disabled === true ? true : undefined}\n          data-invalid={invalid === true}\n          ref={containerRef}\n        >\n          {prefix && <div className=\"charcoal-text-field-prefix\">{prefix}</div>}\n          <div className=\"charcoal-text-field-input-root\">\n            <input\n              className=\"charcoal-text-field-input\"\n              aria-describedby={showAssistiveText ? describedbyId : undefined}\n              aria-invalid={invalid}\n              aria-labelledby={labelledbyId}\n              id={inputId}\n              data-invalid={invalid === true}\n              maxLength={maxLength}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={mergeRefs(forwardRef, inputRef)}\n              type={type}\n              value={value}\n              {...props}\n            />\n          </div>\n          {(suffix || showCount) && (\n            <div className=\"charcoal-text-field-suffix\">\n              {suffix}\n              {showCount && (\n                <span className=\"charcoal-text-field-line-counter\">\n                  {maxLength !== undefined ? `${count}/${maxLength}` : count}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextField\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAM+B,YAAY1B,MAAM2B,WACtB,SAASE,yBACP,EACEb,eACAc,WACAV,WAAW,OACXF,QAAQ,IACRa,WACAlB,UACAH,SAAS,MACTsB,UACAb,cACAL,YAAY,OACZC,YAAY,OACZM,UACAV,SAAS,MACTsB,OAAO,QACPhB,SACAL,OACAW,WAAWrB,yCACX,GAAGgC,SAELP,YACA;CACA,MAAMQ,6BAAoC,KAAK;CAE/C,MAAM,EAAEC,0EAA2C;CAEnD,MAAM,CAACC,OAAOC,gCAAqBf,SAASX,SAAS,GAAG,CAAC;CAEzD,MAAM2B,uCACHC,MAA2C;EAC1C,MAAM5B,QAAQ4B,EAAEE,OAAO9B;EACvB,MAAMyB,QAAQd,SAASX,MAAM;EAC7B,IAAImB,cAAcY,UAAaN,QAAQN,WACrC;EAEFO,SAASD,MAAM;EACfxB,WAAWD,MAAM;IAEnB;EAACW;EAAUQ;EAAWlB;EACxB,CAAC;CAEDhB,2BAAgB;EACdyC,SAASf,SAASX,SAAS,GAAG,CAAC;IAC9B,CAACW,UAAUX,MAAM,CAAC;CAErB,MAAMgC,iCAAsB,KAAK;CAEjCxC,4CAAkBwC,cAAcT,SAAS;CAEzC,MAAMU,sCAAgBX,MAAMY,GAAG;CAC/B,MAAMC,6CAAuB;CAC7B,MAAMC,4CAAsB;CAE5B,MAAMC,oBACJjC,iBAAiB,QAAQA,cAAckC,WAAW;CAIpD,OACE,4CAAC,OAAD;EAAK,WAHY5C,oCAAc,4BAA4BwB,UAGjC;EAAE,iBAAeV;YAA3C;GACE,2CAAC,yBAAD;IACE,SAASyB;IACT,IAAIG;IACG9B;IACGc;IACIb;IACJE;IACV,GAAK,CAACN,YAAYqB,sBAAsB,EAAG;IAAC;GAE9C,4CAAC,OAAD;IACE,WAAU;IACV,iBAAehB,aAAa,OAAO,OAAOuB;IAC1C,gBAAc1B,YAAY;IAC1B,KAAK2B;cAJP;KAMGlC,UAAU,2CAAC,OAAD;MAAK,WAAU;gBAA8BA;MAAa;KACrE,2CAAC,OAAD;MAAK,WAAU;gBACb,2CAAC,SAAD;OACE,WAAU;OACV,oBAAkBuC,oBAAoBF,gBAAgBJ;OACtD,gBAAc1B;OACd,mBAAiB+B;OACjB,IAAIH;OACJ,gBAAc5B,YAAY;OACfc;OACX,UAAUQ;OACAnB;OACV,KAAKjB,0BAAUwB,YAAYQ,SAAS;OAC9BF;OACCrB;OACP,GAAIsB;OAAM;MAET;MACHvB,UAAUG,cACV,4CAAC,OAAD;MAAK,WAAU;gBAAf,CACGH,QACAG,aACC,2CAAC,QAAD;OAAM,WAAU;iBACbiB,cAAcY,SAAY,GAAGN,MAAK,GAAIN,cAAcM;OAExD,EAEJ;;KACE;;GACJY,qBACC,2CAAC,+BAAD;IAAe,gBAAchC,YAAY;IAAM,IAAI8B;cAChD/B;IAEJ;GACG;;EAGX"}
+{"version":3,"file":"index2.cjs","names":[],"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import './index.css'\n\nimport { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport FieldLabel from '../FieldLabel'\nimport { countCodePointsInString, mergeRefs } from '../../_lib'\nimport { useFocusWithClick } from './useFocusWithClick'\nimport { AssistiveText } from './AssistiveText'\nimport { useClassNames } from '../../_lib/useClassNames'\nimport { useVisuallyHidden } from 'react-aria/VisuallyHidden'\nimport { useId } from 'react-aria/useId'\n\nexport type TextFieldProps = {\n  prefix?: ReactNode\n  suffix?: ReactNode\n\n  value?: string\n  onChange?: (value: string) => void\n\n  showCount?: boolean\n  showLabel?: boolean\n  assistiveText?: string\n  invalid?: boolean\n\n  label?: string\n  requiredText?: string\n  disabled?: boolean\n  subLabel?: React.ReactNode\n  rdfaPrefix?: string\n\n  getCount?: (value: string) => number\n} & Omit<React.ComponentPropsWithoutRef<'input'>, 'prefix' | 'onChange'>\n\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  function SingleLineTextFieldInner(\n    {\n      assistiveText,\n      className,\n      disabled = false,\n      label = '',\n      maxLength,\n      onChange,\n      prefix = null,\n      required,\n      requiredText,\n      showCount = false,\n      showLabel = false,\n      subLabel,\n      suffix = null,\n      type = 'text',\n      invalid,\n      value,\n      getCount = countCodePointsInString,\n      ...props\n    },\n    forwardRef,\n  ) {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const { visuallyHiddenProps } = useVisuallyHidden()\n\n    const [count, setCount] = useState(getCount(value ?? ''))\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const value = e.target.value\n        const count = getCount(value)\n        if (maxLength !== undefined && count > maxLength) {\n          return\n        }\n        setCount(count)\n        onChange?.(value)\n      },\n      [getCount, maxLength, onChange],\n    )\n\n    useEffect(() => {\n      setCount(getCount(value ?? ''))\n    }, [getCount, value])\n\n    const containerRef = useRef(null)\n\n    useFocusWithClick(containerRef, inputRef)\n\n    const inputId = useId(props.id)\n    const describedbyId = useId()\n    const labelledbyId = useId()\n\n    const showAssistiveText =\n      assistiveText != null && assistiveText.length !== 0\n\n    const classNames = useClassNames('charcoal-text-field-root', className)\n\n    return (\n      <div className={classNames} aria-disabled={disabled}>\n        <FieldLabel\n          htmlFor={inputId}\n          id={labelledbyId}\n          label={label}\n          required={required}\n          requiredText={requiredText}\n          subLabel={subLabel}\n          {...(!showLabel ? visuallyHiddenProps : {})}\n        />\n        <div\n          className=\"charcoal-text-field-container\"\n          aria-disabled={disabled === true ? true : undefined}\n          data-invalid={invalid === true}\n          ref={containerRef}\n        >\n          {prefix && <div className=\"charcoal-text-field-prefix\">{prefix}</div>}\n          <div className=\"charcoal-text-field-input-root\">\n            <input\n              className=\"charcoal-text-field-input\"\n              aria-describedby={showAssistiveText ? describedbyId : undefined}\n              aria-invalid={invalid}\n              aria-labelledby={labelledbyId}\n              id={inputId}\n              data-invalid={invalid === true}\n              maxLength={maxLength}\n              onChange={handleChange}\n              disabled={disabled}\n              ref={mergeRefs(forwardRef, inputRef)}\n              type={type}\n              value={value}\n              {...props}\n            />\n          </div>\n          {(suffix || showCount) && (\n            <div className=\"charcoal-text-field-suffix\">\n              {suffix}\n              {showCount && (\n                <span className=\"charcoal-text-field-line-counter\">\n                  {maxLength !== undefined ? `${count}/${maxLength}` : count}\n                </span>\n              )}\n            </div>\n          )}\n        </div>\n        {showAssistiveText && (\n          <AssistiveText data-invalid={invalid === true} id={describedbyId}>\n            {assistiveText}\n          </AssistiveText>\n        )}\n      </div>\n    )\n  },\n)\n\nexport default TextField\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAM,YAAY,MAAM,WACtB,SAAS,yBACP,EACE,eACA,WACA,WAAW,OACX,QAAQ,IACR,WACA,UACA,SAAS,MACT,UACA,cACA,YAAY,OACZ,YAAY,OACZ,UACA,SAAS,MACT,OAAO,QACP,SACA,OACA,WAAW,yCACX,GAAG,SAEL,YACA;CACA,MAAM,6BAAoC,IAAI;CAE9C,MAAM,EAAE,yEAA0C;CAElD,MAAM,CAAC,OAAO,gCAAqB,SAAS,SAAS,EAAE,CAAC;CAExD,MAAM,uCACH,MAA2C;EAC1C,MAAM,QAAQ,EAAE,OAAO;EACvB,MAAM,QAAQ,SAAS,KAAK;EAC5B,IAAI,cAAc,UAAa,QAAQ,WACrC;EAEF,SAAS,KAAK;EACd,WAAW,KAAK;CAClB,GACA;EAAC;EAAU;EAAW;CAAQ,CAChC;CAEA,2BAAgB;EACd,SAAS,SAAS,SAAS,EAAE,CAAC;CAChC,GAAG,CAAC,UAAU,KAAK,CAAC;CAEpB,MAAM,iCAAsB,IAAI;CAEhC,4CAAkB,cAAc,QAAQ;CAExC,MAAM,sCAAgB,MAAM,EAAE;CAC9B,MAAM,4CAAsB;CAC5B,MAAM,2CAAqB;CAE3B,MAAM,oBACJ,iBAAiB,QAAQ,cAAc,WAAW;CAIpD,OACE,4CAAC,OAAD;EAAK,WAHY,oCAAc,4BAA4B,SAG3C;EAAY,iBAAe;YAA3C;GACE,2CAAC,yBAAD;IACE,SAAS;IACT,IAAI;IACG;IACG;IACI;IACJ;IACV,GAAK,CAAC,YAAY,sBAAsB,CAAC;GAAG;GAE9C,4CAAC,OAAD;IACE,WAAU;IACV,iBAAe,aAAa,OAAO,OAAO;IAC1C,gBAAc,YAAY;IAC1B,KAAK;cAJP;KAMG,UAAU,2CAAC,OAAD;MAAK,WAAU;gBAA8B;KAAY;KACpE,2CAAC,OAAD;MAAK,WAAU;gBACb,2CAAC,SAAD;OACE,WAAU;OACV,oBAAkB,oBAAoB,gBAAgB;OACtD,gBAAc;OACd,mBAAiB;OACjB,IAAI;OACJ,gBAAc,YAAY;OACf;OACX,UAAU;OACA;OACV,KAAK,0BAAU,YAAY,QAAQ;OAC7B;OACC;OACP,GAAI;MAAM;KAET;MACH,UAAU,cACV,4CAAC,OAAD;MAAK,WAAU;gBAAf,CACG,QACA,aACC,2CAAC,QAAD;OAAM,WAAU;iBACb,cAAc,SAAY,GAAG,MAAK,GAAI,cAAc;MACjD,EAEL;;IAEJ;;GACJ,qBACC,2CAAC,+BAAD;IAAe,gBAAc,YAAY;IAAM,IAAI;cAChD;GACY;EAEd;;AAET,CACF"}