persian-data-grid 0.5.0 → 0.6.0

package/dist/sync.cjs

@@ -0,0 +1,148 @@
+'use strict';
+
+var chunkKUBVDIF7_cjs = require('./chunk-KUBVDIF7.cjs');
+require('./chunk-CILNIWYW.cjs');
+require('./chunk-SX4VQXAA.cjs');
+require('./chunk-QZN7R2WP.cjs');
+require('./chunk-Z4QPZ3Z3.cjs');
+require('./chunk-KRJG3KMP.cjs');
+require('./chunk-J7CPPFXT.cjs');
+require('./chunk-DFFP7SJ6.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var POLICIES = [
+  "lastWriteWins",
+  "serverWins",
+  "manual"
+];
+function GridSyncPanel({ controller, className }) {
+  const t = chunkKUBVDIF7_cjs.useTranslations();
+  const [policy, setPolicy] = react.useState(
+    () => controller.getSyncPolicy()
+  );
+  const [conflicts, setConflicts] = react.useState(
+    () => controller.getOpenSyncConflicts()
+  );
+  const [busy, setBusy] = react.useState(false);
+  const [lastMessage, setLastMessage] = react.useState(null);
+  react.useEffect(() => {
+    setPolicy(controller.getSyncPolicy());
+    return controller.subscribeSyncConflicts(setConflicts);
+  }, [controller]);
+  if (!controller.getSyncPort()) {
+    return null;
+  }
+  const onPolicyChange = (next) => {
+    controller.setSyncPolicy(next);
+    setPolicy(next);
+  };
+  const onSync = async () => {
+    setBusy(true);
+    setLastMessage(null);
+    try {
+      const result = await controller.syncNow();
+      if (!result) {
+        setLastMessage(t("sync.unavailable"));
+        return;
+      }
+      setLastMessage(
+        t("sync.result", {
+          pushed: result.pushed,
+          pulled: result.pulled,
+          conflicts: result.conflicts.length
+        })
+      );
+      setConflicts(controller.getOpenSyncConflicts());
+    } finally {
+      setBusy(false);
+    }
+  };
+  const onResolve = async (conflictId, choice) => {
+    setBusy(true);
+    try {
+      await controller.resolveSyncConflict(conflictId, choice);
+      setConflicts(controller.getOpenSyncConflicts());
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      className: ["pdg-sync-panel", className].filter(Boolean).join(" "),
+      "data-pdg-sync-panel": "",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pdg-sync-panel__row", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pdg-sync-panel__policy", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("sync.policy") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                "data-pdg-sync-policy": "",
+                value: policy ?? "lastWriteWins",
+                disabled: busy,
+                onChange: (e) => onPolicyChange(e.target.value),
+                children: POLICIES.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: t(`sync.policy.${p}`) }, p))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-pdg-sync-now": "",
+              disabled: busy,
+              onClick: () => void onSync(),
+              children: busy ? t("sync.syncing") : t("sync.now")
+            }
+          )
+        ] }),
+        lastMessage ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pdg-sync-panel__status", "data-pdg-sync-status": "", children: lastMessage }) : null,
+        conflicts.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "pdg-sync-panel__conflicts", "data-pdg-sync-conflicts": "", children: conflicts.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("li", { "data-pdg-sync-conflict": c.id, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pdg-sync-panel__conflict-key", children: [
+            c.key.rowId,
+            ":",
+            c.key.columnId
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pdg-sync-panel__conflict-values", children: [
+            t("sync.local"),
+            ": ",
+            String(c.local.value),
+            " / ",
+            t("sync.remote"),
+            ":",
+            " ",
+            String(c.remote.value)
+          ] }),
+          policy === "manual" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pdg-sync-panel__conflict-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-pdg-sync-keep-local": "",
+                disabled: busy,
+                onClick: () => void onResolve(c.id, "local"),
+                children: t("sync.keepLocal")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-pdg-sync-keep-remote": "",
+                disabled: busy,
+                onClick: () => void onResolve(c.id, "remote"),
+                children: t("sync.keepRemote")
+              }
+            )
+          ] }) : null
+        ] }, c.id)) }) : null
+      ]
+    }
+  );
+}
+
+exports.GridSyncPanel = GridSyncPanel;
+//# sourceMappingURL=sync.cjs.map
+//# sourceMappingURL=sync.cjs.map

