welcome-ui 7.0.1-alpha.0 → 7.1.0

package/README.md

@@ -0,0 +1,129 @@
+# Welcome UI
+
+![Welcome UI Logo](https://github.com/user-attachments/assets/e7df47fd-e6c8-462a-ac09-d052d67555bc)
+
+Welcome to the _Welcome UI library_ created by [Welcome to the jungle](https://www.welcometothejungle.com), a customizable design system with react • typescript • styled-components • styled-system and ariakit.
+
+Here you'll find all the core components you need to create a delightful webapp.
+
+🌴 [Discover all the components](https://welcome-ui.com)
+
+---
+
+[![License](https://img.shields.io/npm/l/welcome-ui.svg)](https://github.com/WTTJ/welcome-ui/tree/main/LICENSE) ![Code formating](https://img.shields.io/badge/code%20formating-prettier-blue.svg) ![Code style](https://img.shields.io/badge/code%20style-styled--components-ff69b4.svg) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-mediumspringgreen.svg)](https://github.com/WTTJ/welcome-ui/tree/main/CONTRIBUTING.mdx) [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)
+
+---
+
+## Installation
+
+1 - Install the `welcome-ui` package and **peer dependencies** listed below:
+
+```bash
+yarn add welcome-ui @xstyled/styled-components@^3.7.3 react@^18.0.0 styled-components@^5.3.9
+```
+
+## Import library & Theme
+
+Getting started
+
+```js
+import React from 'react'
+import { createTheme } from 'welcome-ui/theme'
+import { WuiProvider } from 'welcome-ui/WuiProvider'
+import { Button } from 'welcome-ui/Button'
+
+// Add theme options (if you want)
+const options = {
+  defaultFontFamily: 'Helvetica',
+  headingFontFamily: 'Georgia',
+  colors: {
+    primary: {
+      50: '#124C80',
+    },
+    green: {
+      50: '#32CD32',
+    },
+  },
+}
+
+// Create your theme
+const theme = createTheme(options)
+export default function Root() {
+  return (
+    // Wrap your components with <WuiProvider /> with your theme
+    <WuiProvider
+      theme={theme}
+      // Will inject a CSS reset with normalizer
+      hasGlobalStyle
+      // Will show the focus ring on keyboard navigation only
+      shouldHideFocusRingOnClick
+    >
+      <Button>Welcome!</Button>
+    </WuiProvider>
+  )
+}
+```
+
+## Develop on local
+
+1. Install
+
+```bash
+yarn
+```
+
+2. Start a watch on all packages to rebuild them easily
+
+```bash
+yarn start
+```
+
+3. Start documentation website
+
+```bash
+yarn website
+```
+
+4. and go to http://localhost:3020
+
+## How to release
+
+The release of the library is automated by the CI, you just need to bump package version and push git tags to initiate the process.
+
+### Release process
+
+**The commands listed below will only prompt for library to bump**. Then they will modify package version, commit changes and create the git tag to finally push everything to github. **No further actions are required once you have validated the packages to bump.**
+
+#### How to release
+
+##### Production
+
+(ex: **7.1.0**):
+
+```bash
+yarn release
+```
+
+##### Alpha
+
+(ex: **7.1.0-alpha.0**)
+
+Generate an alpha release for broader team testing:
+
+```bash
+yarn release:alpha
+```
+
+##### Development
+
+(ex: **dev.1738060597**)
+
+Create a development release based on the current timestamp for quick testing of pre-release features:
+
+```bash
+yarn release:dev
+```
+
+### About the CI
+
+The CI will trigger on tags to build the packages and then push them to the npm registry

package/dist/{CustomInput-Cewo45Hd.mjs → CustomInput-BqaOGHm4.mjs}

@@ -9,7 +9,7 @@ import { StyledSelect as yo, Select as gn } from "./Select.mjs";
 import { StyledButton as wo, Button as yn } from "./Button.mjs";
 import vt, { css as gt, system as ca, th as Ht } from "@xstyled/styled-components";
 import { d as ua, F as bo } from "./field-styles-DLIhqG_8.mjs";
-import { _ as _o, a as x } from "./downshift.esm-BOfUfcgd.mjs";
+import { _ as _o, a as x } from "./downshift.esm-CEHW4VDy.mjs";
 import { r as la, a as ko } from "./index-BYdkhqH4.mjs";
 import { IconGroupWrapper as pa, IconWrapper as da } from "./Field.mjs";
 import { shouldForwardProp as Do } from "./System.mjs";

package/dist/DatePicker.mjs

@@ -1,7 +1,7 @@
 "use client";
 import d, { useState as R, useRef as w, useEffect as I } from "react";
 import { forwardRef as G } from "./System.mjs";
-import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-Cewo45Hd.mjs";
+import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-BqaOGHm4.mjs";
 const Z = G(
   ({
     autoFocus: S,

package/dist/DateTimePicker.mjs

@@ -1,7 +1,7 @@
 "use client";
 import r, { Children as p, useState as E, useEffect as P, cloneElement as $ } from "react";
 import x, { css as _, system as b } from "@xstyled/styled-components";
-import { S as w, a as h, D as S, g as A } from "./CustomInput-Cewo45Hd.mjs";
+import { S as w, a as h, D as S, g as A } from "./CustomInput-BqaOGHm4.mjs";
 import { DatePicker as N } from "./DatePicker.mjs";
 import { TimePicker as R } from "./TimePicker.mjs";
 import { forwardRef as C } from "./System.mjs";

package/dist/DateTimePickerCommon.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { C as a, c as t, b as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomInput-Cewo45Hd.mjs";
+import { C as a, c as t, b as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomInput-BqaOGHm4.mjs";
 export {
   a as CustomHeader,
   t as CustomInput,

package/dist/Search.mjs

@@ -1,6 +1,6 @@
 "use client";
 import t, { useState as me, useCallback as pe, useMemo as fe, Fragment as ue } from "react";
-import { D as H } from "./downshift.esm-BOfUfcgd.mjs";
+import { D as H } from "./downshift.esm-CEHW4VDy.mjs";
 import { c as he } from "./create-event-rXDe5aCQ.mjs";
 import { d as ge, F as Ee } from "./field-styles-DLIhqG_8.mjs";
 import { t as $e } from "./throttle-BDBzFeFj.mjs";

package/dist/Select.mjs

@@ -1,6 +1,6 @@
 "use client";
 import m, { useMemo as Ze, useState as P, useEffect as he, Fragment as Qe } from "react";
-import { D as pe } from "./downshift.esm-BOfUfcgd.mjs";
+import { D as pe } from "./downshift.esm-CEHW4VDy.mjs";
 import { g as Xe } from "./_commonjsHelpers-CXJ7dpIk.mjs";
 import { c as Ge } from "./create-event-rXDe5aCQ.mjs";
 import { d as Je, F as qe } from "./field-styles-DLIhqG_8.mjs";

package/dist/TimePicker.mjs

@@ -1,7 +1,7 @@
 "use client";
 import c, { useState as T, useEffect as E } from "react";
 import M from "@xstyled/styled-components";
-import { f as Y, a as w, c as I, b as L, D as O, g as U } from "./CustomInput-Cewo45Hd.mjs";
+import { f as Y, a as w, c as I, b as L, D as O, g as U } from "./CustomInput-BqaOGHm4.mjs";
 import { forwardRef as W } from "./System.mjs";
 const $ = M.div`
   position: relative;

package/dist/Toast.mjs

@@ -231,7 +231,7 @@ G.displayName = "Snackbar";
 const xt = ({ pauseOnHover: t = !0 }) => {
   const e = H(L), s = st(), { handlers: a, toasts: r } = et(), { calculateOffset: o, endPause: i, startPause: n, updateHeight: c } = a, f = t ? n : void 0, p = t ? i : void 0;
   return /* @__PURE__ */ d.createElement(W, { theme: e }, r.length > 0 && s(
-    /* @__PURE__ */ d.createElement("div", { onMouseEnter: f, onMouseLeave: p }, r.map((g) => /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ d.createElement("div", { "data-wui-persistent": !0, onMouseEnter: f, onMouseLeave: p }, r.map((g) => /* @__PURE__ */ d.createElement(
       dt,
       {
         calculateOffset: o,

package/dist/WuiProvider.mjs

@@ -1,10 +1,10 @@
 "use client";
-import a, { useState as b, useEffect as d } from "react";
-import { css as i, createGlobalStyle as p, th as m, ThemeProvider as f } from "@xstyled/styled-components";
-function g(e, o, n) {
+import a, { useState as d, useEffect as m } from "react";
+import { css as i, createGlobalStyle as p, th as f, ThemeProvider as g } from "@xstyled/styled-components";
+function h(e, o, n) {
   return n ? o.map((t) => `url('${e}.${t}') format('${t}-variations')`).join(", ") : o.map((t) => `url('${e}.${t}') format('${t}')`).join(", ");
 }
-function h({
+function y({
   name: e,
   variation: {
     display: o = "swap",
@@ -19,7 +19,7 @@ function h({
   return i`
     @font-face {
       font-family: ${e};
-      src: ${g(l, n, t)};
+      src: ${h(l, n, t)};
       font-display: ${o};
       ${c && i`
         font-weight: ${c};
@@ -33,9 +33,9 @@ function h({
     }
   `;
 }
-const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.fontFaces).map(
-  ([o, n]) => n.map((t) => h({ name: o, variation: t }))
-), w = i`
+const w = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.fontFaces).map(
+  ([o, n]) => n.map((t) => y({ name: o, variation: t }))
+), x = i`
   html,
   body,
   div,
@@ -189,7 +189,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
     padding-top: 1px;
     margin-top: -1px;
   }
-`, x = i`
+`, k = i`
   html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
@@ -371,7 +371,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   [hidden] {
     display: none;
   }
-`, k = i`
+`, v = i`
   * {
     &,
     &::before,
@@ -380,7 +380,7 @@ const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
     }
   }
 `;
-function v() {
+function z() {
   return i`
     body,
     button,
@@ -395,19 +395,19 @@ function v() {
     }
   `;
 }
-const z = p(
+const b = p(
   ({ useReset: e }) => i`
-    ${x};
-    ${y()};
-    ${v()};
-    ${e ? w : k};
+    ${k};
+    ${w()};
+    ${z()};
+    ${e ? x : v};
 
     html {
       color: neutral-60;
     }
 
     ::selection {
-      ${m("selection")};
+      ${f("selection")};
     }
 
     /* for firefox */
@@ -438,8 +438,8 @@ const z = p(
   children: e,
   reactRootId: o
 }) => {
-  const [n, t] = b(!1);
-  return d(() => {
+  const [n, t] = d(!1);
+  return m(() => {
     const r = n ? "keydown" : "mousemove", s = () => t((c) => !c);
     window.addEventListener(r, s);
     const l = document.getElementById(o);
@@ -454,8 +454,9 @@ const z = p(
   shouldHideFocusRingOnClick: t = !0,
   theme: r,
   useReset: s
-}) => /* @__PURE__ */ a.createElement(f, { theme: r }, /* @__PURE__ */ a.createElement(a.Fragment, null, o && /* @__PURE__ */ a.createElement(z, { useReset: s }), t ? /* @__PURE__ */ a.createElement(F, { reactRootId: n }, e) : e));
+}) => /* @__PURE__ */ a.createElement(g, { theme: r }, /* @__PURE__ */ a.createElement(a.Fragment, null, o && /* @__PURE__ */ a.createElement(b, { useReset: s }), t ? /* @__PURE__ */ a.createElement(F, { reactRootId: n }, e) : e)), R = b;
 E.displayName = "WuiProvider";
 export {
+  R as GlobalStyle,
   E as WuiProvider
 };

package/dist/{downshift.esm-BOfUfcgd.mjs → downshift.esm-CEHW4VDy.mjs}

@@ -14,7 +14,7 @@ function oe(t, n) {
   if (t == null) return {};
   var o = {};
   for (var s in t) if ({}.hasOwnProperty.call(t, s)) {
-    if (n.includes(s)) continue;
+    if (n.indexOf(s) !== -1) continue;
     o[s] = t[s];
   }
   return o;

package/dist/types/components/WuiProvider/index.d.ts

@@ -9,3 +9,7 @@ export interface WuiProviderProps {
     useReset?: boolean;
 }
 export declare const WuiProvider: React.FC<WuiProviderProps>;
+declare const GlobalStyle: import('styled-components').GlobalStyleComponent<{
+    useReset?: boolean;
+}, import('styled-components').DefaultTheme>;
+export { GlobalStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "7.0.1-alpha.0",
+  "version": "7.1.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -10,17 +10,17 @@
     "./theme": {
       "types": "./dist/types/theme/index.d.ts",
       "import": "./dist/theme.mjs",
-      "require": "./dist/theme.js"
+      "require": "./dist/theme.mjs"
     },
     "./utils": {
       "types": "./dist/types/utils/index.d.ts",
       "import": "./dist/utils.mjs",
-      "require": "./dist/utils.js"
+      "require": "./dist/utils.mjs"
     },
     "./*": {
       "types": "./dist/types/components/*/index.d.ts",
       "import": "./dist/*.mjs",
-      "require": "./dist/*.js"
+      "require": "./dist/*.mjs"
     }
   },
   "scripts": {
@@ -71,14 +71,14 @@
     "@babel/eslint-parser": "^7.25.1",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
-    "@babel/plugin-transform-modules-commonjs": "7.25.9",
+    "@babel/plugin-transform-modules-commonjs": "7.26.3",
     "@babel/plugin-transform-runtime": "^7.25.4",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.22.11",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.13",
     "@types/lodash.capitalize": "^4.2.9",

package/dist/AXB53BZF-KWM2jKTz.js

@@ -1 +0,0 @@
-"use client";"use strict";const c=require("./P4IRICAX-nhgZ26A1.js"),l=require("./VGCJ63VH-BNLwLOaC.js"),e=require("./LVA2YJMS-B2HZjIhJ.js");var D="button",i=e.createHook(function(t){var s=t,{store:o}=s,r=e.__objRest(s,["store"]);const n=l.useDialogProviderContext();o=o||n,e.invariant(o,process.env.NODE_ENV!=="production"&&"DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component.");const u=o.useState("contentElement");return r=e.__spreadValues({"aria-haspopup":e.getPopupRole(u,"dialog")},r),r=c.useDisclosure(e.__spreadValues({store:o},r)),r}),p=e.forwardRef2(function(t){const s=i(t);return e.createElement(D,s)});exports.DialogDisclosure=p;exports.useDialogDisclosure=i;

package/dist/Accordion.js

@@ -1,75 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),u=require("./P4IRICAX-nhgZ26A1.js"),c=require("./VGCJ63VH-BNLwLOaC.js");require("./Icon.js");const m=require("./index-BNwz4P5j.js"),p=require("./System.js"),g=e.div`
-  ${e.th("accordions.wrapper")};
-  ${e.system};
-  transition: medium;
-
-  &:hover {
-    border-color: neutral-50;
-  }
-`,r=e.divBox`
-  flex-shrink: 0;
-  ${e.th("accordions.icon")};
-  transform: rotate3d(0);
-  transition: medium;
-  width: 24;
-  height: 24;
-  color: inherit;
-  display: flex;
-  border-radius: 12;
-
-  & *:first-child {
-    margin: auto;
-  }
-`,f=e(u.Disclosure)`
-  ${e.th("accordions.title")};
-  width: 100%;
-  padding: ${e.th("accordions.padding")};
-  background-color: transparent;
-  border: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: xxl;
-
-  &[aria-expanded='true'] {
-    ${r} {
-      transform: rotate3d(0, 0, 1, 90deg);
-    }
-  }
-
-  &:focus,
-  &:hover {
-    cursor: pointer;
-    ${r} {
-      background-color: neutral-30;
-    }
-  }
-
-  &:focus {
-    outline: 0;
-    ${r} {
-      color: inherit;
-    }
-  }
-`,h=e(c.DisclosureContent)`
-  display: grid;
-  grid-template-rows: 0fr;
-  transition-property: grid-template-rows;
-  transition-timing-function: linear;
-  transition-duration: 200ms;
-  animation-duration: 200ms;
-
-  > * {
-    overflow: hidden;
-    padding: 0;
-  }
-
-  &[data-enter] {
-    grid-template-rows: 1fr;
-  }
-`,$=e.div`
-  ${e.th("accordions.content")};
-  padding: ${e.th("accordions.padding")};
-  padding-top: 0;
-  color: neutral-70;
-`,y=p.forwardRef(({children:o,dataTestId:n,icon:d=t.createElement(m.RightIcon,null),store:i,title:a,...s},l)=>t.createElement(g,{"data-testid":n,ref:l,...s},t.createElement(f,{"data-testid":n?`${n}-title`:void 0,store:i},a,t.createElement(r,null,t.cloneElement(d,{size:"sm"}))),t.createElement(h,{"data-testid":n?`${n}-content`:void 0,store:i},t.createElement("div",null,t.createElement($,null,o)))));function w(o){return c.useDisclosureStore({animated:!0,...o})}exports.Accordion=y;exports.useAccordion=w;

package/dist/Alert.js

@@ -1,37 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@xstyled/styled-components"),v=require("./Text.js"),I=require("./VariantIcon.js"),T=require("./CloseButton.js"),x=require("./Button.js"),f=require("./System.js"),u=require("./Box.js"),m=t.divBox`
-  flex: 1;
-`,y=t(I.VariantIcon)`
-  position: absolute;
-  align-self: flex-start;
-`,R=t.divBox(({icon:r,isFullWidth:o,size:s,variant:a})=>t.css`
-    position: relative;
-    display: flex;
-    align-items: flex-start;
-    width: 100%;
-    max-width: ${o?"100%":"max-content"};
-    ${t.th("alerts.default")};
-    ${t.th(`alerts.${a}`)};
-    ${t.th(`alerts.sizes.${s}`)};
-    ${t.system};
-
-    ${r!==null&&s==="sm"&&t.css`
-      ${m} {
-        margin-left: calc(${t.th("icons.sm")} + ${t.th("space.md")});
-      }
-    `}
-
-    ${r!==null&&s==="md"&&t.css`
-      ${m} {
-        margin-left: calc(${t.th("icons.md")} + ${t.th("space.lg")});
-      }
-
-      ${y} {
-        margin-top: -3;
-      }
-    `}
-  `),V=t(v.Text)(({variant:r})=>t.css`
-    font-weight: medium;
-    ${t.th("alerts.title.default")};
-    ${t.th(`alerts.title.sizes.${r}`)};
-    ${t.system};
-  `),g=({children:r,dataTestId:o,variant:s})=>e.createElement(V,{"data-testid":o,variant:s},r),j=f.forwardRef(({children:r,cta:o,dataTestId:s,handleClose:a,icon:c,isFullWidth:w,size:l="sm",variant:i="default",...b},h)=>{const q=s?`${s}-close-button`:void 0,A=i==="beige"?"default":i,C=e.Children.toArray(r).map(n=>n.type===g?e.cloneElement(n,{variant:l}):n),p=n=>{var $;if(n){if(n.type===B)return e.cloneElement(n,{size:l});if(n.type===E)return e.cloneElement(n,{size:l});if(($=n.props)!=null&&$.children)return e.cloneElement(n,{...n.props,children:e.Children.map(n.props.children,S=>p(S))})}return n},d=e.isValidElement(o)?p(o):o;return e.createElement(R,{"data-testid":s,icon:c,isFullWidth:w,ref:h,size:l,variant:i,...b},!!a&&e.createElement(T.CloseButton,{dataTestId:q,onClick:a,position:"absolute",right:"sm",size:"xs",top:"sm"}),c!==null&&e.createElement(y,{icon:c,size:l,variant:A}),e.createElement(m,null,e.createElement(u.Box,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:"md",justifyContent:"space-between"},e.createElement(u.Box,{flex:1},C),!!d&&e.createElement(u.Box,{alignItems:"center",display:"flex",gap:"sm"},d))))}),B=f.forwardRef((r,o)=>e.createElement(x.Button,{flexShrink:0,ref:o,w:"fit-content",...r,variant:"secondary"})),E=f.forwardRef((r,o)=>e.createElement(x.Button,{flexShrink:0,ref:o,w:"fit-content",...r,variant:"tertiary"})),k=Object.assign(j,{Title:g,Button:B,SecondaryButton:E});exports.Alert=k;

package/dist/AspectRatio.js

@@ -1,29 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),t=require("@xstyled/styled-components"),r=require("./System.js"),n=t.divBox(({ratio:e})=>t.css`
-    position: relative;
-
-    & > * {
-      overflow: hidden;
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-    }
-
-    & > img,
-    & > video {
-      object-fit: cover;
-    }
-
-    &:before {
-      height: 0;
-      content: '';
-      display: block;
-      padding-bottom: ${1/e*100}%;
-    }
-  `),o=r.forwardRef(({ratio:e=4/3,...i},s)=>c.createElement(n,{ratio:e,ref:s,...i}));o.displayName="AspectRatio";exports.AspectRatio=o;

package/dist/Avatar.js

@@ -1,5 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("@xstyled/styled-components"),y=require("./Shape.js"),x=require("./Text.js"),S=require("./System.js"),b=require("./Box.js");function q(o,e=""){const t=Object.keys(o).filter(r=>r.startsWith("secondary-")),n=e.length%t.length;return t[n]}function A(o=""){const[e,t]=o.split(" ");return e&&t?`${e.charAt(0).toUpperCase()}${t.charAt(0).toUpperCase()}`:e.substring(0,2).toUpperCase()}const C=s(y.Shape)`
-  flex-shrink: 0;
-`,$=s(x.Text)`
-  ${s.th("avatars.text")};
-`,h=a.memo(S.forwardRef(({color:o,fontSize:e,getInitials:t=A,h:n,name:r,shape:m="circle",size:g="md",src:c,w:i,...d},p)=>{const l=s.useTheme(),f=o||q(l.colors,r),u=l.avatars.sizes[g],v=e||`calc(${i?l.toRem(i):u} / 2.5)`;return a.createElement(C,{"aria-label":r,backgroundColor:f,h:n||u,ref:p,role:"img",shape:m,w:i||u,...d},c&&a.createElement("img",{alt:r,src:c}),!c&&a.createElement(b.Box,null,a.createElement($,{fontSize:v,m:0},t(r))))}));h.displayName="Avatar";exports.Avatar=h;

package/dist/BYC7LY2E-BkAEL2VD.js

@@ -1 +0,0 @@
-"use client";"use strict";const de=require("./JC64G2H7-YkBMNrtl.js"),D=require("./YV4JVR4I-DIthYWMj.js"),c=require("./LVA2YJMS-B2HZjIhJ.js"),ce=require("./MTZPJQMC-5Xg78Uyy.js"),C=require("react");function Je(e={}){var n=e,{popover:o}=n,t=c.__objRest$1(n,["popover"]);const i=D.mergeStore(t.store,D.omit2(o,["arrowElement","anchorElement","contentElement","popoverElement","disclosureElement"]));D.throwOnConflictingProps(t,i);const r=i==null?void 0:i.getState(),u=de.createDialogStore(c.__spreadProps$1(c.__spreadValues$1({},t),{store:i})),a=c.defaultValue(t.placement,r==null?void 0:r.placement,"bottom"),l=c.__spreadProps$1(c.__spreadValues$1({},u.getState()),{placement:a,currentPlacement:a,anchorElement:c.defaultValue(r==null?void 0:r.anchorElement,null),popoverElement:c.defaultValue(r==null?void 0:r.popoverElement,null),arrowElement:c.defaultValue(r==null?void 0:r.arrowElement,null),rendered:Symbol("rendered")}),s=D.createStore(l,u,i);return c.__spreadProps$1(c.__spreadValues$1(c.__spreadValues$1({},u),s),{setAnchorElement:d=>s.setState("anchorElement",d),setPopoverElement:d=>s.setState("popoverElement",d),setArrowElement:d=>s.setState("arrowElement",d),render:()=>s.setState("rendered",Symbol("rendered"))})}function Ue(e,n,o){return c.useUpdateEffect(n,[o.popover]),D.useStoreProps(e,o,"placement"),de.useDialogStoreProps(e,n,o)}function gt(e={}){const[n,o]=D.useStore(Je,e);return Ue(n,o,e)}function ue(e){return e.split("-")[1]}function Te(e){return e==="y"?"height":"width"}function q(e){return e.split("-")[0]}function ee(e){return["top","bottom"].includes(q(e))?"x":"y"}function ke(e,n,o){let{reference:t,floating:i}=e;const r=t.x+t.width/2-i.width/2,u=t.y+t.height/2-i.height/2,a=ee(n),l=Te(a),s=t[l]/2-i[l]/2,d=a==="x";let f;switch(q(n)){case"top":f={x:r,y:t.y-i.height};break;case"bottom":f={x:r,y:t.y+t.height};break;case"right":f={x:t.x+t.width,y:u};break;case"left":f={x:t.x-i.width,y:u};break;default:f={x:t.x,y:t.y}}switch(ue(n)){case"start":f[a]-=s*(o&&d?-1:1);break;case"end":f[a]+=s*(o&&d?-1:1)}return f}const vt=async(e,n,o)=>{const{placement:t="bottom",strategy:i="absolute",middleware:r=[],platform:u}=o,a=r.filter(Boolean),l=await(u.isRTL==null?void 0:u.isRTL(n));let s=await u.getElementRects({reference:e,floating:n,strategy:i}),{x:d,y:f}=ke(s,t,l),h=t,m={},p=0;for(let g=0;g<a.length;g++){const{name:v,fn:x}=a[g],{x:w,y:b,data:E,reset:y}=await x({x:d,y:f,initialPlacement:t,placement:h,strategy:i,middlewareData:m,rects:s,platform:u,elements:{reference:e,floating:n}});d=w??d,f=b??f,m={...m,[v]:{...m[v],...E}},y&&p<=50&&(p++,typeof y=="object"&&(y.placement&&(h=y.placement),y.rects&&(s=y.rects===!0?await u.getElementRects({reference:e,floating:n,strategy:i}):y.rects),{x:d,y:f}=ke(s,h,l)),g=-1)}return{x:d,y:f,placement:h,strategy:i,middlewareData:m}};function X(e,n){return typeof e=="function"?e(n):e}function Ze(e){return typeof e!="number"?function(n){return{top:0,right:0,bottom:0,left:0,...n}}(e):{top:e,right:e,bottom:e,left:e}}function xe(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function $e(e,n){var o;n===void 0&&(n={});const{x:t,y:i,platform:r,rects:u,elements:a,strategy:l}=e,{boundary:s="clippingAncestors",rootBoundary:d="viewport",elementContext:f="floating",altBoundary:h=!1,padding:m=0}=X(n,e),p=Ze(m),g=a[h?f==="floating"?"reference":"floating":f],v=xe(await r.getClippingRect({element:(o=await(r.isElement==null?void 0:r.isElement(g)))==null||o?g:g.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(a.floating)),boundary:s,rootBoundary:d,strategy:l})),x=f==="floating"?{...u.floating,x:t,y:i}:u.reference,w=await(r.getOffsetParent==null?void 0:r.getOffsetParent(a.floating)),b=await(r.isElement==null?void 0:r.isElement(w))&&await(r.getScale==null?void 0:r.getScale(w))||{x:1,y:1},E=xe(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:w,strategy:l}):x);return{top:(v.top-E.top+p.top)/b.y,bottom:(E.bottom-v.bottom+p.bottom)/b.y,left:(v.left-E.left+p.left)/b.x,right:(E.right-v.right+p.right)/b.x}}const ae=Math.min,Z=Math.max;function _e(e,n,o){return Z(e,ae(n,o))}const xt=e=>({name:"arrow",options:e,async fn(n){const{x:o,y:t,placement:i,rects:r,platform:u,elements:a}=n,{element:l,padding:s=0}=X(e,n)||{};if(l==null)return{};const d=Ze(s),f={x:o,y:t},h=ee(i),m=Te(h),p=await u.getDimensions(l),g=h==="y",v=g?"top":"left",x=g?"bottom":"right",w=g?"clientHeight":"clientWidth",b=r.reference[m]+r.reference[h]-f[h]-r.floating[m],E=f[h]-r.reference[h],y=await(u.getOffsetParent==null?void 0:u.getOffsetParent(l));let S=y?y[w]:0;S&&await(u.isElement==null?void 0:u.isElement(y))||(S=a.floating[w]||r.floating[m]);const $=b/2-E/2,H=S/2-p[m]/2-1,L=ae(d[v],H),_=ae(d[x],H),A=L,M=S-p[m]-_,P=S/2-p[m]/2+$,O=_e(A,P,M),R=ue(i)!=null&&P!=O&&r.reference[m]/2-(P<A?L:_)-p[m]/2<0?P<A?A-P:M-P:0;return{[h]:f[h]-R,data:{[h]:O,centerOffset:P-O+R}}}}),wt=["top","right","bottom","left"];wt.reduce((e,n)=>e.concat(n,n+"-start",n+"-end"),[]);const yt={left:"right",right:"left",bottom:"top",top:"bottom"};function we(e){return e.replace(/left|right|bottom|top/g,n=>yt[n])}function Pt(e,n,o){o===void 0&&(o=!1);const t=ue(e),i=ee(e),r=Te(i);let u=i==="x"?t===(o?"end":"start")?"right":"left":t==="start"?"bottom":"top";return n.reference[r]>n.floating[r]&&(u=we(u)),{main:u,cross:we(u)}}const bt={start:"end",end:"start"};function Se(e){return e.replace(/start|end/g,n=>bt[n])}const Et=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(n){var o;const{placement:t,middlewareData:i,rects:r,initialPlacement:u,platform:a,elements:l}=n,{mainAxis:s=!0,crossAxis:d=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:p=!0,...g}=X(e,n),v=q(t),x=q(u)===u,w=await(a.isRTL==null?void 0:a.isRTL(l.floating)),b=f||(x||!p?[we(u)]:function(A){const M=we(A);return[Se(A),M,Se(M)]}(u));f||m==="none"||b.push(...function(A,M,P,O){const R=ue(A);let T=function(V,k,G){const j=["left","right"],B=["right","left"],U=["top","bottom"],te=["bottom","top"];switch(V){case"top":case"bottom":return G?k?B:j:k?j:B;case"left":case"right":return k?U:te;default:return[]}}(q(A),P==="start",O);return R&&(T=T.map(V=>V+"-"+R),M&&(T=T.concat(T.map(Se)))),T}(u,p,m,w));const E=[u,...b],y=await $e(n,g),S=[];let $=((o=i.flip)==null?void 0:o.overflows)||[];if(s&&S.push(y[v]),d){const{main:A,cross:M}=Pt(t,r,w);S.push(y[A],y[M])}if($=[...$,{placement:t,overflows:S}],!S.every(A=>A<=0)){var H,L;const A=(((H=i.flip)==null?void 0:H.index)||0)+1,M=E[A];if(M)return{data:{index:A,overflows:$},reset:{placement:M}};let P=(L=$.filter(O=>O.overflows[0]<=0).sort((O,R)=>O.overflows[1]-R.overflows[1])[0])==null?void 0:L.placement;if(!P)switch(h){case"bestFit":{var _;const O=(_=$.map(R=>[R.placement,R.overflows.filter(T=>T>0).reduce((T,V)=>T+V,0)]).sort((R,T)=>R[1]-T[1])[0])==null?void 0:_[0];O&&(P=O);break}case"initialPlacement":P=u}if(t!==P)return{reset:{placement:P}}}return{}}}},St=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(n){const{x:o,y:t}=n,i=await async function(r,u){const{placement:a,platform:l,elements:s}=r,d=await(l.isRTL==null?void 0:l.isRTL(s.floating)),f=q(a),h=ue(a),m=ee(a)==="x",p=["left","top"].includes(f)?-1:1,g=d&&m?-1:1,v=X(u,r);let{mainAxis:x,crossAxis:w,alignmentAxis:b}=typeof v=="number"?{mainAxis:v,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...v};return h&&typeof b=="number"&&(w=h==="end"?-1*b:b),m?{x:w*g,y:x*p}:{x:x*p,y:w*g}}(n,e);return{x:o+i.x,y:t+i.y,data:i}}}};function Qe(e){return e==="x"?"y":"x"}const Rt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(n){const{x:o,y:t,placement:i}=n,{mainAxis:r=!0,crossAxis:u=!1,limiter:a={fn:v=>{let{x,y:w}=v;return{x,y:w}}},...l}=X(e,n),s={x:o,y:t},d=await $e(n,l),f=ee(q(i)),h=Qe(f);let m=s[f],p=s[h];if(r){const v=f==="y"?"bottom":"right";m=_e(m+d[f==="y"?"top":"left"],m,m-d[v])}if(u){const v=h==="y"?"bottom":"right";p=_e(p+d[h==="y"?"top":"left"],p,p-d[v])}const g=a.fn({...n,[f]:m,[h]:p});return{...g,data:{x:g.x-o,y:g.y-t}}}}},_t=function(e){return e===void 0&&(e={}),{options:e,fn(n){const{x:o,y:t,placement:i,rects:r,middlewareData:u}=n,{offset:a=0,mainAxis:l=!0,crossAxis:s=!0}=X(e,n),d={x:o,y:t},f=ee(i),h=Qe(f);let m=d[f],p=d[h];const g=X(a,n),v=typeof g=="number"?{mainAxis:g,crossAxis:0}:{mainAxis:0,crossAxis:0,...g};if(l){const b=f==="y"?"height":"width",E=r.reference[f]-r.floating[b]+v.mainAxis,y=r.reference[f]+r.reference[b]-v.mainAxis;m<E?m=E:m>y&&(m=y)}if(s){var x,w;const b=f==="y"?"width":"height",E=["top","left"].includes(q(i)),y=r.reference[h]-r.floating[b]+(E&&((x=u.offset)==null?void 0:x[h])||0)+(E?0:v.crossAxis),S=r.reference[h]+r.reference[b]+(E?0:((w=u.offset)==null?void 0:w[h])||0)-(E?v.crossAxis:0);p<y?p=y:p>S&&(p=S)}return{[f]:m,[h]:p}}}},At=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(n){const{placement:o,rects:t,platform:i,elements:r}=n,{apply:u=()=>{},...a}=X(e,n),l=await $e(n,a),s=q(o),d=ue(o),f=ee(o)==="x",{width:h,height:m}=t.floating;let p,g;s==="top"||s==="bottom"?(p=s,g=d===(await(i.isRTL==null?void 0:i.isRTL(r.floating))?"start":"end")?"left":"right"):(g=s,p=d==="end"?"top":"bottom");const v=m-l[p],x=h-l[g],w=!n.middlewareData.shift;let b=v,E=x;if(f){const S=h-l.left-l.right;E=d||w?ae(x,S):S}else{const S=m-l.top-l.bottom;b=d||w?ae(v,S):S}if(w&&!d){const S=Z(l.left,0),$=Z(l.right,0),H=Z(l.top,0),L=Z(l.bottom,0);f?E=h-2*(S!==0||$!==0?S+$:Z(l.left,l.right)):b=m-2*(H!==0||L!==0?H+L:Z(l.top,l.bottom))}await u({...n,availableWidth:E,availableHeight:b});const y=await i.getDimensions(r.floating);return h!==y.width||m!==y.height?{reset:{rects:!0}}:{}}}};function F(e){var n;return((n=e.ownerDocument)==null?void 0:n.defaultView)||window}function N(e){return F(e).getComputedStyle(e)}function Ke(e){return e instanceof F(e).Node}function J(e){return Ke(e)?(e.nodeName||"").toLowerCase():"#document"}function W(e){return e instanceof F(e).HTMLElement}function I(e){return e instanceof F(e).Element}function Ne(e){return typeof ShadowRoot<"u"&&(e instanceof F(e).ShadowRoot||e instanceof ShadowRoot)}function fe(e){const{overflow:n,overflowX:o,overflowY:t,display:i}=N(e);return/auto|scroll|overlay|hidden|clip/.test(n+t+o)&&!["inline","contents"].includes(i)}function Ot(e){return["table","td","th"].includes(J(e))}function Ae(e){const n=He(),o=N(e);return o.transform!=="none"||o.perspective!=="none"||!n&&!!o.backdropFilter&&o.backdropFilter!=="none"||!n&&!!o.filter&&o.filter!=="none"||["transform","perspective","filter"].some(t=>(o.willChange||"").includes(t))||["paint","layout","strict","content"].some(t=>(o.contain||"").includes(t))}function He(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function be(e){return["html","body","#document"].includes(J(e))}const Oe=Math.min,re=Math.max,ye=Math.round,ve=Math.floor,Q=e=>({x:e,y:e});function et(e){const n=N(e);let o=parseFloat(n.width)||0,t=parseFloat(n.height)||0;const i=W(e),r=i?e.offsetWidth:o,u=i?e.offsetHeight:t,a=ye(o)!==r||ye(t)!==u;return a&&(o=r,t=u),{width:o,height:t,$:a}}function Ce(e){return I(e)?e:e.contextElement}function ie(e){const n=Ce(e);if(!W(n))return Q(1);const o=n.getBoundingClientRect(),{width:t,height:i,$:r}=et(n);let u=(r?ye(o.width):o.width)/t,a=(r?ye(o.height):o.height)/i;return u&&Number.isFinite(u)||(u=1),a&&Number.isFinite(a)||(a=1),{x:u,y:a}}const We=Q(0);function tt(e,n,o){var t,i;if(n===void 0&&(n=!0),!He())return We;const r=e?F(e):window;return!o||n&&o!==r?We:{x:((t=r.visualViewport)==null?void 0:t.offsetLeft)||0,y:((i=r.visualViewport)==null?void 0:i.offsetTop)||0}}function K(e,n,o,t){n===void 0&&(n=!1),o===void 0&&(o=!1);const i=e.getBoundingClientRect(),r=Ce(e);let u=Q(1);n&&(t?I(t)&&(u=ie(t)):u=ie(e));const a=tt(r,o,t);let l=(i.left+a.x)/u.x,s=(i.top+a.y)/u.y,d=i.width/u.x,f=i.height/u.y;if(r){const h=F(r),m=t&&I(t)?F(t):t;let p=h.frameElement;for(;p&&t&&m!==h;){const g=ie(p),v=p.getBoundingClientRect(),x=getComputedStyle(p),w=v.left+(p.clientLeft+parseFloat(x.paddingLeft))*g.x,b=v.top+(p.clientTop+parseFloat(x.paddingTop))*g.y;l*=g.x,s*=g.y,d*=g.x,f*=g.y,l+=w,s+=b,p=F(p).frameElement}}return xe({width:d,height:f,x:l,y:s})}function Y(e){return((Ke(e)?e.ownerDocument:e.document)||window.document).documentElement}function Ee(e){return I(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function nt(e){return K(Y(e)).left+Ee(e).scrollLeft}function se(e){if(J(e)==="html")return e;const n=e.assignedSlot||e.parentNode||Ne(e)&&e.host||Y(e);return Ne(n)?n.host:n}function ot(e){const n=se(e);return be(n)?e.ownerDocument?e.ownerDocument.body:e.body:W(n)&&fe(n)?n:ot(n)}function Pe(e,n){var o;n===void 0&&(n=[]);const t=ot(e),i=t===((o=e.ownerDocument)==null?void 0:o.body),r=F(t);return i?n.concat(r,r.visualViewport||[],fe(t)?t:[]):n.concat(t,Pe(t))}function je(e,n,o){let t;if(n==="viewport")t=function(i,r){const u=F(i),a=Y(i),l=u.visualViewport;let s=a.clientWidth,d=a.clientHeight,f=0,h=0;if(l){s=l.width,d=l.height;const m=He();(!m||m&&r==="fixed")&&(f=l.offsetLeft,h=l.offsetTop)}return{width:s,height:d,x:f,y:h}}(e,o);else if(n==="document")t=function(i){const r=Y(i),u=Ee(i),a=i.ownerDocument.body,l=re(r.scrollWidth,r.clientWidth,a.scrollWidth,a.clientWidth),s=re(r.scrollHeight,r.clientHeight,a.scrollHeight,a.clientHeight);let d=-u.scrollLeft+nt(i);const f=-u.scrollTop;return N(a).direction==="rtl"&&(d+=re(r.clientWidth,a.clientWidth)-l),{width:l,height:s,x:d,y:f}}(Y(e));else if(I(n))t=function(i,r){const u=K(i,!0,r==="fixed"),a=u.top+i.clientTop,l=u.left+i.clientLeft,s=W(i)?ie(i):Q(1);return{width:i.clientWidth*s.x,height:i.clientHeight*s.y,x:l*s.x,y:a*s.y}}(n,o);else{const i=tt(e);t={...n,x:n.x-i.x,y:n.y-i.y}}return xe(t)}function rt(e,n){const o=se(e);return!(o===n||!I(o)||be(o))&&(N(o).position==="fixed"||rt(o,n))}function Be(e,n){return W(e)&&N(e).position!=="fixed"?n?n(e):e.offsetParent:null}function ze(e,n){const o=F(e);if(!W(e))return o;let t=Be(e,n);for(;t&&Ot(t)&&N(t).position==="static";)t=Be(t,n);return t&&(J(t)==="html"||J(t)==="body"&&N(t).position==="static"&&!Ae(t))?o:t||function(i){let r=se(i);for(;W(r)&&!be(r);){if(Ae(r))return r;r=se(r)}return null}(e)||o}function Tt(e,n,o){const t=W(n),i=Y(n),r=o==="fixed",u=K(e,!0,r,n);let a={scrollLeft:0,scrollTop:0};const l=Q(0);if(t||!t&&!r)if((J(n)!=="body"||fe(i))&&(a=Ee(n)),W(n)){const s=K(n,!0,r,n);l.x=s.x+n.clientLeft,l.y=s.y+n.clientTop}else i&&(l.x=nt(i));return{x:u.left+a.scrollLeft-l.x,y:u.top+a.scrollTop-l.y,width:u.width,height:u.height}}const $t={getClippingRect:function(e){let{element:n,boundary:o,rootBoundary:t,strategy:i}=e;const r=o==="clippingAncestors"?function(s,d){const f=d.get(s);if(f)return f;let h=Pe(s).filter(v=>I(v)&&J(v)!=="body"),m=null;const p=N(s).position==="fixed";let g=p?se(s):s;for(;I(g)&&!be(g);){const v=N(g),x=Ae(g);x||v.position!=="fixed"||(m=null),(p?!x&&!m:!x&&v.position==="static"&&m&&["absolute","fixed"].includes(m.position)||fe(g)&&!x&&rt(s,g))?h=h.filter(w=>w!==g):m=v,g=se(g)}return d.set(s,h),h}(n,this._c):[].concat(o),u=[...r,t],a=u[0],l=u.reduce((s,d)=>{const f=je(n,d,i);return s.top=re(f.top,s.top),s.right=Oe(f.right,s.right),s.bottom=Oe(f.bottom,s.bottom),s.left=re(f.left,s.left),s},je(n,a,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:n,offsetParent:o,strategy:t}=e;const i=W(o),r=Y(o);if(o===r)return n;let u={scrollLeft:0,scrollTop:0},a=Q(1);const l=Q(0);if((i||!i&&t!=="fixed")&&((J(o)!=="body"||fe(r))&&(u=Ee(o)),W(o))){const s=K(o);a=ie(o),l.x=s.x+o.clientLeft,l.y=s.y+o.clientTop}return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-u.scrollLeft*a.x+l.x,y:n.y*a.y-u.scrollTop*a.y+l.y}},isElement:I,getDimensions:function(e){return et(e)},getOffsetParent:ze,getDocumentElement:Y,getScale:ie,async getElementRects(e){let{reference:n,floating:o,strategy:t}=e;const i=this.getOffsetParent||ze,r=this.getDimensions;return{reference:Tt(n,await i(o),t),floating:{x:0,y:0,...await r(o)}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>N(e).direction==="rtl"};function Ht(e,n,o,t){t===void 0&&(t={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:u=!0,layoutShift:a=typeof IntersectionObserver=="function",animationFrame:l=!1}=t,s=Ce(e),d=i||r?[...s?Pe(s):[],...Pe(n)]:[];d.forEach(g=>{i&&g.addEventListener("scroll",o,{passive:!0}),r&&g.addEventListener("resize",o)});const f=s&&a?function(g,v){let x,w=null;const b=Y(g);function E(){clearTimeout(x),w&&w.disconnect(),w=null}return function y(S,$){S===void 0&&(S=!1),$===void 0&&($=1),E();const{left:H,top:L,width:_,height:A}=g.getBoundingClientRect();if(S||v(),!_||!A)return;const M=ve(L),P=ve(b.clientWidth-(H+_)),O=ve(b.clientHeight-(L+A)),R=ve(H);let T=!0;w=new IntersectionObserver(V=>{const k=V[0].intersectionRatio;if(k!==$){if(!T)return y();k?y(!1,k):x=setTimeout(()=>{y(!1,1e-7)},100)}T=!1},{rootMargin:-M+"px "+-P+"px "+-O+"px "+-R+"px",threshold:re(0,Oe(1,$))||1}),w.observe(g)}(!0),E}(s,o):null;let h,m=null;u&&(m=new ResizeObserver(o),s&&!l&&m.observe(s),m.observe(n));let p=l?K(e):null;return l&&function g(){const v=K(e);!p||v.x===p.x&&v.y===p.y&&v.width===p.width&&v.height===p.height||o(),p=v,h=requestAnimationFrame(g)}(),o(),()=>{d.forEach(g=>{i&&g.removeEventListener("scroll",o),r&&g.removeEventListener("resize",o)}),f&&f(),m&&m.disconnect(),m=null,l&&cancelAnimationFrame(h)}}const Ct=(e,n,o)=>{const t=new Map,i={platform:$t,...o},r={...i.platform,_c:t};return vt(e,n,{...i,platform:r})};var Mt="div";function qe(e=0,n=0,o=0,t=0){if(typeof DOMRect=="function")return new DOMRect(e,n,o,t);const i={x:e,y:n,width:o,height:t,top:n,right:e+o,bottom:n+t,left:e};return c.__spreadProps(c.__spreadValues({},i),{toJSON:()=>i})}function Vt(e){if(!e)return qe();const{x:n,y:o,width:t,height:i}=e;return qe(n,o,t,i)}function Lt(e,n){return{contextElement:e||void 0,getBoundingClientRect:()=>{const t=e,i=n==null?void 0:n(t);return i||!t?Vt(i):t.getBoundingClientRect()}}}function Dt(e){return/^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(e)}function Ie(e){const n=window.devicePixelRatio||1;return Math.round(e*n)/n}function Ft(e,n){return St(({placement:o})=>{var t;const i=((e==null?void 0:e.clientHeight)||0)/2,r=typeof n.gutter=="number"?n.gutter+i:(t=n.gutter)!=null?t:i;return{crossAxis:!!o.split("-")[1]?void 0:n.shift,mainAxis:r,alignmentAxis:n.shift}})}function kt(e){if(e.flip===!1)return;const n=typeof e.flip=="string"?e.flip.split(" "):void 0;return c.invariant(!n||n.every(Dt),process.env.NODE_ENV!=="production"&&"`flip` expects a spaced-delimited list of placements"),Et({padding:e.overflowPadding,fallbackPlacements:n})}function Nt(e){if(!(!e.slide&&!e.overlap))return Rt({mainAxis:e.slide,crossAxis:e.overlap,padding:e.overflowPadding,limiter:_t()})}function Wt(e){return At({padding:e.overflowPadding,apply({elements:n,availableWidth:o,availableHeight:t,rects:i}){const r=n.floating,u=Math.round(i.reference.width);o=Math.floor(o),t=Math.floor(t),r.style.setProperty("--popover-anchor-width",`${u}px`),r.style.setProperty("--popover-available-width",`${o}px`),r.style.setProperty("--popover-available-height",`${t}px`),e.sameWidth&&(r.style.width=`${u}px`),e.fitViewport&&(r.style.maxWidth=`${o}px`,r.style.maxHeight=`${t}px`)}})}function jt(e,n){if(e)return xt({element:e,padding:n.arrowPadding})}var it=c.createHook(function(n){var o=n,{store:t,modal:i=!1,portal:r=!!i,preserveTabOrder:u=!0,autoFocusOnShow:a=!0,wrapperProps:l,fixed:s=!1,flip:d=!0,shift:f=0,slide:h=!0,overlap:m=!1,sameWidth:p=!1,fitViewport:g=!1,gutter:v,arrowPadding:x=4,overflowPadding:w=8,getAnchorRect:b,updatePosition:E}=o,y=c.__objRest(o,["store","modal","portal","preserveTabOrder","autoFocusOnShow","wrapperProps","fixed","flip","shift","slide","overlap","sameWidth","fitViewport","gutter","arrowPadding","overflowPadding","getAnchorRect","updatePosition"]);const S=ce.usePopoverProviderContext();t=t||S,c.invariant(t,process.env.NODE_ENV!=="production"&&"Popover must receive a `store` prop or be wrapped in a PopoverProvider component.");const $=t.useState("arrowElement"),H=t.useState("anchorElement"),L=t.useState("disclosureElement"),_=t.useState("popoverElement"),A=t.useState("contentElement"),M=t.useState("placement"),P=t.useState("mounted"),O=t.useState("rendered"),R=C.useRef(null),[T,V]=C.useState(!1),{portalRef:k,domReady:G}=c.usePortalRef(r,y.portalRef),j=c.useEvent(b),B=c.useEvent(E),U=!!E;c.useSafeLayoutEffect(()=>{if(!(_!=null&&_.isConnected))return;_.style.setProperty("--popover-overflow-padding",`${w}px`);const z=Lt(H,j),le=async()=>{if(!P)return;$||(R.current=R.current||document.createElement("div"));const ne=$||R.current,pt=[Ft(ne,{gutter:v,shift:f}),kt({flip:d,overflowPadding:w}),Nt({slide:h,shift:f,overlap:m,overflowPadding:w}),jt(ne,{arrowPadding:x}),Wt({sameWidth:p,fitViewport:g,overflowPadding:w})],oe=await Ct(z,_,{placement:M,strategy:s?"fixed":"absolute",middleware:pt});t==null||t.setState("currentPlacement",oe.placement),V(!0);const mt=Ie(oe.x),ht=Ie(oe.y);if(Object.assign(_.style,{top:"0",left:"0",transform:`translate3d(${mt}px,${ht}px,0)`}),ne&&oe.middlewareData.arrow){const{x:pe,y:me}=oe.middlewareData.arrow,Le=oe.placement.split("-")[0],he=ne.clientWidth/2,ge=ne.clientHeight/2,De=pe!=null?pe+he:-he,Fe=me!=null?me+ge:-ge;_.style.setProperty("--popover-transform-origin",{top:`${De}px calc(100% + ${ge}px)`,bottom:`${De}px ${-ge}px`,left:`calc(100% + ${he}px) ${Fe}px`,right:`${-he}px ${Fe}px`}[Le]),Object.assign(ne.style,{left:pe!=null?`${pe}px`:"",top:me!=null?`${me}px`:"",[Le]:"100%"})}},dt=Ht(z,_,async()=>{U?(await B({updatePosition:le}),V(!0)):await le()},{elementResize:typeof ResizeObserver=="function"});return()=>{V(!1),dt()}},[t,O,_,$,H,_,M,P,G,s,d,f,h,m,p,g,v,x,w,j,U,B]),c.useSafeLayoutEffect(()=>{if(!P||!G||!(_!=null&&_.isConnected)||!(A!=null&&A.isConnected))return;const z=()=>{_.style.zIndex=getComputedStyle(A).zIndex};z();let le=requestAnimationFrame(()=>{le=requestAnimationFrame(z)});return()=>cancelAnimationFrame(le)},[P,G,_,A]);const te=s?"fixed":"absolute";return y=c.useWrapElement(y,z=>c.jsxRuntimeExports.jsx("div",c.__spreadProps(c.__spreadValues({},l),{style:c.__spreadValues({position:te,top:0,left:0,width:"max-content"},l==null?void 0:l.style),ref:t==null?void 0:t.setPopoverElement,children:z})),[t,te,l]),y=c.useWrapElement(y,z=>c.jsxRuntimeExports.jsx(ce.PopoverScopedContextProvider,{value:t,children:z}),[t]),y=c.__spreadProps(c.__spreadValues({"data-placing":!T||void 0},y),{style:c.__spreadValues({position:"relative"},y.style)}),y=de.useDialog(c.__spreadProps(c.__spreadValues({store:t,modal:i,portal:r,preserveTabOrder:u,preserveTabOrderAnchor:L||H,autoFocusOnShow:T&&a},y),{portalRef:k})),y}),Bt=de.createDialogComponent(c.forwardRef2(function(n){const o=it(n);return c.createElement(Mt,o)}),ce.usePopoverProviderContext),Me=c.createStoreContext([ce.PopoverContextProvider],[ce.PopoverScopedContextProvider]),Ve=Me.useProviderContext,zt=Me.ContextProvider,st=Me.ScopedContextProvider;function ut(e={}){var n;const o=(n=e.store)==null?void 0:n.getState(),t=Je(c.__spreadProps$1(c.__spreadValues$1({},e),{placement:c.defaultValue(e.placement,o==null?void 0:o.placement,"bottom")})),i=c.defaultValue(e.timeout,o==null?void 0:o.timeout,500),r=c.__spreadProps$1(c.__spreadValues$1({},t.getState()),{timeout:i,showTimeout:c.defaultValue(e.showTimeout,o==null?void 0:o.showTimeout),hideTimeout:c.defaultValue(e.hideTimeout,o==null?void 0:o.hideTimeout),autoFocusOnShow:c.defaultValue(o==null?void 0:o.autoFocusOnShow,!1)}),u=D.createStore(r,t,e.store);return c.__spreadProps$1(c.__spreadValues$1(c.__spreadValues$1({},t),u),{setAutoFocusOnShow:a=>u.setState("autoFocusOnShow",a)})}function lt(e,n,o){return D.useStoreProps(e,o,"timeout"),D.useStoreProps(e,o,"showTimeout"),D.useStoreProps(e,o,"hideTimeout"),Ue(e,n,o)}function qt(e={}){const[n,o]=D.useStore(ut,e);return lt(n,o,e)}function Re(e){return[e.clientX,e.clientY]}function Ye(e,n){const[o,t]=e;let i=!1;const r=n.length;for(let u=r,a=0,l=u-1;a<u;l=a++){const[s,d]=n[a],[f,h]=n[l],[,m]=n[l===0?u-1:l-1]||[0,0],p=(d-h)*(o-s)-(s-f)*(t-d);if(h<d){if(t>=h&&t<d){if(p===0)return!0;p>0&&(t===h?t>m&&(i=!i):i=!i)}}else if(d<h){if(t>d&&t<=h){if(p===0)return!0;p<0&&(t===h?t<m&&(i=!i):i=!i)}}else if(t===d&&(o>=f&&o<=s||o>=s&&o<=f))return!0}return i}function It(e,n){const{top:o,right:t,bottom:i,left:r}=n,[u,a]=e,l=u<r?"left":u>t?"right":null,s=a<o?"top":a>i?"bottom":null;return[l,s]}function Ge(e,n){const o=e.getBoundingClientRect(),{top:t,right:i,bottom:r,left:u}=o,[a,l]=It(n,o),s=[n];return a?(l!=="top"&&s.push([a==="left"?u:i,t]),s.push([a==="left"?i:u,t]),s.push([a==="left"?i:u,r]),l!=="bottom"&&s.push([a==="left"?u:i,r])):l==="top"?(s.push([u,t]),s.push([u,r]),s.push([i,r]),s.push([i,t])):(s.push([u,r]),s.push([u,t]),s.push([i,t]),s.push([i,r])),s}var Yt="div";function ct(e,n,o,t){return c.hasFocusWithin(n)?!0:e?!!(c.contains(n,e)||o&&c.contains(o,e)||t!=null&&t.some(i=>ct(e,i,o))):!1}function Gt(e){var n=e,{store:o}=n,t=c.__objRest(n,["store"]);const[i,r]=C.useState(!1),u=o.useState("mounted");C.useEffect(()=>{u||r(!1)},[u]);const a=t.onFocus,l=c.useEvent(d=>{a==null||a(d),!d.defaultPrevented&&r(!0)}),s=C.useRef(null);return C.useEffect(()=>D.sync(o,["anchorElement"],d=>{s.current=d.anchorElement}),[]),t=c.__spreadProps(c.__spreadValues({autoFocusOnHide:i,finalFocus:s},t),{onFocus:l}),t}var Xe=C.createContext(null),at=c.createHook(function(n){var o=n,{store:t,modal:i=!1,portal:r=!!i,hideOnEscape:u=!0,hideOnHoverOutside:a=!0,disablePointerEventsOnApproach:l=!!a}=o,s=c.__objRest(o,["store","modal","portal","hideOnEscape","hideOnHoverOutside","disablePointerEventsOnApproach"]);const d=Ve();t=t||d,c.invariant(t,process.env.NODE_ENV!=="production"&&"Hovercard must receive a `store` prop or be wrapped in a HovercardProvider component.");const f=C.useRef(null),[h,m]=C.useState([]),p=C.useRef(0),g=C.useRef(null),{portalRef:v,domReady:x}=c.usePortalRef(r,s.portalRef),w=c.useIsMouseMoving(),b=!!a,E=c.useBooleanEvent(a),y=!!l,S=c.useBooleanEvent(l),$=t.useState("open"),H=t.useState("mounted");C.useEffect(()=>{if(!x||!H||!b&&!y)return;const P=f.current;if(!P)return;const O=R=>{if(!t||!w())return;const{anchorElement:T,hideTimeout:V,timeout:k}=t.getState(),G=g.current,[j]=R.composedPath(),B=T;if(ct(j,P,B,h)){g.current=j&&B&&c.contains(B,j)?Re(R):null,window.clearTimeout(p.current),p.current=0;return}if(!p.current){if(G){const U=Re(R),te=Ge(P,G);if(Ye(U,te)){if(g.current=U,!S(R))return;R.preventDefault(),R.stopPropagation();return}}E(R)&&(p.current=window.setTimeout(()=>{p.current=0,t==null||t.hide()},V??k))}};return c.chain(c.addGlobalEventListener("mousemove",O,!0),()=>clearTimeout(p.current))},[t,w,x,H,b,y,h,S,E]),C.useEffect(()=>{if(!x||!H||!y)return;const P=O=>{const R=f.current;if(!R)return;const T=g.current;if(!T)return;const V=Ge(R,T);if(Ye(Re(O),V)){if(!S(O))return;O.preventDefault(),O.stopPropagation()}};return c.chain(c.addGlobalEventListener("mouseenter",P,!0),c.addGlobalEventListener("mouseover",P,!0),c.addGlobalEventListener("mouseout",P,!0),c.addGlobalEventListener("mouseleave",P,!0))},[x,H,y,S]),C.useEffect(()=>{x&&($||t==null||t.setAutoFocusOnShow(!1))},[t,x,$]);const L=c.useLiveRef($);C.useEffect(()=>{if(x)return()=>{L.current||t==null||t.setAutoFocusOnShow(!1)}},[t,x]);const _=C.useContext(Xe);c.useSafeLayoutEffect(()=>{if(i||!r||!H||!x)return;const P=f.current;if(P)return _==null?void 0:_(P)},[i,r,H,x]);const A=C.useCallback(P=>{m(R=>[...R,P]);const O=_==null?void 0:_(P);return()=>{m(R=>R.filter(T=>T!==P)),O==null||O()}},[_]);s=c.useWrapElement(s,P=>c.jsxRuntimeExports.jsx(st,{value:t,children:c.jsxRuntimeExports.jsx(Xe.Provider,{value:A,children:P})}),[t,A]),s=c.__spreadProps(c.__spreadValues({},s),{ref:c.useMergeRefs(f,s.ref)}),s=Gt(c.__spreadValues({store:t},s));const M=t.useState(P=>i||P.autoFocusOnShow);return s=it(c.__spreadProps(c.__spreadValues({store:t,modal:i,portal:r,autoFocusOnShow:M},s),{portalRef:v,hideOnEscape(P){return c.isFalsyBooleanCallback(u,P)?!1:(requestAnimationFrame(()=>{requestAnimationFrame(()=>{t==null||t.hide()})}),!0)}})),s}),Xt=de.createDialogComponent(c.forwardRef2(function(n){const o=at(n);return c.createElement(Yt,o)}),Ve),Jt="a",ft=c.createHook(function(n){var o=n,{store:t,showOnHover:i=!0}=o,r=c.__objRest(o,["store","showOnHover"]);const u=Ve();t=t||u,c.invariant(t,process.env.NODE_ENV!=="production"&&"HovercardAnchor must receive a `store` prop or be wrapped in a HovercardProvider component.");const a=c.disabledFromProps(r),l=C.useRef(0);C.useEffect(()=>()=>window.clearTimeout(l.current),[]),C.useEffect(()=>{const v=x=>{if(!t)return;const{anchorElement:w}=t.getState();w&&x.target===w&&(window.clearTimeout(l.current),l.current=0)};return c.addGlobalEventListener("mouseleave",v,!0)},[t]);const s=r.onMouseMove,d=c.useBooleanEvent(i),f=c.useIsMouseMoving(),h=c.useEvent(v=>{if(s==null||s(v),a||!t||v.defaultPrevented||l.current||!f()||!d(v))return;const x=v.currentTarget;t.setAnchorElement(x),t.setDisclosureElement(x);const{showTimeout:w,timeout:b}=t.getState(),E=()=>{l.current=0,f()&&(t==null||t.setAnchorElement(x),t==null||t.show(),queueMicrotask(()=>{t==null||t.setDisclosureElement(x)}))},y=w??b;y===0?E():l.current=window.setTimeout(E,y)}),m=r.onClick,p=c.useEvent(v=>{m==null||m(v),t&&(window.clearTimeout(l.current),l.current=0)}),g=C.useCallback(v=>{if(!t)return;const{anchorElement:x}=t.getState();x!=null&&x.isConnected||t.setAnchorElement(v)},[t]);return r=c.__spreadProps(c.__spreadValues({},r),{ref:c.useMergeRefs(g,r.ref),onMouseMove:h,onClick:p}),r=c.useFocusable(r),r}),Ut=c.forwardRef2(function(n){const o=ft(n);return c.createElement(Jt,o)});exports.Hovercard=Xt;exports.HovercardAnchor=Ut;exports.HovercardContextProvider=zt;exports.HovercardScopedContextProvider=st;exports.Popover=Bt;exports.createHovercardStore=ut;exports.useHovercard=at;exports.useHovercardAnchor=ft;exports.useHovercardStore=qt;exports.useHovercardStoreProps=lt;exports.usePopoverStore=gt;

package/dist/Badge.js

@@ -1,17 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),e=require("@xstyled/styled-components"),b=require("./System.js"),f=e.div(({disabled:t,length:d,size:s,variant:a})=>e.css`
-    ${e.th("badges.default")};
-    ${e.th(`badges.variants.${a}`)};
-    ${e.th(`badges.sizes.${s}`)};
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    ${e.system};
-
-    ${t&&e.css`
-      ${e.th(`badges.disabled.${a}`)};
-    `}
-
-    ${d===1&&e.css`
-      width: ${e.th(`badges.sizes.${s}.height`)};
-    `}
-  `),n=b.forwardRef(({children:t,dataTestId:d,disabled:s,size:a="md",variant:g="default",withNumberAbbreviation:r,...l},c)=>{let i;const o=Number.isInteger(t),u=t.toString().length;return o&&r&&t>99?i="99+":i=t,$.createElement(f,{"data-testid":d,disabled:s,length:u,ref:c,size:a,variant:g,...l},i)});n.displayName="Badge";exports.Badge=n;

package/dist/Box.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("@xstyled/styled-components"),c=require("./System.js"),n=c.forwardRef((e,t)=>r.createElement(o.x.div,{ref:t,...e}));exports.Box=n;