welcome-ui 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/Tag.mjs

@@ -0,0 +1,135 @@
+"use client";
+import { C } from "./index-ColyClKR.mjs";
+import d from "react";
+import { forwardRef as w } from "./System.mjs";
+import { w as S } from "./wrap-children-aq69jtFP.mjs";
+import m, { css as n, th as i, system as b } from "@xstyled/styled-components";
+import { StyledIcon as A } from "./Icon.mjs";
+import { o as p } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { g } from "./get-max-width-height-DoUro2T7.mjs";
+const E = (e, t, s) => n`
+  ${i(`tags.shape.${e}`)}
+  padding: 0;
+  ${(t || s) && n`
+    width: ${g(t || "0", s)};
+    height: ${g(t || "0", s)};
+  `}
+`, h = m.div.withConfig({
+  shouldForwardProp: (e) => !["hasClickAction", "hasLink", "hasRemoveAction"].includes(e)
+})(
+  ({ h: e, hasClickAction: t, hasLink: s, hasRemoveAction: c, length: a, size: o, variant: r, w: l }) => n`
+    ${i("tags.default")};
+    ${i(`tags.variants.${r}`)};
+    ${i(`tags.sizes.${o}`)}
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    line-height: initial; /* avoid cropped font */
+    transition: medium;
+    max-width: 100%;
+    ${p}
+    ${b}
+    ${a !== 1 && n`
+      span,
+      p {
+        ${p}
+      }
+    `}
+    ${a === 1 && n`
+      justify-content: center;
+      ${E(o, l, e)};
+    `};
+
+    ${(s || t) && n`
+      cursor: pointer;
+      text-decoration: none;
+
+      &:hover,
+      &:focus {
+        ${i(`tags.hover.${r}`)};
+      }
+    `};
+
+    ${c && n`
+      padding-right: xl;
+    `}
+
+    > *:not(:last-child) {
+      margin-right: xxs;
+    }
+
+    & > svg {
+      width: ${i(`tags.icon.${o}`)};
+      height: ${i(`tags.icon.${o}`)};
+    }
+
+    > *:not(:only-child) {
+      ${/* sc-selector */
+  A}:last-child {
+        opacity: 1;
+        transition: opacity ${i.transition("medium")};
+        cursor: pointer;
+
+        &:hover {
+          opacity: 0.7;
+        }
+      }
+    }
+  `
+), I = m.divBox(
+  ({ size: e }) => n`
+    position: absolute;
+    ${i(`tags.sizes.${e}`)};
+    top: 0;
+    bottom: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `
+), k = m.buttonBox`
+  all: unset;
+  display: flex;
+`, R = w(
+  ({
+    as: e,
+    children: t,
+    dataTestId: s,
+    href: c,
+    onClick: a,
+    onRemove: o,
+    size: r = "md",
+    to: l,
+    variant: $ = "default",
+    ...f
+  }, u) => {
+    const y = S(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!c || !!l;
+    return /* @__PURE__ */ d.createElement(
+      h,
+      {
+        as: e,
+        "data-testid": s,
+        hasClickAction: !!a,
+        hasLink: v,
+        hasRemoveAction: !!o,
+        href: c,
+        length: x,
+        onClick: a,
+        ref: u,
+        size: r,
+        to: l,
+        variant: $,
+        ...f
+      },
+      y,
+      !!o && /* @__PURE__ */ d.createElement(I, { size: r }, /* @__PURE__ */ d.createElement(k, { onClick: o, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(C, { size: "xs", title: "Remove" })))
+    );
+  }
+);
+R.displayName = "Tag";
+const P = h;
+export {
+  P as StyledTag,
+  R as Tag
+};

package/dist/Text.js

@@ -0,0 +1,46 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("./System.js"),s=require("@xstyled/styled-components"),p={h0:"h1",h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6",h6:"h6"},f=e=>s.css`
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-box-orient: vertical;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-line-clamp: ${e||"none"};
+  line-height: normal;
+  overflow: hidden;
+  word-break: ${e===1?"break-all":null};
+`,x=s.p(({lines:e,theme:l,variant:t,withDash:o})=>{const n=p[t],h=t==null?void 0:t.startsWith("h"),i=e&&e!==1/0&&t.startsWith("h")&&l.fonts.headings.includes("welcome-font");return s.css`
+    ${s.th(`texts.${n||t}`)};
+
+    /* Start fallback for non-webkit */
+    display: block;
+    ${e&&e!==1/0&&f(e)};
+    /* End fallback for non-webkit */
+
+    ${o&&h&&s.css`
+      display: flex;
+
+      &:before {
+        content: '';
+        width: 16;
+        height: 4;
+        display: flex;
+        align-self: center;
+        flex-shrink: 0;
+        background-color: primary-40;
+        margin-right: md;
+      }
+    `}
+
+    @media (min-width: lg) {
+      ${s.th(`texts.${t}`)};
+      ${s.system};
+    }
+
+    ${i&&s.css`
+      & {
+        line-height: 1.4;
+      }
+    `}
+
+    ${s.system};
+  `}),y={h0:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",lg:"p",md:"p",sm:"p",xs:"p","subtitle-md":"span","subtitle-sm":"span"},r=b.forwardRef(({as:e,children:l,dataTestId:t,lines:o,variant:n="md",withDash:h,...i},c)=>{const d=e||y[n],a=i.className||"";return m.createElement(x,{as:d,"data-testid":t,lines:o,ref:c,variant:n,withDash:h,...i,className:`${a} wui-text`},l)});r.displayName="Text";exports.Text=r;

package/dist/Text.mjs

@@ -0,0 +1,97 @@
+"use client";
+import p from "react";
+import { forwardRef as f } from "./System.mjs";
+import b, { css as n, th as r, system as d } from "@xstyled/styled-components";
+const x = {
+  h0: "h1",
+  h1: "h2",
+  h2: "h3",
+  h3: "h4",
+  h4: "h5",
+  h5: "h6",
+  h6: "h6"
+}, g = (e) => n`
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-box-orient: vertical;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-line-clamp: ${e || "none"};
+  line-height: normal;
+  overflow: hidden;
+  word-break: ${e === 1 ? "break-all" : null};
+`, y = b.p(({ lines: e, theme: o, variant: t, withDash: s }) => {
+  const l = x[t], h = t == null ? void 0 : t.startsWith("h"), i = e && e !== 1 / 0 && t.startsWith("h") && o.fonts.headings.includes("welcome-font");
+  return n`
+    ${r(`texts.${l || t}`)};
+
+    /* Start fallback for non-webkit */
+    display: block;
+    ${e && e !== 1 / 0 && g(e)};
+    /* End fallback for non-webkit */
+
+    ${s && h && n`
+      display: flex;
+
+      &:before {
+        content: '';
+        width: 16;
+        height: 4;
+        display: flex;
+        align-self: center;
+        flex-shrink: 0;
+        background-color: primary-40;
+        margin-right: md;
+      }
+    `}
+
+    @media (min-width: lg) {
+      ${r(`texts.${t}`)};
+      ${d};
+    }
+
+    ${i && n`
+      & {
+        line-height: 1.4;
+      }
+    `}
+
+    ${d};
+  `;
+}), k = {
+  h0: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  lg: "p",
+  md: "p",
+  sm: "p",
+  xs: "p",
+  "subtitle-md": "span",
+  "subtitle-sm": "span"
+}, u = f(
+  ({ as: e, children: o, dataTestId: t, lines: s, variant: l = "md", withDash: h, ...i }, a) => {
+    const c = e || k[l], m = i.className || "";
+    return /* @__PURE__ */ p.createElement(
+      y,
+      {
+        as: c,
+        "data-testid": t,
+        lines: s,
+        ref: a,
+        variant: l,
+        withDash: h,
+        ...i,
+        className: `${m} wui-text`
+      },
+      o
+    );
+  }
+);
+u.displayName = "Text";
+export {
+  u as Text
+};

package/dist/Textarea.js

@@ -0,0 +1,6 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),a=require("./System.js"),e=require("@xstyled/styled-components"),T=require("./field-styles-D_gf6ypV.js"),p=e("textarea").withConfig({shouldForwardProp:a.shouldForwardProp})(({size:t,variant:r})=>e.css`
+    ${T.defaultFieldStyles({size:t,variant:r})};
+    ${e.th("textareas")};
+    line-height: lg;
+    ${e.system};
+  `),s=a.forwardRef(({autoFocus:t,dataTestId:r,disabled:o,maxLength:i,minRows:l=5,name:d,onBlur:c,onChange:n,onFocus:u,onKeyDown:y,placeholder:f,size:h="md",value:m,variant:x,...g},w)=>S.createElement(p,{autoFocus:t,"data-testid":r,disabled:o,maxLength:i,name:d,onBlur:c,onChange:n,onFocus:u,onKeyDown:y,placeholder:f,ref:w,rows:l,size:h,value:m,variant:x,...g}));s.displayName="Textarea";exports.Textarea=s;

package/dist/Textarea.mjs

@@ -0,0 +1,55 @@
+"use client";
+import u from "react";
+import { shouldForwardProp as w, forwardRef as y } from "./System.mjs";
+import _, { css as $, th as g, system as T } from "@xstyled/styled-components";
+import { d as F } from "./field-styles-CeV7pnOp.mjs";
+const R = _("textarea").withConfig({ shouldForwardProp: w })(
+  ({ size: e, variant: t }) => $`
+    ${F({ size: e, variant: t })};
+    ${g("textareas")};
+    line-height: lg;
+    ${T};
+  `
+), C = y(
+  ({
+    autoFocus: e,
+    dataTestId: t,
+    disabled: a,
+    maxLength: r,
+    minRows: o = 5,
+    name: s,
+    onBlur: d,
+    onChange: i,
+    onFocus: l,
+    onKeyDown: m,
+    placeholder: f,
+    size: p = "md",
+    value: c,
+    variant: n,
+    ...x
+  }, h) => /* @__PURE__ */ u.createElement(
+    R,
+    {
+      autoFocus: e,
+      "data-testid": t,
+      disabled: a,
+      maxLength: r,
+      name: s,
+      onBlur: d,
+      onChange: i,
+      onFocus: l,
+      onKeyDown: m,
+      placeholder: f,
+      ref: h,
+      rows: o,
+      size: p,
+      value: c,
+      variant: n,
+      ...x
+    }
+  )
+);
+C.displayName = "Textarea";
+export {
+  C as Textarea
+};

package/dist/TimePicker.js

@@ -0,0 +1,4 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("./CustomInput-9aCUiD6o.js"),H=require("./System.js"),I=require("@xstyled/styled-components"),O=I.div`
+  position: relative;
+  ${c.fixAriaMessageStyle}
+`,S=H.forwardRef(({autoFocus:y,dataTestId:E,dateFormat:k="HH:mm",disabled:P,icon:a,iconPlacement:u="left",onBlur:m,onChange:t,onFocus:n,placeholder:g,popperProps:h,size:d="md",timeIntervals:p=15,transparent:q,value:l=c.DEFAULT_DATE,...f},D)=>{const i=e=>c.getDate(e,p),F=g||f.placeholderText,[R,T]=s.useState(y&&"time"||null),[b,o]=s.useState(i(l));s.useEffect(()=>{t&&t(i(l))},[]),s.useEffect(()=>{var r;const e=i(l);((r=new Date(l))==null?void 0:r.getTime())-(e==null?void 0:e.getTime())!==0&&t&&t(e),o(e)},[l]);const x=e=>{T("time"),n&&n(e)},A=e=>{T(null),m&&m(e)},M=e=>{e.preventDefault(),o(null),t&&t()},N=e=>{if(!e)return;const r=i(e);e.setFullYear(r.getFullYear(),r.getMonth(),r.getDate()),o(e),t&&t(new Date(e))};return s.createElement(O,null,s.createElement(c.StyledTimePicker,{calendarClassName:"time-picker-popper",customInput:s.createElement(c.CustomInput,{className:"time-picker","data-testid":E,focused:R,handleBlur:A,handleFocus:x,icon:a,iconPlacement:u,onReset:M,ref:D,size:d}),dateFormat:k,disabled:P,iconPlacement:!!a&&u,onChange:N,placeholderText:F,popperContainer:c.CustomPopper,popperProps:h,selected:b,showTimeSelect:!0,showTimeSelectOnly:!0,size:d,timeIntervals:p,transparent:q,...f,isClearable:!1}))});S.displayName="TimePicker";exports.TimePicker=S;

package/dist/TimePicker.mjs

@@ -0,0 +1,88 @@
+"use client";
+import c, { useState as T, useEffect as E } from "react";
+import { f as M, a as Y, c as w, b as I, D as L, g as O } from "./CustomInput-CenfXh_H.mjs";
+import { forwardRef as U } from "./System.mjs";
+import W from "@xstyled/styled-components";
+const $ = W.div`
+  position: relative;
+  ${M}
+`, j = U(
+  ({
+    autoFocus: k,
+    dataTestId: y,
+    dateFormat: D = "HH:mm",
+    disabled: S,
+    icon: i,
+    iconPlacement: m = "left",
+    onBlur: o,
+    onChange: t,
+    onFocus: p,
+    placeholder: _,
+    popperProps: h,
+    size: d = "md",
+    timeIntervals: n = 15,
+    transparent: x,
+    value: l = L,
+    ...u
+  }, F) => {
+    const r = (e) => O(e, n), P = _ || u.placeholderText, [R, f] = T(k && "time" || null), [g, a] = T(r(l));
+    E(() => {
+      t && t(r(l));
+    }, []), E(() => {
+      var s;
+      const e = r(l);
+      ((s = new Date(l)) == null ? void 0 : s.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && t && t(e), a(e);
+    }, [l]);
+    const A = (e) => {
+      f("time"), p && p(e);
+    }, N = (e) => {
+      f(null), o && o(e);
+    }, b = (e) => {
+      e.preventDefault(), a(null), t && t();
+    }, H = (e) => {
+      if (!e) return;
+      const s = r(e);
+      e.setFullYear(s.getFullYear(), s.getMonth(), s.getDate()), a(e), t && t(new Date(e));
+    };
+    return /* @__PURE__ */ c.createElement($, null, /* @__PURE__ */ c.createElement(
+      Y,
+      {
+        calendarClassName: "time-picker-popper",
+        customInput: /* @__PURE__ */ c.createElement(
+          w,
+          {
+            className: "time-picker",
+            "data-testid": y,
+            focused: R,
+            handleBlur: N,
+            handleFocus: A,
+            icon: i,
+            iconPlacement: m,
+            onReset: b,
+            ref: F,
+            size: d
+          }
+        ),
+        dateFormat: D,
+        disabled: S,
+        iconPlacement: !!i && m,
+        onChange: H,
+        placeholderText: P,
+        popperContainer: I,
+        popperProps: h,
+        selected: g,
+        showTimeSelect: !0,
+        showTimeSelectOnly: !0,
+        size: d,
+        timeIntervals: n,
+        transparent: x,
+        ...u,
+        isClearable: !1
+      }
+    ));
+  }
+);
+j.displayName = "TimePicker";
+export {
+  j as TimePicker
+};

package/dist/Toast.js

@@ -0,0 +1,42 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),q=require("./index-BHi0wohR.js"),T=require("./Box.js"),A=require("./Alert.js"),B=require("./CloseButton.js"),C=require("./System.js"),M=require("./Button.js");var N=t=>typeof t=="function",$=(t,e)=>N(t)?t(e):t,R=(()=>{let t=0;return()=>(++t).toString()})(),G=20,x=new Map,z=1e3,P=t=>{if(x.has(t))return;let e=setTimeout(()=>{x.delete(t),h({type:4,toastId:t})},z);x.set(t,e)},H=t=>{let e=x.get(t);e&&clearTimeout(e)},S=(t,e)=>{switch(e.type){case 0:return{...t,toasts:[e.toast,...t.toasts].slice(0,G)};case 1:return e.toast.id&&H(e.toast.id),{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case 2:let{toast:s}=e;return t.toasts.find(o=>o.id===s.id)?S(t,{type:1,toast:s}):S(t,{type:0,toast:s});case 3:let{toastId:n}=e;return n?P(n):t.toasts.forEach(o=>{P(o.id)}),{...t,toasts:t.toasts.map(o=>o.id===n||n===void 0?{...o,visible:!1}:o)};case 4:return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)};case 5:return{...t,pausedAt:e.time};case 6:let r=e.time-(t.pausedAt||0);return{...t,pausedAt:void 0,toasts:t.toasts.map(o=>({...o,pauseDuration:o.pauseDuration+r}))}}},E=[],k={toasts:[],pausedAt:void 0},h=t=>{k=S(k,t),E.forEach(e=>{e(k)})},L={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},W=(t={})=>{let[e,s]=a.useState(k);a.useEffect(()=>(E.push(s),()=>{let r=E.indexOf(s);r>-1&&E.splice(r,1)}),[e]);let n=e.toasts.map(r=>{var o,u;return{...t,...t[r.type],...r,duration:r.duration||((o=t[r.type])==null?void 0:o.duration)||(t==null?void 0:t.duration)||L[r.type],style:{...t.style,...(u=t[r.type])==null?void 0:u.style,...r.style}}});return{...e,toasts:n}},Y=(t,e="blank",s)=>({createdAt:Date.now(),visible:!0,type:e,ariaProps:{role:"status","aria-live":"polite"},message:t,pauseDuration:0,...s,id:(s==null?void 0:s.id)||R()}),v=t=>(e,s)=>{let n=Y(e,t,s);return h({type:2,toast:n}),n.id},c=(t,e)=>v("blank")(t,e);c.error=v("error");c.success=v("success");c.loading=v("loading");c.custom=v("custom");c.dismiss=t=>{h({type:3,toastId:t})};c.remove=t=>h({type:4,toastId:t});c.promise=(t,e,s)=>{let n=c.loading(e.loading,{...s,...s==null?void 0:s.loading});return t.then(r=>(c.success($(e.success,r),{id:n,...s,...s==null?void 0:s.success}),r)).catch(r=>{c.error($(e.error,r),{id:n,...s,...s==null?void 0:s.error})}),t};var _=(t,e)=>{h({type:1,toast:{id:t,height:e}})},j=()=>{h({type:5,time:Date.now()})},U=t=>{let{toasts:e,pausedAt:s}=W(t);a.useEffect(()=>{if(s)return;let o=Date.now(),u=e.map(i=>{if(i.duration===1/0)return;let f=(i.duration||0)+i.pauseDuration-(o-i.createdAt);if(f<0){i.visible&&c.dismiss(i.id);return}return setTimeout(()=>c.dismiss(i.id),f)});return()=>{u.forEach(i=>i&&clearTimeout(i))}},[e,s]);let n=a.useCallback(()=>{s&&h({type:6,time:Date.now()})},[s]),r=a.useCallback((o,u)=>{let{reverseOrder:i=!1,gutter:f=8,defaultPosition:p}=u||{},m=e.filter(d=>(d.position||p)===(o.position||p)&&d.height),g=m.findIndex(d=>d.id===o.id),y=m.filter((d,b)=>b<g&&d.visible).length;return m.filter(d=>d.visible).slice(...i?[y+1]:[0,y]).reduce((d,b)=>d+(b.height||0)+f,0)},[e]);return{toasts:e,handlers:{updateHeight:_,startPause:j,endPause:n,calculateOffset:r}}},w=c;function F(t=!1){const[e,s]=a.useState(!1);return a.useEffect(()=>{s(!0)},[]),a.useMemo(()=>t?n=>n:e?(n,r,o)=>q.reactDomExports.createPortal(n,r||document.body,o):()=>null,[t,e])}const J=l(T.Box)(({isBottom:t})=>l.css`
+    ${l.th("toasts.default")}
+    ${t?l.th("toasts.bottom"):l.th("toasts.top")}
+
+    position: fixed;
+    z-index: 9999;
+    transition: all 400ms ease-out;
+  `),K=l(A.Alert)(()=>l.css`
+    position: relative;
+    padding: lg;
+    ${l.th("toasts.growls.default")};
+
+    div:first-of-type {
+      align-self: baseline;
+    }
+
+    button {
+      flex-shrink: 0;
+    }
+  `),Q=l(T.Box)(()=>l.css`
+    display: flex;
+    align-items: center;
+    padding-bottom: xs;
+    ${l.th("toasts.growls.title")};
+
+    & > *:first-child {
+      flex-shrink: 0;
+    }
+  `),V=l(A.Alert)`
+  display: flex;
+  align-items: center;
+  padding: sm md;
+  ${l.th("toasts.snackbar.default")};
+
+  > div {
+    align-self: center !important;
+  }
+`,X=l.box(({variant:t})=>l.css`
+    ${l.th("toasts.snackbar.separator.default")};
+    ${l.th(`toasts.snackbar.separator.${t}`)};
+    padding-left: sm;
+  `),Z={"top-left":{top:0,left:0},"top-center":{top:0,left:"50%"},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0},"bottom-center":{bottom:0,left:"50%"},"bottom-right":{bottom:0,right:0}},tt=({calculateOffset:t,toast:e,updateHeight:s})=>{var m,g,y;if(typeof e.message=="string")return console.warn("You must pass a React component or a HTML element."),null;const n=t(e,{reverseOrder:!1,gutter:0}),r=d=>{if(d&&typeof e.height!="number"){const b=d.getBoundingClientRect().height;s(e.id,b)}},o=(m=e.position)==null?void 0:m.includes("center"),u=(g=e.position)==null?void 0:g.includes("top"),i=(y=e.position)==null?void 0:y.includes("bottom"),f=()=>{e.onClose&&e.onClose(),w.dismiss(e.id)},p={opacity:e.visible?1:0,transform:`translate(${o?"-50%":"0"}, ${n*(u?1:-1)}px)`,...Z[e.position]};return a.createElement(J,{isBottom:i,opacity:p.opacity,ref:r,style:p,transform:p.transform,...e.ariaProps},a.cloneElement(e.message,{onClose:f}))},D=C.forwardRef(({children:t,dataTestId:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default"},u)=>{const i=e?`${e}-close-button`:void 0;return a.createElement(K,{"data-testid":e,hasCloseButton:s,icon:n,ref:u,variant:o},s&&a.createElement(B.CloseButton,{dataTestId:i,onClick:r,position:"absolute",right:"sm",top:"sm"}),a.createElement(T.Box,{pr:"xl"},t))});D.displayName="Growl";const I=C.forwardRef(({children:t,cta:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default",...u},i)=>a.createElement(V,{icon:n,ref:i,variant:o,...u},a.createElement(T.Box,{alignItems:"center",display:"flex",gap:"sm"},t,e&&a.createElement(X,{variant:o},e),s&&a.createElement(B.CloseButton,{onClick:r,size:"xs"})))),et=C.forwardRef((t,e)=>a.createElement(M.Button,{flexShrink:0,ref:e,size:"xs",variant:"ghost",...t}));I.displayName="Snackbar";const st=({pauseOnHover:t=!0})=>{const e=a.useContext(l.ThemeContext),s=F(),{handlers:n,toasts:r}=U(),{calculateOffset:o,endPause:u,startPause:i,updateHeight:f}=n,p=t?i:void 0,m=t?u:void 0;return a.createElement(l.ThemeProvider,{theme:e},r.length>0&&s(a.createElement("div",{onMouseEnter:p,onMouseLeave:m},r.map(g=>a.createElement(tt,{calculateOffset:o,key:g.id,toast:g,updateHeight:f})))))},ot=({children:t,...e})=>a.createElement(Q,{...e},t),O=(t,e)=>{var o,u;const r={duration:7e3,position:(typeof t=="string"?void 0:((o=t==null?void 0:t.type)==null?void 0:o.displayName)||((u=t==null?void 0:t.type)==null?void 0:u.name))==="Growl"?"top-right":"bottom-center",...e};return w(t,r)},rt=t=>{w.remove(t)},nt=t=>{w.dismiss(t)},at=()=>O,it={Title:ot,Growl:D,Snackbar:I,SnackbarAction:et};exports.Notifications=st;exports.Toast=it;exports.dismiss=nt;exports.remove=rt;exports.toast=O;exports.useToast=at;