@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-IHMFEPIT.js

@@ -0,0 +1,123 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuTrigger
+} from "./chunk-TU24Y4HN.js";
+import {
+  useCopyToClipboard
+} from "./chunk-FBJ2JSRA.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/command-chip/command-chip.tsx
+import { forwardRef, useRef, useState } from "react";
+import { Check, ChevronDown, Copy } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_COMMAND_CHIP_LABELS = {
+  copy: "Copy command",
+  copied: "Copied",
+  selectFallback: "Command selected \u2014 press Ctrl+C or \u2318C to copy",
+  chooseHost: "Install for",
+  menuLabel: "Install for"
+};
+var CommandChip = forwardRef(function CommandChip2({
+  hosts,
+  value,
+  defaultValue,
+  onValueChange,
+  onCopyCommand,
+  labels: labelsProp,
+  className,
+  ...props
+}, ref) {
+  const labels = { ...DEFAULT_COMMAND_CHIP_LABELS, ...labelsProp };
+  const [selectedId, setSelectedId] = useControllableState(
+    value,
+    defaultValue ?? hosts[0]?.id ?? "",
+    onValueChange
+  );
+  const host = hosts.find((h) => h.id === selectedId) ?? hosts[0];
+  const { copied, copy } = useCopyToClipboard();
+  const commandRef = useRef(null);
+  const [selectedManually, setSelectedManually] = useState(false);
+  if (!host) return null;
+  const onCopy = () => {
+    void copy(host.command).then((ok) => {
+      setSelectedManually(!ok);
+      if (!ok && commandRef.current && typeof window !== "undefined") {
+        const selection = window.getSelection();
+        selection?.selectAllChildren(commandRef.current);
+      }
+      onCopyCommand?.(host.command, ok);
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "command-chip",
+      "data-copied": copied ? "" : void 0,
+      className: cn(
+        "inline-flex max-w-full min-w-0 items-center gap-1 rounded-md border border-input bg-card p-1 shadow-xs",
+        className
+      ),
+      ...props,
+      children: [
+        hosts.length > 1 ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxs(
+            DropdownMenuTrigger,
+            {
+              "data-slot": "command-chip-host",
+              "aria-label": `${labels.chooseHost}: ${host.label}`,
+              className: "inline-flex shrink-0 items-center gap-1 rounded-sm px-2 py-1 text-meta text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring",
+              children: [
+                host.label,
+                /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-3.5" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+            /* @__PURE__ */ jsx(DropdownMenuLabel, { children: labels.menuLabel }),
+            /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: host.id, onValueChange: setSelectedId, children: hosts.map((h) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: h.id, children: h.label }, h.id)) })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          "code",
+          {
+            ref: commandRef,
+            "data-slot": "command-chip-command",
+            className: "min-w-0 flex-1 truncate px-2 font-mono text-code text-foreground",
+            title: host.command,
+            children: host.command
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "command-chip-copy",
+            "aria-label": labels.copy,
+            onClick: onCopy,
+            className: "inline-flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring",
+            children: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", "data-slot": "command-chip-status", children: copied ? labels.copied : selectedManually ? labels.selectFallback : "" })
+      ]
+    }
+  );
+});
+
+export {
+  DEFAULT_COMMAND_CHIP_LABELS,
+  CommandChip
+};
+//# sourceMappingURL=chunk-IHMFEPIT.js.map

package/dist/chunk-IHMFEPIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command-chip/command-chip.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useRef, useState, type HTMLAttributes } from \"react\";\nimport { Check, ChevronDown, Copy } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { useCopyToClipboard } from \"../../lib/use-copy-to-clipboard\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\";\n\n/** One install target: the host a visitor runs the command in, and the exact command. */\nexport interface CommandChipHost {\n  /** Stable id, reported to `onValueChange`. */\n  id: string;\n  /** Host name shown in the menu and on the trigger. */\n  label: string;\n  /** The exact text shown in the chip and written to the clipboard. */\n  command: string;\n}\n\n/** Every string the chip renders — pass your own to localize it. */\nexport interface CommandChipLabels {\n  /** Accessible name of the copy button. */\n  copy: string;\n  /** Announced (and shown to sighted users as the check icon) after a successful copy. */\n  copied: string;\n  /** Announced when the clipboard is unavailable and the command is selected instead. */\n  selectFallback: string;\n  /** Accessible name prefix of the host trigger (the current host follows it). */\n  chooseHost: string;\n  /** Heading of the host menu. */\n  menuLabel: string;\n}\n\nexport const DEFAULT_COMMAND_CHIP_LABELS: CommandChipLabels = {\n  copy: \"Copy command\",\n  copied: \"Copied\",\n  selectFallback: \"Command selected — press Ctrl+C or ⌘C to copy\",\n  chooseHost: \"Install for\",\n  menuLabel: \"Install for\",\n};\n\nexport interface CommandChipProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onCopy\"> {\n  /** The hosts to choose between; the first is the default selection. */\n  hosts: CommandChipHost[];\n  /** Selected host id (controlled). */\n  value?: string;\n  /** Initially selected host id (uncontrolled). Default: the first host. */\n  defaultValue?: string;\n  /** Fires when the visitor picks another host. */\n  onValueChange?: (id: string) => void;\n  /** Fires after a copy attempt with the command and whether the clipboard accepted it. */\n  onCopyCommand?: (command: string, copied: boolean) => void;\n  /** Override any rendered string. */\n  labels?: Partial<CommandChipLabels>;\n}\n\n/**\n * A one-line install command in a monospace chip: pick the host (Claude Code, Cursor, …) from a\n * menu, copy the exact command. When the page has no clipboard access (insecure origin, denied\n * permission) the command text is selected instead so the visitor can copy it by hand; either\n * outcome is announced through an always-mounted live region.\n */\nexport const CommandChip = forwardRef<HTMLDivElement, CommandChipProps>(function CommandChip(\n  {\n    hosts,\n    value,\n    defaultValue,\n    onValueChange,\n    onCopyCommand,\n    labels: labelsProp,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const labels = { ...DEFAULT_COMMAND_CHIP_LABELS, ...labelsProp };\n  const [selectedId, setSelectedId] = useControllableState(\n    value,\n    defaultValue ?? hosts[0]?.id ?? \"\",\n    onValueChange,\n  );\n  const host = hosts.find((h) => h.id === selectedId) ?? hosts[0];\n  const { copied, copy } = useCopyToClipboard();\n  const commandRef = useRef<HTMLElement>(null);\n  const [selectedManually, setSelectedManually] = useState(false);\n\n  if (!host) return null;\n\n  const onCopy = () => {\n    void copy(host.command).then((ok) => {\n      setSelectedManually(!ok);\n      if (!ok && commandRef.current && typeof window !== \"undefined\") {\n        // No clipboard here: select the command so a manual copy takes one keystroke.\n        const selection = window.getSelection();\n        selection?.selectAllChildren(commandRef.current);\n      }\n      onCopyCommand?.(host.command, ok);\n    });\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"command-chip\"\n      data-copied={copied ? \"\" : undefined}\n      className={cn(\n        \"inline-flex max-w-full min-w-0 items-center gap-1 rounded-md border border-input bg-card p-1 shadow-xs\",\n        className,\n      )}\n      {...props}\n    >\n      {hosts.length > 1 ? (\n        <DropdownMenu>\n          <DropdownMenuTrigger\n            data-slot=\"command-chip-host\"\n            aria-label={`${labels.chooseHost}: ${host.label}`}\n            className=\"inline-flex shrink-0 items-center gap-1 rounded-sm px-2 py-1 text-meta text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring\"\n          >\n            {host.label}\n            <ChevronDown aria-hidden=\"true\" className=\"size-3.5\" />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\">\n            <DropdownMenuLabel>{labels.menuLabel}</DropdownMenuLabel>\n            <DropdownMenuRadioGroup value={host.id} onValueChange={setSelectedId}>\n              {hosts.map((h) => (\n                <DropdownMenuRadioItem key={h.id} value={h.id}>\n                  {h.label}\n                </DropdownMenuRadioItem>\n              ))}\n            </DropdownMenuRadioGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      ) : null}\n      <code\n        ref={commandRef}\n        data-slot=\"command-chip-command\"\n        className=\"min-w-0 flex-1 truncate px-2 font-mono text-code text-foreground\"\n        title={host.command}\n      >\n        {host.command}\n      </code>\n      <button\n        type=\"button\"\n        data-slot=\"command-chip-copy\"\n        aria-label={labels.copy}\n        onClick={onCopy}\n        className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-ring\"\n      >\n        {copied ? (\n          <Check aria-hidden=\"true\" className=\"size-4\" />\n        ) : (\n          <Copy aria-hidden=\"true\" className=\"size-4\" />\n        )}\n      </button>\n      {/* Always mounted so the announcement is not missed (ARIA22); only its text changes. */}\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\" data-slot=\"command-chip-status\">\n        {copied ? labels.copied : selectedManually ? labels.selectFallback : \"\"}\n      </span>\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,SAAS,YAAY,QAAQ,gBAAqC;AAClE,SAAS,OAAO,aAAa,YAAY;AAqH/B,SAME,KANF;AAhFH,IAAM,8BAAiD;AAAA,EAC5D,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,WAAW;AACb;AAuBO,IAAM,cAAc,WAA6C,SAASA,aAC/E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,SAAS,EAAE,GAAG,6BAA6B,GAAG,WAAW;AAC/D,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA,IACA,gBAAgB,MAAM,CAAC,GAAG,MAAM;AAAA,IAChC;AAAA,EACF;AACA,QAAM,OAAO,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,KAAK,MAAM,CAAC;AAC9D,QAAM,EAAE,QAAQ,KAAK,IAAI,mBAAmB;AAC5C,QAAM,aAAa,OAAoB,IAAI;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,SAAS,MAAM;AACnB,SAAK,KAAK,KAAK,OAAO,EAAE,KAAK,CAAC,OAAO;AACnC,0BAAoB,CAAC,EAAE;AACvB,UAAI,CAAC,MAAM,WAAW,WAAW,OAAO,WAAW,aAAa;AAE9D,cAAM,YAAY,OAAO,aAAa;AACtC,mBAAW,kBAAkB,WAAW,OAAO;AAAA,MACjD;AACA,sBAAgB,KAAK,SAAS,EAAE;AAAA,IAClC,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,eAAa,SAAS,KAAK;AAAA,MAC3B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,cAAM,SAAS,IACd,qBAAC,gBACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,cAAY,GAAG,OAAO,UAAU,KAAK,KAAK,KAAK;AAAA,cAC/C,WAAU;AAAA,cAET;AAAA,qBAAK;AAAA,gBACN,oBAAC,eAAY,eAAY,QAAO,WAAU,YAAW;AAAA;AAAA;AAAA,UACvD;AAAA,UACA,qBAAC,uBAAoB,OAAM,SACzB;AAAA,gCAAC,qBAAmB,iBAAO,WAAU;AAAA,YACrC,oBAAC,0BAAuB,OAAO,KAAK,IAAI,eAAe,eACpD,gBAAM,IAAI,CAAC,MACV,oBAAC,yBAAiC,OAAO,EAAE,IACxC,YAAE,SADuB,EAAE,EAE9B,CACD,GACH;AAAA,aACF;AAAA,WACF,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,aAAU;AAAA,YACV,WAAU;AAAA,YACV,OAAO,KAAK;AAAA,YAEX,eAAK;AAAA;AAAA,QACR;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,aAAU;AAAA,YACV,cAAY,OAAO;AAAA,YACnB,SAAS;AAAA,YACT,WAAU;AAAA,YAET,mBACC,oBAAC,SAAM,eAAY,QAAO,WAAU,UAAS,IAE7C,oBAAC,QAAK,eAAY,QAAO,WAAU,UAAS;AAAA;AAAA,QAEhD;AAAA,QAEA,oBAAC,UAAK,MAAK,UAAS,aAAU,UAAS,WAAU,WAAU,aAAU,uBAClE,mBAAS,OAAO,SAAS,mBAAmB,OAAO,iBAAiB,IACvE;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["CommandChip"]}

