@alfadocs/ui-kit 0.0.19 → 0.1.0

package/dist/_chunks/timeline-vjsUeuq1.js

@@ -0,0 +1,219 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as g, useContext as c, createContext as x } from "react";
+import { c as v } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+import { A as j } from "./avatar-BAhxbDEu.js";
+import { C as b } from "./card-DeItIBcV.js";
+import { T as _ } from "./timestamp-DmSt92P1.js";
+import { C as z } from "./circle-BkqTgYmt.js";
+import { X as E } from "./x-CCcI3eJp.js";
+import { T as V } from "./triangle-alert-CBPUIzQo.js";
+import { C as S } from "./check-DPdL_Sm7.js";
+import { I as k } from "./info-B9XNKn05.js";
+const f = x({
+  layout: "rail-start",
+  order: "newest-first"
+}), u = x({
+  type: "neutral"
+}), B = v("ds:flex ds:flex-col", {
+  variants: {
+    layout: {
+      "rail-start": "ds:ps-4",
+      "rail-end": "ds:pe-4",
+      alternating: "ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]"
+    },
+    order: {
+      "newest-first": "ds:flex-col",
+      "oldest-first": "ds:flex-col-reverse"
+    }
+  },
+  defaultVariants: { layout: "rail-start", order: "newest-first" }
+}), O = v(
+  "ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+  {
+    variants: {
+      layout: {
+        "rail-start": [
+          "ds:flex-row",
+          // Rail: continuous border on the inline-start of the event list
+          "ds:before:absolute ds:before:top-8 ds:before:bottom-0",
+          "ds:before:border-inline-start-[2px] ds:before:border-[color:var(--border)]",
+          "ds:before:inset-inline-start-[-1rem]",
+          "ds:last:before:hidden"
+        ].join(" "),
+        "rail-end": [
+          "ds:flex-row-reverse",
+          "ds:before:absolute ds:before:top-8 ds:before:bottom-0",
+          "ds:before:border-inline-end-[2px] ds:before:border-[color:var(--border)]",
+          "ds:before:inset-inline-end-[-1rem]",
+          "ds:last:before:hidden"
+        ].join(" "),
+        alternating: "ds:contents"
+      }
+    },
+    defaultVariants: { layout: "rail-start" }
+  }
+), P = v(
+  [
+    "ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center",
+    "ds:rounded-[var(--radius-full)] ds:shrink-0",
+    "ds:size-8",
+    "ds:ring-2 ds:ring-[var(--background)]"
+  ].join(" "),
+  {
+    variants: {
+      type: {
+        info: "ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]",
+        success: "ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]",
+        warning: "ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]",
+        error: "ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]",
+        neutral: "ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: { type: "neutral" }
+  }
+), R = {
+  info: /* @__PURE__ */ e(k, { size: 16, "aria-hidden": "true" }),
+  success: /* @__PURE__ */ e(S, { size: 16, "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ e(V, { size: 16, "aria-hidden": "true" }),
+  error: /* @__PURE__ */ e(E, { size: 16, "aria-hidden": "true" }),
+  neutral: /* @__PURE__ */ e(z, { size: 16, "aria-hidden": "true" })
+}, h = l(
+  ({
+    layout: r = "rail-start",
+    order: s = "newest-first",
+    className: t,
+    children: i,
+    ...a
+  }, n) => {
+    const d = g(() => ({ layout: r, order: s }), [r, s]);
+    return /* @__PURE__ */ e(f.Provider, { value: d, children: /* @__PURE__ */ e(
+      "ol",
+      {
+        ref: n,
+        className: B({ layout: r, order: s, className: t }),
+        ...a,
+        children: i
+      }
+    ) });
+  }
+);
+h.displayName = "Timeline";
+const y = l(
+  ({ type: r = "neutral", className: s, children: t, ...i }, a) => {
+    const { layout: n } = c(f), { t: d } = C(), m = g(() => ({ type: r }), [r]);
+    return n === "alternating" ? /* @__PURE__ */ e(u.Provider, { value: m, children: /* @__PURE__ */ o(
+      "li",
+      {
+        ref: a,
+        className: ["ds:contents", s].filter(Boolean).join(" "),
+        ...i,
+        children: [
+          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: d(`ui.timeline.type.${r}`) }),
+          t
+        ]
+      }
+    ) }) : /* @__PURE__ */ e(u.Provider, { value: m, children: /* @__PURE__ */ o(
+      "li",
+      {
+        ref: a,
+        className: O({ layout: n, className: s }),
+        ...i,
+        children: [
+          /* @__PURE__ */ e("span", { className: "ds:sr-only", children: d(`ui.timeline.type.${r}`) }),
+          t
+        ]
+      }
+    ) });
+  }
+);
+y.displayName = "Timeline.Event";
+const T = l(
+  ({ icon: r, className: s, ...t }, i) => {
+    const { type: a } = c(u), { layout: n } = c(f), d = /* @__PURE__ */ e(
+      "div",
+      {
+        ref: i,
+        "aria-hidden": "true",
+        className: P({ type: a, className: s }),
+        ...t,
+        children: r ?? R[a]
+      }
+    );
+    return n === "alternating" ? /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:col-start-2 ds:flex ds:flex-col ds:items-center",
+        children: [
+          /* @__PURE__ */ e("div", { className: "ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden" }),
+          d,
+          /* @__PURE__ */ e("div", { className: "ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]" })
+        ]
+      }
+    ) : d;
+  }
+);
+T.displayName = "Timeline.Dot";
+const N = l(
+  ({ title: r, description: s, actor: t, children: i, className: a, ...n }, d) => {
+    const { layout: m } = c(f), p = /* @__PURE__ */ e(
+      "div",
+      {
+        ref: d,
+        className: [
+          "ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]",
+          "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]",
+          a
+        ].filter(Boolean).join(" "),
+        ...n,
+        children: /* @__PURE__ */ e(b, { variant: "outlined", children: /* @__PURE__ */ o(b.Body, { children: [
+          /* @__PURE__ */ e("p", { className: "type-label ds:text-[var(--foreground)]", children: r }),
+          s && /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: s }),
+          t && /* @__PURE__ */ o("div", { className: "ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ e(j, { size: "xs", name: t.name, src: t.src }),
+            /* @__PURE__ */ e("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: t.name })
+          ] }),
+          i
+        ] }) })
+      }
+    );
+    return m === "alternating" ? /* @__PURE__ */ e("div", { className: "ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1", children: p }) : p;
+  }
+);
+N.displayName = "Timeline.Content";
+const A = 1440 * 60 * 1e3, w = l(
+  ({
+    date: r,
+    relative: s = !0,
+    format: t = { dateStyle: "medium", timeStyle: "short" },
+    className: i,
+    ...a
+  }, n) => /* @__PURE__ */ e(
+    _,
+    {
+      ref: n,
+      value: r,
+      format: s ? "relative" : "absolute",
+      relativeWindow: s ? A : void 0,
+      absoluteFormat: t,
+      className: [
+        "ds:text-[var(--muted-foreground)]",
+        "ds:[font-variant-numeric:var(--font-feature-tabular)]",
+        i
+      ].filter(Boolean).join(" "),
+      ...a
+    }
+  )
+);
+w.displayName = "Timeline.Timestamp";
+const J = Object.assign(h, {
+  Event: y,
+  Dot: T,
+  Content: N,
+  Timestamp: w
+});
+export {
+  J as T
+};
+//# sourceMappingURL=timeline-vjsUeuq1.js.map

