@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-KDE3NYTI.js

@@ -0,0 +1,144 @@
+"use client";
+import { isDev } from './chunk-ML7WLNIK.js';
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef, useState, useRef, useEffect, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var levelClasses = {
+  info: "text-foreground",
+  warn: "text-warning",
+  error: "text-destructive",
+  success: "text-success",
+  debug: "text-muted-foreground"
+};
+var levelLabels = {
+  info: "INFO",
+  warn: "WARN",
+  error: "ERROR",
+  success: " OK ",
+  debug: "DBG "
+};
+var ALL_LEVELS = ["info", "warn", "error", "success", "debug"];
+var BuildLogStream = forwardRef(
+  ({
+    className,
+    lines,
+    filterable = true,
+    visibleLevels,
+    onVisibleLevelsChange,
+    height = "320px",
+    maxLines = 2e3,
+    live = "off",
+    ...props
+  }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    const effectiveLive = inLiveRegion ? "off" : live;
+    const [internalLevels, setInternalLevels] = useState(/* @__PURE__ */ new Set());
+    const levels = visibleLevels ?? internalLevels;
+    const updateLevels = onVisibleLevelsChange ?? setInternalLevels;
+    const wasControlled = useRef(null);
+    useEffect(() => {
+      if (!isDev()) return;
+      const isControlled = visibleLevels !== void 0;
+      if (wasControlled.current === null) {
+        wasControlled.current = isControlled;
+        return;
+      }
+      if (wasControlled.current !== isControlled) {
+        console.warn(
+          `[@theokit/ui] BuildLogStream: \`visibleLevels\` prop switched between ${wasControlled.current ? "controlled" : "uncontrolled"} and ${isControlled ? "controlled" : "uncontrolled"} between renders. Pick one mode and keep it consistent.`
+        );
+        wasControlled.current = isControlled;
+      }
+    }, [visibleLevels]);
+    const filtered = useMemo(() => {
+      if (levels.size === 0) return lines;
+      return lines.filter((l) => levels.has(l.level));
+    }, [lines, levels]);
+    const truncated = filtered.length > maxLines;
+    const visible = truncated ? filtered.slice(filtered.length - maxLines) : filtered;
+    const hiddenCount = truncated ? filtered.length - maxLines : 0;
+    const toggle = (level) => {
+      const next = new Set(levels);
+      if (next.has(level)) next.delete(level);
+      else next.add(level);
+      updateLevels(next);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "build-log-stream",
+        ref,
+        className: cn("flex flex-col gap-2", className),
+        ...props,
+        children: [
+          filterable ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: ALL_LEVELS.map((level) => {
+            const active = levels.size === 0 || levels.has(level);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggle(level),
+                "aria-pressed": active,
+                className: cn(
+                  "rounded-md border px-2 py-1 font-mono text-label uppercase tracking-wider",
+                  "transition-colors duration-base ease-out-soft",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  active ? cn("border-border/60 bg-muted", levelClasses[level]) : "border-border/30 text-muted-foreground/50 hover:text-muted-foreground"
+                ),
+                children: level
+              },
+              level
+            );
+          }) }) : null,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn("overflow-y-auto rounded-lg border bg-card", "font-mono text-code-sm"),
+              style: { height },
+              children: [
+                truncated ? /* @__PURE__ */ jsxs("output", { className: "block border-border/30 border-b bg-muted/40 px-4 py-1.5 text-label text-muted-foreground", children: [
+                  "Showing last ",
+                  maxLines.toLocaleString(),
+                  " of ",
+                  filtered.length.toLocaleString(),
+                  " lines (",
+                  hiddenCount.toLocaleString(),
+                  " earlier lines hidden)"
+                ] }) : null,
+                visible.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-muted-foreground", children: "No log lines." }) : /* @__PURE__ */ jsx("ol", { className: "divide-y divide-border/30", "aria-live": effectiveLive, "aria-atomic": "false", children: visible.map((line) => /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    className: "grid grid-cols-[auto_auto_1fr] gap-3 px-4 py-1.5 leading-relaxed hover:bg-muted/30",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "select-none text-muted-foreground", children: line.timestamp }),
+                      /* @__PURE__ */ jsxs("span", { className: cn("select-none font-bold", levelClasses[line.level]), children: [
+                        "[",
+                        levelLabels[line.level],
+                        "]"
+                      ] }),
+                      /* @__PURE__ */ jsxs("span", { className: levelClasses[line.level], children: [
+                        line.source ? /* @__PURE__ */ jsxs("span", { className: "mr-2 text-muted-foreground", children: [
+                          line.source,
+                          ":"
+                        ] }) : null,
+                        line.message
+                      ] })
+                    ]
+                  },
+                  line.id
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+BuildLogStream.displayName = "BuildLogStream";
+
+export { BuildLogStream };
+//# sourceMappingURL=chunk-KDE3NYTI.js.map
+//# sourceMappingURL=chunk-KDE3NYTI.js.map

