@devalok/shilp-sutra 0.57.0 → 0.59.0

package/dist/_chunks/popover.js

@@ -1,53 +1,54 @@
 "use client";
 import { springs as e, tweens as t } from "../ui/lib/motion.js";
-import { cn as n } from "../ui/lib/utils.js";
-import { Content as r, Overlay as i, Portal as a, Root as o } from "./primitives/react-alert-dialog.js";
-import { useIsMobile as s } from "../hooks/use-mobile.js";
-import { Anchor2 as c, Content2 as l, Portal as u, Root2 as d, Trigger as f } from "./primitives/react-popover.js";
-import { useControllableOpen as p } from "./use-controllable-open.js";
-import * as m from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { AnimatePresence as _, motion as v, useReducedMotion as y } from "framer-motion";
+import { MotionPreference as n } from "./motion-preference.js";
+import { cn as r } from "../ui/lib/utils.js";
+import { Content as i, Overlay as a, Portal as o, Root as s } from "./primitives/react-alert-dialog.js";
+import { useIsMobile as c } from "../hooks/use-mobile.js";
+import { Anchor2 as l, Content2 as u, Portal as d, Root2 as f, Trigger as p } from "./primitives/react-popover.js";
+import { useControllableOpen as m } from "./use-controllable-open.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { AnimatePresence as v, motion as y, useReducedMotion as b } from "framer-motion";
 //#region src/ui/lib/bottom-sheet.tsx
