@pisell/materials 3.3.82 → 3.3.84

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.js

@@ -0,0 +1,187 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.tsx
+var PisellTimeRangeDisplay_stories_exports = {};
+__export(PisellTimeRangeDisplay_stories_exports, {
+  CrossDay: () => CrossDay,
+  CrossYear: () => CrossYear,
+  CustomContainerStyle: () => CustomContainerStyle,
+  Default: () => Default,
+  DurationFirst: () => DurationFirst,
+  DurationInMiddle: () => DurationInMiddle,
+  DurationWithSeconds: () => DurationWithSeconds,
+  LocaleEn: () => LocaleEn,
+  LocaleZhCN: () => LocaleZhCN,
+  NarrowWidth: () => NarrowWidth,
+  SameDayWithDate: () => SameDayWithDate,
+  Time12Hour: () => Time12Hour,
+  TimeAndDurationOnly: () => TimeAndDurationOnly,
+  default: () => PisellTimeRangeDisplay_stories_default
+});
+module.exports = __toCommonJS(PisellTimeRangeDisplay_stories_exports);
+var import_PisellTimeRangeDisplay = require("./PisellTimeRangeDisplay");
+var meta = {
+  title: "General/PisellTimeRangeDisplay",
+  component: import_PisellTimeRangeDisplay.PisellTimeRangeDisplay,
+  tags: ["autodocs"],
+  argTypes: {
+    textAlign: {
+      control: "radio",
+      options: ["left", "center", "right"],
+      description: "文本对齐"
+    },
+    showDateForSameDay: {
+      control: "boolean",
+      description: "同一天时是否显示日期与星期"
+    },
+    locale: {
+      control: "select",
+      options: ["zh-cn", "en"],
+      description: "语言"
+    }
+  }
+};
+var PisellTimeRangeDisplay_stories_default = meta;
+var Default = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00"
+  }
+};
+var SameDayWithDate = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true
+  }
+};
+var CrossDay = {
+  args: {
+    startAt: "2026-02-04 18:00",
+    endAt: "2026-02-05 10:00"
+  }
+};
+var CrossYear = {
+  args: {
+    startAt: "2025-12-31 22:00",
+    endAt: "2026-01-01 02:00"
+  }
+};
+var DurationInMiddle = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true,
+    fields: {
+      fieldOrder: ["time", "duration", "date", "weekday"]
+    }
+  }
+};
+var DurationFirst = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    fields: {
+      fieldOrder: ["duration", "time"]
+    }
+  }
+};
+var DurationWithSeconds = {
+  args: {
+    startAt: "2026-02-04 09:00:00",
+    endAt: "2026-02-04 09:30:45",
+    durationFormat: { showSeconds: true }
+  }
+};
+var TimeAndDurationOnly = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    fields: {
+      showTimeRange: true,
+      showDate: false,
+      showWeekday: false,
+      showDuration: true
+    }
+  }
+};
+var Time12Hour = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    timeFormat: { use12Hour: true }
+  }
+};
+var LocaleZhCN = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true,
+    locale: "zh-cn",
+    dateFormat: { showChineseUnit: true, showYear: true }
+  }
+};
+var LocaleEn = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true,
+    locale: "en",
+    dateFormat: { order: "MDY", showYear: true }
+  }
+};
+var NarrowWidth = {
+  args: {
+    startAt: "2026-03-21 10:15",
+    endAt: "2026-03-21 10:45",
+    showDateForSameDay: true,
+    dateFormat: { order: "MDY", showYear: true }
+  },
+  decorators: [
+    (Story) => /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 320, border: "1px dashed #ccc", padding: 8 } }, /* @__PURE__ */ React.createElement(Story, null))
+  ]
+};
+var CustomContainerStyle = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    containerStyle: {
+      background: "#f5f5f5",
+      borderRadius: 8,
+      padding: 16,
+      gap: 8
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CrossDay,
+  CrossYear,
+  CustomContainerStyle,
+  Default,
+  DurationFirst,
+  DurationInMiddle,
+  DurationWithSeconds,
+  LocaleEn,
+  LocaleZhCN,
+  NarrowWidth,
+  SameDayWithDate,
+  Time12Hour,
+  TimeAndDurationOnly
+});

