smarthr-ui 87.0.0 → 87.1.0

package/lib/components/Disclosure/DisclosureTrigger.cjs

@@ -1,30 +1,43 @@
 "use client";
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var components_Disclosure_useDisclosure = require('./useDisclosure.cjs');
 
-const DisclosureTrigger = ({ targetId, children, onClick, ...rest }) => {
+const DisclosureTrigger = ({ targetId, children, onClick }) => {
     const [expanded, setExpanded] = components_Disclosure_useDisclosure.useDisclosure(targetId);
-    const actualOnClick = React.useCallback((e) => {
+    const ref = React.useRef(null);
+    const actualOnClick = React.useMemo(() => {
         const toggleExpanded = () => {
             setExpanded((current) => !current);
         };
         if (onClick) {
-            return onClick(toggleExpanded, e);
+            return (e) => {
+                onClick(toggleExpanded, e);
+            };
         }
-        toggleExpanded();
+        return toggleExpanded;
     }, [onClick, setExpanded]);
-    const actualTrigger = React.useMemo(() => {
-        const actualChildren = children instanceof Function ? children({ expanded }) : children;
-        return React.cloneElement(actualChildren, {
-            ...rest,
-            onClick: actualOnClick,
-            'aria-expanded': expanded.toString(),
-            'aria-controls': targetId,
-        });
-    }, [expanded, children, actualOnClick, targetId, rest]);
-    return actualTrigger;
+    React.useEffect(() => {
+        if (!ref.current) {
+            return;
+        }
+        const button = ref.current.querySelector('button');
+        if (!button) {
+            throw new Error('DisclosureTriggerのchildrenにbutton要素を設置してください');
+        }
+        button.setAttribute('aria-expanded', expanded.toString());
+        button.setAttribute('aria-controls', targetId);
+        button.addEventListener('click', actualOnClick);
+        return () => {
+            button.removeEventListener('click', actualOnClick);
+        };
+    }, [expanded, children, actualOnClick, targetId]);
+    // HINT: 念の為spanに対して外部からstyleを当てられるようにしておく。
+    // Fragmentにrefが渡せるようになったタイミングでclassNameも不要になる
+    // TODO: 将来的にspan -> Fragmentに変更する
+    return (jsxRuntime.jsx("span", { className: "smarthr-ui-DisclosureTriggerWrapper", ref: ref, children: children instanceof Function ? children({ expanded }) : children }));
 };
 
 exports.DisclosureTrigger = DisclosureTrigger;

package/lib/components/Disclosure/DisclosureTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DisclosureTrigger.cjs","sources":["../../../src/components/Disclosure/DisclosureTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type MouseEvent,\n  type ReactElement,\n  cloneElement,\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { useDisclosure } from './useDisclosure'\n\ntype DisclosureTriggerNodeChildren = Omit<\n  ReactElement,\n  'onClick' | 'aria-expanded' | 'aria-controls'\n>\ntype DisclosureTriggerFuncChildren = (args: { expanded: boolean }) => DisclosureTriggerNodeChildren\n\ntype DisclosureTriggerProps = {\n  /** DisclosureContentのidと紐づける文字列 */\n  targetId: string\n  /** 開閉時のハンドラー */\n  onClick?: (open: () => void, e: MouseEvent<HTMLButtonElement>) => void\n  children: DisclosureTriggerNodeChildren | DisclosureTriggerFuncChildren\n}\n\nexport const DisclosureTrigger: FC<DisclosureTriggerProps> = ({\n  targetId,\n  children,\n  onClick,\n  ...rest\n}) => {\n  const [expanded, setExpanded] = useDisclosure(targetId)\n\n  const actualOnClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const toggleExpanded = () => {\n        setExpanded((current) => !current)\n      }\n\n      if (onClick) {\n        return onClick(toggleExpanded, e)\n      }\n\n      toggleExpanded()\n    },\n    [onClick, setExpanded],\n  )\n\n  const actualTrigger = useMemo(() => {\n    const actualChildren = children instanceof Function ? children({ expanded }) : children\n\n    return cloneElement(actualChildren as ReactElement, {\n      ...rest,\n      onClick: actualOnClick,\n      'aria-expanded': expanded.toString(),\n      'aria-controls': targetId,\n    })\n  }, [expanded, children, actualOnClick, targetId, rest])\n\n  return actualTrigger\n}\n"],"names":[],"mappings":";;;;;;AA2BO;;AAQL;;;AAII;;AAGE;;AAGF;AACF;AAIF;AACE;;AAGE;AACA;AACA;AACA;AACD;AACH;AAEA;AACF;;"}
+{"version":3,"file":"DisclosureTrigger.cjs","sources":["../../../src/components/Disclosure/DisclosureTrigger.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactElement, useEffect, useMemo, useRef } from 'react'\n\nimport { useDisclosure } from './useDisclosure'\n\ntype DisclosureTriggerNodeChildren = Omit<\n  ReactElement,\n  'onClick' | 'aria-expanded' | 'aria-controls'\n>\ntype DisclosureTriggerFuncChildren = (args: { expanded: boolean }) => DisclosureTriggerNodeChildren\n\ntype DisclosureTriggerProps = {\n  /** DisclosureContentのidと紐づける文字列 */\n  targetId: string\n  /** 開閉時のハンドラー */\n  onClick?: (open: () => void, e: MouseEvent) => void\n  children: DisclosureTriggerNodeChildren | DisclosureTriggerFuncChildren\n}\n\nexport const DisclosureTrigger: FC<DisclosureTriggerProps> = ({ targetId, children, onClick }) => {\n  const [expanded, setExpanded] = useDisclosure(targetId)\n  const ref = useRef<HTMLSpanElement | null>(null)\n\n  const actualOnClick = useMemo(() => {\n    const toggleExpanded = () => {\n      setExpanded((current) => !current)\n    }\n\n    if (onClick) {\n      return (e: MouseEvent) => {\n        onClick(toggleExpanded, e)\n      }\n    }\n\n    return toggleExpanded\n  }, [onClick, setExpanded])\n\n  useEffect(() => {\n    if (!ref.current) {\n      return\n    }\n\n    const button = ref.current.querySelector('button')\n\n    if (!button) {\n      throw new Error('DisclosureTriggerのchildrenにbutton要素を設置してください')\n    }\n\n    button.setAttribute('aria-expanded', expanded.toString())\n    button.setAttribute('aria-controls', targetId)\n    button.addEventListener('click', actualOnClick)\n\n    return () => {\n      button.removeEventListener('click', actualOnClick)\n    }\n  }, [expanded, children, actualOnClick, targetId])\n\n  // HINT: 念の為spanに対して外部からstyleを当てられるようにしておく。\n  // Fragmentにrefが渡せるようになったタイミングでclassNameも不要になる\n  // TODO: 将来的にspan -> Fragmentに変更する\n  return (\n    <span className=\"smarthr-ui-DisclosureTriggerWrapper\" ref={ref}>\n      {children instanceof Function ? children({ expanded }) : children}\n    </span>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAoBO;;AAEL;AAEA;;;AAGE;;;AAII;AACF;;AAGF;AACF;;AAGE;;;;;AAOE;;;AAIF;AACA;AAEA;AACE;AACF;;;;;AAMF;AAKF;;"}

package/lib/components/Disclosure/DisclosureTrigger.d.ts

@@ -1,4 +1,4 @@
-import { type FC, type MouseEvent, type ReactElement } from 'react';
+import { type FC, type ReactElement } from 'react';
 type DisclosureTriggerNodeChildren = Omit<ReactElement, 'onClick' | 'aria-expanded' | 'aria-controls'>;
 type DisclosureTriggerFuncChildren = (args: {
     expanded: boolean;
@@ -7,7 +7,7 @@ type DisclosureTriggerProps = {
     /** DisclosureContentのidと紐づける文字列 */
     targetId: string;
     /** 開閉時のハンドラー */
-    onClick?: (open: () => void, e: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (open: () => void, e: MouseEvent) => void;
     children: DisclosureTriggerNodeChildren | DisclosureTriggerFuncChildren;
 };
 export declare const DisclosureTrigger: FC<DisclosureTriggerProps>;

package/lib/components/Disclosure/DisclosureTrigger.js

@@ -1,28 +1,41 @@
 "use client";
-import { useCallback, useMemo, cloneElement } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useEffect } from 'react';
 import { useDisclosure } from './useDisclosure.js';
 
-const DisclosureTrigger = ({ targetId, children, onClick, ...rest }) => {
+const DisclosureTrigger = ({ targetId, children, onClick }) => {
     const [expanded, setExpanded] = useDisclosure(targetId);
-    const actualOnClick = useCallback((e) => {
+    const ref = useRef(null);
+    const actualOnClick = useMemo(() => {
         const toggleExpanded = () => {
             setExpanded((current) => !current);
         };
         if (onClick) {
-            return onClick(toggleExpanded, e);
+            return (e) => {
+                onClick(toggleExpanded, e);
+            };
         }
-        toggleExpanded();
+        return toggleExpanded;
     }, [onClick, setExpanded]);
-    const actualTrigger = useMemo(() => {
-        const actualChildren = children instanceof Function ? children({ expanded }) : children;
-        return cloneElement(actualChildren, {
-            ...rest,
-            onClick: actualOnClick,
-            'aria-expanded': expanded.toString(),
-            'aria-controls': targetId,
-        });
-    }, [expanded, children, actualOnClick, targetId, rest]);
-    return actualTrigger;
+    useEffect(() => {
+        if (!ref.current) {
+            return;
+        }
+        const button = ref.current.querySelector('button');
+        if (!button) {
+            throw new Error('DisclosureTriggerのchildrenにbutton要素を設置してください');
+        }
+        button.setAttribute('aria-expanded', expanded.toString());
+        button.setAttribute('aria-controls', targetId);
+        button.addEventListener('click', actualOnClick);
+        return () => {
+            button.removeEventListener('click', actualOnClick);
+        };
+    }, [expanded, children, actualOnClick, targetId]);
+    // HINT: 念の為spanに対して外部からstyleを当てられるようにしておく。
+    // Fragmentにrefが渡せるようになったタイミングでclassNameも不要になる
+    // TODO: 将来的にspan -> Fragmentに変更する
+    return (jsx("span", { className: "smarthr-ui-DisclosureTriggerWrapper", ref: ref, children: children instanceof Function ? children({ expanded }) : children }));
 };
 
 export { DisclosureTrigger };

package/lib/components/Disclosure/DisclosureTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisclosureTrigger.js","sources":["../../../src/components/Disclosure/DisclosureTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type MouseEvent,\n  type ReactElement,\n  cloneElement,\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { useDisclosure } from './useDisclosure'\n\ntype DisclosureTriggerNodeChildren = Omit<\n  ReactElement,\n  'onClick' | 'aria-expanded' | 'aria-controls'\n>\ntype DisclosureTriggerFuncChildren = (args: { expanded: boolean }) => DisclosureTriggerNodeChildren\n\ntype DisclosureTriggerProps = {\n  /** DisclosureContentのidと紐づける文字列 */\n  targetId: string\n  /** 開閉時のハンドラー */\n  onClick?: (open: () => void, e: MouseEvent<HTMLButtonElement>) => void\n  children: DisclosureTriggerNodeChildren | DisclosureTriggerFuncChildren\n}\n\nexport const DisclosureTrigger: FC<DisclosureTriggerProps> = ({\n  targetId,\n  children,\n  onClick,\n  ...rest\n}) => {\n  const [expanded, setExpanded] = useDisclosure(targetId)\n\n  const actualOnClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const toggleExpanded = () => {\n        setExpanded((current) => !current)\n      }\n\n      if (onClick) {\n        return onClick(toggleExpanded, e)\n      }\n\n      toggleExpanded()\n    },\n    [onClick, setExpanded],\n  )\n\n  const actualTrigger = useMemo(() => {\n    const actualChildren = children instanceof Function ? children({ expanded }) : children\n\n    return cloneElement(actualChildren as ReactElement, {\n      ...rest,\n      onClick: actualOnClick,\n      'aria-expanded': expanded.toString(),\n      'aria-controls': targetId,\n    })\n  }, [expanded, children, actualOnClick, targetId, rest])\n\n  return actualTrigger\n}\n"],"names":[],"mappings":";;;;AA2BO;;AAQL;;;AAII;;AAGE;;AAGF;AACF;AAIF;AACE;;AAGE;AACA;AACA;AACA;AACD;AACH;AAEA;AACF;;"}
+{"version":3,"file":"DisclosureTrigger.js","sources":["../../../src/components/Disclosure/DisclosureTrigger.tsx"],"sourcesContent":["'use client'\n\nimport { type FC, type ReactElement, useEffect, useMemo, useRef } from 'react'\n\nimport { useDisclosure } from './useDisclosure'\n\ntype DisclosureTriggerNodeChildren = Omit<\n  ReactElement,\n  'onClick' | 'aria-expanded' | 'aria-controls'\n>\ntype DisclosureTriggerFuncChildren = (args: { expanded: boolean }) => DisclosureTriggerNodeChildren\n\ntype DisclosureTriggerProps = {\n  /** DisclosureContentのidと紐づける文字列 */\n  targetId: string\n  /** 開閉時のハンドラー */\n  onClick?: (open: () => void, e: MouseEvent) => void\n  children: DisclosureTriggerNodeChildren | DisclosureTriggerFuncChildren\n}\n\nexport const DisclosureTrigger: FC<DisclosureTriggerProps> = ({ targetId, children, onClick }) => {\n  const [expanded, setExpanded] = useDisclosure(targetId)\n  const ref = useRef<HTMLSpanElement | null>(null)\n\n  const actualOnClick = useMemo(() => {\n    const toggleExpanded = () => {\n      setExpanded((current) => !current)\n    }\n\n    if (onClick) {\n      return (e: MouseEvent) => {\n        onClick(toggleExpanded, e)\n      }\n    }\n\n    return toggleExpanded\n  }, [onClick, setExpanded])\n\n  useEffect(() => {\n    if (!ref.current) {\n      return\n    }\n\n    const button = ref.current.querySelector('button')\n\n    if (!button) {\n      throw new Error('DisclosureTriggerのchildrenにbutton要素を設置してください')\n    }\n\n    button.setAttribute('aria-expanded', expanded.toString())\n    button.setAttribute('aria-controls', targetId)\n    button.addEventListener('click', actualOnClick)\n\n    return () => {\n      button.removeEventListener('click', actualOnClick)\n    }\n  }, [expanded, children, actualOnClick, targetId])\n\n  // HINT: 念の為spanに対して外部からstyleを当てられるようにしておく。\n  // Fragmentにrefが渡せるようになったタイミングでclassNameも不要になる\n  // TODO: 将来的にspan -> Fragmentに変更する\n  return (\n    <span className=\"smarthr-ui-DisclosureTriggerWrapper\" ref={ref}>\n      {children instanceof Function ? children({ expanded }) : children}\n    </span>\n  )\n}\n"],"names":[],"mappings":";;;;;AAoBO;;AAEL;AAEA;;;AAGE;;;AAII;AACF;;AAGF;AACF;;AAGE;;;;;AAOE;;;AAIF;AACA;AAEA;AACE;AACF;;;;;AAMF;AAKF;;"}

package/lib/components/Text/Text.cjs

@@ -79,6 +79,14 @@ const classNameGenerator = index.tv({
             'pre-line': 'shr-whitespace-pre-line',
             'pre-wrap': 'shr-whitespace-pre-wrap',
         },
+        maxLines: {
+            1: 'shr-inline-block shr-w-full shr-overflow-x-clip shr-overflow-ellipsis shr-whitespace-nowrap shr-align-middle',
+            2: 'shr-line-clamp-[2]',
+            3: 'shr-line-clamp-[3]',
+            4: 'shr-line-clamp-[4]',
+            5: 'shr-line-clamp-[5]',
+            6: 'shr-line-clamp-[6]',
+        },
     },
 });
 const wrapperClassNameGenerator = index.tv({
@@ -125,7 +133,10 @@ const wrapperClassNameGenerator = index.tv({
     },
 });
 const iconObjectConverter = (icon) => (icon ? { prefix: icon } : undefined);
-const ActualText = ({ emphasis, styleType, icon: orgIcon, weight = emphasis ? 'bold' : undefined, as: Component = emphasis ? 'em' : 'span', size, italic, color, leading, whiteSpace, className, children, ...rest }) => {
+const ActualText = ({ emphasis, styleType, icon: orgIcon, weight = emphasis ? 'bold' : undefined, as: Component = emphasis ? 'em' : 'span', size, italic, color, leading, whiteSpace, maxLines, className, children, ...rest }) => {
+    if (maxLines !== undefined && (maxLines < 1 || maxLines > 6)) {
+        throw new Error('"maxLines" は 1 ~ 6 の範囲で指定してください');
+    }
     const icon = hooks_useObjectAttributes.useObjectAttributes(orgIcon, iconObjectConverter);
     const actualClassName = React.useMemo(() => {
         const styleTypeValues = styleType
@@ -138,9 +149,10 @@ const ActualText = ({ emphasis, styleType, icon: orgIcon, weight = emphasis ? 'b
             leading: leading || styleTypeValues.leading,
             italic,
             whiteSpace,
+            maxLines,
             className,
         });
-    }, [size, weight, italic, color, leading, whiteSpace, className, styleType]);
+    }, [size, weight, italic, color, leading, whiteSpace, maxLines, className, styleType]);
     const wrapperClassName = React.useMemo(() => (icon ? wrapperClassNameGenerator({ gap: icon.gap || 0.25 }) : ''), [icon]);
     return (jsxRuntime.jsx(Component, { ...rest, className: actualClassName, children: icon ? (jsxRuntime.jsxs("span", { className: wrapperClassName, children: [icon.prefix, children, icon.suffix] })) : (children) }));
 };

package/lib/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { useObjectAttributes } from '../../hooks/useObjectAttributes'\n\nimport type { AbstractSize, CharRelativeSize } from '../../themes/createSpacing'\nimport type { Gap } from '../../types'\n\ntype StyleType =\n  | 'screenTitle'\n  | 'sectionTitle'\n  | 'blockTitle'\n  | 'subBlockTitle'\n  | 'subSubBlockTitle'\n\nexport const STYLE_TYPE_MAP: { [key in StyleType]: VariantProps<typeof classNameGenerator> } = {\n  screenTitle: {\n    size: 'XL',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  sectionTitle: {\n    size: 'L',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  blockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n  },\n  subBlockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n  subSubBlockTitle: {\n    size: 'S',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n}\nconst UNDEFINED_STYLE_VALUES = {\n  size: undefined,\n  leading: undefined,\n  weight: undefined,\n  color: undefined,\n}\n\nconst classNameGenerator = tv({\n  variants: {\n    size: {\n      XXS: 'shr-text-2xs',\n      XS: 'shr-text-xs',\n      S: 'shr-text-sm',\n      M: 'shr-text-base',\n      L: 'shr-text-lg',\n      XL: 'shr-text-xl',\n      XXL: 'shr-text-2xl',\n    },\n    weight: {\n      normal: 'shr-font-normal',\n      bold: 'shr-font-bold',\n    },\n    italic: {\n      true: 'shr-italic',\n    },\n    color: {\n      TEXT_BLACK: 'shr-text-black',\n      TEXT_WHITE: 'shr-text-white',\n      TEXT_GREY: 'shr-text-grey',\n      TEXT_DISABLED: 'shr-text-disabled',\n      TEXT_LINK: 'shr-text-link',\n      inherit: 'shr-text-color-inherit',\n    },\n    leading: {\n      NONE: 'shr-leading-none',\n      TIGHT: 'shr-leading-tight',\n      NORMAL: 'shr-leading-normal',\n      LOOSE: 'shr-leading-loose',\n    },\n    whiteSpace: {\n      normal: 'shr-whitespace-normal',\n      nowrap: 'shr-whitespace-nowrap',\n      pre: 'shr-whitespace-pre',\n      'pre-line': 'shr-whitespace-pre-line',\n      'pre-wrap': 'shr-whitespace-pre-wrap',\n    },\n  },\n})\n\nconst wrapperClassNameGenerator = tv({\n  base: [\n    'smarthr-ui-Icon-extended smarthr-ui-Icon-withText shr-group/iconWrapper shr-inline-flex shr-items-baseline',\n  ],\n  variants: {\n    gap: {\n      0: 'shr-gap-x-0',\n      0.25: 'shr-gap-x-0.25',\n      0.5: 'shr-gap-x-0.5',\n      0.75: 'shr-gap-x-0.75',\n      1: 'shr-gap-x-1',\n      1.25: 'shr-gap-x-1.25',\n      1.5: 'shr-gap-x-1.5',\n      2: 'shr-gap-x-2',\n      2.5: 'shr-gap-x-2.5',\n      3: 'shr-gap-x-3',\n      3.5: 'shr-gap-x-3.5',\n      4: 'shr-gap-x-4',\n      8: 'shr-gap-x-8',\n      '-0.25': '-shr-gap-x-0.25',\n      '-0.5': '-shr-gap-x-0.5',\n      '-0.75': '-shr-gap-x-0.75',\n      '-1': '-shr-gap-x-1',\n      '-1.25': '-shr-gap-x-1.25',\n      '-1.5': '-shr-gap-x-1.5',\n      '-2': '-shr-gap-x-2',\n      '-2.5': '-shr-gap-x-2.5',\n      '-3': '-shr-gap-x-3',\n      '-3.5': '-shr-gap-x-3.5',\n      '-4': '-shr-gap-x-4',\n      '-8': '-shr-gap-x-8',\n      X3S: 'shr-gap-x-0.25',\n      XXS: 'shr-gap-x-0.5',\n      XS: 'shr-gap-x-1',\n      S: 'shr-gap-x-1.5',\n      M: 'shr-gap-x-2',\n      L: 'shr-gap-x-2.5',\n      XL: 'shr-gap-x-3',\n      XXL: 'shr-gap-x-3.5',\n      X3L: 'shr-gap-x-4',\n    } as { [key in Gap]: string },\n  },\n})\n\ntype ActualIconType =\n  | undefined\n  | {\n      /** テキスト左に設置するアイコン */\n      prefix?: ReactNode\n      /** テキスト右に設置するアイコン */\n      suffix?: ReactNode\n      /** アイコンと並べるテキストとの溝 */\n      gap?: CharRelativeSize | AbstractSize\n    }\ntype IconType = ActualIconType | ReactNode\n\n// VariantProps を使うとコメントが書けない〜🥹\nexport type TextProps<T extends ElementType = 'span'> = VariantProps<typeof classNameGenerator> & {\n  /** テキストコンポーネントの HTML タグ名。初期値は span */\n  as?: T\n  /** 強調するかどうかの真偽値。指定すると em 要素になる */\n  emphasis?: boolean\n  /** 見た目の種類 */\n  styleType?: StyleType\n  /** 設置するアイコン */\n  icon?: IconType\n}\n\nconst iconObjectConverter = (icon: ReactNode) => (icon ? { prefix: icon } : undefined)\n\nconst ActualText = <T extends ElementType = 'span'>({\n  emphasis,\n  styleType,\n  icon: orgIcon,\n  weight = emphasis ? 'bold' : undefined,\n  as: Component = emphasis ? 'em' : 'span',\n  size,\n  italic,\n  color,\n  leading,\n  whiteSpace,\n  className,\n  children,\n  ...rest\n}: PropsWithChildren<TextProps<T> & ComponentProps<T>>) => {\n  const icon = useObjectAttributes<IconType, ActualIconType>(orgIcon, iconObjectConverter)\n  const actualClassName = useMemo(() => {\n    const styleTypeValues = styleType\n      ? STYLE_TYPE_MAP[styleType as StyleType]\n      : UNDEFINED_STYLE_VALUES\n\n    return classNameGenerator({\n      size: size || styleTypeValues.size,\n      weight: weight || styleTypeValues.weight,\n      color: color || styleTypeValues.color,\n      leading: leading || styleTypeValues.leading,\n      italic,\n      whiteSpace,\n      className,\n    })\n  }, [size, weight, italic, color, leading, whiteSpace, className, styleType])\n  const wrapperClassName = useMemo(\n    () => (icon ? wrapperClassNameGenerator({ gap: icon.gap || 0.25 }) : ''),\n    [icon],\n  )\n\n  return (\n    <Component {...rest} className={actualClassName}>\n      {icon ? (\n        <span className={wrapperClassName}>\n          {icon.prefix}\n          {children}\n          {icon.suffix}\n        </span>\n      ) : (\n        children\n      )}\n    </Component>\n  )\n}\n\nexport const Text = memo(ActualText) as typeof ActualText\n"],"names":["tv","useObjectAttributes","useMemo","_jsx","_jsxs","memo"],"mappings":"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"}
+{"version":3,"file":"Text.cjs","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { useObjectAttributes } from '../../hooks/useObjectAttributes'\n\nimport type { AbstractSize, CharRelativeSize } from '../../themes/createSpacing'\nimport type { Gap } from '../../types'\n\ntype StyleType =\n  | 'screenTitle'\n  | 'sectionTitle'\n  | 'blockTitle'\n  | 'subBlockTitle'\n  | 'subSubBlockTitle'\n\nexport const STYLE_TYPE_MAP: { [key in StyleType]: VariantProps<typeof classNameGenerator> } = {\n  screenTitle: {\n    size: 'XL',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  sectionTitle: {\n    size: 'L',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  blockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n  },\n  subBlockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n  subSubBlockTitle: {\n    size: 'S',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n}\nconst UNDEFINED_STYLE_VALUES = {\n  size: undefined,\n  leading: undefined,\n  weight: undefined,\n  color: undefined,\n}\n\nconst classNameGenerator = tv({\n  variants: {\n    size: {\n      XXS: 'shr-text-2xs',\n      XS: 'shr-text-xs',\n      S: 'shr-text-sm',\n      M: 'shr-text-base',\n      L: 'shr-text-lg',\n      XL: 'shr-text-xl',\n      XXL: 'shr-text-2xl',\n    },\n    weight: {\n      normal: 'shr-font-normal',\n      bold: 'shr-font-bold',\n    },\n    italic: {\n      true: 'shr-italic',\n    },\n    color: {\n      TEXT_BLACK: 'shr-text-black',\n      TEXT_WHITE: 'shr-text-white',\n      TEXT_GREY: 'shr-text-grey',\n      TEXT_DISABLED: 'shr-text-disabled',\n      TEXT_LINK: 'shr-text-link',\n      inherit: 'shr-text-color-inherit',\n    },\n    leading: {\n      NONE: 'shr-leading-none',\n      TIGHT: 'shr-leading-tight',\n      NORMAL: 'shr-leading-normal',\n      LOOSE: 'shr-leading-loose',\n    },\n    whiteSpace: {\n      normal: 'shr-whitespace-normal',\n      nowrap: 'shr-whitespace-nowrap',\n      pre: 'shr-whitespace-pre',\n      'pre-line': 'shr-whitespace-pre-line',\n      'pre-wrap': 'shr-whitespace-pre-wrap',\n    },\n    maxLines: {\n      1: 'shr-inline-block shr-w-full shr-overflow-x-clip shr-overflow-ellipsis shr-whitespace-nowrap shr-align-middle',\n      2: 'shr-line-clamp-[2]',\n      3: 'shr-line-clamp-[3]',\n      4: 'shr-line-clamp-[4]',\n      5: 'shr-line-clamp-[5]',\n      6: 'shr-line-clamp-[6]',\n    },\n  },\n})\n\nconst wrapperClassNameGenerator = tv({\n  base: [\n    'smarthr-ui-Icon-extended smarthr-ui-Icon-withText shr-group/iconWrapper shr-inline-flex shr-items-baseline',\n  ],\n  variants: {\n    gap: {\n      0: 'shr-gap-x-0',\n      0.25: 'shr-gap-x-0.25',\n      0.5: 'shr-gap-x-0.5',\n      0.75: 'shr-gap-x-0.75',\n      1: 'shr-gap-x-1',\n      1.25: 'shr-gap-x-1.25',\n      1.5: 'shr-gap-x-1.5',\n      2: 'shr-gap-x-2',\n      2.5: 'shr-gap-x-2.5',\n      3: 'shr-gap-x-3',\n      3.5: 'shr-gap-x-3.5',\n      4: 'shr-gap-x-4',\n      8: 'shr-gap-x-8',\n      '-0.25': '-shr-gap-x-0.25',\n      '-0.5': '-shr-gap-x-0.5',\n      '-0.75': '-shr-gap-x-0.75',\n      '-1': '-shr-gap-x-1',\n      '-1.25': '-shr-gap-x-1.25',\n      '-1.5': '-shr-gap-x-1.5',\n      '-2': '-shr-gap-x-2',\n      '-2.5': '-shr-gap-x-2.5',\n      '-3': '-shr-gap-x-3',\n      '-3.5': '-shr-gap-x-3.5',\n      '-4': '-shr-gap-x-4',\n      '-8': '-shr-gap-x-8',\n      X3S: 'shr-gap-x-0.25',\n      XXS: 'shr-gap-x-0.5',\n      XS: 'shr-gap-x-1',\n      S: 'shr-gap-x-1.5',\n      M: 'shr-gap-x-2',\n      L: 'shr-gap-x-2.5',\n      XL: 'shr-gap-x-3',\n      XXL: 'shr-gap-x-3.5',\n      X3L: 'shr-gap-x-4',\n    } as { [key in Gap]: string },\n  },\n})\n\ntype ActualIconType =\n  | undefined\n  | {\n      /** テキスト左に設置するアイコン */\n      prefix?: ReactNode\n      /** テキスト右に設置するアイコン */\n      suffix?: ReactNode\n      /** アイコンと並べるテキストとの溝 */\n      gap?: CharRelativeSize | AbstractSize\n    }\ntype IconType = ActualIconType | ReactNode\n\n// VariantProps を使うとコメントが書けない〜🥹\nexport type TextProps<T extends ElementType = 'span'> = VariantProps<typeof classNameGenerator> & {\n  /** テキストコンポーネントの HTML タグ名。初期値は span */\n  as?: T\n  /** 強調するかどうかの真偽値。指定すると em 要素になる */\n  emphasis?: boolean\n  /** 見た目の種類 */\n  styleType?: StyleType\n  /** 設置するアイコン */\n  icon?: IconType\n}\n\nconst iconObjectConverter = (icon: ReactNode) => (icon ? { prefix: icon } : undefined)\n\nconst ActualText = <T extends ElementType = 'span'>({\n  emphasis,\n  styleType,\n  icon: orgIcon,\n  weight = emphasis ? 'bold' : undefined,\n  as: Component = emphasis ? 'em' : 'span',\n  size,\n  italic,\n  color,\n  leading,\n  whiteSpace,\n  maxLines,\n  className,\n  children,\n  ...rest\n}: PropsWithChildren<TextProps<T> & ComponentProps<T>>) => {\n  if (maxLines !== undefined && (maxLines < 1 || maxLines > 6)) {\n    throw new Error('\"maxLines\" は 1 ~ 6 の範囲で指定してください')\n  }\n\n  const icon = useObjectAttributes<IconType, ActualIconType>(orgIcon, iconObjectConverter)\n  const actualClassName = useMemo(() => {\n    const styleTypeValues = styleType\n      ? STYLE_TYPE_MAP[styleType as StyleType]\n      : UNDEFINED_STYLE_VALUES\n\n    return classNameGenerator({\n      size: size || styleTypeValues.size,\n      weight: weight || styleTypeValues.weight,\n      color: color || styleTypeValues.color,\n      leading: leading || styleTypeValues.leading,\n      italic,\n      whiteSpace,\n      maxLines,\n      className,\n    })\n  }, [size, weight, italic, color, leading, whiteSpace, maxLines, className, styleType])\n  const wrapperClassName = useMemo(\n    () => (icon ? wrapperClassNameGenerator({ gap: icon.gap || 0.25 }) : ''),\n    [icon],\n  )\n\n  return (\n    <Component {...rest} className={actualClassName}>\n      {icon ? (\n        <span className={wrapperClassName}>\n          {icon.prefix}\n          {children}\n          {icon.suffix}\n        </span>\n      ) : (\n        children\n      )}\n    </Component>\n  )\n}\n\nexport const Text = memo(ActualText) as typeof ActualText\n"],"names":["tv","useObjectAttributes","useMemo","_jsx","_jsxs","memo"],"mappings":";;;;;;;AAsBO,MAAM,cAAc,GAAoE;AAC7F,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,MAAM,EAAE,QAAQ;AACjB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,MAAM,EAAE,QAAQ;AACjB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,WAAW;AACnB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,KAAK,EAAE,WAAW;AACnB,KAAA;;AAEH,MAAM,sBAAsB,GAAG;AAC7B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,SAAS;CACjB;AAED,MAAM,kBAAkB,GAAGA,QAAE,CAAC;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,cAAc;AACnB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,CAAC,EAAE,eAAe;AAClB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,GAAG,EAAE,cAAc;AACpB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,MAAM,EAAE,iBAAiB;AACzB,YAAA,IAAI,EAAE,eAAe;AACtB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,YAAY;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,gBAAgB;AAC5B,YAAA,UAAU,EAAE,gBAAgB;AAC5B,YAAA,SAAS,EAAE,eAAe;AAC1B,YAAA,aAAa,EAAE,mBAAmB;AAClC,YAAA,SAAS,EAAE,eAAe;AAC1B,YAAA,OAAO,EAAE,wBAAwB;AAClC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,MAAM,EAAE,oBAAoB;AAC5B,YAAA,KAAK,EAAE,mBAAmB;AAC3B,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,MAAM,EAAE,uBAAuB;AAC/B,YAAA,MAAM,EAAE,uBAAuB;AAC/B,YAAA,GAAG,EAAE,oBAAoB;AACzB,YAAA,UAAU,EAAE,yBAAyB;AACrC,YAAA,UAAU,EAAE,yBAAyB;AACtC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,CAAC,EAAE,8GAA8G;AACjH,YAAA,CAAC,EAAE,oBAAoB;AACvB,YAAA,CAAC,EAAE,oBAAoB;AACvB,YAAA,CAAC,EAAE,oBAAoB;AACvB,YAAA,CAAC,EAAE,oBAAoB;AACvB,YAAA,CAAC,EAAE,oBAAoB;AACxB,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAEF,MAAM,yBAAyB,GAAGA,QAAE,CAAC;AACnC,IAAA,IAAI,EAAE;QACJ,4GAA4G;AAC7G,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,GAAG,EAAE;AACH,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,MAAM,EAAE,gBAAgB;AACxB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,MAAM,EAAE,gBAAgB;AACxB,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,MAAM,EAAE,gBAAgB;AACxB,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,MAAM,EAAE,gBAAgB;AACxB,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,GAAG,EAAE,gBAAgB;AACrB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,CAAC,EAAE,eAAe;AAClB,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,CAAC,EAAE,eAAe;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,GAAG,EAAE,aAAa;AACS,SAAA;AAC9B,KAAA;AACF,CAAA,CAAC;AA0BF,MAAM,mBAAmB,GAAG,CAAC,IAAe,MAAM,IAAI,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;AAEtF,MAAM,UAAU,GAAG,CAAiC,EAClD,QAAQ,EACR,SAAS,EACT,IAAI,EAAE,OAAO,EACb,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,EACtC,EAAE,EAAE,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,EACxC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAC6C,KAAI;AACxD,IAAA,IAAI,QAAQ,KAAK,SAAS,KAAK,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;AAC5D,QAAA,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC;IACpD;IAEA,MAAM,IAAI,GAAGC,6CAAmB,CAA2B,OAAO,EAAE,mBAAmB,CAAC;AACxF,IAAA,MAAM,eAAe,GAAGC,aAAO,CAAC,MAAK;QACnC,MAAM,eAAe,GAAG;AACtB,cAAE,cAAc,CAAC,SAAsB;cACrC,sBAAsB;AAE1B,QAAA,OAAO,kBAAkB,CAAC;AACxB,YAAA,IAAI,EAAE,IAAI,IAAI,eAAe,CAAC,IAAI;AAClC,YAAA,MAAM,EAAE,MAAM,IAAI,eAAe,CAAC,MAAM;AACxC,YAAA,KAAK,EAAE,KAAK,IAAI,eAAe,CAAC,KAAK;AACrC,YAAA,OAAO,EAAE,OAAO,IAAI,eAAe,CAAC,OAAO;YAC3C,MAAM;YACN,UAAU;YACV,QAAQ;YACR,SAAS;AACV,SAAA,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AACtF,IAAA,MAAM,gBAAgB,GAAGA,aAAO,CAC9B,OAAO,IAAI,GAAG,yBAAyB,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EACxE,CAAC,IAAI,CAAC,CACP;AAED,IAAA,QACEC,cAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,eAAe,EAAA,QAAA,EAC5C,IAAI,IACHC,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAC9B,IAAI,CAAC,MAAM,EACX,QAAQ,EACR,IAAI,CAAC,MAAM,CAAA,EAAA,CACP,KAEP,QAAQ,CACT,EAAA,CACS;AAEhB,CAAC;MAEY,IAAI,GAAGC,UAAI,CAAC,UAAU;;;;;"}

package/lib/components/Text/Text.d.ts

@@ -43,6 +43,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
     size: {
         XXS: string;
@@ -81,6 +89,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }, {
     size: {
         XXS: string;
@@ -119,6 +135,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }>, {
     size: {
         XXS: string;
@@ -157,6 +181,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }, undefined, import("tailwind-variants").TVReturnType<{
     size: {
         XXS: string;
@@ -195,6 +227,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
     size: {
         XXS: string;
@@ -233,6 +273,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }, {
     size: {
         XXS: string;
@@ -271,6 +319,14 @@ declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
         'pre-line': string;
         'pre-wrap': string;
     };
+    maxLines: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
 }>, unknown, unknown, undefined>>;
 type ActualIconType = undefined | {
     /** テキスト左に設置するアイコン */
@@ -291,6 +347,6 @@ export type TextProps<T extends ElementType = 'span'> = VariantProps<typeof clas
     /** 設置するアイコン */
     icon?: IconType;
 };
-declare const ActualText: <T extends ElementType = "span">({ emphasis, styleType, icon: orgIcon, weight, as: Component, size, italic, color, leading, whiteSpace, className, children, ...rest }: PropsWithChildren<TextProps<T> & ComponentProps<T>>) => import("react/jsx-runtime").JSX.Element;
+declare const ActualText: <T extends ElementType = "span">({ emphasis, styleType, icon: orgIcon, weight, as: Component, size, italic, color, leading, whiteSpace, maxLines, className, children, ...rest }: PropsWithChildren<TextProps<T> & ComponentProps<T>>) => import("react/jsx-runtime").JSX.Element;
 export declare const Text: typeof ActualText;
 export {};

package/lib/components/Text/Text.js

@@ -77,6 +77,14 @@ const classNameGenerator = ce({
             'pre-line': 'shr-whitespace-pre-line',
             'pre-wrap': 'shr-whitespace-pre-wrap',
         },
+        maxLines: {
+            1: 'shr-inline-block shr-w-full shr-overflow-x-clip shr-overflow-ellipsis shr-whitespace-nowrap shr-align-middle',
+            2: 'shr-line-clamp-[2]',
+            3: 'shr-line-clamp-[3]',
+            4: 'shr-line-clamp-[4]',
+            5: 'shr-line-clamp-[5]',
+            6: 'shr-line-clamp-[6]',
+        },
     },
 });
 const wrapperClassNameGenerator = ce({
@@ -123,7 +131,10 @@ const wrapperClassNameGenerator = ce({
     },
 });
 const iconObjectConverter = (icon) => (icon ? { prefix: icon } : undefined);
-const ActualText = ({ emphasis, styleType, icon: orgIcon, weight = emphasis ? 'bold' : undefined, as: Component = emphasis ? 'em' : 'span', size, italic, color, leading, whiteSpace, className, children, ...rest }) => {
+const ActualText = ({ emphasis, styleType, icon: orgIcon, weight = emphasis ? 'bold' : undefined, as: Component = emphasis ? 'em' : 'span', size, italic, color, leading, whiteSpace, maxLines, className, children, ...rest }) => {
+    if (maxLines !== undefined && (maxLines < 1 || maxLines > 6)) {
+        throw new Error('"maxLines" は 1 ~ 6 の範囲で指定してください');
+    }
     const icon = useObjectAttributes(orgIcon, iconObjectConverter);
     const actualClassName = useMemo(() => {
         const styleTypeValues = styleType
@@ -136,9 +147,10 @@ const ActualText = ({ emphasis, styleType, icon: orgIcon, weight = emphasis ? 'b
             leading: leading || styleTypeValues.leading,
             italic,
             whiteSpace,
+            maxLines,
             className,
         });
-    }, [size, weight, italic, color, leading, whiteSpace, className, styleType]);
+    }, [size, weight, italic, color, leading, whiteSpace, maxLines, className, styleType]);
     const wrapperClassName = useMemo(() => (icon ? wrapperClassNameGenerator({ gap: icon.gap || 0.25 }) : ''), [icon]);
     return (jsx(Component, { ...rest, className: actualClassName, children: icon ? (jsxs("span", { className: wrapperClassName, children: [icon.prefix, children, icon.suffix] })) : (children) }));
 };

package/lib/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { useObjectAttributes } from '../../hooks/useObjectAttributes'\n\nimport type { AbstractSize, CharRelativeSize } from '../../themes/createSpacing'\nimport type { Gap } from '../../types'\n\ntype StyleType =\n  | 'screenTitle'\n  | 'sectionTitle'\n  | 'blockTitle'\n  | 'subBlockTitle'\n  | 'subSubBlockTitle'\n\nexport const STYLE_TYPE_MAP: { [key in StyleType]: VariantProps<typeof classNameGenerator> } = {\n  screenTitle: {\n    size: 'XL',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  sectionTitle: {\n    size: 'L',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  blockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n  },\n  subBlockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n  subSubBlockTitle: {\n    size: 'S',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n}\nconst UNDEFINED_STYLE_VALUES = {\n  size: undefined,\n  leading: undefined,\n  weight: undefined,\n  color: undefined,\n}\n\nconst classNameGenerator = tv({\n  variants: {\n    size: {\n      XXS: 'shr-text-2xs',\n      XS: 'shr-text-xs',\n      S: 'shr-text-sm',\n      M: 'shr-text-base',\n      L: 'shr-text-lg',\n      XL: 'shr-text-xl',\n      XXL: 'shr-text-2xl',\n    },\n    weight: {\n      normal: 'shr-font-normal',\n      bold: 'shr-font-bold',\n    },\n    italic: {\n      true: 'shr-italic',\n    },\n    color: {\n      TEXT_BLACK: 'shr-text-black',\n      TEXT_WHITE: 'shr-text-white',\n      TEXT_GREY: 'shr-text-grey',\n      TEXT_DISABLED: 'shr-text-disabled',\n      TEXT_LINK: 'shr-text-link',\n      inherit: 'shr-text-color-inherit',\n    },\n    leading: {\n      NONE: 'shr-leading-none',\n      TIGHT: 'shr-leading-tight',\n      NORMAL: 'shr-leading-normal',\n      LOOSE: 'shr-leading-loose',\n    },\n    whiteSpace: {\n      normal: 'shr-whitespace-normal',\n      nowrap: 'shr-whitespace-nowrap',\n      pre: 'shr-whitespace-pre',\n      'pre-line': 'shr-whitespace-pre-line',\n      'pre-wrap': 'shr-whitespace-pre-wrap',\n    },\n  },\n})\n\nconst wrapperClassNameGenerator = tv({\n  base: [\n    'smarthr-ui-Icon-extended smarthr-ui-Icon-withText shr-group/iconWrapper shr-inline-flex shr-items-baseline',\n  ],\n  variants: {\n    gap: {\n      0: 'shr-gap-x-0',\n      0.25: 'shr-gap-x-0.25',\n      0.5: 'shr-gap-x-0.5',\n      0.75: 'shr-gap-x-0.75',\n      1: 'shr-gap-x-1',\n      1.25: 'shr-gap-x-1.25',\n      1.5: 'shr-gap-x-1.5',\n      2: 'shr-gap-x-2',\n      2.5: 'shr-gap-x-2.5',\n      3: 'shr-gap-x-3',\n      3.5: 'shr-gap-x-3.5',\n      4: 'shr-gap-x-4',\n      8: 'shr-gap-x-8',\n      '-0.25': '-shr-gap-x-0.25',\n      '-0.5': '-shr-gap-x-0.5',\n      '-0.75': '-shr-gap-x-0.75',\n      '-1': '-shr-gap-x-1',\n      '-1.25': '-shr-gap-x-1.25',\n      '-1.5': '-shr-gap-x-1.5',\n      '-2': '-shr-gap-x-2',\n      '-2.5': '-shr-gap-x-2.5',\n      '-3': '-shr-gap-x-3',\n      '-3.5': '-shr-gap-x-3.5',\n      '-4': '-shr-gap-x-4',\n      '-8': '-shr-gap-x-8',\n      X3S: 'shr-gap-x-0.25',\n      XXS: 'shr-gap-x-0.5',\n      XS: 'shr-gap-x-1',\n      S: 'shr-gap-x-1.5',\n      M: 'shr-gap-x-2',\n      L: 'shr-gap-x-2.5',\n      XL: 'shr-gap-x-3',\n      XXL: 'shr-gap-x-3.5',\n      X3L: 'shr-gap-x-4',\n    } as { [key in Gap]: string },\n  },\n})\n\ntype ActualIconType =\n  | undefined\n  | {\n      /** テキスト左に設置するアイコン */\n      prefix?: ReactNode\n      /** テキスト右に設置するアイコン */\n      suffix?: ReactNode\n      /** アイコンと並べるテキストとの溝 */\n      gap?: CharRelativeSize | AbstractSize\n    }\ntype IconType = ActualIconType | ReactNode\n\n// VariantProps を使うとコメントが書けない〜🥹\nexport type TextProps<T extends ElementType = 'span'> = VariantProps<typeof classNameGenerator> & {\n  /** テキストコンポーネントの HTML タグ名。初期値は span */\n  as?: T\n  /** 強調するかどうかの真偽値。指定すると em 要素になる */\n  emphasis?: boolean\n  /** 見た目の種類 */\n  styleType?: StyleType\n  /** 設置するアイコン */\n  icon?: IconType\n}\n\nconst iconObjectConverter = (icon: ReactNode) => (icon ? { prefix: icon } : undefined)\n\nconst ActualText = <T extends ElementType = 'span'>({\n  emphasis,\n  styleType,\n  icon: orgIcon,\n  weight = emphasis ? 'bold' : undefined,\n  as: Component = emphasis ? 'em' : 'span',\n  size,\n  italic,\n  color,\n  leading,\n  whiteSpace,\n  className,\n  children,\n  ...rest\n}: PropsWithChildren<TextProps<T> & ComponentProps<T>>) => {\n  const icon = useObjectAttributes<IconType, ActualIconType>(orgIcon, iconObjectConverter)\n  const actualClassName = useMemo(() => {\n    const styleTypeValues = styleType\n      ? STYLE_TYPE_MAP[styleType as StyleType]\n      : UNDEFINED_STYLE_VALUES\n\n    return classNameGenerator({\n      size: size || styleTypeValues.size,\n      weight: weight || styleTypeValues.weight,\n      color: color || styleTypeValues.color,\n      leading: leading || styleTypeValues.leading,\n      italic,\n      whiteSpace,\n      className,\n    })\n  }, [size, weight, italic, color, leading, whiteSpace, className, styleType])\n  const wrapperClassName = useMemo(\n    () => (icon ? wrapperClassNameGenerator({ gap: icon.gap || 0.25 }) : ''),\n    [icon],\n  )\n\n  return (\n    <Component {...rest} className={actualClassName}>\n      {icon ? (\n        <span className={wrapperClassName}>\n          {icon.prefix}\n          {children}\n          {icon.suffix}\n        </span>\n      ) : (\n        children\n      )}\n    </Component>\n  )\n}\n\nexport const Text = memo(ActualText) as typeof ActualText\n"],"names":["tv","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ElementType,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { useObjectAttributes } from '../../hooks/useObjectAttributes'\n\nimport type { AbstractSize, CharRelativeSize } from '../../themes/createSpacing'\nimport type { Gap } from '../../types'\n\ntype StyleType =\n  | 'screenTitle'\n  | 'sectionTitle'\n  | 'blockTitle'\n  | 'subBlockTitle'\n  | 'subSubBlockTitle'\n\nexport const STYLE_TYPE_MAP: { [key in StyleType]: VariantProps<typeof classNameGenerator> } = {\n  screenTitle: {\n    size: 'XL',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  sectionTitle: {\n    size: 'L',\n    leading: 'TIGHT',\n    weight: 'normal',\n  },\n  blockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n  },\n  subBlockTitle: {\n    size: 'M',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n  subSubBlockTitle: {\n    size: 'S',\n    leading: 'TIGHT',\n    weight: 'bold',\n    color: 'TEXT_GREY',\n  },\n}\nconst UNDEFINED_STYLE_VALUES = {\n  size: undefined,\n  leading: undefined,\n  weight: undefined,\n  color: undefined,\n}\n\nconst classNameGenerator = tv({\n  variants: {\n    size: {\n      XXS: 'shr-text-2xs',\n      XS: 'shr-text-xs',\n      S: 'shr-text-sm',\n      M: 'shr-text-base',\n      L: 'shr-text-lg',\n      XL: 'shr-text-xl',\n      XXL: 'shr-text-2xl',\n    },\n    weight: {\n      normal: 'shr-font-normal',\n      bold: 'shr-font-bold',\n    },\n    italic: {\n      true: 'shr-italic',\n    },\n    color: {\n      TEXT_BLACK: 'shr-text-black',\n      TEXT_WHITE: 'shr-text-white',\n      TEXT_GREY: 'shr-text-grey',\n      TEXT_DISABLED: 'shr-text-disabled',\n      TEXT_LINK: 'shr-text-link',\n      inherit: 'shr-text-color-inherit',\n    },\n    leading: {\n      NONE: 'shr-leading-none',\n      TIGHT: 'shr-leading-tight',\n      NORMAL: 'shr-leading-normal',\n      LOOSE: 'shr-leading-loose',\n    },\n    whiteSpace: {\n      normal: 'shr-whitespace-normal',\n      nowrap: 'shr-whitespace-nowrap',\n      pre: 'shr-whitespace-pre',\n      'pre-line': 'shr-whitespace-pre-line',\n      'pre-wrap': 'shr-whitespace-pre-wrap',\n    },\n    maxLines: {\n      1: 'shr-inline-block shr-w-full shr-overflow-x-clip shr-overflow-ellipsis shr-whitespace-nowrap shr-align-middle',\n      2: 'shr-line-clamp-[2]',\n      3: 'shr-line-clamp-[3]',\n      4: 'shr-line-clamp-[4]',\n      5: 'shr-line-clamp-[5]',\n      6: 'shr-line-clamp-[6]',\n    },\n  },\n})\n\nconst wrapperClassNameGenerator = tv({\n  base: [\n    'smarthr-ui-Icon-extended smarthr-ui-Icon-withText shr-group/iconWrapper shr-inline-flex shr-items-baseline',\n  ],\n  variants: {\n    gap: {\n      0: 'shr-gap-x-0',\n      0.25: 'shr-gap-x-0.25',\n      0.5: 'shr-gap-x-0.5',\n      0.75: 'shr-gap-x-0.75',\n      1: 'shr-gap-x-1',\n      1.25: 'shr-gap-x-1.25',\n      1.5: 'shr-gap-x-1.5',\n      2: 'shr-gap-x-2',\n      2.5: 'shr-gap-x-2.5',\n      3: 'shr-gap-x-3',\n      3.5: 'shr-gap-x-3.5',\n      4: 'shr-gap-x-4',\n      8: 'shr-gap-x-8',\n      '-0.25': '-shr-gap-x-0.25',\n      '-0.5': '-shr-gap-x-0.5',\n      '-0.75': '-shr-gap-x-0.75',\n      '-1': '-shr-gap-x-1',\n      '-1.25': '-shr-gap-x-1.25',\n      '-1.5': '-shr-gap-x-1.5',\n      '-2': '-shr-gap-x-2',\n      '-2.5': '-shr-gap-x-2.5',\n      '-3': '-shr-gap-x-3',\n      '-3.5': '-shr-gap-x-3.5',\n      '-4': '-shr-gap-x-4',\n      '-8': '-shr-gap-x-8',\n      X3S: 'shr-gap-x-0.25',\n      XXS: 'shr-gap-x-0.5',\n      XS: 'shr-gap-x-1',\n      S: 'shr-gap-x-1.5',\n      M: 'shr-gap-x-2',\n      L: 'shr-gap-x-2.5',\n      XL: 'shr-gap-x-3',\n      XXL: 'shr-gap-x-3.5',\n      X3L: 'shr-gap-x-4',\n    } as { [key in Gap]: string },\n  },\n})\n\ntype ActualIconType =\n  | undefined\n  | {\n      /** テキスト左に設置するアイコン */\n      prefix?: ReactNode\n      /** テキスト右に設置するアイコン */\n      suffix?: ReactNode\n      /** アイコンと並べるテキストとの溝 */\n      gap?: CharRelativeSize | AbstractSize\n    }\ntype IconType = ActualIconType | ReactNode\n\n// VariantProps を使うとコメントが書けない〜🥹\nexport type TextProps<T extends ElementType = 'span'> = VariantProps<typeof classNameGenerator> & {\n  /** テキストコンポーネントの HTML タグ名。初期値は span */\n  as?: T\n  /** 強調するかどうかの真偽値。指定すると em 要素になる */\n  emphasis?: boolean\n  /** 見た目の種類 */\n  styleType?: StyleType\n  /** 設置するアイコン */\n  icon?: IconType\n}\n\nconst iconObjectConverter = (icon: ReactNode) => (icon ? { prefix: icon } : undefined)\n\nconst ActualText = <T extends ElementType = 'span'>({\n  emphasis,\n  styleType,\n  icon: orgIcon,\n  weight = emphasis ? 'bold' : undefined,\n  as: Component = emphasis ? 'em' : 'span',\n  size,\n  italic,\n  color,\n  leading,\n  whiteSpace,\n  maxLines,\n  className,\n  children,\n  ...rest\n}: PropsWithChildren<TextProps<T> & ComponentProps<T>>) => {\n  if (maxLines !== undefined && (maxLines < 1 || maxLines > 6)) {\n    throw new Error('\"maxLines\" は 1 ~ 6 の範囲で指定してください')\n  }\n\n  const icon = useObjectAttributes<IconType, ActualIconType>(orgIcon, iconObjectConverter)\n  const actualClassName = useMemo(() => {\n    const styleTypeValues = styleType\n      ? STYLE_TYPE_MAP[styleType as StyleType]\n      : UNDEFINED_STYLE_VALUES\n\n    return classNameGenerator({\n      size: size || styleTypeValues.size,\n      weight: weight || styleTypeValues.weight,\n      color: color || styleTypeValues.color,\n      leading: leading || styleTypeValues.leading,\n      italic,\n      whiteSpace,\n      maxLines,\n      className,\n    })\n  }, [size, weight, italic, color, leading, whiteSpace, maxLines, className, styleType])\n  const wrapperClassName = useMemo(\n    () => (icon ? wrapperClassNameGenerator({ gap: icon.gap || 0.25 }) : ''),\n    [icon],\n  )\n\n  return (\n    <Component {...rest} className={actualClassName}>\n      {icon ? (\n        <span className={wrapperClassName}>\n          {icon.prefix}\n          {children}\n          {icon.suffix}\n        </span>\n      ) : (\n        children\n      )}\n    </Component>\n  )\n}\n\nexport const Text = memo(ActualText) as typeof ActualText\n"],"names":["tv","_jsx","_jsxs"],"mappings":"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"}

package/lib/libs/pictParser.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var components_Icon_FaIcon = require('../components/Icon/FaIcon.cjs');
+require('../components/Icon/generateIcon.cjs');
+require('../components/Icon/OpenInNewTabIcon.cjs');
+
+const pictParser = (pict, formatter) => {
+    const lines = pict.split('\n');
+    const header = lines.shift().split('\t');
+    const reducer = (prev, c, i) => {
+        prev[header[i]] = valueConverter(i === 0 ? c.replace(/^(\s|\t)+/, '') : c);
+        return prev;
+    };
+    return lines.map((line) => formatter(line.split('\t').reduce(reducer, {})));
+};
+const NUM_REGEX = /^([0-9]+|[0-9]+\.[0-9]+)$/;
+const valueConverter = (v) => {
+    switch (v) {
+        case 'undefined':
+            return undefined;
+        case 'null':
+            return null;
+        case 'true':
+            return true;
+        case 'false':
+            return false;
+        case '<Icon />':
+            return jsxRuntime.jsx(components_Icon_FaIcon.FaAddressBookIcon, {});
+    }
+    // HINT: 整数 or 少数含む数値の場合数値変換
+    if (NUM_REGEX.test(v)) {
+        return parseFloat(v);
+    }
+    return v;
+};
+
+exports.pictParser = pictParser;
+//# sourceMappingURL=pictParser.cjs.map

package/lib/libs/pictParser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pictParser.cjs","sources":["../../src/libs/pictParser.tsx"],"sourcesContent":["import { FaAddressBookIcon } from '../components/Icon'\n\ntype AnyObjectType = { [key: string]: any }\n\nexport const pictParser = <T extends AnyObjectType>(\n  pict: string,\n  formatter: (vs: { [key: string]: any }) => T,\n) => {\n  const lines = pict.split('\\n')\n  const header = lines.shift()!.split('\\t')\n  const reducer = (prev: AnyObjectType, c: string, i: number) => {\n    prev[header[i]] = valueConverter(i === 0 ? c.replace(/^(\\s|\\t)+/, '') : c)\n\n    return prev\n  }\n\n  return lines.map((line) => formatter(line.split('\\t').reduce(reducer, {} as T)))\n}\n\nconst NUM_REGEX = /^([0-9]+|[0-9]+\\.[0-9]+)$/\nconst valueConverter = (v: string): any => {\n  switch (v) {\n    case 'undefined':\n      return undefined\n    case 'null':\n      return null\n    case 'true':\n      return true\n    case 'false':\n      return false\n    case '<Icon />':\n      return <FaAddressBookIcon />\n  }\n\n  // HINT: 整数 or 少数含む数値の場合数値変換\n  if (NUM_REGEX.test(v)) {\n    return parseFloat(v)\n  }\n\n  return v\n}\n"],"names":["_jsx","FaAddressBookIcon"],"mappings":";;;;;;;MAIa,UAAU,GAAG,CACxB,IAAY,EACZ,SAA4C,KAC1C;IACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAG,CAAC,KAAK,CAAC,IAAI,CAAC;IACzC,MAAM,OAAO,GAAG,CAAC,IAAmB,EAAE,CAAS,EAAE,CAAS,KAAI;AAC5D,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;AAE1E,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAO,CAAC,CAAC,CAAC;AAClF;AAEA,MAAM,SAAS,GAAG,2BAA2B;AAC7C,MAAM,cAAc,GAAG,CAAC,CAAS,KAAS;IACxC,QAAQ,CAAC;AACP,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI;AACb,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI;AACb,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,UAAU;YACb,OAAOA,cAAA,CAACC,wCAAiB,EAAA,EAAA,CAAG;;;AAIhC,IAAA,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;AACrB,QAAA,OAAO,UAAU,CAAC,CAAC,CAAC;IACtB;AAEA,IAAA,OAAO,CAAC;AACV,CAAC;;;;"}

package/lib/libs/pictParser.d.ts

@@ -0,0 +1,7 @@
+type AnyObjectType = {
+    [key: string]: any;
+};
+export declare const pictParser: <T extends AnyObjectType>(pict: string, formatter: (vs: {
+    [key: string]: any;
+}) => T) => T[];
+export {};

package/lib/libs/pictParser.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { FaAddressBookIcon } from '../components/Icon/FaIcon.js';
+import '../components/Icon/generateIcon.js';
+import '../components/Icon/OpenInNewTabIcon.js';
+
+const pictParser = (pict, formatter) => {
+    const lines = pict.split('\n');
+    const header = lines.shift().split('\t');
+    const reducer = (prev, c, i) => {
+        prev[header[i]] = valueConverter(i === 0 ? c.replace(/^(\s|\t)+/, '') : c);
+        return prev;
+    };
+    return lines.map((line) => formatter(line.split('\t').reduce(reducer, {})));
+};
+const NUM_REGEX = /^([0-9]+|[0-9]+\.[0-9]+)$/;
+const valueConverter = (v) => {
+    switch (v) {
+        case 'undefined':
+            return undefined;
+        case 'null':
+            return null;
+        case 'true':
+            return true;
+        case 'false':
+            return false;
+        case '<Icon />':
+            return jsx(FaAddressBookIcon, {});
+    }
+    // HINT: 整数 or 少数含む数値の場合数値変換
+    if (NUM_REGEX.test(v)) {
+        return parseFloat(v);
+    }
+    return v;
+};
+
+export { pictParser };
+//# sourceMappingURL=pictParser.js.map

package/lib/libs/pictParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pictParser.js","sources":["../../src/libs/pictParser.tsx"],"sourcesContent":["import { FaAddressBookIcon } from '../components/Icon'\n\ntype AnyObjectType = { [key: string]: any }\n\nexport const pictParser = <T extends AnyObjectType>(\n  pict: string,\n  formatter: (vs: { [key: string]: any }) => T,\n) => {\n  const lines = pict.split('\\n')\n  const header = lines.shift()!.split('\\t')\n  const reducer = (prev: AnyObjectType, c: string, i: number) => {\n    prev[header[i]] = valueConverter(i === 0 ? c.replace(/^(\\s|\\t)+/, '') : c)\n\n    return prev\n  }\n\n  return lines.map((line) => formatter(line.split('\\t').reduce(reducer, {} as T)))\n}\n\nconst NUM_REGEX = /^([0-9]+|[0-9]+\\.[0-9]+)$/\nconst valueConverter = (v: string): any => {\n  switch (v) {\n    case 'undefined':\n      return undefined\n    case 'null':\n      return null\n    case 'true':\n      return true\n    case 'false':\n      return false\n    case '<Icon />':\n      return <FaAddressBookIcon />\n  }\n\n  // HINT: 整数 or 少数含む数値の場合数値変換\n  if (NUM_REGEX.test(v)) {\n    return parseFloat(v)\n  }\n\n  return v\n}\n"],"names":["_jsx"],"mappings":";;;;;MAIa,UAAU,GAAG,CACxB,IAAY,EACZ,SAA4C,KAC1C;IACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,EAAG,CAAC,KAAK,CAAC,IAAI,CAAC;IACzC,MAAM,OAAO,GAAG,CAAC,IAAmB,EAAE,CAAS,EAAE,CAAS,KAAI;AAC5D,QAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;AAE1E,QAAA,OAAO,IAAI;AACb,IAAA,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAO,CAAC,CAAC,CAAC;AAClF;AAEA,MAAM,SAAS,GAAG,2BAA2B;AAC7C,MAAM,cAAc,GAAG,CAAC,CAAS,KAAS;IACxC,QAAQ,CAAC;AACP,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,SAAS;AAClB,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI;AACb,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI;AACb,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,KAAK;AACd,QAAA,KAAK,UAAU;YACb,OAAOA,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAG;;;AAIhC,IAAA,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;AACrB,QAAA,OAAO,UAAU,CAAC,CAAC,CAAC;IACtB;AAEA,IAAA,OAAO,CAAC;AACV,CAAC;;;;"}