@gv-tech/ui-web 2.20.0 → 2.21.1

package/dist/slider.mjs

@@ -1,443 +1,4 @@
 "use client";
-import { j as d } from "./jsx-runtime-tc70JA_2.mjs";
-import * as c from "react";
-import { c as Y } from "./index-rKs9bXHr.mjs";
-import { c as _, P as A } from "./index-K9FzbxYw.mjs";
-import { u as C } from "./index-DLcqcWxM.mjs";
-import { c as ce } from "./index-IZ2gq03c.mjs";
-import { u as de } from "./index-p6xVFRb4.mjs";
-import { u as ue } from "./index-CD6_IrA-.mjs";
-import { u as fe } from "./index-BZPx6jYI.mjs";
-import { u as me } from "./index-C1qb0595.mjs";
-import { c as pe } from "./index-DFdF7K7v.mjs";
-import { c as Se } from "./utils-DY6fhrgS.mjs";
-var $ = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
-  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
-  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [z, he, ge] = pe(M), [W] = ce(M, [
-  ge
-]), [ve, V] = W(M), q = c.forwardRef(
-  (e, t) => {
-    const {
-      name: n,
-      min: o = 0,
-      max: s = 100,
-      step: l = 1,
-      orientation: r = "horizontal",
-      disabled: a = !1,
-      minStepsBetweenThumbs: f = 0,
-      defaultValue: w = [o],
-      value: h,
-      onValueChange: i = () => {
-      },
-      onValueCommit: u = () => {
-      },
-      inverted: v = !1,
-      form: y,
-      ...g
-    } = e, p = c.useRef(/* @__PURE__ */ new Set()), m = c.useRef(0), b = r === "horizontal" ? we : be, [S = [], j] = de({
-      prop: h,
-      defaultProp: w,
-      onChange: (x) => {
-        [...p.current][m.current]?.focus(), i(x);
-      }
-    }), B = c.useRef(S);
-    function T(x) {
-      const R = De(S, x);
-      K(x, R);
-    }
-    function ae(x) {
-      K(x, m.current);
-    }
-    function le() {
-      const x = B.current[m.current];
-      S[m.current] !== x && u(S);
-    }
-    function K(x, R, { commit: N } = { commit: !1 }) {
-      const U = Me(l), k = je(Math.round((x - o) / l) * l + o, U), I = Y(k, [o, s]);
-      j((E = []) => {
-        const P = Re(E, I, R);
-        if (Ce(P, f * l)) {
-          m.current = P.indexOf(I);
-          const F = String(P) !== String(E);
-          return F && N && u(P), F ? P : E;
-        } else
-          return E;
-      });
-    }
-    return /* @__PURE__ */ d.jsx(
-      ve,
-      {
-        scope: e.__scopeSlider,
-        name: n,
-        disabled: a,
-        min: o,
-        max: s,
-        valueIndexToChangeRef: m,
-        thumbs: p.current,
-        values: S,
-        orientation: r,
-        form: y,
-        children: /* @__PURE__ */ d.jsx(z.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ d.jsx(z.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d.jsx(
-          b,
-          {
-            "aria-disabled": a,
-            "data-disabled": a ? "" : void 0,
-            ...g,
-            ref: t,
-            onPointerDown: _(g.onPointerDown, () => {
-              a || (B.current = S);
-            }),
-            min: o,
-            max: s,
-            inverted: v,
-            onSlideStart: a ? void 0 : T,
-            onSlideMove: a ? void 0 : ae,
-            onSlideEnd: a ? void 0 : le,
-            onHomeKeyDown: () => !a && K(o, 0, { commit: !0 }),
-            onEndKeyDown: () => !a && K(s, S.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: x, direction: R }) => {
-              if (!a) {
-                const k = $.includes(x.key) || x.shiftKey && X.includes(x.key) ? 10 : 1, I = m.current, E = S[I], P = l * k * R;
-                K(E + P, I, { commit: !0 });
-              }
-            }
-          }
-        ) }) })
-      }
-    );
-  }
-);
-q.displayName = M;
-var [J, Q] = W(M, {
-  startEdge: "left",
-  endEdge: "right",
-  size: "width",
-  direction: 1
-}), we = c.forwardRef(
-  (e, t) => {
-    const {
-      min: n,
-      max: o,
-      dir: s,
-      inverted: l,
-      onSlideStart: r,
-      onSlideMove: a,
-      onSlideEnd: f,
-      onStepKeyDown: w,
-      ...h
-    } = e, [i, u] = c.useState(null), v = C(t, (b) => u(b)), y = c.useRef(void 0), g = ue(s), p = g === "ltr", m = p && !l || !p && l;
-    function D(b) {
-      const S = y.current || i.getBoundingClientRect(), j = [0, S.width], T = O(j, m ? [n, o] : [o, n]);
-      return y.current = S, T(b - S.left);
-    }
-    return /* @__PURE__ */ d.jsx(
-      J,
-      {
-        scope: e.__scopeSlider,
-        startEdge: m ? "left" : "right",
-        endEdge: m ? "right" : "left",
-        direction: m ? 1 : -1,
-        size: "width",
-        children: /* @__PURE__ */ d.jsx(
-          Z,
-          {
-            dir: g,
-            "data-orientation": "horizontal",
-            ...h,
-            ref: v,
-            style: {
-              ...h.style,
-              "--radix-slider-thumb-transform": "translateX(-50%)"
-            },
-            onSlideStart: (b) => {
-              const S = D(b.clientX);
-              r?.(S);
-            },
-            onSlideMove: (b) => {
-              const S = D(b.clientX);
-              a?.(S);
-            },
-            onSlideEnd: () => {
-              y.current = void 0, f?.();
-            },
-            onStepKeyDown: (b) => {
-              const j = G[m ? "from-left" : "from-right"].includes(b.key);
-              w?.({ event: b, direction: j ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), be = c.forwardRef(
-  (e, t) => {
-    const {
-      min: n,
-      max: o,
-      inverted: s,
-      onSlideStart: l,
-      onSlideMove: r,
-      onSlideEnd: a,
-      onStepKeyDown: f,
-      ...w
-    } = e, h = c.useRef(null), i = C(t, h), u = c.useRef(void 0), v = !s;
-    function y(g) {
-      const p = u.current || h.current.getBoundingClientRect(), m = [0, p.height], b = O(m, v ? [o, n] : [n, o]);
-      return u.current = p, b(g - p.top);
-    }
-    return /* @__PURE__ */ d.jsx(
-      J,
-      {
-        scope: e.__scopeSlider,
-        startEdge: v ? "bottom" : "top",
-        endEdge: v ? "top" : "bottom",
-        size: "height",
-        direction: v ? 1 : -1,
-        children: /* @__PURE__ */ d.jsx(
-          Z,
-          {
-            "data-orientation": "vertical",
-            ...w,
-            ref: i,
-            style: {
-              ...w.style,
-              "--radix-slider-thumb-transform": "translateY(50%)"
-            },
-            onSlideStart: (g) => {
-              const p = y(g.clientY);
-              l?.(p);
-            },
-            onSlideMove: (g) => {
-              const p = y(g.clientY);
-              r?.(p);
-            },
-            onSlideEnd: () => {
-              u.current = void 0, a?.();
-            },
-            onStepKeyDown: (g) => {
-              const m = G[v ? "from-bottom" : "from-top"].includes(g.key);
-              f?.({ event: g, direction: m ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), Z = c.forwardRef(
-  (e, t) => {
-    const {
-      __scopeSlider: n,
-      onSlideStart: o,
-      onSlideMove: s,
-      onSlideEnd: l,
-      onHomeKeyDown: r,
-      onEndKeyDown: a,
-      onStepKeyDown: f,
-      ...w
-    } = e, h = V(M, n);
-    return /* @__PURE__ */ d.jsx(
-      A.span,
-      {
-        ...w,
-        ref: t,
-        onKeyDown: _(e.onKeyDown, (i) => {
-          i.key === "Home" ? (r(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : $.concat(X).includes(i.key) && (f(i), i.preventDefault());
-        }),
-        onPointerDown: _(e.onPointerDown, (i) => {
-          const u = i.target;
-          u.setPointerCapture(i.pointerId), i.preventDefault(), h.thumbs.has(u) ? u.focus() : o(i);
-        }),
-        onPointerMove: _(e.onPointerMove, (i) => {
-          i.target.hasPointerCapture(i.pointerId) && s(i);
-        }),
-        onPointerUp: _(e.onPointerUp, (i) => {
-          const u = i.target;
-          u.hasPointerCapture(i.pointerId) && (u.releasePointerCapture(i.pointerId), l(i));
-        })
-      }
-    );
-  }
-), ee = "SliderTrack", te = c.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: n, ...o } = e, s = V(ee, n);
-    return /* @__PURE__ */ d.jsx(
-      A.span,
-      {
-        "data-disabled": s.disabled ? "" : void 0,
-        "data-orientation": s.orientation,
-        ...o,
-        ref: t
-      }
-    );
-  }
-);
-te.displayName = ee;
-var H = "SliderRange", ne = c.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: n, ...o } = e, s = V(H, n), l = Q(H, n), r = c.useRef(null), a = C(t, r), f = s.values.length, w = s.values.map(
-      (u) => ie(u, s.min, s.max)
-    ), h = f > 1 ? Math.min(...w) : 0, i = 100 - Math.max(...w);
-    return /* @__PURE__ */ d.jsx(
-      A.span,
-      {
-        "data-orientation": s.orientation,
-        "data-disabled": s.disabled ? "" : void 0,
-        ...o,
-        ref: a,
-        style: {
-          ...e.style,
-          [l.startEdge]: h + "%",
-          [l.endEdge]: i + "%"
-        }
-      }
-    );
-  }
-);
-ne.displayName = H;
-var L = "SliderThumb", oe = c.forwardRef(
-  (e, t) => {
-    const n = he(e.__scopeSlider), [o, s] = c.useState(null), l = C(t, (a) => s(a)), r = c.useMemo(
-      () => o ? n().findIndex((a) => a.ref.current === o) : -1,
-      [n, o]
-    );
-    return /* @__PURE__ */ d.jsx(xe, { ...e, ref: l, index: r });
-  }
-), xe = c.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: n, index: o, name: s, ...l } = e, r = V(L, n), a = Q(L, n), [f, w] = c.useState(null), h = C(t, (D) => w(D)), i = f ? r.form || !!f.closest("form") : !0, u = me(f), v = r.values[o], y = v === void 0 ? 0 : ie(v, r.min, r.max), g = Pe(o, r.values.length), p = u?.[a.size], m = p ? Ee(p, y, a.direction) : 0;
-    return c.useEffect(() => {
-      if (f)
-        return r.thumbs.add(f), () => {
-          r.thumbs.delete(f);
-        };
-    }, [f, r.thumbs]), /* @__PURE__ */ d.jsxs(
-      "span",
-      {
-        style: {
-          transform: "var(--radix-slider-thumb-transform)",
-          position: "absolute",
-          [a.startEdge]: `calc(${y}% + ${m}px)`
-        },
-        children: [
-          /* @__PURE__ */ d.jsx(z.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ d.jsx(
-            A.span,
-            {
-              role: "slider",
-              "aria-label": e["aria-label"] || g,
-              "aria-valuemin": r.min,
-              "aria-valuenow": v,
-              "aria-valuemax": r.max,
-              "aria-orientation": r.orientation,
-              "data-orientation": r.orientation,
-              "data-disabled": r.disabled ? "" : void 0,
-              tabIndex: r.disabled ? void 0 : 0,
-              ...l,
-              ref: h,
-              style: v === void 0 ? { display: "none" } : e.style,
-              onFocus: _(e.onFocus, () => {
-                r.valueIndexToChangeRef.current = o;
-              })
-            }
-          ) }),
-          i && /* @__PURE__ */ d.jsx(
-            re,
-            {
-              name: s ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
-              form: r.form,
-              value: v
-            },
-            o
-          )
-        ]
-      }
-    );
-  }
-);
-oe.displayName = L;
-var ye = "RadioBubbleInput", re = c.forwardRef(
-  ({ __scopeSlider: e, value: t, ...n }, o) => {
-    const s = c.useRef(null), l = C(s, o), r = fe(t);
-    return c.useEffect(() => {
-      const a = s.current;
-      if (!a) return;
-      const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(f, "value").set;
-      if (r !== t && h) {
-        const i = new Event("input", { bubbles: !0 });
-        h.call(a, t), a.dispatchEvent(i);
-      }
-    }, [r, t]), /* @__PURE__ */ d.jsx(
-      A.input,
-      {
-        style: { display: "none" },
-        ...n,
-        ref: l,
-        defaultValue: t
-      }
-    );
-  }
-);
-re.displayName = ye;
-function Re(e = [], t, n) {
-  const o = [...e];
-  return o[n] = t, o.sort((s, l) => s - l);
-}
-function ie(e, t, n) {
-  const l = 100 / (n - t) * (e - t);
-  return Y(l, [0, 100]);
-}
-function Pe(e, t) {
-  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
-}
-function De(e, t) {
-  if (e.length === 1) return 0;
-  const n = e.map((s) => Math.abs(s - t)), o = Math.min(...n);
-  return n.indexOf(o);
-}
-function Ee(e, t, n) {
-  const o = e / 2, l = O([0, 50], [0, o]);
-  return (o - l(t) * n) * n;
-}
-function _e(e) {
-  return e.slice(0, -1).map((t, n) => e[n + 1] - t);
-}
-function Ce(e, t) {
-  if (t > 0) {
-    const n = _e(e);
-    return Math.min(...n) >= t;
-  }
-  return !0;
-}
-function O(e, t) {
-  return (n) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const o = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + o * (n - e[0]);
-  };
-}
-function Me(e) {
-  return (String(e).split(".")[1] || "").length;
-}
-function je(e, t) {
-  const n = Math.pow(10, t);
-  return Math.round(e * n) / n;
-}
-var se = q, Ke = te, Ie = ne, Ae = oe;
-const Ve = c.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d.jsxs(
-  se,
-  {
-    ref: n,
-    className: Se("relative flex w-full touch-none items-center select-none", e),
-    ...t,
-    children: [
-      /* @__PURE__ */ d.jsx(Ke, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ d.jsx(Ie, { className: "bg-primary absolute h-full" }) }),
-      /* @__PURE__ */ d.jsx(Ae, { className: "border-primary/50 bg-background focus-visible:ring-ring block h-4 w-4 rounded-full border shadow transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50" })
-    ]
-  }
-));
-Ve.displayName = se?.displayName || "Slider";
-export {
-  Ve as Slider
-};
+"use client";
+import { t as e } from "./slider-DTdrUy_s.mjs";
+export { e as Slider };

package/dist/sonner.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-nZSsnGb7.js"),r=require("next-themes"),s=require("sonner"),u=({...t})=>{const{theme:o="system"}=r.useTheme();return e.jsxRuntimeExports.jsx(s.Toaster,{theme:o,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...t})};exports.Toaster=u;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-mLOUI7ql.js");let t=require("react");t=e.r(t);let n=require("react/jsx-runtime"),r=require("next-themes"),i=require("sonner");var a=({...e})=>{let{theme:t=`system`}=(0,r.useTheme)();return(0,n.jsx)(i.Toaster,{theme:t,className:`toaster group`,toastOptions:{classNames:{toast:`group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg`,description:`group-[.toast]:text-muted-foreground`,actionButton:`group-[.toast]:bg-primary group-[.toast]:text-primary-foreground`,cancelButton:`group-[.toast]:bg-muted group-[.toast]:text-muted-foreground`}},...e})};exports.Toaster=a;

package/dist/sonner.d.ts

@@ -1,10 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { SonnerBaseProps } from '../../ui-core/src';
-import { Toaster as Toaster_2 } from 'sonner';
-
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
-
-export declare type ToasterProps = React_2.ComponentProps<typeof Toaster_2> & SonnerBaseProps;
-
-export { }
+export * from './packages/ui-web/src/sonner'
+export {}

package/dist/sonner.mjs

@@ -1,26 +1,23 @@
 "use client";
-import { j as r } from "./jsx-runtime-tc70JA_2.mjs";
-import { useTheme as e } from "next-themes";
-import { Toaster as s } from "sonner";
-const p = ({ ...t }) => {
-  const { theme: o = "system" } = e();
-  return /* @__PURE__ */ r.jsx(
-    s,
-    {
-      theme: o,
-      className: "toaster group",
-      toastOptions: {
-        classNames: {
-          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-muted-foreground",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
-        }
-      },
-      ...t
-    }
-  );
-};
-export {
-  p as Toaster
+"use client";
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { useTheme as t } from "next-themes";
+import { Toaster as n } from "sonner";
+//#region src/sonner.tsx
+var r = ({ ...r }) => {
+	let { theme: i = "system" } = t();
+	return /* @__PURE__ */ e(n, {
+		theme: i,
+		className: "toaster group",
+		toastOptions: { classNames: {
+			toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+			description: "group-[.toast]:text-muted-foreground",
+			actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+			cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+		} },
+		...r
+	});
 };
+//#endregion
+export { r as Toaster };

package/dist/support-fab.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-nZSsnGb7.js"),g=require("lucide-react"),P=require("react"),z=require("./button.cjs"),a=require("./dialog.cjs"),c=require("./drawer.cjs"),x=require("./utils-cdbZV8DZ.js");function I(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const i=I(P),w="(max-width: 767px)",E=t=>{const s=t.trim();return s.endsWith("/")?s.slice(0,-1):s},R=t=>t.trim().replace(/^@+/,""),U=(t,s)=>{const n=E(t),r=encodeURIComponent(R(s));return`${n}/${r}`},F=(t,s)=>{const n=E(t),r=encodeURIComponent(R(s));return`${n}/widget/page/${r}`},L=()=>{const t=()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(w).matches,[s,n]=i.useState(t);return i.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const r=window.matchMedia(w),l=u=>n(u.matches);return n(r.matches),r.addEventListener("change",l),()=>{r.removeEventListener("change",l)}},[]),s};function T({supportUrl:t="https://www.buymeacoffee.com",creatorId:s,title:n="Buy me a coffee",description:r="Support the project directly from this panel.",iframeTitle:l="Buy Me a Coffee support form",open:u,defaultOpen:y=!1,onOpenChange:p,positionClassName:v,buttonClassName:M,panelClassName:f,className:D,type:N,onClick:C,...O}){const S=L(),d=u!==void 0,[_,k]=i.useState(y),j=d?u:_,m=i.useCallback(o=>{d||k(o),p?.(o)},[d,p]),q=i.useMemo(()=>U(t,s),[s,t]),B=i.useMemo(()=>F(t,s),[s,t]),h=e.jsxRuntimeExports.jsxs("div",{className:"flex max-h-[75vh] flex-col gap-3",children:[e.jsxRuntimeExports.jsx("div",{className:"overflow-hidden rounded-md border",children:e.jsxRuntimeExports.jsx("iframe",{title:l,src:B,className:"h-[560px] w-full border-0",loading:"lazy",referrerPolicy:"strict-origin-when-cross-origin"})}),e.jsxRuntimeExports.jsxs("div",{className:"text-muted-foreground flex items-center justify-between gap-2 text-xs",children:[e.jsxRuntimeExports.jsx("span",{children:"If the embedded checkout is unavailable, open the support page directly."}),e.jsxRuntimeExports.jsxs("a",{href:q,target:"_blank",rel:"noopener noreferrer",className:"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2",children:["Open Buy Me a Coffee",e.jsxRuntimeExports.jsx(g.ExternalLink,{className:"h-3.5 w-3.5"})]})]})]}),b=e.jsxRuntimeExports.jsx("div",{className:x.cn("fixed right-6 bottom-6 z-50",v),children:e.jsxRuntimeExports.jsxs(z.Button,{"aria-label":"Support this project",type:N??"button",className:x.cn("inline-flex h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] text-black shadow-[0_16px_36px_-18px_rgba(0,0,0,0.8)] transition hover:-translate-y-0.5 hover:scale-105 hover:bg-[#ffe347] focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:scale-95",M,D),onClick:o=>{C?.(o),o.defaultPrevented||m(!0)},...O,children:[e.jsxRuntimeExports.jsx(g.Coffee,{className:"h-6 w-6"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Support this project"})]})});return S?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[b,e.jsxRuntimeExports.jsx(c.Drawer,{open:j,onOpenChange:m,children:e.jsxRuntimeExports.jsxs(c.DrawerContent,{className:x.cn("mx-auto w-full max-w-xl",f),children:[e.jsxRuntimeExports.jsxs(c.DrawerHeader,{children:[e.jsxRuntimeExports.jsx(c.DrawerTitle,{children:n}),e.jsxRuntimeExports.jsx(c.DrawerDescription,{children:r})]}),e.jsxRuntimeExports.jsx("div",{className:"px-4 pb-4",children:h})]})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[b,e.jsxRuntimeExports.jsx(a.Dialog,{open:j,onOpenChange:m,children:e.jsxRuntimeExports.jsxs(a.DialogContent,{className:x.cn("max-w-xl p-5",f),children:[e.jsxRuntimeExports.jsxs(a.DialogHeader,{children:[e.jsxRuntimeExports.jsx(a.DialogTitle,{children:n}),e.jsxRuntimeExports.jsx(a.DialogDescription,{children:r})]}),h]})})]})}exports.SupportFab=T;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js"),n=require("./button.cjs"),r=require("./dialog.cjs"),i=require("./drawer.cjs");let a=require("react");a=e.r(a);let o=require("react/jsx-runtime"),s=require("lucide-react");var c=`(max-width: 767px)`,l=e=>{let t=e.trim();return t.endsWith(`/`)?t.slice(0,-1):t},u=e=>e.trim().replace(/^@+/,``),d=(e,t)=>`${l(e)}/${encodeURIComponent(u(t))}`,f=(e,t)=>`${l(e)}/widget/page/${encodeURIComponent(u(t))}`,p=()=>{let[e,t]=a.useState(()=>typeof window>`u`||typeof window.matchMedia!=`function`?!1:window.matchMedia(c).matches);return a.useEffect(()=>{if(typeof window>`u`||typeof window.matchMedia!=`function`)return;let e=window.matchMedia(c),n=e=>t(e.matches);return t(e.matches),e.addEventListener(`change`,n),()=>{e.removeEventListener(`change`,n)}},[]),e};function m({supportUrl:e=`https://www.buymeacoffee.com`,creatorId:c,title:l=`Buy me a coffee`,description:u=`Support the project directly from this panel.`,iframeTitle:m=`Buy Me a Coffee support form`,open:h,defaultOpen:g=!1,onOpenChange:_,positionClassName:v,buttonClassName:y,panelClassName:b,className:x,type:S,onClick:C,...w}){let T=p(),E=h!==void 0,[D,O]=a.useState(g),k=E?h:D,A=a.useCallback(e=>{E||O(e),_?.(e)},[E,_]),j=a.useMemo(()=>d(e,c),[c,e]),M=(0,o.jsxs)(`div`,{className:`flex max-h-[75vh] flex-col gap-3`,children:[(0,o.jsx)(`div`,{className:`overflow-hidden rounded-md border`,children:(0,o.jsx)(`iframe`,{title:m,src:a.useMemo(()=>f(e,c),[c,e]),className:`h-[560px] w-full border-0`,loading:`lazy`,referrerPolicy:`strict-origin-when-cross-origin`})}),(0,o.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-between gap-2 text-xs`,children:[(0,o.jsx)(`span`,{children:`If the embedded checkout is unavailable, open the support page directly.`}),(0,o.jsxs)(`a`,{href:j,target:`_blank`,rel:`noopener noreferrer`,className:`text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2`,children:[`Open Buy Me a Coffee`,(0,o.jsx)(s.ExternalLink,{className:`h-3.5 w-3.5`})]})]})]}),N=(0,o.jsx)(`div`,{className:t.t(`fixed right-6 bottom-6 z-50`,v),children:(0,o.jsxs)(n.Button,{"aria-label":`Support this project`,type:S??`button`,className:t.t(`inline-flex h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] text-black shadow-[0_16px_36px_-18px_rgba(0,0,0,0.8)] transition hover:-translate-y-0.5 hover:scale-105 hover:bg-[#ffe347] focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:scale-95`,y,x),onClick:e=>{C?.(e),e.defaultPrevented||A(!0)},...w,children:[(0,o.jsx)(s.Coffee,{className:`h-6 w-6`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Support this project`})]})});return T?(0,o.jsxs)(o.Fragment,{children:[N,(0,o.jsx)(i.Drawer,{open:k,onOpenChange:A,children:(0,o.jsxs)(i.DrawerContent,{className:t.t(`mx-auto w-full max-w-xl`,b),children:[(0,o.jsxs)(i.DrawerHeader,{children:[(0,o.jsx)(i.DrawerTitle,{children:l}),(0,o.jsx)(i.DrawerDescription,{children:u})]}),(0,o.jsx)(`div`,{className:`px-4 pb-4`,children:M})]})})]}):(0,o.jsxs)(o.Fragment,{children:[N,(0,o.jsx)(r.Dialog,{open:k,onOpenChange:A,children:(0,o.jsxs)(r.DialogContent,{className:t.t(`max-w-xl p-5`,b),children:[(0,o.jsxs)(r.DialogHeader,{children:[(0,o.jsx)(r.DialogTitle,{children:l}),(0,o.jsx)(r.DialogDescription,{children:u})]}),M]})})]})}exports.SupportFab=m;

package/dist/support-fab.d.ts

@@ -1,20 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare function SupportFab({ supportUrl, creatorId, title, description, iframeTitle, open, defaultOpen, onOpenChange, positionClassName, buttonClassName, panelClassName, className, type, onClick, ...buttonProps }: SupportFabProps): JSX.Element;
-
-export declare interface SupportFabProps extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
-    supportUrl?: string;
-    creatorId: string;
-    title?: string;
-    description?: string;
-    iframeTitle?: string;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    positionClassName?: string;
-    buttonClassName?: string;
-    panelClassName?: string;
-}
-
-export { }
+export * from './packages/ui-web/src/support-fab'
+export {}