plantasia.space-design 0.22.21 → 0.23.0

package/FONT-LICENSES.md

@@ -0,0 +1,135 @@
+# Font licenses
+
+The woff2 files in `src/styles/fonts/` are third-party fonts redistributed with this package. Every
+one of them is licensed under the **SIL Open Font License, Version 1.1**, which permits bundling and
+redistribution — including inside a package like this one — provided the copyright notice and the
+license travel with the files. That is what this file is for.
+
+The files are the latin and latin-ext subsets as built and distributed by Google Fonts
+(https://fonts.google.com), redistributed unmodified. No font here has been renamed, edited or
+re-generated, so no Reserved Font Name restriction is engaged. None of these fonts is sold, on its
+own or otherwise.
+
+Regenerate the files with `npm run fonts:generate`; if you add a family, add its copyright line
+below in the same pass.
+
+## Fonts and copyright holders
+
+| Family | Copyright | Source |
+| --- | --- | --- |
+| Orbit | Copyright 2022 The Orbit Project Authors (https://github.com/JAMO-TYPEFACE/Orbit) | https://fonts.google.com/specimen/Orbit |
+| Inter | Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter) | https://fonts.google.com/specimen/Inter |
+| JetBrains Mono | Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono) | https://fonts.google.com/specimen/JetBrains+Mono |
+| Lato | Copyright (c) 2010-2014 by tyPoland Lukasz Dziedzic (team@latofonts.com) with Reserved Font Name "Lato" | https://fonts.google.com/specimen/Lato |
+| IBM Plex Sans | Copyright © 2017 IBM Corp. with Reserved Font Name "Plex" | https://fonts.google.com/specimen/IBM+Plex+Sans |
+| Chakra Petch | Copyright 2018 The Chakra Petch Project Authors (https://github.com/m4rc1e/Chakra-Petch.git) | https://fonts.google.com/specimen/Chakra+Petch |
+| Exo 2 | Copyright 2013 The Exo 2 Project Authors (https://github.com/googlefonts/Exo-2.0) | https://fonts.google.com/specimen/Exo+2 |
+| Source Serif 4 | Copyright 2014 The Source Serif 4 Project Authors (https://github.com/adobe-fonts/source-serif) | https://fonts.google.com/specimen/Source+Serif+4 |
+| Space Mono | Copyright 2016 The Space Mono Project Authors (https://github.com/googlefonts/spacemono) | https://fonts.google.com/specimen/Space+Mono |
+| Merriweather | Copyright 2020 The Merriweather Project Authors (https://github.com/EbenSorkin/Merriweather4) with Reserved Font Name "Merriweather". | https://fonts.google.com/specimen/Merriweather |
+| Orbitron | Copyright 2018 The Orbitron Project Authors (https://github.com/theleagueof/orbitron), with Reserved Font Name: "Orbitron" | https://fonts.google.com/specimen/Orbitron |
+| Pinyon Script | Copyright 2024 The Pinyon Project Authors (https://github.com/SorkinType/Pinyon) | https://fonts.google.com/specimen/Pinyon+Script |
+| Cormorant Garamond | Copyright 2015 the Cormorant Project Authors (github.com/CatharsisFonts/Cormorant) | https://fonts.google.com/specimen/Cormorant+Garamond |
+| Tangerine | Copyright (c) 2010, Toshi Omagari (tosche@mac.com) | https://fonts.google.com/specimen/Tangerine |
+| Plus Jakarta Sans | Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans) | https://fonts.google.com/specimen/Plus+Jakarta+Sans |
+| Nunito Sans | Copyright 2016 The Nunito Sans Project Authors (https://github.com/Fonthausen/NunitoSans) | https://fonts.google.com/specimen/Nunito+Sans |
+| Outfit | Copyright 2021 The Outfit Project Authors (https://github.com/Outfitio/Outfit-Fonts) | https://fonts.google.com/specimen/Outfit |
+| DM Serif Display | Copyright 2014-2018 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries. Copyright 2019 Google LLC. | https://fonts.google.com/specimen/DM+Serif+Display |
+
+## SIL Open Font License, Version 1.1
+
+Full text at https://openfontlicense.org — reproduced here so it ships with the files it covers.
+
+```
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+```

package/dist/arrow/arrow-value-param.js

@@ -5,6 +5,7 @@ import {
   clampSnap
 } from "../chunk-7SZ7Y64V.js";
 import "../chunk-Q7FZPJAG.js";
+import "../chunk-QHYMH6SU.js";
 import "../chunk-3CI5MFCE.js";
 import "../chunk-TFNW3AJD.js";
 import "../chunk-Y4HIF3E7.js";
@@ -14,7 +15,6 @@ import "../chunk-IPOE5ATE.js";
 import "../chunk-QTGWYJDF.js";
 import "../chunk-W5IFSITY.js";
 import "../chunk-OC6SB4GT.js";
-import "../chunk-QHYMH6SU.js";
 import "../chunk-SQFBTEV3.js";
 import "../chunk-5GN4B4YO.js";
 import "../chunk-HSQIBP76.js";

package/dist/arrow/arrow-value-slider.js

@@ -4,6 +4,7 @@ import {
   ValueSlider
 } from "../chunk-7SZ7Y64V.js";
 import "../chunk-Q7FZPJAG.js";
+import "../chunk-QHYMH6SU.js";
 import "../chunk-3CI5MFCE.js";
 import "../chunk-TFNW3AJD.js";
 import "../chunk-Y4HIF3E7.js";
@@ -13,7 +14,6 @@ import "../chunk-IPOE5ATE.js";
 import "../chunk-QTGWYJDF.js";
 import "../chunk-W5IFSITY.js";
 import "../chunk-OC6SB4GT.js";
-import "../chunk-QHYMH6SU.js";
 import "../chunk-SQFBTEV3.js";
 import "../chunk-5GN4B4YO.js";
 import "../chunk-HSQIBP76.js";

package/dist/arrow/index.js

@@ -5,6 +5,10 @@ import {
   clampSnap
 } from "../chunk-7SZ7Y64V.js";
 import "../chunk-Q7FZPJAG.js";
+import {
+  Switch,
+  SwitchGroup
+} from "../chunk-QHYMH6SU.js";
 import "../chunk-3CI5MFCE.js";
 import "../chunk-TFNW3AJD.js";
 import "../chunk-Y4HIF3E7.js";
@@ -25,10 +29,6 @@ import {
 import {
   Param
 } from "../chunk-OC6SB4GT.js";
-import {
-  Switch,
-  SwitchGroup
-} from "../chunk-QHYMH6SU.js";
 import "../chunk-SQFBTEV3.js";
 import {
   SegmentSlider,

package/dist/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "destructiveFilled" | "success" | "successOutlined" | "outline" | "outlineAccent" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "destructiveFilled" | "success" | "successOutlined" | "outline" | "outlineAccent" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, children, ...props }: Omit<React.ComponentProps<'button'>, 'size'> & VariantProps<typeof buttonVariants> & {

package/dist/chat-rail/chat-rail.d.ts

@@ -77,6 +77,12 @@ type ChatRailProps = {
     /** A quiet line between the feed and the composer (e.g. "3 muted · unmute all"). */
     footer?: React.ReactNode;
     defaultCorner?: ChatRailCorner;
+    /**
+     * Whether the rail starts open. Uncontrolled, like `defaultCorner` — the rail still owns the
+     * open/collapsed gesture from then on. For hosts where talking IS the screen's purpose (a
+     * lobby, a waiting room) rather than a thing you might turn to mid-task.
+     */
+    defaultOpen?: boolean;
     /** Where the docked corner is remembered. `null` disables persistence. */
     storageKey?: string | null;
     /**
@@ -90,6 +96,6 @@ type ChatRailProps = {
     labels?: ChatRailLabels;
     className?: string;
 };
-declare function ChatRail({ messages, ownId, canWrite, onSend, onRetry, menuFor, footer, defaultCorner, storageKey, bottomClearance, maxVisible, maxLength, labels, className, }: ChatRailProps): React.JSX.Element;
+declare function ChatRail({ messages, ownId, canWrite, onSend, onRetry, menuFor, footer, defaultCorner, defaultOpen, storageKey, bottomClearance, maxVisible, maxLength, labels, className, }: ChatRailProps): React.JSX.Element;
 
 export { ChatRail, type ChatRailCorner, type ChatRailLabels, type ChatRailMenuItem, type ChatRailMessage, type ChatRailProps, type ChatRailRole, type ChatRailStatus };

package/dist/chat-rail/chat-rail.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ChatRail
-} from "../chunk-NYNVSZKX.js";
+} from "../chunk-AQXHY6TR.js";
 import "../chunk-VBGWQ4DE.js";
 import "../chunk-WYJEDH62.js";
 import "../chunk-OODTVBCR.js";

package/dist/chat-rail/index.js

@@ -2,7 +2,7 @@
 import "../chunk-V5JQUMKE.js";
 import {
   ChatRail
-} from "../chunk-NYNVSZKX.js";
+} from "../chunk-AQXHY6TR.js";
 import "../chunk-VBGWQ4DE.js";
 import "../chunk-WYJEDH62.js";
 import "../chunk-OODTVBCR.js";

package/dist/{chunk-NYNVSZKX.js → chunk-AQXHY6TR.js}

@@ -212,6 +212,7 @@ function ChatRail({
   menuFor,
   footer,
   defaultCorner = "bottom-left",
+  defaultOpen = false,
   storageKey = "ps.chat-rail.dock",
   bottomClearance = "0px",
   maxVisible = 60,
@@ -220,7 +221,7 @@ function ChatRail({
   className
 }) {
   const text = { ...DEFAULT_LABELS, ...labels };
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = React.useState(defaultOpen);
   const [unread, setUnread] = React.useState(0);
   const [corner, setCorner] = React.useState(defaultCorner);
   const [dragOffset, setDragOffset] = React.useState(null);
@@ -300,7 +301,7 @@ function ChatRail({
       window.removeEventListener("pointerdown", onPointerDown2, true);
     };
   }, [open]);
-  const wasOpen = React.useRef(false);
+  const wasOpen = React.useRef(defaultOpen);
   React.useEffect(() => {
     if (open && !wasOpen.current) {
       rootRef.current?.querySelector(".ps-chat-rail__input")?.focus();
@@ -476,4 +477,4 @@ function ChatRail({
 export {
   ChatRail
 };
-//# sourceMappingURL=chunk-NYNVSZKX.js.map
+//# sourceMappingURL=chunk-AQXHY6TR.js.map

package/dist/chunk-AQXHY6TR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/chat-rail/chat-rail.tsx"],"sourcesContent":["/**\n * ChatRail — a near-invisible chat that lays over a live surface instead of boxing it in.\n *\n * Three states, all of them quiet:\n *  - collapsed: one small dock icon with a soft unread badge. Drag it to snap to any of the four\n *    corners; the choice is remembered per `storageKey`.\n *  - peek: a newly arrived message flashes over the surface as a compact line and clears itself.\n *  - expanded: the same lines as a scrollable feed with a compose bar beside the icon.\n *\n * Quiet is a property of the rail's FOOTPRINT, not of its text: each line sits on its own opaque\n * slab, sized to the words on it. The rail stays small and mostly out of the way, and the part of\n * it that carries meaning stays readable over anything — including a scene that moves.\n *\n * The rail owns all of its own behaviour — dock corner, drag-to-snap, open/collapsed, unread and\n * the peek queue — so every consumer gets the same interaction without reimplementing it. It owns\n * nothing domain-specific: the transport arrives as `onSend`, sender identity as a role stamped on\n * each message, and the row menu as `menuFor`. That split is what lets a multiplayer room and a\n * website page mount the identical component.\n *\n * A sender's identity is carried by name COLOUR alone — no avatars, no timestamps, no badges. The\n * colours are `--chat-role-*` tokens, so they follow the theme rather than pinning the rail to a\n * dark surface.\n */\nimport * as React from 'react'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../dropdown-menu'\nimport { Button } from '../button'\nimport { Input } from '../input'\nimport { cn } from '../utils'\n\nexport type ChatRailRole = 'creator' | 'player' | 'spectator'\nexport type ChatRailCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\nexport type ChatRailStatus = 'pending' | 'delivered' | 'failed'\n\nexport type ChatRailMessage = {\n  /** Stable identity — also what the rail diffs on to decide what is newly arrived. */\n  id: string\n  text: string\n  /** Compared against `ownId` to decide whether this is your own line. */\n  authorId: string | null\n  authorName: string\n  /**\n   * The sender's standing, stamped by the consumer AT SEND/RECEIVE TIME. It belongs on the message\n   * rather than being looked up live, so a member leaving never recolours what they already said.\n   */\n  role?: ChatRailRole | null\n  status?: ChatRailStatus\n  /** Arrived as backlog rather than as news: counts toward unread, never flashes a peek. */\n  history?: boolean\n}\n\nexport type ChatRailMenuItem = {\n  key: string\n  label: string\n  icon?: React.ReactNode\n  tone?: 'default' | 'destructive'\n  disabled?: boolean\n  onSelect: () => void\n}\n\nexport type ChatRailLabels = {\n  /** Name shown on your own lines. Default `you`. */\n  self?: string\n  placeholder?: string\n  placeholderDisabled?: string\n  send?: string\n  empty?: string\n  open?: string\n  openUnread?: (count: number) => string\n  close?: string\n  menu?: string\n  retry?: string\n}\n\nexport type ChatRailProps = {\n  messages: ChatRailMessage[]\n  /** Your own author id — lines matching it render as yours and carry no row menu. */\n  ownId?: string | null\n  /** False disables the composer (e.g. no display name yet). */\n  canWrite?: boolean\n  onSend: (text: string) => void\n  onRetry?: (id: string) => void\n  /** Row menu contents. Omit for a read-only rail — no trigger is rendered. */\n  menuFor?: (message: ChatRailMessage) => ChatRailMenuItem[]\n  /** A quiet line between the feed and the composer (e.g. \"3 muted · unmute all\"). */\n  footer?: React.ReactNode\n  defaultCorner?: ChatRailCorner\n  /**\n   * Whether the rail starts open. Uncontrolled, like `defaultCorner` — the rail still owns the\n   * open/collapsed gesture from then on. For hosts where talking IS the screen's purpose (a\n   * lobby, a waiting room) rather than a thing you might turn to mid-task.\n   */\n  defaultOpen?: boolean\n  /** Where the docked corner is remembered. `null` disables persistence. */\n  storageKey?: string | null\n  /**\n   * Extra room to leave at the bottom edge on top of the safe-area inset — a transport bar, a\n   * bottom nav. Any CSS length. The rail cannot know what its host puts there, so the host says.\n   */\n  bottomClearance?: string\n  /** Newest N lines kept in the DOM. The rail is a ticker, not an archive. */\n  maxVisible?: number\n  maxLength?: number\n  labels?: ChatRailLabels\n  className?: string\n}\n\nconst CORNERS: ChatRailCorner[] = ['top-left', 'top-right', 'bottom-left', 'bottom-right']\nconst PEEK_MS = 5_000\nconst PEEK_MAX = 3\nconst DRAG_THRESHOLD_PX = 8\n\nconst DEFAULT_LABELS: Required<Omit<ChatRailLabels, 'openUnread'>> & {\n  openUnread: (count: number) => string\n} = {\n  self: 'you',\n  placeholder: 'message the room…',\n  placeholderDisabled: 'pick a display name to chat',\n  send: 'send',\n  empty: 'no messages yet — say hi',\n  open: 'Open chat',\n  openUnread: (count) => `Open chat, ${count} unread`,\n  close: 'Close chat',\n  menu: 'Message options',\n  retry: 'not sent — retry',\n}\n\nconst isCorner = (value: unknown): value is ChatRailCorner =>\n  CORNERS.includes(value as ChatRailCorner)\n\nfunction readCorner(key: string | null | undefined, fallback: ChatRailCorner): ChatRailCorner {\n  if (!key || typeof window === 'undefined') return fallback\n  try {\n    const stored = window.localStorage.getItem(key)\n    return isCorner(stored) ? stored : fallback\n  } catch {\n    return fallback\n  }\n}\n\nfunction writeCorner(key: string | null | undefined, corner: ChatRailCorner) {\n  if (!key || typeof window === 'undefined') return\n  try {\n    window.localStorage.setItem(key, corner)\n  } catch {\n    /* private mode — the dock just resets next boot */\n  }\n}\n\n/**\n * The box a `position: fixed` rail is actually laid out against. Usually the viewport, but any\n * ancestor with a transform/filter/containment establishes a containing block instead — which is\n * exactly what a host that frames the rail inside a panel does. Snapping against the viewport\n * there would make whole corners unreachable.\n */\nfunction containingBlockRect(el: HTMLElement | null) {\n  for (let node = el?.parentElement ?? null; node; node = node.parentElement) {\n    const s = getComputedStyle(node)\n    const contained =\n      s.transform !== 'none' ||\n      s.filter !== 'none' ||\n      s.perspective !== 'none' ||\n      /\\b(paint|layout|strict|content)\\b/.test(s.contain) ||\n      /\\b(transform|filter|perspective)\\b/.test(s.willChange)\n    if (contained) {\n      const r = node.getBoundingClientRect()\n      return { left: r.left, top: r.top, width: r.width, height: r.height }\n    }\n  }\n  return { left: 0, top: 0, width: window.innerWidth, height: window.innerHeight }\n}\n\n/** The corner a released pointer landed nearest to, within the rail's own containing block. */\nfunction cornerForPoint(x: number, y: number, box: ReturnType<typeof containingBlockRect>) {\n  const vertical = y < box.top + box.height / 2 ? 'top' : 'bottom'\n  const horizontal = x < box.left + box.width / 2 ? 'left' : 'right'\n  return `${vertical}-${horizontal}` as ChatRailCorner\n}\n\n/** One rail line: a role-coloured name, the text, and (optionally) a menu revealed on hover. */\nfunction ChatRailLine({\n  message,\n  isOwn,\n  selfLabel,\n  menuFor,\n  menuLabel,\n  retryLabel,\n  onRetry,\n  menuContainer,\n  armed,\n  onArm,\n}: {\n  message: ChatRailMessage\n  isOwn: boolean\n  selfLabel: string\n  menuFor?: (message: ChatRailMessage) => ChatRailMenuItem[]\n  menuLabel: string\n  retryLabel: string\n  onRetry?: () => void\n  /** Portal target for the row menu — the rail's own root, so the menu stays inside whatever\n   *  theme the consumer wrapped the rail in. Portalled to <body> it would fall back to the light\n   *  token set and render white-on-dark. */\n  menuContainer?: HTMLElement | null\n  /** True once this row has been pointed at or focused. Only then does it pay for a menu. */\n  armed?: boolean\n  onArm?: () => void\n}) {\n  const name = isOwn ? selfLabel : message.authorName\n  // `menuFor` is only consulted for the row actually being acted on: a full feed would otherwise\n  // rebuild every row's item array on every keystroke, and mount a dropdown root per line.\n  const items = armed && menuFor ? menuFor(message) : null\n\n  return (\n    <div\n      className=\"ps-chat-rail__line\"\n      data-slot=\"chat-rail-line\"\n      data-role={isOwn ? 'self' : (message.role ?? 'spectator')}\n      data-status={message.status ?? 'delivered'}\n    >\n      <span className=\"ps-chat-rail__name\">{name}</span>{' '}\n      <span className=\"ps-chat-rail__text\">{message.text}</span>\n      {message.status === 'failed' && onRetry ? (\n        <>\n          {' '}\n          <button type=\"button\" className=\"ps-chat-rail__retry\" onClick={onRetry}>\n            {retryLabel}\n          </button>\n        </>\n      ) : null}\n      {menuFor && !isOwn ? (\n        <span\n          className=\"ps-chat-rail__linemenu\"\n          onPointerEnter={armed ? undefined : onArm}\n          onPointerDown={armed ? undefined : onArm}\n          onFocusCapture={armed ? undefined : onArm}\n        >\n          {items && items.length > 0 ? (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  aria-label={menuLabel}\n                  className=\"ps-chat-rail__linemenu-trigger\"\n                >\n                  <MoreGlyph />\n                </Button>\n              </DropdownMenuTrigger>\n              {/* The library's own menu surface, unrestyled — a chat row should not invent a\n                  second kind of dropdown. */}\n              <DropdownMenuContent align=\"start\" container={menuContainer ?? undefined}>\n                {items.map((item) => (\n                  <DropdownMenuItem\n                    key={item.key}\n                    disabled={item.disabled}\n                    onSelect={item.disabled ? undefined : item.onSelect}\n                    variant={item.tone === 'destructive' ? 'destructive' : undefined}\n                  >\n                    {item.icon}\n                    {item.label}\n                  </DropdownMenuItem>\n                ))}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          ) : (\n            // Placeholder trigger: same box, no dropdown machinery, until the row is pointed at.\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={menuLabel}\n              className=\"ps-chat-rail__linemenu-trigger\"\n              onClick={onArm}\n            >\n              <MoreGlyph />\n            </Button>\n          )}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nfunction MoreGlyph() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden>\n      <circle cx=\"12\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1.5\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1.5\" />\n    </svg>\n  )\n}\n\n/**\n * The composer owns its own draft. Kept out of the rail body on purpose: typing would otherwise\n * re-render the whole feed on every keystroke, on a surface that is usually already spending its\n * frame budget on a live scene.\n */\nfunction ChatRailComposer({\n  canWrite,\n  maxLength,\n  labels,\n  onSend,\n}: {\n  canWrite: boolean\n  maxLength: number\n  labels: typeof DEFAULT_LABELS\n  onSend: (text: string) => void\n}) {\n  const [draft, setDraft] = React.useState('')\n  const submit = React.useCallback(() => {\n    const value = draft.trim()\n    if (!value || !canWrite) return\n    onSend(value)\n    setDraft('')\n  }, [draft, canWrite, onSend])\n\n  return (\n    <div className=\"ps-chat-rail__composer\" data-slot=\"chat-rail-composer\">\n      {/* The library's own field and button — a chat composer is not a reason to grow a second\n          set of primitives. (No ref here: Input is a plain function component, so the rail focuses\n          it by query instead.) */}\n      <Input\n        type=\"text\"\n        className=\"ps-chat-rail__input\"\n        value={draft}\n        maxLength={maxLength}\n        disabled={!canWrite}\n        placeholder={canWrite ? labels.placeholder : labels.placeholderDisabled}\n        aria-label={labels.placeholder}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={(event) => {\n          // An IME's confirm-candidate Enter must not send the half-composed buffer.\n          if (event.nativeEvent.isComposing) return\n          if (event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault()\n            submit()\n          }\n        }}\n      />\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        className=\"ps-chat-rail__send\"\n        onClick={submit}\n        disabled={!canWrite || draft.trim().length === 0}\n      >\n        {labels.send}\n      </Button>\n    </div>\n  )\n}\n\nexport function ChatRail({\n  messages,\n  ownId = null,\n  canWrite = true,\n  onSend,\n  onRetry,\n  menuFor,\n  footer,\n  defaultCorner = 'bottom-left',\n  defaultOpen = false,\n  storageKey = 'ps.chat-rail.dock',\n  bottomClearance = '0px',\n  maxVisible = 60,\n  maxLength = 500,\n  labels,\n  className,\n}: ChatRailProps) {\n  const text = { ...DEFAULT_LABELS, ...labels }\n  const [open, setOpen] = React.useState(defaultOpen)\n  const [unread, setUnread] = React.useState(0)\n  const [corner, setCorner] = React.useState<ChatRailCorner>(defaultCorner)\n  const [dragOffset, setDragOffset] = React.useState<{ x: number; y: number } | null>(null)\n  const [peeks, setPeeks] = React.useState<ChatRailMessage[]>([])\n  const [armedRow, setArmedRow] = React.useState<string | null>(null)\n\n  const rootRef = React.useRef<HTMLDivElement | null>(null)\n  // The rail's root doubles as the portal target for row menus, so they inherit the consumer's\n  // theme instead of <body>'s. Held in state because the portal needs it during render.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null)\n  const iconRef = React.useRef<HTMLButtonElement | null>(null)\n  const listRef = React.useRef<HTMLDivElement | null>(null)\n  const dragRef = React.useRef<{ startX: number; startY: number; moved: boolean } | null>(null)\n  const suppressClickRef = React.useRef(false)\n  const stickToBottom = React.useRef(true)\n  const seenRef = React.useRef<Set<string> | null>(null)\n  const openRef = React.useRef(open)\n  openRef.current = open\n  const peekTimers = React.useRef<Set<ReturnType<typeof setTimeout>>>(new Set())\n\n  // Stable, so React does not detach/reattach it (and re-run the state setter) on every render —\n  // which during a drag would be every pointer event.\n  const setRoot = React.useCallback((el: HTMLDivElement | null) => {\n    rootRef.current = el\n    setPortalHost((prev) => (prev === el ? prev : el))\n  }, [])\n\n  React.useEffect(() => setCorner(readCorner(storageKey, defaultCorner)), [storageKey, defaultCorner])\n  React.useEffect(\n    () => () => {\n      for (const timer of peekTimers.current) clearTimeout(timer)\n      peekTimers.current.clear()\n    },\n    [],\n  )\n\n  // What is NEW since the last render decides both the badge and the peek. The very first pass\n  // only seeds the seen-set: everything already on screen at mount is context, not news.\n  React.useEffect(() => {\n    const seen = seenRef.current\n    if (seen === null) {\n      seenRef.current = new Set(messages.map((m) => m.id))\n      return\n    }\n    const arrivals: ChatRailMessage[] = []\n    for (const message of messages) {\n      if (seen.has(message.id)) continue\n      seen.add(message.id)\n      if (message.authorId !== null && message.authorId === ownId) continue\n      arrivals.push(message)\n    }\n    if (arrivals.length === 0 || openRef.current) return\n    setUnread((n) => n + arrivals.length)\n    const fresh = arrivals.filter((m) => !m.history)\n    if (fresh.length === 0) return\n    setPeeks((prev) => [...prev, ...fresh].slice(-PEEK_MAX))\n    for (const message of fresh) {\n      const timer = setTimeout(() => {\n        peekTimers.current.delete(timer)\n        setPeeks((prev) => prev.filter((entry) => entry.id !== message.id))\n      }, PEEK_MS)\n      peekTimers.current.add(timer)\n    }\n  }, [messages, ownId])\n\n  // Opening is a gesture, so closing is one too: Escape, or a pointer landing outside the rail.\n  // Both scope their \"is this ours?\" test to the rail's own subtree — the rail portals its menus\n  // into its own root, so a document-wide overlay query would let any unrelated dialog in the host\n  // page silently disable closing. The outside listener only OBSERVES — it never preventDefaults,\n  // so the surface underneath still receives the same gesture.\n  React.useEffect(() => {\n    if (!open) return undefined\n    const isOurs = (node: Node | null) => {\n      const root = rootRef.current\n      return Boolean(root && node && root.contains(node))\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      // Escape belongs to our own row menu or a dialog it opened while focus is inside it.\n      if (isOurs(document.activeElement)) {\n        const el = document.activeElement as Element | null\n        if (el?.closest('[role=\"menu\"], [role=\"dialog\"], [role=\"alertdialog\"]')) return\n      }\n      setOpen(false)\n    }\n    const onPointerDown = (event: PointerEvent) => {\n      if (isOurs(event.target as Node | null)) return\n      setOpen(false)\n    }\n    window.addEventListener('keydown', onKeyDown)\n    window.addEventListener('pointerdown', onPointerDown, true)\n    return () => {\n      window.removeEventListener('keydown', onKeyDown)\n      window.removeEventListener('pointerdown', onPointerDown, true)\n    }\n  }, [open])\n\n  // Focus follows the gesture: into the composer on open, back to the icon on close — so the rail\n  // is dismissable and reachable without a pointer. Queried rather than ref'd: the library's Input\n  // is a plain function component and would silently drop a ref.\n  // Seeded from `defaultOpen`, not from `false`: a rail that STARTS open was never opened by a\n  // gesture, so there is no gesture for focus to follow. Seeding false made it grab the composer\n  // on mount and talk over whatever the host was announcing.\n  const wasOpen = React.useRef(defaultOpen)\n  React.useEffect(() => {\n    if (open && !wasOpen.current) {\n      rootRef.current?.querySelector<HTMLInputElement>('.ps-chat-rail__input')?.focus()\n    }\n    if (!open && wasOpen.current) iconRef.current?.focus()\n    wasOpen.current = open\n  }, [open])\n\n  const visible = messages.length > maxVisible ? messages.slice(-maxVisible) : messages\n\n  const handleScroll = React.useCallback(() => {\n    const el = listRef.current\n    if (!el) return\n    stickToBottom.current = el.scrollHeight - el.scrollTop - el.clientHeight < 48\n  }, [])\n  React.useEffect(() => {\n    const el = listRef.current\n    if (el && stickToBottom.current) el.scrollTop = el.scrollHeight\n  }, [visible.length, open])\n\n  const send = React.useCallback(\n    (value: string) => {\n      stickToBottom.current = true\n      onSend(value)\n    },\n    [onSend],\n  )\n\n  const toggle = React.useCallback(() => {\n    if (suppressClickRef.current) {\n      suppressClickRef.current = false\n      return\n    }\n    // Read the current state rather than nesting sibling updates inside setOpen's updater —\n    // updaters must be pure, and React may run them more than once.\n    const next = !openRef.current\n    setOpen(next)\n    if (next) {\n      setUnread(0)\n      setPeeks([])\n    }\n  }, [])\n\n  const onPointerDown = React.useCallback((event: React.PointerEvent<HTMLButtonElement>) => {\n    // Cleared at the START of each gesture: a drag's synthetic click lands on whatever sits under\n    // the release point, not on the icon, so the flag would otherwise eat the NEXT real tap.\n    suppressClickRef.current = false\n    dragRef.current = { startX: event.clientX, startY: event.clientY, moved: false }\n    // Capture keeps the move/up on the icon once the pointer leaves its 34px box.\n    event.currentTarget.setPointerCapture?.(event.pointerId)\n  }, [])\n\n  const onPointerMove = React.useCallback((event: React.PointerEvent<HTMLButtonElement>) => {\n    const drag = dragRef.current\n    if (!drag) return\n    const dx = event.clientX - drag.startX\n    const dy = event.clientY - drag.startY\n    if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD_PX) return\n    drag.moved = true\n    setDragOffset({ x: dx, y: dy })\n  }, [])\n\n  const onPointerUp = React.useCallback(\n    (event: React.PointerEvent<HTMLButtonElement>) => {\n      const drag = dragRef.current\n      dragRef.current = null\n      setDragOffset(null)\n      if (!drag?.moved) return\n      suppressClickRef.current = true\n      const next = cornerForPoint(event.clientX, event.clientY, containingBlockRect(rootRef.current))\n      setCorner(next)\n      writeCorner(storageKey, next)\n    },\n    [storageKey],\n  )\n\n  const [vertical, horizontal] = corner.split('-') as ['top' | 'bottom', 'left' | 'right']\n\n  return (\n    <div\n      ref={setRoot}\n      data-slot=\"chat-rail\"\n      className={cn('ps-chat-rail', className)}\n      // NOT `data-corner`: that attribute already belongs to the brand corner-bracket decoration\n      // in effects.css, which would style this element as a 9px bracket at opacity 0.\n      data-dock={corner}\n      data-side={horizontal}\n      data-edge={vertical}\n      data-open={open || undefined}\n      style={\n        {\n          '--ps-chat-rail-bottom-clearance': bottomClearance,\n          '--ps-chat-rail-peek-duration': `${PEEK_MS}ms`,\n        } as React.CSSProperties\n      }\n    >\n      {open ? (\n        <div\n          ref={listRef}\n          onScroll={handleScroll}\n          className=\"ps-chat-rail__feed\"\n          data-slot=\"chat-rail-feed\"\n          data-chat-rail-feed\n        >\n          {visible.length === 0 ? (\n            <div className=\"ps-chat-rail__empty\">{text.empty}</div>\n          ) : (\n            visible.map((message) => {\n              const isOwn = message.authorId !== null && message.authorId === ownId\n              return (\n                <ChatRailLine\n                  key={message.id}\n                  message={message}\n                  isOwn={isOwn}\n                  selfLabel={text.self}\n                  menuFor={menuFor}\n                  menuLabel={text.menu}\n                  retryLabel={text.retry}\n                  onRetry={onRetry ? () => onRetry(message.id) : undefined}\n                  menuContainer={portalHost}\n                  armed={armedRow === message.id}\n                  onArm={() => setArmedRow(message.id)}\n                />\n              )\n            })\n          )}\n        </div>\n      ) : peeks.length > 0 ? (\n        <div className=\"ps-chat-rail__peek\" role=\"status\" aria-live=\"polite\" data-chat-rail-peek>\n          {peeks.map((message) => (\n            <ChatRailLine\n              key={message.id}\n              message={message}\n              isOwn={false}\n              selfLabel={text.self}\n              menuLabel={text.menu}\n              retryLabel={text.retry}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {open && footer ? <div className=\"ps-chat-rail__footer\">{footer}</div> : null}\n\n      <div className=\"ps-chat-rail__bar\" data-slot=\"chat-rail-bar\">\n        <button\n          ref={iconRef}\n          type=\"button\"\n          className=\"ps-chat-rail__icon\"\n          aria-label={open ? text.close : unread > 0 ? text.openUnread(unread) : text.open}\n          aria-expanded={open}\n          data-dragging={dragOffset !== null || undefined}\n          data-chat-rail-toggle\n          style={\n            dragOffset ? { transform: `translate(${dragOffset.x}px, ${dragOffset.y}px)` } : undefined\n          }\n          onClick={toggle}\n          onPointerDown={onPointerDown}\n          onPointerMove={onPointerMove}\n          onPointerUp={onPointerUp}\n          onPointerCancel={() => {\n            dragRef.current = null\n            setDragOffset(null)\n          }}\n        >\n          {/* Inline rather than an icon import so the glyph can't drift from the dock's geometry.\n              Dimensions are attributes as well as CSS: a consumer whose reset reaches descendant\n              svgs must not be able to leave this one unsized. */}\n          <svg\n            width=\"15\"\n            height=\"15\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={1.6}\n            aria-hidden\n          >\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n          </svg>\n          {!open && unread > 0 ? (\n            <span className=\"ps-chat-rail__badge\" data-chat-rail-unread>\n              {unread > 99 ? '99+' : unread}\n            </span>\n          ) : null}\n        </button>\n\n        {open ? (\n          <ChatRailComposer\n            canWrite={canWrite}\n            maxLength={maxLength}\n            labels={text}\n            onSend={send}\n          />\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["onPointerDown"]}

package/dist/chunk-FPLU5UXN.js

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

package/dist/chunk-FPLU5UXN.js.map

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

package/dist/chunk-PUDXPQEF.js

@@ -0,0 +1,26 @@
+"use client";
+
+// src/react/use-can-hover.ts
+import * as React from "react";
+var QUERY = "(hover: hover) and (pointer: fine)";
+function useCanHover() {
+  const [canHover, setCanHover] = React.useState(true);
+  React.useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mql = window.matchMedia(QUERY);
+    const update = () => setCanHover(mql.matches);
+    update();
+    if (typeof mql.addEventListener === "function") {
+      mql.addEventListener("change", update);
+      return () => mql.removeEventListener("change", update);
+    }
+    mql.addListener(update);
+    return () => mql.removeListener(update);
+  }, []);
+  return canHover;
+}
+
+export {
+  useCanHover
+};
+//# sourceMappingURL=chunk-PUDXPQEF.js.map

package/dist/chunk-PUDXPQEF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/use-can-hover.ts"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nconst QUERY = \"(hover: hover) and (pointer: fine)\"\n\n/**\n * useCanHover — `true` when the pointer can actually hover (a mouse or trackpad), `false` on\n * touch. The distinction the library cares about is not screen WIDTH: a small window on a laptop\n * can still hover, and a large tablet still cannot. Anything that reveals content on hover needs\n * a second way in where this is false.\n *\n * Optimistically `true` until mounted, so server and first client render agree and the\n * hover-capable case (the common one on desktop) does not flash a touch affordance.\n */\nexport function useCanHover(): boolean {\n  const [canHover, setCanHover] = React.useState(true)\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\" || !window.matchMedia) return\n    const mql = window.matchMedia(QUERY)\n    const update = () => setCanHover(mql.matches)\n    update()\n    // Older Safari and some WebViews only have the deprecated addListener; calling the modern\n    // method there throws inside the effect and the touch path is never selected.\n    if (typeof mql.addEventListener === \"function\") {\n      mql.addEventListener(\"change\", update)\n      return () => mql.removeEventListener(\"change\", update)\n    }\n    mql.addListener(update)\n    return () => mql.removeListener(update)\n  }, [])\n\n  return canHover\n}\n"],"mappings":";;;AAEA,YAAY,WAAW;AAEvB,IAAM,QAAQ;AAWP,SAAS,cAAuB;AACrC,QAAM,CAAC,UAAU,WAAW,IAAU,eAAS,IAAI;AAEnD,EAAM,gBAAU,MAAM;AACpB,QAAI,OAAO,WAAW,eAAe,CAAC,OAAO,WAAY;AACzD,UAAM,MAAM,OAAO,WAAW,KAAK;AACnC,UAAM,SAAS,MAAM,YAAY,IAAI,OAAO;AAC5C,WAAO;AAGP,QAAI,OAAO,IAAI,qBAAqB,YAAY;AAC9C,UAAI,iBAAiB,UAAU,MAAM;AACrC,aAAO,MAAM,IAAI,oBAAoB,UAAU,MAAM;AAAA,IACvD;AACA,QAAI,YAAY,MAAM;AACtB,WAAO,MAAM,IAAI,eAAe,MAAM;AAAA,EACxC,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/chunk-ROQ3JZ2J.js

@@ -0,0 +1,103 @@
+"use client";
+import {
+  useCanHover
+} from "./chunk-PUDXPQEF.js";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+} from "./chunk-COFADMT2.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle
+} from "./chunk-KUCOW3CI.js";
+import {
+  cn
+} from "./chunk-BRLBKYOJ.js";
+
+// src/react/user-card/user-card-preview.tsx
+import * as React from "react";
+import { Info } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var OPEN_DELAY_MS = 200;
+var CLOSE_DELAY_MS = 120;
+var CARD_WIDTH = 272;
+var BARE_SURFACE = "overflow-hidden rounded-none border-0 bg-transparent p-0 shadow-none";
+function UserCardPreview({
+  children,
+  card,
+  label,
+  triggerLabel,
+  showTouchTrigger = true,
+  disabled = false,
+  openDelay = OPEN_DELAY_MS,
+  closeDelay = CLOSE_DELAY_MS,
+  contentClassName,
+  className
+}) {
+  const canHover = useCanHover();
+  const [open, setOpen] = React.useState(false);
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const resolve = (isOpen) => typeof card === "function" ? card(isOpen) : card;
+  if (disabled) return /* @__PURE__ */ jsx(Fragment, { children });
+  if (!canHover) {
+    return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1", className), "data-slot": "user-card-preview", children: [
+      children,
+      showTouchTrigger ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": triggerLabel ?? label,
+          "data-slot": "user-card-preview-trigger",
+          onClick: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            setDialogOpen(true);
+          },
+          className: "inline-flex h-5 w-5 items-center justify-center rounded-full text-muted-foreground hover:bg-accent hover:text-foreground",
+          children: /* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          "aria-describedby": void 0,
+          className: cn(
+            BARE_SURFACE,
+            "w-[272px] max-w-none gap-0 [&>button]:right-2 [&>button]:top-2 [&>button]:z-20 [&>button]:rounded-full [&>button]:bg-background/85 [&>button]:p-1 [&>button]:opacity-100 [&>button]:shadow-sm [&>button]:backdrop-blur-sm",
+            contentClassName
+          ),
+          onClick: (event) => event.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: label }),
+            resolve(dialogOpen)
+          ]
+        }
+      ) })
+    ] });
+  }
+  return (
+    // The marker sits on an OUTER element, not on the trigger's child: `asChild` merges the
+    // primitive's own props onto whatever it is given, and its `data-slot` wins — a marker put
+    // there silently disappears.
+    /* @__PURE__ */ jsx("span", { className: cn("inline-flex", className), "data-slot": "user-card-preview", children: /* @__PURE__ */ jsxs(HoverCard, { open, onOpenChange: setOpen, openDelay, closeDelay, children: [
+      /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "inline-flex min-w-0", children }) }),
+      /* @__PURE__ */ jsx(
+        HoverCardContent,
+        {
+          align: "start",
+          sideOffset: 8,
+          className: cn(BARE_SURFACE, contentClassName),
+          style: { width: CARD_WIDTH, maxWidth: CARD_WIDTH },
+          children: resolve(open)
+        }
+      )
+    ] }) })
+  );
+}
+
+export {
+  UserCardPreview
+};
+//# sourceMappingURL=chunk-ROQ3JZ2J.js.map

package/dist/chunk-ROQ3JZ2J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/user-card/user-card-preview.tsx"],"sourcesContent":["\"use client\"\n\n/**\n * UserCardPreview — one way to ask \"who is that?\", spelled correctly for the pointer you have.\n *\n * Where hovering works, the card floats beside the trigger after a short delay. Where it does not\n * (touch), hover would be dead, so an inline info button opens the same card in a dialog. Both\n * routes render the SAME node — a person must not look different on a phone than on a laptop.\n *\n * `card` may be a function so the consumer can defer fetching until the card is actually asked\n * for: a roster of four people should cost four requests only if all four are looked at.\n */\n\nimport * as React from \"react\"\nimport { Info } from \"lucide-react\"\n\nimport { Dialog, DialogContent, DialogTitle } from \"../dialog\"\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from \"../hover-card\"\nimport { useCanHover } from \"../use-can-hover\"\nimport { cn } from \"../utils\"\n\nexport interface UserCardPreviewProps {\n  /** The thing you hover or stand the info button next to — usually the person's name. */\n  children: React.ReactNode\n  /** The card. As a function it receives whether the preview is open, for lazy fetching. */\n  card: React.ReactNode | ((open: boolean) => React.ReactNode)\n  /** The person's name. Titles the dialog, and names the trigger when `triggerLabel` is absent. */\n  label: string\n  /**\n   * Accessible name for the touch trigger. A button announced as just \"Alice, button\" does not\n   * say what pressing it DOES — pass something like \"Preview Alice\", localised by the consumer\n   * (the library holds no copy of its own).\n   */\n  triggerLabel?: string\n  /** Render the inline info button on touch devices. */\n  showTouchTrigger?: boolean\n  /** Skip the preview entirely and render the trigger alone. */\n  disabled?: boolean\n  openDelay?: number\n  closeDelay?: number\n  /**\n   * Class for the portalled surface (hover content and dialog alike). Apps that portal into their\n   * own theme need this — without it a portalled card resolves its tokens against the host\n   * document and can come out unreadable.\n   */\n  contentClassName?: string\n  className?: string\n}\n\nconst OPEN_DELAY_MS = 200\nconst CLOSE_DELAY_MS = 120\nconst CARD_WIDTH = 272\n\n/** The card surface is drawn by UserCard itself, so the container adds nothing of its own. */\nconst BARE_SURFACE = \"overflow-hidden rounded-none border-0 bg-transparent p-0 shadow-none\"\n\nexport function UserCardPreview({\n  children,\n  card,\n  label,\n  triggerLabel,\n  showTouchTrigger = true,\n  disabled = false,\n  openDelay = OPEN_DELAY_MS,\n  closeDelay = CLOSE_DELAY_MS,\n  contentClassName,\n  className,\n}: UserCardPreviewProps) {\n  const canHover = useCanHover()\n  const [open, setOpen] = React.useState(false)\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n\n  const resolve = (isOpen: boolean) => (typeof card === \"function\" ? card(isOpen) : card)\n\n  if (disabled) return <>{children}</>\n\n  if (!canHover) {\n    return (\n      <span className={cn(\"inline-flex items-center gap-1\", className)} data-slot=\"user-card-preview\">\n        {children}\n        {showTouchTrigger ? (\n          <button\n            type=\"button\"\n            aria-label={triggerLabel ?? label}\n            data-slot=\"user-card-preview-trigger\"\n            onClick={(event) => {\n              // The trigger commonly sits inside a link or a row that has its own press\n              // behaviour; asking about someone must not also navigate.\n              event.preventDefault()\n              event.stopPropagation()\n              setDialogOpen(true)\n            }}\n            className=\"inline-flex h-5 w-5 items-center justify-center rounded-full text-muted-foreground hover:bg-accent hover:text-foreground\"\n          >\n            <Info className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n          </button>\n        ) : null}\n\n        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>\n          <DialogContent\n            aria-describedby={undefined}\n            className={cn(\n              BARE_SURFACE,\n              \"w-[272px] max-w-none gap-0 [&>button]:right-2 [&>button]:top-2 [&>button]:z-20 [&>button]:rounded-full [&>button]:bg-background/85 [&>button]:p-1 [&>button]:opacity-100 [&>button]:shadow-sm [&>button]:backdrop-blur-sm\",\n              contentClassName\n            )}\n            onClick={(event) => event.stopPropagation()}\n          >\n            <DialogTitle className=\"sr-only\">{label}</DialogTitle>\n            {resolve(dialogOpen)}\n          </DialogContent>\n        </Dialog>\n      </span>\n    )\n  }\n\n  return (\n    // The marker sits on an OUTER element, not on the trigger's child: `asChild` merges the\n    // primitive's own props onto whatever it is given, and its `data-slot` wins — a marker put\n    // there silently disappears.\n    <span className={cn(\"inline-flex\", className)} data-slot=\"user-card-preview\">\n      <HoverCard open={open} onOpenChange={setOpen} openDelay={openDelay} closeDelay={closeDelay}>\n        <HoverCardTrigger asChild>\n          <span className=\"inline-flex min-w-0\">{children}</span>\n        </HoverCardTrigger>\n        <HoverCardContent\n          align=\"start\"\n          sideOffset={8}\n          className={cn(BARE_SURFACE, contentClassName)}\n          style={{ width: CARD_WIDTH, maxWidth: CARD_WIDTH }}\n        >\n          {resolve(open)}\n        </HoverCardContent>\n      </HoverCard>\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,YAAY,WAAW;AACvB,SAAS,YAAY;AA4DE,wBAyBb,YAzBa;AAzBvB,IAAM,gBAAgB;AACtB,IAAM,iBAAiB;AACvB,IAAM,aAAa;AAGnB,IAAM,eAAe;AAEd,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,WAAW,YAAY;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAU,eAAS,KAAK;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAU,eAAS,KAAK;AAExD,QAAM,UAAU,CAAC,WAAqB,OAAO,SAAS,aAAa,KAAK,MAAM,IAAI;AAElF,MAAI,SAAU,QAAO,gCAAG,UAAS;AAEjC,MAAI,CAAC,UAAU;AACb,WACE,qBAAC,UAAK,WAAW,GAAG,kCAAkC,SAAS,GAAG,aAAU,qBACzE;AAAA;AAAA,MACA,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,gBAAgB;AAAA,UAC5B,aAAU;AAAA,UACV,SAAS,CAAC,UAAU;AAGlB,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AACtB,0BAAc,IAAI;AAAA,UACpB;AAAA,UACA,WAAU;AAAA,UAEV,8BAAC,QAAK,WAAU,eAAc,eAAY,QAAO;AAAA;AAAA,MACnD,IACE;AAAA,MAEJ,oBAAC,UAAO,MAAM,YAAY,cAAc,eACtC;AAAA,QAAC;AAAA;AAAA,UACC,oBAAkB;AAAA,UAClB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,UAE1C;AAAA,gCAAC,eAAY,WAAU,WAAW,iBAAM;AAAA,YACvC,QAAQ,UAAU;AAAA;AAAA;AAAA,MACrB,GACF;AAAA,OACF;AAAA,EAEJ;AAEA;AAAA;AAAA;AAAA;AAAA,IAIE,oBAAC,UAAK,WAAW,GAAG,eAAe,SAAS,GAAG,aAAU,qBACvD,+BAAC,aAAU,MAAY,cAAc,SAAS,WAAsB,YAClE;AAAA,0BAAC,oBAAiB,SAAO,MACvB,8BAAC,UAAK,WAAU,uBAAuB,UAAS,GAClD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAW,GAAG,cAAc,gBAAgB;AAAA,UAC5C,OAAO,EAAE,OAAO,YAAY,UAAU,WAAW;AAAA,UAEhD,kBAAQ,IAAI;AAAA;AAAA,MACf;AAAA,OACF,GACF;AAAA;AAEJ;","names":[]}