@umamichi-ui/common-components 0.1.0

package/README.md

@@ -0,0 +1,112 @@
+# @umamichi-ui/common-components
+
+> 以下内容为 LLM 生成，且未经人工检查，请谨慎对待
+
+Umamichi 站点共用的 React UI 组件库，与 [@umamichi-ui/common-css](https://www.npmjs.com/package/@umamichi-ui/common-css) 配合使用。
+
+各子模块可单独引用，彼此尽量解耦：
+
+| 子路径 | 内容 |
+|--------|------|
+| `@umamichi-ui/common-components/presence` | 进出场动画 hook（不依赖叠层栈） |
+| `@umamichi-ui/common-components/overlay` | 叠层栈、`SiteOverlayBackdrop` |
+| `@umamichi-ui/common-components/icons` | Chevron、下拉箭头、信息图标 |
+| `@umamichi-ui/common-components/menu` | `FloatingMenu`、`MobileActionSheet` |
+| `@umamichi-ui/common-components/dialog` | `ConfirmDialog`、`AboutDialog` |
+| `@umamichi-ui/common-components/styles.css` | 本库补充样式（overlay、action sheet、about） |
+
+## 依赖图
+
+模块间**单向**依赖；`presence` 与 `icons` 为叶子模块，可被任意上层单独引用。
+
+```mermaid
+flowchart TB
+  subgraph peer["Peer（消费方安装）"]
+    react["react / react-dom"]
+    commonCss["@umamichi-ui/common-css"]
+  end
+
+  subgraph pkg["@umamichi-ui/common-components"]
+    presence["presence<br/>useOverlayPresence"]
+    icons["icons<br/>Chevron · DropdownMenuChevron · InfoCircle"]
+    overlay["overlay<br/>OverlayStackProvider · SiteOverlayBackdrop"]
+    menu["menu<br/>FloatingMenu · MobileActionSheet"]
+    dialog["dialog<br/>ConfirmDialog · ConfirmDialogOverlay · AboutDialog"]
+    styles["styles.css"]
+  end
+
+  react --> presence
+  react --> icons
+  react --> overlay
+  react --> menu
+  react --> dialog
+
+  commonCss -.->|"class 名约定"| styles
+  styles -.-> overlay
+  styles -.-> menu
+  styles -.-> dialog
+
+  presence --> overlay
+  presence --> menu
+
+  icons --> menu
+
+  overlay --> menu
+  overlay --> dialog
+```
+
+| 从 | 到 | 说明 |
+|----|-----|------|
+| `presence` | `overlay` | `SiteOverlayBackdrop` 进出场动画 |
+| `presence` | `menu` | `FloatingMenu` 面板淡入（不进叠层栈） |
+| `icons` | `menu` | 下拉箭头；ActionSheet 子菜单 Chevron |
+| `overlay` | `menu` | `MobileActionSheet` 底部 backdrop |
+| `overlay` | `dialog` | `ConfirmDialogOverlay` |
+| `dialog`（内部） | — | `AboutDialog` → `ConfirmDialog` + `ConfirmDialogOverlay` |
+
+**无库内依赖：** `ConfirmDialog`（纯 markup 壳）、`computeFloatingMenuGeometry`、`OverlayStackProvider` 自身逻辑。
+
+`menu` 子模块内：`FloatingMenu` 只走 `presence`；`MobileActionSheet` 额外依赖 `overlay`。
+
+## 使用
+
+```tsx
+import '@umamichi-ui/common-css';
+import '@umamichi-ui/common-components/styles.css';
+import { OverlayStackProvider } from '@umamichi-ui/common-components/overlay';
+
+// 根组件
+<OverlayStackProvider>
+  <App />
+</OverlayStackProvider>
+```
+
+`MobileActionSheet` 与 `ConfirmDialogOverlay` 需要外层已挂载 `OverlayStackProvider`。`FloatingMenu` 仅需 `presence` hook，不进入叠层栈。
+
+## 开发
+
+```bash
+npm install
+npm run build
+```
+
+安装（npm 发布后）：
+
+```bash
+npm install @umamichi-ui/common-components @umamichi-ui/common-css
+```
+
+本地联调可在消费项目中添加：
+
+```json
+"@umamichi-ui/common-components": "file:../umamichi-ui/common-components"
+```
+
+## 发布
+
+```bash
+npm run build
+npm publish --access public
+```
+
+版本记录见 [CHANGELOG.md](./CHANGELOG.md)。

package/dist/dialog/AboutDialog.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+export type AboutDialogLink = {
+    label: string;
+    href: string;
+};
+export type AboutDialogSection = {
+    id: string;
+    title: string;
+    content: ReactNode;
+};
+export type AboutDialogProps = {
+    open: boolean;
+    overlayId: string;
+    onClose: () => void;
+    appName: string;
+    version: string;
+    channelLabel?: ReactNode;
+    tagline?: ReactNode;
+    copyrightYear: number;
+    copyrightHolder?: string;
+    sections?: AboutDialogSection[];
+    links?: AboutDialogLink[];
+    dialogTitle?: string;
+    closeLabel?: string;
+};
+export declare function AboutDialog({ open, overlayId, onClose, appName, version, channelLabel, tagline, copyrightYear, copyrightHolder, sections, links, dialogTitle, closeLabel, }: AboutDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AboutDialog.d.ts.map

package/dist/dialog/AboutDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutDialog.d.ts","sourceRoot":"","sources":["../../src/dialog/AboutDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,YAAY,EACZ,OAAO,EACP,aAAa,EACb,eAA4B,EAC5B,QAAa,EACb,KAAU,EACV,WAAkB,EAClB,UAAiB,GAClB,EAAE,gBAAgB,2CAyDlB"}

package/dist/dialog/AboutDialog.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ConfirmDialog } from "./ConfirmDialog.js";
+import { ConfirmDialogOverlay } from "./ConfirmDialogOverlay.js";
+function AboutDialog({
+  open,
+  overlayId,
+  onClose,
+  appName,
+  version,
+  channelLabel,
+  tagline,
+  copyrightYear,
+  copyrightHolder = "Umamichi",
+  sections = [],
+  links = [],
+  dialogTitle = "关于",
+  closeLabel = "确定"
+}) {
+  return /* @__PURE__ */ jsx(ConfirmDialogOverlay, { open, overlayId, onDismiss: onClose, children: /* @__PURE__ */ jsxs(
+    ConfirmDialog,
+    {
+      title: dialogTitle,
+      titleId: "about-dialog-title",
+      className: "confirm-dialog about-dialog",
+      bodyClassName: "confirm-dialog-body about-dialog-body",
+      onClick: (event) => event.stopPropagation(),
+      actionsClassName: "confirm-dialog-actions about-dialog-actions",
+      actions: /* @__PURE__ */ jsx("button", { type: "button", className: "primary-button", onClick: onClose, children: closeLabel }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "about-dialog-product", children: [
+          /* @__PURE__ */ jsx("p", { className: "about-dialog-app-name", children: appName }),
+          /* @__PURE__ */ jsxs("p", { className: "about-dialog-version", children: [
+            "版本 ",
+            version,
+            channelLabel ? /* @__PURE__ */ jsx("span", { className: "about-dialog-channel", children: channelLabel }) : null
+          ] }),
+          tagline ? /* @__PURE__ */ jsx("p", { className: "about-dialog-tagline", children: tagline }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "about-dialog-copyright", children: [
+          "© ",
+          copyrightYear,
+          " ",
+          copyrightHolder
+        ] }),
+        sections.length > 0 || links.length > 0 ? /* @__PURE__ */ jsx("hr", { className: "about-dialog-divider" }) : null,
+        sections.map((section) => /* @__PURE__ */ jsxs("section", { className: "about-dialog-section", "aria-labelledby": section.id, children: [
+          /* @__PURE__ */ jsx("h3", { id: section.id, className: "about-dialog-section-title", children: section.title }),
+          /* @__PURE__ */ jsx("div", { className: "about-dialog-section-text", children: section.content })
+        ] }, section.id)),
+        links.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "about-dialog-meta", children: links.map((link) => /* @__PURE__ */ jsxs("div", { className: "about-dialog-meta-row", children: [
+          /* @__PURE__ */ jsx("dt", { children: link.label }),
+          /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("a", { href: link.href, target: "_blank", rel: "noreferrer", children: link.href }) })
+        ] }, link.label)) }) : null
+      ]
+    }
+  ) });
+}
+export {
+  AboutDialog
+};
+//# sourceMappingURL=AboutDialog.js.map

