@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-D1FD8FCL.js';
+export { L as ListSearch } from '../list-search-O3LYX7Bs.js';
 //# sourceMappingURL=ListSearch.es.js.map

package/dist/components/PropertyFilter.cjs.js

@@ -7,7 +7,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-BAMnPqos.cjs');
-const combobox = require('../combobox-B19HJqE-.cjs');
+const combobox = require('../combobox-DqDTf4r9.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
 const primitives_fluidMenu = require('../primitives/fluid-menu.cjs.js');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');

package/dist/components/PropertyFilter.es.js

@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterPlus, ChevronRightIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
 import { B as Button } from '../Button-B8nF87ai.js';
-import { C as Combobox } from '../combobox-D_kmwSKS.js';
+import { C as Combobox } from '../combobox-BOVQDVmX.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { useFluidMenu, FluidMenuItems, useFluidMenuItemRef } from '../primitives/fluid-menu.es.js';
 import { MENU_SIDE_OFFSET, menuItemTrailingIconClass, menuEmptyClass, menuItemClass } from '../primitives/menu-item.es.js';

package/dist/components/RelativeTimestamp.cjs.js

@@ -2,118 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const Badge = require('../Badge-DFNxcz-r.cjs');
-const tooltip = require('../tooltip-FvWL16Xn.cjs');
-const primitives_transitions = require('../primitives/transitions.cjs.js');
-const utils_cn = require('../cn-DG0X1KEP.cjs');
-const utils_dateFormat = require('../utils/date-format.cjs.js');
-const utils_relativeTime = require('../utils/relative-time.cjs.js');
+const relativeTimestamp = require('../relative-timestamp-CHNqhmkb.cjs');
 
-const listeners = /* @__PURE__ */ new Set();
-let ticker;
-let now = Date.now();
-function subscribe(listener) {
-  listeners.add(listener);
-  if (!ticker) {
-    now = Date.now();
-    ticker = setInterval(() => {
-      now = Date.now();
-      listeners.forEach((notify) => notify());
-    }, 1e3);
-  }
-  return () => {
-    listeners.delete(listener);
-    if (listeners.size === 0) {
-      clearInterval(ticker);
-      ticker = void 0;
-    }
-  };
-}
-function useNow() {
-  const read = () => ticker ? now : Date.now();
-  return React.useSyncExternalStore(subscribe, read, read);
-}
-const SINCE_UNITS = [
-  ["day", 864e5],
-  ["hour", 36e5],
-  ["minute", 6e4],
-  ["second", 1e3]
-];
-function formatUnit(count, unit) {
-  return new Intl.NumberFormat(void 0, { style: "unit", unit, unitDisplay: "long" }).format(count);
-}
-function formatSince(date, at) {
-  const diff = at - date.getTime();
-  let rest = Math.abs(diff);
-  const parts = [];
-  for (const [unit, size] of SINCE_UNITS) {
-    const count = Math.floor(rest / size);
-    rest %= size;
-    if (parts.length > 0) {
-      if (count > 0) parts.push(formatUnit(count, unit));
-      break;
-    }
-    if (count > 0 || unit === "second") parts.push(formatUnit(count, unit));
-  }
-  const label = parts.join(" ");
-  return diff < 0 ? `${label} from now` : `${label} ago`;
-}
-function Relative({ date }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: utils_relativeTime.formatRelativeTime(date, { now: useNow() }) });
-}
-function Since({ date }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: formatSince(date, useNow()) });
-}
-function zoneName(date, timeZone) {
-  return new Intl.DateTimeFormat(void 0, { timeZone, timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value;
-}
-function zoneRow(date, timeZone) {
-  return {
-    zone: zoneName(date, timeZone) ?? "Local",
-    day: new Intl.DateTimeFormat(void 0, { timeZone, month: "short", day: "numeric", year: "numeric" }).format(date),
-    time: new Intl.DateTimeFormat(void 0, {
-      timeZone,
-      hour: "numeric",
-      minute: "2-digit",
-      second: "2-digit"
-    }).format(date)
-  };
-}
-function RelativeTimestamp({ value, className }) {
-  const date = utils_dateFormat.toDate(value);
-  if (!date) return null;
-  const local = zoneRow(date);
-  const rows = local.zone === "UTC" ? [local] : [local, zoneRow(date, "UTC")];
-  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      tooltip.TooltipTrigger,
-      {
-        render: /* @__PURE__ */ jsxRuntime.jsx(
-          "time",
-          {
-            dateTime: date.toISOString(),
-            tabIndex: 0,
-            className: utils_cn.cn("rounded-sm font-mono whitespace-nowrap tabular-nums", primitives_transitions.focusRing.visible, className)
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Relative, { date }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: utils_dateFormat.formatDate(date, "date-time-seconds") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(tooltip.TooltipContent, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(Since, { date }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("table", { className: "mt-1.5 border-t border-border font-mono tabular-nums", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pt-1.5 pr-3", children: /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", children: row.zone }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pt-1.5 pr-3", children: row.day }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "pt-1.5 text-right", children: row.time })
-      ] }, row.zone)) }) })
-    ] })
-  ] });
-}
 
