@flanksource/clicky-ui 0.1.0 → 0.2.1

package/dist/data/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/data/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7F,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAYF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,qBAAqB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAI9D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,qBAAqB,GAAG,IAAI,GAAG,IAAI,CAErF;AA6DD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAe,EACf,IAAI,EACJ,IAAgB,GACjB,EAAE,SAAS,2CA2CX"}

package/dist/data/Icon.js

@@ -0,0 +1,115 @@
+import { jsx } from "react/jsx-runtime";
+import { iconLoaded, Icon as Icon$1 } from "@iconify/react";
+import { cn } from "../lib/utils.js";
+import { resolveSize } from "../lib/size.js";
+import { useDensityValue } from "../hooks/use-density.js";
+const TONE_CLASSES = {
+  emerald: "text-emerald-700 ring-emerald-200/80",
+  amber: "text-amber-700 ring-amber-200/80",
+  rose: "text-rose-700 ring-rose-200/80",
+  slate: "text-slate-700 ring-slate-200/80",
+  sky: "text-sky-700 ring-sky-200/80",
+  violet: "text-violet-700 ring-violet-200/80",
+  neutral: "text-foreground ring-border"
+};
+let fallbackIcon = null;
+function setFallbackIconProvider(component) {
+  fallbackIcon = component;
+}
+function renderGlyph(name, glyphWidth, glyphHeight, rotate, flip, inline, glyphClassName, title) {
+  if (iconLoaded(name)) {
+    return /* @__PURE__ */ jsx(
+      Icon$1,
+      {
+        icon: name,
+        ...glyphClassName ? { className: glyphClassName } : {},
+        ...glyphWidth != null ? { width: glyphWidth } : {},
+        ...glyphHeight != null ? { height: glyphHeight } : {},
+        ...typeof rotate === "number" ? { rotate } : {},
+        ...flip != null ? { flip } : {},
+        ...inline != null ? { inline } : {},
+        ...title ? { title } : {}
+      }
+    );
+  }
+  if (fallbackIcon) {
+    const Fallback = fallbackIcon;
+    const glyphSize = typeof glyphWidth === "number" ? glyphWidth : glyphHeight;
+    return /* @__PURE__ */ jsx(
+      Fallback,
+      {
+        name,
+        ...glyphClassName ? { className: glyphClassName } : {},
+        ...glyphSize != null ? { size: glyphSize } : {},
+        ...title ? { alt: title } : {}
+      }
+    );
+  }
+  const iconifyProps = {
+    icon: name,
+    className: glyphClassName,
+    "aria-hidden": title ? void 0 : true
+  };
+  if (glyphWidth != null) iconifyProps.width = glyphWidth;
+  if (glyphHeight != null) iconifyProps.height = glyphHeight;
+  if (rotate != null) iconifyProps.rotate = rotate;
+  if (flip != null) iconifyProps.flip = flip;
+  if (inline != null) iconifyProps.inline = inline;
+  if (title != null) iconifyProps.title = title;
+  return /* @__PURE__ */ jsx("iconify-icon", { ...iconifyProps });
+}
+function Icon({
+  name,
+  className,
+  width,
+  height,
+  rotate,
+  flip,
+  inline,
+  title,
+  style = "plain",
+  size,
+  tone = "neutral"
+}) {
+  const density = useDensityValue();
+  const pxSize = size != null ? resolveSize(size, density) : void 0;
+  const glyphSize = pxSize != null ? Math.max(8, Math.round(pxSize * 0.5)) : void 0;
+  const resolvedWidth = width ?? (style === "badge" ? glyphSize : pxSize);
+  const resolvedHeight = height ?? (style === "badge" ? glyphSize : pxSize);
+  const glyphClassName = cn("shrink-0", style === "plain" ? className : void 0);
+  const glyphTitle = style === "plain" ? title : void 0;
+  const icon = renderGlyph(
+    name,
+    resolvedWidth,
+    resolvedHeight,
+    rotate,
+    flip,
+    inline,
+    glyphClassName,
+    glyphTitle
+  );
+  if (style === "plain") {
+    return icon;
+  }
+  const badgeStyle = pxSize != null ? { width: pxSize, height: pxSize } : void 0;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title,
+      "aria-label": title,
+      role: title ? "img" : void 0,
+      className: cn(
+        "inline-flex items-center justify-center rounded-full bg-white shadow-sm ring-1 ring-inset",
+        TONE_CLASSES[tone],
+        className
+      ),
+      style: badgeStyle,
+      children: icon
+    }
+  );
+}
+export {
+  Icon,
+  setFallbackIconProvider
+};
+//# sourceMappingURL=Icon.js.map

