@gv-tech/design-system 2.19.0 → 2.21.0

package/dist/sonner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.cjs","sources":["../packages/ui-web/src/sonner.tsx"],"sourcesContent":["'use client';\n\nimport { SonnerBaseProps } from '@gv-tech/ui-core';\nimport { useTheme } from 'next-themes';\nimport * as React from 'react';\nimport { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner> & SonnerBaseProps;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\nexport type { ToasterProps };\n"],"names":["Toaster","props","theme","useTheme","jsx","Sonner"],"mappings":"8JASMA,EAAU,CAAC,CAAE,GAAGC,KAA0B,CAC9C,KAAM,CAAE,MAAAC,EAAQ,QAAA,EAAaC,WAAA,EAE7B,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,MAAAH,EACA,UAAU,gBACV,aAAc,CACZ,WAAY,CACV,MACE,wIACF,YAAa,uCACb,aAAc,mEACd,aAAc,8DAAA,CAChB,EAED,GAAGD,CAAA,CAAA,CAGV"}
+{"version":3,"file":"sonner.cjs","names":[],"sources":["../packages/ui-web/src/sonner.tsx"],"sourcesContent":["'use client';\n\nimport { SonnerBaseProps } from '@gv-tech/ui-core';\nimport { useTheme } from 'next-themes';\nimport * as React from 'react';\nimport { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner> & SonnerBaseProps;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\nexport type { ToasterProps };\n"],"mappings":"2PASM,GAAW,CAAE,GAAG,KAA0B,CAC9C,GAAM,CAAE,QAAQ,WAAA,EAAA,EAAA,WAAuB,CAEvC,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACS,QACP,UAAU,gBACV,aAAc,CACZ,WAAY,CACV,MACE,wIACF,YAAa,uCACb,aAAc,mEACd,aAAc,+DACf,CACF,CACD,GAAI,EACJ,CAAA"}

package/dist/sonner.d.ts

@@ -1,25 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Toaster as Toaster_2 } from 'sonner';
-
-declare interface SonnerBaseProps {
-    theme?: 'light' | 'dark' | 'system';
-    className?: string;
-    toastOptions?: {
-        classNames?: {
-            toast?: string;
-            description?: string;
-            actionButton?: string;
-            cancelButton?: string;
-            [key: string]: string | undefined;
-        };
-        [key: string]: unknown;
-    };
-    [key: string]: unknown;
-}
-
-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,24 @@
 "use client";