-exports.RelativeTimestamp = RelativeTimestamp;
+
+exports.RelativeTimestamp = relativeTimestamp.RelativeTimestamp;
 //# sourceMappingURL=RelativeTimestamp.cjs.js.map

package/dist/components/RelativeTimestamp.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTimestamp.cjs.js","sources":["../../src/ds/components/RelativeTimestamp/relative-timestamp.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport { formatDate, toDate } from '@/utils/date-format';\nimport type { DateInput } from '@/utils/date-format';\nimport { formatRelativeTime } from '@/utils/relative-time';\n\nexport interface RelativeTimestampProps {\n  value: DateInput;\n  className?: string;\n}\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  if (!ticker) {\n    now = Date.now();\n    ticker = setInterval(() => {\n      now = Date.now();\n      listeners.forEach(notify => notify());\n    }, 1000);\n  }\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      clearInterval(ticker);\n      ticker = undefined;\n    }\n  };\n}\n\nfunction useNow() {\n  const read = () => (ticker ? now : Date.now());\n  return useSyncExternalStore(subscribe, read, read);\n}\n\nconst SINCE_UNITS = [\n  ['day', 86_400_000],\n  ['hour', 3_600_000],\n  ['minute', 60_000],\n  ['second', 1_000],\n] as const;\n\nfunction formatUnit(count: number, unit: (typeof SINCE_UNITS)[number][0]) {\n  return new Intl.NumberFormat(undefined, { style: 'unit', unit, unitDisplay: 'long' }).format(count);\n}\n\nfunction formatSince(date: Date, at: number) {\n  const diff = at - date.getTime();\n  let rest = Math.abs(diff);\n  const parts: string[] = [];\n  for (const [unit, size] of SINCE_UNITS) {\n    const count = Math.floor(rest / size);\n    rest %= size;\n    if (parts.length > 0) {\n      if (count > 0) parts.push(formatUnit(count, unit));\n      break;\n    }\n    if (count > 0 || unit === 'second') parts.push(formatUnit(count, unit));\n  }\n  const label = parts.join(' ');\n  return diff < 0 ? `${label} from now` : `${label} ago`;\n}\n\nfunction Relative({ date }: { date: Date }) {\n  return <>{formatRelativeTime(date, { now: useNow() })}</>;\n}\n\nfunction Since({ date }: { date: Date }) {\n  return <>{formatSince(date, useNow())}</>;\n}\n\nfunction zoneName(date: Date, timeZone?: string) {\n  return new Intl.DateTimeFormat(undefined, { timeZone, timeZoneName: 'short' })\n    .formatToParts(date)\n    .find(part => part.type === 'timeZoneName')?.value;\n}\n\nfunction zoneRow(date: Date, timeZone?: string) {\n  return {\n    zone: zoneName(date, timeZone) ?? 'Local',\n    day: new Intl.DateTimeFormat(undefined, { timeZone, month: 'short', day: 'numeric', year: 'numeric' }).format(date),\n    time: new Intl.DateTimeFormat(undefined, {\n      timeZone,\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n    }).format(date),\n  };\n}\n\nexport function RelativeTimestamp({ value, className }: RelativeTimestampProps) {\n  const date = toDate(value);\n  if (!date) return null;\n\n  const local = zoneRow(date);\n  const rows = local.zone === 'UTC' ? [local] : [local, zoneRow(date, 'UTC')];\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <time\n            dateTime={date.toISOString()}\n            tabIndex={0}\n            className={cn('rounded-sm font-mono whitespace-nowrap tabular-nums', focusRing.visible, className)}\n          />\n        }\n      >\n        <span aria-hidden=\"true\">\n          <Relative date={date} />\n        </span>\n        <span className=\"sr-only\">{formatDate(date, 'date-time-seconds')}</span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span className=\"text-muted-foreground\">\n          <Since date={date} />\n        </span>\n        <table className=\"mt-1.5 border-t border-border font-mono tabular-nums\">\n          <tbody>\n            {rows.map(row => (\n              <tr key={row.zone}>\n                <td className=\"pt-1.5 pr-3\">\n                  <Badge size=\"xs\">{row.zone}</Badge>\n                </td>\n                <td className=\"pt-1.5 pr-3\">{row.day}</td>\n                <td className=\"pt-1.5 text-right\">{row.time}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["useSyncExternalStore","jsx","Fragment","toDate","Tooltip","jsxs","TooltipTrigger","cn","focusRing","formatDate","TooltipContent","Badge"],"mappings":"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"}
+{"version":3,"file":"RelativeTimestamp.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/RelativeTimestamp.es.js

@@ -1,115 +1,2 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useSyncExternalStore } from 'react';
-import { B as Badge } from '../Badge-Bzn8Z-_I.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-BrDiP0RI.js';
-import { focusRing } from '../primitives/transitions.es.js';
-import { c as cn } from '../cn-65Adrsfj.js';
-import { toDate, formatDate } from '../utils/date-format.es.js';
-import { formatRelativeTime } from '../utils/relative-time.es.js';
-
-const listeners = /* @__PURE__ */ new Set();
-let ticker;
-let now = Date.now();
-function subscribe(listener) {
-  listeners.add(listener);
-  if (!ticker) {
-    now = Date.now();
-    ticker = setInterval(() => {
-      now = Date.now();
-      listeners.forEach((notify) => notify());
-    }, 1e3);
-  }
-  return () => {
-    listeners.delete(listener);
-    if (listeners.size === 0) {
-      clearInterval(ticker);
-      ticker = void 0;
-    }
-  };
-}
-function useNow() {
-  const read = () => ticker ? now : Date.now();
-  return useSyncExternalStore(subscribe, read, read);
-}
-const SINCE_UNITS = [
-  ["day", 864e5],
-  ["hour", 36e5],
-  ["minute", 6e4],
-  ["second", 1e3]
-];
-function formatUnit(count, unit) {
-  return new Intl.NumberFormat(void 0, { style: "unit", unit, unitDisplay: "long" }).format(count);
-}
-function formatSince(date, at) {
-  const diff = at - date.getTime();
-  let rest = Math.abs(diff);
-  const parts = [];
-  for (const [unit, size] of SINCE_UNITS) {
-    const count = Math.floor(rest / size);
-    rest %= size;
-    if (parts.length > 0) {
-      if (count > 0) parts.push(formatUnit(count, unit));
-      break;
-    }
-    if (count > 0 || unit === "second") parts.push(formatUnit(count, unit));
-  }
-  const label = parts.join(" ");
-  return diff < 0 ? `${label} from now` : `${label} ago`;
-}
-function Relative({ date }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: formatRelativeTime(date, { now: useNow() }) });
-}
-function Since({ date }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: formatSince(date, useNow()) });
-}
-function zoneName(date, timeZone) {
-  return new Intl.DateTimeFormat(void 0, { timeZone, timeZoneName: "short" }).formatToParts(date).find((part) => part.type === "timeZoneName")?.value;
-}
-function zoneRow(date, timeZone) {
-  return {
-    zone: zoneName(date, timeZone) ?? "Local",
-    day: new Intl.DateTimeFormat(void 0, { timeZone, month: "short", day: "numeric", year: "numeric" }).format(date),
-    time: new Intl.DateTimeFormat(void 0, {
-      timeZone,
-      hour: "numeric",
-      minute: "2-digit",
-      second: "2-digit"
-    }).format(date)
-  };
-}
-function RelativeTimestamp({ value, className }) {
-  const date = toDate(value);
-  if (!date) return null;
-  const local = zoneRow(date);
-  const rows = local.zone === "UTC" ? [local] : [local, zoneRow(date, "UTC")];
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsxs(
-      TooltipTrigger,
-      {
-        render: /* @__PURE__ */ jsx(
-          "time",
-          {
-            dateTime: date.toISOString(),
-            tabIndex: 0,
-            className: cn("rounded-sm font-mono whitespace-nowrap tabular-nums", focusRing.visible, className)
-          }
-        ),
-        children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Relative, { date }) }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: formatDate(date, "date-time-seconds") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(TooltipContent, { children: [
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(Since, { date }) }),
-      /* @__PURE__ */ jsx("table", { className: "mt-1.5 border-t border-border font-mono tabular-nums", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("td", { className: "pt-1.5 pr-3", children: /* @__PURE__ */ jsx(Badge, { size: "xs", children: row.zone }) }),
-        /* @__PURE__ */ jsx("td", { className: "pt-1.5 pr-3", children: row.day }),
-        /* @__PURE__ */ jsx("td", { className: "pt-1.5 text-right", children: row.time })
-      ] }, row.zone)) }) })
-    ] })
-  ] });
-}
-
-export { RelativeTimestamp };
+export { R as RelativeTimestamp } from '../relative-timestamp-DjbfpeDB.js';
 //# sourceMappingURL=RelativeTimestamp.es.js.map