package/dist/dialog/AboutDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutDialog.js","sources":["../../src/dialog/AboutDialog.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ConfirmDialog } from './ConfirmDialog';\nimport { ConfirmDialogOverlay } from './ConfirmDialogOverlay';\n\nexport type AboutDialogLink = {\n  label: string;\n  href: string;\n};\n\nexport type AboutDialogSection = {\n  id: string;\n  title: string;\n  content: ReactNode;\n};\n\nexport type AboutDialogProps = {\n  open: boolean;\n  overlayId: string;\n  onClose: () => void;\n  appName: string;\n  version: string;\n  channelLabel?: ReactNode;\n  tagline?: ReactNode;\n  copyrightYear: number;\n  copyrightHolder?: string;\n  sections?: AboutDialogSection[];\n  links?: AboutDialogLink[];\n  dialogTitle?: string;\n  closeLabel?: string;\n};\n\nexport function AboutDialog({\n  open,\n  overlayId,\n  onClose,\n  appName,\n  version,\n  channelLabel,\n  tagline,\n  copyrightYear,\n  copyrightHolder = 'Umamichi',\n  sections = [],\n  links = [],\n  dialogTitle = '关于',\n  closeLabel = '确定',\n}: AboutDialogProps) {\n  return (\n    <ConfirmDialogOverlay open={open} overlayId={overlayId} onDismiss={onClose}>\n      <ConfirmDialog\n        title={dialogTitle}\n        titleId=\"about-dialog-title\"\n        className=\"confirm-dialog about-dialog\"\n        bodyClassName=\"confirm-dialog-body about-dialog-body\"\n        onClick={(event) => event.stopPropagation()}\n        actionsClassName=\"confirm-dialog-actions about-dialog-actions\"\n        actions={\n          <button type=\"button\" className=\"primary-button\" onClick={onClose}>\n            {closeLabel}\n          </button>\n        }\n      >\n        <div className=\"about-dialog-product\">\n          <p className=\"about-dialog-app-name\">{appName}</p>\n          <p className=\"about-dialog-version\">\n            版本 {version}\n            {channelLabel ? <span className=\"about-dialog-channel\">{channelLabel}</span> : null}\n          </p>\n          {tagline ? <p className=\"about-dialog-tagline\">{tagline}</p> : null}\n        </div>\n\n        <p className=\"about-dialog-copyright\">\n          © {copyrightYear} {copyrightHolder}\n        </p>\n\n        {sections.length > 0 || links.length > 0 ? <hr className=\"about-dialog-divider\" /> : null}\n\n        {sections.map((section) => (\n          <section key={section.id} className=\"about-dialog-section\" aria-labelledby={section.id}>\n            <h3 id={section.id} className=\"about-dialog-section-title\">\n              {section.title}\n            </h3>\n            <div className=\"about-dialog-section-text\">{section.content}</div>\n          </section>\n        ))}\n\n        {links.length > 0 ? (\n          <dl className=\"about-dialog-meta\">\n            {links.map((link) => (\n              <div key={link.label} className=\"about-dialog-meta-row\">\n                <dt>{link.label}</dt>\n                <dd>\n                  <a href={link.href} target=\"_blank\" rel=\"noreferrer\">\n                    {link.href}\n                  </a>\n                </dd>\n              </div>\n            ))}\n          </dl>\n        ) : null}\n      </ConfirmDialog>\n    </ConfirmDialogOverlay>\n  );\n}\n"],"names":[],"mappings":";;;AA+BO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW,CAAA;AAAA,EACX,QAAQ,CAAA;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AACf,GAAqB;AACnB,SACE,oBAAC,sBAAA,EAAqB,MAAY,WAAsB,WAAW,SACjE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,eAAc;AAAA,MACd,SAAS,CAAC,UAAU,MAAM,gBAAA;AAAA,MAC1B,kBAAiB;AAAA,MACjB,6BACG,UAAA,EAAO,MAAK,UAAS,WAAU,kBAAiB,SAAS,SACvD,UAAA,WAAA,CACH;AAAA,MAGF,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAA,oBAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,SAAQ;AAAA,UAC9C,qBAAC,KAAA,EAAE,WAAU,wBAAuB,UAAA;AAAA,YAAA;AAAA,YAC9B;AAAA,YACH,eAAe,oBAAC,QAAA,EAAK,WAAU,wBAAwB,wBAAa,IAAU;AAAA,UAAA,GACjF;AAAA,UACC,UAAU,oBAAC,KAAA,EAAE,WAAU,wBAAwB,mBAAQ,IAAO;AAAA,QAAA,GACjE;AAAA,QAEA,qBAAC,KAAA,EAAE,WAAU,0BAAyB,UAAA;AAAA,UAAA;AAAA,UACjC;AAAA,UAAc;AAAA,UAAE;AAAA,QAAA,GACrB;AAAA,QAEC,SAAS,SAAS,KAAK,MAAM,SAAS,IAAI,oBAAC,MAAA,EAAG,WAAU,uBAAA,CAAuB,IAAK;AAAA,QAEpF,SAAS,IAAI,CAAC,YACb,qBAAC,aAAyB,WAAU,wBAAuB,mBAAiB,QAAQ,IAClF,UAAA;AAAA,UAAA,oBAAC,QAAG,IAAI,QAAQ,IAAI,WAAU,8BAC3B,kBAAQ,MAAA,CACX;AAAA,UACA,oBAAC,OAAA,EAAI,WAAU,6BAA6B,kBAAQ,QAAA,CAAQ;AAAA,QAAA,KAJhD,QAAQ,EAKtB,CACD;AAAA,QAEA,MAAM,SAAS,IACd,oBAAC,QAAG,WAAU,qBACX,UAAA,MAAM,IAAI,CAAC,SACV,qBAAC,OAAA,EAAqB,WAAU,yBAC9B,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAI,eAAK,MAAA,CAAM;AAAA,UAChB,oBAAC,MAAA,EACC,UAAA,oBAAC,KAAA,EAAE,MAAM,KAAK,MAAM,QAAO,UAAS,KAAI,cACrC,UAAA,KAAK,MACR,EAAA,CACF;AAAA,QAAA,EAAA,GANQ,KAAK,KAOf,CACD,EAAA,CACH,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/dialog/ConfirmDialog.d.ts

@@ -0,0 +1,17 @@
+import type { FormEventHandler, MouseEventHandler, ReactNode } from 'react';
+export type ConfirmDialogProps = {
+    title: ReactNode;
+    titleId?: string;
+    children: ReactNode;
+    actions: ReactNode;
+    className?: string;
+    bodyClassName?: string;
+    actionsClassName?: string;
+    role?: 'dialog' | 'alertdialog';
+    ariaDescribedBy?: string;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onSubmit?: FormEventHandler<HTMLFormElement>;
+    as?: 'div' | 'form';
+};
+export declare function ConfirmDialog({ title, titleId, children, actions, className, bodyClassName, actionsClassName, role, ariaDescribedBy, onClick, onSubmit, as, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/dialog/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/dialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC7C,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAA4B,EAC5B,aAAqC,EACrC,gBAA2C,EAC3C,IAAe,EACf,eAAe,EACf,OAAO,EACP,QAAQ,EACR,EAAU,GACX,EAAE,kBAAkB,2CA8BpB"}

package/dist/dialog/ConfirmDialog.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+function ConfirmDialog({
+  title,
+  titleId,
+  children,
+  actions,
+  className = "confirm-dialog",
+  bodyClassName = "confirm-dialog-body",
+  actionsClassName = "confirm-dialog-actions",
+  role = "dialog",
+  ariaDescribedBy,
+  onClick,
+  onSubmit,
+  as = "div"
+}) {
+  const resolvedTitleId = titleId ?? "confirm-dialog-title";
+  const sharedProps = {
+    className,
+    role,
+    "aria-modal": true,
+    "aria-labelledby": resolvedTitleId,
+    ...ariaDescribedBy ? { "aria-describedby": ariaDescribedBy } : {},
+    onClick
+  };
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h2", { id: resolvedTitleId, className: "confirm-dialog-title", children: title }),
+    /* @__PURE__ */ jsx("div", { className: bodyClassName, children }),
+    /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actions })
+  ] });
+  if (as === "form") {
+    return /* @__PURE__ */ jsx("form", { ...sharedProps, onSubmit, children: inner });
+  }
+  return /* @__PURE__ */ jsx("div", { ...sharedProps, children: inner });
+}
+export {
+  ConfirmDialog
+};
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/dialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../src/dialog/ConfirmDialog.tsx"],"sourcesContent":["import type { FormEventHandler, MouseEventHandler, ReactNode } from 'react';\n\nexport type ConfirmDialogProps = {\n  title: ReactNode;\n  titleId?: string;\n  children: ReactNode;\n  actions: ReactNode;\n  className?: string;\n  bodyClassName?: string;\n  actionsClassName?: string;\n  role?: 'dialog' | 'alertdialog';\n  ariaDescribedBy?: string;\n  onClick?: MouseEventHandler<HTMLElement>;\n  onSubmit?: FormEventHandler<HTMLFormElement>;\n  as?: 'div' | 'form';\n};\n\nexport function ConfirmDialog({\n  title,\n  titleId,\n  children,\n  actions,\n  className = 'confirm-dialog',\n  bodyClassName = 'confirm-dialog-body',\n  actionsClassName = 'confirm-dialog-actions',\n  role = 'dialog',\n  ariaDescribedBy,\n  onClick,\n  onSubmit,\n  as = 'div',\n}: ConfirmDialogProps) {\n  const resolvedTitleId = titleId ?? 'confirm-dialog-title';\n  const sharedProps = {\n    className,\n    role,\n    'aria-modal': true as const,\n    'aria-labelledby': resolvedTitleId,\n    ...(ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {}),\n    onClick,\n  };\n\n  const inner = (\n    <>\n      <h2 id={resolvedTitleId} className=\"confirm-dialog-title\">\n        {title}\n      </h2>\n      <div className={bodyClassName}>{children}</div>\n      <div className={actionsClassName}>{actions}</div>\n    </>\n  );\n\n  if (as === 'form') {\n    return (\n      <form {...sharedProps} onSubmit={onSubmit}>\n        {inner}\n      </form>\n    );\n  }\n\n  return <div {...sharedProps}>{inner}</div>;\n}\n"],"names":[],"mappings":";AAiBO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAAuB;AACrB,QAAM,kBAAkB,WAAW;AACnC,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,GAAI,kBAAkB,EAAE,oBAAoB,gBAAA,IAAoB,CAAA;AAAA,IAChE;AAAA,EAAA;AAGF,QAAM,QACJ,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,IAAI,iBAAiB,WAAU,wBAChC,UAAA,OACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAW,eAAgB,SAAA,CAAS;AAAA,IACzC,oBAAC,OAAA,EAAI,WAAW,kBAAmB,UAAA,QAAA,CAAQ;AAAA,EAAA,GAC7C;AAGF,MAAI,OAAO,QAAQ;AACjB,WACE,oBAAC,QAAA,EAAM,GAAG,aAAa,UACpB,UAAA,OACH;AAAA,EAEJ;AAEA,SAAO,oBAAC,OAAA,EAAK,GAAG,aAAc,UAAA,OAAM;AACtC;"}