-import { j as r, bE as e } from "./vendor-BQwS7aJt.mjs";
-import { useTheme as s } from "next-themes";
-const g = ({ ...t }) => {
-  const { theme: o = "system" } = s();
-  return /* @__PURE__ */ r.jsx(
-    e,
-    {
-      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 {
-  g as Toaster
+"use client";
+import { vr as e, x as t } from "./vendor-Cr0eKZrm.mjs";
+import "react";
+import { useTheme as n } from "next-themes";
+//#region packages/ui-web/src/sonner.tsx
+var r = e(), i = ({ ...e }) => {
+	let { theme: i = "system" } = n();
+	return /* @__PURE__ */ (0, r.jsx)(t, {
+		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"
+		} },
+		...e
+	});
 };
-//# sourceMappingURL=sonner.mjs.map
+//#endregion
+export { i as Toaster };
+
+//# sourceMappingURL=sonner.mjs.map

package/dist/sonner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.mjs","sources":["../packages/ui-web/src/sonner.tsx"],"sourcesContent":["'use client';\n\nimport { SonnerBaseProps } from '@gv-tech/ui-core';\nimport { useTheme } from 'next-themes';\nimport * as React from 'react';\nimport { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner> & SonnerBaseProps;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\nexport type { ToasterProps };\n"],"names":["Toaster","props","theme","useTheme","jsx","Sonner"],"mappings":";;;AASA,MAAMA,IAAU,CAAC,EAAE,GAAGC,QAA0B;AAC9C,QAAM,EAAE,OAAAC,IAAQ,SAAA,IAAaC,EAAA;AAE7B,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAED,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"sonner.mjs","names":[],"sources":["../packages/ui-web/src/sonner.tsx"],"sourcesContent":["'use client';\n\nimport { SonnerBaseProps } from '@gv-tech/ui-core';\nimport { useTheme } from 'next-themes';\nimport * as React from 'react';\nimport { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner> & SonnerBaseProps;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\nexport type { ToasterProps };\n"],"mappings":";;;;;;aASM,KAAW,EAAE,GAAG,QAA0B;CAC9C,IAAM,EAAE,WAAQ,aAAa,GAAU;AAEvC,QACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACS;EACP,WAAU;EACV,cAAc,EACZ,YAAY;GACV,OACE;GACF,aAAa;GACb,cAAc;GACd,cAAc;GACf,EACF;EACD,GAAI;EACJ,CAAA"}

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../packages/design-tokens/src';
+export * from '../packages/ui-web/src';

package/dist/src-B8AA-nU4.js

@@ -0,0 +1,2 @@
+var e=require(`./vendor-D3ZzLf8D.js`).Gn(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+//# sourceMappingURL=src-B8AA-nU4.js.map

package/dist/src-B8AA-nU4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-B8AA-nU4.js","names":[],"sources":["../packages/ui-core/src/contracts/toggle.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport * as React from 'react';\n\nexport const toggleVariants = cva(\n  'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-8 px-1.5 min-w-8',\n        lg: 'h-10 px-2.5 min-w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport const toggleVariantValues = {\n  variant: {\n    default: 'default',\n    outline: 'outline',\n  },\n  size: {\n    default: 'default',\n    sm: 'sm',\n    lg: 'lg',\n  },\n} as const;\n\nexport type ToggleVariant = keyof typeof toggleVariantValues.variant;\nexport type ToggleSize = keyof typeof toggleVariantValues.size;\n\nexport interface ToggleBaseProps {\n  children?: React.ReactNode;\n  className?: string;\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  disabled?: boolean;\n}\n"],"mappings":"AAGA,IAAa,kCAAiB,GAC5B,kYACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,4FACV,CACD,KAAM,CACJ,QAAS,mBACT,GAAI,qBACJ,GAAI,uBACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,CACF"}

package/dist/src-C65A5RuY.mjs

@@ -0,0 +1,23 @@
+import { Gn as e } from "./vendor-Cr0eKZrm.mjs";
+//#region packages/ui-core/src/contracts/toggle.ts
+var t = e("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-8 px-1.5 min-w-8",
+			lg: "h-10 px-2.5 min-w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+//#endregion
+export { t };
+
+//# sourceMappingURL=src-C65A5RuY.mjs.map

package/dist/src-C65A5RuY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-C65A5RuY.mjs","names":[],"sources":["../packages/ui-core/src/contracts/toggle.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport * as React from 'react';\n\nexport const toggleVariants = cva(\n  'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-8 px-1.5 min-w-8',\n        lg: 'h-10 px-2.5 min-w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport const toggleVariantValues = {\n  variant: {\n    default: 'default',\n    outline: 'outline',\n  },\n  size: {\n    default: 'default',\n    sm: 'sm',\n    lg: 'lg',\n  },\n} as const;\n\nexport type ToggleVariant = keyof typeof toggleVariantValues.variant;\nexport type ToggleSize = keyof typeof toggleVariantValues.size;\n\nexport interface ToggleBaseProps {\n  children?: React.ReactNode;\n  className?: string;\n  variant?: ToggleVariant;\n  size?: ToggleSize;\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  disabled?: boolean;\n}\n"],"mappings":";;AAGA,IAAa,IAAiB,EAC5B,mYACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF"}

package/dist/support-fab.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-B_07FHqh.js"),q=require("react"),P=require("./button.cjs"),a=require("./dialog.cjs"),c=require("./drawer.cjs"),x=require("./utils-CBWPs0D7.js");function z(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 o=z(q),g="(max-width: 767px)",w=t=>{const s=t.trim();return s.endsWith("/")?s.slice(0,-1):s},E=t=>t.trim().replace(/^@+/,""),I=(t,s)=>{const n=w(t),r=encodeURIComponent(E(s));return`${n}/${r}`},U=(t,s)=>{const n=w(t),r=encodeURIComponent(E(s));return`${n}/widget/page/${r}`},F=()=>{const t=()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(g).matches,[s,n]=o.useState(t);return o.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const r=window.matchMedia(g),l=u=>n(u.matches);return n(r.matches),r.addEventListener("change",l),()=>{r.removeEventListener("change",l)}},[]),s};function L({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:R=!1,onOpenChange:p,positionClassName:y,buttonClassName:v,panelClassName:f,className:M,type:D,onClick:N,...C}){const O=F(),d=u!==void 0,[S,_]=o.useState(R),j=d?u:S,m=o.useCallback(i=>{d||_(i),p?.(i)},[d,p]),k=o.useMemo(()=>I(t,s),[s,t]),B=o.useMemo(()=>U(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:k,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(e.ExternalLink,{className:"h-3.5 w-3.5"})]})]})]}),b=e.jsxRuntimeExports.jsx("div",{className:x.cn("fixed right-6 bottom-6 z-50",y),children:e.jsxRuntimeExports.jsxs(P.Button,{"aria-label":"Support this project",type:D??"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",v,M),onClick:i=>{N?.(i),i.defaultPrevented||m(!0)},...C,children:[e.jsxRuntimeExports.jsx(e.Coffee,{className:"h-6 w-6"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Support this project"})]})});return O?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=L;
-//# sourceMappingURL=support-fab.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./rolldown-runtime-CacfPODE.js`),t=require(`./vendor-D3ZzLf8D.js`),n=require(`./utils-CbSX47LV.js`),r=require(`./button.cjs`),i=require(`./dialog.cjs`),a=require(`./drawer.cjs`);let o=require(`react`);o=e.r(o);var s=t.vr(),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]=o.useState(()=>typeof window>`u`||typeof window.matchMedia!=`function`?!1:window.matchMedia(c).matches);return o.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]=o.useState(g),k=E?h:D,A=o.useCallback(e=>{E||O(e),_?.(e)},[E,_]),j=o.useMemo(()=>d(e,c),[c,e]),M=(0,s.jsxs)(`div`,{className:`flex max-h-[75vh] flex-col gap-3`,children:[(0,s.jsx)(`div`,{className:`overflow-hidden rounded-md border`,children:(0,s.jsx)(`iframe`,{title:m,src:o.useMemo(()=>f(e,c),[c,e]),className:`h-[560px] w-full border-0`,loading:`lazy`,referrerPolicy:`strict-origin-when-cross-origin`})}),(0,s.jsxs)(`div`,{className:`text-muted-foreground flex items-center justify-between gap-2 text-xs`,children:[(0,s.jsx)(`span`,{children:`If the embedded checkout is unavailable, open the support page directly.`}),(0,s.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,s.jsx)(t.Qn,{className:`h-3.5 w-3.5`})]})]})]}),N=(0,s.jsx)(`div`,{className:n.t(`fixed right-6 bottom-6 z-50`,v),children:(0,s.jsxs)(r.Button,{"aria-label":`Support this project`,type:S??`button`,className:n.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,s.jsx)(t.er,{className:`h-6 w-6`}),(0,s.jsx)(`span`,{className:`sr-only`,children:`Support this project`})]})});return T?(0,s.jsxs)(s.Fragment,{children:[N,(0,s.jsx)(a.Drawer,{open:k,onOpenChange:A,children:(0,s.jsxs)(a.DrawerContent,{className:n.t(`mx-auto w-full max-w-xl`,b),children:[(0,s.jsxs)(a.DrawerHeader,{children:[(0,s.jsx)(a.DrawerTitle,{children:l}),(0,s.jsx)(a.DrawerDescription,{children:u})]}),(0,s.jsx)(`div`,{className:`px-4 pb-4`,children:M})]})})]}):(0,s.jsxs)(s.Fragment,{children:[N,(0,s.jsx)(i.Dialog,{open:k,onOpenChange:A,children:(0,s.jsxs)(i.DialogContent,{className:n.t(`max-w-xl p-5`,b),children:[(0,s.jsxs)(i.DialogHeader,{children:[(0,s.jsx)(i.DialogTitle,{children:l}),(0,s.jsx)(i.DialogDescription,{children:u})]}),M]})})]})}exports.SupportFab=m;
+//# sourceMappingURL=support-fab.cjs.map