package/dist/data/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../src/data/Icon.tsx"],"sourcesContent":["import type { CSSProperties, ComponentType } from \"react\";\nimport { Icon as IconifyReactIcon, iconLoaded } from \"@iconify/react\";\nimport { cn } from \"../lib/utils\";\nimport { resolveSize, type SizeToken } from \"../lib/size\";\nimport { useDensityValue } from \"../hooks/use-density\";\n// Type augmentation (no runtime side-effects) — include via tsconfig.\n// @see ./iconify-icon.d.ts\n\nexport type IconStyle = \"plain\" | \"badge\";\n\nexport type IconTone = \"emerald\" | \"amber\" | \"rose\" | \"slate\" | \"sky\" | \"violet\" | \"neutral\";\n\nexport type IconProps = {\n  name: string;\n  className?: string;\n  width?: string | number;\n  height?: string | number;\n  rotate?: string | number;\n  flip?: string;\n  inline?: boolean;\n  title?: string;\n  /**\n   * Presentation style. `plain` (default) renders the icon inline.\n   * `badge` wraps the icon in a circular chip (white background, ring, shadow)\n   * sized by `size` — use in stage/approval cells so the chip scales with a\n   * neighbouring avatar.\n   */\n  style?: IconStyle;\n  /**\n   * Named size token (xxs..xxl). Drives the badge diameter and glyph. The\n   * glyph is always ~50% of the badge diameter so it scales consistently\n   * across sizes. For `style=\"plain\"` it sets width/height when neither is\n   * provided.\n   */\n  size?: SizeToken;\n  /** Semantic color for `style=\"badge\"`. Ignored for plain icons. */\n  tone?: IconTone;\n};\n\nconst TONE_CLASSES: Record<IconTone, string> = {\n  emerald: \"text-emerald-700 ring-emerald-200/80\",\n  amber: \"text-amber-700 ring-amber-200/80\",\n  rose: \"text-rose-700 ring-rose-200/80\",\n  slate: \"text-slate-700 ring-slate-200/80\",\n  sky: \"text-sky-700 ring-sky-200/80\",\n  violet: \"text-violet-700 ring-violet-200/80\",\n  neutral: \"text-foreground ring-border\",\n};\n\n/**\n * Optional secondary icon provider. Consumers can plug in a component\n * (e.g. `Icon` from `@flanksource/icons/icon`) to supply glyphs that the\n * iconify registry doesn't know about (brand logos, k8s resource icons,\n * etc.). Clicky-ui never imports the package directly so consumers that\n * don't need it avoid the dependency entirely.\n */\nexport type FallbackIconProps = {\n  name?: string;\n  className?: string;\n  size?: string | number;\n  alt?: string;\n};\n\ntype FallbackIconComponent = ComponentType<FallbackIconProps>;\n\nlet fallbackIcon: FallbackIconComponent | null = null;\n\n/**\n * Register a secondary glyph provider. Pass the flanksource Icon (or any\n * compatible component) to resolve names that `@iconify/react` hasn't\n * loaded. Call this once at app bootstrap.\n */\nexport function setFallbackIconProvider(component: FallbackIconComponent | null): void {\n  fallbackIcon = component;\n}\n\nfunction renderGlyph(\n  name: string,\n  glyphWidth: number | string | undefined,\n  glyphHeight: number | string | undefined,\n  rotate: string | number | undefined,\n  flip: string | undefined,\n  inline: boolean | undefined,\n  glyphClassName: string | undefined,\n  title: string | undefined,\n): JSX.Element {\n  // 1. @iconify/react — build-time lookup via consumer-registered collections.\n  //    Only used when the icon is already in the registry so we never trigger\n  //    a network fetch during SSR.\n  if (iconLoaded(name)) {\n    return (\n      <IconifyReactIcon\n        icon={name}\n        {...(glyphClassName ? { className: glyphClassName } : {})}\n        {...(glyphWidth != null ? { width: glyphWidth } : {})}\n        {...(glyphHeight != null ? { height: glyphHeight } : {})}\n        {...(typeof rotate === \"number\" ? { rotate } : {})}\n        {...(flip != null ? { flip } : {})}\n        {...(inline != null ? { inline } : {})}\n        {...(title ? { title } : {})}\n      />\n    );\n  }\n\n  // 2. Consumer-supplied fallback (e.g. @flanksource/icons/icon) — for\n  //    brand/platform glyphs not carried by iconify collections.\n  if (fallbackIcon) {\n    const Fallback = fallbackIcon;\n    const glyphSize = typeof glyphWidth === \"number\" ? glyphWidth : glyphHeight;\n    return (\n      <Fallback\n        name={name}\n        {...(glyphClassName ? { className: glyphClassName } : {})}\n        {...(glyphSize != null ? { size: glyphSize } : {})}\n        {...(title ? { alt: title } : {})}\n      />\n    );\n  }\n\n  // 3. <iconify-icon> web component — runtime fallback. Requires the script\n  //    to be loaded on the host page.\n  const iconifyProps: Record<string, unknown> = {\n    icon: name,\n    className: glyphClassName,\n    \"aria-hidden\": title ? undefined : true,\n  };\n  if (glyphWidth != null) iconifyProps.width = glyphWidth;\n  if (glyphHeight != null) iconifyProps.height = glyphHeight;\n  if (rotate != null) iconifyProps.rotate = rotate;\n  if (flip != null) iconifyProps.flip = flip;\n  if (inline != null) iconifyProps.inline = inline;\n  if (title != null) iconifyProps.title = title;\n  return <iconify-icon {...iconifyProps} />;\n}\n\nexport function Icon({\n  name,\n  className,\n  width,\n  height,\n  rotate,\n  flip,\n  inline,\n  title,\n  style = \"plain\",\n  size,\n  tone = \"neutral\",\n}: IconProps) {\n  const density = useDensityValue();\n  const pxSize = size != null ? resolveSize(size, density) : undefined;\n  const glyphSize = pxSize != null ? Math.max(8, Math.round(pxSize * 0.5)) : undefined;\n  const resolvedWidth = width ?? (style === \"badge\" ? glyphSize : pxSize);\n  const resolvedHeight = height ?? (style === \"badge\" ? glyphSize : pxSize);\n\n  const glyphClassName = cn(\"shrink-0\", style === \"plain\" ? className : undefined);\n  const glyphTitle = style === \"plain\" ? title : undefined;\n\n  const icon = renderGlyph(\n    name,\n    resolvedWidth,\n    resolvedHeight,\n    rotate,\n    flip,\n    inline,\n    glyphClassName,\n    glyphTitle,\n  );\n\n  if (style === \"plain\") {\n    return icon;\n  }\n\n  const badgeStyle: CSSProperties | undefined =\n    pxSize != null ? { width: pxSize, height: pxSize } : undefined;\n\n  return (\n    <span\n      title={title}\n      aria-label={title}\n      role={title ? \"img\" : undefined}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-full bg-white shadow-sm ring-1 ring-inset\",\n        TONE_CLASSES[tone],\n        className,\n      )}\n      style={badgeStyle}\n    >\n      {icon}\n    </span>\n  );\n}\n"],"names":["IconifyReactIcon"],"mappings":"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"}