package/lib/components/pisellTimeRangeDisplay/components/DateBlock.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/components/DateBlock.tsx
+var DateBlock_exports = {};
+__export(DateBlock_exports, {
+  DateBlock: () => DateBlock,
+  default: () => DateBlock_default
+});
+module.exports = __toCommonJS(DateBlock_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("../utils");
+var DateBlock = ({
+  date,
+  format,
+  referenceDate = (0, import_dayjs.default)(),
+  style,
+  className
+}) => {
+  const labels = format == null ? void 0 : format.relativeDayLabels;
+  const relativeDay = (format == null ? void 0 : format.showRelativeDay) ? (0, import_utils.getRelativeDay)(date, referenceDate) : null;
+  const formattedDate = relativeDay ? (labels == null ? void 0 : labels[relativeDay]) ?? (0, import_utils.getRelativeDayLabel)(relativeDay, date.locale()) : (0, import_utils.formatDate)(date, format);
+  if (!formattedDate) return null;
+  const inlineStyle = {
+    fontSize: style == null ? void 0 : style.fontSize,
+    fontWeight: style == null ? void 0 : style.fontWeight,
+    color: style == null ? void 0 : style.color,
+    lineHeight: style == null ? void 0 : style.lineHeight
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: `pisell-time-range-display-date ${className || ""}`.trim(),
+      style: inlineStyle
+    },
+    formattedDate
+  );
+};
+var DateBlock_default = DateBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateBlock
+});

package/lib/components/pisellTimeRangeDisplay/components/DurationBlock.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/components/DurationBlock.tsx
+var DurationBlock_exports = {};
+__export(DurationBlock_exports, {
+  DurationBlock: () => DurationBlock,
+  default: () => DurationBlock_default
+});
+module.exports = __toCommonJS(DurationBlock_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("../utils");
+var DurationBlock = ({
+  durationMs,
+  showSeconds = false,
+  locale,
+  style,
+  className
+}) => {
+  const formatted = (0, import_utils.formatDuration)(durationMs, showSeconds, locale);
+  const inlineStyle = {
+    fontSize: style == null ? void 0 : style.fontSize,
+    fontWeight: style == null ? void 0 : style.fontWeight,
+    color: style == null ? void 0 : style.color,
+    lineHeight: style == null ? void 0 : style.lineHeight
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: `pisell-time-range-display-duration ${className || ""}`.trim(),
+      style: inlineStyle
+    },
+    formatted
+  );
+};
+var DurationBlock_default = DurationBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DurationBlock
+});

package/lib/components/pisellTimeRangeDisplay/components/TimeRangeBlock.js

@@ -0,0 +1,120 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/components/TimeRangeBlock.tsx
+var TimeRangeBlock_exports = {};
+__export(TimeRangeBlock_exports, {
+  TimeRangeBlock: () => TimeRangeBlock,
+  default: () => TimeRangeBlock_default
+});
+module.exports = __toCommonJS(TimeRangeBlock_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("../utils");
+var TimeRangeBlock = ({
+  start,
+  end,
+  isSameDay,
+  timeFormat,
+  dateFormat,
+  weekdayFormat,
+  referenceDate = (0, import_dayjs.default)(),
+  style,
+  className
+}) => {
+  const inlineStyle = {
+    fontSize: style == null ? void 0 : style.fontSize,
+    fontWeight: style == null ? void 0 : style.fontWeight,
+    color: style == null ? void 0 : style.color,
+    lineHeight: style == null ? void 0 : style.lineHeight
+  };
+  if (isSameDay) {
+    const startStr = (0, import_utils.formatTime)(start, timeFormat);
+    const endStr = (0, import_utils.formatTime)(end, timeFormat);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: `pisell-time-range-display-time ${className || ""}`.trim(),
+        style: inlineStyle
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-start" }, startStr),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-end-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-sep", "aria-hidden": true }, " - "), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-time-end" }, endStr))
+    );
+  }
+  const isCrossYear = start.year() !== end.year();
+  const dateFormatOverride = {
+    order: "DMY",
+    shortMonth: true,
+    showYear: isCrossYear,
+    showMonth: true,
+    showDay: true,
+    useCommaBeforeYear: false
+  };
+  const startTimeStr = (0, import_utils.formatTime)(start, timeFormat);
+  const endTimeStr = (0, import_utils.formatTime)(end, timeFormat);
+  const startDatePart = (0, import_utils.getDatePartDisplay)({
+    date: start,
+    dateFormat,
+    weekdayFormat,
+    referenceDate,
+    dateFormatOverride
+  });
+  const endDatePart = (0, import_utils.getDatePartDisplay)({
+    date: end,
+    dateFormat,
+    weekdayFormat,
+    referenceDate,
+    dateFormatOverride
+  });
+  const startPart = `${startTimeStr} ${startDatePart}`;
+  const endPart = `${endTimeStr} ${endDatePart}`;
+  const timeClass = "pisell-time-range-display-time pisell-time-range-display-time-cross";
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      key: "time-start",
+      className: `${timeClass} ${className || ""}`.trim(),
+      style: inlineStyle
+    },
+    startPart
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      key: "time-end",
+      className: `${timeClass} ${className || ""}`.trim(),
+      style: inlineStyle
+    },
+    " - ",
+    endPart
+  ));
+};
+var TimeRangeBlock_default = TimeRangeBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimeRangeBlock
+});

