@usememos/ui 26.10.0 → 26.10.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 usememos
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,117 +1,90 @@
 # @usememos/ui
 
-Opinionated React UI kit with explicit CSS delivery and compound component APIs.
+The Memos UI design system: tokens, foundation styles and React components for memos, the website, the web clipper and future usememos projects.
 
-## Install
+- Calm, dense and tactile: pure grays, ink for emphasis, and a little depth that shows what holds a value and what you can press.
+- Light, Dark and High contrast themes, all from CSS custom properties.
+- One package, `@usememos/ui`. ESM only, for React 18 or later, with behavior from [Base UI](https://base-ui.com).
 
-```bash
-pnpm add @usememos/ui react react-dom
+The package ships the tokens, the foundation styles and 28 components, each with a page in [docs/components](docs/components/README.md). Versions follow memos' CalVer (`26.10.0`, `26.10.1`) and do not signal breaking changes, so pin an exact version. [docs/](docs/README.md) is the design system and the source of truth for the package.
+
+## Use it
+
+```sh
+npm install @usememos/ui
 ```
 
-Import the packaged theme once:
+Load the tokens first, then the styles:
 
-```tsx
-import "@usememos/ui/theme.css";
+```ts
+import '@usememos/ui/tokens.css';
+import '@usememos/ui/styles.css';
 ```
 
-## Compound API
+- `tokens.css` defines every token as a CSS custom property on `:root`, on a shadow root's `:host`, and on any `.mu-root` element.
+- `styles.css` holds the foundation classes (`mu-s-md`, `mu-raised`, `mu-recessed`, `mu-key`, `mu-popup`, `mu-icon`, the `mu-` type scale) and the component styles.
+
+Use tokens through their variables (`var(--ink)`, `var(--space-4)`), never as copied values.
+
+Then build screens from the components. `lucide-react` is a peer dependency: icons are passed to components as elements.
 
 ```tsx
-import { Button, Dialog, Input, Select } from "@usememos/ui";
-
-<Input aria-label="Project name" placeholder="Project name" />;
-
-<Dialog.Root>
-  <Dialog.Trigger render={<Button />}>Open dialog</Dialog.Trigger>
-  <Dialog.Content>
-    <Dialog.Header>
-      <Dialog.Title>Team access</Dialog.Title>
-      <Dialog.Description>Review the current members.</Dialog.Description>
-    </Dialog.Header>
-  </Dialog.Content>
-</Dialog.Root>;
-
-<Select.Root defaultValue="react">
-  <Select.Trigger aria-label="Framework">
-    <Select.Value placeholder="Pick one" />
-  </Select.Trigger>
-  <Select.Content>
-    <Select.Item value="react">React</Select.Item>
-    <Select.Item value="vue">Vue</Select.Item>
-  </Select.Content>
-</Select.Root>;
-```
+import { Button, Menu, Toast } from '@usememos/ui';
+import { Ellipsis, Pin, Plus, Trash2 } from 'lucide-react';
+
+export function App() {
+  return (
+    <Toast.Provider>
+      <NewNote />
+      <Toast.Viewport />
+    </Toast.Provider>
+  );
+}
 
-## Public Entrypoints
-
-- `@usememos/ui`
-- `@usememos/ui/theme.css`
-- `@usememos/ui/button`
-- `@usememos/ui/checkbox`
-- `@usememos/ui/dialog`
-- `@usememos/ui/dropdown-menu`
-- `@usememos/ui/input`
-- `@usememos/ui/popover`
-- `@usememos/ui/radio-group`
-- `@usememos/ui/select`
-- `@usememos/ui/separator`
-- `@usememos/ui/switch`
-- `@usememos/ui/tooltip`
-
-## Customization
-
-Theme overrides are done with CSS variables on `:root`, `[data-mui-theme]`, or any subtree wrapper:
-
-```css
-:root {
-  --mui-color-background: oklch(0.985 0.0015 260);
-  --mui-color-foreground: oklch(0.205 0.004 260);
-  --mui-color-card: oklch(1 0 0);
-  --mui-color-popover: oklch(1 0 0);
-  --mui-color-primary: oklch(0.245 0.006 260);
-  --mui-color-primary-foreground: oklch(0.99 0 0);
-  --mui-color-secondary: oklch(0.952 0.002 260);
-  --mui-color-border: oklch(0.895 0.003 260);
-  --mui-color-input: oklch(0.84 0.003 260);
-  --mui-color-ring: oklch(0.52 0.085 155);
+function NewNote() {
+  const toasts = Toast.useToastManager();
+  return (
+    <>
+      <Button variant="primary" icon={<Plus />} onClick={() => toasts.add({ title: 'Note created' })}>
+        New note
+      </Button>
+      <Menu.Root>
+        <Menu.Trigger render={<Button variant="ghost" icon={<Ellipsis />} aria-label="More actions" />} />
+        <Menu.Popup align="end">
+          <Menu.Item icon={<Pin />}>Pin</Menu.Item>
+          <Menu.Separator />
+          <Menu.Item icon={<Trash2 />} danger>
+            Delete
+          </Menu.Item>
+        </Menu.Popup>
+      </Menu.Root>
+    </>
+  );
 }
 ```
 
-Dark mode is supported out of the box:
+Components with more than one element are namespaces of parts named after Base UI's (`Menu.Root`, `Menu.Trigger`, `Menu.Popup`). Each part takes Base UI's props, plus the few listed on its docs page.
 
-```html
-<html class="dark">
-  <!-- app -->
-</html>
-```
+### For coding agents
 
-or on any subtree:
+The package ships `llms.txt`, an index of the docs, and `llms-full.txt`, every docs page in one file. Point an agent at `node_modules/@usememos/ui/llms-full.txt` before it builds a screen.
 
-```tsx
-<div data-mui-theme="dark">{/* app */}</div>
-```
+### Themes
 
-Components also accept `className` for local overrides:
+Set `data-theme="light"`, `"dark"` or `"contrast"` on the root element, or on any element to theme its subtree. Without the attribute the tokens are Light. The package does not read `prefers-color-scheme`; the app does, so a saved preference can win over the system setting.
 
-```tsx
-<Button className="my-custom-styles">Custom Button</Button>
-```
+### Inside another page
 
-## Development
+In a browser extension or an embed, mount the UI under a `.mu-root` element or inside a shadow root. The package has no global selectors beyond `:root`, `:host` and `.mu-root`.
 
-```bash
-pnpm docs
-pnpm test
-pnpm test:browser
-pnpm build
-```
-
-The browser test project uses Vitest Browser Mode with Playwright. On a new machine, install Chromium once:
+## Develop
 
-```bash
-pnpm exec playwright install chromium
+```sh
+npm install
+npm test           # unit tests (vitest), including tokens.css against the docs
+npm run test:e2e   # browser tests (Playwright)
+npm run typecheck
+npm run build      # the published files, in packages/ui/dist
 ```
 
-## License
-
-MIT © [usememos](https://github.com/usememos)
+See [AGENTS.md](AGENTS.md) for the rules, the workflow and releasing.

package/dist/OFL.txt

@@ -0,0 +1,92 @@
+Copyright (c) 2016-2018 The Inter Project Authors (me@rsms.me)
+
+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 AND 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/index.js

@@ -1,48 +1,3 @@
-import {
-  Select
-} from "./chunk-3DNMGJFC.js";
-import {
-  Separator
-} from "./chunk-SNSDJKJP.js";
-import {
-  Switch
-} from "./chunk-OIUVLPTE.js";
-import {
-  Tooltip
-} from "./chunk-Z3ME5VRQ.js";
-import {
-  Button
-} from "./chunk-F6GH4X7N.js";
-import {
-  Checkbox
-} from "./chunk-5GQEJQKE.js";
-import {
-  Input
-} from "./chunk-3VYNJ6UM.js";
-import {
-  Dialog
-} from "./chunk-S6LVYCE6.js";
-import {
-  DropdownMenu
-} from "./chunk-WPO54YPG.js";
-import {
-  Popover
-} from "./chunk-3YY2G3JK.js";
-import "./chunk-BH4MPO4N.js";
-import {
-  RadioGroup
-} from "./chunk-HYN2P4OY.js";
-import "./chunk-6TNEFWVX.js";
-export {
-  Button,
-  Checkbox,
-  Dialog,
-  DropdownMenu,
-  Input,
-  Popover,
-  RadioGroup,
-  Select,
-  Separator,
-  Switch,
-  Tooltip
-};
+'use client';
+var We=Object.defineProperty;var S=(r,o)=>{for(var e in o)We(r,e,{get:o[e],enumerable:!0})};var ce={};S(ce,{Close:()=>to,Description:()=>oo,Footer:()=>ro,Popup:()=>je,Root:()=>Ye,Title:()=>eo,Trigger:()=>Ze});import{AlertDialog as Qe}from"@base-ui/react/alert-dialog";import{X as Je}from"lucide-react";import{forwardRef as A}from"react";function l(...r){return r.filter(Boolean).join(" ")}function a(r,o){return typeof o=="function"?e=>l(r,o(e)):l(r,o)}import{Button as Xe}from"@base-ui/react/button";import{forwardRef as qe}from"react";import{createContext as Ke,useContext as Ue}from"react";var c=Ke(void 0);function p(r){let o=Ue(c);return r??o??"md"}import{jsx as le,jsxs as _e}from"react/jsx-runtime";function z({variant:r="neutral",size:o="md",iconOnly:e=!1}={}){return l("mu-button",`mu-button-${r}`,e&&"mu-button-icon","mu-base",`mu-s-${o}`,"mu-focus","mu-hit")}var O=qe(function({variant:o="neutral",size:e,icon:t,loading:s=!1,loadingLabel:n,disabled:i,focusableWhenDisabled:m,className:P,children:g,...x},B){let v=p(e),_=t!==void 0&&(g==null||g===!1);return _e(Xe,{ref:B,...x,...s&&n?{"aria-label":n}:null,disabled:i||s,focusableWhenDisabled:s||m,"aria-busy":s||void 0,"data-loading":s?"":void 0,className:a(z({variant:o,size:v,iconOnly:_}),P),children:[t,_?null:le("span",{className:"mu-button-label",children:g}),s?le("span",{className:"mu-spinner","aria-hidden":!0}):null]})});import{jsx as h,jsxs as ue}from"react/jsx-runtime";function J(r,o,e){let t=A(function({className:x,...B},v){return h(r.Trigger,{ref:v,...B,className:a(`mu-${o}-trigger`,x)})}),s=A(function({container:x,sheet:B=!0,closeLabel:v="Close",className:_,children:$e,...Oe},Ve){return ue(r.Portal,{container:x,children:[h(r.Backdrop,{className:"mu-dialog-backdrop"}),h(r.Viewport,{className:l("mu-dialog-viewport",B&&"mu-dialog-sheet"),children:ue(r.Popup,{ref:Ve,...Oe,className:a(`mu-dialog-popup mu-${o}-popup mu-popup mu-base mu-s-md`,_),children:[$e,e?h(r.Close,{className:"mu-dialog-x",render:h(O,{variant:"ghost",size:"sm",icon:h(Je,{}),"aria-label":v})}):null]})})]})}),n=A(function({className:x,...B},v){return h(r.Title,{ref:v,...B,className:a("mu-dialog-title mu-title",x)})}),i=A(function({className:x,...B},v){return h(r.Description,{ref:v,...B,className:a("mu-dialog-description mu-body",x)})}),m=A(function({className:x,...B},v){return h(r.Close,{ref:v,...B,className:a(`mu-${o}-close`,x)})}),P=A(function({className:x,...B},v){return h("div",{ref:v,...B,className:l("mu-dialog-footer",x)})});return{Root:r.Root,Trigger:t,Popup:s,Title:n,Description:i,Close:m,Footer:P}}var I=J(Qe,"alert-dialog",!1),Ye=I.Root,Ze=I.Trigger,je=I.Popup,eo=I.Title,oo=I.Description,to=I.Close,ro=I.Footer;var fe={};S(fe,{Fallback:()=>ao,Image:()=>no,Root:()=>so});import{Avatar as te}from"@base-ui/react/avatar";import{forwardRef as re}from"react";import{jsx as se}from"react/jsx-runtime";var so=re(function({size:o,className:e,...t},s){let n=p(o);return se(te.Root,{ref:s,...t,className:a(`mu-avatar-root mu-base mu-s-${n}`,e)})}),no=re(function({className:o,...e},t){return se(te.Image,{ref:t,...e,className:a("mu-avatar-image",o)})}),ao=re(function({className:o,...e},t){return se(te.Fallback,{ref:t,...e,className:a("mu-avatar-fallback",o)})});import{mergeProps as io}from"@base-ui/react/merge-props";import{useRender as po}from"@base-ui/react/use-render";import{forwardRef as mo}from"react";import{Fragment as uo,jsxs as co}from"react/jsx-runtime";var lo=mo(function({tone:o="neutral",icon:e,render:t,children:s,...n},i){return po({defaultTagName:"span",render:t,ref:i,props:io({className:`mu-badge mu-badge-${o} mu-base mu-s-sm`,children:co(uo,{children:[e,s]})},n)})});import{Checkbox as de}from"@base-ui/react/checkbox";import{Check as fo,Minus as Po}from"lucide-react";import{forwardRef as xo}from"react";import{jsx as V}from"react/jsx-runtime";var go=xo(function({size:o,className:e,...t},s){let n=p(o);return V(de.Root,{ref:s,...t,className:a(`mu-checkbox mu-s-${n} mu-focus mu-hit`,e),children:V(de.Indicator,{className:"mu-checkbox-indicator",render:(i,m)=>V("span",{...i,children:m.indeterminate?V(Po,{"aria-hidden":!0}):V(fo,{"aria-hidden":!0})})})})});var Pe={};S(Pe,{Panel:()=>So,Root:()=>To,Trigger:()=>Ro});import{Collapsible as ne}from"@base-ui/react/collapsible";import{ChevronDown as bo}from"lucide-react";import{forwardRef as ae}from"react";import{jsx as W,jsxs as Bo}from"react/jsx-runtime";var To=ae(function({size:o,className:e,...t},s){let n=p(o);return W(c.Provider,{value:n,children:W(ne.Root,{ref:s,...t,className:a("mu-collapsible",e)})})}),Ro=ae(function({className:o,children:e,...t},s){let n=p();return Bo(ne.Trigger,{ref:s,...t,className:a(`mu-collapsible-trigger ${z({variant:"ghost",size:n})}`,o),children:[W("span",{className:"mu-button-label",children:e}),W(bo,{className:"mu-collapsible-chevron","aria-hidden":!0})]})}),So=ae(function({className:o,...e},t){return W(ne.Panel,{ref:t,...e,className:a("mu-collapsible-panel",o)})});var xe={};S(xe,{Collection:()=>No,Empty:()=>Do,Group:()=>Ho,GroupLabel:()=>ko,Input:()=>zo,Item:()=>Io,List:()=>wo,Popup:()=>Eo,Root:()=>Mo,Separator:()=>Go,useFilter:()=>Lo});import{Combobox as b}from"@base-ui/react/combobox";import{Check as Co,ChevronsUpDown as yo,Search as ho}from"lucide-react";import{forwardRef as E}from"react";var vo=["side","align","sideOffset","alignOffset","collisionPadding","collisionAvoidance","collisionBoundary","sticky","anchor","positionMethod","arrowPadding","disableAnchorTracking","alignItemWithTrigger"];function N(r){let o={},e={};for(let[t,s]of Object.entries(r))vo.includes(t)?s!==void 0&&(o[t]=s):e[t]=s;return[o,e]}import{jsx as d,jsxs as ge}from"react/jsx-runtime";var No=b.Collection,Lo=b.useFilter;function Mo({size:r,...o}){let e=p(r);return d(c.Provider,{value:e,children:d(b.Root,{...o})})}var zo=E(function({icon:o=d(ho,{}),triggerLabel:e="Show options",className:t,style:s,...n},i){let m=p();return ge(b.InputGroup,{className:l("mu-input-root mu-combobox-input-root mu-base",`mu-s-${m}`,t),style:s,children:[o!==null?d("span",{className:"mu-input-prefix",children:o}):null,d(b.Input,{ref:i,...n,className:"mu-input"}),d("span",{className:"mu-input-suffix",children:d(b.Trigger,{className:"mu-combobox-trigger mu-focus","aria-label":e,children:d(yo,{"aria-hidden":!0})})})]})}),Eo=E(function({container:o,className:e,...t},s){let n=p(),[i,m]=N(t);return d(b.Portal,{container:o,children:d(b.Positioner,{sideOffset:4,align:"start",...i,className:"mu-positioner",children:d(b.Popup,{ref:s,...m,className:a(`mu-combobox-popup mu-popup mu-popup-motion mu-base mu-s-${n}`,e)})})})}),wo=E(function({className:o,...e},t){return d(b.List,{ref:t,...e,className:a("mu-combobox-list",o)})}),Io=E(function({icon:o,className:e,children:t,...s},n){return ge(b.Item,{ref:n,...s,className:a("mu-combobox-item",e),children:[o,d("span",{className:"mu-combobox-item-text",children:t}),d("span",{className:"mu-combobox-indicator",children:d(b.ItemIndicator,{render:d(Co,{"aria-hidden":!0}),children:null})})]})}),Do=E(function({className:o,...e},t){return d(b.Empty,{ref:t,...e,className:a("mu-combobox-empty mu-body",o)})}),Ho=E(function({className:o,...e},t){return d(b.Group,{ref:t,...e,className:a("mu-combobox-group",o)})}),ko=E(function({className:o,...e},t){return d(b.GroupLabel,{ref:t,...e,className:a("mu-combobox-group-label mu-label-xs",o)})}),Go=E(function({className:o,...e},t){return d(b.Separator,{ref:t,...e,className:a("mu-combobox-separator",o)})});var be={};S(be,{Close:()=>Ko,Description:()=>Wo,Footer:()=>Uo,Popup:()=>Oo,Root:()=>Ao,Title:()=>Vo,Trigger:()=>$o});import{Dialog as Fo}from"@base-ui/react/dialog";var D=J(Fo,"dialog",!0),Ao=D.Root,$o=D.Trigger,Oo=D.Popup,Vo=D.Title,Wo=D.Description,Ko=D.Close,Uo=D.Footer;var Te={};S(Te,{Description:()=>Qo,Error:()=>Yo,Item:()=>Jo,Label:()=>_o,Root:()=>qo});import{Field as K}from"@base-ui/react/field";import{CircleAlert as Xo}from"lucide-react";import{forwardRef as U}from"react";import{jsx as H,jsxs as Zo}from"react/jsx-runtime";var qo=U(function({size:o,className:e,...t},s){let n=p(o);return H(c.Provider,{value:n,children:H(K.Root,{ref:s,...t,className:a("mu-field-root",e)})})}),_o=U(function({className:o,...e},t){return H(K.Label,{ref:t,...e,className:a("mu-field-label mu-label",o)})}),Jo=U(function({className:o,...e},t){return H(K.Item,{ref:t,...e,className:a("mu-field-item",o)})}),Qo=U(function({className:o,...e},t){return H(K.Description,{ref:t,...e,className:a("mu-field-description mu-caption",o)})}),Yo=U(function({className:o,children:e,...t},s){return Zo(K.Error,{ref:s,...t,className:a("mu-field-error mu-caption",o),children:[H(Xo,{className:"mu-icon","aria-hidden":!0}),H("span",{children:e})]})});var Be={};S(Be,{Legend:()=>et,Root:()=>jo});import{Fieldset as Re}from"@base-ui/react/fieldset";import{forwardRef as Se}from"react";import{jsx as ie}from"react/jsx-runtime";var jo=Se(function({size:o,className:e,...t},s){let n=p(o);return ie(c.Provider,{value:n,children:ie(Re.Root,{ref:s,...t,className:a("mu-fieldset-root",e)})})}),et=Se(function({className:o,...e},t){return ie(Re.Legend,{ref:t,...e,className:a("mu-fieldset-legend mu-label",o)})});import{Input as ot}from"@base-ui/react/input";import{forwardRef as tt}from"react";import{jsx as pe,jsxs as st}from"react/jsx-runtime";var rt=tt(function({size:o,prefix:e,suffix:t,className:s,style:n,...i},m){let P=p(o);return st("span",{className:l("mu-input-root mu-base",`mu-s-${P}`,s),style:n,children:[e!==void 0?pe("span",{className:"mu-input-prefix",children:e}):null,pe(ot,{ref:m,...i,className:"mu-input"}),t!==void 0?pe("span",{className:"mu-input-suffix",children:t}):null]})});import{mergeProps as nt}from"@base-ui/react/merge-props";import{useRender as at}from"@base-ui/react/use-render";import{forwardRef as it}from"react";var pt=it(function({render:o,...e},t){return at({defaultTagName:"kbd",render:o,ref:t,props:nt({className:"mu-kbd mu-label-xs"},e)})});import{mergeProps as mt}from"@base-ui/react/merge-props";import{useRender as lt}from"@base-ui/react/use-render";import{ArrowUpRight as ut}from"lucide-react";import{forwardRef as ct}from"react";import{Fragment as Pt,jsx as dt,jsxs as xt}from"react/jsx-runtime";var ft=ct(function({muted:o=!1,external:e=!1,underline:t="hover",render:s,children:n,...i},m){return lt({defaultTagName:"a",render:s,ref:m,props:mt({className:`mu-link${o?" mu-link-muted":""}${t==="always"?" mu-link-underline":""} mu-focus`,...e?{target:"_blank",rel:"noopener noreferrer"}:null,children:xt(Pt,{children:[n,e?dt(ut,{className:"mu-icon","aria-hidden":!0}):null]})},i)})});var Ce={};S(Ce,{CheckboxItem:()=>Bt,Group:()=>yt,GroupLabel:()=>ht,Item:()=>St,Popup:()=>Rt,RadioGroup:()=>vt,RadioItem:()=>Ct,Root:()=>bt,Separator:()=>Nt,SubmenuRoot:()=>Lt,SubmenuTrigger:()=>Mt,Trigger:()=>Tt});import{Menu as T}from"@base-ui/react/menu";import{Check as ve,ChevronRight as gt}from"lucide-react";import{forwardRef as L}from"react";import{Fragment as zt,jsx as u,jsxs as Y}from"react/jsx-runtime";function bt({size:r,...o}){let e=p(r);return u(c.Provider,{value:e,children:u(T.Root,{...o})})}var Tt=L(function({className:o,...e},t){return u(T.Trigger,{ref:t,...e,className:a("mu-menu-trigger",o)})}),Rt=L(function({container:o,className:e,...t},s){let n=p(),[i,m]=N(t);return u(T.Portal,{container:o,children:u(T.Positioner,{sideOffset:4,...i,className:"mu-positioner",children:u(T.Popup,{ref:s,...m,className:a(`mu-menu-popup mu-popup mu-popup-motion mu-base mu-s-${n}`,e)})})})});function Q({icon:r,shortcut:o,children:e}){return Y(zt,{children:[r,u("span",{className:"mu-menu-label",children:e}),o!==void 0?u("span",{className:"mu-menu-shortcut",children:o}):null]})}var St=L(function({icon:o,shortcut:e,danger:t=!1,className:s,children:n,...i},m){return u(T.Item,{ref:m,...i,className:a(`mu-menu-item${t?" mu-menu-item-danger":""}`,s),children:u(Q,{icon:o,shortcut:e,children:n})})}),Bt=L(function({icon:o,shortcut:e,className:t,children:s,...n},i){return Y(T.CheckboxItem,{ref:i,...n,className:a("mu-menu-item mu-menu-checkbox-item",t),children:[u(Q,{icon:o,shortcut:e,children:s}),u("span",{className:"mu-menu-indicator",children:u(T.CheckboxItemIndicator,{render:u(ve,{"aria-hidden":!0})})})]})}),vt=L(function({className:o,...e},t){return u(T.RadioGroup,{ref:t,...e,className:a("mu-menu-radio-group",o)})}),Ct=L(function({icon:o,shortcut:e,className:t,children:s,...n},i){return Y(T.RadioItem,{ref:i,...n,className:a("mu-menu-item mu-menu-radio-item",t),children:[u(Q,{icon:o,shortcut:e,children:s}),u("span",{className:"mu-menu-indicator",children:u(T.RadioItemIndicator,{render:u(ve,{"aria-hidden":!0})})})]})}),yt=L(function({className:o,...e},t){return u(T.Group,{ref:t,...e,className:a("mu-menu-group",o)})}),ht=L(function({className:o,...e},t){return u(T.GroupLabel,{ref:t,...e,className:a("mu-menu-group-label mu-label-xs",o)})}),Nt=L(function({className:o,...e},t){return u(T.Separator,{ref:t,...e,className:a("mu-menu-separator",o)})}),Lt=T.SubmenuRoot,Mt=L(function({icon:o,className:e,children:t,...s},n){return Y(T.SubmenuTrigger,{ref:n,...s,className:a("mu-menu-item mu-menu-submenu-trigger",e),children:[u(Q,{icon:o,children:t}),u(gt,{className:"mu-menu-chevron","aria-hidden":!0})]})});var ye={};S(ye,{Close:()=>kt,Description:()=>Ht,Popup:()=>It,Root:()=>Et,Title:()=>Dt,Trigger:()=>wt});import{Popover as w}from"@base-ui/react/popover";import{forwardRef as X}from"react";import{jsx as k}from"react/jsx-runtime";var Et=w.Root,wt=X(function({className:o,...e},t){return k(w.Trigger,{ref:t,...e,className:a("mu-popover-trigger",o)})}),It=X(function({container:o,className:e,...t},s){let[n,i]=N(t);return k(w.Portal,{container:o,children:k(w.Positioner,{sideOffset:6,...n,className:"mu-positioner",children:k(w.Popup,{ref:s,...i,className:a("mu-popover-popup mu-popup mu-popup-motion mu-base mu-s-md",e)})})})}),Dt=X(function({className:o,...e},t){return k(w.Title,{ref:t,...e,className:a("mu-popover-title mu-label",o)})}),Ht=X(function({className:o,...e},t){return k(w.Description,{ref:t,...e,className:a("mu-popover-description mu-body-sm",o)})}),kt=X(function({className:o,...e},t){return k(w.Close,{ref:t,...e,className:a("mu-popover-close",o)})});import{forwardRef as Gt}from"react";import{jsx as At}from"react/jsx-runtime";var Ft=Gt(function({size:o="md",className:e,...t},s){return At("div",{ref:s,...t,className:l("mu-prose",o==="sm"&&"mu-prose-sm",e)})});import{Radio as he}from"@base-ui/react/radio";import{RadioGroup as $t}from"@base-ui/react/radio-group";import{forwardRef as Ne}from"react";import{jsx as Z}from"react/jsx-runtime";var Ot=Ne(function({size:o,orientation:e="vertical",className:t,...s},n){let i=p(o);return Z(c.Provider,{value:i,children:Z($t,{ref:n,"aria-orientation":e,...s,"data-orientation":e,className:a(`mu-radio-group mu-s-${i}`,t)})})}),Vt=Ne(function({size:o,className:e,...t},s){let n=p(o);return Z(he.Root,{ref:s,...t,className:a(`mu-radio mu-s-${n} mu-focus mu-hit`,e),children:Z(he.Indicator,{className:"mu-radio-indicator"})})});var Le={};S(Le,{Group:()=>Zt,GroupLabel:()=>jt,Item:()=>Yt,Popup:()=>Qt,Root:()=>qt,Separator:()=>er,Trigger:()=>_t,Value:()=>Jt});import{Select as R}from"@base-ui/react/select";import{Check as Wt,ChevronDown as Kt,ChevronsUpDown as Ut,ChevronUp as Xt}from"lucide-react";import{forwardRef as G}from"react";import{jsx as f,jsxs as me}from"react/jsx-runtime";function qt({size:r,...o}){let e=p(r);return f(c.Provider,{value:e,children:f(R.Root,{...o})})}var _t=G(function({className:o,children:e,...t},s){let n=p();return me(R.Trigger,{ref:s,...t,className:a(`mu-select-trigger ${z({variant:"neutral",size:n})}`,o),children:[e,f(R.Icon,{className:"mu-select-icon",children:f(Ut,{"aria-hidden":!0})})]})}),Jt=G(function({className:o,...e},t){return f(R.Value,{ref:t,...e,className:a("mu-select-value",o)})}),Qt=G(function({container:o,className:e,children:t,...s},n){let i=p(),[m,P]=N(s);return f(R.Portal,{container:o,children:f(R.Positioner,{sideOffset:4,...m,className:"mu-positioner mu-select-positioner",children:me(R.Popup,{ref:n,...P,className:a(`mu-select-popup mu-popup mu-popup-motion mu-base mu-s-${i}`,e),children:[f(R.ScrollUpArrow,{className:"mu-select-scroll-arrow",render:g=>f("div",{...g,children:f(Xt,{"aria-hidden":!0})})}),f(R.List,{className:"mu-select-list",children:t}),f(R.ScrollDownArrow,{className:"mu-select-scroll-arrow",render:g=>f("div",{...g,children:f(Kt,{"aria-hidden":!0})})})]})})})}),Yt=G(function({icon:o,className:e,children:t,...s},n){return me(R.Item,{ref:n,...s,className:a("mu-select-item",e),children:[o,f(R.ItemText,{className:"mu-select-item-text",children:t}),f("span",{className:"mu-select-indicator",children:f(R.ItemIndicator,{render:f(Wt,{"aria-hidden":!0}),children:null})})]})}),Zt=G(function({className:o,...e},t){return f(R.Group,{ref:t,...e,className:a("mu-select-group",o)})}),jt=G(function({className:o,...e},t){return f(R.GroupLabel,{ref:t,...e,className:a("mu-select-group-label mu-label-xs",o)})}),er=G(function({className:o,...e},t){return f(R.Separator,{ref:t,...e,className:a("mu-select-separator",o)})});import{Separator as or}from"@base-ui/react/separator";import{forwardRef as tr}from"react";import{jsx as sr}from"react/jsx-runtime";var rr=tr(function({className:o,...e},t){return sr(or,{ref:t,...e,className:a("mu-separator",o)})});import{mergeProps as nr}from"@base-ui/react/merge-props";import{useRender as ar}from"@base-ui/react/use-render";import{forwardRef as ir}from"react";var pr=ir(function({width:o,height:e,round:t=!1,size:s,render:n,...i},m){let P=p(s);return ar({defaultTagName:"div",render:n,ref:m,props:nr({className:`mu-skeleton${t?" mu-skeleton-round":""} mu-s-${P}`,"aria-hidden":!0,style:{width:o??(t?e:void 0),height:e}},i)})});import{mergeProps as mr}from"@base-ui/react/merge-props";import{useRender as lr}from"@base-ui/react/use-render";import{forwardRef as ur}from"react";var cr=ur(function({size:o,label:e="Loading",render:t,...s},n){let i=p(o);return lr({defaultTagName:"span",render:t,ref:n,props:mr({className:`mu-spinner mu-s-${i}`,role:"status","aria-label":e},s)})});import{Switch as Me}from"@base-ui/react/switch";import{forwardRef as fr}from"react";import{jsx as ze}from"react/jsx-runtime";var dr=fr(function({size:o,className:e,...t},s){let n=p(o);return ze(Me.Root,{ref:s,...t,className:a(`mu-switch mu-s-${n} mu-focus mu-hit`,e),children:ze(Me.Thumb,{className:"mu-switch-thumb"})})});var Ee={};S(Ee,{Body:()=>br,Caption:()=>Br,Cell:()=>Sr,Head:()=>Rr,Header:()=>gr,Root:()=>xr,Row:()=>Tr});import{forwardRef as F}from"react";import{jsx as M}from"react/jsx-runtime";var Pr={sm:"mu-body-sm",md:"mu-body",lg:"mu-body-lg"},xr=F(function({size:o,className:e,...t},s){let n=p(o);return M(c.Provider,{value:n,children:M("div",{className:"mu-table-scroll",children:M("table",{ref:s,...t,className:l("mu-table mu-base",`mu-s-${n}`,Pr[n],e)})})})}),gr=F(function({className:o,...e},t){return M("thead",{ref:t,...e,className:l("mu-table-header",o)})}),br=F(function({className:o,...e},t){return M("tbody",{ref:t,...e,className:l("mu-table-body",o)})}),Tr=F(function({className:o,...e},t){return M("tr",{ref:t,...e,className:l("mu-table-row",o)})}),Rr=F(function({num:o=!1,scope:e="col",className:t,...s},n){return M("th",{ref:n,scope:e,...s,className:l("mu-table-head mu-label-sm",o&&"mu-table-num",t)})}),Sr=F(function({num:o=!1,muted:e=!1,className:t,...s},n){return M("td",{ref:n,...s,className:l("mu-table-cell",o&&"mu-table-num",e&&"mu-table-muted",t)})}),Br=F(function({className:o,...e},t){return M("caption",{ref:t,...e,className:l("mu-table-caption mu-caption",o)})});var we={};S(we,{List:()=>Cr,Panel:()=>hr,Root:()=>vr,Tab:()=>yr});import{Tabs as q}from"@base-ui/react/tabs";import{forwardRef as ee}from"react";import{jsx as j,jsxs as Ie}from"react/jsx-runtime";var vr=ee(function({size:o,className:e,...t},s){let n=p(o);return j(c.Provider,{value:n,children:j(q.Root,{ref:s,...t,className:a("mu-tabs-root",e)})})}),Cr=ee(function({className:o,children:e,...t},s){let n=p();return Ie(q.List,{ref:s,...t,className:a(`mu-tabs-list mu-segmented mu-base mu-s-${n}`,o),children:[j(q.Indicator,{className:"mu-tabs-indicator mu-segmented-key"}),e]})}),yr=ee(function({icon:o,className:e,children:t,...s},n){return Ie(q.Tab,{ref:n,...s,className:a("mu-tabs-tab mu-segmented-item mu-focus",e),children:[o,t]})}),hr=ee(function({className:o,...e},t){return j(q.Panel,{ref:t,...e,className:a("mu-tabs-panel mu-focus",o)})});import{Field as Nr}from"@base-ui/react/field";import{forwardRef as Lr}from"react";import{jsx as De}from"react/jsx-runtime";var Mr=Lr(function({size:o,rows:e=3,className:t,...s},n){let i=p(o);return De(Nr.Control,{ref:n,...s,render:De("textarea",{rows:e}),className:a(`mu-textarea mu-base mu-s-${i}`,t)})});var ke={};S(ke,{Provider:()=>kr,Viewport:()=>Ar,createToastManager:()=>Fr,useToastManager:()=>Gr});import{Toast as C}from"@base-ui/react/toast";import{CircleAlert as zr,CircleCheck as Er,Info as wr,TriangleAlert as Ir,X as Dr}from"lucide-react";import{forwardRef as Hr}from"react";import{jsx as y,jsxs as He}from"react/jsx-runtime";var kr=C.Provider,Gr=C.useToastManager,Fr=C.createToastManager,Ar=Hr(function({container:o,closeLabel:e="Close",className:t,...s},n){return y(C.Portal,{container:o,children:y(C.Viewport,{ref:n,...s,className:a("mu-toast-viewport",t),children:y(Vr,{closeLabel:e})})})}),$r={neutral:wr,success:Er,warning:Ir,danger:zr},Or=r=>r==="success"||r==="warning"||r==="danger"?r:"neutral";function Vr({closeLabel:r}){let{toasts:o}=C.useToastManager();return o.map(e=>{let t=Or(e.type),s=$r[t];return y(C.Root,{toast:e,className:l("mu-toast mu-popup mu-base mu-s-md",`mu-toast-${t}`),children:He(C.Content,{className:"mu-toast-content",children:[y(s,{className:"mu-toast-icon","aria-hidden":!0}),He("div",{className:"mu-toast-text",children:[y(C.Title,{className:"mu-toast-title mu-label"}),y(C.Description,{className:"mu-toast-description mu-body-sm"})]}),y(C.Action,{className:l("mu-toast-action",z({variant:"neutral",size:"sm"}))}),y(C.Close,{className:"mu-toast-close",render:y(O,{variant:"ghost",size:"sm",icon:y(Dr,{}),"aria-label":r})})]})},e.id)})}import{Toggle as Wr}from"@base-ui/react/toggle";import{forwardRef as Kr}from"react";import{jsx as Xr,jsxs as qr}from"react/jsx-runtime";var Ur=Kr(function({size:o,icon:e,className:t,children:s,...n},i){let m=p(o),P=e!==void 0&&(s==null||s===!1);return qr(Wr,{ref:i,...n,className:a(`mu-toggle${P?" mu-toggle-icon":""} mu-base mu-s-${m} mu-focus mu-hit`,t),children:[e,P?null:Xr("span",{className:"mu-toggle-label",children:s})]})});import{ToggleGroup as _r}from"@base-ui/react/toggle-group";import{forwardRef as Jr,useCallback as Qr,useLayoutEffect as Yr,useRef as Zr}from"react";import{jsx as Ge,jsxs as os}from"react/jsx-runtime";var jr=Jr(function({size:o,multiple:e=!1,className:t,children:s,...n},i){let m=p(o),P=Zr(null),g=Qr(x=>{P.current=x,typeof i=="function"?i(x):i&&(i.current=x)},[i]);return es(P,!e),Ge(c.Provider,{value:m,children:os(_r,{ref:g,multiple:e,...n,className:a(e?`mu-toggle-group mu-s-${m}`:`mu-toggle-group mu-segmented mu-base mu-s-${m}`,t),children:[e?null:Ge("span",{className:"mu-segmented-key","aria-hidden":!0}),s]})})});function es(r,o){Yr(()=>{let e=r.current;if(!o||!e)return;let t=()=>{let i=e.querySelector(":scope > .mu-toggle[data-pressed]");i?(e.style.setProperty("--key-left",`${i.offsetLeft}px`),e.style.setProperty("--key-width",`${i.offsetWidth}px`),e.dataset.keyed=""):delete e.dataset.keyed};t();let s=new MutationObserver(t);s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-pressed"],childList:!0});let n=new ResizeObserver(t);n.observe(e);for(let i of e.children)n.observe(i);return()=>{s.disconnect(),n.disconnect()}},[r,o])}var Ae={};S(Ae,{Popup:()=>ns,Provider:()=>ts,Root:()=>rs,Trigger:()=>ss});import{Tooltip as $}from"@base-ui/react/tooltip";import{forwardRef as Fe}from"react";import{jsx as oe,jsxs as as}from"react/jsx-runtime";var ts=$.Provider,rs=$.Root,ss=Fe(function({delay:o=400,className:e,...t},s){return oe($.Trigger,{ref:s,delay:o,...t,className:a("mu-tooltip-trigger",e)})}),ns=Fe(function({container:o,shortcut:e,className:t,children:s,...n},i){let[m,P]=N(n);return oe($.Portal,{container:o,children:oe($.Positioner,{sideOffset:6,...m,className:"mu-positioner",children:as($.Popup,{ref:i,...P,className:a("mu-tooltip-popup mu-popup-motion mu-label-sm",t),children:[s,e!==void 0?oe("span",{className:"mu-tooltip-shortcut",children:e}):null]})})})});export{ce as AlertDialog,fe as Avatar,lo as Badge,O as Button,go as Checkbox,Pe as Collapsible,xe as Combobox,be as Dialog,Te as Field,Be as Fieldset,rt as Input,pt as Kbd,ft as Link,Ce as Menu,ye as Popover,Ft as Prose,Vt as Radio,Ot as RadioGroup,Le as Select,rr as Separator,pr as Skeleton,cr as Spinner,dr as Switch,Ee as Table,we as Tabs,Mr as Textarea,ke as Toast,Ur as Toggle,jr as ToggleGroup,Ae as Tooltip,z as buttonClasses};
+//# sourceMappingURL=index.js.map