package/dist/support-fab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"support-fab.cjs","sources":["../packages/ui-web/src/support-fab.tsx"],"sourcesContent":["'use client';\n\nimport { Coffee, ExternalLink } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer';\nimport { cn } from './lib/utils';\n\nconst MOBILE_QUERY = '(max-width: 767px)';\n\nconst normalizeBaseUrl = (url: string) => {\n  const trimmed = url.trim();\n  return trimmed.endsWith('/') ? trimmed.slice(0, -1) : trimmed;\n};\n\nconst sanitizeCreator = (creatorId: string) => creatorId.trim().replace(/^@+/, '');\n\nconst buildPageUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/${creator}`;\n};\n\nconst buildEmbedUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/widget/page/${creator}`;\n};\n\nconst useIsMobile = () => {\n  const getInitial = () => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(MOBILE_QUERY).matches;\n  };\n\n  const [isMobile, setIsMobile] = React.useState(getInitial);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(MOBILE_QUERY);\n    const onChange = (event: MediaQueryListEvent) => setIsMobile(event.matches);\n\n    setIsMobile(mediaQuery.matches);\n    mediaQuery.addEventListener('change', onChange);\n\n    return () => {\n      mediaQuery.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport interface SupportFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  supportUrl?: string;\n  creatorId: string;\n  title?: string;\n  description?: string;\n  iframeTitle?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  positionClassName?: string;\n  buttonClassName?: string;\n  panelClassName?: string;\n}\n\nexport function SupportFab({\n  supportUrl = 'https://www.buymeacoffee.com',\n  creatorId,\n  title = 'Buy me a coffee',\n  description = 'Support the project directly from this panel.',\n  iframeTitle = 'Buy Me a Coffee support form',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  positionClassName,\n  buttonClassName,\n  panelClassName,\n  className,\n  type,\n  onClick,\n  ...buttonProps\n}: SupportFabProps) {\n  const isMobile = useIsMobile();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const pageUrl = React.useMemo(() => buildPageUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n  const embedUrl = React.useMemo(() => buildEmbedUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n\n  const panelBody = (\n    <div className=\"flex max-h-[75vh] flex-col gap-3\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <iframe\n          title={iframeTitle}\n          src={embedUrl}\n          className=\"h-[560px] w-full border-0\"\n          loading=\"lazy\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n        />\n      </div>\n      <div className=\"text-muted-foreground flex items-center justify-between gap-2 text-xs\">\n        <span>If the embedded checkout is unavailable, open the support page directly.</span>\n        <a\n          href={pageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2\"\n        >\n          Open Buy Me a Coffee\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n    </div>\n  );\n\n  const trigger = (\n    <div className={cn('fixed right-6 bottom-6 z-50', positionClassName)}>\n      <Button\n        aria-label=\"Support this project\"\n        type={type ?? 'button'}\n        className={cn(\n          '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',\n          buttonClassName,\n          className,\n        )}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            setOpen(true);\n          }\n        }}\n        {...buttonProps}\n      >\n        <Coffee className=\"h-6 w-6\" />\n        <span className=\"sr-only\">Support this project</span>\n      </Button>\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer open={isOpen} onOpenChange={setOpen}>\n          <DrawerContent className={cn('mx-auto w-full max-w-xl', panelClassName)}>\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription>{description}</DrawerDescription>\n            </DrawerHeader>\n            <div className=\"px-4 pb-4\">{panelBody}</div>\n          </DrawerContent>\n        </Drawer>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger}\n      <Dialog open={isOpen} onOpenChange={setOpen}>\n        <DialogContent className={cn('max-w-xl p-5', panelClassName)}>\n          <DialogHeader>\n            <DialogTitle>{title}</DialogTitle>\n            <DialogDescription>{description}</DialogDescription>\n          </DialogHeader>\n          {panelBody}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["MOBILE_QUERY","normalizeBaseUrl","url","trimmed","sanitizeCreator","creatorId","buildPageUrl","supportUrl","base","creator","buildEmbedUrl","useIsMobile","getInitial","isMobile","setIsMobile","React","mediaQuery","onChange","event","SupportFab","title","description","iframeTitle","open","defaultOpen","onOpenChange","positionClassName","buttonClassName","panelClassName","className","type","onClick","buttonProps","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","nextOpen","pageUrl","embedUrl","panelBody","jsxs","jsx","ExternalLink","trigger","cn","Button","Coffee","Fragment","Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"support-fab.cjs","names":[],"sources":["../packages/ui-web/src/support-fab.tsx"],"sourcesContent":["'use client';\n\nimport { Coffee, ExternalLink } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer';\nimport { cn } from './lib/utils';\n\nconst MOBILE_QUERY = '(max-width: 767px)';\n\nconst normalizeBaseUrl = (url: string) => {\n  const trimmed = url.trim();\n  return trimmed.endsWith('/') ? trimmed.slice(0, -1) : trimmed;\n};\n\nconst sanitizeCreator = (creatorId: string) => creatorId.trim().replace(/^@+/, '');\n\nconst buildPageUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/${creator}`;\n};\n\nconst buildEmbedUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/widget/page/${creator}`;\n};\n\nconst useIsMobile = () => {\n  const getInitial = () => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(MOBILE_QUERY).matches;\n  };\n\n  const [isMobile, setIsMobile] = React.useState(getInitial);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(MOBILE_QUERY);\n    const onChange = (event: MediaQueryListEvent) => setIsMobile(event.matches);\n\n    setIsMobile(mediaQuery.matches);\n    mediaQuery.addEventListener('change', onChange);\n\n    return () => {\n      mediaQuery.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport interface SupportFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  supportUrl?: string;\n  creatorId: string;\n  title?: string;\n  description?: string;\n  iframeTitle?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  positionClassName?: string;\n  buttonClassName?: string;\n  panelClassName?: string;\n}\n\nexport function SupportFab({\n  supportUrl = 'https://www.buymeacoffee.com',\n  creatorId,\n  title = 'Buy me a coffee',\n  description = 'Support the project directly from this panel.',\n  iframeTitle = 'Buy Me a Coffee support form',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  positionClassName,\n  buttonClassName,\n  panelClassName,\n  className,\n  type,\n  onClick,\n  ...buttonProps\n}: SupportFabProps) {\n  const isMobile = useIsMobile();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const pageUrl = React.useMemo(() => buildPageUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n  const embedUrl = React.useMemo(() => buildEmbedUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n\n  const panelBody = (\n    <div className=\"flex max-h-[75vh] flex-col gap-3\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <iframe\n          title={iframeTitle}\n          src={embedUrl}\n          className=\"h-[560px] w-full border-0\"\n          loading=\"lazy\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n        />\n      </div>\n      <div className=\"text-muted-foreground flex items-center justify-between gap-2 text-xs\">\n        <span>If the embedded checkout is unavailable, open the support page directly.</span>\n        <a\n          href={pageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2\"\n        >\n          Open Buy Me a Coffee\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n    </div>\n  );\n\n  const trigger = (\n    <div className={cn('fixed right-6 bottom-6 z-50', positionClassName)}>\n      <Button\n        aria-label=\"Support this project\"\n        type={type ?? 'button'}\n        className={cn(\n          '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',\n          buttonClassName,\n          className,\n        )}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            setOpen(true);\n          }\n        }}\n        {...buttonProps}\n      >\n        <Coffee className=\"h-6 w-6\" />\n        <span className=\"sr-only\">Support this project</span>\n      </Button>\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer open={isOpen} onOpenChange={setOpen}>\n          <DrawerContent className={cn('mx-auto w-full max-w-xl', panelClassName)}>\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription>{description}</DrawerDescription>\n            </DrawerHeader>\n            <div className=\"px-4 pb-4\">{panelBody}</div>\n          </DrawerContent>\n        </Drawer>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger}\n      <Dialog open={isOpen} onOpenChange={setOpen}>\n        <DialogContent className={cn('max-w-xl p-5', panelClassName)}>\n          <DialogHeader>\n            <DialogTitle>{title}</DialogTitle>\n            <DialogDescription>{description}</DialogDescription>\n          </DialogHeader>\n          {panelBody}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"mappings":"6UASM,EAAe,qBAEf,EAAoB,GAAgB,CACxC,IAAM,EAAU,EAAI,MAAM,CAC1B,OAAO,EAAQ,SAAS,IAAI,CAAG,EAAQ,MAAM,EAAG,GAAG,CAAG,GAGlD,EAAmB,GAAsB,EAAU,MAAM,CAAC,QAAQ,MAAO,GAAG,CAE5E,GAAgB,EAAoB,IAGjC,GAFM,EAAiB,EAAW,CAE1B,GADC,mBAAmB,EAAgB,EAAU,CAAC,GAI1D,GAAiB,EAAoB,IAGlC,GAFM,EAAiB,EAAW,CAE1B,eADC,mBAAmB,EAAgB,EAAU,CAAC,GAI1D,MAAoB,CAQxB,GAAM,CAAC,EAAU,GAAe,EAAM,aANhC,OAAO,OAAW,KAAe,OAAO,OAAO,YAAe,WACzD,GAEF,OAAO,WAAW,EAAa,CAAC,QAGiB,CAkB1D,OAhBA,EAAM,cAAgB,CACpB,GAAI,OAAO,OAAW,KAAe,OAAO,OAAO,YAAe,WAChE,OAGF,IAAM,EAAa,OAAO,WAAW,EAAa,CAC5C,EAAY,GAA+B,EAAY,EAAM,QAAQ,CAK3E,OAHA,EAAY,EAAW,QAAQ,CAC/B,EAAW,iBAAiB,SAAU,EAAS,KAElC,CACX,EAAW,oBAAoB,SAAU,EAAS,GAEnD,EAAE,CAAC,CAEC,GAiBT,SAAgB,EAAW,CACzB,aAAa,+BACb,YACA,QAAQ,kBACR,cAAc,gDACd,cAAc,+BACd,OACA,cAAc,GACd,eACA,oBACA,kBACA,iBACA,YACA,OACA,UACA,GAAG,GACe,CAClB,IAAM,EAAW,GAAa,CACxB,EAAe,IAAS,IAAA,GACxB,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAY,CAC7D,EAAS,EAAe,EAAO,EAE/B,EAAU,EAAM,YACnB,GAAsB,CAChB,GACH,EAAgB,EAAS,CAE3B,IAAe,EAAS,EAE1B,CAAC,EAAc,EAAa,CAC7B,CAEK,EAAU,EAAM,YAAc,EAAa,EAAY,EAAU,CAAE,CAAC,EAAW,EAAW,CAAC,CAG3F,GACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4CAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACb,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAPS,EAAM,YAAc,EAAc,EAAY,EAAU,CAAE,CAAC,EAAW,EAAW,CAAC,CAQ3F,UAAU,4BACV,QAAQ,OACR,eAAe,kCACf,CAAA,CACE,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iFAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,2EAA+E,CAAA,EACrF,EAAA,EAAA,MAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,UAAU,mGAJZ,CAKC,wBAEC,EAAA,EAAA,KAAC,EAAA,GAAD,CAAc,UAAU,cAAgB,CAAA,CACtC,GACA,GACF,GAGF,GACJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,8BAA+B,EAAkB,WAClE,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,aAAW,uBACX,KAAM,GAAQ,SACd,UAAW,EAAA,EACT,0RACA,EACA,EACD,CACD,QAAU,GAAU,CAClB,IAAU,EAAM,CACX,EAAM,kBACT,EAAQ,GAAK,EAGjB,GAAI,WAdN,EAgBE,EAAA,EAAA,KAAC,EAAA,GAAD,CAAQ,UAAU,UAAY,CAAA,EAC9B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,uBAA2B,CAAA,CAC9C,GACL,CAAA,CAoBR,OAjBI,GAEA,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GACD,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,EAAQ,aAAc,YAClC,EAAA,EAAA,MAAC,EAAA,cAAD,CAAe,UAAW,EAAA,EAAG,0BAA2B,EAAe,UAAvE,EACE,EAAA,EAAA,MAAC,EAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAoB,CAAA,EAClC,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAA,SAAoB,EAAgC,CAAA,CACvC,CAAA,CAAA,EACf,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qBAAa,EAAgB,CAAA,CAC9B,GACT,CAAA,CACR,CAAA,CAAA,EAKL,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GACD,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,EAAQ,aAAc,YAClC,EAAA,EAAA,MAAC,EAAA,cAAD,CAAe,UAAW,EAAA,EAAG,eAAgB,EAAe,UAA5D,EACE,EAAA,EAAA,MAAC,EAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,EAAoB,CAAA,EAClC,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAA,SAAoB,EAAgC,CAAA,CACvC,CAAA,CAAA,CACd,EACa,GACT,CAAA,CACR,CAAA,CAAA"}

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 {}

package/dist/support-fab.mjs

@@ -1,120 +1,85 @@
 "use client";
-import { j as e, bh as _, bi as I } from "./vendor-BQwS7aJt.mjs";
-import * as o from "react";
-import { Button as R } from "./button.mjs";
-import { Dialog as U, DialogContent as z, DialogHeader as L, DialogTitle as $, DialogDescription as F } from "./dialog.mjs";
-import { Drawer as P, DrawerContent as H, DrawerHeader as Q, DrawerTitle as T, DrawerDescription as W } from "./drawer.mjs";
-import { c as l } from "./utils-Bgpn0CK0.mjs";
-const b = "(max-width: 767px)", g = (n) => {
-  const t = n.trim();
-  return t.endsWith("/") ? t.slice(0, -1) : t;
-}, w = (n) => n.trim().replace(/^@+/, ""), Y = (n, t) => {
-  const s = g(n), r = encodeURIComponent(w(t));
-  return `${s}/${r}`;
-}, q = (n, t) => {
-  const s = g(n), r = encodeURIComponent(w(t));
-  return `${s}/widget/page/${r}`;
-}, A = () => {
-  const n = () => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(b).matches, [t, s] = o.useState(n);
-  return o.useEffect(() => {
-    if (typeof window > "u" || typeof window.matchMedia != "function")
-      return;
-    const r = window.matchMedia(b), a = (c) => s(c.matches);
-    return s(r.matches), r.addEventListener("change", a), () => {
-      r.removeEventListener("change", a);
-    };
-  }, []), t;
+"use client";
+import { Qn as e, er as t, vr as n } from "./vendor-Cr0eKZrm.mjs";
+import { t as r } from "./utils-BtI8Nf6i.mjs";
+import { Button as i } from "./button.mjs";
+import { Dialog as a, DialogContent as o, DialogDescription as s, DialogHeader as c, DialogTitle as l } from "./dialog.mjs";
+import { Drawer as u, DrawerContent as d, DrawerDescription as f, DrawerHeader as p, DrawerTitle as m } from "./drawer.mjs";
+import * as h from "react";
+//#region packages/ui-web/src/support-fab.tsx
+var g = n(), _ = "(max-width: 767px)", v = (e) => {
+	let t = e.trim();
+	return t.endsWith("/") ? t.slice(0, -1) : t;
+}, y = (e) => e.trim().replace(/^@+/, ""), b = (e, t) => `${v(e)}/${encodeURIComponent(y(t))}`, x = (e, t) => `${v(e)}/widget/page/${encodeURIComponent(y(t))}`, S = () => {
+	let [e, t] = h.useState(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(_).matches);
+	return h.useEffect(() => {
+		if (typeof window > "u" || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia(_), n = (e) => t(e.matches);
+		return t(e.matches), e.addEventListener("change", n), () => {
+			e.removeEventListener("change", n);
+		};
+	}, []), e;
 };
-function Z({
-  supportUrl: n = "https://www.buymeacoffee.com",
-  creatorId: t,
-  title: s = "Buy me a coffee",
-  description: r = "Support the project directly from this panel.",
-  iframeTitle: a = "Buy Me a Coffee support form",
-  open: c,
-  defaultOpen: j = !1,
-  onOpenChange: m,
-  positionClassName: v,
-  buttonClassName: y,
-  panelClassName: h,
-  className: M,
-  type: C,
-  onClick: D,
-  ...N
-}) {
-  const E = A(), d = c !== void 0, [k, B] = o.useState(j), u = d ? c : k, f = o.useCallback(
-    (i) => {
-      d || B(i), m?.(i);
-    },
-    [d, m]
-  ), O = o.useMemo(() => Y(n, t), [t, n]), S = o.useMemo(() => q(n, t), [t, n]), p = /* @__PURE__ */ e.jsxs("div", { className: "flex max-h-[75vh] flex-col gap-3", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ e.jsx(
-      "iframe",
-      {
-        title: a,
-        src: S,
-        className: "h-[560px] w-full border-0",
-        loading: "lazy",
-        referrerPolicy: "strict-origin-when-cross-origin"
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground flex items-center justify-between gap-2 text-xs", children: [
-      /* @__PURE__ */ e.jsx("span", { children: "If the embedded checkout is unavailable, open the support page directly." }),
-      /* @__PURE__ */ e.jsxs(
-        "a",
-        {
-          href: O,
-          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",
-            /* @__PURE__ */ e.jsx(I, { className: "h-3.5 w-3.5" })
-          ]
-        }
-      )
-    ] })
-  ] }), x = /* @__PURE__ */ e.jsx("div", { className: l("fixed right-6 bottom-6 z-50", v), children: /* @__PURE__ */ e.jsxs(
-    R,
-    {
-      "aria-label": "Support this project",
-      type: C ?? "button",
-      className: l(
-        "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,
-        M
-      ),
-      onClick: (i) => {
-        D?.(i), i.defaultPrevented || f(!0);
-      },
-      ...N,
-      children: [
-        /* @__PURE__ */ e.jsx(_, { className: "h-6 w-6" }),
-        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Support this project" })
-      ]
-    }
-  ) });
-  return E ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    x,
-    /* @__PURE__ */ e.jsx(P, { open: u, onOpenChange: f, children: /* @__PURE__ */ e.jsxs(H, { className: l("mx-auto w-full max-w-xl", h), children: [
-      /* @__PURE__ */ e.jsxs(Q, { children: [
-        /* @__PURE__ */ e.jsx(T, { children: s }),
-        /* @__PURE__ */ e.jsx(W, { children: r })
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "px-4 pb-4", children: p })
-    ] }) })
-  ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    x,
-    /* @__PURE__ */ e.jsx(U, { open: u, onOpenChange: f, children: /* @__PURE__ */ e.jsxs(z, { className: l("max-w-xl p-5", h), children: [
-      /* @__PURE__ */ e.jsxs(L, { children: [
-        /* @__PURE__ */ e.jsx($, { children: s }),
-        /* @__PURE__ */ e.jsx(F, { children: r })
-      ] }),
-      p
-    ] }) })
-  ] });
+function C({ supportUrl: n = "https://www.buymeacoffee.com", creatorId: _, title: v = "Buy me a coffee", description: y = "Support the project directly from this panel.", iframeTitle: C = "Buy Me a Coffee support form", open: w, defaultOpen: T = !1, onOpenChange: E, positionClassName: D, buttonClassName: O, panelClassName: k, className: A, type: j, onClick: M, ...N }) {
+	let P = S(), F = w !== void 0, [I, L] = h.useState(T), R = F ? w : I, z = h.useCallback((e) => {
+		F || L(e), E?.(e);
+	}, [F, E]), B = h.useMemo(() => b(n, _), [_, n]), V = /* @__PURE__ */ (0, g.jsxs)("div", {
+		className: "flex max-h-[75vh] flex-col gap-3",
+		children: [/* @__PURE__ */ (0, g.jsx)("div", {
+			className: "overflow-hidden rounded-md border",
+			children: /* @__PURE__ */ (0, g.jsx)("iframe", {
+				title: C,
+				src: h.useMemo(() => x(n, _), [_, n]),
+				className: "h-[560px] w-full border-0",
+				loading: "lazy",
+				referrerPolicy: "strict-origin-when-cross-origin"
+			})
+		}), /* @__PURE__ */ (0, g.jsxs)("div", {
+			className: "text-muted-foreground flex items-center justify-between gap-2 text-xs",
+			children: [/* @__PURE__ */ (0, g.jsx)("span", { children: "If the embedded checkout is unavailable, open the support page directly." }), /* @__PURE__ */ (0, g.jsxs)("a", {
+				href: B,
+				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", /* @__PURE__ */ (0, g.jsx)(e, { className: "h-3.5 w-3.5" })]
+			})]
+		})]
+	}), H = /* @__PURE__ */ (0, g.jsx)("div", {
+		className: r("fixed right-6 bottom-6 z-50", D),
+		children: /* @__PURE__ */ (0, g.jsxs)(i, {
+			"aria-label": "Support this project",
+			type: j ?? "button",
+			className: r("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", O, A),
+			onClick: (e) => {
+				M?.(e), e.defaultPrevented || z(!0);
+			},
+			...N,
+			children: [/* @__PURE__ */ (0, g.jsx)(t, { className: "h-6 w-6" }), /* @__PURE__ */ (0, g.jsx)("span", {
+				className: "sr-only",
+				children: "Support this project"
+			})]
+		})
+	});
+	return P ? /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [H, /* @__PURE__ */ (0, g.jsx)(u, {
+		open: R,
+		onOpenChange: z,
+		children: /* @__PURE__ */ (0, g.jsxs)(d, {
+			className: r("mx-auto w-full max-w-xl", k),
+			children: [/* @__PURE__ */ (0, g.jsxs)(p, { children: [/* @__PURE__ */ (0, g.jsx)(m, { children: v }), /* @__PURE__ */ (0, g.jsx)(f, { children: y })] }), /* @__PURE__ */ (0, g.jsx)("div", {
+				className: "px-4 pb-4",
+				children: V
+			})]
+		})
+	})] }) : /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [H, /* @__PURE__ */ (0, g.jsx)(a, {
+		open: R,
+		onOpenChange: z,
+		children: /* @__PURE__ */ (0, g.jsxs)(o, {
+			className: r("max-w-xl p-5", k),
+			children: [/* @__PURE__ */ (0, g.jsxs)(c, { children: [/* @__PURE__ */ (0, g.jsx)(l, { children: v }), /* @__PURE__ */ (0, g.jsx)(s, { children: y })] }), V]
+		})
+	})] });
 }
