smarthr-ui 87.0.0 → 87.1.1

package/README.md

@@ -56,9 +56,11 @@ import 'smarthr-ui/smarthr-ui.css'
 const theme = createTheme()
 
 const App: React.FC = () => (
-  <ThemeProvider theme={theme}>
-    <Button variant="primary">Hello World</Button>
-  </ThemeProvider>
+  <IntlProvider locale="ja">
+    <ThemeProvider theme={theme}>
+      <Button variant="primary">Hello World</Button>
+    </ThemeProvider>
+  </IntlProvider>
 )
 
 const container = document.getElementById('app')

package/lib/_virtual/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('./../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.28_react@19.2.4/vendor/react-innertext/index.cjs');
+var index = require('./../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.cjs');
 
-var reactInnertextExports = index.__require();
-var innerText = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(reactInnertextExports);
+var lodash_mergeExports = index.__require();
+var _merge = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodash_mergeExports);
 
-module.exports = innerText;
+module.exports = _merge;
 //# sourceMappingURL=index.cjs.map

package/lib/_virtual/index2.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('./../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.cjs');
+var index = require('./../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.cjs');
 
-var lodash_mergeExports = index.__require();
-var _merge = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodash_mergeExports);
+var lodash_rangeExports = index.__require();
+var _range = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodash_rangeExports);
 
-module.exports = _merge;
+module.exports = _range;
 //# sourceMappingURL=index2.cjs.map

package/lib/_virtual/index3.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('./../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.cjs');
+var index = require('./../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.28_react@19.2.4/vendor/react-innertext/index.cjs');
 
-var lodash_rangeExports = index.__require();
-var _range = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodash_rangeExports);
+var reactInnertextExports = index.__require();
+var innerText = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(reactInnertextExports);
 
-module.exports = _range;
+module.exports = innerText;
 //# sourceMappingURL=index3.cjs.map

package/lib/components/Combobox/MultiCombobox/MultiCombobox.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../../_virtual/index.cjs');
+var index$1 = require('../../../_virtual/index3.cjs');
 var index = require('./../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.33_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useOuterClick = require('../../../hooks/useOuterClick.cjs');
 require('../../../intl/IntlProvider.cjs');

package/lib/components/Combobox/SingleCombobox/SingleCombobox.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../../_virtual/index.cjs');
+var index$1 = require('../../../_virtual/index3.cjs');
 var index = require('./../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.33_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useClick = require('../../../hooks/useClick.cjs');
 var hooks_useDecorators = require('../../../hooks/useDecorators.cjs');

package/lib/components/Combobox/helper.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../_virtual/index.cjs');
+var index = require('../../_virtual/index3.cjs');
 
 function convertMatchableString(original) {
     return (original

package/lib/components/Combobox/useOptions.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../_virtual/index.cjs');
+var index = require('../../_virtual/index3.cjs');
 var components_Combobox_helper = require('./helper.cjs');
 
 const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.some((item) => components_Combobox_helper.areItemsEqual(item, targetItem));

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/Dropdown/DropdownMenuButton/DropdownMenuButton.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../../_virtual/index.cjs');
+var index$1 = require('../../../_virtual/index3.cjs');
 var index = require('./../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.33_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var components_Dropdown_Dropdown = require('../Dropdown.cjs');
 var components_Dropdown_DropdownTrigger = require('../DropdownTrigger.cjs');

package/lib/components/Dropdown/FilterDropdown/FilterDropdown.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../../_virtual/index.cjs');
+var index$1 = require('../../../_virtual/index3.cjs');
 var index = require('./../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.33_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useResponseStatus = require('../../../hooks/useResponseStatus.cjs');
 require('../../../intl/IntlProvider.cjs');

package/lib/components/FormControl/FormControl.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../_virtual/index.cjs');
+var index$1 = require('../../_virtual/index3.cjs');
 var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.33_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useObjectAttributes = require('../../hooks/useObjectAttributes.cjs');
 var components_Icon_FaIcon = require('../Icon/FaIcon.cjs');

package/lib/components/Heading/PageHeading/PageHeading.cjs

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../../_virtual/index.cjs');
+var index$1 = require('../../../_virtual/index3.cjs');
 var index = require('./../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.33_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var libs_nextjs = require('../../../libs/nextjs.cjs');
 var components_Text_Text = require('../../Text/Text.cjs');

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":"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"}

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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"}