@flanksource/clicky-ui 0.2.2 → 0.2.3

package/dist/data/cells/TagList.d.ts

@@ -14,7 +14,9 @@ export type NormalizedTag = {
 };
 export type TagsValue = TagInput[] | Record<string, string | number | boolean | null> | null | undefined;
 export type TagsOptions = {
+    /** Number of tags to show inline before using the `+N` overflow popover. */
     maxVisible?: number;
+    /** Separator between tag keys and values. Defaults to `=`. */
     separator?: string;
 };
 export declare function normalizeTags(value: TagsValue, separator?: string): NormalizedTag[];
@@ -43,12 +45,24 @@ export declare function TagActionsProvider({ value, children, }: {
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useTagActions(): TagActionsContextValue;
 export type TagListProps = {
+    /** Normalized tags to render. */
     tags: NormalizedTag[];
+    /** Number of tags to show inline before the overflow popover. */
     maxVisible?: number;
+    /** Classes applied to the tag row. */
     className?: string;
+    /** Whether copy/zoom actions appear on hover or inline. */
     actions?: "hover" | "inline";
+    /**
+     * When `true`, visible tag badges render only their value — the key is
+     * dropped from the inline display. The full `key=value` text is still
+     * available in `tag.display` (used for tooltips, copy actions, and the
+     * overflow `+N` popover). Defaults to whether the surrounding density
+     * (via {@link useDensityValue}) is `"compact"`.
+     */
+    compact?: boolean;
 };
-export declare function TagList({ tags, maxVisible, className, actions }: TagListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagList({ tags, maxVisible, className, actions, compact, }: TagListProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Builds a TagActionsContextValue from a flat record-of-modes (the same
  * shape used by FilterBar's multi/nested-multi filters). Useful when

package/dist/data/cells/TagList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/data/cells/TagList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GACjB,QAAQ,EAAE,GACV,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,GAChD,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,SAAM,GAAG,aAAa,EAAE,CAwBhF;AA+CD,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,SAAM,GAAG,MAAM,EAAE,CAE3E;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAM,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAI5F;AAID,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG;IACnC,sFAAsF;IACtF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;IACvC,2DAA2D;IAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2DAA2D;IAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAUF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;AAED,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAuJF,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,UAAc,EAAE,SAAS,EAAE,OAAiB,EAAE,EAAE,YAAY,2CAgC3F;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,GACtD,sBAAsB,CAgBxB;AAID,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,GACtD,sBAAsB,CAExB"}
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/data/cells/TagList.tsx"],"names":[],"mappings":"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"}

package/dist/data/cells/TagList.js

@@ -1,9 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, createContext, useMemo } from "react";
+import { useContext, useMemo, createContext, useCallback } from "react";
 import { Badge } from "../Badge.js";
 import { HoverCard } from "../../overlay/HoverCard.js";
 import { Icon } from "../Icon.js";
+import { Properties } from "../Properties.js";
+import { useDensityValue } from "../../hooks/use-density.js";
 import { cn } from "../../lib/utils.js";
+import { UiZoomIn } from "../../icons/components/UiZoomIn.js";
+import { UiZoomOut } from "../../icons/components/UiZoomOut.js";
+import { UiCopy } from "../../icons/components/UiCopy.js";
 function normalizeTags(value, separator = "=") {
   if (value == null) return [];
   if (Array.isArray(value)) {
@@ -60,7 +65,10 @@ function tagFilterTokens(value, separator = "=") {
 function splitTagToken(token, separator = "=") {
   const idx = token.indexOf(separator);
   if (idx <= 0) return { key: "", value: token };
-  return { key: token.slice(0, idx), value: token.slice(idx + separator.length) };
+  return {
+    key: token.slice(0, idx),
+    value: token.slice(idx + separator.length)
+  };
 }
 const noop = {
   getMode: () => "neutral",
@@ -87,7 +95,8 @@ function copyToClipboard(text) {
 }
 function TagBadge({
   tag,
-  actions: actionMode
+  actions: actionMode,
+  compact = false
 }) {
   const actions = useTagActions();
   const mode = actions.getMode(tag.token);
@@ -114,14 +123,16 @@ function TagBadge({
   );
   const includeActive = mode === "include";
   const excludeActive = mode === "exclude";
+  const showTooltip = compact && !!tag.key;
   const badge = /* @__PURE__ */ jsx(
     "span",
     {
+      ...showTooltip ? { title: tag.display } : {},
       className: cn(
         "inline-flex items-center rounded-md border bg-background align-middle",
         includeActive ? "border-green-500/50 bg-green-500/5" : excludeActive ? "border-red-500/50 bg-red-500/5" : "border-border"
       ),
-      children: tag.key ? /* @__PURE__ */ jsx(
+      children: tag.key && !compact ? /* @__PURE__ */ jsx(
         Badge,
         {
           size: "xs",
@@ -156,7 +167,7 @@ function TagBadge({
         onClick: onPlus,
         active: includeActive,
         activeClassName: "bg-green-500/20 text-green-700 dark:text-green-400",
-        icon: "lucide:zoom-in"
+        icon: UiZoomIn
       }
     ),
     /* @__PURE__ */ jsx(
@@ -166,10 +177,10 @@ function TagBadge({
         onClick: onMinus,
         active: excludeActive,
         activeClassName: "bg-red-500/20 text-red-700 dark:text-red-400",
-        icon: "lucide:zoom-out"
+        icon: UiZoomOut
       }
     ),
-    /* @__PURE__ */ jsx(TagActionButton, { ariaLabel: `Copy ${tag.display}`, onClick: onCopy, icon: "lucide:copy" })
+    /* @__PURE__ */ jsx(TagActionButton, { ariaLabel: `Copy ${tag.display}`, onClick: onCopy, icon: UiCopy })
   ] });
   if (actionMode === "inline") {
     return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5", children: [
@@ -198,32 +209,96 @@ function TagActionButton({
         "hover:bg-accent hover:text-foreground",
         active && activeClassName
       ),
-      children: /* @__PURE__ */ jsx(Icon, { name: icon, className: "text-xs" })
+      children: /* @__PURE__ */ jsx(Icon, { icon, className: "text-xs" })
     }
   );
 }
-function TagList({ tags, maxVisible = 3, className, actions = "hover" }) {
+function TagList({
+  tags,
+  maxVisible = 3,
+  className,
+  actions = "hover",
+  compact
+}) {
+  const density = useDensityValue();
+  const isCompact = compact ?? density === "compact";
   if (tags.length === 0) {
     return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "—" });
   }
   const visible = tags.slice(0, maxVisible);
   const overflow = tags.slice(maxVisible);
-  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex flex-wrap items-center gap-1", className), children: [
-    visible.map((tag, index) => /* @__PURE__ */ jsx(TagBadge, { tag, actions }, `${tag.display}-${index}`)),
+  return /* @__PURE__ */ jsxs("span", { className: cn("flex min-w-0 items-center gap-1", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 flex-nowrap items-center gap-1 overflow-hidden", children: visible.map((tag, index) => /* @__PURE__ */ jsx(
+      TagBadge,
+      {
+        tag,
+        actions,
+        compact: isCompact
+      },
+      `${tag.display}-${index}`
+    )) }),
     overflow.length > 0 && /* @__PURE__ */ jsx(
       HoverCard,
       {
         placement: "top",
-        trigger: /* @__PURE__ */ jsxs(Badge, { size: "xs", variant: "outlined", tone: "neutral", clickToCopy: false, children: [
-          "+",
-          overflow.length
-        ] }),
-        cardClassName: "max-w-xs whitespace-normal",
-        children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: overflow.map((tag, index) => /* @__PURE__ */ jsx(TagBadge, { tag, actions }, `${tag.display}-${index}`)) })
+        trigger: /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            size: "xs",
+            variant: "outlined",
+            tone: "neutral",
+            clickToCopy: false,
+            className: "shrink-0",
+            children: [
+              "+",
+              overflow.length
+            ]
+          }
+        ),
+        cardClassName: "min-w-72 max-w-[90vw] whitespace-normal !p-0",
+        children: /* @__PURE__ */ jsx(TagPropertiesList, { tags: overflow })
       }
     )
   ] });
 }
+function TagPropertiesList({ tags }) {
+  const tagActions = useTagActions();
+  const items = useMemo(
+    () => tags.map((tag, index) => ({ key: `${tag.token}-${index}`, value: tag })),
+    [tags]
+  );
+  return /* @__PURE__ */ jsx(
+    Properties,
+    {
+      items,
+      density: "compact",
+      className: "border-0 bg-transparent",
+      rowClassName: "grid-cols-[minmax(4rem,8rem)_minmax(0,1fr)]",
+      renderLabel: (_key, tag) => tag.key ? /* @__PURE__ */ jsx("span", { className: "font-mono", children: tag.key }) : /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground", children: "tag" }),
+      renderValue: (_key, tag) => /* @__PURE__ */ jsx("span", { className: "block truncate font-mono", title: tag.value, children: tag.value }),
+      suffixActions: [
+        {
+          id: "include",
+          icon: UiZoomIn,
+          label: (_key, tag) => `Include ${tag.display}`,
+          onClick: (_key, tag) => tagActions.toggleInclude(tag.token)
+        },
+        {
+          id: "exclude",
+          icon: UiZoomOut,
+          label: (_key, tag) => `Exclude ${tag.display}`,
+          onClick: (_key, tag) => tagActions.toggleExclude(tag.token)
+        },
+        {
+          id: "copy",
+          icon: UiCopy,
+          label: (_key, tag) => `Copy ${tag.display}`,
+          onClick: (_key, tag) => copyToClipboard(tag.value)
+        }
+      ]
+    }
+  );
+}
 function tagActionsFromRecord(value, onChange) {
   return {
     getMode: (token) => value[token] ?? "neutral",

package/dist/data/cells/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sources":["../../../src/data/cells/TagList.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Icon } from \"../Icon\";\nimport { cn } from \"../../lib/utils\";\nimport type { FilterMode } from \"../FilterPill\";\n\nexport type TagInput = string | { key: string; value: string } | { name: string; value: string };\n\nexport type NormalizedTag = {\n  key?: string;\n  value: string;\n  display: string;\n  token: string;\n};\n\nexport type TagsValue =\n  | TagInput[]\n  | Record<string, string | number | boolean | null>\n  | null\n  | undefined;\n\nexport type TagsOptions = {\n  maxVisible?: number;\n  separator?: string;\n};\n\nexport function normalizeTags(value: TagsValue, separator = \"=\"): NormalizedTag[] {\n  if (value == null) return [];\n\n  if (Array.isArray(value)) {\n    return value.map((entry) => normalizeOne(entry, separator)).filter((tag) => tag.value !== \"\");\n  }\n\n  if (typeof value === \"object\") {\n    return Object.entries(value)\n      .map(([key, raw]): NormalizedTag | null => {\n        if (raw == null) return null;\n        const valueStr = String(raw).trim();\n        if (!valueStr) return null;\n        return {\n          key,\n          value: valueStr,\n          display: `${key}${separator}${valueStr}`,\n          token: `${key}${separator}${valueStr}`,\n        } satisfies NormalizedTag;\n      })\n      .filter((tag): tag is NormalizedTag => tag !== null);\n  }\n\n  return [];\n}\n\nfunction normalizeOne(entry: TagInput, separator: string): NormalizedTag {\n  if (typeof entry === \"string\") {\n    const trimmed = entry.trim();\n    const eq = trimmed.indexOf(\"=\");\n    const colon = trimmed.indexOf(\":\");\n    const splitAt =\n      eq >= 0 && (colon < 0 || eq < colon)\n        ? eq\n        : colon >= 0 && colon < trimmed.length - 1\n          ? colon\n          : -1;\n\n    if (splitAt > 0) {\n      const key = trimmed.slice(0, splitAt);\n      const value = trimmed.slice(splitAt + 1);\n      return {\n        key,\n        value,\n        display: `${key}${separator}${value}`,\n        token: `${key}${separator}${value}`,\n      };\n    }\n\n    return { value: trimmed, display: trimmed, token: trimmed };\n  }\n\n  const key =\n    \"key\" in entry && typeof entry.key === \"string\"\n      ? entry.key\n      : \"name\" in entry && typeof entry.name === \"string\"\n        ? entry.name\n        : undefined;\n  const value = String(entry.value ?? \"\").trim();\n\n  if (key) {\n    return {\n      key,\n      value,\n      display: `${key}${separator}${value}`,\n      token: `${key}${separator}${value}`,\n    };\n  }\n  return { value, display: value, token: value };\n}\n\nexport function tagFilterTokens(value: TagsValue, separator = \"=\"): string[] {\n  return normalizeTags(value, separator).map((tag) => tag.token);\n}\n\n/**\n * Splits a token previously produced by `normalizeTags`/`tagFilterTokens`\n * back into its key and value parts using the same separator. Tokens\n * without a separator (bare tags) return `{ key: \"\", value: token }`.\n */\nexport function splitTagToken(token: string, separator = \"=\"): { key: string; value: string } {\n  const idx = token.indexOf(separator);\n  if (idx <= 0) return { key: \"\", value: token };\n  return { key: token.slice(0, idx), value: token.slice(idx + separator.length) };\n}\n\n// Filter mode mapping (re-using FilterPill's tri-state vocabulary so the wire\n// shape matches DataTable's existing multiFilters state).\nexport type TagFilterMode = Extract<FilterMode, \"include\" | \"exclude\">;\n\nexport type TagActionsContextValue = {\n  /** Returns the current mode for a token; \"neutral\" if the user hasn't acted on it. */\n  getMode: (token: string) => FilterMode;\n  /** Toggle include for this token (off → include → off). */\n  toggleInclude: (token: string) => void;\n  /** Toggle exclude for this token (off → exclude → off). */\n  toggleExclude: (token: string) => void;\n};\n\nconst noop: TagActionsContextValue = {\n  getMode: () => \"neutral\",\n  toggleInclude: () => {},\n  toggleExclude: () => {},\n};\n\nconst TagActionsContext = createContext<TagActionsContextValue>(noop);\n\nexport function TagActionsProvider({\n  value,\n  children,\n}: {\n  value: TagActionsContextValue;\n  children: React.ReactNode;\n}) {\n  return <TagActionsContext.Provider value={value}>{children}</TagActionsContext.Provider>;\n}\n\nexport function useTagActions(): TagActionsContextValue {\n  return useContext(TagActionsContext);\n}\n\nexport type TagListProps = {\n  tags: NormalizedTag[];\n  maxVisible?: number;\n  className?: string;\n  actions?: \"hover\" | \"inline\";\n};\n\nfunction copyToClipboard(text: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    navigator.clipboard.writeText(text).catch(() => undefined);\n  }\n}\n\nfunction TagBadge({\n  tag,\n  actions: actionMode,\n}: {\n  tag: NormalizedTag;\n  actions: \"hover\" | \"inline\";\n}) {\n  const actions = useTagActions();\n  const mode = actions.getMode(tag.token);\n\n  const onPlus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleInclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onMinus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleExclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onCopy = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      copyToClipboard(tag.value);\n    },\n    [tag.value],\n  );\n\n  // Active state colors mirror FilterPill: include = green, exclude = red.\n  const includeActive = mode === \"include\";\n  const excludeActive = mode === \"exclude\";\n\n  const badge = (\n    <span\n      className={cn(\n        \"inline-flex items-center rounded-md border bg-background align-middle\",\n        includeActive\n          ? \"border-green-500/50 bg-green-500/5\"\n          : excludeActive\n            ? \"border-red-500/50 bg-red-500/5\"\n            : \"border-border\",\n      )}\n    >\n      {tag.key ? (\n        <Badge\n          size=\"xs\"\n          variant=\"label\"\n          tone=\"neutral\"\n          label={tag.key}\n          value={tag.value}\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n          className=\"border-transparent shadow-none\"\n        />\n      ) : (\n        <Badge\n          size=\"xs\"\n          variant=\"soft\"\n          tone=\"neutral\"\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n        >\n          {tag.value}\n        </Badge>\n      )}\n    </span>\n  );\n\n  const toolbar = (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <TagActionButton\n        ariaLabel={`Include ${tag.display}`}\n        onClick={onPlus}\n        active={includeActive}\n        activeClassName=\"bg-green-500/20 text-green-700 dark:text-green-400\"\n        icon=\"lucide:zoom-in\"\n      />\n      <TagActionButton\n        ariaLabel={`Exclude ${tag.display}`}\n        onClick={onMinus}\n        active={excludeActive}\n        activeClassName=\"bg-red-500/20 text-red-700 dark:text-red-400\"\n        icon=\"lucide:zoom-out\"\n      />\n      <TagActionButton ariaLabel={`Copy ${tag.display}`} onClick={onCopy} icon=\"lucide:copy\" />\n    </span>\n  );\n\n  if (actionMode === \"inline\") {\n    return (\n      <span className=\"inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5\">\n        {badge}\n        {toolbar}\n      </span>\n    );\n  }\n\n  // Action icons live in a hover popover above the tag — the cell stays\n  // clean, and hovering reveals the magnifier-plus / magnifier-minus / copy\n  // toolbar.\n  return (\n    <HoverCard placement=\"top\" delay={120} arrow={false} trigger={badge} cardClassName=\"!p-1\">\n      {toolbar}\n    </HoverCard>\n  );\n}\n\nfunction TagActionButton({\n  ariaLabel,\n  onClick,\n  active,\n  activeClassName,\n  icon,\n}: {\n  ariaLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n  active?: boolean;\n  activeClassName?: string;\n  icon: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        active && activeClassName,\n      )}\n    >\n      <Icon name={icon} className=\"text-xs\" />\n    </button>\n  );\n}\n\nexport function TagList({ tags, maxVisible = 3, className, actions = \"hover\" }: TagListProps) {\n  if (tags.length === 0) {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n\n  const visible = tags.slice(0, maxVisible);\n  const overflow = tags.slice(maxVisible);\n\n  return (\n    <span className={cn(\"inline-flex flex-wrap items-center gap-1\", className)}>\n      {visible.map((tag, index) => (\n        <TagBadge key={`${tag.display}-${index}`} tag={tag} actions={actions} />\n      ))}\n      {overflow.length > 0 && (\n        <HoverCard\n          placement=\"top\"\n          trigger={\n            <Badge size=\"xs\" variant=\"outlined\" tone=\"neutral\" clickToCopy={false}>\n              +{overflow.length}\n            </Badge>\n          }\n          cardClassName=\"max-w-xs whitespace-normal\"\n        >\n          <div className=\"flex flex-wrap gap-1\">\n            {overflow.map((tag, index) => (\n              <TagBadge key={`${tag.display}-${index}`} tag={tag} actions={actions} />\n            ))}\n          </div>\n        </HoverCard>\n      )}\n    </span>\n  );\n}\n\n/**\n * Builds a TagActionsContextValue from a flat record-of-modes (the same\n * shape used by FilterBar's multi/nested-multi filters). Useful when\n * connecting DataTable's multiFilters state to the in-cell + / − buttons.\n */\nexport function tagActionsFromRecord(\n  value: Record<string, TagFilterMode>,\n  onChange: (next: Record<string, TagFilterMode>) => void,\n): TagActionsContextValue {\n  return {\n    getMode: (token) => value[token] ?? \"neutral\",\n    toggleInclude: (token) => {\n      const next = { ...value };\n      if (next[token] === \"include\") delete next[token];\n      else next[token] = \"include\";\n      onChange(next);\n    },\n    toggleExclude: (token) => {\n      const next = { ...value };\n      if (next[token] === \"exclude\") delete next[token];\n      else next[token] = \"exclude\";\n      onChange(next);\n    },\n  };\n}\n\n// Memoizing the context value avoids re-rendering every TagList cell on\n// unrelated state changes.\nexport function useTagActionsValue(\n  value: Record<string, TagFilterMode>,\n  onChange: (next: Record<string, TagFilterMode>) => void,\n): TagActionsContextValue {\n  return useMemo(() => tagActionsFromRecord(value, onChange), [value, onChange]);\n}\n"],"names":["key","value"],"mappings":";;;;;;AA2BO,SAAS,cAAc,OAAkB,YAAY,KAAsB;AAChF,MAAI,SAAS,KAAM,QAAO,CAAA;AAE1B,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,IAAI,CAAC,UAAU,aAAa,OAAO,SAAS,CAAC,EAAE,OAAO,CAAC,QAAQ,IAAI,UAAU,EAAE;AAAA,EAC9F;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,OAAO,QAAQ,KAAK,EACxB,IAAI,CAAC,CAAC,KAAK,GAAG,MAA4B;AACzC,UAAI,OAAO,KAAM,QAAO;AACxB,YAAM,WAAW,OAAO,GAAG,EAAE,KAAA;AAC7B,UAAI,CAAC,SAAU,QAAO;AACtB,aAAO;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,QAAQ;AAAA,QACtC,OAAO,GAAG,GAAG,GAAG,SAAS,GAAG,QAAQ;AAAA,MAAA;AAAA,IAExC,CAAC,EACA,OAAO,CAAC,QAA8B,QAAQ,IAAI;AAAA,EACvD;AAEA,SAAO,CAAA;AACT;AAEA,SAAS,aAAa,OAAiB,WAAkC;AACvE,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,UAAU,MAAM,KAAA;AACtB,UAAM,KAAK,QAAQ,QAAQ,GAAG;AAC9B,UAAM,QAAQ,QAAQ,QAAQ,GAAG;AACjC,UAAM,UACJ,MAAM,MAAM,QAAQ,KAAK,KAAK,SAC1B,KACA,SAAS,KAAK,QAAQ,QAAQ,SAAS,IACrC,QACA;AAER,QAAI,UAAU,GAAG;AACf,YAAMA,OAAM,QAAQ,MAAM,GAAG,OAAO;AACpC,YAAMC,SAAQ,QAAQ,MAAM,UAAU,CAAC;AACvC,aAAO;AAAA,QACL,KAAAD;AAAAA,QACA,OAAAC;AAAAA,QACA,SAAS,GAAGD,IAAG,GAAG,SAAS,GAAGC,MAAK;AAAA,QACnC,OAAO,GAAGD,IAAG,GAAG,SAAS,GAAGC,MAAK;AAAA,MAAA;AAAA,IAErC;AAEA,WAAO,EAAE,OAAO,SAAS,SAAS,SAAS,OAAO,QAAA;AAAA,EACpD;AAEA,QAAM,MACJ,SAAS,SAAS,OAAO,MAAM,QAAQ,WACnC,MAAM,MACN,UAAU,SAAS,OAAO,MAAM,SAAS,WACvC,MAAM,OACN;AACR,QAAM,QAAQ,OAAO,MAAM,SAAS,EAAE,EAAE,KAAA;AAExC,MAAI,KAAK;AACP,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,KAAK;AAAA,MACnC,OAAO,GAAG,GAAG,GAAG,SAAS,GAAG,KAAK;AAAA,IAAA;AAAA,EAErC;AACA,SAAO,EAAE,OAAO,SAAS,OAAO,OAAO,MAAA;AACzC;AAEO,SAAS,gBAAgB,OAAkB,YAAY,KAAe;AAC3E,SAAO,cAAc,OAAO,SAAS,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;AAC/D;AAOO,SAAS,cAAc,OAAe,YAAY,KAAqC;AAC5F,QAAM,MAAM,MAAM,QAAQ,SAAS;AACnC,MAAI,OAAO,EAAG,QAAO,EAAE,KAAK,IAAI,OAAO,MAAA;AACvC,SAAO,EAAE,KAAK,MAAM,MAAM,GAAG,GAAG,GAAG,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,EAAA;AAC9E;AAeA,MAAM,OAA+B;AAAA,EACnC,SAAS,MAAM;AAAA,EACf,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AACxB;AAEA,MAAM,oBAAoB,cAAsC,IAAI;AAE7D,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,kBAAkB,UAAlB,EAA2B,OAAe,SAAA,CAAS;AAC7D;AAEO,SAAS,gBAAwC;AACtD,SAAO,WAAW,iBAAiB;AACrC;AASA,SAAS,gBAAgB,MAAc;;AACrC,MAAI,OAAO,cAAc,iBAAe,eAAU,cAAV,mBAAqB,YAAW;AACtE,cAAU,UAAU,UAAU,IAAI,EAAE,MAAM,MAAM,MAAS;AAAA,EAC3D;AACF;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,SAAS;AACX,GAGG;AACD,QAAM,UAAU,cAAA;AAChB,QAAM,OAAO,QAAQ,QAAQ,IAAI,KAAK;AAEtC,QAAM,SAAS;AAAA,IACb,CAAC,UAA4B;AAC3B,YAAM,gBAAA;AACN,cAAQ,cAAc,IAAI,KAAK;AAAA,IACjC;AAAA,IACA,CAAC,SAAS,IAAI,KAAK;AAAA,EAAA;AAErB,QAAM,UAAU;AAAA,IACd,CAAC,UAA4B;AAC3B,YAAM,gBAAA;AACN,cAAQ,cAAc,IAAI,KAAK;AAAA,IACjC;AAAA,IACA,CAAC,SAAS,IAAI,KAAK;AAAA,EAAA;AAErB,QAAM,SAAS;AAAA,IACb,CAAC,UAA4B;AAC3B,YAAM,gBAAA;AACN,sBAAgB,IAAI,KAAK;AAAA,IAC3B;AAAA,IACA,CAAC,IAAI,KAAK;AAAA,EAAA;AAIZ,QAAM,gBAAgB,SAAS;AAC/B,QAAM,gBAAgB,SAAS;AAE/B,QAAM,QACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,gBACI,uCACA,gBACE,mCACA;AAAA,MAAA;AAAA,MAGP,cAAI,MACH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAO,IAAI;AAAA,UACX,OAAO,IAAI;AAAA,UACX,UAAU;AAAA,UACV,UAAS;AAAA,UACT,aAAa;AAAA,UACb,WAAU;AAAA,QAAA;AAAA,MAAA,IAGZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU;AAAA,UACV,UAAS;AAAA,UACT,aAAa;AAAA,UAEZ,UAAA,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAKN,QAAM,UACJ,qBAAC,QAAA,EAAK,WAAU,oCACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,WAAW,IAAI,OAAO;AAAA,QACjC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,WAAW,IAAI,OAAO;AAAA,QACjC,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEP,oBAAC,iBAAA,EAAgB,WAAW,QAAQ,IAAI,OAAO,IAAI,SAAS,QAAQ,MAAK,cAAA,CAAc;AAAA,EAAA,GACzF;AAGF,MAAI,eAAe,UAAU;AAC3B,WACE,qBAAC,QAAA,EAAK,WAAU,yFACb,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAKA,SACE,oBAAC,WAAA,EAAU,WAAU,OAAM,OAAO,KAAK,OAAO,OAAO,SAAS,OAAO,eAAc,QAChF,UAAA,SACH;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,MAGZ,UAAA,oBAAC,MAAA,EAAK,MAAM,MAAM,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG5C;AAEO,SAAS,QAAQ,EAAE,MAAM,aAAa,GAAG,WAAW,UAAU,WAAyB;AAC5F,MAAI,KAAK,WAAW,GAAG;AACrB,WAAO,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,KAAC;AAAA,EAClD;AAEA,QAAM,UAAU,KAAK,MAAM,GAAG,UAAU;AACxC,QAAM,WAAW,KAAK,MAAM,UAAU;AAEtC,8BACG,QAAA,EAAK,WAAW,GAAG,4CAA4C,SAAS,GACtE,UAAA;AAAA,IAAA,QAAQ,IAAI,CAAC,KAAK,8BAChB,UAAA,EAAyC,KAAU,QAAA,GAArC,GAAG,IAAI,OAAO,IAAI,KAAK,EAAgC,CACvE;AAAA,IACA,SAAS,SAAS,KACjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SACE,qBAAC,OAAA,EAAM,MAAK,MAAK,SAAQ,YAAW,MAAK,WAAU,aAAa,OAAO,UAAA;AAAA,UAAA;AAAA,UACnE,SAAS;AAAA,QAAA,GACb;AAAA,QAEF,eAAc;AAAA,QAEd,UAAA,oBAAC,SAAI,WAAU,wBACZ,mBAAS,IAAI,CAAC,KAAK,UAClB,oBAAC,YAAyC,KAAU,QAAA,GAArC,GAAG,IAAI,OAAO,IAAI,KAAK,EAAgC,CACvE,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;AAOO,SAAS,qBACd,OACA,UACwB;AACxB,SAAO;AAAA,IACL,SAAS,CAAC,UAAU,MAAM,KAAK,KAAK;AAAA,IACpC,eAAe,CAAC,UAAU;AACxB,YAAM,OAAO,EAAE,GAAG,MAAA;AAClB,UAAI,KAAK,KAAK,MAAM,UAAW,QAAO,KAAK,KAAK;AAAA,UAC3C,MAAK,KAAK,IAAI;AACnB,eAAS,IAAI;AAAA,IACf;AAAA,IACA,eAAe,CAAC,UAAU;AACxB,YAAM,OAAO,EAAE,GAAG,MAAA;AAClB,UAAI,KAAK,KAAK,MAAM,UAAW,QAAO,KAAK,KAAK;AAAA,UAC3C,MAAK,KAAK,IAAI;AACnB,eAAS,IAAI;AAAA,IACf;AAAA,EAAA;AAEJ;AAIO,SAAS,mBACd,OACA,UACwB;AACxB,SAAO,QAAQ,MAAM,qBAAqB,OAAO,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAC/E;"}
+{"version":3,"file":"TagList.js","sources":["../../../src/data/cells/TagList.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { Properties, type PropertiesItem } from \"../Properties\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../../icons\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { cn } from \"../../lib/utils\";\nimport type { FilterMode } from \"../FilterPill\";\n\nexport type TagInput = string | { key: string; value: string } | { name: string; value: string };\n\nexport type NormalizedTag = {\n  key?: string;\n  value: string;\n  display: string;\n  token: string;\n};\n\nexport type TagsValue =\n  | TagInput[]\n  | Record<string, string | number | boolean | null>\n  | null\n  | undefined;\n\nexport type TagsOptions = {\n  /** Number of tags to show inline before using the `+N` overflow popover. */\n  maxVisible?: number;\n  /** Separator between tag keys and values. Defaults to `=`. */\n  separator?: string;\n};\n\nexport function normalizeTags(value: TagsValue, separator = \"=\"): NormalizedTag[] {\n  if (value == null) return [];\n\n  if (Array.isArray(value)) {\n    return value.map((entry) => normalizeOne(entry, separator)).filter((tag) => tag.value !== \"\");\n  }\n\n  if (typeof value === \"object\") {\n    return Object.entries(value)\n      .map(([key, raw]): NormalizedTag | null => {\n        if (raw == null) return null;\n        const valueStr = String(raw).trim();\n        if (!valueStr) return null;\n        return {\n          key,\n          value: valueStr,\n          display: `${key}${separator}${valueStr}`,\n          token: `${key}${separator}${valueStr}`,\n        } satisfies NormalizedTag;\n      })\n      .filter((tag): tag is NormalizedTag => tag !== null);\n  }\n\n  return [];\n}\n\nfunction normalizeOne(entry: TagInput, separator: string): NormalizedTag {\n  if (typeof entry === \"string\") {\n    const trimmed = entry.trim();\n    const eq = trimmed.indexOf(\"=\");\n    const colon = trimmed.indexOf(\":\");\n    const splitAt =\n      eq >= 0 && (colon < 0 || eq < colon)\n        ? eq\n        : colon >= 0 && colon < trimmed.length - 1\n          ? colon\n          : -1;\n\n    if (splitAt > 0) {\n      const key = trimmed.slice(0, splitAt);\n      const value = trimmed.slice(splitAt + 1);\n      return {\n        key,\n        value,\n        display: `${key}${separator}${value}`,\n        token: `${key}${separator}${value}`,\n      };\n    }\n\n    return { value: trimmed, display: trimmed, token: trimmed };\n  }\n\n  const key =\n    \"key\" in entry && typeof entry.key === \"string\"\n      ? entry.key\n      : \"name\" in entry && typeof entry.name === \"string\"\n        ? entry.name\n        : undefined;\n  const value = String(entry.value ?? \"\").trim();\n\n  if (key) {\n    return {\n      key,\n      value,\n      display: `${key}${separator}${value}`,\n      token: `${key}${separator}${value}`,\n    };\n  }\n  return { value, display: value, token: value };\n}\n\nexport function tagFilterTokens(value: TagsValue, separator = \"=\"): string[] {\n  return normalizeTags(value, separator).map((tag) => tag.token);\n}\n\n/**\n * Splits a token previously produced by `normalizeTags`/`tagFilterTokens`\n * back into its key and value parts using the same separator. Tokens\n * without a separator (bare tags) return `{ key: \"\", value: token }`.\n */\nexport function splitTagToken(token: string, separator = \"=\"): { key: string; value: string } {\n  const idx = token.indexOf(separator);\n  if (idx <= 0) return { key: \"\", value: token };\n  return {\n    key: token.slice(0, idx),\n    value: token.slice(idx + separator.length),\n  };\n}\n\n// Filter mode mapping (re-using FilterPill's tri-state vocabulary so the wire\n// shape matches DataTable's existing multiFilters state).\nexport type TagFilterMode = Extract<FilterMode, \"include\" | \"exclude\">;\n\nexport type TagActionsContextValue = {\n  /** Returns the current mode for a token; \"neutral\" if the user hasn't acted on it. */\n  getMode: (token: string) => FilterMode;\n  /** Toggle include for this token (off → include → off). */\n  toggleInclude: (token: string) => void;\n  /** Toggle exclude for this token (off → exclude → off). */\n  toggleExclude: (token: string) => void;\n};\n\nconst noop: TagActionsContextValue = {\n  getMode: () => \"neutral\",\n  toggleInclude: () => {},\n  toggleExclude: () => {},\n};\n\nconst TagActionsContext = createContext<TagActionsContextValue>(noop);\n\nexport function TagActionsProvider({\n  value,\n  children,\n}: {\n  value: TagActionsContextValue;\n  children: React.ReactNode;\n}) {\n  return <TagActionsContext.Provider value={value}>{children}</TagActionsContext.Provider>;\n}\n\nexport function useTagActions(): TagActionsContextValue {\n  return useContext(TagActionsContext);\n}\n\nexport type TagListProps = {\n  /** Normalized tags to render. */\n  tags: NormalizedTag[];\n  /** Number of tags to show inline before the overflow popover. */\n  maxVisible?: number;\n  /** Classes applied to the tag row. */\n  className?: string;\n  /** Whether copy/zoom actions appear on hover or inline. */\n  actions?: \"hover\" | \"inline\";\n  /**\n   * When `true`, visible tag badges render only their value — the key is\n   * dropped from the inline display. The full `key=value` text is still\n   * available in `tag.display` (used for tooltips, copy actions, and the\n   * overflow `+N` popover). Defaults to whether the surrounding density\n   * (via {@link useDensityValue}) is `\"compact\"`.\n   */\n  compact?: boolean;\n};\n\nfunction copyToClipboard(text: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    navigator.clipboard.writeText(text).catch(() => undefined);\n  }\n}\n\nfunction TagBadge({\n  tag,\n  actions: actionMode,\n  compact = false,\n}: {\n  tag: NormalizedTag;\n  actions: \"hover\" | \"inline\";\n  compact?: boolean;\n}) {\n  const actions = useTagActions();\n  const mode = actions.getMode(tag.token);\n\n  const onPlus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleInclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onMinus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleExclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onCopy = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      copyToClipboard(tag.value);\n    },\n    [tag.value],\n  );\n\n  // Active state colors mirror FilterPill: include = green, exclude = red.\n  const includeActive = mode === \"include\";\n  const excludeActive = mode === \"exclude\";\n\n  const showTooltip = compact && !!tag.key;\n  const badge = (\n    <span\n      {...(showTooltip ? { title: tag.display } : {})}\n      className={cn(\n        \"inline-flex items-center rounded-md border bg-background align-middle\",\n        includeActive\n          ? \"border-green-500/50 bg-green-500/5\"\n          : excludeActive\n            ? \"border-red-500/50 bg-red-500/5\"\n            : \"border-border\",\n      )}\n    >\n      {tag.key && !compact ? (\n        <Badge\n          size=\"xs\"\n          variant=\"label\"\n          tone=\"neutral\"\n          label={tag.key}\n          value={tag.value}\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n          className=\"border-transparent shadow-none\"\n        />\n      ) : (\n        <Badge\n          size=\"xs\"\n          variant=\"soft\"\n          tone=\"neutral\"\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n        >\n          {tag.value}\n        </Badge>\n      )}\n    </span>\n  );\n\n  const toolbar = (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <TagActionButton\n        ariaLabel={`Include ${tag.display}`}\n        onClick={onPlus}\n        active={includeActive}\n        activeClassName=\"bg-green-500/20 text-green-700 dark:text-green-400\"\n        icon={UiZoomIn}\n      />\n      <TagActionButton\n        ariaLabel={`Exclude ${tag.display}`}\n        onClick={onMinus}\n        active={excludeActive}\n        activeClassName=\"bg-red-500/20 text-red-700 dark:text-red-400\"\n        icon={UiZoomOut}\n      />\n      <TagActionButton ariaLabel={`Copy ${tag.display}`} onClick={onCopy} icon={UiCopy} />\n    </span>\n  );\n\n  if (actionMode === \"inline\") {\n    return (\n      <span className=\"inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5\">\n        {badge}\n        {toolbar}\n      </span>\n    );\n  }\n\n  // Action icons live in a hover popover above the tag — the cell stays\n  // clean, and hovering reveals the magnifier-plus / magnifier-minus / copy\n  // toolbar.\n  return (\n    <HoverCard placement=\"top\" delay={120} arrow={false} trigger={badge} cardClassName=\"!p-1\">\n      {toolbar}\n    </HoverCard>\n  );\n}\n\nfunction TagActionButton({\n  ariaLabel,\n  onClick,\n  active,\n  activeClassName,\n  icon,\n}: {\n  ariaLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n  active?: boolean;\n  activeClassName?: string;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        active && activeClassName,\n      )}\n    >\n      <Icon icon={icon} className=\"text-xs\" />\n    </button>\n  );\n}\n\nexport function TagList({\n  tags,\n  maxVisible = 3,\n  className,\n  actions = \"hover\",\n  compact,\n}: TagListProps) {\n  const density = useDensityValue();\n  const isCompact = compact ?? density === \"compact\";\n\n  if (tags.length === 0) {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n\n  const visible = tags.slice(0, maxVisible);\n  const overflow = tags.slice(maxVisible);\n\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-1\", className)}>\n      <span className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1 overflow-hidden\">\n        {visible.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n      {overflow.length > 0 && (\n        <HoverCard\n          placement=\"top\"\n          trigger={\n            <Badge\n              size=\"xs\"\n              variant=\"outlined\"\n              tone=\"neutral\"\n              clickToCopy={false}\n              className=\"shrink-0\"\n            >\n              +{overflow.length}\n            </Badge>\n          }\n          cardClassName=\"min-w-72 max-w-[90vw] whitespace-normal !p-0\"\n        >\n          <TagPropertiesList tags={overflow} />\n        </HoverCard>\n      )}\n    </span>\n  );\n}\n\nfunction TagPropertiesList({ tags }: { tags: NormalizedTag[] }) {\n  const tagActions = useTagActions();\n  const items = useMemo<PropertiesItem<NormalizedTag>[]>(\n    () => tags.map((tag, index) => ({ key: `${tag.token}-${index}`, value: tag })),\n    [tags],\n  );\n\n  return (\n    <Properties<NormalizedTag>\n      items={items}\n      density=\"compact\"\n      className=\"border-0 bg-transparent\"\n      rowClassName=\"grid-cols-[minmax(4rem,8rem)_minmax(0,1fr)]\"\n      renderLabel={(_key, tag) =>\n        tag.key ? (\n          <span className=\"font-mono\">{tag.key}</span>\n        ) : (\n          <span className=\"italic text-muted-foreground\">tag</span>\n        )\n      }\n      renderValue={(_key, tag) => (\n        <span className=\"block truncate font-mono\" title={tag.value}>\n          {tag.value}\n        </span>\n      )}\n      suffixActions={[\n        {\n          id: \"include\",\n          icon: UiZoomIn,\n          label: (_key, tag) => `Include ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleInclude(tag.token),\n        },\n        {\n          id: \"exclude\",\n          icon: UiZoomOut,\n          label: (_key, tag) => `Exclude ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleExclude(tag.token),\n        },\n        {\n          id: \"copy\",\n          icon: UiCopy,\n          label: (_key, tag) => `Copy ${tag.display}`,\n          onClick: (_key, tag) => copyToClipboard(tag.value),\n        },\n      ]}\n    />\n  );\n}\n\n/**\n * Builds a TagActionsContextValue from a flat record-of-modes (the same\n * shape used by FilterBar's multi/nested-multi filters). Useful when\n * connecting DataTable's multiFilters state to the in-cell + / − buttons.\n */\nexport function tagActionsFromRecord(\n  value: Record<string, TagFilterMode>,\n  onChange: (next: Record<string, TagFilterMode>) => void,\n): TagActionsContextValue {\n  return {\n    getMode: (token) => value[token] ?? \"neutral\",\n    toggleInclude: (token) => {\n      const next = { ...value };\n      if (next[token] === \"include\") delete next[token];\n      else next[token] = \"include\";\n      onChange(next);\n    },\n    toggleExclude: (token) => {\n      const next = { ...value };\n      if (next[token] === \"exclude\") delete next[token];\n      else next[token] = \"exclude\";\n      onChange(next);\n    },\n  };\n}\n\n// Memoizing the context value avoids re-rendering every TagList cell on\n// unrelated state changes.\nexport function useTagActionsValue(\n  value: Record<string, TagFilterMode>,\n  onChange: (next: Record<string, TagFilterMode>) => void,\n): TagActionsContextValue {\n  return useMemo(() => tagActionsFromRecord(value, onChange), [value, onChange]);\n}\n"],"names":["key","value"],"mappings":"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"}

package/dist/data/cells/Timestamp.cjs

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+function parseTimestamp(value) {
+  if (value == null) return null;
+  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;
+  if (typeof value === "number") {
+    const ms = value < 1e12 ? value * 1e3 : value;
+    const d = new Date(ms);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return null;
+    const d = new Date(trimmed);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  return null;
+}
+const UNIT_MS = {
+  s: 1e3,
+  m: 6e4,
+  h: 36e5,
+  d: 864e5,
+  w: 6048e5
+};
+const RELATIVE_PATTERN = /^now\s*([+-])\s*(\d+)\s*([smhdwMqy])$/;
+const ANCHORED_PATTERN = /^now\/([wMqy])(?:\s*([+-])\s*(\d+)\s*([wMqy]))?$/;
+function resolveDateMath(value, now = /* @__PURE__ */ new Date()) {
+  if (value == null) return null;
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return null;
+    if (trimmed.toLowerCase() === "now") return new Date(now.getTime());
+    const anchoredMatch = trimmed.match(ANCHORED_PATTERN);
+    if (anchoredMatch) {
+      const [, anchor, sign, amount, unit] = anchoredMatch;
+      let anchored = startOfPeriod(now, anchor);
+      if (sign && amount && unit) {
+        anchored = addPeriod(anchored, unit, Number(amount) * (sign === "-" ? -1 : 1));
+      }
+      return anchored;
+    }
+    const match = trimmed.match(RELATIVE_PATTERN);
+    if (match) {
+      const [, sign, amount, unit] = match;
+      const calendarUnit = unit;
+      if (isCalendarUnit(calendarUnit)) {
+        return addPeriod(now, calendarUnit, Number(amount) * (sign === "-" ? -1 : 1));
+      }
+      const unitMs = UNIT_MS[calendarUnit.toLowerCase()];
+      if (!unitMs) return null;
+      const delta = Number(amount) * unitMs * (sign === "-" ? -1 : 1);
+      return new Date(now.getTime() + delta);
+    }
+  }
+  return parseTimestamp(value);
+}
+function isCalendarUnit(unit) {
+  return unit === "M" || unit === "q" || unit === "y";
+}
+function startOfPeriod(date, unit) {
+  const year = date.getUTCFullYear();
+  const month = date.getUTCMonth();
+  const day = date.getUTCDate();
+  if (unit === "w") {
+    const start = new Date(Date.UTC(year, month, day));
+    const dayOfWeek = start.getUTCDay();
+    const daysSinceMonday = (dayOfWeek + 6) % 7;
+    start.setUTCDate(start.getUTCDate() - daysSinceMonday);
+    return start;
+  }
+  if (unit === "M") return new Date(Date.UTC(year, month, 1));
+  if (unit === "q") return new Date(Date.UTC(year, Math.floor(month / 3) * 3, 1));
+  if (unit === "y") return new Date(Date.UTC(year, 0, 1));
+  return new Date(date.getTime());
+}
+function addPeriod(date, unit, amount) {
+  const next = new Date(date.getTime());
+  if (unit === "w") {
+    next.setUTCDate(next.getUTCDate() + amount * 7);
+  } else if (unit === "M") {
+    next.setUTCMonth(next.getUTCMonth() + amount);
+  } else if (unit === "q") {
+    next.setUTCMonth(next.getUTCMonth() + amount * 3);
+  } else if (unit === "y") {
+    next.setUTCFullYear(next.getUTCFullYear() + amount);
+  } else {
+    const unitMs = UNIT_MS[unit.toLowerCase()];
+    if (unitMs) next.setTime(next.getTime() + amount * unitMs);
+  }
+  return next;
+}
+const MS_PER_MINUTE = 6e4;
+const MS_PER_DAY = 864e5;
+function chooseTimestampFormat(values) {
+  if (values.length === 0) return "iso";
+  let min = Infinity;
+  let max = -Infinity;
+  for (const d of values) {
+    const t = d.getTime();
+    if (t < min) min = t;
+    if (t > max) max = t;
+  }
+  const span = max - min;
+  if (span <= MS_PER_MINUTE) return "relative";
+  const minDate = new Date(min);
+  const maxDate = new Date(max);
+  if (minDate.getFullYear() === maxDate.getFullYear() && minDate.getMonth() === maxDate.getMonth() && minDate.getDate() === maxDate.getDate()) {
+    return "time";
+  }
+  if (minDate.getFullYear() === maxDate.getFullYear() && span <= MS_PER_DAY * 365) {
+    return "short";
+  }
+  return "iso";
+}
+function formatTimestamp(date, format, now = /* @__PURE__ */ new Date()) {
+  switch (format) {
+    case "relative":
+      return formatRelative(date, now);
+    case "time":
+      return date.toLocaleTimeString(void 0, {
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit"
+      });
+    case "short":
+      return date.toLocaleString(void 0, {
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    case "iso":
+    default:
+      return formatIso(date);
+  }
+}
+function formatIso(date) {
+  const yyyy = date.getFullYear();
+  const mm = String(date.getMonth() + 1).padStart(2, "0");
+  const dd = String(date.getDate()).padStart(2, "0");
+  const hh = String(date.getHours()).padStart(2, "0");
+  const min = String(date.getMinutes()).padStart(2, "0");
+  return `${yyyy}-${mm}-${dd} ${hh}:${min}`;
+}
+function formatRelative(date, now) {
+  const diffMs = now.getTime() - date.getTime();
+  const future = diffMs < 0;
+  const abs = Math.abs(diffMs);
+  const sec = Math.round(abs / 1e3);
+  let value;
+  if (sec < 1) value = "just now";
+  else if (sec < 60) value = `${sec}s`;
+  else if (sec < 3600) value = `${Math.round(sec / 60)}m`;
+  else if (sec < 86400) value = `${Math.round(sec / 3600)}h`;
+  else value = `${Math.round(sec / 86400)}d`;
+  if (value === "just now") return value;
+  return future ? `in ${value}` : `${value} ago`;
+}
+function modeToFormat(mode, dataFormat) {
+  switch (mode) {
+    case "absolute":
+      return "iso";
+    case "relative":
+      return "relative";
+    case "time":
+      return "time";
+    case "auto":
+    default:
+      return dataFormat;
+  }
+}
+function Timestamp({ value, format, showTitleOnHover = true, className }) {
+  const parsed = parseTimestamp(value);
+  if (!parsed) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-muted-foreground", className), children: "—" });
+  const display = formatTimestamp(parsed, format);
+  const title = showTitleOnHover ? parsed.toISOString() : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: utils.cn("tabular-nums whitespace-nowrap text-muted-foreground", className),
+      title,
+      children: display
+    }
+  );
+}
+exports.Timestamp = Timestamp;
+exports.chooseTimestampFormat = chooseTimestampFormat;
+exports.formatTimestamp = formatTimestamp;
+exports.modeToFormat = modeToFormat;
+exports.parseTimestamp = parseTimestamp;
+exports.resolveDateMath = resolveDateMath;
+//# sourceMappingURL=Timestamp.cjs.map

package/dist/data/cells/Timestamp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.cjs","sources":["../../../src/data/cells/Timestamp.tsx"],"sourcesContent":["import { cn } from \"../../lib/utils\";\nimport type { TimeRangePresetGroup } from \"../../components/TimeRange\";\n\nexport type TimestampMode = \"auto\" | \"absolute\" | \"relative\" | \"time\";\n\nexport type TimestampFormat = \"relative\" | \"time\" | \"short\" | \"iso\";\n\nexport type TimestampOptions = {\n  /** Rendering mode for timestamp cells. */\n  mode?: TimestampMode;\n  /** Show the full timestamp in a tooltip even for absolute/ISO formats. */\n  alwaysShowFullOnHover?: boolean;\n  /**\n   * When the column is on a DataTable with `autoFilter`, DataTable mounts a\n   * \"Time range\" picker (matching the trace UI) and filters rows whose\n   * timestamp falls outside the selected range. Set `false` to suppress.\n   */\n  autoRangeFilter?: boolean;\n  /** Override the trace-style preset list (\"Last 15 minutes\", etc.). */\n  rangePresets?: Array<{ label: string; from: string; to: string } | TimeRangePresetGroup>;\n  /** Enable absolute date+time input and timezone selection for range filters. */\n  timeEnabled?: boolean;\n  /** Default timezone used when encoding absolute date+time range values. */\n  timeZone?: string;\n  /** Selectable timezones shown when `timeEnabled` is true. */\n  timeZones?: string[];\n  /**\n   * Default range applied on first render. Either side may use date-math\n   * (`now-24h`, `now`) or any value parseable by `parseTimestamp`.\n   */\n  defaultRange?: { from?: string; to?: string };\n};\n\nexport function parseTimestamp(value: unknown): Date | null {\n  if (value == null) return null;\n  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;\n\n  if (typeof value === \"number\") {\n    const ms = value < 1e12 ? value * 1000 : value;\n    const d = new Date(ms);\n    return Number.isNaN(d.getTime()) ? null : d;\n  }\n\n  if (typeof value === \"string\") {\n    const trimmed = value.trim();\n    if (!trimmed) return null;\n    const d = new Date(trimmed);\n    return Number.isNaN(d.getTime()) ? null : d;\n  }\n\n  return null;\n}\n\nconst UNIT_MS: Record<string, number> = {\n  s: 1_000,\n  m: 60_000,\n  h: 3_600_000,\n  d: 86_400_000,\n  w: 604_800_000,\n};\n\nconst RELATIVE_PATTERN = /^now\\s*([+-])\\s*(\\d+)\\s*([smhdwMqy])$/;\nconst ANCHORED_PATTERN = /^now\\/([wMqy])(?:\\s*([+-])\\s*(\\d+)\\s*([wMqy]))?$/;\n\n/**\n * Resolves date-math strings to an absolute Date. Recognised forms:\n *   - \"now\"\n *   - \"now-15m\", \"now-1h\", \"now+30s\", \"now-7d\", \"now-2w\" (units: s/m/h/d/w/M/q/y)\n *   - \"now/w\", \"now/M\", \"now/q\", \"now/y\" with optional calendar offsets\n *   - any value parseable by `parseTimestamp` (ISO, epoch ms/s, Date)\n * Returns null for unparseable input.\n */\nexport function resolveDateMath(value: unknown, now: Date = new Date()): Date | null {\n  if (value == null) return null;\n\n  if (typeof value === \"string\") {\n    const trimmed = value.trim();\n    if (!trimmed) return null;\n\n    if (trimmed.toLowerCase() === \"now\") return new Date(now.getTime());\n\n    const anchoredMatch = trimmed.match(ANCHORED_PATTERN);\n    if (anchoredMatch) {\n      const [, anchor, sign, amount, unit] = anchoredMatch;\n      let anchored = startOfPeriod(now, anchor!);\n      if (sign && amount && unit) {\n        anchored = addPeriod(anchored, unit, Number(amount) * (sign === \"-\" ? -1 : 1));\n      }\n      return anchored;\n    }\n\n    const match = trimmed.match(RELATIVE_PATTERN);\n    if (match) {\n      const [, sign, amount, unit] = match;\n      const calendarUnit = unit!;\n      if (isCalendarUnit(calendarUnit)) {\n        return addPeriod(now, calendarUnit, Number(amount) * (sign === \"-\" ? -1 : 1));\n      }\n      const unitMs = UNIT_MS[calendarUnit.toLowerCase()];\n      if (!unitMs) return null;\n      const delta = Number(amount) * unitMs * (sign === \"-\" ? -1 : 1);\n      return new Date(now.getTime() + delta);\n    }\n  }\n\n  return parseTimestamp(value);\n}\n\nfunction isCalendarUnit(unit: string) {\n  return unit === \"M\" || unit === \"q\" || unit === \"y\";\n}\n\nfunction startOfPeriod(date: Date, unit: string) {\n  const year = date.getUTCFullYear();\n  const month = date.getUTCMonth();\n  const day = date.getUTCDate();\n\n  if (unit === \"w\") {\n    const start = new Date(Date.UTC(year, month, day));\n    const dayOfWeek = start.getUTCDay();\n    const daysSinceMonday = (dayOfWeek + 6) % 7;\n    start.setUTCDate(start.getUTCDate() - daysSinceMonday);\n    return start;\n  }\n  if (unit === \"M\") return new Date(Date.UTC(year, month, 1));\n  if (unit === \"q\") return new Date(Date.UTC(year, Math.floor(month / 3) * 3, 1));\n  if (unit === \"y\") return new Date(Date.UTC(year, 0, 1));\n  return new Date(date.getTime());\n}\n\nfunction addPeriod(date: Date, unit: string, amount: number) {\n  const next = new Date(date.getTime());\n  if (unit === \"w\") {\n    next.setUTCDate(next.getUTCDate() + amount * 7);\n  } else if (unit === \"M\") {\n    next.setUTCMonth(next.getUTCMonth() + amount);\n  } else if (unit === \"q\") {\n    next.setUTCMonth(next.getUTCMonth() + amount * 3);\n  } else if (unit === \"y\") {\n    next.setUTCFullYear(next.getUTCFullYear() + amount);\n  } else {\n    const unitMs = UNIT_MS[unit.toLowerCase()];\n    if (unitMs) next.setTime(next.getTime() + amount * unitMs);\n  }\n  return next;\n}\n\nconst MS_PER_MINUTE = 60_000;\nconst MS_PER_DAY = 86_400_000;\n\nexport function chooseTimestampFormat(values: Date[]): TimestampFormat {\n  if (values.length === 0) return \"iso\";\n\n  let min = Infinity;\n  let max = -Infinity;\n  for (const d of values) {\n    const t = d.getTime();\n    if (t < min) min = t;\n    if (t > max) max = t;\n  }\n  const span = max - min;\n\n  if (span <= MS_PER_MINUTE) return \"relative\";\n\n  const minDate = new Date(min);\n  const maxDate = new Date(max);\n\n  if (\n    minDate.getFullYear() === maxDate.getFullYear() &&\n    minDate.getMonth() === maxDate.getMonth() &&\n    minDate.getDate() === maxDate.getDate()\n  ) {\n    return \"time\";\n  }\n\n  if (minDate.getFullYear() === maxDate.getFullYear() && span <= MS_PER_DAY * 365) {\n    return \"short\";\n  }\n\n  return \"iso\";\n}\n\nexport function formatTimestamp(\n  date: Date,\n  format: TimestampFormat,\n  now: Date = new Date(),\n): string {\n  switch (format) {\n    case \"relative\":\n      return formatRelative(date, now);\n    case \"time\":\n      return date.toLocaleTimeString(undefined, {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        second: \"2-digit\",\n      });\n    case \"short\":\n      return date.toLocaleString(undefined, {\n        month: \"short\",\n        day: \"numeric\",\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n      });\n    case \"iso\":\n    default:\n      return formatIso(date);\n  }\n}\n\nfunction formatIso(date: Date): string {\n  const yyyy = date.getFullYear();\n  const mm = String(date.getMonth() + 1).padStart(2, \"0\");\n  const dd = String(date.getDate()).padStart(2, \"0\");\n  const hh = String(date.getHours()).padStart(2, \"0\");\n  const min = String(date.getMinutes()).padStart(2, \"0\");\n  return `${yyyy}-${mm}-${dd} ${hh}:${min}`;\n}\n\nfunction formatRelative(date: Date, now: Date): string {\n  const diffMs = now.getTime() - date.getTime();\n  const future = diffMs < 0;\n  const abs = Math.abs(diffMs);\n  const sec = Math.round(abs / 1000);\n\n  let value: string;\n  if (sec < 1) value = \"just now\";\n  else if (sec < 60) value = `${sec}s`;\n  else if (sec < 3600) value = `${Math.round(sec / 60)}m`;\n  else if (sec < 86400) value = `${Math.round(sec / 3600)}h`;\n  else value = `${Math.round(sec / 86400)}d`;\n\n  if (value === \"just now\") return value;\n  return future ? `in ${value}` : `${value} ago`;\n}\n\nexport function modeToFormat(mode: TimestampMode, dataFormat: TimestampFormat): TimestampFormat {\n  switch (mode) {\n    case \"absolute\":\n      return \"iso\";\n    case \"relative\":\n      return \"relative\";\n    case \"time\":\n      return \"time\";\n    case \"auto\":\n    default:\n      return dataFormat;\n  }\n}\n\nexport type TimestampProps = {\n  value: unknown;\n  format: TimestampFormat;\n  showTitleOnHover?: boolean;\n  className?: string;\n};\n\nexport function Timestamp({ value, format, showTitleOnHover = true, className }: TimestampProps) {\n  const parsed = parseTimestamp(value);\n  if (!parsed) return <span className={cn(\"text-muted-foreground\", className)}>—</span>;\n\n  const display = formatTimestamp(parsed, format);\n  const title = showTitleOnHover ? parsed.toISOString() : undefined;\n\n  return (\n    <span\n      className={cn(\"tabular-nums whitespace-nowrap text-muted-foreground\", className)}\n      title={title}\n    >\n      {display}\n    </span>\n  );\n}\n"],"names":["jsx","cn"],"mappings":"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"}