-function b({ open: s, onOpenChange: c, children: l, className: u, dragHandle: d = !0, swipeable: f = !0, title: p }) {
-	let b = y(), x = m.useRef(null), S = m.useCallback((e, t) => {
+function x({ open: n, onOpenChange: c, children: l, className: u, dragHandle: d = !0, swipeable: f = !0, title: p }) {
+	let m = b(), x = h.useRef(null), S = h.useCallback((e, t) => {
 		let n = x.current?.getBoundingClientRect().height ?? 300;
 		(t.offset.y > n * .3 || t.velocity.y > 500) && c(!1);
 	}, [c]);
-	return /* @__PURE__ */ h(o, {
-		open: s,
+	return /* @__PURE__ */ g(s, {
+		open: n,
 		onOpenChange: c,
-		children: /* @__PURE__ */ h(_, { children: s && /* @__PURE__ */ g(a, {
+		children: /* @__PURE__ */ g(v, { children: n && /* @__PURE__ */ _(o, {
 			forceMount: !0,
-			children: [/* @__PURE__ */ h(i, {
+			children: [/* @__PURE__ */ g(a, {
 				forceMount: !0,
 				asChild: !0,
-				children: /* @__PURE__ */ h(v.div, {
+				children: /* @__PURE__ */ g(y.div, {
 					className: "fixed inset-0 z-modal bg-overlay",
 					initial: { opacity: 0 },
 					animate: { opacity: 1 },
 					exit: { opacity: 0 },
 					transition: t.fade
 				})
-			}), /* @__PURE__ */ h(r, {
+			}), /* @__PURE__ */ g(i, {
 				forceMount: !0,
 				asChild: !0,
 				"aria-label": p,
-				children: /* @__PURE__ */ g(v.div, {
+				children: /* @__PURE__ */ _(y.div, {
 					ref: x,
-					className: n("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", u),
+					className: r("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", u),
 					initial: { y: "100%" },
 					animate: { y: 0 },
 					exit: { y: "100%" },
-					transition: b ? { duration: 0 } : e.smooth,
-					drag: f && !b ? "y" : !1,
+					transition: m ? { duration: 0 } : e.smooth,
+					drag: f && !m ? "y" : !1,
 					dragConstraints: { top: 0 },
 					dragElastic: .2,
 					onDragEnd: S,
-					children: [d && /* @__PURE__ */ h("div", {
+					children: [d && /* @__PURE__ */ g("div", {
 						className: "flex justify-center pt-ds-03 pb-ds-02",
-						children: /* @__PURE__ */ h("div", { className: "h-1 w-8 rounded-pill bg-surface-border" })
-					}), /* @__PURE__ */ h("div", {
+						children: /* @__PURE__ */ g("div", { className: "h-1 w-8 rounded-pill bg-surface-border" })
+					}), /* @__PURE__ */ g("div", {
 						className: "px-ds-05 pb-ds-06",
 						children: l
 					})]
@@ -58,48 +59,48 @@ function b({ open: s, onOpenChange: c, children: l, className: u, dragHandle: d
 }
 //#endregion
 //#region src/ui/popover.tsx
-var x = m.createContext({
+var S = h.createContext({
 	open: !1,
 	onClose: () => {}
-}), S = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
-	let { open: i, setOpen: a, close: o } = p({
+}), C = ({ open: e, defaultOpen: t = !1, onOpenChange: n, ...r }) => {
+	let { open: i, setOpen: a, close: o } = m({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
-	}), s = m.useMemo(() => ({
+	}), s = h.useMemo(() => ({
 		open: i,
 		onClose: o
 	}), [i, o]);
-	return /* @__PURE__ */ h(x.Provider, {
+	return /* @__PURE__ */ g(S.Provider, {
 		value: s,
-		children: /* @__PURE__ */ h(d, {
+		children: /* @__PURE__ */ g(f, {
 			open: i,
 			onOpenChange: a,
 			...r
 		})
 	});
 };
-S.displayName = "Popover";
-var C = f, w = c, T = m.forwardRef(({ className: r, align: i = "center", sideOffset: a = 4, children: o, ...c }, d) => {
-	let f = s(), { open: p, onClose: g } = m.useContext(x);
-	return f ? /* @__PURE__ */ h(b, {
-		open: p,
+C.displayName = "Popover";
+var w = p, T = l, E = h.forwardRef(({ className: i, align: a = "center", sideOffset: o = 4, children: s, ...l }, f) => {
+	let p = c(), { open: m, onClose: _ } = h.useContext(S);
+	return p ? /* @__PURE__ */ g(x, {
+		open: m,
 		onOpenChange: (e) => {
-			e || g();
+			e || _();
 		},
 		title: "Options",
-		className: r,
-		children: o
-	}) : /* @__PURE__ */ h(_, { children: p && /* @__PURE__ */ h(u, {
+		className: i,
+		children: s
+	}) : /* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(v, { children: m && /* @__PURE__ */ g(d, {
 		forceMount: !0,
-		children: /* @__PURE__ */ h(l, {
-			ref: d,
-			align: i,
-			sideOffset: a,
+		children: /* @__PURE__ */ g(u, {
+			ref: f,
+			align: a,
+			sideOffset: o,
 			forceMount: !0,
 			asChild: !0,
-			...c,
-			children: /* @__PURE__ */ h(v.div, {
+			...l,
+			children: /* @__PURE__ */ g(y.div, {
 				initial: {
 					opacity: 0,
 					scale: .95
@@ -116,12 +117,12 @@ var C = f, w = c, T = m.forwardRef(({ className: r, align: i = "center", sideOff
 					...e.snappy,
 					opacity: t.fade
 				},
-				className: n("z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", r),
-				children: o
+				className: r("z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", i),
+				children: s
 			})
 		})
-	}) });
+	}) }) });
 });
-T.displayName = l.displayName;
+E.displayName = u.displayName;
 //#endregion
-export { S as Popover, w as PopoverAnchor, T as PopoverContent, C as PopoverTrigger };
+export { C as Popover, T as PopoverAnchor, E as PopoverContent, w as PopoverTrigger };

package/dist/_chunks/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../src/ui/lib/bottom-sheet.tsx","../../src/ui/popover.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@primitives/react-dialog'\nimport { AnimatePresence, motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from './motion'\nimport { cn } from './utils'\n\nexport interface BottomSheetProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  children: React.ReactNode\n  className?: string\n  /** Show drag handle bar at top. @default true */\n  dragHandle?: boolean\n  /** Allow swipe-to-dismiss. @default true */\n  swipeable?: boolean\n  /** Title for accessibility (sets aria-label on the dialog). */\n  title?: string\n}\n\nexport function BottomSheet({\n  open,\n  onOpenChange,\n  children,\n  className,\n  dragHandle = true,\n  swipeable = true,\n  title,\n}: BottomSheetProps) {\n  const isReduced = useReducedMotion()\n  const sheetRef = React.useRef<HTMLDivElement>(null)\n\n  const handleDragEnd = React.useCallback(\n    (_: unknown, info: { offset: { y: number }; velocity: { y: number } }) => {\n      const sheetHeight = sheetRef.current?.getBoundingClientRect().height ?? 300\n      if (info.offset.y > sheetHeight * 0.3 || info.velocity.y > 500) {\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <AnimatePresence>\n        {open && (\n          <DialogPrimitive.Portal forceMount>\n            <DialogPrimitive.Overlay forceMount asChild>\n              <motion.div\n                className=\"fixed inset-0 z-modal bg-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={tweens.fade}\n              />\n            </DialogPrimitive.Overlay>\n\n            <DialogPrimitive.Content\n              forceMount\n              asChild\n              aria-label={title}\n            >\n              <motion.div\n                ref={sheetRef}\n                className={cn(\n                  'fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden',\n                  className,\n                )}\n                initial={{ y: '100%' }}\n                animate={{ y: 0 }}\n                exit={{ y: '100%' }}\n                transition={isReduced ? { duration: 0 } : springs.smooth}\n                drag={swipeable && !isReduced ? 'y' : false}\n                dragConstraints={{ top: 0 }}\n                dragElastic={0.2}\n                onDragEnd={handleDragEnd}\n              >\n                {dragHandle && (\n                  <div className=\"flex justify-center pt-ds-03 pb-ds-02\">\n                    <div className=\"h-1 w-8 rounded-pill bg-surface-border\" />\n                  </div>\n                )}\n                <div className=\"px-ds-05 pb-ds-06\">\n                  {children}\n                </div>\n              </motion.div>\n            </DialogPrimitive.Content>\n          </DialogPrimitive.Portal>\n        )}\n      </AnimatePresence>\n    </DialogPrimitive.Root>\n  )\n}\n","'use client'\n\nimport * as PopoverPrimitive from '@primitives/react-popover'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { BottomSheet } from './lib/bottom-sheet'\nimport { springs, tweens } from './lib/motion'\nimport { useControllableOpen } from './lib/use-controllable-open'\nimport { cn } from './lib/utils'\n\n// ── Internal context to thread `open` state to animated children ──\n\nconst PopoverOpenContext = React.createContext<{ open: boolean; onClose: () => void }>({ open: false, onClose: () => {} })\n\nconst Popover: React.FC<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>> = ({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}) => {\n  const { open, setOpen, close } = useControllableOpen({ open: controlledOpen, defaultOpen, onOpenChange })\n\n  const contextValue = React.useMemo(\n    () => ({ open, onClose: close }),\n    [open, close],\n  )\n\n  return (\n    <PopoverOpenContext.Provider value={contextValue}>\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen} {...props} />\n    </PopoverOpenContext.Provider>\n  )\n}\nPopover.displayName = 'Popover'\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, children, ...props }, ref) => {\n  const isMobileRaw = useIsMobile()\n  const { open, onClose } = React.useContext(PopoverOpenContext)\n\n  if (isMobileRaw) {\n    return (\n      <BottomSheet\n        open={open}\n        onOpenChange={(v) => { if (!v) onClose() }}\n        title=\"Options\"\n        className={className}\n      >\n        {children}\n      </BottomSheet>\n    )\n  }\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <PopoverPrimitive.Portal forceMount>\n          <PopoverPrimitive.Content\n            ref={ref}\n            align={align}\n            sideOffset={sideOffset}\n            forceMount\n            asChild\n            {...props}\n          >\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.95 }}\n              transition={{ ...springs.snappy, opacity: tweens.fade }}\n              className={cn(\n                'z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden',\n                className,\n              )}\n            >\n              {children}\n            </motion.div>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      )}\n    </AnimatePresence>\n  )\n})\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n\nexport { Popover, PopoverAnchor,PopoverContent, PopoverTrigger }\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/ui/lib/bottom-sheet.tsx","../../src/ui/popover.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@primitives/react-dialog'\nimport { AnimatePresence, motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from './motion'\nimport { cn } from './utils'\n\nexport interface BottomSheetProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  children: React.ReactNode\n  className?: string\n  /** Show drag handle bar at top. @default true */\n  dragHandle?: boolean\n  /** Allow swipe-to-dismiss. @default true */\n  swipeable?: boolean\n  /** Title for accessibility (sets aria-label on the dialog). */\n  title?: string\n}\n\nexport function BottomSheet({\n  open,\n  onOpenChange,\n  children,\n  className,\n  dragHandle = true,\n  swipeable = true,\n  title,\n}: BottomSheetProps) {\n  const isReduced = useReducedMotion()\n  const sheetRef = React.useRef<HTMLDivElement>(null)\n\n  const handleDragEnd = React.useCallback(\n    (_: unknown, info: { offset: { y: number }; velocity: { y: number } }) => {\n      const sheetHeight = sheetRef.current?.getBoundingClientRect().height ?? 300\n      if (info.offset.y > sheetHeight * 0.3 || info.velocity.y > 500) {\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <AnimatePresence>\n        {open && (\n          <DialogPrimitive.Portal forceMount>\n            <DialogPrimitive.Overlay forceMount asChild>\n              <motion.div\n                className=\"fixed inset-0 z-modal bg-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={tweens.fade}\n              />\n            </DialogPrimitive.Overlay>\n\n            <DialogPrimitive.Content\n              forceMount\n              asChild\n              aria-label={title}\n            >\n              <motion.div\n                ref={sheetRef}\n                className={cn(\n                  'fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden',\n                  className,\n                )}\n                initial={{ y: '100%' }}\n                animate={{ y: 0 }}\n                exit={{ y: '100%' }}\n                transition={isReduced ? { duration: 0 } : springs.smooth}\n                drag={swipeable && !isReduced ? 'y' : false}\n                dragConstraints={{ top: 0 }}\n                dragElastic={0.2}\n                onDragEnd={handleDragEnd}\n              >\n                {dragHandle && (\n                  <div className=\"flex justify-center pt-ds-03 pb-ds-02\">\n                    <div className=\"h-1 w-8 rounded-pill bg-surface-border\" />\n                  </div>\n                )}\n                <div className=\"px-ds-05 pb-ds-06\">\n                  {children}\n                </div>\n              </motion.div>\n            </DialogPrimitive.Content>\n          </DialogPrimitive.Portal>\n        )}\n      </AnimatePresence>\n    </DialogPrimitive.Root>\n  )\n}\n","'use client'\n\nimport * as PopoverPrimitive from '@primitives/react-popover'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { MotionPreference } from '../motion/motion-preference'\nimport { BottomSheet } from './lib/bottom-sheet'\nimport { springs, tweens } from './lib/motion'\nimport { useControllableOpen } from './lib/use-controllable-open'\nimport { cn } from './lib/utils'\n\n// ── Internal context to thread `open` state to animated children ──\n\nconst PopoverOpenContext = React.createContext<{ open: boolean; onClose: () => void }>({ open: false, onClose: () => {} })\n\nconst Popover: React.FC<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>> = ({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}) => {\n  const { open, setOpen, close } = useControllableOpen({ open: controlledOpen, defaultOpen, onOpenChange })\n\n  const contextValue = React.useMemo(\n    () => ({ open, onClose: close }),\n    [open, close],\n  )\n\n  return (\n    <PopoverOpenContext.Provider value={contextValue}>\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen} {...props} />\n    </PopoverOpenContext.Provider>\n  )\n}\nPopover.displayName = 'Popover'\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, children, ...props }, ref) => {\n  const isMobileRaw = useIsMobile()\n  const { open, onClose } = React.useContext(PopoverOpenContext)\n\n  if (isMobileRaw) {\n    return (\n      <BottomSheet\n        open={open}\n        onOpenChange={(v) => { if (!v) onClose() }}\n        title=\"Options\"\n        className={className}\n      >\n        {children}\n      </BottomSheet>\n    )\n  }\n\n  return (\n    <MotionPreference>\n      <AnimatePresence>\n        {open && (\n          <PopoverPrimitive.Portal forceMount>\n            <PopoverPrimitive.Content\n              ref={ref}\n              align={align}\n              sideOffset={sideOffset}\n              forceMount\n              asChild\n              {...props}\n            >\n              <motion.div\n                initial={{ opacity: 0, scale: 0.95 }}\n                animate={{ opacity: 1, scale: 1 }}\n                exit={{ opacity: 0, scale: 0.95 }}\n                transition={{ ...springs.snappy, opacity: tweens.fade }}\n                className={cn(\n                  'z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden',\n                  className,\n                )}\n              >\n                {children}\n              </motion.div>\n            </PopoverPrimitive.Content>\n          </PopoverPrimitive.Portal>\n        )}\n      </AnimatePresence>\n    </MotionPreference>\n  )\n})\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n\nexport { Popover, PopoverAnchor,PopoverContent, PopoverTrigger }\n"],"mappings":"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"}

package/dist/_chunks/primitives-internal.js

@@ -4,13 +4,13 @@ import t, { useLayoutEffect as n } from "react";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
 import * as a from "react-dom";
 import o from "react-dom";
-//#region src/primitives/_internal/react-context.js
+//#region src/primitives/_internal/react-context.tsx
 function s(t, n) {
 	let r = e.createContext(n);
 	r.displayName = t + "Context";
 	let a = (t) => {
 		let { children: n, ...a } = t, o = e.useMemo(() => a, Object.values(a));
-		return i(r.Provider, {
+		return /* @__PURE__ */ i(r.Provider, {
 			value: o,
 			children: n
 		});
@@ -33,7 +33,7 @@ function c(t, n = []) {
 		r = [...r, a];
 		let c = (n) => {
 			let { scope: r, children: a, ...c } = n, l = r?.[t]?.[s] || o, u = e.useMemo(() => c, Object.values(c));
-			return i(l.Provider, {
+			return /* @__PURE__ */ i(l.Provider, {
 				value: u,
 				children: a
 			});
@@ -81,7 +81,7 @@ function l(...t) {
 	return r.scopeName = n.scopeName, r;
 }
 //#endregion
-//#region src/primitives/_internal/react-compose-refs.js
+//#region src/primitives/_internal/react-compose-refs.ts
 function u(e, t) {
 	if (typeof e == "function") return e(t);
 	e != null && (e.current = t);
@@ -104,7 +104,7 @@ function f(...t) {
 	return e.useCallback(d(...t), t);
 }
 //#endregion
-//#region src/primitives/react-slot.js
+//#region src/primitives/react-slot.tsx
 var p = Symbol.for("react.lazy"), m = e.use;
 function h(e) {
 	return typeof e == "object" && !!e && "then" in e;
@@ -120,13 +120,13 @@ function _(t) {
 		let s = e.Children.toArray(a), c = s.find(C);
 		if (c) {
 			let t = c.props.children, a = s.map((n) => n === c ? e.Children.count(t) > 1 ? e.Children.only(null) : e.isValidElement(t) ? t.props.children : null : n);
-			return i(n, {
+			return /* @__PURE__ */ i(n, {
 				...o,
 				ref: r,
 				children: e.isValidElement(t) ? e.cloneElement(t, void 0, a) : null
 			});
 		}
-		return i(n, {
+		return /* @__PURE__ */ i(n, {
 			...o,
 			ref: r,
 			children: a
@@ -150,7 +150,7 @@ function y(t) {
 var b = Symbol("radix.slottable");
 /* @__NO_SIDE_EFFECTS__ */
 function x(e) {
-	let t = ({ children: e }) => i(r, { children: e });
+	let t = ({ children: e }) => /* @__PURE__ */ i(r, { children: e });
 	return t.displayName = `${e}.Slottable`, t.__radixId = b, t;
 }
 var S = /* @__PURE__ */ x("Slottable");
@@ -240,7 +240,7 @@ function D(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
 	};
 }
 //#endregion
-//#region src/primitives/_internal/react-use-layout-effect.js
+//#region src/primitives/_internal/react-use-layout-effect.ts
 var O = globalThis?.document ? e.useLayoutEffect : () => {}, k = e.useInsertionEffect || O;
 function A({ prop: t, defaultProp: n, onChange: r = () => {}, caller: i }) {
 	let [a, o, s] = j({
@@ -275,7 +275,7 @@ function M(e) {
 	return typeof e == "function";
 }
 //#endregion
-//#region src/primitives/_internal/react-primitive.js
+//#region src/primitives/_internal/react-primitive.tsx
 var N = [
 	"a",
 	"button",
@@ -297,7 +297,7 @@ var N = [
 ].reduce((t, n) => {
 	let r = /* @__PURE__ */ _(`Primitive.${n}`), a = e.forwardRef((e, t) => {
 		let { asChild: a, ...o } = e, s = a ? r : n;
-		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), i(s, {
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i(s, {
 			...o,
 			ref: t
 		});
@@ -389,7 +389,7 @@ function se(t) {
 	return t || n || "ltr";
 }
 //#endregion
-//#region src/primitives/_internal/react-use-callback-ref.js
+//#region src/primitives/_internal/react-use-callback-ref.ts
 function L(t) {
 	let n = e.useRef(t);
 	return e.useEffect(() => {
@@ -397,7 +397,7 @@ function L(t) {
 	}), e.useMemo(() => ((...e) => n.current?.(...e)), []);
 }
 //#endregion
-//#region src/primitives/_internal/react-use-escape-keydown.js
+//#region src/primitives/_internal/react-use-escape-keydown.ts
 function ce(t, n = globalThis?.document) {
 	let r = L(t);
 	e.useEffect(() => {
@@ -408,7 +408,7 @@ function ce(t, n = globalThis?.document) {
 	}, [r, n]);
 }
 //#endregion
-//#region src/primitives/_internal/react-dismissable-layer.js
+//#region src/primitives/_internal/react-dismissable-layer.tsx
 var le = "DismissableLayer", ue = "dismissableLayer.update", de = "dismissableLayer.pointerDownOutside", fe = "dismissableLayer.focusOutside", pe, me = e.createContext({
 	layers: /* @__PURE__ */ new Set(),
 	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
@@ -437,7 +437,7 @@ var le = "DismissableLayer", ue = "dismissableLayer.update", de = "dismissableLa
 	}, [p, d]), e.useEffect(() => {
 		let e = () => g({});
 		return document.addEventListener(ue, e), () => document.removeEventListener(ue, e);
-	}, []), i(N.div, {
+	}, []), /* @__PURE__ */ i(N.div, {
 		...u,
 		ref: _,
 		style: {
@@ -457,7 +457,7 @@ var ge = "DismissableLayerBranch", _e = e.forwardRef((t, n) => {
 		if (e) return r.branches.add(e), () => {
 			r.branches.delete(e);
 		};
-	}, [r.branches]), i(N.div, {
+	}, [r.branches]), /* @__PURE__ */ i(N.div, {
 		...t,
 		ref: o
 	});
@@ -646,12 +646,12 @@ function Ie(e) {
 	return e.filter((e) => e.tagName !== "A");
 }
 //#endregion
-//#region src/primitives/_internal/react-portal.js
+//#region src/primitives/_internal/react-portal.tsx
 var Le = "Portal", Re = e.forwardRef((t, n) => {
 	let { container: r, ...a } = t, [s, c] = e.useState(!1);
 	O(() => c(!0), []);
 	let l = r || s && globalThis?.document?.body;
-	return l ? o.createPortal(i(N.div, {
+	return l ? o.createPortal(/* @__PURE__ */ i(N.div, {
 		...a,
 		ref: n
 	}), l) : null;
@@ -1748,7 +1748,7 @@ function Vn(t) {
 	return e.useMemo(() => (n.current.value !== t && (n.current.previous = n.current.value, n.current.value = t), n.current.previous), [t]);
 }
 //#endregion
-//#region src/primitives/_internal/react-use-size.js
+//#region src/primitives/_internal/react-use-size.ts
 function Hn(t) {
 	let [n, r] = e.useState(void 0);
 	return O(() => {
@@ -1774,23 +1774,23 @@ function Hn(t) {
 	}, [t]), n;
 }
 //#endregion
-//#region src/primitives/_internal/react-arrow.js
+//#region src/primitives/_internal/react-arrow.tsx
 var Un = "Arrow", Wn = e.forwardRef((e, t) => {
 	let { children: n, width: r = 10, height: a = 5, ...o } = e;
-	return i(N.svg, {
+	return /* @__PURE__ */ i(N.svg, {
 		...o,
 		ref: t,
 		width: r,
 		height: a,
 		viewBox: "0 0 30 10",
 		preserveAspectRatio: "none",
-		children: e.asChild ? n : i("polygon", { points: "0,0 30,0 15,10" })
+		children: e.asChild ? n : /* @__PURE__ */ i("polygon", { points: "0,0 30,0 15,10" })
 	});
 });
 Wn.displayName = Un;
 var Gn = Wn, Kn = "Popper", [qn, Jn] = c(Kn), [Yn, Xn] = qn(Kn), Zn = (t) => {
 	let { __scopePopper: n, children: r } = t, [a, o] = e.useState(null);
-	return i(Yn, {
+	return /* @__PURE__ */ i(Yn, {
 		scope: n,
 		anchor: a,
 		onAnchorChange: o,
@@ -1803,7 +1803,7 @@ var Qn = "PopperAnchor", $n = e.forwardRef((t, n) => {
 	return e.useEffect(() => {
 		let e = u.current;
 		u.current = a?.current || c.current, e !== u.current && s.onAnchorChange(u.current);
-	}), a ? null : i(N.div, {
+	}), a ? null : /* @__PURE__ */ i(N.div, {
 		...o,
 		ref: l
 	});
@@ -1864,7 +1864,7 @@ var er = "PopperContent", [tr, nr] = qn(er), rr = e.forwardRef((t, n) => {
 	let oe = I.arrow?.x, se = I.arrow?.y, ce = I.arrow?.centerOffset !== 0, [le, ue] = e.useState();
 	return O(() => {
 		b && ue(window.getComputedStyle(b).zIndex);
-	}, [b]), i("div", {
+	}, [b]), /* @__PURE__ */ i("div", {
 		ref: ee.setFloating,
 		"data-radix-popper-content-wrapper": "",
 		style: {
@@ -1879,14 +1879,14 @@ var er = "PopperContent", [tr, nr] = qn(er), rr = e.forwardRef((t, n) => {
 			}
 		},
 		dir: t.dir,
-		children: i(tr, {
+		children: /* @__PURE__ */ i(tr, {
 			scope: r,
 			placedSide: re,
 			onArrowChange: w,
 			arrowX: oe,
 			arrowY: se,
 			shouldHideArrow: ce,
-			children: i(N.div, {
+			children: /* @__PURE__ */ i(N.div, {
 				"data-side": re,
 				"data-align": ie,
 				...v,
@@ -1907,7 +1907,7 @@ var ir = "PopperArrow", ar = {
 	left: "right"
 }, or = e.forwardRef(function(e, t) {
 	let { __scopePopper: n, ...r } = e, a = nr(ir, n), o = ar[a.placedSide];
-	return i("span", {
+	return /* @__PURE__ */ i("span", {
 		ref: a.onArrowChange,
 		style: {
 			position: "absolute",
@@ -1928,7 +1928,7 @@ var ir = "PopperArrow", ar = {
 			}[a.placedSide],
 			visibility: a.shouldHideArrow ? "hidden" : void 0
 		},
-		children: i(Gn, {
+		children: /* @__PURE__ */ i(Gn, {
 			...r,
 			ref: t,
 			style: {