@gv-tech/design-system 2.22.2 → 2.23.1

package/dist/skeleton.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr();function a({className:e,...t}){return(0,i.jsx)(`div`,{className:n.t(`bg-primary/10 animate-pulse rounded-md`,e),...t})}exports.Skeleton=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./vendor-UfQavLF9.js"),t=require("./utils-D7tt_q-u.js");var n=e.Jr();function r({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`skeleton`,className:t.t(`bg-muted animate-pulse rounded-md`,e),...r})}exports.Skeleton=r;
 //# sourceMappingURL=skeleton.cjs.map

package/dist/skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.cjs","names":[],"sources":["../packages/ui-web/src/skeleton.tsx"],"sourcesContent":["'use client';\nimport { SkeletonBaseProps } from '@gv-tech/ui-core';\nimport * as React from 'react';\nimport { cn } from './lib/utils';\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement> & SkeletonBaseProps) {\n  return <div className={cn('bg-primary/10 animate-pulse rounded-md', className)} {...props} />;\n}\n\nexport { Skeleton };\nexport type { SkeletonBaseProps as SkeletonProps };\n"],"mappings":"+PAKA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAmE,CACnG,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,yCAA0C,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9F"}
+{"version":3,"file":"skeleton.cjs","names":[],"sources":["../packages/ui-web/src/skeleton.tsx"],"sourcesContent":["import { cn } from './lib/utils';\n\nimport type { SkeletonBaseProps } from '@gv-tech/ui-core';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('bg-muted animate-pulse rounded-md', className)} {...props} />;\n}\n\nexport { Skeleton };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySkeletonContract: SkeletonBaseProps = {} as unknown as React.ComponentProps<typeof Skeleton>;\n"],"mappings":"sKAIA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,WAAW,UAAW,EAAA,EAAG,oCAAqC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9G"}

package/dist/skeleton.mjs

@@ -1,13 +1,12 @@
 "use client";
-"use client";
-import { vr as e } from "./vendor-ChPUVHXi.mjs";
-import { t } from "./utils-BsD1_fYL.mjs";
-import "react";
+import { Jr as e } from "./vendor-B6CFfDyk.mjs";
+import { t } from "./utils-IYJAOUsw.mjs";
 //#region packages/ui-web/src/skeleton.tsx
 var n = e();
 function r({ className: e, ...r }) {
 	return /* @__PURE__ */ (0, n.jsx)("div", {
-		className: t("bg-primary/10 animate-pulse rounded-md", e),
+		"data-slot": "skeleton",
+		className: t("bg-muted animate-pulse rounded-md", e),
 		...r
 	});
 }

package/dist/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","names":[],"sources":["../packages/ui-web/src/skeleton.tsx"],"sourcesContent":["'use client';\nimport { SkeletonBaseProps } from '@gv-tech/ui-core';\nimport * as React from 'react';\nimport { cn } from './lib/utils';\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement> & SkeletonBaseProps) {\n  return <div className={cn('bg-primary/10 animate-pulse rounded-md', className)} {...props} />;\n}\n\nexport { Skeleton };\nexport type { SkeletonBaseProps as SkeletonProps };\n"],"mappings":";;;;;;;AAKA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAmE;CACnG,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,0CAA0C,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC9F"}
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../packages/ui-web/src/skeleton.tsx"],"sourcesContent":["import { cn } from './lib/utils';\n\nimport type { SkeletonBaseProps } from '@gv-tech/ui-core';\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('bg-muted animate-pulse rounded-md', className)} {...props} />;\n}\n\nexport { Skeleton };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySkeletonContract: SkeletonBaseProps = {} as unknown as React.ComponentProps<typeof Skeleton>;\n"],"mappings":";;;;;AAIA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAsC;CACtE,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,aAAU;EAAW,WAAW,EAAG,qCAAqC,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC9G"}

