@teach-in/react 0.1.0

package/dist/ui/form/rhf/index.js

@@ -0,0 +1,353 @@
+"use client";
+"use strict";
+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/ui/form/rhf/index.ts
+var rhf_exports = {};
+__export(rhf_exports, {
+  AutocompleteField: () => AutocompleteField,
+  CheckboxField: () => CheckboxField,
+  DatePickerField: () => DatePickerField,
+  EmailField: () => EmailField,
+  InputField: () => InputField,
+  SelectField: () => SelectField,
+  SwitchField: () => SwitchField,
+  TextField: () => TextField,
+  TextareaField: () => TextareaField
+});
+module.exports = __toCommonJS(rhf_exports);
+
+// src/ui/form/rhf/fields/input-field.tsx
+var import_react_hook_form = require("react-hook-form");
+
+// src/ui/inputs/autocomplete/autocomplete.tsx
+var import_react = __toESM(require("react"));
+var import_autocomplete = require("@heroui/autocomplete");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Autocomplete = import_react.default.forwardRef(
+  ({ items, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_autocomplete.Autocomplete, { ref, items, ...props, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_autocomplete.AutocompleteItem, { children: item.label }, item.key) });
+  }
+);
+Autocomplete.displayName = "TeachInUI.Autocomplete";
+
+// src/ui/inputs/checkbox/checkbox.tsx
+var import_checkbox = require("@heroui/checkbox");
+var import_react2 = __toESM(require("react"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Checkbox = import_react2.default.forwardRef(
+  ({ label, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_checkbox.Checkbox, { ref, label, ...props, children: label });
+  }
+);
+Checkbox.displayName = "TeachInUI.Checkbox";
+
+// src/ui/inputs/date-picker/date-picker.tsx
+var import_react3 = __toESM(require("react"));
+var import_date_picker = require("@heroui/date-picker");
+var import_i18n = require("@react-aria/i18n");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DatePicker = import_react3.default.forwardRef(
+  ({ locale, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_i18n.I18nProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_date_picker.DatePicker, { ref, ...props }) });
+  }
+);
+DatePicker.displayName = "TeachInUI.DatePicker";
+
+// src/ui/inputs/email/email.tsx
+var import_react5 = __toESM(require("react"));
+
+// src/ui/inputs/input/input.tsx
+var import_react4 = __toESM(require("react"));
+var import_input = require("@heroui/input");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Input = import_react4.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_input.Input, { ref, ...props });
+});
+Input.displayName = "TeachInUI.Input";
+
+// src/ui/inputs/email/email.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Email = import_react5.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
+});
+Email.displayName = "TeachInUI.Email";
+
+// src/ui/inputs/select/select.tsx
+var import_react6 = __toESM(require("react"));
+var import_select = require("@heroui/select");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Select = import_react6.default.forwardRef(
+  ({ value, items, onChange, ...props }, ref) => {
+    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_select.Select,
+      {
+        ref,
+        items,
+        placeholder: " ",
+        selectedKeys,
+        onSelectionChange: (keys) => {
+          const selected = Array.from(keys)[0];
+          if (typeof selected === "string") {
+            onChange == null ? void 0 : onChange(selected);
+          }
+        },
+        ...props,
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+      }
+    );
+  }
+);
+Select.displayName = "TeachInUI.Select";
+
+// src/ui/inputs/switch/switch.tsx
+var import_react7 = __toESM(require("react"));
+var import_switch = require("@heroui/switch");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Switch = import_react7.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_switch.Switch, { ref, ...props });
+});
+Switch.displayName = "TeachInUI.Switch";
+
+// src/ui/inputs/text/text.tsx
+var import_react8 = __toESM(require("react"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Text = import_react8.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, { ref, type: "text", ...props });
+});
+Text.displayName = "TeachInUI.Text";
+
+// src/ui/inputs/textarea/textarea.tsx
+var import_input5 = require("@heroui/input");
+var import_react9 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Textarea = import_react9.default.forwardRef(
+  ({ minRows = 4, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_input5.Textarea, { ref, minRows, ...props });
+  }
+);
+Textarea.displayName = "TeachInUI.Textarea";
+
+// src/ui/form/rhf/fields/input-field.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function InputField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_hook_form.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+InputField.displayName = "TeachInUI.InputField";
+
+// src/ui/form/rhf/fields/text-field.tsx
+var import_react_hook_form2 = require("react-hook-form");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TextField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form2.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_react_hook_form2.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+TextField.displayName = "TeachInUI.TextField";
+
+// src/ui/form/rhf/fields/email-field.tsx
+var import_react_hook_form3 = require("react-hook-form");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function EmailField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form3.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react_hook_form3.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+EmailField.displayName = "TeachInUI.EmailField";
+
+// src/ui/form/rhf/fields/textarea-field.tsx
+var import_react_hook_form4 = require("react-hook-form");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function TextareaField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form4.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react_hook_form4.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Textarea,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+TextareaField.displayName = "TeachInUI.TextareaField";
+
+// src/ui/form/rhf/fields/select-field.tsx
+var import_react_hook_form5 = require("react-hook-form");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function SelectField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form5.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_hook_form5.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        Select,
+        {
+          value: field.value,
+          onChange: (value) => field.onChange(value),
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+SelectField.displayName = "TeachInUI.SelectField";
+
+// src/ui/form/rhf/fields/autocomplete-field.tsx
+var import_react_hook_form6 = require("react-hook-form");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function AutocompleteField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form6.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react_hook_form6.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        Autocomplete,
+        {
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error,
+          selectedKey: field.value,
+          onSelectionChange: field.onChange
+        }
+      )
+    }
+  );
+}
+AutocompleteField.displayName = "TeachInUI.AutocompleteField";
+
+// src/ui/form/rhf/fields/date-picker-field.tsx
+var import_react_hook_form7 = require("react-hook-form");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function DatePickerField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form7.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_hook_form7.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        DatePicker,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+DatePickerField.displayName = "TeachInUI.DatePickerField";
+
+// src/ui/form/rhf/fields/checkbox-field.tsx
+var import_react_hook_form8 = require("react-hook-form");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function CheckboxField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form8.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_hook_form8.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Checkbox, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-tiny text-danger", children: error.message })
+      ] })
+    }
+  );
+}
+CheckboxField.displayName = "TeachInUI.CheckboxField";
+
+// src/ui/form/rhf/fields/switch-field.tsx
+var import_react_hook_form9 = require("react-hook-form");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function SwitchField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form9.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_react_hook_form9.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Switch, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-tiny text-danger", children: error.message })
+      ] })
+    }
+  );
+}
+SwitchField.displayName = "TeachInUI.SwitchField";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AutocompleteField,
+  CheckboxField,
+  DatePickerField,
+  EmailField,
+  InputField,
+  SelectField,
+  SwitchField,
+  TextField,
+  TextareaField
+});