package/dist/chunk-KDE3NYTI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/build-log-stream/build-log-stream.tsx"],"names":[],"mappings":"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","file":"chunk-KDE3NYTI.js","sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { isDev } from \"../../../lib/env.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\nexport type LogLevel = \"info\" | \"warn\" | \"error\" | \"success\" | \"debug\";\n\nexport interface LogLine {\n  id: string;\n  timestamp: string;\n  level: LogLevel;\n  message: string;\n  source?: string;\n}\n\nconst levelClasses: Record<LogLevel, string> = {\n  info: \"text-foreground\",\n  warn: \"text-warning\",\n  error: \"text-destructive\",\n  success: \"text-success\",\n  debug: \"text-muted-foreground\",\n};\n\nconst levelLabels: Record<LogLevel, string> = {\n  info: \"INFO\",\n  warn: \"WARN\",\n  error: \"ERROR\",\n  success: \" OK \",\n  debug: \"DBG \",\n};\n\ninterface BuildLogStreamProps extends HTMLAttributes<HTMLDivElement> {\n  lines: LogLine[];\n  /**\n   * If true, shows level filter chips above the stream.\n   */\n  filterable?: boolean;\n  /**\n   * Controlled filter — which levels are visible. Empty Set = show all.\n   *\n   * Pick one mode: either always pass `visibleLevels` + `onVisibleLevelsChange`\n   * (controlled), or never (uncontrolled). Mixing the two between renders is\n   * not supported and may produce surprising state.\n   */\n  visibleLevels?: Set<LogLevel>;\n  onVisibleLevelsChange?: (levels: Set<LogLevel>) => void;\n  /**\n   * Height of the scrollable region.\n   */\n  height?: string | number;\n  /**\n   * Maximum number of lines rendered. When exceeded, only the tail is shown\n   * and a banner indicates truncation. Defaults to 2000 — set higher with\n   * caution; React reconciliation cost scales linearly.\n   */\n  maxLines?: number;\n  /**\n   * Screen-reader live-region politeness for newly appended lines. Defaults\n   * to `\"off\"` because build-log streams can be high-volume; opt into\n   * `\"polite\"` only when running the build in the foreground.\n   */\n  live?: \"off\" | \"polite\";\n}\n\nconst ALL_LEVELS: LogLevel[] = [\"info\", \"warn\", \"error\", \"success\", \"debug\"];\n\n/**\n * BuildLogStream — terminal-like log viewer with timestamps + level coloring.\n *\n * Used in Code workspace and PaaS deployment views. Geist Mono throughout.\n * Lines fade in via animate-fade-in-up on mount; new lines (when prepended/appended)\n * are not animated to avoid feedback noise (consumer's responsibility to render\n * incrementally if needed).\n */\nconst BuildLogStream = forwardRef<HTMLDivElement, BuildLogStreamProps>(\n  (\n    {\n      className,\n      lines,\n      filterable = true,\n      visibleLevels,\n      onVisibleLevelsChange,\n      height = \"320px\",\n      maxLines = 2000,\n      live = \"off\",\n      ...props\n    },\n    ref,\n  ) => {\n    // T4.1 (MF-4): suppress own aria-live when nested in container live region.\n    const inLiveRegion = useInLiveRegion();\n    const effectiveLive = inLiveRegion ? \"off\" : live;\n    const [internalLevels, setInternalLevels] = useState<Set<LogLevel>>(new Set());\n    const levels = visibleLevels ?? internalLevels;\n    const updateLevels = onVisibleLevelsChange ?? setInternalLevels;\n\n    // MEDIUM-002 / T6.5: warn (dev-only) when a consumer flips between\n    // controlled and uncontrolled — React's own warning handles `value`/\n    // `defaultValue` on form inputs but doesn't see our custom prop pair.\n    const wasControlled = useRef<boolean | null>(null);\n    useEffect(() => {\n      if (!isDev()) return;\n      const isControlled = visibleLevels !== undefined;\n      if (wasControlled.current === null) {\n        wasControlled.current = isControlled;\n        return;\n      }\n      if (wasControlled.current !== isControlled) {\n        // biome-ignore lint/suspicious/noConsole: dev-only diagnostic (MEDIUM-002)\n        console.warn(\n          `[@theokit/ui] BuildLogStream: \\`visibleLevels\\` prop switched between ${\n            wasControlled.current ? \"controlled\" : \"uncontrolled\"\n          } and ${isControlled ? \"controlled\" : \"uncontrolled\"} between renders. Pick one mode and keep it consistent.`,\n        );\n        wasControlled.current = isControlled;\n      }\n    }, [visibleLevels]);\n\n    const filtered = useMemo(() => {\n      if (levels.size === 0) return lines;\n      return lines.filter((l) => levels.has(l.level));\n    }, [lines, levels]);\n\n    const truncated = filtered.length > maxLines;\n    const visible = truncated ? filtered.slice(filtered.length - maxLines) : filtered;\n    const hiddenCount = truncated ? filtered.length - maxLines : 0;\n\n    const toggle = (level: LogLevel) => {\n      const next = new Set(levels);\n      if (next.has(level)) next.delete(level);\n      else next.add(level);\n      updateLevels(next);\n    };\n\n    return (\n      <div\n        data-slot=\"build-log-stream\"\n        ref={ref}\n        className={cn(\"flex flex-col gap-2\", className)}\n        {...props}\n      >\n        {filterable ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {ALL_LEVELS.map((level) => {\n              const active = levels.size === 0 || levels.has(level);\n              return (\n                <button\n                  key={level}\n                  type=\"button\"\n                  onClick={() => toggle(level)}\n                  aria-pressed={active}\n                  className={cn(\n                    \"rounded-md border px-2 py-1 font-mono text-label uppercase tracking-wider\",\n                    \"transition-colors duration-base ease-out-soft\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n                    active\n                      ? cn(\"border-border/60 bg-muted\", levelClasses[level])\n                      : \"border-border/30 text-muted-foreground/50 hover:text-muted-foreground\",\n                  )}\n                >\n                  {level}\n                </button>\n              );\n            })}\n          </div>\n        ) : null}\n        <div\n          className={cn(\"overflow-y-auto rounded-lg border bg-card\", \"font-mono text-code-sm\")}\n          style={{ height }}\n        >\n          {truncated ? (\n            <output className=\"block border-border/30 border-b bg-muted/40 px-4 py-1.5 text-label text-muted-foreground\">\n              Showing last {maxLines.toLocaleString()} of {filtered.length.toLocaleString()} lines (\n              {hiddenCount.toLocaleString()} earlier lines hidden)\n            </output>\n          ) : null}\n          {visible.length === 0 ? (\n            <p className=\"px-4 py-3 text-muted-foreground\">No log lines.</p>\n          ) : (\n            <ol className=\"divide-y divide-border/30\" aria-live={effectiveLive} aria-atomic=\"false\">\n              {visible.map((line) => (\n                <li\n                  key={line.id}\n                  className=\"grid grid-cols-[auto_auto_1fr] gap-3 px-4 py-1.5 leading-relaxed hover:bg-muted/30\"\n                >\n                  <span className=\"select-none text-muted-foreground\">{line.timestamp}</span>\n                  <span className={cn(\"select-none font-bold\", levelClasses[line.level])}>\n                    [{levelLabels[line.level]}]\n                  </span>\n                  <span className={levelClasses[line.level]}>\n                    {line.source ? (\n                      <span className=\"mr-2 text-muted-foreground\">{line.source}:</span>\n                    ) : null}\n                    {line.message}\n                  </span>\n                </li>\n              ))}\n            </ol>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nBuildLogStream.displayName = \"BuildLogStream\";\n\nexport { BuildLogStream };\n"]}