package/dist/_chunks/timeline-vjsUeuq1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-vjsUeuq1.js","sources":["../../src/components/timeline/timeline.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useMemo, type HTMLAttributes, type LiHTMLAttributes, type OlHTMLAttributes, type ReactNode, type TimeHTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertTriangle, Check, Circle, Info, X } from 'lucide-react';\nimport { Avatar } from '../avatar';\nimport { Card } from '../card';\nimport { Timestamp } from '../timestamp';\n\n// TODO: optional @tanstack/react-virtual integration for 500+ events\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ntype EventType = 'info' | 'success' | 'warning' | 'error' | 'neutral';\ntype Layout = 'rail-start' | 'rail-end' | 'alternating';\n\ninterface TimelineContextValue {\n  layout: Layout;\n  order: 'newest-first' | 'oldest-first';\n}\n\nconst TimelineContext = createContext<TimelineContextValue>({\n  layout: 'rail-start',\n  order: 'newest-first',\n});\n\ninterface TimelineEventContextValue {\n  type: EventType;\n}\n\nconst TimelineEventContext = createContext<TimelineEventContextValue>({\n  type: 'neutral',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root                                                          */\n/* ------------------------------------------------------------------ */\n\nconst timelineVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      'rail-start': 'ds:ps-4',\n      'rail-end': 'ds:pe-4',\n      'alternating': 'ds:grid ds:grid-cols-[1fr_2rem_1fr] ds:gap-x-[var(--spacing-md)]',\n    },\n    order: {\n      'newest-first': 'ds:flex-col',\n      'oldest-first': 'ds:flex-col-reverse',\n    },\n  },\n  defaultVariants: { layout: 'rail-start', order: 'newest-first' },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — event item                                                    */\n/* ------------------------------------------------------------------ */\n\nconst eventVariants = cva(\n  'ds:relative ds:flex ds:gap-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n  {\n    variants: {\n      layout: {\n        'rail-start': [\n          'ds:flex-row',\n          // Rail: continuous border on the inline-start of the event list\n          'ds:before:absolute ds:before:top-8 ds:before:bottom-0',\n          'ds:before:border-inline-start-[2px] ds:before:border-[color:var(--border)]',\n          'ds:before:inset-inline-start-[-1rem]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        'rail-end': [\n          'ds:flex-row-reverse',\n          'ds:before:absolute ds:before:top-8 ds:before:bottom-0',\n          'ds:before:border-inline-end-[2px] ds:before:border-[color:var(--border)]',\n          'ds:before:inset-inline-end-[-1rem]',\n          'ds:last:before:hidden',\n        ].join(' '),\n        'alternating': 'ds:contents',\n      },\n    },\n    defaultVariants: { layout: 'rail-start' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — dot                                                           */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  [\n    'ds:relative ds:z-10 ds:flex ds:items-center ds:justify-center',\n    'ds:rounded-[var(--radius-full)] ds:shrink-0',\n    'ds:size-8',\n    'ds:ring-2 ds:ring-[var(--background)]',\n  ].join(' '),\n  {\n    variants: {\n      type: {\n        info:    'ds:bg-[var(--info)] ds:text-[var(--info-solid-foreground)]',\n        success: 'ds:bg-[var(--success)] ds:text-[var(--success-solid-foreground)]',\n        warning: 'ds:bg-[var(--warning)] ds:text-[var(--warning-solid-foreground)]',\n        error:   'ds:bg-[var(--destructive)] ds:text-[var(--destructive-foreground)]',\n        neutral: 'ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: { type: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TimelineProps\n  extends Omit<OlHTMLAttributes<HTMLOListElement>, 'color'>,\n    VariantProps<typeof timelineVariants> {\n  layout?: Layout;\n  order?: 'newest-first' | 'oldest-first';\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineEventProps\n  extends LiHTMLAttributes<HTMLLIElement> {\n  type?: EventType;\n  children: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineDotProps\n  extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineContentProps\n  extends HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description?: string;\n  actor?: { name: string; src?: string };\n  children?: ReactNode;\n  className?: string;\n}\n\nexport interface TimelineTimestampProps\n  extends TimeHTMLAttributes<HTMLTimeElement> {\n  date: Date | string;\n  relative?: boolean;\n  format?: Intl.DateTimeFormatOptions;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Default icons per type                                              */\n/* ------------------------------------------------------------------ */\n\nconst TYPE_ICONS: Record<EventType, ReactNode> = {\n  info:    <Info    size={16} aria-hidden=\"true\" />,\n  success: <Check   size={16} aria-hidden=\"true\" />,\n  warning: <AlertTriangle size={16} aria-hidden=\"true\" />,\n  error:   <X       size={16} aria-hidden=\"true\" />,\n  neutral: <Circle  size={16} aria-hidden=\"true\" />,\n};\n\n/* ------------------------------------------------------------------ */\n/* Timeline root                                                       */\n/* ------------------------------------------------------------------ */\n\nconst TimelineRoot = forwardRef<HTMLOListElement, TimelineProps>(\n  (\n    {\n      layout = 'rail-start',\n      order = 'newest-first',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useMemo(() => ({ layout, order }), [layout, order]);\n\n    return (\n      <TimelineContext.Provider value={ctx}>\n        <ol\n          ref={ref}\n          className={timelineVariants({ layout, order, className })}\n          {...props}\n        >\n          {children}\n        </ol>\n      </TimelineContext.Provider>\n    );\n  },\n);\nTimelineRoot.displayName = 'Timeline';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Event                                                      */\n/* ------------------------------------------------------------------ */\n\nconst TimelineEvent = forwardRef<HTMLLIElement, TimelineEventProps>(\n  ({ type = 'neutral', className, children, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n    const { t } = useTranslation();\n\n    const evtCtx = useMemo(() => ({ type }), [type]);\n\n    if (layout === 'alternating') {\n      // In alternating layout the <li> uses `contents` so its children\n      // participate directly in the parent grid.\n      return (\n        <TimelineEventContext.Provider value={evtCtx}>\n          <li\n            ref={ref}\n            className={['ds:contents', className].filter(Boolean).join(' ')}\n            {...props}\n          >\n            {/* Visually-hidden type prefix for screen readers */}\n            <span className=\"ds:sr-only\">{t(`ui.timeline.type.${type}`)}</span>\n            {children}\n          </li>\n        </TimelineEventContext.Provider>\n      );\n    }\n\n    return (\n      <TimelineEventContext.Provider value={evtCtx}>\n        <li\n          ref={ref}\n          className={eventVariants({ layout, className })}\n          {...props}\n        >\n          {/* Visually-hidden type prefix for screen readers */}\n          <span className=\"ds:sr-only\">{t(`ui.timeline.type.${type}`)}</span>\n          {children}\n        </li>\n      </TimelineEventContext.Provider>\n    );\n  },\n);\nTimelineEvent.displayName = 'Timeline.Event';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Dot                                                        */\n/* ------------------------------------------------------------------ */\n\nconst TimelineDot = forwardRef<HTMLDivElement, TimelineDotProps>(\n  ({ icon, className, ...props }, ref) => {\n    const { type } = useContext(TimelineEventContext);\n    const { layout } = useContext(TimelineContext);\n\n    const dot = (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={dotVariants({ type, className })}\n        {...props}\n      >\n        {icon ?? TYPE_ICONS[type]}\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // In alternating grid: col 2 (centre) for the dot with the rail line\n      return (\n        <div\n          aria-hidden=\"true\"\n          className=\"ds:col-start-2 ds:flex ds:flex-col ds:items-center\"\n        >\n          {/* Rail segment above the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)] ds:first:hidden\" />\n          {dot}\n          {/* Rail segment below the dot */}\n          <div className=\"ds:w-[var(--border-width-md)] ds:flex-1 ds:bg-[var(--border)]\" />\n        </div>\n      );\n    }\n\n    return dot;\n  },\n);\nTimelineDot.displayName = 'Timeline.Dot';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Content                                                    */\n/* ------------------------------------------------------------------ */\n\nconst TimelineContent = forwardRef<HTMLDivElement, TimelineContentProps>(\n  ({ title, description, actor, children, className, ...props }, ref) => {\n    const { layout } = useContext(TimelineContext);\n\n    const inner = (\n      <div\n        ref={ref}\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]',\n          'ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        <Card variant=\"outlined\">\n          <Card.Body>\n            <p className=\"type-label ds:text-[var(--foreground)]\">\n              {title}\n            </p>\n            {description && (\n              <p className=\"ds:mt-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]\">\n                {description}\n              </p>\n            )}\n            {actor && (\n              <div className=\"ds:mt-[var(--spacing-sm)] ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                <Avatar size=\"xs\" name={actor.name} src={actor.src} />\n                <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                  {actor.name}\n                </span>\n              </div>\n            )}\n            {children}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n\n    if (layout === 'alternating') {\n      // Alternating: odd events in col 1 (start), even events in col 3 (end).\n      // We use CSS nth-child targeting via a wrapper that sets col placement.\n      return (\n        <div className=\"ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1\">\n          {inner}\n        </div>\n      );\n    }\n\n    return inner;\n  },\n);\nTimelineContent.displayName = 'Timeline.Content';\n\n/* ------------------------------------------------------------------ */\n/* Timeline.Timestamp — thin wrapper over the shared Timestamp         */\n/* component. Keeps the existing API (`date`, `relative`, `format`)    */\n/* for backward compatibility; adds tabular-nums because timeline      */\n/* timestamps sit in a rail gutter and benefit from column-aligned     */\n/* digits.                                                              */\n/* ------------------------------------------------------------------ */\n\nconst TWENTY_FOUR_HOURS_MS = 24 * 60 * 60 * 1000;\n\nconst TimelineTimestamp = forwardRef<HTMLTimeElement, TimelineTimestampProps>(\n  (\n    {\n      date,\n      relative = true,\n      format = { dateStyle: 'medium', timeStyle: 'short' },\n      className,\n      ...props\n    },\n    ref,\n  ) => (\n    <Timestamp\n      ref={ref}\n      value={date}\n      format={relative ? 'relative' : 'absolute'}\n      relativeWindow={relative ? TWENTY_FOUR_HOURS_MS : undefined}\n      absoluteFormat={format}\n      className={[\n        'ds:text-[var(--muted-foreground)]',\n        'ds:[font-variant-numeric:var(--font-feature-tabular)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nTimelineTimestamp.displayName = 'Timeline.Timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Event: TimelineEvent,\n  Dot: TimelineDot,\n  Content: TimelineContent,\n  Timestamp: TimelineTimestamp,\n});\n\n"],"names":["TimelineContext","createContext","TimelineEventContext","timelineVariants","cva","eventVariants","dotVariants","TYPE_ICONS","jsx","Info","Check","AlertTriangle","X","Circle","TimelineRoot","forwardRef","layout","order","className","children","props","ref","ctx","useMemo","TimelineEvent","type","useContext","t","useTranslation","evtCtx","jsxs","TimelineDot","icon","dot","TimelineContent","title","description","actor","inner","Card","Avatar","TWENTY_FOUR_HOURS_MS","TimelineTimestamp","date","relative","format","Timestamp","Timeline"],"mappings":"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"}