package/dist/sync.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ui/sync/GridSyncPanel.tsx"],"names":["useTranslations","useState","useEffect","jsxs","jsx"],"mappings":"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","file":"sync.cjs","sourcesContent":["'use client';\r\n\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport type {\r\n  ManualResolution,\r\n  SyncConflict,\r\n  SyncConflictPolicy,\r\n} from '../../application/ports/SyncPort';\r\nimport type { UITableController } from '../../infrastructure/ui/UITableController';\r\nimport { useTranslations } from '../host';\r\n\r\nexport type GridSyncPanelProps = {\r\n  controller: UITableController;\r\n  className?: string;\r\n};\r\n\r\nconst POLICIES: SyncConflictPolicy[] = [\r\n  'lastWriteWins',\r\n  'serverWins',\r\n  'manual',\r\n];\r\n\r\n/**\r\n * Sync policy + conflict resolution UI (PR-138).\r\n * Requires `createGrid({ syncTransport })`.\r\n */\r\nexport function GridSyncPanel({ controller, className }: GridSyncPanelProps) {\r\n  const t = useTranslations();\r\n  const [policy, setPolicy] = useState<SyncConflictPolicy | undefined>(() =>\r\n    controller.getSyncPolicy(),\r\n  );\r\n  const [conflicts, setConflicts] = useState<readonly SyncConflict[]>(() =>\r\n    controller.getOpenSyncConflicts(),\r\n  );\r\n  const [busy, setBusy] = useState(false);\r\n  const [lastMessage, setLastMessage] = useState<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    setPolicy(controller.getSyncPolicy());\r\n    return controller.subscribeSyncConflicts(setConflicts);\r\n  }, [controller]);\r\n\r\n  if (!controller.getSyncPort()) {\r\n    return null;\r\n  }\r\n\r\n  const onPolicyChange = (next: SyncConflictPolicy) => {\r\n    controller.setSyncPolicy(next);\r\n    setPolicy(next);\r\n  };\r\n\r\n  const onSync = async () => {\r\n    setBusy(true);\r\n    setLastMessage(null);\r\n    try {\r\n      const result = await controller.syncNow();\r\n      if (!result) {\r\n        setLastMessage(t('sync.unavailable'));\r\n        return;\r\n      }\r\n      setLastMessage(\r\n        t('sync.result', {\r\n          pushed: result.pushed,\r\n          pulled: result.pulled,\r\n          conflicts: result.conflicts.length,\r\n        }),\r\n      );\r\n      setConflicts(controller.getOpenSyncConflicts());\r\n    } finally {\r\n      setBusy(false);\r\n    }\r\n  };\r\n\r\n  const onResolve = async (\r\n    conflictId: string,\r\n    choice: ManualResolution,\r\n  ) => {\r\n    setBusy(true);\r\n    try {\r\n      await controller.resolveSyncConflict(conflictId, choice);\r\n      setConflicts(controller.getOpenSyncConflicts());\r\n    } finally {\r\n      setBusy(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <aside\r\n      className={['pdg-sync-panel', className].filter(Boolean).join(' ')}\r\n      data-pdg-sync-panel=\"\"\r\n    >\r\n      <div className=\"pdg-sync-panel__row\">\r\n        <label className=\"pdg-sync-panel__policy\">\r\n          <span>{t('sync.policy')}</span>\r\n          <select\r\n            data-pdg-sync-policy=\"\"\r\n            value={policy ?? 'lastWriteWins'}\r\n            disabled={busy}\r\n            onChange={(e) =>\r\n              onPolicyChange(e.target.value as SyncConflictPolicy)\r\n            }\r\n          >\r\n            {POLICIES.map((p) => (\r\n              <option key={p} value={p}>\r\n                {t(`sync.policy.${p}`)}\r\n              </option>\r\n            ))}\r\n          </select>\r\n        </label>\r\n        <button\r\n          type=\"button\"\r\n          data-pdg-sync-now=\"\"\r\n          disabled={busy}\r\n          onClick={() => void onSync()}\r\n        >\r\n          {busy ? t('sync.syncing') : t('sync.now')}\r\n        </button>\r\n      </div>\r\n      {lastMessage ? (\r\n        <p className=\"pdg-sync-panel__status\" data-pdg-sync-status=\"\">\r\n          {lastMessage}\r\n        </p>\r\n      ) : null}\r\n      {conflicts.length > 0 ? (\r\n        <ul className=\"pdg-sync-panel__conflicts\" data-pdg-sync-conflicts=\"\">\r\n          {conflicts.map((c) => (\r\n            <li key={c.id} data-pdg-sync-conflict={c.id}>\r\n              <span className=\"pdg-sync-panel__conflict-key\">\r\n                {c.key.rowId}:{c.key.columnId}\r\n              </span>\r\n              <span className=\"pdg-sync-panel__conflict-values\">\r\n                {t('sync.local')}: {String(c.local.value)} / {t('sync.remote')}:{' '}\r\n                {String(c.remote.value)}\r\n              </span>\r\n              {policy === 'manual' ? (\r\n                <span className=\"pdg-sync-panel__conflict-actions\">\r\n                  <button\r\n                    type=\"button\"\r\n                    data-pdg-sync-keep-local=\"\"\r\n                    disabled={busy}\r\n                    onClick={() => void onResolve(c.id, 'local')}\r\n                  >\r\n                    {t('sync.keepLocal')}\r\n                  </button>\r\n                  <button\r\n                    type=\"button\"\r\n                    data-pdg-sync-keep-remote=\"\"\r\n                    disabled={busy}\r\n                    onClick={() => void onResolve(c.id, 'remote')}\r\n                  >\r\n                    {t('sync.keepRemote')}\r\n                  </button>\r\n                </span>\r\n              ) : null}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      ) : null}\r\n    </aside>\r\n  );\r\n}\r\n"]}

package/dist/sync.d.cts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { U as UITableController } from './UITableController-Cuwq481K.cjs';
+export { M as ManualResolution, S as SyncConflict, e as SyncConflictPolicy, f as SyncConflictSide, g as SyncPort, h as SyncResult, i as SyncTransport } from './UITableController-Cuwq481K.cjs';
+import './GridSession-B-9lLcoB.cjs';
+import './RemoteApi-CCQxiSf1.cjs';
+
+type GridSyncPanelProps = {
+    controller: UITableController;
+    className?: string;
+};
+/**
+ * Sync policy + conflict resolution UI (PR-138).
+ * Requires `createGrid({ syncTransport })`.
+ */
+declare function GridSyncPanel({ controller, className }: GridSyncPanelProps): React__default.JSX.Element | null;
+
+export { GridSyncPanel, type GridSyncPanelProps };

package/dist/sync.d.ts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { U as UITableController } from './UITableController-DU8RopUM.js';
+export { M as ManualResolution, S as SyncConflict, e as SyncConflictPolicy, f as SyncConflictSide, g as SyncPort, h as SyncResult, i as SyncTransport } from './UITableController-DU8RopUM.js';
+import './GridSession-Bc7UIawO.js';
+import './RemoteApi-CCQxiSf1.js';
+
+type GridSyncPanelProps = {
+    controller: UITableController;
+    className?: string;
+};
+/**
+ * Sync policy + conflict resolution UI (PR-138).
+ * Requires `createGrid({ syncTransport })`.
+ */
+declare function GridSyncPanel({ controller, className }: GridSyncPanelProps): React__default.JSX.Element | null;
+
+export { GridSyncPanel, type GridSyncPanelProps };

package/dist/sync.js

@@ -0,0 +1,146 @@
+import { useTranslations } from './chunk-QQMU44KJ.js';
+import './chunk-SZ7BLAY3.js';
+import './chunk-F4PYOYHR.js';
+import './chunk-77UXAJII.js';
+import './chunk-TN4MG6FY.js';
+import './chunk-GQEDLUMB.js';
+import './chunk-MUQQKPWR.js';
+import './chunk-AU3RDJYQ.js';
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var POLICIES = [
+  "lastWriteWins",
+  "serverWins",
+  "manual"
+];
+function GridSyncPanel({ controller, className }) {
+  const t = useTranslations();
+  const [policy, setPolicy] = useState(
+    () => controller.getSyncPolicy()
+  );
+  const [conflicts, setConflicts] = useState(
+    () => controller.getOpenSyncConflicts()
+  );
+  const [busy, setBusy] = useState(false);
+  const [lastMessage, setLastMessage] = useState(null);
+  useEffect(() => {
+    setPolicy(controller.getSyncPolicy());
+    return controller.subscribeSyncConflicts(setConflicts);
+  }, [controller]);
+  if (!controller.getSyncPort()) {
+    return null;
+  }
+  const onPolicyChange = (next) => {
+    controller.setSyncPolicy(next);
+    setPolicy(next);
+  };
+  const onSync = async () => {
+    setBusy(true);
+    setLastMessage(null);
+    try {
+      const result = await controller.syncNow();
+      if (!result) {
+        setLastMessage(t("sync.unavailable"));
+        return;
+      }
+      setLastMessage(
+        t("sync.result", {
+          pushed: result.pushed,
+          pulled: result.pulled,
+          conflicts: result.conflicts.length
+        })
+      );
+      setConflicts(controller.getOpenSyncConflicts());
+    } finally {
+      setBusy(false);
+    }
+  };
+  const onResolve = async (conflictId, choice) => {
+    setBusy(true);
+    try {
+      await controller.resolveSyncConflict(conflictId, choice);
+      setConflicts(controller.getOpenSyncConflicts());
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: ["pdg-sync-panel", className].filter(Boolean).join(" "),
+      "data-pdg-sync-panel": "",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pdg-sync-panel__row", children: [
+          /* @__PURE__ */ jsxs("label", { className: "pdg-sync-panel__policy", children: [
+            /* @__PURE__ */ jsx("span", { children: t("sync.policy") }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                "data-pdg-sync-policy": "",
+                value: policy ?? "lastWriteWins",
+                disabled: busy,
+                onChange: (e) => onPolicyChange(e.target.value),
+                children: POLICIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: t(`sync.policy.${p}`) }, p))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-pdg-sync-now": "",
+              disabled: busy,
+              onClick: () => void onSync(),
+              children: busy ? t("sync.syncing") : t("sync.now")
+            }
+          )
+        ] }),
+        lastMessage ? /* @__PURE__ */ jsx("p", { className: "pdg-sync-panel__status", "data-pdg-sync-status": "", children: lastMessage }) : null,
+        conflicts.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "pdg-sync-panel__conflicts", "data-pdg-sync-conflicts": "", children: conflicts.map((c) => /* @__PURE__ */ jsxs("li", { "data-pdg-sync-conflict": c.id, children: [
+          /* @__PURE__ */ jsxs("span", { className: "pdg-sync-panel__conflict-key", children: [
+            c.key.rowId,
+            ":",
+            c.key.columnId
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "pdg-sync-panel__conflict-values", children: [
+            t("sync.local"),
+            ": ",
+            String(c.local.value),
+            " / ",
+            t("sync.remote"),
+            ":",
+            " ",
+            String(c.remote.value)
+          ] }),
+          policy === "manual" ? /* @__PURE__ */ jsxs("span", { className: "pdg-sync-panel__conflict-actions", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-pdg-sync-keep-local": "",
+                disabled: busy,
+                onClick: () => void onResolve(c.id, "local"),
+                children: t("sync.keepLocal")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "data-pdg-sync-keep-remote": "",
+                disabled: busy,
+                onClick: () => void onResolve(c.id, "remote"),
+                children: t("sync.keepRemote")
+              }
+            )
+          ] }) : null
+        ] }, c.id)) }) : null
+      ]
+    }
+  );
+}
+
+export { GridSyncPanel };
+//# sourceMappingURL=sync.js.map
+//# sourceMappingURL=sync.js.map