package/dist/chunk-KFUFTZLS.js

@@ -0,0 +1,111 @@
+"use client";
+import { Input } from './chunk-BYUWQ6OP.js';
+import { Dialog } from './chunk-CSEGVTKO.js';
+import { Button } from './chunk-25KBUQEQ.js';
+import { Loader2 } from 'lucide-react';
+import { forwardRef, useState, useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ConfirmDialog = forwardRef(
+  ({
+    open,
+    onOpenChange,
+    title,
+    description,
+    confirmLabel = "Confirm",
+    cancelLabel = "Cancel",
+    intent = "default",
+    confirmationPhrase,
+    onConfirm,
+    loading: externalLoading
+  }, ref) => {
+    const [phraseInput, setPhraseInput] = useState("");
+    const [internalLoading, setInternalLoading] = useState(false);
+    const cancelRef = useRef(null);
+    const phraseRequired = !!confirmationPhrase;
+    const phraseMatched = phraseRequired ? phraseInput === confirmationPhrase : true;
+    const showLoading = externalLoading === true || internalLoading;
+    const canConfirm = phraseMatched && !showLoading;
+    useEffect(() => {
+      if (!open) setPhraseInput("");
+    }, [open]);
+    useEffect(() => {
+      if (open) {
+        const id = window.setTimeout(() => cancelRef.current?.focus(), 0);
+        return () => window.clearTimeout(id);
+      }
+    }, [open]);
+    async function handleConfirm() {
+      if (!canConfirm) return;
+      setInternalLoading(true);
+      try {
+        await onConfirm();
+        onOpenChange(false);
+      } catch {
+      } finally {
+        setInternalLoading(false);
+      }
+    }
+    function handleInputKeyDown(e) {
+      if (e.key === "Enter" && canConfirm) {
+        e.preventDefault();
+        void handleConfirm();
+      }
+    }
+    return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(Dialog.Content, { "data-slot": "confirm-dialog", ref, children: [
+      /* @__PURE__ */ jsxs(Dialog.Header, { children: [
+        /* @__PURE__ */ jsx(Dialog.Title, { children: title }),
+        /* @__PURE__ */ jsx(Dialog.Description, { children: description })
+      ] }),
+      phraseRequired ? /* @__PURE__ */ jsxs(Dialog.Body, { children: [
+        /* @__PURE__ */ jsxs("p", { className: "mb-2 text-body-sm text-muted-foreground", children: [
+          "Type",
+          " ",
+          /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-foreground", children: confirmationPhrase }),
+          " ",
+          "to confirm"
+        ] }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: phraseInput,
+            onChange: (e) => setPhraseInput(e.target.value),
+            onKeyDown: handleInputKeyDown,
+            autoComplete: "off",
+            "aria-label": "Confirmation phrase"
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            ref: cancelRef,
+            variant: "secondary",
+            onClick: () => onOpenChange(false),
+            disabled: showLoading,
+            children: cancelLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: intent === "destructive" ? "destructive" : "primary",
+            onClick: () => void handleConfirm(),
+            disabled: !canConfirm,
+            "data-confirm": true,
+            children: [
+              showLoading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : null,
+              confirmLabel
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+ConfirmDialog.displayName = "ConfirmDialog";
+
+export { ConfirmDialog };
+//# sourceMappingURL=chunk-KFUFTZLS.js.map
+//# sourceMappingURL=chunk-KFUFTZLS.js.map

package/dist/chunk-KFUFTZLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":"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","file":"chunk-KFUFTZLS.js","sourcesContent":["\"use client\";\n\nimport { Loader2 } from \"lucide-react\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport type { KeyboardEvent, ReactNode } from \"react\";\nimport { Button } from \"../../primitives/button/index.js\";\nimport { Dialog } from \"../../primitives/dialog/index.js\";\nimport { Input } from \"../../primitives/input/index.js\";\n\n/**\n * ConfirmDialog — controlled confirmation modal built on `Dialog`.\n *\n * Focuses Cancel on open (deliberate — NOT the destructive button).\n * `intent=\"destructive\"` styles the confirm button with the destructive\n * variant. `confirmationPhrase` enables typed-confirmation guard:\n * the confirm button is disabled until the input value matches the\n * phrase exactly (case-sensitive). An empty string phrase is treated\n * as \"no phrase required\" (`!!confirmationPhrase`). Pressing Enter in\n * the input triggers confirm when `canConfirm` is true.\n *\n * `onConfirm` can be async. While the returned promise is pending,\n * both buttons are disabled and a `Loader2` spinner appears. On\n * resolve, the dialog closes via `onOpenChange(false)`. On reject,\n * the dialog stays open so the consumer can show their own error.\n *\n * @example\n *   <ConfirmDialog\n *     open={open} onOpenChange={setOpen}\n *     title=\"Delete project\"\n *     description=\"This cannot be undone.\"\n *     intent=\"destructive\"\n *     confirmationPhrase=\"my-project\"\n *     onConfirm={async () => api.deleteProject(id)}\n *   />\n */\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: ReactNode;\n  description: ReactNode;\n  confirmLabel?: ReactNode;\n  cancelLabel?: ReactNode;\n  intent?: \"default\" | \"destructive\";\n  confirmationPhrase?: string;\n  onConfirm: () => void | Promise<void>;\n  loading?: boolean;\n}\n\nconst ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      title,\n      description,\n      confirmLabel = \"Confirm\",\n      cancelLabel = \"Cancel\",\n      intent = \"default\",\n      confirmationPhrase,\n      onConfirm,\n      loading: externalLoading,\n    },\n    ref,\n  ) => {\n    const [phraseInput, setPhraseInput] = useState(\"\");\n    const [internalLoading, setInternalLoading] = useState(false);\n    const cancelRef = useRef<HTMLButtonElement | null>(null);\n\n    const phraseRequired = !!confirmationPhrase;\n    const phraseMatched = phraseRequired ? phraseInput === confirmationPhrase : true;\n    const showLoading = externalLoading === true || internalLoading;\n    const canConfirm = phraseMatched && !showLoading;\n\n    // Reset phrase input whenever the dialog closes.\n    useEffect(() => {\n      if (!open) setPhraseInput(\"\");\n    }, [open]);\n\n    // Auto-focus Cancel on open (NOT confirm — destructive safety).\n    useEffect(() => {\n      if (open) {\n        const id = window.setTimeout(() => cancelRef.current?.focus(), 0);\n        return () => window.clearTimeout(id);\n      }\n    }, [open]);\n\n    async function handleConfirm() {\n      if (!canConfirm) return;\n      setInternalLoading(true);\n      try {\n        await onConfirm();\n        onOpenChange(false);\n      } catch {\n        // Stay open; consumer surfaces error.\n      } finally {\n        setInternalLoading(false);\n      }\n    }\n\n    function handleInputKeyDown(e: KeyboardEvent<HTMLInputElement>) {\n      if (e.key === \"Enter\" && canConfirm) {\n        e.preventDefault();\n        void handleConfirm();\n      }\n    }\n\n    return (\n      <Dialog open={open} onOpenChange={onOpenChange}>\n        <Dialog.Content data-slot=\"confirm-dialog\" ref={ref}>\n          <Dialog.Header>\n            <Dialog.Title>{title}</Dialog.Title>\n            <Dialog.Description>{description}</Dialog.Description>\n          </Dialog.Header>\n          {phraseRequired ? (\n            <Dialog.Body>\n              <p className=\"mb-2 text-body-sm text-muted-foreground\">\n                Type{\" \"}\n                <code className=\"rounded bg-muted px-1 py-0.5 font-mono text-foreground\">\n                  {confirmationPhrase}\n                </code>{\" \"}\n                to confirm\n              </p>\n              <Input\n                value={phraseInput}\n                onChange={(e) => setPhraseInput(e.target.value)}\n                onKeyDown={handleInputKeyDown}\n                autoComplete=\"off\"\n                aria-label=\"Confirmation phrase\"\n              />\n            </Dialog.Body>\n          ) : null}\n          <Dialog.Footer>\n            <Button\n              ref={cancelRef}\n              variant=\"secondary\"\n              onClick={() => onOpenChange(false)}\n              disabled={showLoading}\n            >\n              {cancelLabel}\n            </Button>\n            <Button\n              variant={intent === \"destructive\" ? \"destructive\" : \"primary\"}\n              onClick={() => void handleConfirm()}\n              disabled={!canConfirm}\n              data-confirm\n            >\n              {showLoading ? <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" /> : null}\n              {confirmLabel}\n            </Button>\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog>\n    );\n  },\n);\nConfirmDialog.displayName = \"ConfirmDialog\";\n\nexport { ConfirmDialog };\n"]}

package/dist/chunk-KHBXI6AV.js

@@ -0,0 +1,149 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { ChevronUp, ChevronDown } from 'lucide-react';
+import { createContext, forwardRef, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TableDensityContext = createContext("default");
+var alignClass = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+var Root = forwardRef(
+  ({ className, density = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(TableDensityContext.Provider, { value: density, children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      "data-slot": "table",
+      ref,
+      className: cn("w-full border-collapse font-sans text-body-sm", className),
+      ...props,
+      children
+    }
+  ) })
+);
+Root.displayName = "Table";
+var Header = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      ref,
+      className: cn(
+        "border-border/40 border-b text-label-caps text-muted-foreground uppercase tracking-wider",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Header.displayName = "Table.Header";
+var Body = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      ref,
+      className: cn("text-foreground", className),
+      ...props
+    }
+  )
+);
+Body.displayName = "Table.Body";
+var Row = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      ref,
+      className: cn(
+        "border-border/20 border-b transition-colors last:border-0 hover:bg-muted/40",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Row.displayName = "Table.Row";
+var Cell = forwardRef(
+  ({ className, align = "left", numeric, children, ...props }, ref) => {
+    const density = useContext(TableDensityContext);
+    return /* @__PURE__ */ jsx(
+      "td",
+      {
+        "data-slot": "table-cell",
+        ref,
+        className: cn(
+          "px-3",
+          density === "compact" ? "py-1.5" : "py-3",
+          alignClass[align],
+          numeric && "font-mono tabular-nums",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Cell.displayName = "Table.Cell";
+var HeaderCell = forwardRef(
+  ({ className, align = "left", onSort, sortDirection = "none", children, ...props }, ref) => {
+    const sortAffordance = onSort !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex flex-col", children: [
+      /* @__PURE__ */ jsx(
+        ChevronUp,
+        {
+          "aria-hidden": "true",
+          className: cn("-mb-1 size-3", sortDirection === "asc" ? "opacity-100" : "opacity-30")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          "aria-hidden": "true",
+          className: cn("size-3", sortDirection === "desc" ? "opacity-100" : "opacity-30")
+        }
+      )
+    ] }) : null;
+    const ariaSort = onSort === void 0 ? void 0 : sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none";
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        "data-slot": "table-header-cell",
+        ref,
+        scope: "col",
+        "aria-sort": ariaSort,
+        className: cn(
+          "px-3 py-2.5 font-medium",
+          alignClass[align],
+          align === "right" && "[&_button]:justify-end",
+          className
+        ),
+        ...props,
+        children: onSort !== void 0 ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onSort,
+            className: cn(
+              "inline-flex items-center gap-1",
+              "text-label-caps uppercase tracking-wider",
+              "transition-colors hover:text-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: [
+              children,
+              sortAffordance
+            ]
+          }
+        ) : children
+      }
+    );
+  }
+);
+HeaderCell.displayName = "Table.HeaderCell";
+var Table = Object.assign(Root, { Header, Body, Row, Cell, HeaderCell });
+
+export { Table };
+//# sourceMappingURL=chunk-KHBXI6AV.js.map
+//# sourceMappingURL=chunk-KHBXI6AV.js.map

package/dist/chunk-KHBXI6AV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/table/table.tsx"],"names":[],"mappings":"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","file":"chunk-KHBXI6AV.js","sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Table — semantic data table primitive with sub-components.\n *\n * Composition:\n *   <Table density=\"default\">\n *     <Table.Header>\n *       <Table.Row>\n *         <Table.HeaderCell>Date</Table.HeaderCell>\n *         <Table.HeaderCell align=\"right\">Amount</Table.HeaderCell>\n *       </Table.Row>\n *     </Table.Header>\n *     <Table.Body>\n *       <Table.Row>\n *         <Table.Cell>2026-05-23</Table.Cell>\n *         <Table.Cell align=\"right\" numeric>$ 42.00</Table.Cell>\n *       </Table.Row>\n *     </Table.Body>\n *   </Table>\n *\n * density propagates via Context so Cells pick up vertical padding without\n * prop drilling. Sub-components are attached as static properties on the\n * root (`Table.Header`, etc.) — single import surface.\n *\n * Sortable header: pass `onSort` + `sortDirection`. The HeaderCell renders\n * the sort affordance (ChevronUp/ChevronDown) and triggers the consumer\n * callback. `sortDirection` without `onSort` is a no-op (header stays\n * static); `sortDirection=\"none\"` with `onSort` shows a dimmed affordance.\n */\n\ntype TableDensity = \"default\" | \"compact\";\ntype AlignKind = \"left\" | \"center\" | \"right\";\ntype SortDirection = \"asc\" | \"desc\" | \"none\";\n\nconst TableDensityContext = createContext<TableDensity>(\"default\");\n\nconst alignClass: Record<AlignKind, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n};\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  density?: TableDensity;\n}\n\nconst Root = forwardRef<HTMLTableElement, TableProps>(\n  ({ className, density = \"default\", children, ...props }, ref) => (\n    <TableDensityContext.Provider value={density}>\n      <table\n        data-slot=\"table\"\n        ref={ref}\n        className={cn(\"w-full border-collapse font-sans text-body-sm\", className)}\n        {...props}\n      >\n        {children}\n      </table>\n    </TableDensityContext.Provider>\n  ),\n);\nRoot.displayName = \"Table\";\n\nconst Header = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead\n      data-slot=\"table-header\"\n      ref={ref}\n      className={cn(\n        \"border-border/40 border-b text-label-caps text-muted-foreground uppercase tracking-wider\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nHeader.displayName = \"Table.Header\";\n\nconst Body = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      data-slot=\"table-body\"\n      ref={ref}\n      className={cn(\"text-foreground\", className)}\n      {...props}\n    />\n  ),\n);\nBody.displayName = \"Table.Body\";\n\nconst Row = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr\n      data-slot=\"table-row\"\n      ref={ref}\n      className={cn(\n        \"border-border/20 border-b transition-colors last:border-0 hover:bg-muted/40\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nRow.displayName = \"Table.Row\";\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  align?: AlignKind;\n  numeric?: boolean;\n}\n\nconst Cell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, align = \"left\", numeric, children, ...props }, ref) => {\n    const density = useContext(TableDensityContext);\n    return (\n      <td\n        data-slot=\"table-cell\"\n        ref={ref}\n        className={cn(\n          \"px-3\",\n          density === \"compact\" ? \"py-1.5\" : \"py-3\",\n          alignClass[align],\n          numeric && \"font-mono tabular-nums\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </td>\n    );\n  },\n);\nCell.displayName = \"Table.Cell\";\n\nexport interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  align?: AlignKind;\n  /** When provided, header becomes a sort trigger. */\n  onSort?: () => void;\n  /** Current sort state for this column. */\n  sortDirection?: SortDirection;\n}\n\nconst HeaderCell = forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  ({ className, align = \"left\", onSort, sortDirection = \"none\", children, ...props }, ref) => {\n    const sortAffordance =\n      onSort !== undefined ? (\n        <span className=\"ml-1 inline-flex flex-col\">\n          <ChevronUp\n            aria-hidden=\"true\"\n            className={cn(\"-mb-1 size-3\", sortDirection === \"asc\" ? \"opacity-100\" : \"opacity-30\")}\n          />\n          <ChevronDown\n            aria-hidden=\"true\"\n            className={cn(\"size-3\", sortDirection === \"desc\" ? \"opacity-100\" : \"opacity-30\")}\n          />\n        </span>\n      ) : null;\n\n    const ariaSort: ThHTMLAttributes<HTMLTableCellElement>[\"aria-sort\"] =\n      onSort === undefined\n        ? undefined\n        : sortDirection === \"asc\"\n          ? \"ascending\"\n          : sortDirection === \"desc\"\n            ? \"descending\"\n            : \"none\";\n\n    return (\n      <th\n        data-slot=\"table-header-cell\"\n        ref={ref}\n        scope=\"col\"\n        aria-sort={ariaSort}\n        className={cn(\n          \"px-3 py-2.5 font-medium\",\n          alignClass[align],\n          align === \"right\" && \"[&_button]:justify-end\",\n          className,\n        )}\n        {...props}\n      >\n        {onSort !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={onSort}\n            className={cn(\n              \"inline-flex items-center gap-1\",\n              \"text-label-caps uppercase tracking-wider\",\n              \"transition-colors hover:text-foreground\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            {children}\n            {sortAffordance}\n          </button>\n        ) : (\n          children\n        )}\n      </th>\n    );\n  },\n);\nHeaderCell.displayName = \"Table.HeaderCell\";\n\ntype TableRoot = typeof Root & {\n  Header: typeof Header;\n  Body: typeof Body;\n  Row: typeof Row;\n  Cell: typeof Cell;\n  HeaderCell: typeof HeaderCell;\n};\n\nconst Table: TableRoot = Object.assign(Root, { Header, Body, Row, Cell, HeaderCell });\n\nexport { Table };\n"]}

package/dist/chunk-M74ZYBOK.js

@@ -0,0 +1,93 @@
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { GitCommit } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var statusToVariant = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "default",
+  idle: "default"
+};
+var statusToDotTone = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "muted",
+  idle: "muted"
+};
+var statusLabels = {
+  queued: "Queued",
+  building: "Building",
+  deploying: "Deploying",
+  live: "Live",
+  failed: "Failed",
+  cancelled: "Cancelled",
+  idle: "Idle"
+};
+var isAnimated = (status) => status === "building" || status === "deploying" || status === "queued";
+var DeploymentRow = forwardRef(
+  ({ className, deployment, actions, ...props }, ref) => {
+    const variant = statusToVariant[deployment.status];
+    const tone = statusToDotTone[deployment.status];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "deployment-row",
+        ref,
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-center gap-4 border-border/40 border-b px-4 py-3",
+          "last:border-b-0",
+          "transition-colors hover:bg-muted/40",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(BadgeWithDot, { variant, className: "min-w-[88px] justify-center", children: [
+            /* @__PURE__ */ jsx(BadgeWithDot.Dot, { tone, pulse: isAnimated(deployment.status) }),
+            statusLabels[deployment.status]
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: deployment.commitMessage }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap items-center gap-2 text-body-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.environment }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-mono text-code-sm", children: [
+                /* @__PURE__ */ jsx(GitCommit, { className: "size-3" }),
+                " ",
+                deployment.commitSha.slice(0, 7)
+              ] }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.branch }),
+              deployment.author ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  deployment.author.name
+                ] })
+              ] }) : null,
+              deployment.duration ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.duration })
+              ] }) : null,
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { children: deployment.timeAgo })
+            ] })
+          ] }),
+          actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }) : null
+        ]
+      }
+    );
+  }
+);
+DeploymentRow.displayName = "DeploymentRow";
+
+export { DeploymentRow };
+//# sourceMappingURL=chunk-M74ZYBOK.js.map
+//# sourceMappingURL=chunk-M74ZYBOK.js.map