package/lib/components/pisellTimeRangeDisplay/components/WeekdayBlock.js

@@ -0,0 +1,64 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/components/WeekdayBlock.tsx
+var WeekdayBlock_exports = {};
+__export(WeekdayBlock_exports, {
+  WeekdayBlock: () => WeekdayBlock,
+  default: () => WeekdayBlock_default
+});
+module.exports = __toCommonJS(WeekdayBlock_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("../utils");
+var WeekdayBlock = ({
+  weekday,
+  format,
+  style,
+  className
+}) => {
+  const formattedWeekday = (0, import_utils.formatWeekday)(weekday, format);
+  const inlineStyle = {
+    fontSize: style == null ? void 0 : style.fontSize,
+    fontWeight: style == null ? void 0 : style.fontWeight,
+    color: style == null ? void 0 : style.color,
+    lineHeight: style == null ? void 0 : style.lineHeight
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: `pisell-time-range-display-weekday ${className || ""}`.trim(),
+      style: inlineStyle
+    },
+    formattedWeekday
+  );
+};
+var WeekdayBlock_default = WeekdayBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WeekdayBlock
+});

package/lib/components/pisellTimeRangeDisplay/components/index.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/components/index.tsx
+var components_exports = {};
+__export(components_exports, {
+  DateBlock: () => import_DateBlock.DateBlock,
+  DurationBlock: () => import_DurationBlock.DurationBlock,
+  TimeRangeBlock: () => import_TimeRangeBlock.TimeRangeBlock,
+  WeekdayBlock: () => import_WeekdayBlock.WeekdayBlock
+});
+module.exports = __toCommonJS(components_exports);
+var import_TimeRangeBlock = require("./TimeRangeBlock");
+var import_DateBlock = require("./DateBlock");
+var import_WeekdayBlock = require("./WeekdayBlock");
+var import_DurationBlock = require("./DurationBlock");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateBlock,
+  DurationBlock,
+  TimeRangeBlock,
+  WeekdayBlock
+});

package/lib/components/pisellTimeRangeDisplay/index.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/index.tsx
+var pisellTimeRangeDisplay_exports = {};
+__export(pisellTimeRangeDisplay_exports, {
+  PisellTimeRangeDisplay: () => import_PisellTimeRangeDisplay.PisellTimeRangeDisplay,
+  default: () => import_PisellTimeRangeDisplay.default
+});
+module.exports = __toCommonJS(pisellTimeRangeDisplay_exports);
+var import_PisellTimeRangeDisplay = __toESM(require("./PisellTimeRangeDisplay"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellTimeRangeDisplay
+});

package/lib/components/pisellTimeRangeDisplay/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellTimeRangeDisplay/utils/formatDuration.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellTimeRangeDisplay/utils/formatDuration.ts
+var formatDuration_exports = {};
+__export(formatDuration_exports, {
+  formatDuration: () => formatDuration
+});
+module.exports = __toCommonJS(formatDuration_exports);
+function isChineseLocale(locale) {
+  if (!locale) return false;
+  const n = locale.toLowerCase();
+  return n.startsWith("zh");
+}
+function formatDuration(ms, showSeconds = false, locale) {
+  if (!Number.isFinite(ms) || ms < 0) {
+    return isChineseLocale(locale) ? "0分钟" : "0m";
+  }
+  const d = Math.floor(ms / 864e5);
+  const h = Math.floor(ms % 864e5 / 36e5);
+  const m = Math.floor(ms % 36e5 / 6e4);
+  const s = Math.floor(ms % 6e4 / 1e3);
+  const useZh = isChineseLocale(locale);
+  const units = useZh ? { d: "天", h: "时", m: "分钟", s: "秒" } : { d: "d", h: "h", m: "m", s: "s" };
+  const parts = [];
+  if (d > 0) parts.push(`${d}${units.d}`);
+  if (h > 0) parts.push(`${h}${units.h}`);
+  if (m > 0) parts.push(`${m}${units.m}`);
+  if (showSeconds || parts.length === 0 && s >= 0) {
+    parts.push(`${s}${units.s}`);
+  }
+  return parts.length > 0 ? parts.join("") : useZh ? "0分钟" : "0m";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatDuration
+});