package/dist/ui/form/rhf/index.mjs

@@ -0,0 +1,60 @@
+"use client";
+import "../../../chunk-FXXWSYJA.mjs";
+import "../../../chunk-JJHHWDZT.mjs";
+import {
+  SelectField
+} from "../../../chunk-GEJLG5RP.mjs";
+import {
+  SwitchField
+} from "../../../chunk-EC3NSPHR.mjs";
+import {
+  TextField
+} from "../../../chunk-CETCW7DS.mjs";
+import {
+  TextareaField
+} from "../../../chunk-V4HKGJYK.mjs";
+import {
+  AutocompleteField
+} from "../../../chunk-S3ET5HKP.mjs";
+import {
+  CheckboxField
+} from "../../../chunk-6UIBJVXP.mjs";
+import {
+  DatePickerField
+} from "../../../chunk-7GHK5XYK.mjs";
+import {
+  EmailField
+} from "../../../chunk-R7LDL5CU.mjs";
+import {
+  InputField
+} from "../../../chunk-JDFRAN4S.mjs";
+import "../../../chunk-5YMUHF45.mjs";
+import "../../../chunk-DUQFM3QS.mjs";
+import "../../../chunk-KTUGFQWJ.mjs";
+import "../../../chunk-5EWHMXCP.mjs";
+import "../../../chunk-N3EAW6UO.mjs";
+import "../../../chunk-5HK7HRTR.mjs";
+import "../../../chunk-HJUZTISD.mjs";
+import "../../../chunk-V3KKDSQP.mjs";
+import "../../../chunk-LJIVY6GU.mjs";
+import "../../../chunk-V2HNFTTX.mjs";
+import "../../../chunk-IAJ6G633.mjs";
+import "../../../chunk-ZRHEFEFS.mjs";
+import "../../../chunk-V2G5QHZZ.mjs";
+import "../../../chunk-AQ3ISJKU.mjs";
+import "../../../chunk-GQ3LBZ2Q.mjs";
+import "../../../chunk-WYJW5NNA.mjs";
+import "../../../chunk-C3MURCMZ.mjs";
+import "../../../chunk-WJXIRSSW.mjs";
+import "../../../chunk-WTXPB253.mjs";
+export {
+  AutocompleteField,
+  CheckboxField,
+  DatePickerField,
+  EmailField,
+  InputField,
+  SelectField,
+  SwitchField,
+  TextField,
+  TextareaField
+};

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

@@ -0,0 +1,12 @@
+import React from "react";
+interface Props {
+    readonly value: boolean | null | undefined;
+    readonly trueLabel?: string;
+    readonly falseLabel?: string;
+    readonly nullLabel?: string;
+}
+export declare function Boolean({ value, trueLabel, falseLabel, nullLabel, }: Props): React.JSX.Element;
+export declare namespace Boolean {
+    var displayName: string;
+}
+export {};

package/dist/ui/format/boolean.js

@@ -0,0 +1,42 @@
+"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/boolean.tsx
+var boolean_exports = {};
+__export(boolean_exports, {
+  Boolean: () => Boolean
+});
+module.exports = __toCommonJS(boolean_exports);
+var import_jsx_runtime = 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_runtime.jsx)(import_jsx_runtime.Fragment, { children: nullLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: value ? trueLabel : falseLabel });
+}
+Boolean.displayName = "TeachInUI.FormatBoolean";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Boolean
+});

package/dist/ui/format/boolean.mjs

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

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

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

package/dist/ui/format/currency.js

@@ -0,0 +1,49 @@
+"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/currency.tsx
+var currency_exports = {};
+__export(currency_exports, {
+  Currency: () => Currency
+});
+module.exports = __toCommonJS(currency_exports);
+var import_jsx_runtime = 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_runtime.jsx)(import_jsx_runtime.Fragment, { children: formatter.format(amount) });
+}
+Currency.displayName = "TeachInUI.FormatCurrency";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Currency
+});

package/dist/ui/format/currency.mjs

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

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

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

package/dist/ui/format/date.js

@@ -0,0 +1,50 @@
+"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/date.tsx
+var date_exports = {};
+__export(date_exports, {
+  DateFormat: () => DateFormat
+});
+module.exports = __toCommonJS(date_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultFormat = {
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric"
+};
+function DateFormat({
+  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) });
+}
+DateFormat.displayName = "TeachInUI.FormatDate";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateFormat
+});

package/dist/ui/format/date.mjs

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

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

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