package/dist/slider.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=r.forwardRef(({className:e,...r},a)=>(0,i.jsxs)(t.C,{ref:a,className:n.t(`relative flex w-full touch-none items-center select-none`,e),...r,children:[(0,i.jsx)(t.T,{className:`bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full`,children:(0,i.jsx)(t.S,{className:`bg-primary absolute h-full`})}),(0,i.jsx)(t.w,{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`})]}));a.displayName=t.C?.displayName||`Slider`,exports.Slider=a;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,defaultValue:a,value:o,min:s=0,max:c=100,...l}){let u=r.useMemo(()=>Array.isArray(o)?o:Array.isArray(a)?a:[s,c],[o,a,s,c]);return(0,i.jsxs)(t.kt,{"data-slot":`slider`,defaultValue:a,value:o,min:s,max:c,className:n.t(`relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col`,e),...l,children:[(0,i.jsx)(t.jt,{"data-slot":`slider-track`,className:`bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1`,children:(0,i.jsx)(t.Ot,{"data-slot":`slider-range`,className:`bg-primary absolute select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`})}),Array.from({length:u.length},(e,n)=>(0,i.jsx)(t.At,{"data-slot":`slider-thumb`,className:`border-ring ring-ring/50 relative block size-3 shrink-0 rounded-full border bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50`},n))]})}exports.Slider=a;
 //# sourceMappingURL=slider.cjs.map

package/dist/slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.cjs","names":[],"sources":["../packages/ui-web/src/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as SliderPrimitive from '@radix-ui/react-slider';\nimport * as React from 'react';\n\nimport { SliderBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & SliderBaseProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none items-center select-none', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n      <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb 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\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root?.displayName || 'Slider';\n\nexport { Slider };\nexport type { SliderBaseProps as SliderProps };\n"],"mappings":"+PAQM,EAAS,EAAM,YAGlB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,MAAA,EAAA,EAAA,CACO,MACL,UAAW,EAAA,EAAG,2DAA4D,CAAS,EACnF,GAAI,WAHN,EAKE,EAAA,EAAA,KAAA,EAAA,EAAA,CAAuB,UAAU,kFAC/B,EAAA,EAAA,KAAA,EAAA,EAAA,CAAuB,UAAU,4BAA8B,CAAA,CAC1C,CAAA,GACvB,EAAA,EAAA,KAAA,EAAA,EAAA,CAAuB,UAAU,qNAAuN,CAAA,CACpO,GACvB,EACD,EAAO,YAAA,EAAA,GAAoC,aAAe"}
+{"version":3,"file":"slider.cjs","names":[],"sources":["../packages/ui-web/src/slider.tsx"],"sourcesContent":["'use client';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { SliderBaseProps } from '@gv-tech/ui-core';\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n    [value, defaultValue, min, max],\n  );\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"bg-primary absolute select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-ring ring-ring/50 relative block size-3 shrink-0 rounded-full border bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySliderContract: SliderBaseProps = {} as unknown as React.ComponentProps<typeof Slider>;\n"],"mappings":"+PASA,SAAS,EAAO,CACd,YACA,eACA,QACA,MAAM,EACN,MAAM,IACN,GAAG,GACiD,CACpD,IAAM,EAAU,EAAM,YACb,MAAM,QAAQ,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAC5F,CAAC,EAAO,EAAc,EAAK,CAAG,CAChC,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,GAAA,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,UAAW,EAAA,EACT,oOACA,CACF,EACA,GAAI,WAVN,EAYE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,eACV,UAAU,0MAEV,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,eACV,UAAU,yGACX,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,KAC1C,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,eAEV,UAAU,4RACX,EAFM,CAEN,CACF,CACmB,GAE1B"}

package/dist/slider.mjs

@@ -1,19 +1,38 @@
 "use client";
 "use client";
-import { C as e, S as t, T as n, vr as r, w as i } from "./vendor-ChPUVHXi.mjs";
-import { t as a } from "./utils-BsD1_fYL.mjs";
+import { At as e, Jr as t, Ot as n, jt as r, kt as i } from "./vendor-B6CFfDyk.mjs";
+import { t as a } from "./utils-IYJAOUsw.mjs";
 import * as o from "react";
 //#region packages/ui-web/src/slider.tsx
-var s = r(), c = o.forwardRef(({ className: r, ...o }, c) => /* @__PURE__ */ (0, s.jsxs)(e, {
-	ref: c,
-	className: a("relative flex w-full touch-none items-center select-none", r),
-	...o,
-	children: [/* @__PURE__ */ (0, s.jsx)(n, {
-		className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full",
-		children: /* @__PURE__ */ (0, s.jsx)(t, { className: "bg-primary absolute h-full" })
-	}), /* @__PURE__ */ (0, s.jsx)(i, { 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" })]
-}));
-c.displayName = e?.displayName || "Slider";
+var s = t();
+function c({ className: t, defaultValue: c, value: l, min: u = 0, max: d = 100, ...f }) {
+	let p = o.useMemo(() => Array.isArray(l) ? l : Array.isArray(c) ? c : [u, d], [
+		l,
+		c,
+		u,
+		d
+	]);
+	return /* @__PURE__ */ (0, s.jsxs)(i, {
+		"data-slot": "slider",
+		defaultValue: c,
+		value: l,
+		min: u,
+		max: d,
+		className: a("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", t),
+		...f,
+		children: [/* @__PURE__ */ (0, s.jsx)(r, {
+			"data-slot": "slider-track",
+			className: "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
+			children: /* @__PURE__ */ (0, s.jsx)(n, {
+				"data-slot": "slider-range",
+				className: "bg-primary absolute select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+			})
+		}), Array.from({ length: p.length }, (t, n) => /* @__PURE__ */ (0, s.jsx)(e, {
+			"data-slot": "slider-thumb",
+			className: "border-ring ring-ring/50 relative block size-3 shrink-0 rounded-full border bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50"
+		}, n))]
+	});
+}
 //#endregion
 export { c as Slider };
 

package/dist/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","names":[],"sources":["../packages/ui-web/src/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as SliderPrimitive from '@radix-ui/react-slider';\nimport * as React from 'react';\n\nimport { SliderBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & SliderBaseProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none items-center select-none', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n      <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb 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\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root?.displayName || 'Slider';\n\nexport { Slider };\nexport type { SliderBaseProps as SliderProps };\n"],"mappings":";;;;;;aAQM,IAAS,EAAM,YAGlB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,MAAC,GAAD;CACO;CACL,WAAW,EAAG,4DAA4D,CAAS;CACnF,GAAI;WAHN,CAKE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAuB,WAAU;YAC/B,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAuB,WAAU,6BAA8B,CAAA;CAC1C,CAAA,GACvB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAuB,WAAU,sNAAuN,CAAA,CACpO;EACvB;AACD,EAAO,cAAA,GAAoC,eAAe"}
+{"version":3,"file":"slider.mjs","names":[],"sources":["../packages/ui-web/src/slider.tsx"],"sourcesContent":["'use client';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { SliderBaseProps } from '@gv-tech/ui-core';\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n    [value, defaultValue, min, max],\n  );\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col',\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"bg-primary absolute select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-ring ring-ring/50 relative block size-3 shrink-0 rounded-full border bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySliderContract: SliderBaseProps = {} as unknown as React.ComponentProps<typeof Slider>;\n"],"mappings":";;;;;;;AASA,SAAS,EAAO,EACd,cACA,iBACA,UACA,SAAM,GACN,SAAM,KACN,GAAG,KACiD;CACpD,IAAM,IAAU,EAAM,cACb,MAAM,QAAQ,CAAK,IAAI,IAAQ,MAAM,QAAQ,CAAY,IAAI,IAAe,CAAC,GAAK,CAAG,GAC5F;EAAC;EAAO;EAAc;EAAK;CAAG,CAChC;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,aAAU;EACI;EACP;EACF;EACA;EACL,WAAW,EACT,qOACA,CACF;EACA,GAAI;YAVN,CAYE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,aAAU;GACV,WAAU;aAEV,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,aAAU;IACV,WAAU;GACX,CAAA;EACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQ,EAAQ,OAAO,IAAI,GAAG,MAC1C,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,aAAU;GAEV,WAAU;EACX,GAFM,CAEN,CACF,CACmB;;AAE1B"}

package/dist/sonner.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js");let n=require("react");n=e.r(n);let r=require("next-themes");var i=t.vr(),a=({...e})=>{let{theme:n=`system`}=(0,r.useTheme)();return(0,i.jsx)(t.x,{theme:n,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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./vendor-UfQavLF9.js");let t=require("next-themes");var n=e.Jr(),r=({...r})=>{let{theme:i=`system`}=(0,t.useTheme)();return(0,n.jsx)(e.S,{theme:i,className:`toaster group`,icons:{success:(0,n.jsx)(e.$,{className:`size-4`}),info:(0,n.jsx)(e.Y,{className:`size-4`}),warning:(0,n.jsx)(e.B,{className:`size-4`}),error:(0,n.jsx)(e.G,{className:`size-4`}),loading:(0,n.jsx)(e.J,{className:`size-4 animate-spin`})},style:{"--normal-bg":`var(--popover)`,"--normal-text":`var(--popover-foreground)`,"--normal-border":`var(--border)`,"--border-radius":`var(--radius)`},toastOptions:{classNames:{toast:`cn-toast`}},...r})};exports.Toaster=r;
 //# sourceMappingURL=sonner.cjs.map

package/dist/sonner.cjs.map

@@ -1 +1 @@
-{"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,UAAsB,EAEtC,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACS,QACP,UAAU,gBACV,aAAc,CACZ,WAAY,CACV,MACE,wIACF,YAAa,uCACb,aAAc,mEACd,aAAc,8DAChB,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"sonner.cjs","names":[],"sources":["../packages/ui-web/src/sonner.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, type ToasterProps } from 'sonner';\n\nimport type { SonnerBaseProps } from '@gv-tech/ui-core';\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      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: 'cn-toast',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySonnerContract: SonnerBaseProps = {} as unknown as React.ComponentProps<typeof Sonner>;\n"],"mappings":"kKAMM,GAAW,CAAE,GAAG,KAA0B,CAC9C,GAAM,CAAE,QAAQ,WAAA,EAAA,EAAA,UAAsB,EAEtC,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACS,QACP,UAAU,gBACV,MAAO,CACL,SAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAiB,UAAU,QAAU,CAAA,EAC9C,MAAM,EAAA,EAAA,KAAC,EAAA,EAAD,CAAU,UAAU,QAAU,CAAA,EACpC,SAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAmB,UAAU,QAAU,CAAA,EAChD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAc,UAAU,QAAU,CAAA,EACzC,SAAS,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,UAAU,qBAAuB,CAAA,CACzD,EACA,MACE,CACE,cAAe,iBACf,gBAAiB,4BACjB,kBAAmB,gBACnB,kBAAmB,eACrB,EAEF,aAAc,CACZ,WAAY,CACV,MAAO,UACT,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/sonner.mjs

@@ -1,24 +1,30 @@
 "use client";
-"use client";
-import { vr as e, x as t } from "./vendor-ChPUVHXi.mjs";
-import "react";
-import { useTheme as n } from "next-themes";
+import { $ as e, B as t, G as n, J as r, Jr as i, S as a, Y as o } from "./vendor-B6CFfDyk.mjs";
+import { useTheme as s } 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,
+var c = i(), l = ({ ...i }) => {
+	let { theme: l = "system" } = s();
+	return /* @__PURE__ */ (0, c.jsx)(a, {
+		theme: l,
 		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
+		icons: {
+			success: /* @__PURE__ */ (0, c.jsx)(e, { className: "size-4" }),
+			info: /* @__PURE__ */ (0, c.jsx)(o, { className: "size-4" }),
+			warning: /* @__PURE__ */ (0, c.jsx)(t, { className: "size-4" }),
+			error: /* @__PURE__ */ (0, c.jsx)(n, { className: "size-4" }),
+			loading: /* @__PURE__ */ (0, c.jsx)(r, { className: "size-4 animate-spin" })
+		},
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)",
+			"--border-radius": "var(--radius)"
+		},
+		toastOptions: { classNames: { toast: "cn-toast" } },
+		...i
 	});
 };
 //#endregion
-export { i as Toaster };
+export { l as Toaster };
 
 //# sourceMappingURL=sonner.mjs.map

package/dist/sonner.mjs.map

@@ -1 +1 @@
-{"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,EAAS;CAEtC,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACS;EACP,WAAU;EACV,cAAc,EACZ,YAAY;GACV,OACE;GACF,aAAa;GACb,cAAc;GACd,cAAc;EAChB,EACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"sonner.mjs","names":[],"sources":["../packages/ui-web/src/sonner.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, type ToasterProps } from 'sonner';\n\nimport type { SonnerBaseProps } from '@gv-tech/ui-core';\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      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n          '--border-radius': 'var(--radius)',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: 'cn-toast',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySonnerContract: SonnerBaseProps = {} as unknown as React.ComponentProps<typeof Sonner>;\n"],"mappings":";;;;aAMM,KAAW,EAAE,GAAG,QAA0B;CAC9C,IAAM,EAAE,WAAQ,aAAa,EAAS;CAEtC,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACS;EACP,WAAU;EACV,OAAO;GACL,SAAS,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiB,WAAU,SAAU,CAAA;GAC9C,MAAM,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAU,WAAU,SAAU,CAAA;GACpC,SAAS,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAmB,WAAU,SAAU,CAAA;GAChD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAc,WAAU,SAAU,CAAA;GACzC,SAAS,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAa,WAAU,sBAAuB,CAAA;EACzD;EACA,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;GACnB,mBAAmB;EACrB;EAEF,cAAc,EACZ,YAAY,EACV,OAAO,WACT,EACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/spinner.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./vendor-UfQavLF9.js"),t=require("./utils-D7tt_q-u.js");var n=e.Jr();function r({className:r,...i}){return(0,n.jsx)(e.J,{role:`status`,"aria-label":`Loading`,className:t.t(`size-4 animate-spin`,r),...i})}exports.Spinner=r;
+//# sourceMappingURL=spinner.cjs.map

package/dist/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.cjs","names":[],"sources":["../packages/ui-web/src/spinner.tsx"],"sourcesContent":["import { Loader2Icon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { SpinnerBaseProps } from '@gv-tech/ui-core';\n\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'> & SpinnerBaseProps) {\n  return <Loader2Icon role=\"status\" aria-label=\"Loading\" className={cn('size-4 animate-spin', className)} {...props} />;\n}\n\nexport { Spinner };\n"],"mappings":"sKAKA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAyD,CACxF,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,KAAK,SAAS,aAAW,UAAU,UAAW,EAAA,EAAG,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH"}

package/dist/spinner.d.ts

@@ -0,0 +1,2 @@
+export * from './packages/ui-web/src/spinner'
+export {}

package/dist/spinner.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { J as e, Jr as t } from "./vendor-B6CFfDyk.mjs";
+import { t as n } from "./utils-IYJAOUsw.mjs";
+//#region packages/ui-web/src/spinner.tsx
+var r = t();
+function i({ className: t, ...i }) {
+	return /* @__PURE__ */ (0, r.jsx)(e, {
+		role: "status",
+		"aria-label": "Loading",
+		className: n("size-4 animate-spin", t),
+		...i
+	});
+}
+//#endregion
+export { i as Spinner };
+
+//# sourceMappingURL=spinner.mjs.map

package/dist/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.mjs","names":[],"sources":["../packages/ui-web/src/spinner.tsx"],"sourcesContent":["import { Loader2Icon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { SpinnerBaseProps } from '@gv-tech/ui-core';\n\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'> & SpinnerBaseProps) {\n  return <Loader2Icon role=\"status\" aria-label=\"Loading\" className={cn('size-4 animate-spin', className)} {...props} />;\n}\n\nexport { Spinner };\n"],"mappings":";;;;;AAKA,SAAS,EAAQ,EAAE,cAAW,GAAG,KAAyD;CACxF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAa,MAAK;EAAS,cAAW;EAAU,WAAW,EAAG,uBAAuB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtH"}

package/dist/support-fab.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.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;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js"),r=require("./button.cjs"),i=require("./dialog.cjs"),a=require("./drawer.cjs");let o=require("react");o=e.r(o);var s=t.Jr(),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.X,{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 items-center justify-center 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.Q,{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","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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"}
+{"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 items-center justify-center 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/support-fab.mjs

@@ -1,13 +1,13 @@
 "use client";
 "use client";
-import { Qn as e, er as t, vr as n } from "./vendor-ChPUVHXi.mjs";
-import { t as r } from "./utils-BsD1_fYL.mjs";
+import { Jr as e, Q as t, X as n } from "./vendor-B6CFfDyk.mjs";
+import { t as r } from "./utils-IYJAOUsw.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) => {
+var g = e(), _ = "(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 = () => {
@@ -20,16 +20,16 @@ var g = n(), _ = "(max-width: 767px)", v = (e) => {
 		};
 	}, []), e;
 };
-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 }) {
+function C({ supportUrl: e = "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", {
+	}, [F, E]), B = h.useMemo(() => b(e, _), [_, e]), 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]),
+				src: h.useMemo(() => x(e, _), [_, e]),
 				className: "h-[560px] w-full border-0",
 				loading: "lazy",
 				referrerPolicy: "strict-origin-when-cross-origin"
@@ -41,7 +41,7 @@ function C({ supportUrl: n = "https://www.buymeacoffee.com", creatorId: _, title
 				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" })]
+				children: ["Open Buy Me a Coffee", /* @__PURE__ */ (0, g.jsx)(n, { className: "h-3.5 w-3.5" })]
 			})]
 		})]
 	}), H = /* @__PURE__ */ (0, g.jsx)("div", {
@@ -49,7 +49,7 @@ function C({ supportUrl: n = "https://www.buymeacoffee.com", creatorId: _, title
 		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),
+			className: r("inline-flex h-14 w-14 items-center justify-center 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);
 			},

package/dist/support-fab.mjs.map

@@ -1 +1 @@
-{"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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"}
+{"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 items-center justify-center 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 client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.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;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,size:r=`default`,...a}){return(0,i.jsx)(t.Et,{"data-slot":`switch`,"data-size":r,className:n.t(`peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]`,e),...a,children:(0,i.jsx)(t.Dt,{"data-slot":`switch-thumb`,className:`bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0`})})}exports.Switch=a;
 //# sourceMappingURL=switch.cjs.map

package/dist/switch.cjs.map

@@ -1 +1 @@
-{"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,CACF,EACA,GAAI,EACC,gBAEL,EAAA,EAAA,KAAA,EAAA,EAAA,CACE,UAAW,EAAA,EACT,4KACF,CACD,CAAA,CACoB,CAAA,CACxB,EACD,EAAO,YAAA,EAAA,GAAqC,aAAe"}
+{"version":3,"file":"switch.cjs","names":[],"sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { SwitchBaseProps } from '@gv-tech/ui-core';\n\nfunction Switch({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        'peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySwitchContract: SwitchBaseProps = {} as unknown as React.ComponentProps<typeof Switch>;\n"],"mappings":"+PASA,SAAS,EAAO,CACd,YACA,OAAO,UACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,SACV,YAAW,EACX,UAAW,EAAA,EACT,8qBACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,eACV,UAAU,21BACX,CAAA,CACmB,CAAA,CAE1B"}

package/dist/switch.mjs

@@ -1,17 +1,23 @@
 "use client";
 "use client";
-import { b as e, vr as t, y as n } from "./vendor-ChPUVHXi.mjs";
-import { t as r } from "./utils-BsD1_fYL.mjs";
-import * as i from "react";
+import { Dt as e, Et as t, Jr as n } from "./vendor-B6CFfDyk.mjs";
+import { t as r } from "./utils-IYJAOUsw.mjs";
+import "react";
 //#region packages/ui-web/src/switch.tsx
-var a = t(), o = i.forwardRef(({ className: t, ...i }, o) => /* @__PURE__ */ (0, a.jsx)(n, {
-	className: r("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", t),
-	...i,
-	ref: o,
-	children: /* @__PURE__ */ (0, a.jsx)(e, { className: r("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") })
-}));
-o.displayName = n?.displayName || "Switch";
+var i = n();
+function a({ className: n, size: a = "default", ...o }) {
+	return /* @__PURE__ */ (0, i.jsx)(t, {
+		"data-slot": "switch",
+		"data-size": a,
+		className: r("peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]", n),
+		...o,
+		children: /* @__PURE__ */ (0, i.jsx)(e, {
+			"data-slot": "switch-thumb",
+			className: "bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0"
+		})
+	});
+}
 //#endregion
-export { o as Switch };
+export { a as Switch };
 
 //# sourceMappingURL=switch.mjs.map

package/dist/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.mjs","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":";;;;;;aAQM,IAAS,EAAM,YAGlB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,WAAW,EACT,+XACA,CACF;CACA,GAAI;CACC;WAEL,iBAAA,GAAA,EAAA,KAAC,GAAD,EACE,WAAW,EACT,4KACF,EACD,CAAA;AACoB,CAAA,CACxB;AACD,EAAO,cAAA,GAAqC,eAAe"}
+{"version":3,"file":"switch.mjs","names":[],"sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { SwitchBaseProps } from '@gv-tech/ui-core';\n\nfunction Switch({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        'peer group/switch focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]',\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n\n// Verify that the component satisfies the ui-core contract\nconst _verifySwitchContract: SwitchBaseProps = {} as unknown as React.ComponentProps<typeof Switch>;\n"],"mappings":";;;;;;;AASA,SAAS,EAAO,EACd,cACA,UAAO,WACP,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,aAAU;EACV,aAAW;EACX,WAAW,EACT,+qBACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,aAAU;GACV,WAAU;EACX,CAAA;CACmB,CAAA;AAE1B"}

package/dist/table-of-contents.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=r.createContext(null);function o(){let e=r.useContext(a);if(!e)throw Error(`TOC components must be used within a TableOfContents provider`);return e}function s({children:e,className:t,activeId:o,minLevel:s=1,maxLevel:u=4,selector:d=`h1, h2, h3, h4, h5, h6`}){let[f,p]=r.useState([]),[m,h]=r.useState(null),g=r.useMemo(()=>f.find(e=>e.id===m)?.text||null,[f,m]),_=r.useCallback(e=>{p(t=>JSON.stringify(t)===JSON.stringify(e)?t:e)},[]),v=r.useMemo(()=>({headings:f,activeId:o||m,activeHeadingText:g,registerHeadings:_,setActiveId:h,config:{minLevel:s,maxLevel:u,selector:d,className:t}}),[f,m,o,g,_,s,u,d,t]);return(0,i.jsx)(a.Provider,{value:v,children:(0,i.jsx)(`div`,{className:n.t(`relative`,t),children:e||(0,i.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,i.jsx)(c,{}),(0,i.jsx)(l,{children:null})]})})})}function c({className:e}){let{headings:t,activeId:a,activeHeadingText:s}=o(),[c,l]=r.useState(!1);if(r.useEffect(()=>{if(!c)return;let e=()=>{l(!1)};return window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[c]),t.length===0)return null;let u=Math.min(...t.map(e=>e.level)),d=(0,i.jsx)(`ul`,{className:`m-0 list-none text-sm`,children:t.map(e=>{let t=a===e.id,r=`${(e.level-u)*1}rem`;return(0,i.jsx)(`li`,{className:`mt-0 pt-2`,children:(0,i.jsx)(`a`,{href:`#${e.id}`,onClick:()=>l(!1),className:n.t(`hover:text-foreground inline-block no-underline transition-colors`,t?`text-primary font-medium`:`text-muted-foreground`),style:{paddingLeft:r},children:e.text})},e.id)})});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:n.t(`bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden`,e),children:[(0,i.jsxs)(`button`,{onClick:()=>l(!c),className:`flex w-full items-center justify-between px-4 py-3 text-left`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 overflow-hidden`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground text-xs font-semibold tracking-wider uppercase`,children:`On this page:`}),(0,i.jsx)(`span`,{className:`truncate text-sm font-medium`,children:s||`Overview`})]}),(0,i.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:n.t(`shrink-0 transition-transform duration-200`,c&&`rotate-180`),children:(0,i.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),c&&(0,i.jsx)(`div`,{className:`bg-background border-t px-4 pt-2 pb-6`,children:(0,i.jsx)(`nav`,{"aria-label":`Table of contents mobile`,children:d})})]}),(0,i.jsx)(`nav`,{className:n.t(`hidden xl:block`,e),"aria-label":`Table of contents`,children:d})]})}function l({children:e,className:t}){let{registerHeadings:a,setActiveId:s,config:c}=o(),l=r.useRef(null);return r.useEffect(()=>{let e=l.current;if(!e)return;let t=()=>{let t=Array.from(e.querySelectorAll(c.selector||`h1, h2, h3, h4, h5, h6`)).filter(e=>{let t=parseInt(e.tagName.charAt(1),10);return t>=(c.minLevel??1)&&t<=(c.maxLevel??4)});return a(t.map(e=>(e.id||=n.n(e.textContent||`heading`),{id:e.id,text:e.textContent||``,level:parseInt(e.tagName.charAt(1),10)}))),t},r=t(),i=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&s(e.target.id)})},{rootMargin:`0px 0px -80% 0px`,threshold:.1});r.forEach(e=>i.observe(e));let o=new MutationObserver(()=>{let e=t();i.disconnect(),e.forEach(e=>i.observe(e))});return o.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{i.disconnect(),o.disconnect()}},[c.selector,c.minLevel,c.maxLevel,a,s]),(0,i.jsx)(`div`,{ref:l,className:t,children:e})}s.List=c,s.Content=l,exports.TableOfContents=s,exports.TableOfContentsContent=l,exports.TableOfContentsList=c;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr(),a=r.createContext(null);function o(){let e=r.useContext(a);if(!e)throw Error(`TOC components must be used within a TableOfContents provider`);return e}function s({children:e,className:t,activeId:o,minLevel:s=1,maxLevel:u=4,selector:d=`h1, h2, h3, h4, h5, h6`}){let[f,p]=r.useState([]),[m,h]=r.useState(null),g=r.useMemo(()=>f.find(e=>e.id===m)?.text||null,[f,m]),_=r.useCallback(e=>{p(t=>JSON.stringify(t)===JSON.stringify(e)?t:e)},[]),v=r.useMemo(()=>({headings:f,activeId:o||m,activeHeadingText:g,registerHeadings:_,setActiveId:h,config:{minLevel:s,maxLevel:u,selector:d,className:t}}),[f,m,o,g,_,s,u,d,t]);return(0,i.jsx)(a.Provider,{value:v,children:(0,i.jsx)(`div`,{className:n.t(`relative`,t),children:e||(0,i.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,i.jsx)(c,{}),(0,i.jsx)(l,{children:null})]})})})}function c({className:e}){let{headings:t,activeId:a,activeHeadingText:s}=o(),[c,l]=r.useState(!1);if(r.useEffect(()=>{if(!c)return;let e=()=>{l(!1)};return window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[c]),t.length===0)return null;let u=Math.min(...t.map(e=>e.level)),d=(0,i.jsx)(`ul`,{className:`m-0 list-none text-sm`,children:t.map(e=>{let t=a===e.id,r=`${(e.level-u)*1}rem`;return(0,i.jsx)(`li`,{className:`mt-0 pt-2`,children:(0,i.jsx)(`a`,{href:`#${e.id}`,onClick:()=>l(!1),className:n.t(`hover:text-foreground inline-block no-underline transition-colors`,t?`text-primary font-medium`:`text-muted-foreground`),style:{paddingLeft:r},children:e.text})},e.id)})});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:n.t(`bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden`,e),children:[(0,i.jsxs)(`button`,{onClick:()=>l(!c),className:`flex w-full items-center justify-between px-4 py-3 text-left`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 overflow-hidden`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground text-xs font-semibold tracking-wider uppercase`,children:`On this page:`}),(0,i.jsx)(`span`,{className:`truncate text-sm font-medium`,children:s||`Overview`})]}),(0,i.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:n.t(`shrink-0 transition-transform duration-200`,c&&`rotate-180`),children:(0,i.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),c&&(0,i.jsx)(`div`,{className:`bg-background border-t px-4 pt-2 pb-6`,children:(0,i.jsx)(`nav`,{"aria-label":`Table of contents mobile`,children:d})})]}),(0,i.jsx)(`nav`,{className:n.t(`hidden xl:block`,e),"aria-label":`Table of contents`,children:d})]})}function l({children:e,className:t}){let{registerHeadings:a,setActiveId:s,config:c}=o(),l=r.useRef(null);return r.useEffect(()=>{let e=l.current;if(!e)return;let t=()=>{let t=Array.from(e.querySelectorAll(c.selector||`h1, h2, h3, h4, h5, h6`)).filter(e=>{let t=parseInt(e.tagName.charAt(1),10);return t>=(c.minLevel??1)&&t<=(c.maxLevel??4)});return a(t.map(e=>(e.id||=n.n(e.textContent||`heading`),{id:e.id,text:e.textContent||``,level:parseInt(e.tagName.charAt(1),10)}))),t},r=t(),i=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&s(e.target.id)})},{rootMargin:`0px 0px -80% 0px`,threshold:.1});r.forEach(e=>i.observe(e));let o=new MutationObserver(()=>{let e=t();i.disconnect(),e.forEach(e=>i.observe(e))});return o.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{i.disconnect(),o.disconnect()}},[c.selector,c.minLevel,c.maxLevel,a,s]),(0,i.jsx)(`div`,{ref:l,className:t,children:e})}s.List=c,s.Content=l,exports.TableOfContents=s,exports.TableOfContentsContent=l,exports.TableOfContentsList=c;
 //# sourceMappingURL=table-of-contents.cjs.map

package/dist/table-of-contents.mjs

@@ -1,7 +1,7 @@
 "use client";
 "use client";
-import { vr as e } from "./vendor-ChPUVHXi.mjs";
-import { n as t, t as n } from "./utils-BsD1_fYL.mjs";
+import { Jr as e } from "./vendor-B6CFfDyk.mjs";
+import { n as t, t as n } from "./utils-IYJAOUsw.mjs";
 import * as r from "react";
 //#region packages/ui-web/src/table-of-contents.tsx
 var i = e(), a = r.createContext(null);