package/dist/components/RelativeTimestamp.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTimestamp.es.js","sources":["../../src/ds/components/RelativeTimestamp/relative-timestamp.tsx"],"sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport { formatDate, toDate } from '@/utils/date-format';\nimport type { DateInput } from '@/utils/date-format';\nimport { formatRelativeTime } from '@/utils/relative-time';\n\nexport interface RelativeTimestampProps {\n  value: DateInput;\n  className?: string;\n}\n\nconst listeners = new Set<() => void>();\nlet ticker: ReturnType<typeof setInterval> | undefined;\nlet now = Date.now();\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  if (!ticker) {\n    now = Date.now();\n    ticker = setInterval(() => {\n      now = Date.now();\n      listeners.forEach(notify => notify());\n    }, 1000);\n  }\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      clearInterval(ticker);\n      ticker = undefined;\n    }\n  };\n}\n\nfunction useNow() {\n  const read = () => (ticker ? now : Date.now());\n  return useSyncExternalStore(subscribe, read, read);\n}\n\nconst SINCE_UNITS = [\n  ['day', 86_400_000],\n  ['hour', 3_600_000],\n  ['minute', 60_000],\n  ['second', 1_000],\n] as const;\n\nfunction formatUnit(count: number, unit: (typeof SINCE_UNITS)[number][0]) {\n  return new Intl.NumberFormat(undefined, { style: 'unit', unit, unitDisplay: 'long' }).format(count);\n}\n\nfunction formatSince(date: Date, at: number) {\n  const diff = at - date.getTime();\n  let rest = Math.abs(diff);\n  const parts: string[] = [];\n  for (const [unit, size] of SINCE_UNITS) {\n    const count = Math.floor(rest / size);\n    rest %= size;\n    if (parts.length > 0) {\n      if (count > 0) parts.push(formatUnit(count, unit));\n      break;\n    }\n    if (count > 0 || unit === 'second') parts.push(formatUnit(count, unit));\n  }\n  const label = parts.join(' ');\n  return diff < 0 ? `${label} from now` : `${label} ago`;\n}\n\nfunction Relative({ date }: { date: Date }) {\n  return <>{formatRelativeTime(date, { now: useNow() })}</>;\n}\n\nfunction Since({ date }: { date: Date }) {\n  return <>{formatSince(date, useNow())}</>;\n}\n\nfunction zoneName(date: Date, timeZone?: string) {\n  return new Intl.DateTimeFormat(undefined, { timeZone, timeZoneName: 'short' })\n    .formatToParts(date)\n    .find(part => part.type === 'timeZoneName')?.value;\n}\n\nfunction zoneRow(date: Date, timeZone?: string) {\n  return {\n    zone: zoneName(date, timeZone) ?? 'Local',\n    day: new Intl.DateTimeFormat(undefined, { timeZone, month: 'short', day: 'numeric', year: 'numeric' }).format(date),\n    time: new Intl.DateTimeFormat(undefined, {\n      timeZone,\n      hour: 'numeric',\n      minute: '2-digit',\n      second: '2-digit',\n    }).format(date),\n  };\n}\n\nexport function RelativeTimestamp({ value, className }: RelativeTimestampProps) {\n  const date = toDate(value);\n  if (!date) return null;\n\n  const local = zoneRow(date);\n  const rows = local.zone === 'UTC' ? [local] : [local, zoneRow(date, 'UTC')];\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <time\n            dateTime={date.toISOString()}\n            tabIndex={0}\n            className={cn('rounded-sm font-mono whitespace-nowrap tabular-nums', focusRing.visible, className)}\n          />\n        }\n      >\n        <span aria-hidden=\"true\">\n          <Relative date={date} />\n        </span>\n        <span className=\"sr-only\">{formatDate(date, 'date-time-seconds')}</span>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span className=\"text-muted-foreground\">\n          <Since date={date} />\n        </span>\n        <table className=\"mt-1.5 border-t border-border font-mono tabular-nums\">\n          <tbody>\n            {rows.map(row => (\n              <tr key={row.zone}>\n                <td className=\"pt-1.5 pr-3\">\n                  <Badge size=\"xs\">{row.zone}</Badge>\n                </td>\n                <td className=\"pt-1.5 pr-3\">{row.day}</td>\n                <td className=\"pt-1.5 text-right\">{row.time}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAcA,MAAM,SAAA,uBAAgB,GAAA,EAAgB;AACtC,IAAI,MAAA;AACJ,IAAI,GAAA,GAAM,KAAK,GAAA,EAAI;AAEnB,SAAS,UAAU,QAAA,EAAsB;AACvC,EAAA,SAAA,CAAU,IAAI,QAAQ,CAAA;AACtB,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,GAAA,GAAM,KAAK,GAAA,EAAI;AACf,IAAA,MAAA,GAAS,YAAY,MAAM;AACzB,MAAA,GAAA,GAAM,KAAK,GAAA,EAAI;AACf,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAA,MAAA,KAAU,MAAA,EAAQ,CAAA;AAAA,IACtC,GAAG,GAAI,CAAA;AAAA,EACT;AACA,EAAA,OAAO,MAAM;AACX,IAAA,SAAA,CAAU,OAAO,QAAQ,CAAA;AACzB,IAAA,IAAI,SAAA,CAAU,SAAS,CAAA,EAAG;AACxB,MAAA,aAAA,CAAc,MAAM,CAAA;AACpB,MAAA,MAAA,GAAS,MAAA;AAAA,IACX;AAAA,EACF,CAAA;AACF;AAEA,SAAS,MAAA,GAAS;AAChB,EAAA,MAAM,IAAA,GAAO,MAAO,MAAA,GAAS,GAAA,GAAM,KAAK,GAAA,EAAI;AAC5C,EAAA,OAAO,oBAAA,CAAqB,SAAA,EAAW,IAAA,EAAM,IAAI,CAAA;AACnD;AAEA,MAAM,WAAA,GAAc;AAAA,EAClB,CAAC,OAAO,KAAU,CAAA;AAAA,EAClB,CAAC,QAAQ,IAAS,CAAA;AAAA,EAClB,CAAC,UAAU,GAAM,CAAA;AAAA,EACjB,CAAC,UAAU,GAAK;AAClB,CAAA;AAEA,SAAS,UAAA,CAAW,OAAe,IAAA,EAAuC;AACxE,EAAA,OAAO,IAAI,IAAA,CAAK,YAAA,CAAa,MAAA,EAAW,EAAE,KAAA,EAAO,MAAA,EAAQ,IAAA,EAAM,WAAA,EAAa,MAAA,EAAQ,CAAA,CAAE,OAAO,KAAK,CAAA;AACpG;AAEA,SAAS,WAAA,CAAY,MAAY,EAAA,EAAY;AAC3C,EAAA,MAAM,IAAA,GAAO,EAAA,GAAK,IAAA,CAAK,OAAA,EAAQ;AAC/B,EAAA,IAAI,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA;AACxB,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,KAAA,MAAW,CAAC,IAAA,EAAM,IAAI,CAAA,IAAK,WAAA,EAAa;AACtC,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,IAAA,GAAO,IAAI,CAAA;AACpC,IAAA,IAAA,IAAQ,IAAA;AACR,IAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AACpB,MAAA,IAAI,QAAQ,CAAA,EAAG,KAAA,CAAM,KAAK,UAAA,CAAW,KAAA,EAAO,IAAI,CAAC,CAAA;AACjD,MAAA;AAAA,IACF;AACA,IAAA,IAAI,KAAA,GAAQ,KAAK,IAAA,KAAS,QAAA,QAAgB,IAAA,CAAK,UAAA,CAAW,KAAA,EAAO,IAAI,CAAC,CAAA;AAAA,EACxE;AACA,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,GAAG,CAAA;AAC5B,EAAA,OAAO,OAAO,CAAA,GAAI,CAAA,EAAG,KAAK,CAAA,SAAA,CAAA,GAAc,GAAG,KAAK,CAAA,IAAA,CAAA;AAClD;AAEA,SAAS,QAAA,CAAS,EAAE,IAAA,EAAK,EAAmB;AAC1C,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,6BAAmB,IAAA,EAAM,EAAE,KAAK,MAAA,EAAO,EAAG,CAAA,EAAE,CAAA;AACxD;AAEA,SAAS,KAAA,CAAM,EAAE,IAAA,EAAK,EAAmB;AACvC,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,WAAA,CAAY,IAAA,EAAM,MAAA,EAAQ,CAAA,EAAE,CAAA;AACxC;AAEA,SAAS,QAAA,CAAS,MAAY,QAAA,EAAmB;AAC/C,EAAA,OAAO,IAAI,IAAA,CAAK,cAAA,CAAe,QAAW,EAAE,QAAA,EAAU,cAAc,OAAA,EAAS,CAAA,CAC1E,aAAA,CAAc,IAAI,CAAA,CAClB,IAAA,CAAK,UAAQ,IAAA,CAAK,IAAA,KAAS,cAAc,CAAA,EAAG,KAAA;AACjD;AAEA,SAAS,OAAA,CAAQ,MAAY,QAAA,EAAmB;AAC9C,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,QAAA,CAAS,IAAA,EAAM,QAAQ,CAAA,IAAK,OAAA;AAAA,IAClC,KAAK,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW,EAAE,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,GAAA,EAAK,WAAW,IAAA,EAAM,SAAA,EAAW,CAAA,CAAE,OAAO,IAAI,CAAA;AAAA,IAClH,IAAA,EAAM,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW;AAAA,MACvC,QAAA;AAAA,MACA,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ,SAAA;AAAA,MACR,MAAA,EAAQ;AAAA,KACT,CAAA,CAAE,MAAA,CAAO,IAAI;AAAA,GAChB;AACF;AAEO,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAO,SAAA,EAAU,EAA2B;AAC9E,EAAA,MAAM,IAAA,GAAO,OAAO,KAAK,CAAA;AACzB,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,MAAM,KAAA,GAAQ,QAAQ,IAAI,CAAA;AAC1B,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,KAAS,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,CAAC,KAAA,EAAO,OAAA,CAAQ,IAAA,EAAM,KAAK,CAAC,CAAA;AAE1E,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,MAAA,kBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,KAAK,WAAA,EAAY;AAAA,YAC3B,QAAA,EAAU,CAAA;AAAA,YACV,SAAA,EAAW,EAAA,CAAG,qDAAA,EAAuD,SAAA,CAAU,SAAS,SAAS;AAAA;AAAA,SACnG;AAAA,QAGF,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAK,aAAA,EAAY,MAAA,EAChB,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAY,CAAA,EACxB,CAAA;AAAA,8BACC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,UAAA,CAAW,IAAA,EAAM,mBAAmB,CAAA,EAAE;AAAA;AAAA;AAAA,KACnE;AAAA,yBACC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAK,SAAA,EAAU,uBAAA,EACd,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,MAAY,CAAA,EACrB,CAAA;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,sDAAA,EACf,QAAA,kBAAA,GAAA,CAAC,WACE,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,qBACR,IAAA,CAAC,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,WAAU,aAAA,EACZ,QAAA,kBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,GAAA,CAAI,IAAA,EAAK,CAAA,EAC7B,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,aAAA,EAAe,cAAI,GAAA,EAAI,CAAA;AAAA,wBACrC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,mBAAA,EAAqB,cAAI,IAAA,EAAK;AAAA,OAAA,EAAA,EALrC,GAAA,CAAI,IAMb,CACD,CAAA,EACH,CAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RelativeTimestamp.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/SideDialog.cjs.js