package/dist/dialog/ConfirmDialogOverlay.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { type SiteOverlayAlign } from '../overlay/SiteOverlayBackdrop';
+export type ConfirmDialogOverlayProps = {
+    open: boolean;
+    overlayId: string;
+    onDismiss: () => void;
+    onExited?: () => void;
+    children: ReactNode;
+    align?: SiteOverlayAlign;
+    dismissOnEscape?: boolean;
+};
+export declare function ConfirmDialogOverlay({ open, overlayId, onDismiss, onExited, children, align, dismissOnEscape, }: ConfirmDialogOverlayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialogOverlay.d.ts.map

package/dist/dialog/ConfirmDialogOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialogOverlay.d.ts","sourceRoot":"","sources":["../../src/dialog/ConfirmDialogOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAkB,EAClB,eAAsB,GACvB,EAAE,yBAAyB,2CAa3B"}

package/dist/dialog/ConfirmDialogOverlay.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { SiteOverlayBackdrop } from "../overlay/SiteOverlayBackdrop.js";
+function ConfirmDialogOverlay({
+  open,
+  overlayId,
+  onDismiss,
+  onExited,
+  children,
+  align = "centered",
+  dismissOnEscape = true
+}) {
+  return /* @__PURE__ */ jsx(
+    SiteOverlayBackdrop,
+    {
+      open,
+      overlayId,
+      align,
+      onDismiss,
+      onExited,
+      dismissOnEscape,
+      children
+    }
+  );
+}
+export {
+  ConfirmDialogOverlay
+};
+//# sourceMappingURL=ConfirmDialogOverlay.js.map

package/dist/dialog/ConfirmDialogOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialogOverlay.js","sources":["../../src/dialog/ConfirmDialogOverlay.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { SiteOverlayBackdrop, type SiteOverlayAlign } from '../overlay/SiteOverlayBackdrop';\n\nexport type ConfirmDialogOverlayProps = {\n  open: boolean;\n  overlayId: string;\n  onDismiss: () => void;\n  onExited?: () => void;\n  children: ReactNode;\n  align?: SiteOverlayAlign;\n  dismissOnEscape?: boolean;\n};\n\nexport function ConfirmDialogOverlay({\n  open,\n  overlayId,\n  onDismiss,\n  onExited,\n  children,\n  align = 'centered',\n  dismissOnEscape = true,\n}: ConfirmDialogOverlayProps) {\n  return (\n    <SiteOverlayBackdrop\n      open={open}\n      overlayId={overlayId}\n      align={align}\n      onDismiss={onDismiss}\n      onExited={onExited}\n      dismissOnEscape={dismissOnEscape}\n    >\n      {children}\n    </SiteOverlayBackdrop>\n  );\n}\n"],"names":[],"mappings":";;AAaO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,kBAAkB;AACpB,GAA8B;AAC5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { AboutDialog, type AboutDialogLink, type AboutDialogProps, type AboutDialogSection, } from './AboutDialog';
+export { ConfirmDialog, type ConfirmDialogProps } from './ConfirmDialog';
+export { ConfirmDialogOverlay, type ConfirmDialogOverlayProps } from './ConfirmDialogOverlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/dialog/index.js

@@ -0,0 +1,9 @@
+import { AboutDialog } from "./AboutDialog.js";
+import { ConfirmDialog } from "./ConfirmDialog.js";
+import { ConfirmDialogOverlay } from "./ConfirmDialogOverlay.js";
+export {
+  AboutDialog,
+  ConfirmDialog,
+  ConfirmDialogOverlay
+};
+//# sourceMappingURL=index.js.map

package/dist/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/icons/ChevronIcons.d.ts

@@ -0,0 +1,6 @@
+export type ChevronIconProps = {
+    className?: string;
+};
+export declare function ChevronRightIcon({ className }: ChevronIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChevronLeftIcon({ className }: ChevronIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChevronIcons.d.ts.map

package/dist/icons/ChevronIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronIcons.d.ts","sourceRoot":"","sources":["../../src/icons/ChevronIcons.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAUF,wBAAgB,gBAAgB,CAAC,EAAE,SAA0B,EAAE,EAAE,gBAAgB,2CAMhF;AAED,wBAAgB,eAAe,CAAC,EAAE,SAA0B,EAAE,EAAE,gBAAgB,2CAM/E"}

package/dist/icons/ChevronIcons.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+const chevronPathProps = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.75,
+  strokeLinecap: "square",
+  strokeLinejoin: "miter"
+};
+function ChevronRightIcon({ className = "chevron-icon" }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 4 L10 8 L6 12", ...chevronPathProps }) });
+}
+function ChevronLeftIcon({ className = "chevron-icon" }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M10 4 L6 8 L10 12", ...chevronPathProps }) });
+}
+export {
+  ChevronLeftIcon,
+  ChevronRightIcon
+};
+//# sourceMappingURL=ChevronIcons.js.map

package/dist/icons/ChevronIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronIcons.js","sources":["../../src/icons/ChevronIcons.tsx"],"sourcesContent":["export type ChevronIconProps = {\n  className?: string;\n};\n\nconst chevronPathProps = {\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 1.75,\n  strokeLinecap: 'square' as const,\n  strokeLinejoin: 'miter' as const,\n};\n\nexport function ChevronRightIcon({ className = 'chevron-icon' }: ChevronIconProps) {\n  return (\n    <svg className={className} viewBox=\"0 0 16 16\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n      <path d=\"M6 4 L10 8 L6 12\" {...chevronPathProps} />\n    </svg>\n  );\n}\n\nexport function ChevronLeftIcon({ className = 'chevron-icon' }: ChevronIconProps) {\n  return (\n    <svg className={className} viewBox=\"0 0 16 16\" width=\"20\" height=\"20\" aria-hidden=\"true\">\n      <path d=\"M10 4 L6 8 L10 12\" {...chevronPathProps} />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";AAIA,MAAM,mBAAmB;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,gBAAgB;AAClB;AAEO,SAAS,iBAAiB,EAAE,YAAY,kBAAoC;AACjF,6BACG,OAAA,EAAI,WAAsB,SAAQ,aAAY,OAAM,MAAK,QAAO,MAAK,eAAY,QAChF,UAAA,oBAAC,QAAA,EAAK,GAAE,oBAAoB,GAAG,kBAAkB,GACnD;AAEJ;AAEO,SAAS,gBAAgB,EAAE,YAAY,kBAAoC;AAChF,6BACG,OAAA,EAAI,WAAsB,SAAQ,aAAY,OAAM,MAAK,QAAO,MAAK,eAAY,QAChF,UAAA,oBAAC,QAAA,EAAK,GAAE,qBAAqB,GAAG,kBAAkB,GACpD;AAEJ;"}

package/dist/icons/DropdownMenuChevron.d.ts

@@ -0,0 +1,6 @@
+export type DropdownMenuChevronProps = {
+    className?: string;
+    size?: number;
+};
+export declare function DropdownMenuChevron({ className, size }: DropdownMenuChevronProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownMenuChevron.d.ts.map

package/dist/icons/DropdownMenuChevron.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuChevron.d.ts","sourceRoot":"","sources":["../../src/icons/DropdownMenuChevron.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,SAAmC,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAgB1G"}

package/dist/icons/DropdownMenuChevron.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+function DropdownMenuChevron({ className = "dropdown-menu-chevron", size }) {
+  const width = size ?? "0.72em";
+  const height = size ?? "0.72em";
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", width, height, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4 7 L8 11 L12 7",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.75",
+      strokeLinecap: "square",
+      strokeLinejoin: "miter"
+    }
+  ) });
+}
+export {
+  DropdownMenuChevron
+};
+//# sourceMappingURL=DropdownMenuChevron.js.map

package/dist/icons/DropdownMenuChevron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuChevron.js","sources":["../../src/icons/DropdownMenuChevron.tsx"],"sourcesContent":["export type DropdownMenuChevronProps = {\n  className?: string;\n  size?: number;\n};\n\nexport function DropdownMenuChevron({ className = 'dropdown-menu-chevron', size }: DropdownMenuChevronProps) {\n  const width = size ?? '0.72em';\n  const height = size ?? '0.72em';\n\n  return (\n    <svg className={className} viewBox=\"0 0 16 16\" width={width} height={height} aria-hidden=\"true\">\n      <path\n        d=\"M4 7 L8 11 L12 7\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.75\"\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n      />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";AAKO,SAAS,oBAAoB,EAAE,YAAY,yBAAyB,QAAkC;AAC3G,QAAM,QAAQ,QAAQ;AACtB,QAAM,SAAS,QAAQ;AAEvB,SACE,oBAAC,SAAI,WAAsB,SAAQ,aAAY,OAAc,QAAgB,eAAY,QACvF,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,EAAA,GAEnB;AAEJ;"}

package/dist/icons/InfoCircleIcon.d.ts

@@ -0,0 +1,5 @@
+export type InfoCircleIconProps = {
+    className?: string;
+};
+export declare function InfoCircleIcon({ className }: InfoCircleIconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InfoCircleIcon.d.ts.map

package/dist/icons/InfoCircleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCircleIcon.d.ts","sourceRoot":"","sources":["../../src/icons/InfoCircleIcon.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,SAAkC,EAAE,EAAE,mBAAmB,2CAUzF"}

package/dist/icons/InfoCircleIcon.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function InfoCircleIcon({ className = "app-info-circle-icon" }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", width: "20", height: "20", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M12 10.25a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2Zm-.15 1.05c-.55 0-1 .35-1 .9v4.1c0 .55.45.9 1 .9h.3c.55 0 1-.35 1-.9v-4.1c0-.55-.45-.9-1-.9h-.3Z"
+      }
+    )
+  ] });
+}
+export {
+  InfoCircleIcon
+};
+//# sourceMappingURL=InfoCircleIcon.js.map

