smarthr-ui 99.3.1 → 99.3.2

package/lib/intl/locales/vi_vn.json.js

@@ -64,6 +64,7 @@ var vi = {
 	"smarthr-ui/InputFile/download": "Tải xuống",
 	"smarthr-ui/InputFile/previewLabel": "Mở xem trước {fileName}",
 	"smarthr-ui/InputFile/downloadLabel": "Tải xuống {fileName}",
+	"smarthr-ui/InputFile/closePreview": "Đóng",
 	"smarthr-ui/LanguageSwitcher/checkIconAlt": "Đang chọn",
 	"smarthr-ui/Loader/alt": "Đang xử lý",
 	"smarthr-ui/MessageDialog/closeButtonLabel": "Đóng",

package/lib/intl/locales/vi_vn.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"vi_vn.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"vi_vn.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/intl/locales/zh_hans_cn.json.cjs

@@ -66,6 +66,7 @@ var zhCn = {
 	"smarthr-ui/InputFile/download": "下载",
 	"smarthr-ui/InputFile/previewLabel": "预览 {fileName}",
 	"smarthr-ui/InputFile/downloadLabel": "下载 {fileName}",
+	"smarthr-ui/InputFile/closePreview": "关闭",
 	"smarthr-ui/LanguageSwitcher/checkIconAlt": "已选择",
 	"smarthr-ui/Loader/alt": "处理中",
 	"smarthr-ui/MessageDialog/closeButtonLabel": "关闭",

package/lib/intl/locales/zh_hans_cn.json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh_hans_cn.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh_hans_cn.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/intl/locales/zh_hans_cn.json.js

@@ -64,6 +64,7 @@ var zhCn = {
 	"smarthr-ui/InputFile/download": "下载",
 	"smarthr-ui/InputFile/previewLabel": "预览 {fileName}",
 	"smarthr-ui/InputFile/downloadLabel": "下载 {fileName}",
+	"smarthr-ui/InputFile/closePreview": "关闭",
 	"smarthr-ui/LanguageSwitcher/checkIconAlt": "已选择",
 	"smarthr-ui/Loader/alt": "处理中",
 	"smarthr-ui/MessageDialog/closeButtonLabel": "关闭",

package/lib/intl/locales/zh_hans_cn.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh_hans_cn.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh_hans_cn.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/intl/locales/zh_hant_tw.json.cjs

@@ -66,6 +66,7 @@ var zhTw = {
 	"smarthr-ui/InputFile/download": "下載",
 	"smarthr-ui/InputFile/previewLabel": "開啟{fileName}的預覽",
 	"smarthr-ui/InputFile/downloadLabel": "下載{fileName}",
+	"smarthr-ui/InputFile/closePreview": "關閉",
 	"smarthr-ui/LanguageSwitcher/checkIconAlt": "已選擇",
 	"smarthr-ui/Loader/alt": "處理中",
 	"smarthr-ui/MessageDialog/closeButtonLabel": "關閉",

package/lib/intl/locales/zh_hant_tw.json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"zh_hant_tw.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh_hant_tw.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/intl/locales/zh_hant_tw.json.js

@@ -64,6 +64,7 @@ var zhTw = {
 	"smarthr-ui/InputFile/download": "下載",
 	"smarthr-ui/InputFile/previewLabel": "開啟{fileName}的預覽",
 	"smarthr-ui/InputFile/downloadLabel": "下載{fileName}",
+	"smarthr-ui/InputFile/closePreview": "關閉",
 	"smarthr-ui/LanguageSwitcher/checkIconAlt": "已選擇",
 	"smarthr-ui/Loader/alt": "處理中",
 	"smarthr-ui/MessageDialog/closeButtonLabel": "關閉",

package/lib/intl/locales/zh_hant_tw.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh_hant_tw.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"zh_hant_tw.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/intl/useDateFormat.cjs

@@ -142,7 +142,7 @@ const applyCapitalization = (text, shouldCapitalize) => shouldCapitalize ? text.
  */
 const useDateFormat = () => {
     const intl = reactIntl.useIntl();
-    const functions = React.useMemo(() => {
+    return React.useMemo(() => {
         const locale = isValidLocale(intl.locale) ? intl.locale : 'ja';
         const formatDate = ({ date, parts = ['year', 'month', 'day'], options, }) => {
             const { disableSlashInJa = false, capitalizeFirstLetter = false, year, month, day, weekday, ...rest } = options || {};
@@ -201,7 +201,6 @@ const useDateFormat = () => {
             getWeekStartDay: () => DATE_FORMATS[locale].weekStartDay,
         };
     }, [intl]);
-    return functions;
 };
 
 exports.useDateFormat = useDateFormat;

package/lib/intl/useDateFormat.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFormat.cjs","sources":["../../src/intl/useDateFormat.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport { useIntl as useReactIntl } from 'react-intl'\n\nimport { locales } from './locales'\n\ntype DatePart = 'year' | 'month' | 'day' | 'weekday'\n\ntype TimePart = 'hour' | 'minute' | 'second'\n\nexport type FormatDateProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する日付のパーツ。指定しない場合は全て表示\n   */\n  parts?: readonly [DatePart, ...DatePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'> & {\n    /**\n     * 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n     * @example\n     * // 通常: \"2025/01\"\n     * // disableSlashInJa: true の場合: \"2025年1月\"\n     */\n    disableSlashInJa?: boolean\n\n    /**\n     * 最初の文字を大文字化する\n     * @example\n     * // 通常: \"seg.\" (pt)\n     * // capitalizeFirstLetter: true の場合: \"Seg.\" (pt)\n     */\n    capitalizeFirstLetter?: boolean\n  }\n}\n\nexport type FormatTimeProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  parts?: readonly [TimePart, ...TimePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'>\n}\n\nexport type FormatTimestampProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  timeParts?: readonly [TimePart, ...TimePart[]]\n}\n\n/**\n * useDateFormatフックの戻り値の型定義\n */\nexport type UseDateFormatReturn = {\n  /**\n   * 日付をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する日付のパーツ。デフォルトは ['year', 'month', 'day', 'weekday']\n   * @param props.options - フォーマットオプション\n   * @param props.options.disableSlashInJa - 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n   * @param props.options.capitalizeFirstLetter - 最初の文字を大文字化する\n   * @returns フォーマットされた日付文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式：曜日なし）\n   * formatDate({ date: new Date() }) // \"2024/01/15\" (ja)\n   *\n   * // 日付を曜日ありで表示\n   * formatDate({ date: new Date(), parts: ['year', 'month', 'day', 'weekday'] }) // \"2024/01/15（水）\" (ja)\n   *\n   * // 特定のフィールドのみ表示\n   * formatDate({ date: new Date(), parts: ['year', 'month'] }) // \"2024/01\" (ja)\n   * formatDate({ date: new Date(), parts: ['weekday'] }) // \"月\" (ja)\n   *\n   * // 日本語でスラッシュを無効化（月を長形式で表示）\n   * formatDate({ date: new Date(), parts: ['year', 'month'], options: { disableSlashInJa: true } }) // \"2024年1月\" (ja)\n   *\n   * // 最初の文字を大文字化\n   * formatDate({ date: new Date(), parts: ['weekday'], options: { capitalizeFirstLetter: true } }) // \"Seg.\" (pt)（指定しなければ \"seg.\"）\n   */\n  formatDate(props: FormatDateProps): string\n\n  /**\n   * 時刻をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @param props.options - フォーマットオプション\n   * @returns フォーマットされた時刻文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式）\n   * formatTime({ date: new Date() }) // \"10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTime({ date: new Date(), parts: ['hour', 'minute', 'second'] }) // \"10:30:45\" (ja)\n   *\n   * // 時のみ表示\n   * formatTime({ date: new Date(), parts: ['hour'] }) // \"10\" (ja)\n   *\n   * // 12時間形式で表示\n   * formatTime({ date: new Date(), options: { hour12: true } }) // \"午前10:30\" (ja)\n   */\n  formatTime(props: FormatTimeProps): string\n\n  /**\n   * タイムスタンプ（日付＋時刻）をフォーマットする関数\n   * 日付はスラッシュ形式、時刻は24時間形式で表示されます\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.timeParts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @returns フォーマットされたタイムスタンプ文字列\n   * @example\n   * // 基本的な使用法\n   * formatTimestamp({ date: new Date() }) // \"2024/01/15 10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTimestamp({ date: new Date(), timeParts: ['hour', 'minute', 'second'] }) // \"2024/01/15 10:30:45\" (ja)\n   */\n  formatTimestamp(props: FormatTimestampProps): string\n\n  /**\n   * 現在のロケールに基づいて週の開始日を決定する関数\n   * Intl.Locale.prototype.getWeekInfo()の動作を再現\n   * getWeekInfo()を使わない理由は、Firefoxでは動作しないため\n   *\n   * @returns 週の開始日（0 = 日曜日, 1 = 月曜日, ..., 6 = 土曜日）\n   */\n  getWeekStartDay: () => number\n}\n\nconst WEEK_START_DAYS = {\n  SUNDAY: 0,\n  MONDAY: 1,\n  TUESDAY: 2,\n  WEDNESDAY: 3,\n  THURSDAY: 4,\n  FRIDAY: 5,\n  SATURDAY: 6,\n} as const\n\nconst DATE_FORMATS: Record<\n  keyof typeof locales,\n  Intl.DateTimeFormatOptions & { weekStartDay: number }\n> = {\n  // localeがja, ja-easyの場合、フォーマットを YYYY/MM/DD 形式にする\n  // 曜日が含まれている場合は括弧を追加する\n  // 参考: https://smarthr.design/products/contents/idiomatic-usage/count/#h2-3\n  ja: {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'ja-easy': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'en-us': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'id-id': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  ko: {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  pt: {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  vi: {\n    year: 'numeric',\n    month: 'long',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  'zh-cn': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'zh-tw': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n} as const\n\n/**\n * 各ロケールの括弧設定マップ\n * ロケールに応じて適切な括弧スタイル（半角/全角）と配置を定義\n */\nconst WEEKDAY_FORMATS: Record<keyof typeof locales, { replacer: (base: string) => string }> = {\n  ja: { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'ja-easy': { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'en-us': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  'id-id': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  ko: {\n    replacer: (base) => base.replace(/\\s{2,}/g, ' ').replace(/([월화수목금토일])$/, '($1)'),\n  },\n  pt: { replacer: (base) => base.replace(/^([A-Za-z]{3}\\.), (.+)$/, '$2 ($1)') },\n  vi: { replacer: (base) => base.replace(/^(\\S+ \\d+), (.+)$/, '$2 ($1)') },\n  'zh-cn': { replacer: (base) => base.replace(/(.+?)\\s*([周][一二三四五六日])$/, '$1（$2）') },\n  'zh-tw': { replacer: (base) => base.replace(/(.+?)\\s*([週][一二三四五六日])$/, '$1（$2）') },\n} as const\n\nconst COMMON_TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n  hour12: false,\n}\n\nconst TIME_FORMATS: Record<keyof typeof locales, Intl.DateTimeFormatOptions> = {\n  ja: COMMON_TIME_FORMAT,\n  'ja-easy': COMMON_TIME_FORMAT,\n  'en-us': {\n    ...COMMON_TIME_FORMAT,\n    hour: 'numeric',\n    hour12: true,\n  },\n  'id-id': COMMON_TIME_FORMAT,\n  ko: COMMON_TIME_FORMAT,\n  pt: COMMON_TIME_FORMAT,\n  vi: COMMON_TIME_FORMAT,\n  'zh-cn': COMMON_TIME_FORMAT,\n  'zh-tw': COMMON_TIME_FORMAT,\n} as const\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\nconst applyCapitalization = (text: string, shouldCapitalize: boolean) =>\n  shouldCapitalize ? text.charAt(0).toUpperCase() + text.slice(1) : text\n\n/**\n * 日付・時刻フォーマット機能を提供するフック\n *\n * @returns {UseDateFormatReturn} 日付・時刻フォーマットに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（日付のフォーマット）\n * const Component = () => {\n *   const { formatDate } = useDateFormat()\n *   return <span>{formatDate({ date: new Date(2024, 1 - 1, 15) })}</span> // \"2024/01/15\" (ja)\n * }\n *\n * @example\n * // 時刻のフォーマット\n * const Component = () => {\n *   const { formatTime } = useDateFormat()\n *   return <span>{formatTime({ date: new Date(2024, 1 - 1, 15, 10, 30, 0) })}</span> // \"10:30\" (ja)\n * }\n *\n * @example\n * // 週の開始日の取得\n * const Component = () => {\n *   const { getWeekStartDay } = useDateFormat()\n *   return <div>週の開始日: {getWeekStartDay()}</div>\n * }\n */\nexport const useDateFormat = (): UseDateFormatReturn => {\n  const intl = useReactIntl()\n\n  const functions = useMemo(() => {\n    const locale = isValidLocale(intl.locale) ? intl.locale : 'ja'\n\n    const formatDate = ({\n      date,\n      parts = ['year', 'month', 'day'],\n      options,\n    }: FormatDateProps): string => {\n      const {\n        disableSlashInJa = false,\n        capitalizeFirstLetter = false,\n        year,\n        month,\n        day,\n        weekday,\n        ...rest\n      } = options || {}\n\n      // パーツの存在を事前に計算\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { year: false, month: false, day: false, weekday: false } as {\n          year: boolean\n          month: boolean\n          day: boolean\n          weekday: boolean\n        },\n      )\n\n      // ロケールのデフォルト形式を取得\n      const isJaKanjiFormat = disableSlashInJa && locale === 'ja'\n      const defaultFormats = DATE_FORMATS[locale]\n\n      // local が 'ja' で漢字表記の場合はゼロ埋めをしないようにする\n      const defaultMonth = isJaKanjiFormat ? 'long' : defaultFormats.month\n      const defaultDay = isJaKanjiFormat ? 'numeric' : defaultFormats.day\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...rest,\n        year: year ?? (hasPart.year ? defaultFormats.year : undefined),\n        month: month ?? (hasPart.month ? defaultMonth : undefined),\n        day: day ?? (hasPart.day ? defaultDay : undefined),\n        weekday: weekday ?? (hasPart.weekday ? defaultFormats.weekday : undefined),\n      }\n\n      const formattedDate = intl.formatDate(date, actualFormatOptions)\n\n      // 曜日をロケールに応じてフォーマットする\n      let formattedResult = formattedDate\n      const config = WEEKDAY_FORMATS[locale]\n      // 曜日が含まれており、かつ曜日のみの表示でない場合は括弧を追加\n      // 例: \"2025/01/01（水）\" → 括弧あり, \"水\" → 括弧なし\n      if (config && hasPart.weekday && (parts.length !== 1 || parts[0] !== 'weekday')) {\n        formattedResult = config.replacer(formattedDate)\n      }\n\n      return applyCapitalization(formattedResult, capitalizeFirstLetter)\n    }\n\n    const formatTime = ({ date, parts = ['hour', 'minute'], options }: FormatTimeProps): string => {\n      const formatOptions = options || {}\n\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { hour: false, minute: false, second: false } as {\n          hour: boolean\n          minute: boolean\n          second: boolean\n        },\n      )\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...formatOptions,\n        hour: formatOptions.hour ?? (hasPart.hour ? TIME_FORMATS[locale].hour : undefined),\n        minute: formatOptions.minute ?? (hasPart.minute ? TIME_FORMATS[locale].minute : undefined),\n        second: formatOptions.second ?? (hasPart.second ? '2-digit' : undefined),\n        hour12: formatOptions.hour12 ?? TIME_FORMATS[locale].hour12,\n      }\n\n      return intl.formatDate(date, actualFormatOptions)\n    }\n\n    return {\n      formatDate,\n      formatTime,\n      formatTimestamp: ({ date, timeParts = ['hour', 'minute'] }: FormatTimestampProps): string => {\n        const formattedDate = formatDate({ date, parts: ['year', 'month', 'day'] })\n        const formattedTime = formatTime({ date, parts: timeParts })\n        return `${formattedDate} ${formattedTime}`\n      },\n      getWeekStartDay: (): number => DATE_FORMATS[locale].weekStartDay,\n    }\n  }, [intl])\n\n  return functions\n}\n"],"names":[],"mappings":";;;;;;;AAyJA;AACE;AACA;AAQF;;;;AAOE;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;;AAGH;;;AAGG;AACH;AACE;AACA;AACA;AACA;AACA;;AAEC;AACD;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI;AACL;AAEA;AACE;AAEA;;;;AAkBM;AACA;AACF;;AAUF;AACA;;AAGA;AACA;AAEA;AACE;AACA;AACA;AACA;AACA;;;;;AAOF;;;;AAIE;;AAGF;AACF;AAEA;AACE;;AAII;AACA;AACF;AAQF;AACE;;;AAGA;;;;AAKJ;;;;AAKE;AACE;AACA;AACA;;;;AAIN;AAEA;AACF;;"}
+{"version":3,"file":"useDateFormat.cjs","sources":["../../src/intl/useDateFormat.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport { useIntl as useReactIntl } from 'react-intl'\n\nimport { locales } from './locales'\n\ntype DatePart = 'year' | 'month' | 'day' | 'weekday'\n\ntype TimePart = 'hour' | 'minute' | 'second'\n\nexport type FormatDateProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する日付のパーツ。指定しない場合は全て表示\n   */\n  parts?: readonly [DatePart, ...DatePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'> & {\n    /**\n     * 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n     * @example\n     * // 通常: \"2025/01\"\n     * // disableSlashInJa: true の場合: \"2025年1月\"\n     */\n    disableSlashInJa?: boolean\n\n    /**\n     * 最初の文字を大文字化する\n     * @example\n     * // 通常: \"seg.\" (pt)\n     * // capitalizeFirstLetter: true の場合: \"Seg.\" (pt)\n     */\n    capitalizeFirstLetter?: boolean\n  }\n}\n\nexport type FormatTimeProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  parts?: readonly [TimePart, ...TimePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'>\n}\n\nexport type FormatTimestampProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  timeParts?: readonly [TimePart, ...TimePart[]]\n}\n\n/**\n * useDateFormatフックの戻り値の型定義\n */\nexport type UseDateFormatReturn = {\n  /**\n   * 日付をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する日付のパーツ。デフォルトは ['year', 'month', 'day', 'weekday']\n   * @param props.options - フォーマットオプション\n   * @param props.options.disableSlashInJa - 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n   * @param props.options.capitalizeFirstLetter - 最初の文字を大文字化する\n   * @returns フォーマットされた日付文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式：曜日なし）\n   * formatDate({ date: new Date() }) // \"2024/01/15\" (ja)\n   *\n   * // 日付を曜日ありで表示\n   * formatDate({ date: new Date(), parts: ['year', 'month', 'day', 'weekday'] }) // \"2024/01/15（水）\" (ja)\n   *\n   * // 特定のフィールドのみ表示\n   * formatDate({ date: new Date(), parts: ['year', 'month'] }) // \"2024/01\" (ja)\n   * formatDate({ date: new Date(), parts: ['weekday'] }) // \"月\" (ja)\n   *\n   * // 日本語でスラッシュを無効化（月を長形式で表示）\n   * formatDate({ date: new Date(), parts: ['year', 'month'], options: { disableSlashInJa: true } }) // \"2024年1月\" (ja)\n   *\n   * // 最初の文字を大文字化\n   * formatDate({ date: new Date(), parts: ['weekday'], options: { capitalizeFirstLetter: true } }) // \"Seg.\" (pt)（指定しなければ \"seg.\"）\n   */\n  formatDate(props: FormatDateProps): string\n\n  /**\n   * 時刻をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @param props.options - フォーマットオプション\n   * @returns フォーマットされた時刻文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式）\n   * formatTime({ date: new Date() }) // \"10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTime({ date: new Date(), parts: ['hour', 'minute', 'second'] }) // \"10:30:45\" (ja)\n   *\n   * // 時のみ表示\n   * formatTime({ date: new Date(), parts: ['hour'] }) // \"10\" (ja)\n   *\n   * // 12時間形式で表示\n   * formatTime({ date: new Date(), options: { hour12: true } }) // \"午前10:30\" (ja)\n   */\n  formatTime(props: FormatTimeProps): string\n\n  /**\n   * タイムスタンプ（日付＋時刻）をフォーマットする関数\n   * 日付はスラッシュ形式、時刻は24時間形式で表示されます\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.timeParts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @returns フォーマットされたタイムスタンプ文字列\n   * @example\n   * // 基本的な使用法\n   * formatTimestamp({ date: new Date() }) // \"2024/01/15 10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTimestamp({ date: new Date(), timeParts: ['hour', 'minute', 'second'] }) // \"2024/01/15 10:30:45\" (ja)\n   */\n  formatTimestamp(props: FormatTimestampProps): string\n\n  /**\n   * 現在のロケールに基づいて週の開始日を決定する関数\n   * Intl.Locale.prototype.getWeekInfo()の動作を再現\n   * getWeekInfo()を使わない理由は、Firefoxでは動作しないため\n   *\n   * @returns 週の開始日（0 = 日曜日, 1 = 月曜日, ..., 6 = 土曜日）\n   */\n  getWeekStartDay: () => number\n}\n\nconst WEEK_START_DAYS = {\n  SUNDAY: 0,\n  MONDAY: 1,\n  TUESDAY: 2,\n  WEDNESDAY: 3,\n  THURSDAY: 4,\n  FRIDAY: 5,\n  SATURDAY: 6,\n} as const\n\nconst DATE_FORMATS: Record<\n  keyof typeof locales,\n  Intl.DateTimeFormatOptions & { weekStartDay: number }\n> = {\n  // localeがja, ja-easyの場合、フォーマットを YYYY/MM/DD 形式にする\n  // 曜日が含まれている場合は括弧を追加する\n  // 参考: https://smarthr.design/products/contents/idiomatic-usage/count/#h2-3\n  ja: {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'ja-easy': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'en-us': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'id-id': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  ko: {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  pt: {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  vi: {\n    year: 'numeric',\n    month: 'long',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  'zh-cn': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'zh-tw': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n} as const\n\n/**\n * 各ロケールの括弧設定マップ\n * ロケールに応じて適切な括弧スタイル（半角/全角）と配置を定義\n */\nconst WEEKDAY_FORMATS: Record<keyof typeof locales, { replacer: (base: string) => string }> = {\n  ja: { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'ja-easy': { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'en-us': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  'id-id': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  ko: {\n    replacer: (base) => base.replace(/\\s{2,}/g, ' ').replace(/([월화수목금토일])$/, '($1)'),\n  },\n  pt: { replacer: (base) => base.replace(/^([A-Za-z]{3}\\.), (.+)$/, '$2 ($1)') },\n  vi: { replacer: (base) => base.replace(/^(\\S+ \\d+), (.+)$/, '$2 ($1)') },\n  'zh-cn': { replacer: (base) => base.replace(/(.+?)\\s*([周][一二三四五六日])$/, '$1（$2）') },\n  'zh-tw': { replacer: (base) => base.replace(/(.+?)\\s*([週][一二三四五六日])$/, '$1（$2）') },\n} as const\n\nconst COMMON_TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n  hour12: false,\n}\n\nconst TIME_FORMATS: Record<keyof typeof locales, Intl.DateTimeFormatOptions> = {\n  ja: COMMON_TIME_FORMAT,\n  'ja-easy': COMMON_TIME_FORMAT,\n  'en-us': {\n    ...COMMON_TIME_FORMAT,\n    hour: 'numeric',\n    hour12: true,\n  },\n  'id-id': COMMON_TIME_FORMAT,\n  ko: COMMON_TIME_FORMAT,\n  pt: COMMON_TIME_FORMAT,\n  vi: COMMON_TIME_FORMAT,\n  'zh-cn': COMMON_TIME_FORMAT,\n  'zh-tw': COMMON_TIME_FORMAT,\n} as const\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\nconst applyCapitalization = (text: string, shouldCapitalize: boolean) =>\n  shouldCapitalize ? text.charAt(0).toUpperCase() + text.slice(1) : text\n\n/**\n * 日付・時刻フォーマット機能を提供するフック\n *\n * @returns {UseDateFormatReturn} 日付・時刻フォーマットに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（日付のフォーマット）\n * const Component = () => {\n *   const { formatDate } = useDateFormat()\n *   return <span>{formatDate({ date: new Date(2024, 1 - 1, 15) })}</span> // \"2024/01/15\" (ja)\n * }\n *\n * @example\n * // 時刻のフォーマット\n * const Component = () => {\n *   const { formatTime } = useDateFormat()\n *   return <span>{formatTime({ date: new Date(2024, 1 - 1, 15, 10, 30, 0) })}</span> // \"10:30\" (ja)\n * }\n *\n * @example\n * // 週の開始日の取得\n * const Component = () => {\n *   const { getWeekStartDay } = useDateFormat()\n *   return <div>週の開始日: {getWeekStartDay()}</div>\n * }\n */\nexport const useDateFormat = (): UseDateFormatReturn => {\n  const intl = useReactIntl()\n\n  return useMemo(() => {\n    const locale = isValidLocale(intl.locale) ? intl.locale : 'ja'\n\n    const formatDate = ({\n      date,\n      parts = ['year', 'month', 'day'],\n      options,\n    }: FormatDateProps): string => {\n      const {\n        disableSlashInJa = false,\n        capitalizeFirstLetter = false,\n        year,\n        month,\n        day,\n        weekday,\n        ...rest\n      } = options || {}\n\n      // パーツの存在を事前に計算\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { year: false, month: false, day: false, weekday: false } as {\n          year: boolean\n          month: boolean\n          day: boolean\n          weekday: boolean\n        },\n      )\n\n      // ロケールのデフォルト形式を取得\n      const isJaKanjiFormat = disableSlashInJa && locale === 'ja'\n      const defaultFormats = DATE_FORMATS[locale]\n\n      // local が 'ja' で漢字表記の場合はゼロ埋めをしないようにする\n      const defaultMonth = isJaKanjiFormat ? 'long' : defaultFormats.month\n      const defaultDay = isJaKanjiFormat ? 'numeric' : defaultFormats.day\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...rest,\n        year: year ?? (hasPart.year ? defaultFormats.year : undefined),\n        month: month ?? (hasPart.month ? defaultMonth : undefined),\n        day: day ?? (hasPart.day ? defaultDay : undefined),\n        weekday: weekday ?? (hasPart.weekday ? defaultFormats.weekday : undefined),\n      }\n\n      const formattedDate = intl.formatDate(date, actualFormatOptions)\n\n      // 曜日をロケールに応じてフォーマットする\n      let formattedResult = formattedDate\n      const config = WEEKDAY_FORMATS[locale]\n      // 曜日が含まれており、かつ曜日のみの表示でない場合は括弧を追加\n      // 例: \"2025/01/01（水）\" → 括弧あり, \"水\" → 括弧なし\n      if (config && hasPart.weekday && (parts.length !== 1 || parts[0] !== 'weekday')) {\n        formattedResult = config.replacer(formattedDate)\n      }\n\n      return applyCapitalization(formattedResult, capitalizeFirstLetter)\n    }\n\n    const formatTime = ({ date, parts = ['hour', 'minute'], options }: FormatTimeProps): string => {\n      const formatOptions = options || {}\n\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { hour: false, minute: false, second: false } as {\n          hour: boolean\n          minute: boolean\n          second: boolean\n        },\n      )\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...formatOptions,\n        hour: formatOptions.hour ?? (hasPart.hour ? TIME_FORMATS[locale].hour : undefined),\n        minute: formatOptions.minute ?? (hasPart.minute ? TIME_FORMATS[locale].minute : undefined),\n        second: formatOptions.second ?? (hasPart.second ? '2-digit' : undefined),\n        hour12: formatOptions.hour12 ?? TIME_FORMATS[locale].hour12,\n      }\n\n      return intl.formatDate(date, actualFormatOptions)\n    }\n\n    return {\n      formatDate,\n      formatTime,\n      formatTimestamp: ({ date, timeParts = ['hour', 'minute'] }: FormatTimestampProps): string => {\n        const formattedDate = formatDate({ date, parts: ['year', 'month', 'day'] })\n        const formattedTime = formatTime({ date, parts: timeParts })\n        return `${formattedDate} ${formattedTime}`\n      },\n      getWeekStartDay: (): number => DATE_FORMATS[locale].weekStartDay,\n    }\n  }, [intl])\n}\n"],"names":[],"mappings":";;;;;;;AAyJA;AACE;AACA;AAQF;;;;AAOE;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;;AAGH;;;AAGG;AACH;AACE;AACA;AACA;AACA;AACA;;AAEC;AACD;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI;AACL;;AAGE;AAEA;;;;AAkBM;AACA;AACF;;AAUF;AACA;;AAGA;AACA;AAEA;AACE;AACA;AACA;AACA;AACA;;;;;AAOF;;;;AAIE;;AAGF;AACF;AAEA;AACE;;AAII;AACA;AACF;AAQF;AACE;;;AAGA;;;;AAKJ;;;;AAKE;AACE;AACA;AACA;;;;AAIN;AACF;;"}

package/lib/intl/useDateFormat.js

@@ -140,7 +140,7 @@ const applyCapitalization = (text, shouldCapitalize) => shouldCapitalize ? text.
  */
 const useDateFormat = () => {
     const intl = useIntl();
-    const functions = useMemo(() => {
+    return useMemo(() => {
         const locale = isValidLocale(intl.locale) ? intl.locale : 'ja';
         const formatDate = ({ date, parts = ['year', 'month', 'day'], options, }) => {
             const { disableSlashInJa = false, capitalizeFirstLetter = false, year, month, day, weekday, ...rest } = options || {};
@@ -199,7 +199,6 @@ const useDateFormat = () => {
             getWeekStartDay: () => DATE_FORMATS[locale].weekStartDay,
         };
     }, [intl]);
-    return functions;
 };
 
 export { useDateFormat };

package/lib/intl/useDateFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFormat.js","sources":["../../src/intl/useDateFormat.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport { useIntl as useReactIntl } from 'react-intl'\n\nimport { locales } from './locales'\n\ntype DatePart = 'year' | 'month' | 'day' | 'weekday'\n\ntype TimePart = 'hour' | 'minute' | 'second'\n\nexport type FormatDateProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する日付のパーツ。指定しない場合は全て表示\n   */\n  parts?: readonly [DatePart, ...DatePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'> & {\n    /**\n     * 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n     * @example\n     * // 通常: \"2025/01\"\n     * // disableSlashInJa: true の場合: \"2025年1月\"\n     */\n    disableSlashInJa?: boolean\n\n    /**\n     * 最初の文字を大文字化する\n     * @example\n     * // 通常: \"seg.\" (pt)\n     * // capitalizeFirstLetter: true の場合: \"Seg.\" (pt)\n     */\n    capitalizeFirstLetter?: boolean\n  }\n}\n\nexport type FormatTimeProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  parts?: readonly [TimePart, ...TimePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'>\n}\n\nexport type FormatTimestampProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  timeParts?: readonly [TimePart, ...TimePart[]]\n}\n\n/**\n * useDateFormatフックの戻り値の型定義\n */\nexport type UseDateFormatReturn = {\n  /**\n   * 日付をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する日付のパーツ。デフォルトは ['year', 'month', 'day', 'weekday']\n   * @param props.options - フォーマットオプション\n   * @param props.options.disableSlashInJa - 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n   * @param props.options.capitalizeFirstLetter - 最初の文字を大文字化する\n   * @returns フォーマットされた日付文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式：曜日なし）\n   * formatDate({ date: new Date() }) // \"2024/01/15\" (ja)\n   *\n   * // 日付を曜日ありで表示\n   * formatDate({ date: new Date(), parts: ['year', 'month', 'day', 'weekday'] }) // \"2024/01/15（水）\" (ja)\n   *\n   * // 特定のフィールドのみ表示\n   * formatDate({ date: new Date(), parts: ['year', 'month'] }) // \"2024/01\" (ja)\n   * formatDate({ date: new Date(), parts: ['weekday'] }) // \"月\" (ja)\n   *\n   * // 日本語でスラッシュを無効化（月を長形式で表示）\n   * formatDate({ date: new Date(), parts: ['year', 'month'], options: { disableSlashInJa: true } }) // \"2024年1月\" (ja)\n   *\n   * // 最初の文字を大文字化\n   * formatDate({ date: new Date(), parts: ['weekday'], options: { capitalizeFirstLetter: true } }) // \"Seg.\" (pt)（指定しなければ \"seg.\"）\n   */\n  formatDate(props: FormatDateProps): string\n\n  /**\n   * 時刻をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @param props.options - フォーマットオプション\n   * @returns フォーマットされた時刻文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式）\n   * formatTime({ date: new Date() }) // \"10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTime({ date: new Date(), parts: ['hour', 'minute', 'second'] }) // \"10:30:45\" (ja)\n   *\n   * // 時のみ表示\n   * formatTime({ date: new Date(), parts: ['hour'] }) // \"10\" (ja)\n   *\n   * // 12時間形式で表示\n   * formatTime({ date: new Date(), options: { hour12: true } }) // \"午前10:30\" (ja)\n   */\n  formatTime(props: FormatTimeProps): string\n\n  /**\n   * タイムスタンプ（日付＋時刻）をフォーマットする関数\n   * 日付はスラッシュ形式、時刻は24時間形式で表示されます\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.timeParts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @returns フォーマットされたタイムスタンプ文字列\n   * @example\n   * // 基本的な使用法\n   * formatTimestamp({ date: new Date() }) // \"2024/01/15 10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTimestamp({ date: new Date(), timeParts: ['hour', 'minute', 'second'] }) // \"2024/01/15 10:30:45\" (ja)\n   */\n  formatTimestamp(props: FormatTimestampProps): string\n\n  /**\n   * 現在のロケールに基づいて週の開始日を決定する関数\n   * Intl.Locale.prototype.getWeekInfo()の動作を再現\n   * getWeekInfo()を使わない理由は、Firefoxでは動作しないため\n   *\n   * @returns 週の開始日（0 = 日曜日, 1 = 月曜日, ..., 6 = 土曜日）\n   */\n  getWeekStartDay: () => number\n}\n\nconst WEEK_START_DAYS = {\n  SUNDAY: 0,\n  MONDAY: 1,\n  TUESDAY: 2,\n  WEDNESDAY: 3,\n  THURSDAY: 4,\n  FRIDAY: 5,\n  SATURDAY: 6,\n} as const\n\nconst DATE_FORMATS: Record<\n  keyof typeof locales,\n  Intl.DateTimeFormatOptions & { weekStartDay: number }\n> = {\n  // localeがja, ja-easyの場合、フォーマットを YYYY/MM/DD 形式にする\n  // 曜日が含まれている場合は括弧を追加する\n  // 参考: https://smarthr.design/products/contents/idiomatic-usage/count/#h2-3\n  ja: {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'ja-easy': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'en-us': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'id-id': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  ko: {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  pt: {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  vi: {\n    year: 'numeric',\n    month: 'long',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  'zh-cn': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'zh-tw': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n} as const\n\n/**\n * 各ロケールの括弧設定マップ\n * ロケールに応じて適切な括弧スタイル（半角/全角）と配置を定義\n */\nconst WEEKDAY_FORMATS: Record<keyof typeof locales, { replacer: (base: string) => string }> = {\n  ja: { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'ja-easy': { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'en-us': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  'id-id': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  ko: {\n    replacer: (base) => base.replace(/\\s{2,}/g, ' ').replace(/([월화수목금토일])$/, '($1)'),\n  },\n  pt: { replacer: (base) => base.replace(/^([A-Za-z]{3}\\.), (.+)$/, '$2 ($1)') },\n  vi: { replacer: (base) => base.replace(/^(\\S+ \\d+), (.+)$/, '$2 ($1)') },\n  'zh-cn': { replacer: (base) => base.replace(/(.+?)\\s*([周][一二三四五六日])$/, '$1（$2）') },\n  'zh-tw': { replacer: (base) => base.replace(/(.+?)\\s*([週][一二三四五六日])$/, '$1（$2）') },\n} as const\n\nconst COMMON_TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n  hour12: false,\n}\n\nconst TIME_FORMATS: Record<keyof typeof locales, Intl.DateTimeFormatOptions> = {\n  ja: COMMON_TIME_FORMAT,\n  'ja-easy': COMMON_TIME_FORMAT,\n  'en-us': {\n    ...COMMON_TIME_FORMAT,\n    hour: 'numeric',\n    hour12: true,\n  },\n  'id-id': COMMON_TIME_FORMAT,\n  ko: COMMON_TIME_FORMAT,\n  pt: COMMON_TIME_FORMAT,\n  vi: COMMON_TIME_FORMAT,\n  'zh-cn': COMMON_TIME_FORMAT,\n  'zh-tw': COMMON_TIME_FORMAT,\n} as const\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\nconst applyCapitalization = (text: string, shouldCapitalize: boolean) =>\n  shouldCapitalize ? text.charAt(0).toUpperCase() + text.slice(1) : text\n\n/**\n * 日付・時刻フォーマット機能を提供するフック\n *\n * @returns {UseDateFormatReturn} 日付・時刻フォーマットに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（日付のフォーマット）\n * const Component = () => {\n *   const { formatDate } = useDateFormat()\n *   return <span>{formatDate({ date: new Date(2024, 1 - 1, 15) })}</span> // \"2024/01/15\" (ja)\n * }\n *\n * @example\n * // 時刻のフォーマット\n * const Component = () => {\n *   const { formatTime } = useDateFormat()\n *   return <span>{formatTime({ date: new Date(2024, 1 - 1, 15, 10, 30, 0) })}</span> // \"10:30\" (ja)\n * }\n *\n * @example\n * // 週の開始日の取得\n * const Component = () => {\n *   const { getWeekStartDay } = useDateFormat()\n *   return <div>週の開始日: {getWeekStartDay()}</div>\n * }\n */\nexport const useDateFormat = (): UseDateFormatReturn => {\n  const intl = useReactIntl()\n\n  const functions = useMemo(() => {\n    const locale = isValidLocale(intl.locale) ? intl.locale : 'ja'\n\n    const formatDate = ({\n      date,\n      parts = ['year', 'month', 'day'],\n      options,\n    }: FormatDateProps): string => {\n      const {\n        disableSlashInJa = false,\n        capitalizeFirstLetter = false,\n        year,\n        month,\n        day,\n        weekday,\n        ...rest\n      } = options || {}\n\n      // パーツの存在を事前に計算\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { year: false, month: false, day: false, weekday: false } as {\n          year: boolean\n          month: boolean\n          day: boolean\n          weekday: boolean\n        },\n      )\n\n      // ロケールのデフォルト形式を取得\n      const isJaKanjiFormat = disableSlashInJa && locale === 'ja'\n      const defaultFormats = DATE_FORMATS[locale]\n\n      // local が 'ja' で漢字表記の場合はゼロ埋めをしないようにする\n      const defaultMonth = isJaKanjiFormat ? 'long' : defaultFormats.month\n      const defaultDay = isJaKanjiFormat ? 'numeric' : defaultFormats.day\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...rest,\n        year: year ?? (hasPart.year ? defaultFormats.year : undefined),\n        month: month ?? (hasPart.month ? defaultMonth : undefined),\n        day: day ?? (hasPart.day ? defaultDay : undefined),\n        weekday: weekday ?? (hasPart.weekday ? defaultFormats.weekday : undefined),\n      }\n\n      const formattedDate = intl.formatDate(date, actualFormatOptions)\n\n      // 曜日をロケールに応じてフォーマットする\n      let formattedResult = formattedDate\n      const config = WEEKDAY_FORMATS[locale]\n      // 曜日が含まれており、かつ曜日のみの表示でない場合は括弧を追加\n      // 例: \"2025/01/01（水）\" → 括弧あり, \"水\" → 括弧なし\n      if (config && hasPart.weekday && (parts.length !== 1 || parts[0] !== 'weekday')) {\n        formattedResult = config.replacer(formattedDate)\n      }\n\n      return applyCapitalization(formattedResult, capitalizeFirstLetter)\n    }\n\n    const formatTime = ({ date, parts = ['hour', 'minute'], options }: FormatTimeProps): string => {\n      const formatOptions = options || {}\n\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { hour: false, minute: false, second: false } as {\n          hour: boolean\n          minute: boolean\n          second: boolean\n        },\n      )\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...formatOptions,\n        hour: formatOptions.hour ?? (hasPart.hour ? TIME_FORMATS[locale].hour : undefined),\n        minute: formatOptions.minute ?? (hasPart.minute ? TIME_FORMATS[locale].minute : undefined),\n        second: formatOptions.second ?? (hasPart.second ? '2-digit' : undefined),\n        hour12: formatOptions.hour12 ?? TIME_FORMATS[locale].hour12,\n      }\n\n      return intl.formatDate(date, actualFormatOptions)\n    }\n\n    return {\n      formatDate,\n      formatTime,\n      formatTimestamp: ({ date, timeParts = ['hour', 'minute'] }: FormatTimestampProps): string => {\n        const formattedDate = formatDate({ date, parts: ['year', 'month', 'day'] })\n        const formattedTime = formatTime({ date, parts: timeParts })\n        return `${formattedDate} ${formattedTime}`\n      },\n      getWeekStartDay: (): number => DATE_FORMATS[locale].weekStartDay,\n    }\n  }, [intl])\n\n  return functions\n}\n"],"names":[],"mappings":";;;;;AAyJA;AACE;AACA;AAQF;;;;AAOE;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;;AAGH;;;AAGG;AACH;AACE;AACA;AACA;AACA;AACA;;AAEC;AACD;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI;AACL;AAEA;AACE;AAEA;;;;AAkBM;AACA;AACF;;AAUF;AACA;;AAGA;AACA;AAEA;AACE;AACA;AACA;AACA;AACA;;;;;AAOF;;;;AAIE;;AAGF;AACF;AAEA;AACE;;AAII;AACA;AACF;AAQF;AACE;;;AAGA;;;;AAKJ;;;;AAKE;AACE;AACA;AACA;;;;AAIN;AAEA;AACF;;"}
+{"version":3,"file":"useDateFormat.js","sources":["../../src/intl/useDateFormat.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport { useIntl as useReactIntl } from 'react-intl'\n\nimport { locales } from './locales'\n\ntype DatePart = 'year' | 'month' | 'day' | 'weekday'\n\ntype TimePart = 'hour' | 'minute' | 'second'\n\nexport type FormatDateProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する日付のパーツ。指定しない場合は全て表示\n   */\n  parts?: readonly [DatePart, ...DatePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'> & {\n    /**\n     * 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n     * @example\n     * // 通常: \"2025/01\"\n     * // disableSlashInJa: true の場合: \"2025年1月\"\n     */\n    disableSlashInJa?: boolean\n\n    /**\n     * 最初の文字を大文字化する\n     * @example\n     * // 通常: \"seg.\" (pt)\n     * // capitalizeFirstLetter: true の場合: \"Seg.\" (pt)\n     */\n    capitalizeFirstLetter?: boolean\n  }\n}\n\nexport type FormatTimeProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  parts?: readonly [TimePart, ...TimePart[]]\n\n  /**\n   * フォーマットオプション\n   */\n  options?: Omit<Intl.DateTimeFormatOptions, 'dateStyle' | 'timeStyle'>\n}\n\nexport type FormatTimestampProps = {\n  /**\n   * フォーマット対象の日付\n   */\n  date: Date\n\n  /**\n   * 表示する時刻のパーツ。指定しない場合は ['hour', 'minute'] がデフォルト\n   */\n  timeParts?: readonly [TimePart, ...TimePart[]]\n}\n\n/**\n * useDateFormatフックの戻り値の型定義\n */\nexport type UseDateFormatReturn = {\n  /**\n   * 日付をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する日付のパーツ。デフォルトは ['year', 'month', 'day', 'weekday']\n   * @param props.options - フォーマットオプション\n   * @param props.options.disableSlashInJa - 日本語ロケールでスラッシュを無効化し、月を長形式で表示する\n   * @param props.options.capitalizeFirstLetter - 最初の文字を大文字化する\n   * @returns フォーマットされた日付文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式：曜日なし）\n   * formatDate({ date: new Date() }) // \"2024/01/15\" (ja)\n   *\n   * // 日付を曜日ありで表示\n   * formatDate({ date: new Date(), parts: ['year', 'month', 'day', 'weekday'] }) // \"2024/01/15（水）\" (ja)\n   *\n   * // 特定のフィールドのみ表示\n   * formatDate({ date: new Date(), parts: ['year', 'month'] }) // \"2024/01\" (ja)\n   * formatDate({ date: new Date(), parts: ['weekday'] }) // \"月\" (ja)\n   *\n   * // 日本語でスラッシュを無効化（月を長形式で表示）\n   * formatDate({ date: new Date(), parts: ['year', 'month'], options: { disableSlashInJa: true } }) // \"2024年1月\" (ja)\n   *\n   * // 最初の文字を大文字化\n   * formatDate({ date: new Date(), parts: ['weekday'], options: { capitalizeFirstLetter: true } }) // \"Seg.\" (pt)（指定しなければ \"seg.\"）\n   */\n  formatDate(props: FormatDateProps): string\n\n  /**\n   * 時刻をロケールに応じた形式でフォーマットする関数\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.parts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @param props.options - フォーマットオプション\n   * @returns フォーマットされた時刻文字列\n   * @example\n   * // 基本的な使用法（ロケールのデフォルト形式）\n   * formatTime({ date: new Date() }) // \"10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTime({ date: new Date(), parts: ['hour', 'minute', 'second'] }) // \"10:30:45\" (ja)\n   *\n   * // 時のみ表示\n   * formatTime({ date: new Date(), parts: ['hour'] }) // \"10\" (ja)\n   *\n   * // 12時間形式で表示\n   * formatTime({ date: new Date(), options: { hour12: true } }) // \"午前10:30\" (ja)\n   */\n  formatTime(props: FormatTimeProps): string\n\n  /**\n   * タイムスタンプ（日付＋時刻）をフォーマットする関数\n   * 日付はスラッシュ形式、時刻は24時間形式で表示されます\n   * @param props - フォーマットのオプション\n   * @param props.date - フォーマット対象の日付\n   * @param props.timeParts - 表示する時刻のパーツ。デフォルトは ['hour', 'minute']\n   * @returns フォーマットされたタイムスタンプ文字列\n   * @example\n   * // 基本的な使用法\n   * formatTimestamp({ date: new Date() }) // \"2024/01/15 10:30\" (ja)\n   *\n   * // 秒を含めて表示\n   * formatTimestamp({ date: new Date(), timeParts: ['hour', 'minute', 'second'] }) // \"2024/01/15 10:30:45\" (ja)\n   */\n  formatTimestamp(props: FormatTimestampProps): string\n\n  /**\n   * 現在のロケールに基づいて週の開始日を決定する関数\n   * Intl.Locale.prototype.getWeekInfo()の動作を再現\n   * getWeekInfo()を使わない理由は、Firefoxでは動作しないため\n   *\n   * @returns 週の開始日（0 = 日曜日, 1 = 月曜日, ..., 6 = 土曜日）\n   */\n  getWeekStartDay: () => number\n}\n\nconst WEEK_START_DAYS = {\n  SUNDAY: 0,\n  MONDAY: 1,\n  TUESDAY: 2,\n  WEDNESDAY: 3,\n  THURSDAY: 4,\n  FRIDAY: 5,\n  SATURDAY: 6,\n} as const\n\nconst DATE_FORMATS: Record<\n  keyof typeof locales,\n  Intl.DateTimeFormatOptions & { weekStartDay: number }\n> = {\n  // localeがja, ja-easyの場合、フォーマットを YYYY/MM/DD 形式にする\n  // 曜日が含まれている場合は括弧を追加する\n  // 参考: https://smarthr.design/products/contents/idiomatic-usage/count/#h2-3\n  ja: {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'ja-easy': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'en-us': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'id-id': {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  ko: {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  pt: {\n    year: 'numeric',\n    month: 'short',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  vi: {\n    year: 'numeric',\n    month: 'long',\n    day: '2-digit',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.MONDAY,\n  },\n  'zh-cn': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n  'zh-tw': {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    weekday: 'short',\n    weekStartDay: WEEK_START_DAYS.SUNDAY,\n  },\n} as const\n\n/**\n * 各ロケールの括弧設定マップ\n * ロケールに応じて適切な括弧スタイル（半角/全角）と配置を定義\n */\nconst WEEKDAY_FORMATS: Record<keyof typeof locales, { replacer: (base: string) => string }> = {\n  ja: { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'ja-easy': { replacer: (base) => base.replace(/(.+?)\\(([月火水木金土日])\\)$/, '$1（$2）') },\n  'en-us': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  'id-id': { replacer: (base) => base.replace(/^([A-Za-z]{3}), (.+)$/, '$2 ($1)') },\n  ko: {\n    replacer: (base) => base.replace(/\\s{2,}/g, ' ').replace(/([월화수목금토일])$/, '($1)'),\n  },\n  pt: { replacer: (base) => base.replace(/^([A-Za-z]{3}\\.), (.+)$/, '$2 ($1)') },\n  vi: { replacer: (base) => base.replace(/^(\\S+ \\d+), (.+)$/, '$2 ($1)') },\n  'zh-cn': { replacer: (base) => base.replace(/(.+?)\\s*([周][一二三四五六日])$/, '$1（$2）') },\n  'zh-tw': { replacer: (base) => base.replace(/(.+?)\\s*([週][一二三四五六日])$/, '$1（$2）') },\n} as const\n\nconst COMMON_TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: '2-digit',\n  minute: '2-digit',\n  hour12: false,\n}\n\nconst TIME_FORMATS: Record<keyof typeof locales, Intl.DateTimeFormatOptions> = {\n  ja: COMMON_TIME_FORMAT,\n  'ja-easy': COMMON_TIME_FORMAT,\n  'en-us': {\n    ...COMMON_TIME_FORMAT,\n    hour: 'numeric',\n    hour12: true,\n  },\n  'id-id': COMMON_TIME_FORMAT,\n  ko: COMMON_TIME_FORMAT,\n  pt: COMMON_TIME_FORMAT,\n  vi: COMMON_TIME_FORMAT,\n  'zh-cn': COMMON_TIME_FORMAT,\n  'zh-tw': COMMON_TIME_FORMAT,\n} as const\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\nconst applyCapitalization = (text: string, shouldCapitalize: boolean) =>\n  shouldCapitalize ? text.charAt(0).toUpperCase() + text.slice(1) : text\n\n/**\n * 日付・時刻フォーマット機能を提供するフック\n *\n * @returns {UseDateFormatReturn} 日付・時刻フォーマットに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（日付のフォーマット）\n * const Component = () => {\n *   const { formatDate } = useDateFormat()\n *   return <span>{formatDate({ date: new Date(2024, 1 - 1, 15) })}</span> // \"2024/01/15\" (ja)\n * }\n *\n * @example\n * // 時刻のフォーマット\n * const Component = () => {\n *   const { formatTime } = useDateFormat()\n *   return <span>{formatTime({ date: new Date(2024, 1 - 1, 15, 10, 30, 0) })}</span> // \"10:30\" (ja)\n * }\n *\n * @example\n * // 週の開始日の取得\n * const Component = () => {\n *   const { getWeekStartDay } = useDateFormat()\n *   return <div>週の開始日: {getWeekStartDay()}</div>\n * }\n */\nexport const useDateFormat = (): UseDateFormatReturn => {\n  const intl = useReactIntl()\n\n  return useMemo(() => {\n    const locale = isValidLocale(intl.locale) ? intl.locale : 'ja'\n\n    const formatDate = ({\n      date,\n      parts = ['year', 'month', 'day'],\n      options,\n    }: FormatDateProps): string => {\n      const {\n        disableSlashInJa = false,\n        capitalizeFirstLetter = false,\n        year,\n        month,\n        day,\n        weekday,\n        ...rest\n      } = options || {}\n\n      // パーツの存在を事前に計算\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { year: false, month: false, day: false, weekday: false } as {\n          year: boolean\n          month: boolean\n          day: boolean\n          weekday: boolean\n        },\n      )\n\n      // ロケールのデフォルト形式を取得\n      const isJaKanjiFormat = disableSlashInJa && locale === 'ja'\n      const defaultFormats = DATE_FORMATS[locale]\n\n      // local が 'ja' で漢字表記の場合はゼロ埋めをしないようにする\n      const defaultMonth = isJaKanjiFormat ? 'long' : defaultFormats.month\n      const defaultDay = isJaKanjiFormat ? 'numeric' : defaultFormats.day\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...rest,\n        year: year ?? (hasPart.year ? defaultFormats.year : undefined),\n        month: month ?? (hasPart.month ? defaultMonth : undefined),\n        day: day ?? (hasPart.day ? defaultDay : undefined),\n        weekday: weekday ?? (hasPart.weekday ? defaultFormats.weekday : undefined),\n      }\n\n      const formattedDate = intl.formatDate(date, actualFormatOptions)\n\n      // 曜日をロケールに応じてフォーマットする\n      let formattedResult = formattedDate\n      const config = WEEKDAY_FORMATS[locale]\n      // 曜日が含まれており、かつ曜日のみの表示でない場合は括弧を追加\n      // 例: \"2025/01/01（水）\" → 括弧あり, \"水\" → 括弧なし\n      if (config && hasPart.weekday && (parts.length !== 1 || parts[0] !== 'weekday')) {\n        formattedResult = config.replacer(formattedDate)\n      }\n\n      return applyCapitalization(formattedResult, capitalizeFirstLetter)\n    }\n\n    const formatTime = ({ date, parts = ['hour', 'minute'], options }: FormatTimeProps): string => {\n      const formatOptions = options || {}\n\n      const hasPart = parts.reduce(\n        (prev, part) => {\n          prev[part] = true\n          return prev\n        },\n        { hour: false, minute: false, second: false } as {\n          hour: boolean\n          minute: boolean\n          second: boolean\n        },\n      )\n\n      const actualFormatOptions: Intl.DateTimeFormatOptions = {\n        ...formatOptions,\n        hour: formatOptions.hour ?? (hasPart.hour ? TIME_FORMATS[locale].hour : undefined),\n        minute: formatOptions.minute ?? (hasPart.minute ? TIME_FORMATS[locale].minute : undefined),\n        second: formatOptions.second ?? (hasPart.second ? '2-digit' : undefined),\n        hour12: formatOptions.hour12 ?? TIME_FORMATS[locale].hour12,\n      }\n\n      return intl.formatDate(date, actualFormatOptions)\n    }\n\n    return {\n      formatDate,\n      formatTime,\n      formatTimestamp: ({ date, timeParts = ['hour', 'minute'] }: FormatTimestampProps): string => {\n        const formattedDate = formatDate({ date, parts: ['year', 'month', 'day'] })\n        const formattedTime = formatTime({ date, parts: timeParts })\n        return `${formattedDate} ${formattedTime}`\n      },\n      getWeekStartDay: (): number => DATE_FORMATS[locale].weekStartDay,\n    }\n  }, [intl])\n}\n"],"names":[],"mappings":";;;;;AAyJA;AACE;AACA;AAQF;;;;AAOE;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;;AAED;;AAGH;;;AAGG;AACH;AACE;AACA;AACA;AACA;AACA;;AAEC;AACD;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACE;AACA;AACA;AACD;AACD;AACA;AACA;AACA;AACA;AACA;;AAGF;AAEA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI;AACL;;AAGE;AAEA;;;;AAkBM;AACA;AACF;;AAUF;AACA;;AAGA;AACA;AAEA;AACE;AACA;AACA;AACA;AACA;;;;;AAOF;;;;AAIE;;AAGF;AACF;AAEA;AACE;;AAII;AACA;AACF;AAQF;AACE;;;AAGA;;;;AAKJ;;;;AAKE;AACE;AACA;AACA;;;;AAIN;AACF;;"}

package/lib/intl/useIntl.cjs

@@ -27,15 +27,14 @@ const isValidLocale = (locale) => locale in intl_locales_index.locales;
  */
 const useIntl = () => {
     const intl = reactIntl.useIntl();
-    const result = React.useMemo(() => ({
+    return React.useMemo(() => ({
         localize: (descriptor, values, opts) => intl.formatMessage({ ...descriptor, defaultMessage: descriptor.defaultText }, values, opts),
         locale: isValidLocale(intl.locale) ? intl.locale : 'ja',
     }), [intl]);
-    return result;
 };
 const useLocalize = (props) => {
     const { localize } = useIntl();
-    const localized = React.useMemo(() => {
+    return React.useMemo(() => {
         const result = {};
         for (const i in props) {
             result[i] = localize(props[i]);
@@ -45,7 +44,6 @@ const useLocalize = (props) => {
         // 依存配列からは意図的に排除している
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [localize]);
-    return localized;
 };
 
 exports.useIntl = useIntl;

package/lib/intl/useIntl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntl.cjs","sources":["../../src/intl/useIntl.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport {\n  type PrimitiveType,\n  type MessageDescriptor as ReactIntlMessageDescriptor,\n  useIntl as useReactIntl,\n} from 'react-intl'\n\nimport { locales, type typedJa } from './locales'\n\nimport type { FormatXMLElementFn, Options as IntlMessageFormatOptions } from 'intl-messageformat'\n\ntype Messages = Record<keyof typeof typedJa, string>\n\ntype MessageDescriptor<T extends keyof Messages> = Omit<ReactIntlMessageDescriptor, 'id'> & {\n  id: T\n  defaultText: (typeof typedJa)[T]\n}\n\n/**\n * useIntlフックの戻り値の型定義\n */\nexport type UseIntlReturn = {\n  /** メッセージのローカライズ関数 */\n  localize: <T extends keyof Messages>(\n    descriptor: MessageDescriptor<T>,\n    values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n    opts?: IntlMessageFormatOptions,\n  ) => string\n  /** 現在のロケール */\n  locale: keyof typeof locales\n}\n\ntype LocalizeProps = Parameters<UseIntlReturn['localize']>[0]\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\n/**\n * メッセージローカライズ機能を提供するフック\n * react-intlをベースにした国際化機能を提供します\n *\n * @returns {UseIntlReturn} ローカライズに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（メッセージのローカライズ）\n * const Component = () => {\n *   const { localize } = useIntl()\n *   return <span>{localize({ id: 'smarthr-ui/common/language', defaultText: '日本語' })}</span>\n * }\n *\n * @example\n * // 現在のロケールの取得\n * const Component = () => {\n *   const { locale } = useIntl()\n *   return <div>現在のロケール: {locale}</div>\n * }\n */\nexport const useIntl = (): UseIntlReturn => {\n  const intl = useReactIntl()\n\n  const result = useMemo(\n    () => ({\n      localize: <T extends keyof Messages>(\n        descriptor: MessageDescriptor<T>,\n        values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n        opts?: IntlMessageFormatOptions,\n      ): string =>\n        intl.formatMessage({ ...descriptor, defaultMessage: descriptor.defaultText }, values, opts),\n      locale: isValidLocale(intl.locale) ? intl.locale : 'ja',\n    }),\n    [intl],\n  )\n\n  return result\n}\n\nexport const useLocalize = <T extends { [key: string]: LocalizeProps }>(\n  props: T,\n): { [K in keyof T]: string } => {\n  const { localize } = useIntl()\n\n  const localized = useMemo(() => {\n    const result = {} as { [K in keyof T]: string }\n\n    for (const i in props) {\n      result[i] = localize(props[i])\n    }\n\n    return result\n    // HINT: 利用方法としてpropsはliteral objectになる\n    // 依存配列からは意図的に排除している\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localize])\n\n  return localized\n}\n"],"names":[],"mappings":";;;;;;;AAoCA;AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AACL;AAEA;AAEI;AAMA;AACD;AAIH;AACF;AAEO;AAGL;AAEA;;AAGE;;;AAIA;;;;AAIF;AAEA;AACF;;;"}
+{"version":3,"file":"useIntl.cjs","sources":["../../src/intl/useIntl.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport {\n  type PrimitiveType,\n  type MessageDescriptor as ReactIntlMessageDescriptor,\n  useIntl as useReactIntl,\n} from 'react-intl'\n\nimport { locales, type typedJa } from './locales'\n\nimport type { FormatXMLElementFn, Options as IntlMessageFormatOptions } from 'intl-messageformat'\n\ntype Messages = Record<keyof typeof typedJa, string>\n\ntype MessageDescriptor<T extends keyof Messages> = Omit<ReactIntlMessageDescriptor, 'id'> & {\n  id: T\n  defaultText: (typeof typedJa)[T]\n}\n\n/**\n * useIntlフックの戻り値の型定義\n */\nexport type UseIntlReturn = {\n  /** メッセージのローカライズ関数 */\n  localize: <T extends keyof Messages>(\n    descriptor: MessageDescriptor<T>,\n    values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n    opts?: IntlMessageFormatOptions,\n  ) => string\n  /** 現在のロケール */\n  locale: keyof typeof locales\n}\n\ntype LocalizeProps = Parameters<UseIntlReturn['localize']>[0]\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\n/**\n * メッセージローカライズ機能を提供するフック\n * react-intlをベースにした国際化機能を提供します\n *\n * @returns {UseIntlReturn} ローカライズに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（メッセージのローカライズ）\n * const Component = () => {\n *   const { localize } = useIntl()\n *   return <span>{localize({ id: 'smarthr-ui/common/language', defaultText: '日本語' })}</span>\n * }\n *\n * @example\n * // 現在のロケールの取得\n * const Component = () => {\n *   const { locale } = useIntl()\n *   return <div>現在のロケール: {locale}</div>\n * }\n */\nexport const useIntl = (): UseIntlReturn => {\n  const intl = useReactIntl()\n\n  return useMemo(\n    () => ({\n      localize: <T extends keyof Messages>(\n        descriptor: MessageDescriptor<T>,\n        values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n        opts?: IntlMessageFormatOptions,\n      ): string =>\n        intl.formatMessage({ ...descriptor, defaultMessage: descriptor.defaultText }, values, opts),\n      locale: isValidLocale(intl.locale) ? intl.locale : 'ja',\n    }),\n    [intl],\n  )\n}\n\nexport const useLocalize = <T extends { [key: string]: LocalizeProps }>(\n  props: T,\n): { [K in keyof T]: string } => {\n  const { localize } = useIntl()\n\n  return useMemo(() => {\n    const result = {} as { [K in keyof T]: string }\n\n    for (const i in props) {\n      result[i] = localize(props[i])\n    }\n\n    return result\n    // HINT: 利用方法としてpropsはliteral objectになる\n    // 依存配列からは意図的に排除している\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localize])\n}\n"],"names":[],"mappings":";;;;;;;AAoCA;AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AACL;AAEA;AAEI;AAMA;AACD;AAGL;AAEO;AAGL;;;AAKE;;;AAIA;;;;AAIF;AACF;;;"}

package/lib/intl/useIntl.js

@@ -25,15 +25,14 @@ const isValidLocale = (locale) => locale in locales;
  */
 const useIntl = () => {
     const intl = useIntl$1();
-    const result = useMemo(() => ({
+    return useMemo(() => ({
         localize: (descriptor, values, opts) => intl.formatMessage({ ...descriptor, defaultMessage: descriptor.defaultText }, values, opts),
         locale: isValidLocale(intl.locale) ? intl.locale : 'ja',
     }), [intl]);
-    return result;
 };
 const useLocalize = (props) => {
     const { localize } = useIntl();
-    const localized = useMemo(() => {
+    return useMemo(() => {
         const result = {};
         for (const i in props) {
             result[i] = localize(props[i]);
@@ -43,7 +42,6 @@ const useLocalize = (props) => {
         // 依存配列からは意図的に排除している
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [localize]);
-    return localized;
 };
 
 export { useIntl, useLocalize };

package/lib/intl/useIntl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntl.js","sources":["../../src/intl/useIntl.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport {\n  type PrimitiveType,\n  type MessageDescriptor as ReactIntlMessageDescriptor,\n  useIntl as useReactIntl,\n} from 'react-intl'\n\nimport { locales, type typedJa } from './locales'\n\nimport type { FormatXMLElementFn, Options as IntlMessageFormatOptions } from 'intl-messageformat'\n\ntype Messages = Record<keyof typeof typedJa, string>\n\ntype MessageDescriptor<T extends keyof Messages> = Omit<ReactIntlMessageDescriptor, 'id'> & {\n  id: T\n  defaultText: (typeof typedJa)[T]\n}\n\n/**\n * useIntlフックの戻り値の型定義\n */\nexport type UseIntlReturn = {\n  /** メッセージのローカライズ関数 */\n  localize: <T extends keyof Messages>(\n    descriptor: MessageDescriptor<T>,\n    values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n    opts?: IntlMessageFormatOptions,\n  ) => string\n  /** 現在のロケール */\n  locale: keyof typeof locales\n}\n\ntype LocalizeProps = Parameters<UseIntlReturn['localize']>[0]\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\n/**\n * メッセージローカライズ機能を提供するフック\n * react-intlをベースにした国際化機能を提供します\n *\n * @returns {UseIntlReturn} ローカライズに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（メッセージのローカライズ）\n * const Component = () => {\n *   const { localize } = useIntl()\n *   return <span>{localize({ id: 'smarthr-ui/common/language', defaultText: '日本語' })}</span>\n * }\n *\n * @example\n * // 現在のロケールの取得\n * const Component = () => {\n *   const { locale } = useIntl()\n *   return <div>現在のロケール: {locale}</div>\n * }\n */\nexport const useIntl = (): UseIntlReturn => {\n  const intl = useReactIntl()\n\n  const result = useMemo(\n    () => ({\n      localize: <T extends keyof Messages>(\n        descriptor: MessageDescriptor<T>,\n        values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n        opts?: IntlMessageFormatOptions,\n      ): string =>\n        intl.formatMessage({ ...descriptor, defaultMessage: descriptor.defaultText }, values, opts),\n      locale: isValidLocale(intl.locale) ? intl.locale : 'ja',\n    }),\n    [intl],\n  )\n\n  return result\n}\n\nexport const useLocalize = <T extends { [key: string]: LocalizeProps }>(\n  props: T,\n): { [K in keyof T]: string } => {\n  const { localize } = useIntl()\n\n  const localized = useMemo(() => {\n    const result = {} as { [K in keyof T]: string }\n\n    for (const i in props) {\n      result[i] = localize(props[i])\n    }\n\n    return result\n    // HINT: 利用方法としてpropsはliteral objectになる\n    // 依存配列からは意図的に排除している\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localize])\n\n  return localized\n}\n"],"names":[],"mappings":";;;;;AAoCA;AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AACL;AAEA;AAEI;AAMA;AACD;AAIH;AACF;AAEO;AAGL;AAEA;;AAGE;;;AAIA;;;;AAIF;AAEA;AACF;;"}
+{"version":3,"file":"useIntl.js","sources":["../../src/intl/useIntl.ts"],"sourcesContent":["'use client'\n\nimport { useMemo } from 'react'\nimport {\n  type PrimitiveType,\n  type MessageDescriptor as ReactIntlMessageDescriptor,\n  useIntl as useReactIntl,\n} from 'react-intl'\n\nimport { locales, type typedJa } from './locales'\n\nimport type { FormatXMLElementFn, Options as IntlMessageFormatOptions } from 'intl-messageformat'\n\ntype Messages = Record<keyof typeof typedJa, string>\n\ntype MessageDescriptor<T extends keyof Messages> = Omit<ReactIntlMessageDescriptor, 'id'> & {\n  id: T\n  defaultText: (typeof typedJa)[T]\n}\n\n/**\n * useIntlフックの戻り値の型定義\n */\nexport type UseIntlReturn = {\n  /** メッセージのローカライズ関数 */\n  localize: <T extends keyof Messages>(\n    descriptor: MessageDescriptor<T>,\n    values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n    opts?: IntlMessageFormatOptions,\n  ) => string\n  /** 現在のロケール */\n  locale: keyof typeof locales\n}\n\ntype LocalizeProps = Parameters<UseIntlReturn['localize']>[0]\n\nconst isValidLocale = (locale: string): locale is keyof typeof locales => locale in locales\n\n/**\n * メッセージローカライズ機能を提供するフック\n * react-intlをベースにした国際化機能を提供します\n *\n * @returns {UseIntlReturn} ローカライズに関連する関数とプロパティを含むオブジェクト\n * @example\n * // 基本的な使用法（メッセージのローカライズ）\n * const Component = () => {\n *   const { localize } = useIntl()\n *   return <span>{localize({ id: 'smarthr-ui/common/language', defaultText: '日本語' })}</span>\n * }\n *\n * @example\n * // 現在のロケールの取得\n * const Component = () => {\n *   const { locale } = useIntl()\n *   return <div>現在のロケール: {locale}</div>\n * }\n */\nexport const useIntl = (): UseIntlReturn => {\n  const intl = useReactIntl()\n\n  return useMemo(\n    () => ({\n      localize: <T extends keyof Messages>(\n        descriptor: MessageDescriptor<T>,\n        values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>,\n        opts?: IntlMessageFormatOptions,\n      ): string =>\n        intl.formatMessage({ ...descriptor, defaultMessage: descriptor.defaultText }, values, opts),\n      locale: isValidLocale(intl.locale) ? intl.locale : 'ja',\n    }),\n    [intl],\n  )\n}\n\nexport const useLocalize = <T extends { [key: string]: LocalizeProps }>(\n  props: T,\n): { [K in keyof T]: string } => {\n  const { localize } = useIntl()\n\n  return useMemo(() => {\n    const result = {} as { [K in keyof T]: string }\n\n    for (const i in props) {\n      result[i] = localize(props[i])\n    }\n\n    return result\n    // HINT: 利用方法としてpropsはliteral objectになる\n    // 依存配列からは意図的に排除している\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localize])\n}\n"],"names":[],"mappings":";;;;;AAoCA;AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AACL;AAEA;AAEI;AAMA;AACD;AAGL;AAEO;AAGL;;;AAKE;;;AAIA;;;;AAIF;AACF;;"}

package/lib/libs/debounce.cjs

@@ -6,21 +6,29 @@
  *
  * @param {T} func - 実行する関数
  * @param {number} wait - デバウンスの待機時間（ミリ秒）
- * @returns {(...rest: Parameters<T>) => void} デバウンスされた関数
+ * @returns {((...rest: Parameters<T>) => void) & { cancel: () => void }} デバウンスされた関数
  *
  * @example
  * const debouncedFunction = debounce(() => console.log('Called!'), 200);
  */
 const debounce = (func, wait) => {
     let timeoutId = null;
-    return function (...timeoutRest) {
+    const debouncedFunction = function (...timeoutRest) {
         if (timeoutId !== null) {
             clearTimeout(timeoutId);
         }
         timeoutId = setTimeout(() => {
+            timeoutId = null;
             func(...timeoutRest);
         }, wait);
     };
+    debouncedFunction.cancel = () => {
+        if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+    };
+    return debouncedFunction;
 };
 
 exports.debounce = debounce;

package/lib/libs/debounce.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.cjs","sources":["../../src/libs/debounce.ts"],"sourcesContent":["/**\n * 関数の呼び出しを指定された待機時間 (wait) だけ遅延させるデバウンス関数。\n * 直前に同じ関数が呼び出された場合、タイマーをリセットして再び遅延させます。\n *\n * @param {T} func - 実行する関数\n * @param {number} wait - デバウンスの待機時間（ミリ秒）\n * @returns {(...rest: Parameters<T>) => void} デバウンスされた関数\n *\n * @example\n * const debouncedFunction = debounce(() => console.log('Called!'), 200);\n */\nexport const debounce = <T extends (...rest: any[]) => void>(\n  func: T,\n  wait: number,\n): ((...rest: Parameters<T>) => void) => {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null\n\n  return function (...timeoutRest: Parameters<T>) {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId)\n    }\n    timeoutId = setTimeout(() => {\n      func(...timeoutRest)\n    }, wait)\n  }\n}\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;AAUG;MACU,QAAQ,GAAG,CACtB,IAAO,EACP,IAAY,KAC0B;IACtC,IAAI,SAAS,GAAyC,IAAI;IAE1D,OAAO,UAAU,GAAG,WAA0B,EAAA;AAC5C,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC;QACzB;AACA,QAAA,SAAS,GAAG,UAAU,CAAC,MAAK;AAC1B,YAAA,IAAI,CAAC,GAAG,WAAW,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;AACH;;;;"}
+{"version":3,"file":"debounce.cjs","sources":["../../src/libs/debounce.ts"],"sourcesContent":["/**\n * 関数の呼び出しを指定された待機時間 (wait) だけ遅延させるデバウンス関数。\n * 直前に同じ関数が呼び出された場合、タイマーをリセットして再び遅延させます。\n *\n * @param {T} func - 実行する関数\n * @param {number} wait - デバウンスの待機時間（ミリ秒）\n * @returns {((...rest: Parameters<T>) => void) & { cancel: () => void }} デバウンスされた関数\n *\n * @example\n * const debouncedFunction = debounce(() => console.log('Called!'), 200);\n */\nexport const debounce = <T extends (...rest: any[]) => void>(\n  func: T,\n  wait: number,\n): ((...rest: Parameters<T>) => void) & { cancel: () => void } => {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null\n\n  const debouncedFunction = function (...timeoutRest: Parameters<T>) {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId)\n    }\n    timeoutId = setTimeout(() => {\n      timeoutId = null\n      func(...timeoutRest)\n    }, wait)\n  }\n\n  debouncedFunction.cancel = () => {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId)\n      timeoutId = null\n    }\n  }\n\n  return debouncedFunction\n}\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;AAUG;MACU,QAAQ,GAAG,CACtB,IAAO,EACP,IAAY,KACmD;IAC/D,IAAI,SAAS,GAAyC,IAAI;AAE1D,IAAA,MAAM,iBAAiB,GAAG,UAAU,GAAG,WAA0B,EAAA;AAC/D,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC;QACzB;AACA,QAAA,SAAS,GAAG,UAAU,CAAC,MAAK;YAC1B,SAAS,GAAG,IAAI;AAChB,YAAA,IAAI,CAAC,GAAG,WAAW,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;AAED,IAAA,iBAAiB,CAAC,MAAM,GAAG,MAAK;AAC9B,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC;YACvB,SAAS,GAAG,IAAI;QAClB;AACF,IAAA,CAAC;AAED,IAAA,OAAO,iBAAiB;AAC1B;;;;"}

package/lib/libs/debounce.d.ts

@@ -4,9 +4,11 @@
  *
  * @param {T} func - 実行する関数
  * @param {number} wait - デバウンスの待機時間（ミリ秒）
- * @returns {(...rest: Parameters<T>) => void} デバウンスされた関数
+ * @returns {((...rest: Parameters<T>) => void) & { cancel: () => void }} デバウンスされた関数
  *
  * @example
  * const debouncedFunction = debounce(() => console.log('Called!'), 200);
  */
-export declare const debounce: <T extends (...rest: any[]) => void>(func: T, wait: number) => ((...rest: Parameters<T>) => void);
+export declare const debounce: <T extends (...rest: any[]) => void>(func: T, wait: number) => ((...rest: Parameters<T>) => void) & {
+    cancel: () => void;
+};

package/lib/libs/debounce.js

@@ -4,21 +4,29 @@
  *
  * @param {T} func - 実行する関数
  * @param {number} wait - デバウンスの待機時間（ミリ秒）
- * @returns {(...rest: Parameters<T>) => void} デバウンスされた関数
+ * @returns {((...rest: Parameters<T>) => void) & { cancel: () => void }} デバウンスされた関数
  *
  * @example
  * const debouncedFunction = debounce(() => console.log('Called!'), 200);
  */
 const debounce = (func, wait) => {
     let timeoutId = null;
-    return function (...timeoutRest) {
+    const debouncedFunction = function (...timeoutRest) {
         if (timeoutId !== null) {
             clearTimeout(timeoutId);
         }
         timeoutId = setTimeout(() => {
+            timeoutId = null;
             func(...timeoutRest);
         }, wait);
     };
+    debouncedFunction.cancel = () => {
+        if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+    };
+    return debouncedFunction;
 };
 
 export { debounce };

package/lib/libs/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sources":["../../src/libs/debounce.ts"],"sourcesContent":["/**\n * 関数の呼び出しを指定された待機時間 (wait) だけ遅延させるデバウンス関数。\n * 直前に同じ関数が呼び出された場合、タイマーをリセットして再び遅延させます。\n *\n * @param {T} func - 実行する関数\n * @param {number} wait - デバウンスの待機時間（ミリ秒）\n * @returns {(...rest: Parameters<T>) => void} デバウンスされた関数\n *\n * @example\n * const debouncedFunction = debounce(() => console.log('Called!'), 200);\n */\nexport const debounce = <T extends (...rest: any[]) => void>(\n  func: T,\n  wait: number,\n): ((...rest: Parameters<T>) => void) => {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null\n\n  return function (...timeoutRest: Parameters<T>) {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId)\n    }\n    timeoutId = setTimeout(() => {\n      func(...timeoutRest)\n    }, wait)\n  }\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUG;MACU,QAAQ,GAAG,CACtB,IAAO,EACP,IAAY,KAC0B;IACtC,IAAI,SAAS,GAAyC,IAAI;IAE1D,OAAO,UAAU,GAAG,WAA0B,EAAA;AAC5C,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC;QACzB;AACA,QAAA,SAAS,GAAG,UAAU,CAAC,MAAK;AAC1B,YAAA,IAAI,CAAC,GAAG,WAAW,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;AACH;;;;"}
+{"version":3,"file":"debounce.js","sources":["../../src/libs/debounce.ts"],"sourcesContent":["/**\n * 関数の呼び出しを指定された待機時間 (wait) だけ遅延させるデバウンス関数。\n * 直前に同じ関数が呼び出された場合、タイマーをリセットして再び遅延させます。\n *\n * @param {T} func - 実行する関数\n * @param {number} wait - デバウンスの待機時間（ミリ秒）\n * @returns {((...rest: Parameters<T>) => void) & { cancel: () => void }} デバウンスされた関数\n *\n * @example\n * const debouncedFunction = debounce(() => console.log('Called!'), 200);\n */\nexport const debounce = <T extends (...rest: any[]) => void>(\n  func: T,\n  wait: number,\n): ((...rest: Parameters<T>) => void) & { cancel: () => void } => {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null\n\n  const debouncedFunction = function (...timeoutRest: Parameters<T>) {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId)\n    }\n    timeoutId = setTimeout(() => {\n      timeoutId = null\n      func(...timeoutRest)\n    }, wait)\n  }\n\n  debouncedFunction.cancel = () => {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId)\n      timeoutId = null\n    }\n  }\n\n  return debouncedFunction\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUG;MACU,QAAQ,GAAG,CACtB,IAAO,EACP,IAAY,KACmD;IAC/D,IAAI,SAAS,GAAyC,IAAI;AAE1D,IAAA,MAAM,iBAAiB,GAAG,UAAU,GAAG,WAA0B,EAAA;AAC/D,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC;QACzB;AACA,QAAA,SAAS,GAAG,UAAU,CAAC,MAAK;YAC1B,SAAS,GAAG,IAAI;AAChB,YAAA,IAAI,CAAC,GAAG,WAAW,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;AAED,IAAA,iBAAiB,CAAC,MAAM,GAAG,MAAK;AAC9B,QAAA,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC;YACvB,SAAS,GAAG,IAAI;QAClB;AACF,IAAA,CAAC;AAED,IAAA,OAAO,iBAAiB;AAC1B;;;;"}

package/lib/libs/lodash.cjs

@@ -3,9 +3,8 @@
 var index = require('../_virtual/index.cjs');
 var index$1 = require('../_virtual/index2.cjs');
 
-const merge = index;
-const range = index$1;
 
-exports.merge = merge;
-exports.range = range;
+
+exports.merge = index;
+exports.range = index$1;
 //# sourceMappingURL=lodash.cjs.map

package/lib/libs/lodash.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lodash.cjs","sources":["../../src/libs/lodash.ts"],"sourcesContent":["import _merge from 'lodash.merge'\nimport _range from 'lodash.range'\n\nexport const merge = _merge\nexport const range = _range\n"],"names":["_merge","_range"],"mappings":";;;;;AAGO,MAAM,KAAK,GAAGA;AACd,MAAM,KAAK,GAAGC;;;;;"}
+{"version":3,"file":"lodash.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/libs/lodash.d.ts

@@ -1,11 +1,2 @@
-export declare const merge: {
-    <TObject, TSource>(object: TObject, source: TSource): TObject & TSource;
-    <TObject, TSource1, TSource2>(object: TObject, source1: TSource1, source2: TSource2): TObject & TSource1 & TSource2;
-    <TObject, TSource1, TSource2, TSource3>(object: TObject, source1: TSource1, source2: TSource2, source3: TSource3): TObject & TSource1 & TSource2 & TSource3;
-    <TObject, TSource1, TSource2, TSource3, TSource4>(object: TObject, source1: TSource1, source2: TSource2, source3: TSource3, source4: TSource4): TObject & TSource1 & TSource2 & TSource3 & TSource4;
-    (object: any, ...otherArgs: any[]): any;
-};
-export declare const range: {
-    (start: number, end?: number, step?: number): number[];
-    (end: number, index: string | number, guard: object): number[];
-};
+export { default as merge } from 'lodash.merge';
+export { default as range } from 'lodash.range';

package/lib/libs/lodash.js

@@ -1,8 +1,3 @@
-import _merge from '../_virtual/index.js';
-import _range from '../_virtual/index2.js';
-
-const merge = _merge;
-const range = _range;
-
-export { merge, range };
+export { default as merge } from '../_virtual/index.js';
+export { default as range } from '../_virtual/index2.js';
 //# sourceMappingURL=lodash.js.map

package/lib/libs/lodash.js.map

@@ -1 +1 @@
-{"version":3,"file":"lodash.js","sources":["../../src/libs/lodash.ts"],"sourcesContent":["import _merge from 'lodash.merge'\nimport _range from 'lodash.range'\n\nexport const merge = _merge\nexport const range = _range\n"],"names":[],"mappings":";;;AAGO,MAAM,KAAK,GAAG;AACd,MAAM,KAAK,GAAG;;;;"}
+{"version":3,"file":"lodash.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/libs/map.cjs

@@ -2,11 +2,7 @@
 
 const getIsInclude = (map, key) => !!map.get(key);
 const mapToKeyArray = (map) => Array.from(map.keys());
-const flatArrayToMap = (array) => {
-    const map = new Map();
-    array.forEach((item) => map.set(item, item));
-    return map;
-};
+const flatArrayToMap = (array) => new Map(array.map((item) => [item, item]));
 
 exports.flatArrayToMap = flatArrayToMap;
 exports.getIsInclude = getIsInclude;

package/lib/libs/map.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"map.cjs","sources":["../../src/libs/map.ts"],"sourcesContent":["export const getIsInclude = <K, V>(map: Map<K, V>, key: K) => !!map.get(key)\n\nexport const mapToKeyArray = <K, V>(map: Map<K, V>) => Array.from(map.keys())\n\nexport const flatArrayToMap = <T>(array: T[]) => {\n  const map = new Map<T, T>()\n  array.forEach((item) => map.set(item, item))\n  return map\n}\n"],"names":[],"mappings":";;AAAO,MAAM,YAAY,GAAG,CAAO,GAAc,EAAE,GAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;AAEpE,MAAM,aAAa,GAAG,CAAO,GAAc,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AAErE,MAAM,cAAc,GAAG,CAAI,KAAU,KAAI;AAC9C,IAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAQ;AAC3B,IAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC5C,IAAA,OAAO,GAAG;AACZ;;;;;;"}
+{"version":3,"file":"map.cjs","sources":["../../src/libs/map.ts"],"sourcesContent":["export const getIsInclude = <K, V>(map: Map<K, V>, key: K) => !!map.get(key)\n\nexport const mapToKeyArray = <K, V>(map: Map<K, V>) => Array.from(map.keys())\n\nexport const flatArrayToMap = <T>(array: T[]) => new Map(array.map((item): [T, T] => [item, item]))\n"],"names":[],"mappings":";;AAAO,MAAM,YAAY,GAAG,CAAO,GAAc,EAAE,GAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;AAEpE,MAAM,aAAa,GAAG,CAAO,GAAc,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AAErE,MAAM,cAAc,GAAG,CAAI,KAAU,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;;;;;;"}

package/lib/libs/map.js

@@ -1,10 +1,6 @@
 const getIsInclude = (map, key) => !!map.get(key);
 const mapToKeyArray = (map) => Array.from(map.keys());
-const flatArrayToMap = (array) => {
-    const map = new Map();
-    array.forEach((item) => map.set(item, item));
-    return map;
-};
+const flatArrayToMap = (array) => new Map(array.map((item) => [item, item]));
 
 export { flatArrayToMap, getIsInclude, mapToKeyArray };
 //# sourceMappingURL=map.js.map

package/lib/libs/map.js.map

@@ -1 +1 @@
-{"version":3,"file":"map.js","sources":["../../src/libs/map.ts"],"sourcesContent":["export const getIsInclude = <K, V>(map: Map<K, V>, key: K) => !!map.get(key)\n\nexport const mapToKeyArray = <K, V>(map: Map<K, V>) => Array.from(map.keys())\n\nexport const flatArrayToMap = <T>(array: T[]) => {\n  const map = new Map<T, T>()\n  array.forEach((item) => map.set(item, item))\n  return map\n}\n"],"names":[],"mappings":"AAAO,MAAM,YAAY,GAAG,CAAO,GAAc,EAAE,GAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;AAEpE,MAAM,aAAa,GAAG,CAAO,GAAc,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AAErE,MAAM,cAAc,GAAG,CAAI,KAAU,KAAI;AAC9C,IAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAQ;AAC3B,IAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC5C,IAAA,OAAO,GAAG;AACZ;;;;"}
+{"version":3,"file":"map.js","sources":["../../src/libs/map.ts"],"sourcesContent":["export const getIsInclude = <K, V>(map: Map<K, V>, key: K) => !!map.get(key)\n\nexport const mapToKeyArray = <K, V>(map: Map<K, V>) => Array.from(map.keys())\n\nexport const flatArrayToMap = <T>(array: T[]) => new Map(array.map((item): [T, T] => [item, item]))\n"],"names":[],"mappings":"AAAO,MAAM,YAAY,GAAG,CAAO,GAAc,EAAE,GAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;AAEpE,MAAM,aAAa,GAAG,CAAO,GAAc,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AAErE,MAAM,cAAc,GAAG,CAAI,KAAU,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;;;;"}

package/lib/themes/createBackgroundColor.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
 var polished_esm = require('./../vendor/.pnpm/polished@4.3.1/vendor/polished/dist/polished.esm.cjs');
-var libs_lodash = require('../libs/lodash.cjs');
+var index = require('../_virtual/index.cjs');
+require('../_virtual/index2.cjs');
 var themes_createColor = require('./createColor.cjs');
 
 const defaultBackgroundColor = {
@@ -39,7 +40,7 @@ const createBackgroundColor = (userColor) => {
         return defaultBackgroundColor;
     }
     // userColorでマージされた色パレットを取得し、背景色を再生成
-    const color = libs_lodash.merge(themes_createColor.defaultColor, userColor);
+    const color = index(themes_createColor.defaultColor, userColor);
     return {
         black: color.GREY_100,
         white: color.WHITE,