package/dist/chunk-M74ZYBOK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/deployment-row/deployment-row.tsx"],"names":[],"mappings":"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","file":"chunk-M74ZYBOK.js","sourcesContent":["import { GitCommit } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\n\nexport type DeploymentStatus =\n  | \"queued\"\n  | \"building\"\n  | \"deploying\"\n  | \"live\"\n  | \"failed\"\n  | \"cancelled\"\n  | \"idle\";\n\nconst statusToVariant: Record<\n  DeploymentStatus,\n  \"default\" | \"primary\" | \"success\" | \"warning\" | \"destructive\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"default\",\n  idle: \"default\",\n};\n\nconst statusToDotTone: Record<\n  DeploymentStatus,\n  \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"muted\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"muted\",\n  idle: \"muted\",\n};\n\nconst statusLabels: Record<DeploymentStatus, string> = {\n  queued: \"Queued\",\n  building: \"Building\",\n  deploying: \"Deploying\",\n  live: \"Live\",\n  failed: \"Failed\",\n  cancelled: \"Cancelled\",\n  idle: \"Idle\",\n};\n\nconst isAnimated = (status: DeploymentStatus) =>\n  status === \"building\" || status === \"deploying\" || status === \"queued\";\n\nexport interface Deployment {\n  id: string;\n  status: DeploymentStatus;\n  environment: string;\n  branch: string;\n  commitSha: string;\n  commitMessage: string;\n  author?: { name: string; avatarUrl?: string };\n  duration?: string;\n  timeAgo: string;\n}\n\ninterface DeploymentRowProps extends HTMLAttributes<HTMLDivElement> {\n  deployment: Deployment;\n  actions?: ReactNode;\n}\n\n/**\n * DeploymentRow — one row in a deployment list (table-ish layout).\n *\n * Inspired by Vercel/Railway deployment lists. Composes Badge + Badge.Dot for status,\n * mono font for SHA/branch, muted-foreground for metadata.\n */\nconst DeploymentRow = forwardRef<HTMLDivElement, DeploymentRowProps>(\n  ({ className, deployment, actions, ...props }, ref) => {\n    const variant = statusToVariant[deployment.status];\n    const tone = statusToDotTone[deployment.status];\n    return (\n      <div\n        data-slot=\"deployment-row\"\n        ref={ref}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-center gap-4 border-border/40 border-b px-4 py-3\",\n          \"last:border-b-0\",\n          \"transition-colors hover:bg-muted/40\",\n          className,\n        )}\n        {...props}\n      >\n        <Badge variant={variant} className=\"min-w-[88px] justify-center\">\n          <Badge.Dot tone={tone} pulse={isAnimated(deployment.status)} />\n          {statusLabels[deployment.status]}\n        </Badge>\n\n        <div className=\"min-w-0\">\n          <p className=\"truncate font-medium text-body-sm text-foreground\">\n            {deployment.commitMessage}\n          </p>\n          <p className=\"mt-0.5 flex flex-wrap items-center gap-2 text-body-sm text-muted-foreground\">\n            <span className=\"font-mono text-code-sm\">{deployment.environment}</span>\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"inline-flex items-center gap-1 font-mono text-code-sm\">\n              <GitCommit className=\"size-3\" /> {deployment.commitSha.slice(0, 7)}\n            </span>\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"font-mono text-code-sm\">{deployment.branch}</span>\n            {deployment.author ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span>by {deployment.author.name}</span>\n              </>\n            ) : null}\n            {deployment.duration ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span className=\"font-mono text-code-sm\">{deployment.duration}</span>\n              </>\n            ) : null}\n            <span aria-hidden=\"true\">·</span>\n            <span>{deployment.timeAgo}</span>\n          </p>\n        </div>\n\n        {actions ? <div className=\"flex items-center gap-1\">{actions}</div> : null}\n      </div>\n    );\n  },\n);\nDeploymentRow.displayName = \"DeploymentRow\";\n\nexport { DeploymentRow };\n"]}