package/dist/data/JsonView.d.ts

@@ -0,0 +1,8 @@
+export type JsonViewProps = {
+    data: unknown;
+    name?: string;
+    depth?: number;
+    defaultOpenDepth?: number;
+};
+export declare function JsonView({ data, name, depth, defaultOpenDepth }: JsonViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JsonView.d.ts.map

package/dist/data/JsonView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonView.d.ts","sourceRoot":"","sources":["../../src/data/JsonView.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAS,EAAE,gBAAoB,EAAE,EAAE,aAAa,2CA6EtF"}

package/dist/data/JsonView.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+function JsonView({ data, name, depth = 0, defaultOpenDepth = 2 }) {
+  const [open, setOpen] = useState(depth < defaultOpenDepth);
+  if (data === null || data === void 0) {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: "null" });
+  }
+  if (typeof data === "string") {
+    return /* @__PURE__ */ jsxs("span", { className: "text-green-700 dark:text-green-400", children: [
+      '"',
+      data,
+      '"'
+    ] });
+  }
+  if (typeof data === "number" || typeof data === "boolean") {
+    return /* @__PURE__ */ jsx("span", { className: "text-blue-700 dark:text-blue-400", children: String(data) });
+  }
+  if (typeof data !== "object") {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: String(data) });
+  }
+  const isArray = Array.isArray(data);
+  const entries = isArray ? data.map((v, i) => [i, v]) : Object.entries(data);
+  const [openB, closeB] = isArray ? ["[", "]"] : ["{", "}"];
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      openB,
+      closeB
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "text-sm font-mono", style: { paddingLeft: depth > 0 ? "12px" : "0" }, children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "cursor-pointer hover:bg-accent rounded px-0.5 select-none",
+        onClick: () => setOpen(!open),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs mr-1", children: open ? "▼" : "▶" }),
+          name && /* @__PURE__ */ jsx("span", { className: "text-purple-600 dark:text-purple-400", children: name }),
+          name && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: ": " }),
+          !open && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            openB,
+            " ",
+            entries.length,
+            " ",
+            isArray ? "items" : "keys",
+            " ",
+            closeB
+          ] }),
+          open && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: openB })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(Fragment, { children: [
+      entries.map(([key, val]) => /* @__PURE__ */ jsx("div", { className: "pl-3 border-l border-border ml-1", children: typeof val === "object" && val !== null ? /* @__PURE__ */ jsx(
+        JsonView,
+        {
+          data: val,
+          name: String(key),
+          depth: depth + 1,
+          defaultOpenDepth
+        }
+      ) : /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-purple-600 dark:text-purple-400", children: isArray ? "" : String(key) }),
+        !isArray && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: ": " }),
+        /* @__PURE__ */ jsx(JsonView, { data: val, depth: depth + 1, defaultOpenDepth })
+      ] }) }, key)),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: closeB })
+    ] })
+  ] });
+}
+export {
+  JsonView
+};
+//# sourceMappingURL=JsonView.js.map