package/dist/chunk-IM5VJP6T.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-IM5VJP6T.js.map

package/dist/chunk-IM5VJP6T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-IRUZDWJ3.js

@@ -0,0 +1,218 @@
+"use client";
+
+// src/lib/file-kind.ts
+var EXTENSION_MEDIA_TYPES = {
+  // Media. The browser fills `File.type` for these, but a NAME on its own (a
+  // URL, an agent-produced filename, a drag-and-drop path) carries no MIME —
+  // and resolving `photo.png` to "unknown" is the whole failure this map exists
+  // to prevent.
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  webp: "image/webp",
+  avif: "image/avif",
+  bmp: "image/bmp",
+  ico: "image/x-icon",
+  tif: "image/tiff",
+  tiff: "image/tiff",
+  heic: "image/heic",
+  mp4: "video/mp4",
+  m4v: "video/mp4",
+  webm: "video/webm",
+  mov: "video/quicktime",
+  avi: "video/x-msvideo",
+  mkv: "video/x-matroska",
+  mp3: "audio/mpeg",
+  wav: "audio/wav",
+  ogg: "audio/ogg",
+  oga: "audio/ogg",
+  m4a: "audio/mp4",
+  flac: "audio/flac",
+  aac: "audio/aac",
+  // Documents
+  pdf: "application/pdf",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  odt: "application/vnd.oasis.opendocument.text",
+  rtf: "application/rtf",
+  epub: "application/epub+zip",
+  // Spreadsheets
+  xls: "application/vnd.ms-excel",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  ods: "application/vnd.oasis.opendocument.spreadsheet",
+  // Presentations
+  ppt: "application/vnd.ms-powerpoint",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  odp: "application/vnd.oasis.opendocument.presentation",
+  // Data
+  csv: "text/csv",
+  tsv: "text/tab-separated-values",
+  json: "application/json",
+  ndjson: "application/x-ndjson",
+  jsonl: "application/x-ndjson",
+  parquet: "application/vnd.apache.parquet",
+  // Text
+  txt: "text/plain",
+  log: "text/plain",
+  md: "text/markdown",
+  markdown: "text/markdown",
+  rst: "text/x-rst",
+  // Code & markup
+  html: "text/html",
+  htm: "text/html",
+  xml: "application/xml",
+  svg: "image/svg+xml",
+  css: "text/css",
+  js: "text/javascript",
+  mjs: "text/javascript",
+  cjs: "text/javascript",
+  jsx: "text/javascript",
+  ts: "text/x-typescript",
+  tsx: "text/x-typescript",
+  py: "text/x-python",
+  rb: "text/x-ruby",
+  go: "text/x-go",
+  rs: "text/x-rust",
+  java: "text/x-java",
+  kt: "text/x-kotlin",
+  swift: "text/x-swift",
+  c: "text/x-c",
+  h: "text/x-c",
+  cpp: "text/x-c++src",
+  cs: "text/x-csharp",
+  php: "text/x-php",
+  sh: "application/x-sh",
+  bash: "application/x-sh",
+  zsh: "application/x-sh",
+  sql: "application/sql",
+  yaml: "application/yaml",
+  yml: "application/yaml",
+  toml: "application/toml",
+  ini: "text/plain",
+  // Archives
+  zip: "application/zip",
+  tar: "application/x-tar",
+  gz: "application/gzip",
+  tgz: "application/gzip",
+  bz2: "application/x-bzip2",
+  "7z": "application/x-7z-compressed",
+  rar: "application/vnd.rar"
+};
+var EXTENSION_CATEGORIES = {
+  // Code & markup — most carry a `text/*` MIME, which alone would say "text".
+  html: "code",
+  htm: "code",
+  xml: "code",
+  css: "code",
+  js: "code",
+  mjs: "code",
+  cjs: "code",
+  jsx: "code",
+  ts: "code",
+  tsx: "code",
+  py: "code",
+  rb: "code",
+  go: "code",
+  rs: "code",
+  java: "code",
+  kt: "code",
+  swift: "code",
+  c: "code",
+  h: "code",
+  cpp: "code",
+  cs: "code",
+  php: "code",
+  sh: "code",
+  bash: "code",
+  zsh: "code",
+  sql: "code",
+  yaml: "code",
+  yml: "code",
+  toml: "code",
+  ini: "code",
+  // Data — `text/csv` would otherwise land in "text".
+  csv: "data",
+  tsv: "data",
+  json: "data",
+  ndjson: "data",
+  jsonl: "data",
+  parquet: "data",
+  // Prose
+  txt: "text",
+  log: "text",
+  md: "text",
+  markdown: "text",
+  rst: "text"
+};
+var MEDIA_TYPE_CATEGORIES = {
+  "application/pdf": "document",
+  "application/msword": "document",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "document",
+  "application/vnd.oasis.opendocument.text": "document",
+  "application/rtf": "document",
+  "application/epub+zip": "document",
+  "application/vnd.ms-excel": "spreadsheet",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "spreadsheet",
+  "application/vnd.oasis.opendocument.spreadsheet": "spreadsheet",
+  "application/vnd.ms-powerpoint": "presentation",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "presentation",
+  "application/vnd.oasis.opendocument.presentation": "presentation",
+  "application/json": "data",
+  "application/x-ndjson": "data",
+  "application/vnd.apache.parquet": "data",
+  "application/xml": "code",
+  "application/sql": "code",
+  "application/yaml": "code",
+  "application/toml": "code",
+  "application/x-sh": "code",
+  "application/zip": "archive",
+  "application/x-tar": "archive",
+  "application/gzip": "archive",
+  "application/x-bzip2": "archive",
+  "application/x-7z-compressed": "archive",
+  "application/vnd.rar": "archive"
+};
+var UNKNOWN_MEDIA_TYPE = "application/octet-stream";
+function extensionOf(name) {
+  const base = (name.split(/[\\/]/).pop() ?? "").split(/[?#]/)[0] ?? "";
+  const dot = base.lastIndexOf(".");
+  if (dot <= 0 || dot === base.length - 1) return "";
+  return base.slice(dot + 1).toLowerCase();
+}
+function mediaTypeFromName(name) {
+  return EXTENSION_MEDIA_TYPES[extensionOf(name)];
+}
+function normalizeMediaType(mediaType) {
+  const bare = (mediaType ?? "").split(";")[0]?.trim().toLowerCase() ?? "";
+  if (bare === "" || bare === UNKNOWN_MEDIA_TYPE || bare === "binary/octet-stream") return "";
+  return bare;
+}
+function categoryFor(mediaType, extension) {
+  const byExtension = EXTENSION_CATEGORIES[extension];
+  if (byExtension) return byExtension;
+  const exact = MEDIA_TYPE_CATEGORIES[mediaType];
+  if (exact) return exact;
+  if (mediaType.startsWith("image/")) return "image";
+  if (mediaType.startsWith("video/")) return "video";
+  if (mediaType.startsWith("audio/")) return "audio";
+  if (mediaType.startsWith("text/")) return "text";
+  return "unknown";
+}
+function resolveFileKind(name, mediaType) {
+  const extension = extensionOf(name);
+  const declared = normalizeMediaType(mediaType);
+  const resolved = declared || mediaTypeFromName(name) || UNKNOWN_MEDIA_TYPE;
+  return {
+    category: categoryFor(resolved, extension),
+    mediaType: resolved,
+    extension
+  };
+}
+
+export {
+  extensionOf,
+  mediaTypeFromName,
+  resolveFileKind
+};
+//# sourceMappingURL=chunk-IRUZDWJ3.js.map

package/dist/chunk-IRUZDWJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/file-kind.ts"],"sourcesContent":["/**\n * The one file-type resolver for the whole library — extension + MIME → a\n * COARSE, CLOSED category.\n *\n * Before this existed the repo had three competing, package-private ideas of\n * \"what kind of file is this\": `ContextAssetType`\n * (`markdown|code|sql|csv|image`, `@elabs-ai/components-ai`),\n * `AttachmentMediaCategory` (six MIME buckets, same package) and\n * `UploadFile` (no kind at all, `@elabs-ai/components-ui`). None could\n * see the others, so each grew its own icon map and its own gaps.\n *\n * ## Why the category is closed and coarse (ADR 0024 §4)\n *\n * {@link FileCategory} answers \"what SHAPE of thing is this\" — enough to pick an\n * icon, a label, or a fallback surface. It is deliberately NOT the routing key\n * for a renderer. Fine-grained format matching (`.docx` vs `.odt`,\n * `.tsx` vs `.rs`) belongs to the adapter manifests in the package that owns the\n * parsers, so adding a format never means editing this file — and never means a\n * `@elabs-ai/components-ui` release.\n *\n * Pure data + string handling: no React, no DOM, no other deps.\n */\n\n/**\n * Coarse file shape. CLOSED — adding a member is a breaking change for any\n * consumer with an exhaustive `switch`, so extend the adapter manifests instead.\n */\nexport type FileCategory =\n  | \"image\"\n  | \"video\"\n  | \"audio\"\n  | \"document\"\n  | \"spreadsheet\"\n  | \"presentation\"\n  | \"code\"\n  | \"text\"\n  | \"data\"\n  | \"archive\"\n  | \"unknown\";\n\n/** What {@link resolveFileKind} knows about a file before anything reads it. */\nexport interface FileKind {\n  /** Coarse shape, for icons, labels and fallback surfaces. */\n  category: FileCategory;\n  /**\n   * Best-known MIME type. The caller's value wins when it is meaningful;\n   * otherwise inferred from the extension, else `\"application/octet-stream\"`.\n   */\n  mediaType: string;\n  /** Lowercased extension WITHOUT the dot (`\"pdf\"`), or `\"\"` when there is none. */\n  extension: string;\n}\n\n/**\n * Extension → MIME. Only entries whose MIME we would otherwise have to guess;\n * the browser fills `File.type` correctly for common web formats, but leaves it\n * empty for most source-code and data files.\n */\nconst EXTENSION_MEDIA_TYPES: Readonly<Record<string, string>> = {\n  // Media. The browser fills `File.type` for these, but a NAME on its own (a\n  // URL, an agent-produced filename, a drag-and-drop path) carries no MIME —\n  // and resolving `photo.png` to \"unknown\" is the whole failure this map exists\n  // to prevent.\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  gif: \"image/gif\",\n  webp: \"image/webp\",\n  avif: \"image/avif\",\n  bmp: \"image/bmp\",\n  ico: \"image/x-icon\",\n  tif: \"image/tiff\",\n  tiff: \"image/tiff\",\n  heic: \"image/heic\",\n  mp4: \"video/mp4\",\n  m4v: \"video/mp4\",\n  webm: \"video/webm\",\n  mov: \"video/quicktime\",\n  avi: \"video/x-msvideo\",\n  mkv: \"video/x-matroska\",\n  mp3: \"audio/mpeg\",\n  wav: \"audio/wav\",\n  ogg: \"audio/ogg\",\n  oga: \"audio/ogg\",\n  m4a: \"audio/mp4\",\n  flac: \"audio/flac\",\n  aac: \"audio/aac\",\n  // Documents\n  pdf: \"application/pdf\",\n  doc: \"application/msword\",\n  docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  odt: \"application/vnd.oasis.opendocument.text\",\n  rtf: \"application/rtf\",\n  epub: \"application/epub+zip\",\n  // Spreadsheets\n  xls: \"application/vnd.ms-excel\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n  // Presentations\n  ppt: \"application/vnd.ms-powerpoint\",\n  pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n  odp: \"application/vnd.oasis.opendocument.presentation\",\n  // Data\n  csv: \"text/csv\",\n  tsv: \"text/tab-separated-values\",\n  json: \"application/json\",\n  ndjson: \"application/x-ndjson\",\n  jsonl: \"application/x-ndjson\",\n  parquet: \"application/vnd.apache.parquet\",\n  // Text\n  txt: \"text/plain\",\n  log: \"text/plain\",\n  md: \"text/markdown\",\n  markdown: \"text/markdown\",\n  rst: \"text/x-rst\",\n  // Code & markup\n  html: \"text/html\",\n  htm: \"text/html\",\n  xml: \"application/xml\",\n  svg: \"image/svg+xml\",\n  css: \"text/css\",\n  js: \"text/javascript\",\n  mjs: \"text/javascript\",\n  cjs: \"text/javascript\",\n  jsx: \"text/javascript\",\n  ts: \"text/x-typescript\",\n  tsx: \"text/x-typescript\",\n  py: \"text/x-python\",\n  rb: \"text/x-ruby\",\n  go: \"text/x-go\",\n  rs: \"text/x-rust\",\n  java: \"text/x-java\",\n  kt: \"text/x-kotlin\",\n  swift: \"text/x-swift\",\n  c: \"text/x-c\",\n  h: \"text/x-c\",\n  cpp: \"text/x-c++src\",\n  cs: \"text/x-csharp\",\n  php: \"text/x-php\",\n  sh: \"application/x-sh\",\n  bash: \"application/x-sh\",\n  zsh: \"application/x-sh\",\n  sql: \"application/sql\",\n  yaml: \"application/yaml\",\n  yml: \"application/yaml\",\n  toml: \"application/toml\",\n  ini: \"text/plain\",\n  // Archives\n  zip: \"application/zip\",\n  tar: \"application/x-tar\",\n  gz: \"application/gzip\",\n  tgz: \"application/gzip\",\n  bz2: \"application/x-bzip2\",\n  \"7z\": \"application/x-7z-compressed\",\n  rar: \"application/vnd.rar\",\n};\n\n/** Extensions whose category cannot be read off the MIME type. */\nconst EXTENSION_CATEGORIES: Readonly<Record<string, FileCategory>> = {\n  // Code & markup — most carry a `text/*` MIME, which alone would say \"text\".\n  html: \"code\",\n  htm: \"code\",\n  xml: \"code\",\n  css: \"code\",\n  js: \"code\",\n  mjs: \"code\",\n  cjs: \"code\",\n  jsx: \"code\",\n  ts: \"code\",\n  tsx: \"code\",\n  py: \"code\",\n  rb: \"code\",\n  go: \"code\",\n  rs: \"code\",\n  java: \"code\",\n  kt: \"code\",\n  swift: \"code\",\n  c: \"code\",\n  h: \"code\",\n  cpp: \"code\",\n  cs: \"code\",\n  php: \"code\",\n  sh: \"code\",\n  bash: \"code\",\n  zsh: \"code\",\n  sql: \"code\",\n  yaml: \"code\",\n  yml: \"code\",\n  toml: \"code\",\n  ini: \"code\",\n  // Data — `text/csv` would otherwise land in \"text\".\n  csv: \"data\",\n  tsv: \"data\",\n  json: \"data\",\n  ndjson: \"data\",\n  jsonl: \"data\",\n  parquet: \"data\",\n  // Prose\n  txt: \"text\",\n  log: \"text\",\n  md: \"text\",\n  markdown: \"text\",\n  rst: \"text\",\n};\n\n/** MIME (exact match) → category, for types no prefix rule covers. */\nconst MEDIA_TYPE_CATEGORIES: Readonly<Record<string, FileCategory>> = {\n  \"application/pdf\": \"document\",\n  \"application/msword\": \"document\",\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": \"document\",\n  \"application/vnd.oasis.opendocument.text\": \"document\",\n  \"application/rtf\": \"document\",\n  \"application/epub+zip\": \"document\",\n  \"application/vnd.ms-excel\": \"spreadsheet\",\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": \"spreadsheet\",\n  \"application/vnd.oasis.opendocument.spreadsheet\": \"spreadsheet\",\n  \"application/vnd.ms-powerpoint\": \"presentation\",\n  \"application/vnd.openxmlformats-officedocument.presentationml.presentation\": \"presentation\",\n  \"application/vnd.oasis.opendocument.presentation\": \"presentation\",\n  \"application/json\": \"data\",\n  \"application/x-ndjson\": \"data\",\n  \"application/vnd.apache.parquet\": \"data\",\n  \"application/xml\": \"code\",\n  \"application/sql\": \"code\",\n  \"application/yaml\": \"code\",\n  \"application/toml\": \"code\",\n  \"application/x-sh\": \"code\",\n  \"application/zip\": \"archive\",\n  \"application/x-tar\": \"archive\",\n  \"application/gzip\": \"archive\",\n  \"application/x-bzip2\": \"archive\",\n  \"application/x-7z-compressed\": \"archive\",\n  \"application/vnd.rar\": \"archive\",\n};\n\n/** The MIME we treat as \"the caller told us nothing\". */\nconst UNKNOWN_MEDIA_TYPE = \"application/octet-stream\";\n\n/**\n * Lowercased extension without the dot. `\"\"` when the name has none, is a\n * dotfile (`.gitignore` — the whole name is the \"extension\" to a human, but it\n * is not a format), or ends in a dot.\n */\nexport function extensionOf(name: string): string {\n  // Strip any path and any query/hash a URL-derived name may carry.\n  const base = (name.split(/[\\\\/]/).pop() ?? \"\").split(/[?#]/)[0] ?? \"\";\n  const dot = base.lastIndexOf(\".\");\n  if (dot <= 0 || dot === base.length - 1) return \"\";\n  return base.slice(dot + 1).toLowerCase();\n}\n\n/**\n * Best-known MIME for a filename, from its extension alone.\n * `undefined` when the extension is unknown — callers decide the fallback.\n */\nexport function mediaTypeFromName(name: string): string | undefined {\n  return EXTENSION_MEDIA_TYPES[extensionOf(name)];\n}\n\n/** Strip parameters and casing: `\"TEXT/CSV; charset=utf-8\"` → `\"text/csv\"`. */\nfunction normalizeMediaType(mediaType: string | undefined): string {\n  const bare = (mediaType ?? \"\").split(\";\")[0]?.trim().toLowerCase() ?? \"\";\n  // Browsers and servers both use these to mean \"I don't know\".\n  if (bare === \"\" || bare === UNKNOWN_MEDIA_TYPE || bare === \"binary/octet-stream\") return \"\";\n  return bare;\n}\n\nfunction categoryFor(mediaType: string, extension: string): FileCategory {\n  // The extension is more specific than a `text/*` MIME, so it wins for the\n  // formats that would otherwise collapse into \"text\" (see EXTENSION_CATEGORIES).\n  const byExtension = EXTENSION_CATEGORIES[extension];\n  if (byExtension) return byExtension;\n\n  const exact = MEDIA_TYPE_CATEGORIES[mediaType];\n  if (exact) return exact;\n\n  if (mediaType.startsWith(\"image/\")) return \"image\";\n  if (mediaType.startsWith(\"video/\")) return \"video\";\n  if (mediaType.startsWith(\"audio/\")) return \"audio\";\n  if (mediaType.startsWith(\"text/\")) return \"text\";\n\n  return \"unknown\";\n}\n\n/**\n * Resolve what a file is from its name and (optionally) the MIME the source\n * reported. Never throws; unknown input resolves to\n * `{ category: \"unknown\", mediaType: \"application/octet-stream\", extension: \"\" }`.\n *\n * A caller-supplied `mediaType` wins over the extension EXCEPT where the\n * extension is strictly more specific — `report.csv` served as `text/plain`\n * still resolves to `\"data\"`, because servers routinely under-specify.\n */\nexport function resolveFileKind(name: string, mediaType?: string): FileKind {\n  const extension = extensionOf(name);\n  const declared = normalizeMediaType(mediaType);\n  const resolved = declared || mediaTypeFromName(name) || UNKNOWN_MEDIA_TYPE;\n  return {\n    category: categoryFor(resolved, extension),\n    mediaType: resolved,\n    extension,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-ISWUCXEZ.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-ISWUCXEZ.js.map

package/dist/chunk-ISWUCXEZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ITFDGFOT.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/spinner/spinner.tsx
+import { forwardRef } from "react";
+import { Loader2 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var Spinner = forwardRef(function Spinner2({ className, label, ...props }, ref) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    Loader2,
+    {
+      ref,
+      "data-slot": "spinner",
+      role: "status",
+      "aria-label": label ?? t("ui.spinner.label"),
+      className: cn("size-4 animate-spin text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-ITFDGFOT.js.map

package/dist/chunk-ITFDGFOT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner/spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\nexport interface SpinnerProps extends React.SVGProps<SVGSVGElement> {\n  /** Accessible label; defaults to the localized \"Loading…\" microcopy. */\n  label?: string;\n}\n\n/** Indeterminate spinner with an accessible label. */\nexport const Spinner = forwardRef<SVGSVGElement, SpinnerProps>(function Spinner(\n  { className, label, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n  return (\n    <Loader2\n      ref={ref}\n      data-slot=\"spinner\"\n      role=\"status\"\n      aria-label={label ?? t(\"ui.spinner.label\")}\n      className={cn(\"size-4 animate-spin text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAgBpB;AANG,IAAM,UAAU,WAAwC,SAASA,SACtE,EAAE,WAAW,OAAO,GAAG,MAAM,GAC7B,KACA;AACA,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY,SAAS,EAAE,kBAAkB;AAAA,MACzC,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Spinner"]}

package/dist/chunk-IUQ474IC.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-IUQ474IC.js.map

package/dist/chunk-IUQ474IC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-IY23F2Y5.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-IY23F2Y5.js.map

package/dist/chunk-IY23F2Y5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-IZJOZJDL.js

@@ -0,0 +1,75 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/alert/alert.tsx
+import { forwardRef } from "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-body [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg]:text-current [&>svg~*]:ps-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        info: "border-info/40 bg-info/10 text-foreground",
+        success: "border-success/40 bg-success/10 text-foreground",
+        warning: "border-warning/50 bg-warning/10 text-foreground",
+        // #124: the bare `text-destructive` set the ambient colour for the
+        // Title/Description running text — ink rung. `[&>svg]:text-destructive`
+        // (the icon mark) is unchanged.
+        destructive: "border-destructive/40 bg-destructive/10 text-destructive-text [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Alert = forwardRef(function Alert2({ className, variant, role = "alert", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      "data-slot": "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+var AlertTitle = forwardRef(function AlertTitle2({ className, as: Tag = "h5", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "alert-title",
+      className: cn("mb-1 font-medium leading-none tracking-tight", className),
+      ...props
+    }
+  );
+});
+var AlertDescription = forwardRef(
+  function AlertDescription2({ className, measure, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "alert-description",
+        className: cn(
+          "text-body [&_p]:leading-relaxed text-muted-foreground",
+          measure && "max-w-prose",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  alertVariants,
+  Alert,
+  AlertTitle,
+  AlertDescription
+};
+//# sourceMappingURL=chunk-IZJOZJDL.js.map

package/dist/chunk-IZJOZJDL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nexport const alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-body [&>svg]:absolute [&>svg]:start-4 [&>svg]:top-4 [&>svg]:size-4 [&>svg]:text-current [&>svg~*]:ps-7\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        info: \"border-info/40 bg-info/10 text-foreground\",\n        success: \"border-success/40 bg-success/10 text-foreground\",\n        warning: \"border-warning/50 bg-warning/10 text-foreground\",\n        // #124: the bare `text-destructive` set the ambient colour for the\n        // Title/Description running text — ink rung. `[&>svg]:text-destructive`\n        // (the icon mark) is unchanged.\n        destructive:\n          \"border-destructive/40 bg-destructive/10 text-destructive-text [&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nexport const Alert = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(function Alert(\n  // `role` is an explicit override seam (default \"alert\"): a PENDING decision\n  // containing focusable controls (e.g. @elabs-ai/components-ai ApprovalCard) must be a\n  // labelled region (`role=\"group\"` + aria-labelledby), not an assertive live\n  // region (research/structural-design/11 §B.3).\n  { className, variant, role = \"alert\", ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role={role}\n      data-slot=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n});\n\nexport interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  /**\n   * Render at a different heading level to fit the surrounding document\n   * outline (#329), or as a `\"div\"` to stay out of the outline entirely. The\n   * visual (`mb-1 font-medium leading-none tracking-tight`) is identical for\n   * every value. @default \"h5\"\n   *\n   * `\"div\"` is for a title whose depth the author cannot know — content rendered\n   * into someone else's page, such as an A2UI surface, where a fixed `h5` breaks\n   * `heading-order` under any host that has no `h4` above it. The alert's own\n   * `role=\"alert\"` announces the title either way, so nothing is lost; `CardTitle`\n   * makes the same default choice for the same reason.\n   */\n  as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\n// Ref type matches the rendered element (`HTMLHeadingElement` for every heading\n// `as` value, and structurally interchangeable with `div`) — previously\n// mismatched to `HTMLParagraphElement` (#329).\nexport const AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(function AlertTitle(\n  { className, as: Tag = \"h5\", ...props },\n  ref,\n) {\n  return (\n    <Tag\n      ref={ref}\n      data-slot=\"alert-title\"\n      className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n      {...props}\n    />\n  );\n});\n\nexport interface AlertDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {\n  /**\n   * Cap the line length to a readable prose measure (`max-w-prose`, ~65ch)\n   * for genuine paragraph content (#339). Off by default — short,\n   * label-style descriptions should stay full width.\n   */\n  measure?: boolean;\n}\n\n// NOTE (#329 AC): checked for the same ref-type mismatch as `AlertTitle` —\n// `AlertDescription` renders a `<div>`, not a heading, so it needs no `as`\n// heading seam. Its own generic (`HTMLParagraphElement` on a rendered `<div>`)\n// is a pre-existing, unrelated mismatch; left as-is (out of scope for #329,\n// which is scoped to heading semantics, and not requested by #339 either) to\n// avoid a ref-type change unrelated to either issue's acceptance criteria.\nexport const AlertDescription = forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  function AlertDescription({ className, measure, ...props }, ref) {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-description\"\n        className={cn(\n          \"text-body [&_p]:leading-relaxed text-muted-foreground\",\n          measure && \"max-w-prose\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;AAAA,SAAS,kBAAuC;AAChD,SAAS,WAA8B;AAmCnC;AAhCG,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA;AAAA;AAAA;AAAA,QAIT,aACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,UAAU;AAAA,EACxC;AACF;AAEO,IAAM,QAAQ,WAGnB,SAASA,OAKT,EAAE,WAAW,SAAS,OAAO,SAAS,GAAG,MAAM,GAC/C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAqBM,IAAM,aAAa,WAAgD,SAASC,YACjF,EAAE,WAAW,IAAI,MAAM,MAAM,GAAG,MAAM,GACtC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACtE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAiBM,IAAM,mBAAmB;AAAA,EAC9B,SAASC,kBAAiB,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,KAAK;AAC/D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,WAAW;AAAA,UACX;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["Alert","AlertTitle","AlertDescription"]}

package/dist/chunk-J2P4YZLC.js

@@ -0,0 +1,85 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-TU24Y4HN.js";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-K6YRTASS.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/nav-notifications/nav-notifications.tsx
+import { BellIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NavNotifications({
+  notifications,
+  viewAllLabel = "View all notifications",
+  side = "right",
+  align,
+  className
+}) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: cn("rounded-full", className),
+        "aria-label": t("ui.navNotifications.trigger"),
+        children: /* @__PURE__ */ jsx(BellIcon, { className: "size-5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        side,
+        align,
+        collisionPadding: 16,
+        className: cn(
+          // The vertical inset belongs to the SIDE-opening rail placement, where
+          // the menu runs alongside its trigger and needs clearance from it. A
+          // menu that opens above or below the trigger is already clear of it,
+          // and the inset would just hang it 24px off the bar. Derived from
+          // `side` rather than exposed as a second className seam.
+          (side === "left" || side === "right") && "my-6",
+          // `w-80` (320px) is wider than some phone viewports once the 16px
+          // collision padding on both sides is subtracted — cap it so the menu
+          // shrinks instead of forcing horizontal overflow.
+          "w-80 max-w-[calc(100vw-2rem)]"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("ui.navNotifications.label") }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          notifications.map(({ id, fallback, text, time }) => /* @__PURE__ */ jsxs(DropdownMenuItem, { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(Avatar, { className: "size-8", children: /* @__PURE__ */ jsx(AvatarFallback, { children: fallback }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-body font-medium", children: text }),
+              /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: time })
+            ] })
+          ] }, id)),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx(DropdownMenuItem, { className: "justify-center text-body text-muted-foreground", children: viewAllLabel })
+        ]
+      }
+    )
+  ] });
+}
+
+export {
+  NavNotifications
+};
+//# sourceMappingURL=chunk-J2P4YZLC.js.map