package/dist/data/cells/Timestamp.d.ts

@@ -1,7 +1,10 @@
+import { TimeRangePresetGroup } from '../../components/TimeRange';
 export type TimestampMode = "auto" | "absolute" | "relative" | "time";
 export type TimestampFormat = "relative" | "time" | "short" | "iso";
 export type TimestampOptions = {
+    /** Rendering mode for timestamp cells. */
     mode?: TimestampMode;
+    /** Show the full timestamp in a tooltip even for absolute/ISO formats. */
     alwaysShowFullOnHover?: boolean;
     /**
      * When the column is on a DataTable with `autoFilter`, DataTable mounts a
@@ -14,7 +17,13 @@ export type TimestampOptions = {
         label: string;
         from: string;
         to: string;
-    }>;
+    } | TimeRangePresetGroup>;
+    /** Enable absolute date+time input and timezone selection for range filters. */
+    timeEnabled?: boolean;
+    /** Default timezone used when encoding absolute date+time range values. */
+    timeZone?: string;
+    /** Selectable timezones shown when `timeEnabled` is true. */
+    timeZones?: string[];
     /**
      * Default range applied on first render. Either side may use date-math
      * (`now-24h`, `now`) or any value parseable by `parseTimestamp`.
@@ -28,7 +37,8 @@ export declare function parseTimestamp(value: unknown): Date | null;
 /**
  * Resolves date-math strings to an absolute Date. Recognised forms:
  *   - "now"
- *   - "now-15m", "now-1h", "now+30s", "now-7d", "now-2w" (units: s/m/h/d/w)
+ *   - "now-15m", "now-1h", "now+30s", "now-7d", "now-2w" (units: s/m/h/d/w/M/q/y)
+ *   - "now/w", "now/M", "now/q", "now/y" with optional calendar offsets
  *   - any value parseable by `parseTimestamp` (ISO, epoch ms/s, Date)
  * Returns null for unparseable input.
  */

package/dist/data/cells/Timestamp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../src/data/cells/Timestamp.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sEAAsE;IACtE,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClE;;;OAGG;IACH,YAAY,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAkB1D;AAYD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAE,IAAiB,GAAG,IAAI,GAAG,IAAI,CAoBnF;AAKD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CA8BrE;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,eAAe,EACvB,GAAG,GAAE,IAAiB,GACrB,MAAM,CAqBR;AA4BD,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,GAAG,eAAe,CAY9F;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAuB,EAAE,SAAS,EAAE,EAAE,cAAc,2CAe9F"}
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../../src/data/cells/Timestamp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sEAAsE;IACtE,YAAY,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,oBAAoB,CAAC,CAAC;IACzF,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAkB1D;AAaD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,GAAE,IAAiB,GAAG,IAAI,GAAG,IAAI,CAkCnF;AA4CD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CA8BrE;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,eAAe,EACvB,GAAG,GAAE,IAAiB,GACrB,MAAM,CAqBR;AA4BD,wBAAgB,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,GAAG,eAAe,CAY9F;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAuB,EAAE,SAAS,EAAE,EAAE,cAAc,2CAe9F"}