package/dist/data/JsonView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonView.js","sources":["../../src/data/JsonView.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nexport type JsonViewProps = {\n  data: unknown;\n  name?: string;\n  depth?: number;\n  defaultOpenDepth?: number;\n};\n\nexport function JsonView({ data, name, depth = 0, defaultOpenDepth = 2 }: JsonViewProps) {\n  const [open, setOpen] = useState(depth < defaultOpenDepth);\n\n  if (data === null || data === undefined) {\n    return <span className=\"text-muted-foreground italic\">null</span>;\n  }\n\n  if (typeof data === \"string\") {\n    return <span className=\"text-green-700 dark:text-green-400\">\"{data}\"</span>;\n  }\n\n  if (typeof data === \"number\" || typeof data === \"boolean\") {\n    return <span className=\"text-blue-700 dark:text-blue-400\">{String(data)}</span>;\n  }\n\n  if (typeof data !== \"object\") {\n    return <span className=\"text-muted-foreground\">{String(data)}</span>;\n  }\n\n  const isArray = Array.isArray(data);\n  const entries: Array<[string | number, unknown]> = isArray\n    ? (data as unknown[]).map((v, i) => [i, v])\n    : Object.entries(data as Record<string, unknown>);\n  const [openB, closeB] = isArray ? [\"[\", \"]\"] : [\"{\", \"}\"];\n\n  if (entries.length === 0) {\n    return (\n      <span className=\"text-muted-foreground\">\n        {openB}\n        {closeB}\n      </span>\n    );\n  }\n\n  return (\n    <div className=\"text-sm font-mono\" style={{ paddingLeft: depth > 0 ? \"12px\" : \"0\" }}>\n      <span\n        className=\"cursor-pointer hover:bg-accent rounded px-0.5 select-none\"\n        onClick={() => setOpen(!open)}\n      >\n        <span className=\"text-muted-foreground text-xs mr-1\">{open ? \"▼\" : \"▶\"}</span>\n        {name && <span className=\"text-purple-600 dark:text-purple-400\">{name}</span>}\n        {name && <span className=\"text-muted-foreground\">: </span>}\n        {!open && (\n          <span className=\"text-muted-foreground\">\n            {openB} {entries.length} {isArray ? \"items\" : \"keys\"} {closeB}\n          </span>\n        )}\n        {open && <span className=\"text-muted-foreground\">{openB}</span>}\n      </span>\n      {open && (\n        <>\n          {entries.map(([key, val]) => (\n            <div key={key} className=\"pl-3 border-l border-border ml-1\">\n              {typeof val === \"object\" && val !== null ? (\n                <JsonView\n                  data={val}\n                  name={String(key)}\n                  depth={depth + 1}\n                  defaultOpenDepth={defaultOpenDepth}\n                />\n              ) : (\n                <div>\n                  <span className=\"text-purple-600 dark:text-purple-400\">\n                    {isArray ? \"\" : String(key)}\n                  </span>\n                  {!isArray && <span className=\"text-muted-foreground\">: </span>}\n                  <JsonView data={val} depth={depth + 1} defaultOpenDepth={defaultOpenDepth} />\n                </div>\n              )}\n            </div>\n          ))}\n          <span className=\"text-muted-foreground\">{closeB}</span>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AASO,SAAS,SAAS,EAAE,MAAM,MAAM,QAAQ,GAAG,mBAAmB,KAAoB;AACvF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,QAAQ,gBAAgB;AAEzD,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO,oBAAC,QAAA,EAAK,WAAU,gCAA+B,UAAA,QAAI;AAAA,EAC5D;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,qBAAC,QAAA,EAAK,WAAU,sCAAqC,UAAA;AAAA,MAAA;AAAA,MAAE;AAAA,MAAK;AAAA,IAAA,GAAC;AAAA,EACtE;AAEA,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,WAAW;AACzD,+BAAQ,QAAA,EAAK,WAAU,oCAAoC,UAAA,OAAO,IAAI,GAAE;AAAA,EAC1E;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,+BAAQ,QAAA,EAAK,WAAU,yBAAyB,UAAA,OAAO,IAAI,GAAE;AAAA,EAC/D;AAEA,QAAM,UAAU,MAAM,QAAQ,IAAI;AAClC,QAAM,UAA6C,UAC9C,KAAmB,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IACxC,OAAO,QAAQ,IAA+B;AAClD,QAAM,CAAC,OAAO,MAAM,IAAI,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG;AAExD,MAAI,QAAQ,WAAW,GAAG;AACxB,WACE,qBAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,qBAAoB,OAAO,EAAE,aAAa,QAAQ,IAAI,SAAS,IAAA,GAC5E,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM,QAAQ,CAAC,IAAI;AAAA,QAE5B,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,sCAAsC,UAAA,OAAO,MAAM,KAAI;AAAA,UACtE,QAAQ,oBAAC,QAAA,EAAK,WAAU,wCAAwC,UAAA,MAAK;AAAA,UACrE,QAAQ,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,MAAE;AAAA,UAClD,CAAC,QACA,qBAAC,QAAA,EAAK,WAAU,yBACb,UAAA;AAAA,YAAA;AAAA,YAAM;AAAA,YAAE,QAAQ;AAAA,YAAO;AAAA,YAAE,UAAU,UAAU;AAAA,YAAO;AAAA,YAAE;AAAA,UAAA,GACzD;AAAA,UAED,QAAQ,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzD,QACC,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,MACrB,oBAAC,OAAA,EAAc,WAAU,oCACtB,UAAA,OAAO,QAAQ,YAAY,QAAQ,OAClC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,MAAM,OAAO,GAAG;AAAA,UAChB,OAAO,QAAQ;AAAA,UACf;AAAA,QAAA;AAAA,MAAA,yBAGD,OAAA,EACC,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAU,wCACb,oBAAU,KAAK,OAAO,GAAG,GAC5B;AAAA,QACC,CAAC,WAAW,oBAAC,QAAA,EAAK,WAAU,yBAAwB,UAAA,MAAE;AAAA,4BACtD,UAAA,EAAS,MAAM,KAAK,OAAO,QAAQ,GAAG,iBAAA,CAAoC;AAAA,MAAA,GAC7E,EAAA,GAfM,GAiBV,CACD;AAAA,MACD,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,OAAA,CAAO;AAAA,IAAA,EAAA,CAClD;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/data/KeyValueList.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export type KeyValueListItem = {
+    key: string;
+    label: ReactNode;
+    value: ReactNode;
+    hidden?: boolean;
+};
+export type KeyValueListProps = {
+    items: KeyValueListItem[];
+    className?: string;
+    rowClassName?: string;
+    labelClassName?: string;
+    valueClassName?: string;
+    emptyMessage?: ReactNode;
+};
+export declare function KeyValueList({ items, className, rowClassName, labelClassName, valueClassName, emptyMessage, }: KeyValueListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KeyValueList.d.ts.map

package/dist/data/KeyValueList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueList.d.ts","sourceRoot":"","sources":["../../src/data/KeyValueList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,YAA2B,GAC5B,EAAE,iBAAiB,2CAyBnB"}

package/dist/data/KeyValueList.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function KeyValueList({
+  items,
+  className,
+  rowClassName,
+  labelClassName,
+  valueClassName,
+  emptyMessage = "No details"
+}) {
+  const visible = items.filter((item) => !item.hidden);
+  if (visible.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: emptyMessage });
+  }
+  return /* @__PURE__ */ jsx("dl", { className: cn("divide-y divide-border rounded-md border border-border", className), children: visible.map((item) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid grid-cols-[minmax(7rem,12rem)_minmax(0,1fr)] gap-density-3 px-density-3 py-density-2",
+        rowClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsx("dt", { className: cn("text-xs font-medium text-muted-foreground", labelClassName), children: item.label }),
+        /* @__PURE__ */ jsx("dd", { className: cn("min-w-0 text-sm text-foreground", valueClassName), children: item.value })
+      ]
+    },
+    item.key
+  )) });
+}
+export {
+  KeyValueList
+};
+//# sourceMappingURL=KeyValueList.js.map