package/dist/chunk-ML7WLNIK.js

@@ -0,0 +1,11 @@
+// src/lib/env.ts
+function readNodeEnv() {
+  return globalThis.process?.env?.NODE_ENV;
+}
+function isDev() {
+  return readNodeEnv() !== "production";
+}
+
+export { isDev };
+//# sourceMappingURL=chunk-ML7WLNIK.js.map
+//# sourceMappingURL=chunk-ML7WLNIK.js.map

package/dist/chunk-ML7WLNIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/env.ts"],"names":[],"mappings":";AA4CA,SAAS,WAAA,GAAkC;AACzC,EAAA,OAAQ,UAAA,CAA8B,SAAS,GAAA,EAAK,QAAA;AACtD;AAaO,SAAS,KAAA,GAAiB;AAC/B,EAAA,OAAO,aAAY,KAAM,YAAA;AAC3B","file":"chunk-ML7WLNIK.js","sourcesContent":["/**\n * Environment helpers — type-safe, browser- and SSR-safe.\n *\n * Why this exists\n * ---------------\n * Component source files in this package need to gate development-only\n * diagnostics (a11y warnings, dev-only `console.warn`, defensive validation\n * messages) on `process.env.NODE_ENV`. Reading `process.env.NODE_ENV`\n * directly in TypeScript triggers `TS2591: Cannot find name 'process'`\n * unless `@types/node` is included in `tsconfig.json#compilerOptions.types`.\n *\n * Adding `node` to that array would work — but it pollutes the ambient\n * global namespace with Node-only APIs (`Buffer`, `fs`, `path`, `Stream`)\n * that have no place in a UI library targeting the browser. Authors would\n * receive autocomplete for `import { readFileSync } from \"node:fs\"` while\n * writing a React component. That is the wrong trade.\n *\n * The conventional pattern (React, Radix, Stripe Elements, MUI) is to\n * funnel every `NODE_ENV` read through a single typed accessor. Bundlers\n * (Vite, Webpack, esbuild, Rollup, tsup) replace the literal\n * `process.env.NODE_ENV` reference at build time via their `define`\n * mechanism, so this incurs zero runtime cost in the consumer's\n * production build — the dead branch is dead-code-eliminated.\n *\n * Read access is funneled through `globalThis.process?.env?.NODE_ENV`\n * so the helpers work in three environments without ambient types:\n *\n *   - Browser via bundler with `define` (Vite/Webpack): the literal\n *     `process.env.NODE_ENV` is substituted; `globalThis.process` is the\n *     synthesized stub the bundler injects.\n *   - Node (SSR, tests, scripts): `globalThis.process` is the real `process`.\n *   - Browser without bundler injection: `globalThis.process` is undefined\n *     and {@link isDev} returns `true` so developers see warnings during\n *     hand-testing rather than silent failure.\n */\n\ninterface NodeEnvCarrier {\n  process?: {\n    env?: {\n      NODE_ENV?: string;\n    };\n  };\n}\n\nfunction readNodeEnv(): string | undefined {\n  return (globalThis as NodeEnvCarrier).process?.env?.NODE_ENV;\n}\n\n/**\n * Returns `true` unless `process.env.NODE_ENV === \"production\"`.\n *\n * Use this to gate development-only branches: a11y warnings, dev-mode\n * `console.warn`, defensive runtime validation. In a consumer's production\n * build the bundler replaces the substituted reference and tree-shakes the\n * dev branch entirely.\n *\n * Defensive default: when `process` is absent (browser without bundler\n * injection), returns `true` to err on the side of more diagnostics.\n */\nexport function isDev(): boolean {\n  return readNodeEnv() !== \"production\";\n}\n\n/**\n * Returns `true` only when `process.env.NODE_ENV === \"production\"`.\n *\n * Strict inverse of {@link isDev}: when `process` is absent, returns\n * `false`. Use this when you specifically need to confirm a production\n * build (e.g. enabling minified-only optimizations).\n */\nexport function isProd(): boolean {\n  return readNodeEnv() === \"production\";\n}\n"]}