@teach-in/react 0.1.0

package/dist/ui/format/datetime.js

@@ -0,0 +1,52 @@
+"use client";
+"use strict";
+"use client";
+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/ui/format/datetime.tsx
+var datetime_exports = {};
+__export(datetime_exports, {
+  Datetime: () => Datetime
+});
+module.exports = __toCommonJS(datetime_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultFormat = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Datetime({
+  value,
+  format = defaultFormat,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: formatter.format(date) });
+}
+Datetime.displayName = "TeachInUI.FormatDatetime";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Datetime
+});

package/dist/ui/format/datetime.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  Datetime
+} from "../../chunk-2W4N27WQ.mjs";
+export {
+  Datetime
+};

package/dist/ui/format/duration.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface Props {
+    readonly minutes?: number;
+    readonly hours?: number;
+    readonly days?: number;
+    readonly seconds?: number;
+    readonly compact?: boolean;
+}
+export declare function Duration({ minutes, hours, days, seconds, compact, }: Props): React.JSX.Element;
+export declare namespace Duration {
+    var displayName: string;
+}
+export {};

package/dist/ui/format/duration.js

@@ -0,0 +1,56 @@
+"use client";
+"use strict";
+"use client";
+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/ui/format/duration.tsx
+var duration_exports = {};
+__export(duration_exports, {
+  Duration: () => Duration
+});
+module.exports = __toCommonJS(duration_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Duration({
+  minutes = 0,
+  hours = 0,
+  days = 0,
+  seconds = 0,
+  compact = false
+}) {
+  const totalMinutes = days * 24 * 60 + hours * 60 + minutes + Math.floor(seconds / 60);
+  const totalDays = Math.floor(totalMinutes / (24 * 60));
+  const totalHours = Math.floor(totalMinutes % (24 * 60) / 60);
+  const remainingMinutes = totalMinutes % 60;
+  const parts = [];
+  if (totalDays > 0) {
+    parts.push(compact ? `${totalDays}\u0434` : `${totalDays} \u0434`);
+  }
+  if (totalHours > 0) {
+    parts.push(compact ? `${totalHours}\u0447` : `${totalHours} \u0447`);
+  }
+  if (remainingMinutes > 0 || totalDays === 0 && totalHours === 0) {
+    parts.push(compact ? `${remainingMinutes}\u043C` : `${remainingMinutes} \u043C\u0438\u043D`);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: parts.join(" ") });
+}
+Duration.displayName = "TeachInUI.FormatDuration";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Duration
+});

package/dist/ui/format/duration.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  Duration
+} from "../../chunk-4QSIBIUI.mjs";
+export {
+  Duration
+};

package/dist/ui/format/index.d.ts

@@ -0,0 +1,9 @@
+export { Datetime as FormatDatetime } from "./datetime";
+export { DateFormat as FormatDate } from "./date";
+export { Time as FormatTime } from "./time";
+export { Currency as FormatCurrency } from "./currency";
+export { Number as FormatNumber } from "./number";
+export { Percent as FormatPercent } from "./percent";
+export { Plural as FormatPlural } from "./plural";
+export { Duration as FormatDuration } from "./duration";
+export { Boolean as FormatBoolean } from "./boolean";

package/dist/ui/format/index.js