package/dist/data/KeyValueList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueList.js","sources":["../../src/data/KeyValueList.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type KeyValueListItem = {\n  key: string;\n  label: ReactNode;\n  value: ReactNode;\n  hidden?: boolean;\n};\n\nexport type KeyValueListProps = {\n  items: KeyValueListItem[];\n  className?: string;\n  rowClassName?: string;\n  labelClassName?: string;\n  valueClassName?: string;\n  emptyMessage?: ReactNode;\n};\n\nexport function KeyValueList({\n  items,\n  className,\n  rowClassName,\n  labelClassName,\n  valueClassName,\n  emptyMessage = \"No details\",\n}: KeyValueListProps) {\n  const visible = items.filter((item) => !item.hidden);\n\n  if (visible.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  return (\n    <dl className={cn(\"divide-y divide-border rounded-md border border-border\", className)}>\n      {visible.map((item) => (\n        <div\n          key={item.key}\n          className={cn(\n            \"grid grid-cols-[minmax(7rem,12rem)_minmax(0,1fr)] gap-density-3 px-density-3 py-density-2\",\n            rowClassName,\n          )}\n        >\n          <dt className={cn(\"text-xs font-medium text-muted-foreground\", labelClassName)}>\n            {item.label}\n          </dt>\n          <dd className={cn(\"min-w-0 text-sm text-foreground\", valueClassName)}>{item.value}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n"],"names":[],"mappings":";;AAmBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAAsB;AACpB,QAAM,UAAU,MAAM,OAAO,CAAC,SAAS,CAAC,KAAK,MAAM;AAEnD,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO,oBAAC,OAAA,EAAI,WAAU,iCAAiC,UAAA,cAAa;AAAA,EACtE;AAEA,SACE,oBAAC,MAAA,EAAG,WAAW,GAAG,0DAA0D,SAAS,GAClF,UAAA,QAAQ,IAAI,CAAC,SACZ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,oBAAC,QAAG,WAAW,GAAG,6CAA6C,cAAc,GAC1E,eAAK,OACR;AAAA,QACA,oBAAC,QAAG,WAAW,GAAG,mCAAmC,cAAc,GAAI,eAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAT7E,KAAK;AAAA,EAAA,CAWb,GACH;AAEJ;"}