@@ -2,295 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const langJson = require('@codemirror/lang-json');
-const language = require('@codemirror/language');
-const view = require('@codemirror/view');
-const highlight = require('@lezer/highlight');
-const codemirrorThemeDracula = require('@uiw/codemirror-theme-dracula');
-const CodeMirror = require('@uiw/react-codemirror');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const Button = require('../Button-BAMnPqos.cjs');
-const buttonsGroup = require('../buttons-group-CoZP3lJt.cjs');
-const copyButton = require('../copy-button-D2MTGxq_.cjs');
-const section = require('../section-p9vCSmPq.cjs');
-const themeProvider = require('../theme-provider-aO5-jZVp.cjs');
-const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
-const drawer = require('../drawer-DpldATv1.cjs');
-const utils_cn = require('../cn-DG0X1KEP.cjs');
-const primitives_portalContainer = require('../primitives/portal-container.cjs.js');
-const primitives_transitions = require('../primitives/transitions.cjs.js');
+const sideDialog = require('../side-dialog-04Wcn9Od.cjs');
 
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
 
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-function buildSideDialogDarkTheme() {
-  return codemirrorThemeDracula.draculaInit({
-    settings: {
-      fontFamily: "var(--font-mono)",
-      fontSize: "var(--text-body-sm)",
-      lineHighlight: "transparent",
-      gutterBackground: "transparent",
-      gutterForeground: "#939393",
-      background: "transparent"
-    },
-    styles: [{ tag: [highlight.tags.className, highlight.tags.propertyName] }]
-  });
-}
-function buildSideDialogLightTheme() {
-  const editorTheme = view.EditorView.theme({
-    "&": {
-      backgroundColor: "transparent",
-      color: "var(--foreground)",
-      fontSize: "var(--text-body-sm)"
-    },
-    "&.cm-editor .cm-scroller": {
-      fontFamily: "var(--font-mono)"
-    },
-    ".cm-gutters": {
-      backgroundColor: "transparent",
-      color: "var(--placeholder)",
-      borderRight: "none"
-    },
-    ".cm-content": {
-      color: "var(--foreground)",
-      caretColor: "var(--foreground)"
-    },
-    ".cm-activeLine": {
-      backgroundColor: "transparent"
-    },
-    ".cm-activeLineGutter": {
-      backgroundColor: "transparent"
-    },
-    ".cm-cursor, .cm-dropCursor": {
-      borderLeftColor: "var(--foreground)"
-    }
-  });
-  const highlightStyle = language.HighlightStyle.define([
-    { tag: [highlight.tags.comment, highlight.tags.bracket], color: "var(--placeholder)" },
-    { tag: [highlight.tags.string, highlight.tags.meta, highlight.tags.regexp], color: "var(--accent1)" },
-    { tag: [highlight.tags.atom, highlight.tags.bool, highlight.tags.special(highlight.tags.variableName)], color: "var(--accent6)" },
-    { tag: [highlight.tags.keyword, highlight.tags.operator, highlight.tags.tagName], color: "var(--accent2)" },
-    { tag: [highlight.tags.function(highlight.tags.propertyName), highlight.tags.propertyName], color: "var(--accent5)" },
-    {
-      tag: [highlight.tags.definition(highlight.tags.variableName), highlight.tags.function(highlight.tags.variableName), highlight.tags.className, highlight.tags.attributeName],
-      color: "var(--accent3)"
-    },
-    { tag: [highlight.tags.variableName, highlight.tags.number], color: "var(--accent5)" },
-    { tag: [highlight.tags.name, highlight.tags.quote], color: "var(--accent1)" }
-  ]);
-  return [editorTheme, language.syntaxHighlighting(highlightStyle)];
-}
-const useCodemirrorTheme = () => {
-  const isDark = themeProvider.useTheme().resolvedTheme === "dark";
-  return React.useMemo(() => isDark ? buildSideDialogDarkTheme() : buildSideDialogLightTheme(), [isDark]);
-};
-function SideDialogCodeSection({ codeStr = "", title, icon, simplified = false }) {
-  const theme = useCodemirrorTheme();
-  const [showAsMultilineText, setShowAsMultilineText] = React.useState(false);
-  const hasMultilineText = React.useMemo(() => {
-    try {
-      const parsed = JSON.parse(codeStr);
-      return containsInnerNewline(parsed || "");
-    } catch {
-      return false;
-    }
-  }, [codeStr]);
-  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
-  return /* @__PURE__ */ jsxRuntime.jsxs(section.Section, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(section.Section.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(section.Section.Heading, { children: [
-        icon,
-        title
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { size: "sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: codeStr || "No content" }),
-        hasMultilineText && /* @__PURE__ */ jsxRuntime.jsx(
-          Button.Button,
-          {
-            "aria-label": showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
-            onClick: () => setShowAsMultilineText(!showAsMultilineText),
-            children: showAsMultilineText ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeftIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignJustifyIcon, {})
-          }
-        )
-      ] })
-    ] }),
-    codeStr && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: `${primitives_raisedSurface.raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`,
-        children: simplified ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-wrap", children: codeStr }) }) : /* @__PURE__ */ jsxRuntime.jsx(CodeMirror, { extensions: [langJson.json(), view.EditorView.lineWrapping], theme, value: finalCodeStr })
-      }
-    )
-  ] });
-}
-function containsInnerNewline(obj) {
-  if (typeof obj === "string") {
-    const idx = obj.indexOf("\n");
-    return idx !== -1 && idx !== obj.length - 1;
-  } else if (Array.isArray(obj)) {
-    return obj.some((item) => containsInnerNewline(item));
-  } else if (obj && typeof obj === "object") {
-    return Object.values(obj).some((value) => containsInnerNewline(value));
-  }
-  return false;
-}
-
-function SideDialogContent({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    drawer.DrawerInteractive,
-    {
-      render: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5", className), children })
-    }
-  );
-}
-
-function SideDialogHeader({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center justify-between pb-3", className), children });
-}
-
-function SideDialogHeading({ children, className, as = "h1" }) {
-  const HeadingTag = as;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    HeadingTag,
-    {
-      className: utils_cn.cn(
-        "flex items-start gap-2",
-        as === "h1" ? "text-heading text-foreground" : "text-subheading text-foreground",
-        "[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70",
-        className
-      ),
-      children
-    }
-  );
-}
-
-function SideDialogNav({ onNext, onPrevious, className }) {
-  const handleOnNext = () => {
-    onNext?.();
-  };
-  const handleOnPrevious = () => {
-    onPrevious?.();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center gap-3", "[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground", className), children: (onNext || onPrevious) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-baseline gap-3"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleOnPrevious, disabled: !onPrevious, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {}), children: "Previous" }),
-    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleOnNext, disabled: !onNext, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {}), children: "Next" })
-  ] }) });
-}
-
-function SideDialogRoot({
-  dialogTitle,
-  dialogDescription,
-  isOpen,
-  onClose,
-  children,
-  variant = "default",
-  level = 1,
-  className
-}) {
-  const isConfirmation = variant === "confirmation";
-  const [portalHost, setPortalHost] = React__namespace.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    drawer.Drawer,
-    {
-      side: "right",
-      open: isOpen,
-      onOpenChange: (open) => {
-        if (!open) onClose?.();
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerPortal, { children: [
-        !isConfirmation && /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerBackdrop, { className: "backdrop-blur-sm" }),
-        /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerViewport, { className: isConfirmation ? "pointer-events-none" : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          drawer.DrawerPopup,
-          {
-            className: utils_cn.cn(
-              "max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background",
-              {
-                "w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]": level === 1,
-                "w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]": level === 2,
-                "w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]": level === 3,
-                "pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm": isConfirmation
-              },
-              className
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerTitle, { className: "sr-only", children: dialogTitle }),
-              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerDescription, { className: "sr-only", children: dialogDescription }),
-              !isConfirmation && /* @__PURE__ */ jsxRuntime.jsx(
-                drawer.DrawerClose,
-                {
-                  render: /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: utils_cn.cn(
-                        "absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground",
-                        primitives_transitions.transitions.all,
-                        "hover:bg-fill-subtle hover:text-foreground"
-                      ),
-                      "aria-label": "Close",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRightIcon, {})
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerInteractive, { render: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setPortalHost, className: "absolute" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(primitives_portalContainer.PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: utils_cn.cn("grid h-full", {
-                    "grid-rows-[auto_1fr]": !isConfirmation
-                  }),
-                  children
-                }
-              ) })
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-function SideDialogTop({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        `relative flex h-11 items-center gap-3 pl-4 text-body text-foreground`,
-        '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[""]',
-        className
-      ),
-      children
-    }
-  );
-}
-
-const SideDialog = Object.assign(SideDialogRoot, {
-  Top: SideDialogTop,
-  Header: SideDialogHeader,
-  Heading: SideDialogHeading,
-  Content: SideDialogContent,
-  CodeSection: SideDialogCodeSection,
-  Nav: SideDialogNav
-});
-
-exports.SideDialog = SideDialog;
+exports.SideDialog = sideDialog.SideDialog;
 //# sourceMappingURL=SideDialog.cjs.js.map