@@ -0,0 +1,225 @@
+"use client";
+"use strict";
+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/ui/format/index.ts
+var format_exports = {};
+__export(format_exports, {
+  FormatBoolean: () => Boolean,
+  FormatCurrency: () => Currency,
+  FormatDate: () => DateFormat,
+  FormatDatetime: () => Datetime,
+  FormatDuration: () => Duration,
+  FormatNumber: () => Number,
+  FormatPercent: () => Percent,
+  FormatPlural: () => Plural,
+  FormatTime: () => Time
+});
+module.exports = __toCommonJS(format_exports);
+
+// src/ui/format/datetime.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultFormat = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Datetime({
+  value,
+  format = defaultFormat,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: formatter.format(date) });
+}
+Datetime.displayName = "TeachInUI.FormatDatetime";
+
+// src/ui/format/date.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultFormat2 = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+};
+function DateFormat({
+  value,
+  format = defaultFormat2,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: formatter.format(date) });
+}
+DateFormat.displayName = "TeachInUI.FormatDate";
+
+// src/ui/format/time.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var defaultFormat3 = {
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Time({
+  value,
+  format = defaultFormat3,
+  locale = "ru-RU",
+  fallback = "\u2014"
+}) {
+  const formatter = new Intl.DateTimeFormat(locale, format);
+  if (!value) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: fallback });
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: fallback });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: formatter.format(date) });
+}
+Time.displayName = "TeachInUI.FormatTime";
+
+// src/ui/format/currency.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Currency({
+  amount,
+  currency = "RUB",
+  locale = "ru-RU",
+  decimals
+}) {
+  const formatter = new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency,
+    ...decimals !== void 0 && {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: formatter.format(amount) });
+}
+Currency.displayName = "TeachInUI.FormatCurrency";
+
+// src/ui/format/number.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Number({ value, decimals, locale = "ru-RU" }) {
+  const formatter = new Intl.NumberFormat(locale, {
+    minimumFractionDigits: decimals != null ? decimals : 0,
+    maximumFractionDigits: decimals != null ? decimals : 2
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: formatter.format(value) });
+}
+Number.displayName = "TeachInUI.FormatNumber";
+
+// src/ui/format/percent.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Percent({
+  value,
+  decimals = 1,
+  locale = "ru-RU",
+  unit = "percent"
+}) {
+  const formatter = new Intl.NumberFormat(locale, {
+    style: "percent",
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  });
+  const normalizedValue = unit === "percent" ? value / 100 : value;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: formatter.format(normalizedValue) });
+}
+Percent.displayName = "TeachInUI.FormatPercent";
+
+// src/ui/format/plural.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Plural({
+  count,
+  one,
+  few,
+  many,
+  locale = "ru-RU",
+  showCount = true
+}) {
+  const pluralRules = new Intl.PluralRules(locale);
+  const rule = pluralRules.select(count);
+  const forms = {
+    zero: many,
+    one,
+    two: few,
+    few,
+    many,
+    other: many
+  };
+  const selectedForm = forms[rule];
+  const result = showCount ? `${count} ${selectedForm}` : selectedForm;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: result });
+}
+Plural.displayName = "TeachInUI.FormatPlural";
+
+// src/ui/format/duration.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Duration({
+  minutes = 0,
+  hours = 0,
+  days = 0,
+  seconds = 0,
+  compact = false
+}) {
+  const totalMinutes = days * 24 * 60 + hours * 60 + minutes + Math.floor(seconds / 60);
+  const totalDays = Math.floor(totalMinutes / (24 * 60));
+  const totalHours = Math.floor(totalMinutes % (24 * 60) / 60);
+  const remainingMinutes = totalMinutes % 60;
+  const parts = [];
+  if (totalDays > 0) {
+    parts.push(compact ? `${totalDays}\u0434` : `${totalDays} \u0434`);
+  }
+  if (totalHours > 0) {
+    parts.push(compact ? `${totalHours}\u0447` : `${totalHours} \u0447`);
+  }
+  if (remainingMinutes > 0 || totalDays === 0 && totalHours === 0) {
+    parts.push(compact ? `${remainingMinutes}\u043C` : `${remainingMinutes} \u043C\u0438\u043D`);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: parts.join(" ") });
+}
+Duration.displayName = "TeachInUI.FormatDuration";
+
+// src/ui/format/boolean.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Boolean({
+  value,
+  trueLabel = "\u0414\u0430",
+  falseLabel = "\u041D\u0435\u0442",
+  nullLabel = "\u2014"
+}) {
+  if (value === null || value === void 0) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: nullLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: value ? trueLabel : falseLabel });
+}
+Boolean.displayName = "TeachInUI.FormatBoolean";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormatBoolean,
+  FormatCurrency,
+  FormatDate,
+  FormatDatetime,
+  FormatDuration,
+  FormatNumber,
+  FormatPercent,
+  FormatPlural,
+  FormatTime
+});

package/dist/ui/format/index.mjs

@@ -0,0 +1,40 @@
+"use client";
+import "../../chunk-5IHVMMCK.mjs";
+import {
+  Number
+} from "../../chunk-NZI5NBXF.mjs";
+import {
+  Percent
+} from "../../chunk-CXAZBWS4.mjs";
+import {
+  Plural
+} from "../../chunk-UHLC7GOU.mjs";
+import {
+  Time
+} from "../../chunk-3ZTXXJSO.mjs";
+import {
+  Boolean
+} from "../../chunk-26RHRVH2.mjs";
+import {
+  Currency
+} from "../../chunk-LN7WH3OB.mjs";
+import {
+  DateFormat
+} from "../../chunk-CLDAITOP.mjs";
+import {
+  Datetime
+} from "../../chunk-2W4N27WQ.mjs";
+import {
+  Duration
+} from "../../chunk-4QSIBIUI.mjs";
+export {
+  Boolean as FormatBoolean,
+  Currency as FormatCurrency,
+  DateFormat as FormatDate,
+  Datetime as FormatDatetime,
+  Duration as FormatDuration,
+  Number as FormatNumber,
+  Percent as FormatPercent,
+  Plural as FormatPlural,
+  Time as FormatTime
+};