package/dist/_chunks/{timestamp-BLM-jjdw.js → timestamp-DmSt92P1.js}

@@ -4,90 +4,90 @@ import { c as O } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
 const A = O(
   [
-    "inline-flex items-center self-start",
-    "rounded-[var(--radius-full)]",
+    "ds:inline-flex ds:items-center ds:self-start",
+    "ds:rounded-[var(--radius-full)]",
     "type-eyebrow",
-    "whitespace-nowrap",
-    "bg-muted/20 text-[color:var(--muted-foreground)]"
+    "ds:whitespace-nowrap",
+    "ds:bg-muted/20 ds:text-[color:var(--muted-foreground)]"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "h-[calc(var(--spacing)*4)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] [--type-eyebrow-size:var(--font-size-2xs)]",
-        md: "h-[calc(var(--spacing)*5)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-2xs)]",
-        lg: "h-[calc(var(--spacing)*6)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-xs)]"
+        sm: "ds:h-[calc(var(--spacing)*4)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        md: "ds:h-[calc(var(--spacing)*5)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        lg: "ds:h-[calc(var(--spacing)*6)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]"
       }
     },
     defaultVariants: { size: "sm" }
   }
-), T = 1e3, d = 60 * T, h = 60 * d, l = 24 * h, R = 7 * l, M = 30 * l, S = 365 * l;
+), T = 1e3, p = 60 * T, h = 60 * p, l = 24 * h, R = 7 * l, M = 30 * l, S = 365 * l;
 function U(e) {
   const t = Math.abs(e);
-  return t < d ? [Math.round(e / T), "second"] : t < h ? [Math.round(e / d), "minute"] : t < l ? [Math.round(e / h), "hour"] : t < R ? [Math.round(e / l), "day"] : t < M ? [Math.round(e / R), "week"] : t < S ? [Math.round(e / M), "month"] : [Math.round(e / S), "year"];
+  return t < p ? [Math.round(e / T), "second"] : t < h ? [Math.round(e / p), "minute"] : t < l ? [Math.round(e / h), "hour"] : t < R ? [Math.round(e / l), "day"] : t < M ? [Math.round(e / R), "week"] : t < S ? [Math.round(e / M), "month"] : [Math.round(e / S), "year"];
 }
 function k(e, t) {
-  const n = e.getTime() - Date.now(), [i, s] = U(n);
+  const n = e.getTime() - Date.now(), [s, i] = U(n);
   return new Intl.RelativeTimeFormat(t, {
     numeric: "auto",
     style: "long"
-  }).format(i, s);
+  }).format(s, i);
 }
 function H(e, t, n) {
-  const i = n ?? {
+  const s = n ?? {
     year: "numeric",
     month: "short",
     day: "numeric",
     hour: "numeric",
     minute: "2-digit"
   };
-  return new Intl.DateTimeFormat(t, i).format(e);
+  return new Intl.DateTimeFormat(t, s).format(e);
 }
-function L(e, t, n, i, s) {
+function L(e, t, n, s, i) {
   const [m, u] = C({
-    label: s,
+    label: i,
     isRelative: !1
   });
   return E(() => {
     if (!n) {
       u(
-        (a) => a.isRelative || a.label !== s ? { label: s, isRelative: !1 } : a
+        (a) => a.isRelative || a.label !== i ? { label: i, isRelative: !1 } : a
       );
       return;
     }
-    const f = () => {
-      const a = new Date(e), o = i == null || Math.abs(e - Date.now()) < i ? { label: k(a, t), isRelative: !0 } : { label: s, isRelative: !1 };
+    const d = () => {
+      const a = new Date(e), o = s == null || Math.abs(e - Date.now()) < s ? { label: k(a, t), isRelative: !0 } : { label: i, isRelative: !1 };
       u(
         (r) => r.label === o.label && r.isRelative === o.isRelative ? r : o
       );
     };
-    f();
-    const v = window.setInterval(f, d);
+    d();
+    const v = window.setInterval(d, p);
     return () => window.clearInterval(v);
-  }, [e, t, n, i, s]), m;
+  }, [e, t, n, s, i]), m;
 }
 const V = _(
   ({
     value: e,
     format: t = "relative",
     shape: n = "inline",
-    size: i = "sm",
-    locale: s,
+    size: s = "sm",
+    locale: i,
     absoluteFormat: m,
     relativeWindow: u,
-    title: f,
+    title: d,
     className: v,
     ...a
   }, g) => {
-    const { i18n: o } = j(), r = s ?? o.language ?? "en", c = y(() => e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(e).getTime(), [e]), p = !Number.isNaN(c), D = p ? new Date(c).toISOString() : void 0, w = y(
-      () => p ? H(new Date(c), r, m) : "",
-      [c, r, m, p]
+    const { i18n: o } = j(), r = i ?? o.language ?? "en", c = y(() => e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(e).getTime(), [e]), f = !Number.isNaN(c), D = f ? new Date(c).toISOString() : void 0, w = y(
+      () => f ? H(new Date(c), r, m) : "",
+      [c, r, m, f]
     ), { label: x, isRelative: z } = L(
       c,
       r,
-      p && t === "relative",
+      f && t === "relative",
       u,
       w
-    ), b = f ?? (z ? w : void 0), N = [n === "chip" ? A({ size: i }) : null, n === "inline" ? "type-meta" : null, v].filter(Boolean).join(" ");
+    ), b = d ?? (z ? w : void 0), N = [n === "chip" ? A({ size: s }) : null, n === "inline" ? "type-meta" : null, v].filter(Boolean).join(" ");
     return /* @__PURE__ */ I(
       "time",
       {
@@ -105,4 +105,4 @@ V.displayName = "Timestamp";
 export {
   V as T
 };
-//# sourceMappingURL=timestamp-BLM-jjdw.js.map
+//# sourceMappingURL=timestamp-DmSt92P1.js.map

package/dist/_chunks/timestamp-DmSt92P1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp-DmSt92P1.js","sources":["../../src/components/timestamp/timestamp.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA — chip shape (mirrors the Tag sm/md/lg compact scale so the    */\n/* visual vocabulary stays consistent across the chip family).         */\n/* ------------------------------------------------------------------ */\n\nconst chipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:self-start',\n    'ds:rounded-[var(--radius-full)]',\n    'type-eyebrow',\n    'ds:whitespace-nowrap',\n    'ds:bg-muted/20 ds:text-[color:var(--muted-foreground)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-[calc(var(--spacing)*4)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-[calc(var(--spacing)*5)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-[calc(var(--spacing)*6)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n    },\n    defaultVariants: { size: 'sm' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Relative-time formatter                                             */\n/*                                                                     */\n/* `Intl.RelativeTimeFormat` is part of the locale-data bundle every   */\n/* modern browser ships, no date-fns dependency. Unit selection        */\n/* follows the largest-sensible-unit heuristic (< 1 minute → seconds,  */\n/* < 1 hour → minutes, …, ≥ 1 year → years).                           */\n/* ------------------------------------------------------------------ */\n\nconst SECOND_MS = 1000;\nconst MINUTE_MS = 60 * SECOND_MS;\nconst HOUR_MS = 60 * MINUTE_MS;\nconst DAY_MS = 24 * HOUR_MS;\nconst WEEK_MS = 7 * DAY_MS;\nconst MONTH_MS = 30 * DAY_MS;\nconst YEAR_MS = 365 * DAY_MS;\n\nfunction pickUnit(\n  deltaMs: number,\n): [value: number, unit: Intl.RelativeTimeFormatUnit] {\n  const abs = Math.abs(deltaMs);\n  if (abs < MINUTE_MS) return [Math.round(deltaMs / SECOND_MS), 'second'];\n  if (abs < HOUR_MS) return [Math.round(deltaMs / MINUTE_MS), 'minute'];\n  if (abs < DAY_MS) return [Math.round(deltaMs / HOUR_MS), 'hour'];\n  if (abs < WEEK_MS) return [Math.round(deltaMs / DAY_MS), 'day'];\n  if (abs < MONTH_MS) return [Math.round(deltaMs / WEEK_MS), 'week'];\n  if (abs < YEAR_MS) return [Math.round(deltaMs / MONTH_MS), 'month'];\n  return [Math.round(deltaMs / YEAR_MS), 'year'];\n}\n\nfunction formatRelative(date: Date, locale: string): string {\n  const delta = date.getTime() - Date.now();\n  const [n, unit] = pickUnit(delta);\n  return new Intl.RelativeTimeFormat(locale, {\n    numeric: 'auto',\n    style: 'long',\n  }).format(n, unit);\n}\n\nfunction formatAbsolute(\n  date: Date,\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): string {\n  const opts: Intl.DateTimeFormatOptions = options ?? {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n  };\n  return new Intl.DateTimeFormat(locale, opts).format(date);\n}\n\n/* ------------------------------------------------------------------ */\n/* Hydration-safe display-label hook                                   */\n/*                                                                     */\n/* Initial render returns the absolute label (SSR-stable) so the       */\n/* server HTML matches the client's first paint. Post-mount, relative  */\n/* mode flips to the relative phrase and re-evaluates every minute so  */\n/* \"just now\" → \"1 minute ago\" without a parent re-render.             */\n/*                                                                     */\n/* `relativeWindow` supports the common \"recent phrase, otherwise full */\n/* date\" pattern: when the input date is older than the window,        */\n/* display the absolute label even though format='relative'. The       */\n/* minute tick re-evaluates the window so a date that starts inside    */\n/* the window automatically flips to absolute once it drifts past.     */\n/* ------------------------------------------------------------------ */\n\nfunction useDisplayLabel(\n  time: number,\n  locale: string,\n  enabled: boolean,\n  relativeWindow: number | undefined,\n  absolute: string,\n): { label: string; isRelative: boolean } {\n  const [state, setState] = useState<{ label: string; isRelative: boolean }>({\n    label: absolute,\n    isRelative: false,\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      setState((prev) =>\n        prev.isRelative || prev.label !== absolute\n          ? { label: absolute, isRelative: false }\n          : prev,\n      );\n      return;\n    }\n    const compute = () => {\n      const date = new Date(time);\n      const inside =\n        relativeWindow == null ||\n        Math.abs(time - Date.now()) < relativeWindow;\n      const next = inside\n        ? { label: formatRelative(date, locale), isRelative: true }\n        : { label: absolute, isRelative: false };\n      setState((prev) =>\n        prev.label === next.label && prev.isRelative === next.isRelative\n          ? prev\n          : next,\n      );\n    };\n    compute();\n    const intervalId = window.setInterval(compute, MINUTE_MS);\n    return () => window.clearInterval(intervalId);\n  }, [time, locale, enabled, relativeWindow, absolute]);\n\n  return state;\n}\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\ntype ChipVariantProps = VariantProps<typeof chipVariants>;\n\nexport interface TimestampProps\n  extends Omit<HTMLAttributes<HTMLTimeElement>, 'children' | 'title'>,\n    ChipVariantProps {\n  /** ISO-8601 string, ms-since-epoch number, or a `Date` instance. */\n  value: string | number | Date;\n  /**\n   * `relative` shows \"6 hours ago\" with the absolute label in the `title`\n   * tooltip; `absolute` shows the full locale-formatted date and omits the\n   * tooltip. Default `relative`.\n   */\n  format?: 'relative' | 'absolute';\n  /**\n   * `inline` renders a plain `<time>` with the `.type-meta` role,\n   * `chip` wraps the `<time>` in the Tag-family pill shape, and `bare`\n   * emits the `<time>` element with no built-in typography class so the\n   * consumer's surrounding context (e.g. AG Grid cell font size)\n   * dictates how it reads. Default `inline`.\n   */\n  shape?: 'inline' | 'chip' | 'bare';\n  /**\n   * Override the locale. Falls back to the active `i18n.language`.\n   */\n  locale?: string;\n  /**\n   * Override the `Intl.DateTimeFormat` options used for the absolute\n   * label (and the tooltip when `format='relative'`).\n   */\n  absoluteFormat?: Intl.DateTimeFormatOptions;\n  /**\n   * When `format='relative'`, dates older than this window (in ms) show\n   * the absolute label instead. Supports the common \"recent relative\n   * phrase, otherwise full date\" UX pattern (e.g. \"5 minutes ago\" →\n   * \"20 Apr 2026, 10:30\" once beyond 12 h). Omit for no cutoff.\n   */\n  relativeWindow?: number;\n  /**\n   * Override the tooltip. Default is the absolute label when the visible\n   * label is relative, and no tooltip when the visible label is already\n   * absolute. Pass an empty string to suppress the tooltip entirely.\n   */\n  title?: string;\n  /** Additional classes applied to the `<time>` element. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Timestamp                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const Timestamp = forwardRef<HTMLTimeElement, TimestampProps>(\n  (\n    {\n      value,\n      format = 'relative',\n      shape = 'inline',\n      size = 'sm',\n      locale: localeProp,\n      absoluteFormat,\n      relativeWindow,\n      title: titleProp,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const locale = localeProp ?? i18n.language ?? 'en';\n    const time = useMemo(() => {\n      if (value instanceof Date) return value.getTime();\n      if (typeof value === 'number') return value;\n      return new Date(value).getTime();\n    }, [value]);\n    const valid = !Number.isNaN(time);\n    const iso = valid ? new Date(time).toISOString() : undefined;\n\n    const absolute = useMemo(\n      () => (valid ? formatAbsolute(new Date(time), locale, absoluteFormat) : ''),\n      [time, locale, absoluteFormat, valid],\n    );\n    const { label: visibleLabel, isRelative } = useDisplayLabel(\n      time,\n      locale,\n      valid && format === 'relative',\n      relativeWindow,\n      absolute,\n    );\n    const tooltip = titleProp ?? (isRelative ? absolute : undefined);\n\n    const chipClass = shape === 'chip' ? chipVariants({ size }) : null;\n    const inlineClass = shape === 'inline' ? 'type-meta' : null;\n    // shape='bare' → no built-in class; consumer's parent context owns typography.\n    const composedClass = [chipClass, inlineClass, className]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <time\n        ref={ref}\n        dateTime={iso}\n        title={tooltip === '' ? undefined : tooltip}\n        className={composedClass || undefined}\n        {...rest}\n      >\n        {visibleLabel}\n      </time>\n    );\n  },\n);\n\nTimestamp.displayName = 'Timestamp';\n"],"names":["chipVariants","cva","SECOND_MS","MINUTE_MS","HOUR_MS","DAY_MS","WEEK_MS","MONTH_MS","YEAR_MS","pickUnit","deltaMs","abs","formatRelative","date","locale","delta","n","unit","formatAbsolute","options","opts","useDisplayLabel","time","enabled","relativeWindow","absolute","state","setState","useState","useEffect","prev","compute","next","intervalId","Timestamp","forwardRef","value","format","shape","size","localeProp","absoluteFormat","titleProp","className","rest","ref","i18n","useTranslation","useMemo","valid","iso","visibleLabel","isRelative","tooltip","composedClass","jsx"],"mappings":"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"}