package/dist/sync.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../ui/sync/GridSyncPanel.tsx"],"names":[],"mappings":"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","file":"sync.js","sourcesContent":["'use client';\r\n\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport type {\r\n  ManualResolution,\r\n  SyncConflict,\r\n  SyncConflictPolicy,\r\n} from '../../application/ports/SyncPort';\r\nimport type { UITableController } from '../../infrastructure/ui/UITableController';\r\nimport { useTranslations } from '../host';\r\n\r\nexport type GridSyncPanelProps = {\r\n  controller: UITableController;\r\n  className?: string;\r\n};\r\n\r\nconst POLICIES: SyncConflictPolicy[] = [\r\n  'lastWriteWins',\r\n  'serverWins',\r\n  'manual',\r\n];\r\n\r\n/**\r\n * Sync policy + conflict resolution UI (PR-138).\r\n * Requires `createGrid({ syncTransport })`.\r\n */\r\nexport function GridSyncPanel({ controller, className }: GridSyncPanelProps) {\r\n  const t = useTranslations();\r\n  const [policy, setPolicy] = useState<SyncConflictPolicy | undefined>(() =>\r\n    controller.getSyncPolicy(),\r\n  );\r\n  const [conflicts, setConflicts] = useState<readonly SyncConflict[]>(() =>\r\n    controller.getOpenSyncConflicts(),\r\n  );\r\n  const [busy, setBusy] = useState(false);\r\n  const [lastMessage, setLastMessage] = useState<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    setPolicy(controller.getSyncPolicy());\r\n    return controller.subscribeSyncConflicts(setConflicts);\r\n  }, [controller]);\r\n\r\n  if (!controller.getSyncPort()) {\r\n    return null;\r\n  }\r\n\r\n  const onPolicyChange = (next: SyncConflictPolicy) => {\r\n    controller.setSyncPolicy(next);\r\n    setPolicy(next);\r\n  };\r\n\r\n  const onSync = async () => {\r\n    setBusy(true);\r\n    setLastMessage(null);\r\n    try {\r\n      const result = await controller.syncNow();\r\n      if (!result) {\r\n        setLastMessage(t('sync.unavailable'));\r\n        return;\r\n      }\r\n      setLastMessage(\r\n        t('sync.result', {\r\n          pushed: result.pushed,\r\n          pulled: result.pulled,\r\n          conflicts: result.conflicts.length,\r\n        }),\r\n      );\r\n      setConflicts(controller.getOpenSyncConflicts());\r\n    } finally {\r\n      setBusy(false);\r\n    }\r\n  };\r\n\r\n  const onResolve = async (\r\n    conflictId: string,\r\n    choice: ManualResolution,\r\n  ) => {\r\n    setBusy(true);\r\n    try {\r\n      await controller.resolveSyncConflict(conflictId, choice);\r\n      setConflicts(controller.getOpenSyncConflicts());\r\n    } finally {\r\n      setBusy(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <aside\r\n      className={['pdg-sync-panel', className].filter(Boolean).join(' ')}\r\n      data-pdg-sync-panel=\"\"\r\n    >\r\n      <div className=\"pdg-sync-panel__row\">\r\n        <label className=\"pdg-sync-panel__policy\">\r\n          <span>{t('sync.policy')}</span>\r\n          <select\r\n            data-pdg-sync-policy=\"\"\r\n            value={policy ?? 'lastWriteWins'}\r\n            disabled={busy}\r\n            onChange={(e) =>\r\n              onPolicyChange(e.target.value as SyncConflictPolicy)\r\n            }\r\n          >\r\n            {POLICIES.map((p) => (\r\n              <option key={p} value={p}>\r\n                {t(`sync.policy.${p}`)}\r\n              </option>\r\n            ))}\r\n          </select>\r\n        </label>\r\n        <button\r\n          type=\"button\"\r\n          data-pdg-sync-now=\"\"\r\n          disabled={busy}\r\n          onClick={() => void onSync()}\r\n        >\r\n          {busy ? t('sync.syncing') : t('sync.now')}\r\n        </button>\r\n      </div>\r\n      {lastMessage ? (\r\n        <p className=\"pdg-sync-panel__status\" data-pdg-sync-status=\"\">\r\n          {lastMessage}\r\n        </p>\r\n      ) : null}\r\n      {conflicts.length > 0 ? (\r\n        <ul className=\"pdg-sync-panel__conflicts\" data-pdg-sync-conflicts=\"\">\r\n          {conflicts.map((c) => (\r\n            <li key={c.id} data-pdg-sync-conflict={c.id}>\r\n              <span className=\"pdg-sync-panel__conflict-key\">\r\n                {c.key.rowId}:{c.key.columnId}\r\n              </span>\r\n              <span className=\"pdg-sync-panel__conflict-values\">\r\n                {t('sync.local')}: {String(c.local.value)} / {t('sync.remote')}:{' '}\r\n                {String(c.remote.value)}\r\n              </span>\r\n              {policy === 'manual' ? (\r\n                <span className=\"pdg-sync-panel__conflict-actions\">\r\n                  <button\r\n                    type=\"button\"\r\n                    data-pdg-sync-keep-local=\"\"\r\n                    disabled={busy}\r\n                    onClick={() => void onResolve(c.id, 'local')}\r\n                  >\r\n                    {t('sync.keepLocal')}\r\n                  </button>\r\n                  <button\r\n                    type=\"button\"\r\n                    data-pdg-sync-keep-remote=\"\"\r\n                    disabled={busy}\r\n                    onClick={() => void onResolve(c.id, 'remote')}\r\n                  >\r\n                    {t('sync.keepRemote')}\r\n                  </button>\r\n                </span>\r\n              ) : null}\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      ) : null}\r\n    </aside>\r\n  );\r\n}\r\n"]}

package/dist/types-D__47BKv.d.cts

@@ -0,0 +1,23 @@
+/** Locale pack types (PR-127). */
+type ERPTableLocale = 'fa' | 'en' | 'ar';
+type ERPTableMessages = Record<string, string>;
+/** Unicode numbering systems for Intl (PR-127). */
+type NumberingSystem = 'latn' | 'arab' | 'arabext';
+type LocaleMeta = {
+    locale: ERPTableLocale;
+    /** Default writing direction; host may override. */
+    dir: 'rtl' | 'ltr';
+    /** BCP 47 tag for Intl. */
+    intlLocale: string;
+    /** Default digit system. */
+    numberingSystem: NumberingSystem;
+    /** Default calendar for date display (PR-128 may replace with DateAdapter). */
+    calendar: 'persian' | 'gregory' | 'islamic';
+};
+declare const LOCALE_META: Record<ERPTableLocale, LocaleMeta>;
+declare function resolveLocaleMeta(locale: ERPTableLocale, overrides?: {
+    numberingSystem?: NumberingSystem;
+}): LocaleMeta;
+declare function resolveDirection(locale: ERPTableLocale, override?: 'rtl' | 'ltr'): 'rtl' | 'ltr';
+
+export { type ERPTableLocale as E, LOCALE_META as L, type NumberingSystem as N, type ERPTableMessages as a, type LocaleMeta as b, resolveLocaleMeta as c, resolveDirection as r };

package/dist/types-D__47BKv.d.ts

@@ -0,0 +1,23 @@
+/** Locale pack types (PR-127). */
+type ERPTableLocale = 'fa' | 'en' | 'ar';
+type ERPTableMessages = Record<string, string>;
+/** Unicode numbering systems for Intl (PR-127). */
+type NumberingSystem = 'latn' | 'arab' | 'arabext';
+type LocaleMeta = {
+    locale: ERPTableLocale;
+    /** Default writing direction; host may override. */
+    dir: 'rtl' | 'ltr';
+    /** BCP 47 tag for Intl. */
+    intlLocale: string;
+    /** Default digit system. */
+    numberingSystem: NumberingSystem;
+    /** Default calendar for date display (PR-128 may replace with DateAdapter). */
+    calendar: 'persian' | 'gregory' | 'islamic';
+};
+declare const LOCALE_META: Record<ERPTableLocale, LocaleMeta>;
+declare function resolveLocaleMeta(locale: ERPTableLocale, overrides?: {
+    numberingSystem?: NumberingSystem;
+}): LocaleMeta;
+declare function resolveDirection(locale: ERPTableLocale, override?: 'rtl' | 'ltr'): 'rtl' | 'ltr';
+
+export { type ERPTableLocale as E, LOCALE_META as L, type NumberingSystem as N, type ERPTableMessages as a, type LocaleMeta as b, resolveLocaleMeta as c, resolveDirection as r };