-export {
-  Z as SupportFab
-};
-//# sourceMappingURL=support-fab.mjs.map
+//#endregion
+export { C as SupportFab };
+
+//# sourceMappingURL=support-fab.mjs.map

package/dist/support-fab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"support-fab.mjs","sources":["../packages/ui-web/src/support-fab.tsx"],"sourcesContent":["'use client';\n\nimport { Coffee, ExternalLink } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer';\nimport { cn } from './lib/utils';\n\nconst MOBILE_QUERY = '(max-width: 767px)';\n\nconst normalizeBaseUrl = (url: string) => {\n  const trimmed = url.trim();\n  return trimmed.endsWith('/') ? trimmed.slice(0, -1) : trimmed;\n};\n\nconst sanitizeCreator = (creatorId: string) => creatorId.trim().replace(/^@+/, '');\n\nconst buildPageUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/${creator}`;\n};\n\nconst buildEmbedUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/widget/page/${creator}`;\n};\n\nconst useIsMobile = () => {\n  const getInitial = () => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(MOBILE_QUERY).matches;\n  };\n\n  const [isMobile, setIsMobile] = React.useState(getInitial);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(MOBILE_QUERY);\n    const onChange = (event: MediaQueryListEvent) => setIsMobile(event.matches);\n\n    setIsMobile(mediaQuery.matches);\n    mediaQuery.addEventListener('change', onChange);\n\n    return () => {\n      mediaQuery.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport interface SupportFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  supportUrl?: string;\n  creatorId: string;\n  title?: string;\n  description?: string;\n  iframeTitle?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  positionClassName?: string;\n  buttonClassName?: string;\n  panelClassName?: string;\n}\n\nexport function SupportFab({\n  supportUrl = 'https://www.buymeacoffee.com',\n  creatorId,\n  title = 'Buy me a coffee',\n  description = 'Support the project directly from this panel.',\n  iframeTitle = 'Buy Me a Coffee support form',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  positionClassName,\n  buttonClassName,\n  panelClassName,\n  className,\n  type,\n  onClick,\n  ...buttonProps\n}: SupportFabProps) {\n  const isMobile = useIsMobile();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const pageUrl = React.useMemo(() => buildPageUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n  const embedUrl = React.useMemo(() => buildEmbedUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n\n  const panelBody = (\n    <div className=\"flex max-h-[75vh] flex-col gap-3\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <iframe\n          title={iframeTitle}\n          src={embedUrl}\n          className=\"h-[560px] w-full border-0\"\n          loading=\"lazy\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n        />\n      </div>\n      <div className=\"text-muted-foreground flex items-center justify-between gap-2 text-xs\">\n        <span>If the embedded checkout is unavailable, open the support page directly.</span>\n        <a\n          href={pageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2\"\n        >\n          Open Buy Me a Coffee\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n    </div>\n  );\n\n  const trigger = (\n    <div className={cn('fixed right-6 bottom-6 z-50', positionClassName)}>\n      <Button\n        aria-label=\"Support this project\"\n        type={type ?? 'button'}\n        className={cn(\n          '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',\n          buttonClassName,\n          className,\n        )}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            setOpen(true);\n          }\n        }}\n        {...buttonProps}\n      >\n        <Coffee className=\"h-6 w-6\" />\n        <span className=\"sr-only\">Support this project</span>\n      </Button>\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer open={isOpen} onOpenChange={setOpen}>\n          <DrawerContent className={cn('mx-auto w-full max-w-xl', panelClassName)}>\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription>{description}</DrawerDescription>\n            </DrawerHeader>\n            <div className=\"px-4 pb-4\">{panelBody}</div>\n          </DrawerContent>\n        </Drawer>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger}\n      <Dialog open={isOpen} onOpenChange={setOpen}>\n        <DialogContent className={cn('max-w-xl p-5', panelClassName)}>\n          <DialogHeader>\n            <DialogTitle>{title}</DialogTitle>\n            <DialogDescription>{description}</DialogDescription>\n          </DialogHeader>\n          {panelBody}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["MOBILE_QUERY","normalizeBaseUrl","url","trimmed","sanitizeCreator","creatorId","buildPageUrl","supportUrl","base","creator","buildEmbedUrl","useIsMobile","getInitial","isMobile","setIsMobile","React","mediaQuery","onChange","event","SupportFab","title","description","iframeTitle","open","defaultOpen","onOpenChange","positionClassName","buttonClassName","panelClassName","className","type","onClick","buttonProps","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","nextOpen","pageUrl","embedUrl","panelBody","jsxs","jsx","ExternalLink","trigger","cn","Button","Coffee","Fragment","Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"support-fab.mjs","names":[],"sources":["../packages/ui-web/src/support-fab.tsx"],"sourcesContent":["'use client';\n\nimport { Coffee, ExternalLink } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer';\nimport { cn } from './lib/utils';\n\nconst MOBILE_QUERY = '(max-width: 767px)';\n\nconst normalizeBaseUrl = (url: string) => {\n  const trimmed = url.trim();\n  return trimmed.endsWith('/') ? trimmed.slice(0, -1) : trimmed;\n};\n\nconst sanitizeCreator = (creatorId: string) => creatorId.trim().replace(/^@+/, '');\n\nconst buildPageUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/${creator}`;\n};\n\nconst buildEmbedUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/widget/page/${creator}`;\n};\n\nconst useIsMobile = () => {\n  const getInitial = () => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(MOBILE_QUERY).matches;\n  };\n\n  const [isMobile, setIsMobile] = React.useState(getInitial);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(MOBILE_QUERY);\n    const onChange = (event: MediaQueryListEvent) => setIsMobile(event.matches);\n\n    setIsMobile(mediaQuery.matches);\n    mediaQuery.addEventListener('change', onChange);\n\n    return () => {\n      mediaQuery.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport interface SupportFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  supportUrl?: string;\n  creatorId: string;\n  title?: string;\n  description?: string;\n  iframeTitle?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  positionClassName?: string;\n  buttonClassName?: string;\n  panelClassName?: string;\n}\n\nexport function SupportFab({\n  supportUrl = 'https://www.buymeacoffee.com',\n  creatorId,\n  title = 'Buy me a coffee',\n  description = 'Support the project directly from this panel.',\n  iframeTitle = 'Buy Me a Coffee support form',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  positionClassName,\n  buttonClassName,\n  panelClassName,\n  className,\n  type,\n  onClick,\n  ...buttonProps\n}: SupportFabProps) {\n  const isMobile = useIsMobile();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const pageUrl = React.useMemo(() => buildPageUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n  const embedUrl = React.useMemo(() => buildEmbedUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n\n  const panelBody = (\n    <div className=\"flex max-h-[75vh] flex-col gap-3\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <iframe\n          title={iframeTitle}\n          src={embedUrl}\n          className=\"h-[560px] w-full border-0\"\n          loading=\"lazy\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n        />\n      </div>\n      <div className=\"text-muted-foreground flex items-center justify-between gap-2 text-xs\">\n        <span>If the embedded checkout is unavailable, open the support page directly.</span>\n        <a\n          href={pageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2\"\n        >\n          Open Buy Me a Coffee\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n    </div>\n  );\n\n  const trigger = (\n    <div className={cn('fixed right-6 bottom-6 z-50', positionClassName)}>\n      <Button\n        aria-label=\"Support this project\"\n        type={type ?? 'button'}\n        className={cn(\n          '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',\n          buttonClassName,\n          className,\n        )}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            setOpen(true);\n          }\n        }}\n        {...buttonProps}\n      >\n        <Coffee className=\"h-6 w-6\" />\n        <span className=\"sr-only\">Support this project</span>\n      </Button>\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer open={isOpen} onOpenChange={setOpen}>\n          <DrawerContent className={cn('mx-auto w-full max-w-xl', panelClassName)}>\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription>{description}</DrawerDescription>\n            </DrawerHeader>\n            <div className=\"px-4 pb-4\">{panelBody}</div>\n          </DrawerContent>\n        </Drawer>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger}\n      <Dialog open={isOpen} onOpenChange={setOpen}>\n        <DialogContent className={cn('max-w-xl p-5', panelClassName)}>\n          <DialogHeader>\n            <DialogTitle>{title}</DialogTitle>\n            <DialogDescription>{description}</DialogDescription>\n          </DialogHeader>\n          {panelBody}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/switch.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-B_07FHqh.js"),a=require("react"),s=require("./utils-CBWPs0D7.js");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=c(a),i=l.forwardRef(({className:e,...r},t)=>n.jsxRuntimeExports.jsx(n.Root$9,{className:s.cn("peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",e),...r,ref:t,children:n.jsxRuntimeExports.jsx(n.Thumb$1,{className:s.cn("bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})}));i.displayName=n.Root$9?.displayName||"Switch";exports.Switch=i;
-//# sourceMappingURL=switch.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./rolldown-runtime-CacfPODE.js`),t=require(`./vendor-D3ZzLf8D.js`),n=require(`./utils-CbSX47LV.js`);let r=require(`react`);r=e.r(r);var i=t.vr(),a=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.y,{className:n.t(`peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`,e),...r,ref:a,children:(0,i.jsx)(t.b,{className:n.t(`bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0`)})}));a.displayName=t.y?.displayName||`Switch`,exports.Switch=a;
+//# sourceMappingURL=switch.cjs.map

package/dist/switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.cjs","sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { SwitchBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchBaseProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root?.displayName || 'Switch';\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives.Root","cn","SwitchPrimitives.Thumb"],"mappings":"mdAQMA,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,UAAWC,EAAAA,GACT,8XACAL,CAAA,EAED,GAAGC,EACJ,IAAAC,EAEA,SAAAC,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CACC,UAAWD,EAAAA,GACT,4KAAA,CACF,CAAA,CACF,CACF,CACD,EACDP,EAAO,YAAcM,UAAuB,aAAe"}
+{"version":3,"file":"switch.cjs","names":[],"sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { SwitchBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchBaseProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root?.displayName || 'Switch';\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"mappings":"+PAQM,EAAS,EAAM,YAGlB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,EAAA,CACE,UAAW,EAAA,EACT,8XACA,EACD,CACD,GAAI,EACC,gBAEL,EAAA,EAAA,KAAA,EAAA,EAAA,CACE,UAAW,EAAA,EACT,6KACD,CACD,CAAA,CACoB,CAAA,CACxB,CACF,EAAO,YAAA,EAAA,GAAqC,aAAe"}

package/dist/switch.d.ts

@@ -1,18 +1,2 @@
-import * as React_2 from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-
-export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface SwitchProps {
-    className?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    required?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    name?: string;
-    value?: string;
-    id?: string;
-}
-
-export { }
+export * from './packages/ui-web/src/switch'
+export {}