package/dist/icons/InfoCircleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCircleIcon.js","sources":["../../src/icons/InfoCircleIcon.tsx"],"sourcesContent":["export type InfoCircleIconProps = {\n  className?: string;\n};\n\nexport function InfoCircleIcon({ className = 'app-info-circle-icon' }: InfoCircleIconProps) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" aria-hidden>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path\n        fill=\"currentColor\"\n        d=\"M12 10.25a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2Zm-.15 1.05c-.55 0-1 .35-1 .9v4.1c0 .55.45.9 1 .9h.3c.55 0 1-.35 1-.9v-4.1c0-.55-.45-.9-1-.9h-.3Z\"\n      />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";AAIO,SAAS,eAAe,EAAE,YAAY,0BAA+C;AAC1F,SACE,qBAAC,OAAA,EAAI,WAAsB,SAAQ,aAAY,OAAM,MAAK,QAAO,MAAK,eAAW,MAC/E,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI;AAAA,IAChF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACF;AAEJ;"}

package/dist/icons/index.d.ts

@@ -0,0 +1,4 @@
+export { ChevronLeftIcon, ChevronRightIcon, type ChevronIconProps } from './ChevronIcons';
+export { DropdownMenuChevron, type DropdownMenuChevronProps } from './DropdownMenuChevron';
+export { InfoCircleIcon, type InfoCircleIconProps } from './InfoCircleIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/icons/index.js