package/dist/data/LogViewer.d.ts

@@ -0,0 +1,10 @@
+export type LogViewerProps = {
+    logs: string;
+    collapsedLines?: number;
+    maxExpandedVh?: number;
+    bgClass?: string;
+    borderClass?: string;
+    className?: string;
+};
+export declare function LogViewer({ logs, collapsedLines, maxExpandedVh, bgClass, borderClass, className, }: LogViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LogViewer.d.ts.map

package/dist/data/LogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../../src/data/LogViewer.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,cAAkB,EAClB,aAAkB,EAClB,OAAoB,EACpB,WAA6B,EAC7B,SAAS,GACV,EAAE,cAAc,2CAiChB"}

package/dist/data/LogViewer.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { cn } from "../lib/utils.js";
+function LogViewer({
+  logs,
+  collapsedLines = 5,
+  maxExpandedVh = 70,
+  bgClass = "bg-muted",
+  borderClass = "border-border",
+  className
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const lines = useMemo(() => logs.split("\n"), [logs]);
+  const hasMore = lines.length > collapsedLines;
+  const maxHeight = expanded ? `${maxExpandedVh}vh` : `${collapsedLines * 1.4}em`;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: cn(
+          "mt-0.5 text-[11px] text-muted-foreground rounded p-1.5 whitespace-pre-wrap overflow-y-auto border transition-all duration-200",
+          bgClass,
+          borderClass
+        ),
+        style: { maxHeight },
+        children: expanded ? logs : lines.slice(0, collapsedLines).join("\n")
+      }
+    ),
+    hasMore && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "text-[10px] mt-0.5",
+          expanded ? "text-muted-foreground" : "text-primary hover:opacity-80"
+        ),
+        onClick: () => setExpanded((e) => !e),
+        children: expanded ? `▲ Collapse (${lines.length} lines)` : `▼ Show more (${lines.length} lines)`
+      }
+    )
+  ] });
+}
+export {
+  LogViewer
+};
+//# sourceMappingURL=LogViewer.js.map