package/dist/ui/format/number.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface Props {
+    readonly value: number;
+    readonly decimals?: number;
+    readonly locale?: string;
+}
+export declare function Number({ value, decimals, locale }: Props): React.JSX.Element;
+export declare namespace Number {
+    var displayName: string;
+}
+export {};

package/dist/ui/format/number.js

@@ -0,0 +1,40 @@
+"use client";
+"use strict";
+"use client";
+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/ui/format/number.tsx
+var number_exports = {};
+__export(number_exports, {
+  Number: () => Number
+});
+module.exports = __toCommonJS(number_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Number({ value, decimals, locale = "ru-RU" }) {
+  const formatter = new Intl.NumberFormat(locale, {
+    minimumFractionDigits: decimals != null ? decimals : 0,
+    maximumFractionDigits: decimals != null ? decimals : 2
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: formatter.format(value) });
+}
+Number.displayName = "TeachInUI.FormatNumber";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Number
+});

package/dist/ui/format/number.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  Number
+} from "../../chunk-NZI5NBXF.mjs";
+export {
+  Number
+};

package/dist/ui/format/percent.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface Props {
+    readonly value: number;
+    readonly decimals?: number;
+    readonly locale?: string;
+    readonly unit?: "percent" | "decimal";
+}
+export declare function Percent({ value, decimals, locale, unit, }: Props): React.JSX.Element;
+export declare namespace Percent {
+    var displayName: string;
+}
+export {};

package/dist/ui/format/percent.js

@@ -0,0 +1,47 @@
+"use client";
+"use strict";
+"use client";
+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/ui/format/percent.tsx
+var percent_exports = {};
+__export(percent_exports, {
+  Percent: () => Percent
+});
+module.exports = __toCommonJS(percent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Percent({
+  value,
+  decimals = 1,
+  locale = "ru-RU",
+  unit = "percent"
+}) {
+  const formatter = new Intl.NumberFormat(locale, {
+    style: "percent",
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  });
+  const normalizedValue = unit === "percent" ? value / 100 : value;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: formatter.format(normalizedValue) });
+}
+Percent.displayName = "TeachInUI.FormatPercent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Percent
+});

package/dist/ui/format/percent.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  Percent
+} from "../../chunk-CXAZBWS4.mjs";
+export {
+  Percent
+};

package/dist/ui/format/plural.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface Props {
+    readonly count: number;
+    readonly one: string;
+    readonly few: string;
+    readonly many: string;
+    readonly locale?: string;
+    readonly showCount?: boolean;
+}
+export declare function Plural({ count, one, few, many, locale, showCount, }: Props): React.JSX.Element;
+export declare namespace Plural {
+    var displayName: string;
+}
+export {};

package/dist/ui/format/plural.js

@@ -0,0 +1,55 @@
+"use client";
+"use strict";
+"use client";
+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/ui/format/plural.tsx
+var plural_exports = {};
+__export(plural_exports, {
+  Plural: () => Plural
+});
+module.exports = __toCommonJS(plural_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Plural({
+  count,
+  one,
+  few,
+  many,
+  locale = "ru-RU",
+  showCount = true
+}) {
+  const pluralRules = new Intl.PluralRules(locale);
+  const rule = pluralRules.select(count);
+  const forms = {
+    zero: many,
+    one,
+    two: few,
+    few,
+    many,
+    other: many
+  };
+  const selectedForm = forms[rule];
+  const result = showCount ? `${count} ${selectedForm}` : selectedForm;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: result });
+}
+Plural.displayName = "TeachInUI.FormatPlural";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Plural
+});

package/dist/ui/format/plural.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  Plural
+} from "../../chunk-UHLC7GOU.mjs";
+export {
+  Plural
+};

package/dist/ui/format/time.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface Props {
+    readonly value: string | Date | null | undefined;
+    readonly format?: Pick<Intl.DateTimeFormatOptions, "hour" | "minute" | "second">;
+    readonly locale?: string;
+    readonly fallback?: string;
+}
+export declare function Time({ value, format, locale, fallback, }: Props): React.JSX.Element;
+export declare namespace Time {
+    var displayName: string;
+}
+export {};