@@ -0,0 +1,10 @@
+import { ChevronLeftIcon, ChevronRightIcon } from "./ChevronIcons.js";
+import { DropdownMenuChevron } from "./DropdownMenuChevron.js";
+import { InfoCircleIcon } from "./InfoCircleIcon.js";
+export {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  DropdownMenuChevron,
+  InfoCircleIcon
+};
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './presence';
+export * from './overlay';
+export * from './icons';
+export * from './menu';
+export * from './dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,45 @@
+import { AboutDialog } from "./dialog/AboutDialog.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "./icons/ChevronIcons.js";
+import { ConfirmDialog } from "./dialog/ConfirmDialog.js";
+import { ConfirmDialogOverlay } from "./dialog/ConfirmDialogOverlay.js";
+import { DropdownMenuChevron } from "./icons/DropdownMenuChevron.js";
+import { FloatingMenu } from "./menu/FloatingMenu.js";
+import { InfoCircleIcon } from "./icons/InfoCircleIcon.js";
+import { MobileActionSheet } from "./menu/MobileActionSheet.js";
+import { MobileActionSheetContent } from "./menu/MobileActionSheetContent.js";
+import { OVERLAY_HISTORY_STATE_KEY, isOverlayHistoryState, pushOverlayHistoryState } from "./overlay/overlayHistory.js";
+import { OVERLAY_Z_BASE, OVERLAY_Z_STEP, computeOverlayZIndex } from "./overlay/overlayStackTypes.js";
+import { OverlayStackProvider, useOverlayStack } from "./overlay/OverlayStackProvider.js";
+import { SiteOverlayBackdrop } from "./overlay/SiteOverlayBackdrop.js";
+import { computeFloatingMenuGeometry } from "./menu/computeFloatingMenuGeometry.js";
+import { mergeOverlayRefs, useOverlayPresence, withOverlayOpen } from "./presence/useOverlayPresence.js";
+import { useFloatingMenuGeometry } from "./menu/useFloatingMenuGeometry.js";
+import { useOverlayStackEntry } from "./overlay/useOverlayStackEntry.js";
+export {
+  AboutDialog,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ConfirmDialog,
+  ConfirmDialogOverlay,
+  DropdownMenuChevron,
+  FloatingMenu,
+  InfoCircleIcon,
+  MobileActionSheet,
+  MobileActionSheetContent,
+  OVERLAY_HISTORY_STATE_KEY,
+  OVERLAY_Z_BASE,
+  OVERLAY_Z_STEP,
+  OverlayStackProvider,
+  SiteOverlayBackdrop,
+  computeFloatingMenuGeometry,
+  computeOverlayZIndex,
+  isOverlayHistoryState,
+  mergeOverlayRefs,
+  pushOverlayHistoryState,
+  useFloatingMenuGeometry,
+  useOverlayPresence,
+  useOverlayStack,
+  useOverlayStackEntry,
+  withOverlayOpen
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/menu/FloatingMenu.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+export type FloatingMenuItem = {
+    kind: 'item';
+    id: string;
+    label: ReactNode;
+    disabled?: boolean;
+    title?: string;
+    onSelect: () => void;
+};
+export type FloatingMenuSeparator = {
+    kind: 'separator';
+    id: string;
+};
+export type FloatingMenuEntry = FloatingMenuItem | FloatingMenuSeparator;
+export type FloatingMenuTriggerVariant = 'labeled' | 'icon';
+export type FloatingMenuProps = {
+    menuAriaLabel: string;
+    items: FloatingMenuEntry[];
+    triggerLabel?: ReactNode;
+    triggerIcon?: ReactNode;
+    triggerVariant?: FloatingMenuTriggerVariant;
+    triggerClassName?: string;
+    triggerAriaLabel?: string;
+    scrollRootSelector?: string;
+    wrapClassName?: string;
+};
+export declare function FloatingMenu({ menuAriaLabel, items, triggerLabel, triggerIcon, triggerVariant, triggerClassName, triggerAriaLabel, scrollRootSelector, wrapClassName, }: FloatingMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FloatingMenu.d.ts.map

package/dist/menu/FloatingMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingMenu.d.ts","sourceRoot":"","sources":["../../src/menu/FloatingMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,WAAW,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,qBAAqB,CAAC;AAEzE,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,MAAM,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAaF,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,KAAK,EACL,YAAY,EACZ,WAAW,EACX,cAA0B,EAC1B,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,aAA+B,GAChC,EAAE,iBAAiB,2CAqHnB"}