package/dist/data/LogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","sources":["../../src/data/LogViewer.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type LogViewerProps = {\n  logs: string;\n  collapsedLines?: number;\n  maxExpandedVh?: number;\n  bgClass?: string;\n  borderClass?: string;\n  className?: string;\n};\n\nexport function LogViewer({\n  logs,\n  collapsedLines = 5,\n  maxExpandedVh = 70,\n  bgClass = \"bg-muted\",\n  borderClass = \"border-border\",\n  className,\n}: LogViewerProps) {\n  const [expanded, setExpanded] = useState(false);\n  const lines = useMemo(() => logs.split(\"\\n\"), [logs]);\n  const hasMore = lines.length > collapsedLines;\n\n  const maxHeight = expanded ? `${maxExpandedVh}vh` : `${collapsedLines * 1.4}em`;\n\n  return (\n    <div className={cn(\"relative\", className)}>\n      <pre\n        className={cn(\n          \"mt-0.5 text-[11px] text-muted-foreground rounded p-1.5 whitespace-pre-wrap overflow-y-auto border transition-all duration-200\",\n          bgClass,\n          borderClass,\n        )}\n        style={{ maxHeight }}\n      >\n        {expanded ? logs : lines.slice(0, collapsedLines).join(\"\\n\")}\n      </pre>\n      {hasMore && (\n        <button\n          type=\"button\"\n          className={cn(\n            \"text-[10px] mt-0.5\",\n            expanded ? \"text-muted-foreground\" : \"text-primary hover:opacity-80\",\n          )}\n          onClick={() => setExpanded((e) => !e)}\n        >\n          {expanded ? `▲ Collapse (${lines.length} lines)` : `▼ Show more (${lines.length} lines)`}\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAYO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AACF,GAAmB;AACjB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,QAAQ,QAAQ,MAAM,KAAK,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC;AACpD,QAAM,UAAU,MAAM,SAAS;AAE/B,QAAM,YAAY,WAAW,GAAG,aAAa,OAAO,GAAG,iBAAiB,GAAG;AAE3E,8BACG,OAAA,EAAI,WAAW,GAAG,YAAY,SAAS,GACtC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,OAAO,EAAE,UAAA;AAAA,QAER,UAAA,WAAW,OAAO,MAAM,MAAM,GAAG,cAAc,EAAE,KAAK,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5D,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,WAAW,0BAA0B;AAAA,QAAA;AAAA,QAEvC,SAAS,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC;AAAA,QAEnC,qBAAW,eAAe,MAAM,MAAM,YAAY,gBAAgB,MAAM,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACjF,GAEJ;AAEJ;"}

package/dist/data/LogsTable.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { DataTableColumn, DataTableProps } from './DataTable';
+export type LogsTableInput = string | Record<string, unknown>;
+export type LogsTableRow = {
+    id: string;
+    timestamp: string;
+    level: string;
+    pod: string;
+    logger: string;
+    thread: string;
+    message: string;
+    tags: string[];
+    line: string;
+    parsedLine?: unknown;
+    raw: unknown;
+};
+export type LogsTableProps = Omit<DataTableProps<LogsTableRow>, "data" | "columns" | "density" | "defaultDensity"> & {
+    logs: string | LogsTableInput[];
+    columns?: DataTableColumn<LogsTableRow>[];
+    dark?: boolean;
+    showRawDetails?: boolean;
+    showFullscreenControl?: boolean;
+    fullscreenTitle?: ReactNode;
+};
+export declare function LogsTable({ logs, columns, dark, showRawDetails, className, autoFilter, defaultSort, getRowId, renderExpandedRow, showDensityControl, showFullscreenControl, fullscreenTitle, ...tableProps }: LogsTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function normalizeLogsTableRows(logs: string | LogsTableInput[]): LogsTableRow[];
+//# sourceMappingURL=LogsTable.d.ts.map

package/dist/data/LogsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogsTable.d.ts","sourceRoot":"","sources":["../../src/data/LogsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAa,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGnF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,CAAC,YAAY,CAAC,EAC5B,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAClD,GAAG;IACF,IAAI,EAAE,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC;AA8CF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,IAAW,EACX,cAAqB,EACrB,SAAS,EACT,UAAiB,EACjB,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,kBAA0B,EAC1B,qBAA4B,EAC5B,eAAwB,EACxB,GAAG,UAAU,EACd,EAAE,cAAc,2CAuDhB;AA8CD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,CAGtF"}