@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/Modal-DrtVZtb1.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./Portal-CeUZ2xET.cjs`),n=require(`./Card-AbIdSFmm.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a({open:a,onClose:o,title:s,description:c,footer:l,size:u=`md`,closeOnBackdrop:d=!0,closeOnEscape:f=!0,className:p,children:m,...h}){return(0,r.useEffect)(()=>{if(!a||!f)return;let e=e=>{e.key===`Escape`&&o()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[f,o,a]),(0,r.useEffect)(()=>{if(!a)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[a]),a?(0,i.jsx)(t.t,{children:(0,i.jsx)(`div`,{className:`modal-backdrop`,onMouseDown:e=>{d&&e.target===e.currentTarget&&o()},children:(0,i.jsx)(`div`,{className:`modal-shell`,children:(0,i.jsxs)(n.t,{className:e.t(`modal`,u,p),role:`dialog`,"aria-modal":`true`,"aria-labelledby":s?`mineral-modal-title`:void 0,...h,children:[(s||c)&&(0,i.jsxs)(n.i,{children:[s&&(0,i.jsx)(`div`,{id:`mineral-modal-title`,className:`modal-title`,children:s}),c&&(0,i.jsx)(`div`,{className:`modal-description`,children:c})]}),(0,i.jsx)(n.n,{children:m}),l&&(0,i.jsx)(n.r,{children:l})]})})})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=Modal-DrtVZtb1.cjs.map

package/dist/Modal-DrtVZtb1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-DrtVZtb1.cjs","names":[],"sources":["../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import {useEffect} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {ModalProps} from './Modal.types'\nimport {Card, CardBody, CardFooter, CardHeader} from '../../cards'\nimport {Portal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './Modal.css'\n\n// Render blocking overlay content for dense details and mobile-friendly dialogs.\nexport function Modal({\n    open,\n    onClose,\n    title,\n    description,\n    footer,\n    size = 'md',\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: ModalProps) {\n    useEffect(() => {\n        if (!open || !closeOnEscape) {\n            return\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                onClose()\n            }\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [closeOnEscape, onClose, open])\n\n    useEffect(() => {\n        if (!open) {\n            return\n        }\n\n        const previousOverflow = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n\n        return () => {\n            document.body.style.overflow = previousOverflow\n        }\n    }, [open])\n\n    if (!open) {\n        return null\n    }\n\n    const handleBackdropClick = (event: MouseEvent<HTMLDivElement>) => {\n        if (!closeOnBackdrop) {\n            return\n        }\n\n        if (event.target === event.currentTarget) {\n            onClose()\n        }\n    }\n\n    return (\n        <Portal>\n            <div className={'modal-backdrop'} onMouseDown={handleBackdropClick}>\n                <div className={'modal-shell'}>\n                    <Card\n                        className={cn('modal', size, className)}\n                        role={'dialog'}\n                        aria-modal={'true'}\n                        aria-labelledby={title ? 'mineral-modal-title' : undefined}\n                        {...rest}\n                    >\n                        {(title || description) && (\n                            <CardHeader>\n                                {title && (\n                                    <div id={'mineral-modal-title'} className={'modal-title'}>\n                                        {title}\n                                    </div>\n                                )}\n                                {description && <div className={'modal-description'}>{description}</div>}\n                            </CardHeader>\n                        )}\n                        <CardBody>{children}</CardBody>\n                        {footer && <CardFooter>{footer}</CardFooter>}\n                    </Card>\n                </div>\n            </div>\n        </Portal>\n    )\n}\n"],"mappings":"+JASA,SAAgB,EAAM,CAClB,OACA,UACA,QACA,cACA,SACA,OAAO,KACP,kBAAkB,GAClB,gBAAgB,GAChB,YACA,WACA,GAAG,GACQ,CA2CX,OA1CA,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,GAAQ,CAAC,EACV,OAGJ,IAAM,EAAiB,GAAyB,CACxC,EAAM,MAAQ,UACd,GAAS,EAKjB,OADA,SAAS,iBAAiB,UAAW,EAAc,KACtC,SAAS,oBAAoB,UAAW,EAAc,EACpE,CAAC,EAAe,EAAS,EAAK,CAAC,EAElC,EAAA,EAAA,eAAgB,CACZ,GAAI,CAAC,EACD,OAGJ,IAAM,EAAmB,SAAS,KAAK,MAAM,SAG7C,MAFA,UAAS,KAAK,MAAM,SAAW,aAElB,CACT,SAAS,KAAK,MAAM,SAAW,IAEpC,CAAC,EAAK,CAAC,CAEL,GAeD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,iBAAkB,YAZb,GAAsC,CAC1D,GAID,EAAM,SAAW,EAAM,eACvB,GAAS,YAOL,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,wBACZ,EAAA,EAAA,MAAC,EAAA,EAAD,CACI,UAAW,EAAA,EAAG,QAAS,EAAM,EAAU,CACvC,KAAM,SACN,aAAY,OACZ,kBAAiB,EAAQ,sBAAwB,IAAA,GACjD,GAAI,WALR,EAOM,GAAS,KACP,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACK,IACG,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,sBAAuB,UAAW,uBACtC,EACC,CAAA,CAET,IAAe,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,6BAAsB,EAAkB,CAAA,CAC/D,CAAA,CAAA,EAEjB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,WAAoB,CAAA,CAC9B,IAAU,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAa,EAAoB,CAAA,CACzC,GACL,CAAA,CACJ,CAAA,CACD,CAAA,CAvCF"}

package/dist/NeutralIcon-BPZ3coWv.js

@@ -0,0 +1,67 @@
+import { t as e } from "./Icon-B848Vysm.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/glyphs/WarningIcon.tsx
+var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [
+			/* @__PURE__ */ n("path", { d: "M12 4l8 14H4l8-14z" }),
+			/* @__PURE__ */ n("path", { d: "M12 9v4.5" }),
+			/* @__PURE__ */ n("path", { d: "M12 16.5h.01" })
+		]
+	});
+}), a = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "8.5"
+			}),
+			/* @__PURE__ */ n("path", { d: "M12 10.5v5" }),
+			/* @__PURE__ */ n("path", { d: "M12 7.5h.01" })
+		]
+	});
+}), o = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "8.5"
+			}),
+			/* @__PURE__ */ n("path", { d: "M9 9l6 6" }),
+			/* @__PURE__ */ n("path", { d: "M15 9l-6 6" })
+		]
+	});
+}), s = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [/* @__PURE__ */ n("circle", {
+			cx: "12",
+			cy: "12",
+			r: "8.5"
+		}), /* @__PURE__ */ n("path", { d: "M8.5 12.25l2.5 2.5 4.75-5" })]
+	});
+}), c = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [/* @__PURE__ */ n("circle", {
+			cx: "12",
+			cy: "12",
+			r: "8.5"
+		}), /* @__PURE__ */ n("path", { d: "M8.5 12h7" })]
+	});
+});
+//#endregion
+export { i as a, a as i, s as n, o as r, c as t };
+
+//# sourceMappingURL=NeutralIcon-BPZ3coWv.js.map

package/dist/NeutralIcon-BPZ3coWv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeutralIcon-BPZ3coWv.js","names":[],"sources":["../src/icons/glyphs/WarningIcon.tsx","../src/icons/glyphs/InfoIcon.tsx","../src/icons/glyphs/ErrorIcon.tsx","../src/icons/glyphs/SuccessIcon.tsx","../src/icons/glyphs/NeutralIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const WarningIcon = forwardRef<SVGSVGElement, IconProps>(function WarningIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M12 4l8 14H4l8-14z\" />\n            <path d=\"M12 9v4.5\" />\n            <path d=\"M12 16.5h.01\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const InfoIcon = forwardRef<SVGSVGElement, IconProps>(function InfoIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M12 10.5v5\" />\n            <path d=\"M12 7.5h.01\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const ErrorIcon = forwardRef<SVGSVGElement, IconProps>(function ErrorIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M9 9l6 6\" />\n            <path d=\"M15 9l-6 6\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const SuccessIcon = forwardRef<SVGSVGElement, IconProps>(function SuccessIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12.25l2.5 2.5 4.75-5\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const NeutralIcon = forwardRef<SVGSVGElement, IconProps>(function NeutralIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12h7\" />\n        </Icon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAc,EAAqC,SAAqB,GAAO,GAAK;AAC7F,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB;GACI,kBAAC,QAAD,EAAM,GAAE,sBAAuB,CAAA;GAC/B,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;GACtB,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACtB;;EAEb,ECRW,IAAW,EAAqC,SAAkB,GAAO,GAAK;AACvF,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB;GACI,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAQ,CAAA;GAClC,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACvB,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACrB;;EAEb,ECRW,IAAY,EAAqC,SAAmB,GAAO,GAAK;AACzF,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB;GACI,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAQ,CAAA;GAClC,kBAAC,QAAD,EAAM,GAAE,YAAa,CAAA;GACrB,kBAAC,QAAD,EAAM,GAAE,cAAe,CAAA;GACpB;;EAEb,ECRW,IAAc,EAAqC,SAAqB,GAAO,GAAK;AAC7F,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB,CACI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAQ,CAAA,EAClC,kBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA,CACnC;;EAEb,ECPW,IAAc,EAAqC,SAAqB,GAAO,GAAK;AAC7F,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB,CACI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAQ,CAAA,EAClC,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA,CACnB;;EAEb"}

package/dist/NeutralIcon-CScIXs8_.cjs

@@ -0,0 +1,2 @@
+const e=require(`./Icon-B-s6VJr5.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`path`,{d:`M12 4l8 14H4l8-14z`}),(0,n.jsx)(`path`,{d:`M12 9v4.5`}),(0,n.jsx)(`path`,{d:`M12 16.5h.01`})]})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M12 10.5v5`}),(0,n.jsx)(`path`,{d:`M12 7.5h.01`})]})}),a=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M9 9l6 6`}),(0,n.jsx)(`path`,{d:`M15 9l-6 6`})]})}),o=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M8.5 12.25l2.5 2.5 4.75-5`})]})}),s=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`circle`,{cx:`12`,cy:`12`,r:`8.5`}),(0,n.jsx)(`path`,{d:`M8.5 12h7`})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=NeutralIcon-CScIXs8_.cjs.map

package/dist/NeutralIcon-CScIXs8_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeutralIcon-CScIXs8_.cjs","names":[],"sources":["../src/icons/glyphs/WarningIcon.tsx","../src/icons/glyphs/InfoIcon.tsx","../src/icons/glyphs/ErrorIcon.tsx","../src/icons/glyphs/SuccessIcon.tsx","../src/icons/glyphs/NeutralIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const WarningIcon = forwardRef<SVGSVGElement, IconProps>(function WarningIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <path d=\"M12 4l8 14H4l8-14z\" />\n            <path d=\"M12 9v4.5\" />\n            <path d=\"M12 16.5h.01\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const InfoIcon = forwardRef<SVGSVGElement, IconProps>(function InfoIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M12 10.5v5\" />\n            <path d=\"M12 7.5h.01\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const ErrorIcon = forwardRef<SVGSVGElement, IconProps>(function ErrorIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M9 9l6 6\" />\n            <path d=\"M15 9l-6 6\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const SuccessIcon = forwardRef<SVGSVGElement, IconProps>(function SuccessIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12.25l2.5 2.5 4.75-5\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const NeutralIcon = forwardRef<SVGSVGElement, IconProps>(function NeutralIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"8.5\" />\n            <path d=\"M8.5 12h7\" />\n        </Icon>\n    )\n})\n"],"mappings":"6FAIA,IAAa,GAAA,EAAA,EAAA,YAAmD,SAAqB,EAAO,EAAK,CAC7F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,qBAAuB,CAAA,EAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,EACtB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACtB,IAEb,CCRW,GAAA,EAAA,EAAA,YAAgD,SAAkB,EAAO,EAAK,CACvF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,EACvB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,cAAgB,CAAA,CACrB,IAEb,CCRW,GAAA,EAAA,EAAA,YAAiD,SAAmB,EAAO,EAAK,CACzF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,WAAa,CAAA,EACrB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,aAAe,CAAA,CACpB,IAEb,CCRW,GAAA,EAAA,EAAA,YAAmD,SAAqB,EAAO,EAAK,CAC7F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,4BAA8B,CAAA,CACnC,IAEb,CCPW,GAAA,EAAA,EAAA,YAAmD,SAAqB,EAAO,EAAK,CAC7F,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,MAAQ,CAAA,EAClC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,CACnB,IAEb"}

package/dist/PhoneIcon-CPGZ1D2-.cjs

@@ -0,0 +1,2 @@
+const e=require(`./Icon-B-s6VJr5.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);var r=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`rect`,{x:`3.5`,y:`6`,width:`17`,height:`12`,rx:`3`}),(0,n.jsx)(`path`,{d:`M4.5 7.5L12 13l7.5-5.5`})]})}),i=(0,t.forwardRef)(function(t,r){return(0,n.jsxs)(e.t,{ref:r,...t,children:[(0,n.jsx)(`rect`,{x:`6.5`,y:`2.5`,width:`11`,height:`19`,rx:`2.75`}),(0,n.jsx)(`path`,{d:`M10 5.5h4`}),(0,n.jsx)(`path`,{d:`M8.75 7.75h6.5v7.75h-6.5z`}),(0,n.jsx)(`path`,{d:`M11.95 18h.1`})]})});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=PhoneIcon-CPGZ1D2-.cjs.map

package/dist/PhoneIcon-CPGZ1D2-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneIcon-CPGZ1D2-.cjs","names":[],"sources":["../src/icons/glyphs/MailIcon.tsx","../src/icons/glyphs/PhoneIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const MailIcon = forwardRef<SVGSVGElement, IconProps>(function MailIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <rect x=\"3.5\" y=\"6\" width=\"17\" height=\"12\" rx=\"3\" />\n            <path d=\"M4.5 7.5L12 13l7.5-5.5\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const PhoneIcon = forwardRef<SVGSVGElement, IconProps>(function PhoneIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <rect x=\"6.5\" y=\"2.5\" width=\"11\" height=\"19\" rx=\"2.75\" />\n            <path d=\"M10 5.5h4\" />\n            <path d=\"M8.75 7.75h6.5v7.75h-6.5z\" />\n            <path d=\"M11.95 18h.1\" />\n        </Icon>\n    )\n})\n"],"mappings":"6FAIA,IAAa,GAAA,EAAA,EAAA,YAAgD,SAAkB,EAAO,EAAK,CACvF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,MAAM,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK,GAAG,IAAM,CAAA,EACpD,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,yBAA2B,CAAA,CAChC,IAEb,CCPW,GAAA,EAAA,EAAA,YAAiD,SAAmB,EAAO,EAAK,CACzF,OACI,EAAA,EAAA,MAAC,EAAA,EAAD,CAAW,MAAK,GAAI,WAApB,EACI,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,MAAM,EAAE,MAAM,MAAM,KAAK,OAAO,KAAK,GAAG,OAAS,CAAA,EACzD,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,YAAc,CAAA,EACtB,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,4BAA8B,CAAA,EACtC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACtB,IAEb"}

package/dist/PhoneIcon-DXlB7Uz0.js

@@ -0,0 +1,38 @@
+import { t as e } from "./Icon-B848Vysm.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/icons/glyphs/MailIcon.tsx
+var i = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [/* @__PURE__ */ n("rect", {
+			x: "3.5",
+			y: "6",
+			width: "17",
+			height: "12",
+			rx: "3"
+		}), /* @__PURE__ */ n("path", { d: "M4.5 7.5L12 13l7.5-5.5" })]
+	});
+}), a = t(function(t, i) {
+	return /* @__PURE__ */ r(e, {
+		ref: i,
+		...t,
+		children: [
+			/* @__PURE__ */ n("rect", {
+				x: "6.5",
+				y: "2.5",
+				width: "11",
+				height: "19",
+				rx: "2.75"
+			}),
+			/* @__PURE__ */ n("path", { d: "M10 5.5h4" }),
+			/* @__PURE__ */ n("path", { d: "M8.75 7.75h6.5v7.75h-6.5z" }),
+			/* @__PURE__ */ n("path", { d: "M11.95 18h.1" })
+		]
+	});
+});
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=PhoneIcon-DXlB7Uz0.js.map

package/dist/PhoneIcon-DXlB7Uz0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneIcon-DXlB7Uz0.js","names":[],"sources":["../src/icons/glyphs/MailIcon.tsx","../src/icons/glyphs/PhoneIcon.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const MailIcon = forwardRef<SVGSVGElement, IconProps>(function MailIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <rect x=\"3.5\" y=\"6\" width=\"17\" height=\"12\" rx=\"3\" />\n            <path d=\"M4.5 7.5L12 13l7.5-5.5\" />\n        </Icon>\n    )\n})\n","import {forwardRef} from 'react'\nimport {Icon} from '../Icon'\nimport type {IconProps} from '../Icon.types'\n\nexport const PhoneIcon = forwardRef<SVGSVGElement, IconProps>(function PhoneIcon(props, ref) {\n    return (\n        <Icon ref={ref} {...props}>\n            <rect x=\"6.5\" y=\"2.5\" width=\"11\" height=\"19\" rx=\"2.75\" />\n            <path d=\"M10 5.5h4\" />\n            <path d=\"M8.75 7.75h6.5v7.75h-6.5z\" />\n            <path d=\"M11.95 18h.1\" />\n        </Icon>\n    )\n})\n"],"mappings":";;;;AAIA,IAAa,IAAW,EAAqC,SAAkB,GAAO,GAAK;AACvF,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB,CACI,kBAAC,QAAD;GAAM,GAAE;GAAM,GAAE;GAAI,OAAM;GAAK,QAAO;GAAK,IAAG;GAAM,CAAA,EACpD,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA,CAChC;;EAEb,ECPW,IAAY,EAAqC,SAAmB,GAAO,GAAK;AACzF,QACI,kBAAC,GAAD;EAAW;EAAK,GAAI;YAApB;GACI,kBAAC,QAAD;IAAM,GAAE;IAAM,GAAE;IAAM,OAAM;IAAK,QAAO;IAAK,IAAG;IAAS,CAAA;GACzD,kBAAC,QAAD,EAAM,GAAE,aAAc,CAAA;GACtB,kBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA;GACtC,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;GACtB;;EAEb"}

package/dist/Popconfirm-BJtyFjdY.js

@@ -0,0 +1,200 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./Portal-s54PuE_l.js";
+import { t as n } from "./Popover-BLYlu0jf.js";
+import { Children as r, isValidElement as i, useCallback as a, useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/overlays/Drawer/Drawer.tsx
+function p(e) {
+	return i(e) && !!e.type.__drawerHeader;
+}
+function m(e) {
+	return i(e) && !!e.type.__drawerBody;
+}
+function h(e) {
+	return i(e) && !!e.type.__drawerFooter;
+}
+function g({ children: e }) {
+	return /* @__PURE__ */ d(u, { children: e });
+}
+g.__drawerHeader = !0;
+function _({ children: e }) {
+	return /* @__PURE__ */ d(u, { children: e });
+}
+_.__drawerBody = !0;
+function v({ children: e }) {
+	return /* @__PURE__ */ d(u, { children: e });
+}
+v.__drawerFooter = !0;
+function y({ open: n, onClose: i, side: a = "right", size: s = "md", overlay: c = !0, closeOnBackdrop: l = !0, closeOnEscape: u = !0, className: g, children: _, ...v }) {
+	if (o(() => {
+		if (!n || !u) return;
+		let e = (e) => {
+			e.key === "Escape" && i();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		n,
+		u,
+		i
+	]), o(() => {
+		if (!n) return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}, [n]), !n) return null;
+	let y = (e) => {
+		l && e.target === e.currentTarget && i();
+	}, b = null, x = null, S = null, C = null, w = null, T = [];
+	r.forEach(_, (e) => {
+		if (p(e)) {
+			b = e.props.children, x = e.props;
+			return;
+		}
+		if (m(e)) {
+			S = e.props, T.push(e.props.children);
+			return;
+		}
+		if (h(e)) {
+			C = e.props.children, w = e.props;
+			return;
+		}
+		T.push(e);
+	});
+	let E = x ?? { children: void 0 }, D = S ?? { children: void 0 }, O = w ?? { children: void 0 }, { children: k, className: A, bordered: j = !1, ...M } = E, { children: N, className: P, ...F } = D, { children: I, className: L, bordered: R = !1, ...z } = O;
+	return /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d("div", {
+		className: e("drawer-backdrop", c && "overlay"),
+		onMouseDown: y,
+		children: /* @__PURE__ */ f("div", {
+			className: e("drawer", a, s, g),
+			role: "dialog",
+			"aria-modal": "true",
+			...v,
+			children: [
+				b && /* @__PURE__ */ f("div", {
+					...M,
+					className: e("drawer-header", j && "bordered", A),
+					children: [/* @__PURE__ */ d("div", {
+						className: "drawer-title",
+						children: b
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						className: "close",
+						onClick: i,
+						"aria-label": "Close",
+						children: "×"
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					...F,
+					className: e("drawer-body", P),
+					children: T
+				}),
+				C && /* @__PURE__ */ d("div", {
+					...z,
+					className: e("drawer-footer", R && "bordered", L),
+					children: C
+				})
+			]
+		})
+	}) });
+}
+//#endregion
+//#region src/components/overlays/Tooltip/Tooltip.tsx
+function b(e, t, n) {
+	switch (n) {
+		case "bottom": return {
+			top: e.bottom + 6,
+			left: e.left + e.width / 2 - t.width / 2
+		};
+		case "left": return {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.left - t.width - 6
+		};
+		case "right": return {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.right + 6
+		};
+		default: return {
+			top: e.top - t.height - 6,
+			left: e.left + e.width / 2 - t.width / 2
+		};
+	}
+}
+function x({ content: n, placement: r = "top", delay: i = 0, className: o, children: u, ...p }) {
+	let [m, h] = l(!1), [g, _] = l(null), v = c(null), y = c(null), x = c(null), S = a(() => {
+		i > 0 ? x.current = setTimeout(() => h(!0), i) : h(!0);
+	}, [i]), C = a(() => {
+		x.current &&= (clearTimeout(x.current), null), h(!1), _(null);
+	}, []);
+	return s(() => {
+		!m || !v.current || !y.current || _(b(v.current.getBoundingClientRect(), y.current.getBoundingClientRect(), r));
+	}, [m, r]), /* @__PURE__ */ f("div", {
+		ref: v,
+		className: e("tooltip wrapper", o),
+		onMouseEnter: S,
+		onMouseLeave: C,
+		onFocus: S,
+		onBlur: C,
+		...p,
+		children: [u, m && /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d("div", {
+			ref: y,
+			className: e("tooltip bubble", r),
+			role: "tooltip",
+			style: g ? {
+				top: g.top,
+				left: g.left
+			} : { visibility: "hidden" },
+			children: n
+		}) })]
+	});
+}
+//#endregion
+//#region src/components/overlays/Popconfirm/Popconfirm.tsx
+function S({ title: t, description: r, onConfirm: i, onCancel: o, confirmText: s = "Yes", cancelText: c = "No", color: l = "warning", icon: u, placement: p = "top-start", open: m, onOpenChange: h, anchorRef: g, className: _ }) {
+	let v = a(() => {
+		h(!1), o?.();
+	}, [h, o]), y = a(() => {
+		h(!1), i();
+	}, [h, i]);
+	return /* @__PURE__ */ f(n, {
+		open: m,
+		anchorRef: g,
+		onClose: v,
+		placement: p,
+		className: e("popconfirm", l, _),
+		children: [/* @__PURE__ */ f("div", {
+			className: "body",
+			children: [u && /* @__PURE__ */ d("div", {
+				className: "icon",
+				children: u
+			}), /* @__PURE__ */ f("div", {
+				className: "content",
+				children: [/* @__PURE__ */ d("div", {
+					className: "title",
+					children: t
+				}), r && /* @__PURE__ */ d("div", {
+					className: "description",
+					children: r
+				})]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "actions",
+			children: [/* @__PURE__ */ d("button", {
+				type: "button",
+				className: "btn cancel",
+				onClick: v,
+				children: c
+			}), /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "btn confirm",
+				onClick: y,
+				children: s
+			})]
+		})]
+	});
+}
+//#endregion
+export { v as a, _ as i, x as n, g as o, y as r, S as t };
+
+//# sourceMappingURL=Popconfirm-BJtyFjdY.js.map

package/dist/Popconfirm-BJtyFjdY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm-BJtyFjdY.js","names":[],"sources":["../src/components/overlays/Drawer/Drawer.tsx","../src/components/overlays/Tooltip/Tooltip.tsx","../src/components/overlays/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {DrawerProps, DrawerSectionProps} from './Drawer.types'\nimport {Portal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './Drawer.css'\n\ntype DrawerSlotElement = ReactElement<DrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function DrawerHeader({children}: DrawerSectionProps) {\n    return <>{children}</>\n}\n;(DrawerHeader as any).__drawerHeader = true\n\nexport function DrawerBody({children}: DrawerSectionProps) {\n    return <>{children}</>\n}\n;(DrawerBody as any).__drawerBody = true\n\nexport function DrawerFooter({children}: DrawerSectionProps) {\n    return <>{children}</>\n}\n;(DrawerFooter as any).__drawerFooter = true\n\nexport function Drawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: DrawerProps) {\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!open) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [open])\n\n    if (!open) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: DrawerSectionProps | null = null\n    let bodyProps: DrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: DrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as DrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as DrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as DrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <Portal>\n            <div className={cn('drawer-backdrop', overlay && 'overlay')} onMouseDown={handleBackdropClick}>\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div {...headerRest} className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}>\n                            <div className=\"drawer-title\">{header}</div>\n                            <button type=\"button\" className=\"close\" onClick={onClose} aria-label=\"Close\">\n                                &#215;\n                            </button>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </Portal>\n    )\n}\n","import {useRef, useState, useCallback, useLayoutEffect} from 'react'\nimport type {TooltipProps} from './Tooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {Portal} from '../../primitives'\nimport './Tooltip.css'\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nexport function Tooltip({content, placement = 'top', delay = 0, className, children, ...rest}: TooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number} | null>(null)\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(computePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {children}\n            {visible && (\n                <Portal>\n                    <div\n                        ref={bubbleRef}\n                        className={cn('tooltip bubble', placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </Portal>\n            )}\n        </div>\n    )\n}\n","import {useCallback} from 'react'\nimport type {PopconfirmProps} from './Popconfirm.types'\nimport {Popover} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './Popconfirm.css'\n\nexport function Popconfirm({\n    title,\n    description,\n    onConfirm,\n    onCancel,\n    confirmText = 'Yes',\n    cancelText = 'No',\n    color = 'warning',\n    icon,\n    placement = 'top-start',\n    open,\n    onOpenChange,\n    anchorRef,\n    className,\n}: PopconfirmProps) {\n    const handleCancel = useCallback(() => {\n        onOpenChange(false)\n        onCancel?.()\n    }, [onOpenChange, onCancel])\n\n    const handleConfirm = useCallback(() => {\n        onOpenChange(false)\n        onConfirm()\n    }, [onOpenChange, onConfirm])\n\n    return (\n        <Popover\n            open={open}\n            anchorRef={anchorRef}\n            onClose={handleCancel}\n            placement={placement}\n            className={cn('popconfirm', color, className)}\n        >\n            <div className=\"body\">\n                {icon && <div className=\"icon\">{icon}</div>}\n                <div className=\"content\">\n                    <div className=\"title\">{title}</div>\n                    {description && <div className=\"description\">{description}</div>}\n                </div>\n            </div>\n            <div className=\"actions\">\n                <button type=\"button\" className=\"btn cancel\" onClick={handleCancel}>\n                    {cancelText}\n                </button>\n                <button type=\"button\" className=\"btn confirm\" onClick={handleConfirm}>\n                    {confirmText}\n                </button>\n            </div>\n        </Popover>\n    )\n}\n"],"mappings":"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"}

package/dist/Popconfirm-DQqBq_OP.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./Portal-CeUZ2xET.cjs`),n=require(`./Popover-BfCYHGUU.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e){return(0,r.isValidElement)(e)&&!!e.type.__drawerHeader}function o(e){return(0,r.isValidElement)(e)&&!!e.type.__drawerBody}function s(e){return(0,r.isValidElement)(e)&&!!e.type.__drawerFooter}function c({children:e}){return(0,i.jsx)(i.Fragment,{children:e})}c.__drawerHeader=!0;function l({children:e}){return(0,i.jsx)(i.Fragment,{children:e})}l.__drawerBody=!0;function u({children:e}){return(0,i.jsx)(i.Fragment,{children:e})}u.__drawerFooter=!0;function d({open:n,onClose:c,side:l=`right`,size:u=`md`,overlay:d=!0,closeOnBackdrop:f=!0,closeOnEscape:p=!0,className:m,children:h,...g}){if((0,r.useEffect)(()=>{if(!n||!p)return;let e=e=>{e.key===`Escape`&&c()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[n,p,c]),(0,r.useEffect)(()=>{if(!n)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[n]),!n)return null;let _=e=>{f&&e.target===e.currentTarget&&c()},v=null,y=null,b=null,x=null,S=null,C=[];r.Children.forEach(h,e=>{if(a(e)){v=e.props.children,y=e.props;return}if(o(e)){b=e.props,C.push(e.props.children);return}if(s(e)){x=e.props.children,S=e.props;return}C.push(e)});let w=y??{children:void 0},T=b??{children:void 0},E=S??{children:void 0},{children:D,className:O,bordered:k=!1,...A}=w,{children:j,className:M,...N}=T,{children:P,className:F,bordered:I=!1,...L}=E;return(0,i.jsx)(t.t,{children:(0,i.jsx)(`div`,{className:e.t(`drawer-backdrop`,d&&`overlay`),onMouseDown:_,children:(0,i.jsxs)(`div`,{className:e.t(`drawer`,l,u,m),role:`dialog`,"aria-modal":`true`,...g,children:[v&&(0,i.jsxs)(`div`,{...A,className:e.t(`drawer-header`,k&&`bordered`,O),children:[(0,i.jsx)(`div`,{className:`drawer-title`,children:v}),(0,i.jsx)(`button`,{type:`button`,className:`close`,onClick:c,"aria-label":`Close`,children:`×`})]}),(0,i.jsx)(`div`,{...N,className:e.t(`drawer-body`,M),children:C}),x&&(0,i.jsx)(`div`,{...L,className:e.t(`drawer-footer`,I&&`bordered`,F),children:x})]})})})}function f(e,t,n){switch(n){case`bottom`:return{top:e.bottom+6,left:e.left+e.width/2-t.width/2};case`left`:return{top:e.top+e.height/2-t.height/2,left:e.left-t.width-6};case`right`:return{top:e.top+e.height/2-t.height/2,left:e.right+6};default:return{top:e.top-t.height-6,left:e.left+e.width/2-t.width/2}}}function p({content:n,placement:a=`top`,delay:o=0,className:s,children:c,...l}){let[u,d]=(0,r.useState)(!1),[p,m]=(0,r.useState)(null),h=(0,r.useRef)(null),g=(0,r.useRef)(null),_=(0,r.useRef)(null),v=(0,r.useCallback)(()=>{o>0?_.current=setTimeout(()=>d(!0),o):d(!0)},[o]),y=(0,r.useCallback)(()=>{_.current&&=(clearTimeout(_.current),null),d(!1),m(null)},[]);return(0,r.useLayoutEffect)(()=>{!u||!h.current||!g.current||m(f(h.current.getBoundingClientRect(),g.current.getBoundingClientRect(),a))},[u,a]),(0,i.jsxs)(`div`,{ref:h,className:e.t(`tooltip wrapper`,s),onMouseEnter:v,onMouseLeave:y,onFocus:v,onBlur:y,...l,children:[c,u&&(0,i.jsx)(t.t,{children:(0,i.jsx)(`div`,{ref:g,className:e.t(`tooltip bubble`,a),role:`tooltip`,style:p?{top:p.top,left:p.left}:{visibility:`hidden`},children:n})})]})}function m({title:t,description:a,onConfirm:o,onCancel:s,confirmText:c=`Yes`,cancelText:l=`No`,color:u=`warning`,icon:d,placement:f=`top-start`,open:p,onOpenChange:m,anchorRef:h,className:g}){let _=(0,r.useCallback)(()=>{m(!1),s?.()},[m,s]),v=(0,r.useCallback)(()=>{m(!1),o()},[m,o]);return(0,i.jsxs)(n.t,{open:p,anchorRef:h,onClose:_,placement:f,className:e.t(`popconfirm`,u,g),children:[(0,i.jsxs)(`div`,{className:`body`,children:[d&&(0,i.jsx)(`div`,{className:`icon`,children:d}),(0,i.jsxs)(`div`,{className:`content`,children:[(0,i.jsx)(`div`,{className:`title`,children:t}),a&&(0,i.jsx)(`div`,{className:`description`,children:a})]})]}),(0,i.jsxs)(`div`,{className:`actions`,children:[(0,i.jsx)(`button`,{type:`button`,className:`btn cancel`,onClick:_,children:l}),(0,i.jsx)(`button`,{type:`button`,className:`btn confirm`,onClick:v,children:c})]})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=Popconfirm-DQqBq_OP.cjs.map

package/dist/Popconfirm-DQqBq_OP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm-DQqBq_OP.cjs","names":[],"sources":["../src/components/overlays/Drawer/Drawer.tsx","../src/components/overlays/Tooltip/Tooltip.tsx","../src/components/overlays/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {Children, isValidElement, useEffect} from 'react'\nimport type {MouseEvent, ReactElement, ReactNode} from 'react'\nimport type {DrawerProps, DrawerSectionProps} from './Drawer.types'\nimport {Portal} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './Drawer.css'\n\ntype DrawerSlotElement = ReactElement<DrawerSectionProps>\n\nfunction isDrawerHeader(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerHeader\n}\n\nfunction isDrawerBody(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerBody\n}\n\nfunction isDrawerFooter(child: ReactNode): child is DrawerSlotElement {\n    return isValidElement(child) && !!(child.type as any).__drawerFooter\n}\n\nexport function DrawerHeader({children}: DrawerSectionProps) {\n    return <>{children}</>\n}\n;(DrawerHeader as any).__drawerHeader = true\n\nexport function DrawerBody({children}: DrawerSectionProps) {\n    return <>{children}</>\n}\n;(DrawerBody as any).__drawerBody = true\n\nexport function DrawerFooter({children}: DrawerSectionProps) {\n    return <>{children}</>\n}\n;(DrawerFooter as any).__drawerFooter = true\n\nexport function Drawer({\n    open,\n    onClose,\n    side = 'right',\n    size = 'md',\n    overlay = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    className,\n    children,\n    ...rest\n}: DrawerProps) {\n    useEffect(() => {\n        if (!open || !closeOnEscape) return\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n\n        document.addEventListener('keydown', handleKeyDown)\n        return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, closeOnEscape, onClose])\n\n    useEffect(() => {\n        if (!open) return\n\n        const prev = document.body.style.overflow\n        document.body.style.overflow = 'hidden'\n        return () => {\n            document.body.style.overflow = prev\n        }\n    }, [open])\n\n    if (!open) return null\n\n    const handleBackdropClick = (e: MouseEvent<HTMLDivElement>) => {\n        if (closeOnBackdrop && e.target === e.currentTarget) onClose()\n    }\n\n    let header: ReactNode = null\n    let headerProps: DrawerSectionProps | null = null\n    let bodyProps: DrawerSectionProps | null = null\n    let footer: ReactNode = null\n    let footerProps: DrawerSectionProps | null = null\n    const body: ReactNode[] = []\n\n    Children.forEach(children, (child) => {\n        if (isDrawerHeader(child)) {\n            header = child.props.children\n            headerProps = child.props\n            return\n        }\n\n        if (isDrawerBody(child)) {\n            bodyProps = child.props\n            body.push(child.props.children)\n            return\n        }\n\n        if (isDrawerFooter(child)) {\n            footer = child.props.children\n            footerProps = child.props\n            return\n        }\n\n        body.push(child)\n    })\n\n    const headerSection = headerProps ?? ({children: undefined} as DrawerSectionProps)\n    const bodySection = bodyProps ?? ({children: undefined} as DrawerSectionProps)\n    const footerSection = footerProps ?? ({children: undefined} as DrawerSectionProps)\n    const {\n        children: _headerChildren,\n        className: headerClassName,\n        bordered: headerBordered = false,\n        ...headerRest\n    } = headerSection\n    const {children: _bodyChildren, className: bodyClassName, ...bodyRest} = bodySection\n    const {\n        children: _footerChildren,\n        className: footerClassName,\n        bordered: footerBordered = false,\n        ...footerRest\n    } = footerSection\n\n    return (\n        <Portal>\n            <div className={cn('drawer-backdrop', overlay && 'overlay')} onMouseDown={handleBackdropClick}>\n                <div className={cn('drawer', side, size, className)} role=\"dialog\" aria-modal=\"true\" {...rest}>\n                    {header && (\n                        <div {...headerRest} className={cn('drawer-header', headerBordered && 'bordered', headerClassName)}>\n                            <div className=\"drawer-title\">{header}</div>\n                            <button type=\"button\" className=\"close\" onClick={onClose} aria-label=\"Close\">\n                                &#215;\n                            </button>\n                        </div>\n                    )}\n                    <div {...bodyRest} className={cn('drawer-body', bodyClassName)}>\n                        {body}\n                    </div>\n                    {footer && (\n                        <div\n                            {...footerRest}\n                            className={cn('drawer-footer', footerBordered && 'bordered', footerClassName)}\n                        >\n                            {footer}\n                        </div>\n                    )}\n                </div>\n            </div>\n        </Portal>\n    )\n}\n","import {useRef, useState, useCallback, useLayoutEffect} from 'react'\nimport type {TooltipProps} from './Tooltip.types'\nimport {cn} from '../../../utils/cn'\nimport {Portal} from '../../primitives'\nimport './Tooltip.css'\n\nfunction computePosition(trigger: DOMRect, bubble: DOMRect, placement: string): {top: number; left: number} {\n    const gap = 6\n    switch (placement) {\n        case 'bottom':\n            return {top: trigger.bottom + gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n        case 'left':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.left - bubble.width - gap}\n        case 'right':\n            return {top: trigger.top + trigger.height / 2 - bubble.height / 2, left: trigger.right + gap}\n        default:\n            return {top: trigger.top - bubble.height - gap, left: trigger.left + trigger.width / 2 - bubble.width / 2}\n    }\n}\n\nexport function Tooltip({content, placement = 'top', delay = 0, className, children, ...rest}: TooltipProps) {\n    const [visible, setVisible] = useState(false)\n    const [pos, setPos] = useState<{top: number; left: number} | null>(null)\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const bubbleRef = useRef<HTMLDivElement>(null)\n    const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    const show = useCallback(() => {\n        if (delay > 0) {\n            timeoutRef.current = setTimeout(() => setVisible(true), delay)\n        } else {\n            setVisible(true)\n        }\n    }, [delay])\n\n    const hide = useCallback(() => {\n        if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current)\n            timeoutRef.current = null\n        }\n        setVisible(false)\n        setPos(null)\n    }, [])\n\n    useLayoutEffect(() => {\n        if (!visible || !wrapperRef.current || !bubbleRef.current) return\n        const triggerRect = wrapperRef.current.getBoundingClientRect()\n        const bubbleRect = bubbleRef.current.getBoundingClientRect()\n        setPos(computePosition(triggerRect, bubbleRect, placement))\n    }, [visible, placement])\n\n    return (\n        <div\n            ref={wrapperRef}\n            className={cn('tooltip wrapper', className)}\n            onMouseEnter={show}\n            onMouseLeave={hide}\n            onFocus={show}\n            onBlur={hide}\n            {...rest}\n        >\n            {children}\n            {visible && (\n                <Portal>\n                    <div\n                        ref={bubbleRef}\n                        className={cn('tooltip bubble', placement)}\n                        role=\"tooltip\"\n                        style={pos ? {top: pos.top, left: pos.left} : {visibility: 'hidden'}}\n                    >\n                        {content}\n                    </div>\n                </Portal>\n            )}\n        </div>\n    )\n}\n","import {useCallback} from 'react'\nimport type {PopconfirmProps} from './Popconfirm.types'\nimport {Popover} from '../../primitives'\nimport {cn} from '../../../utils/cn'\nimport './Popconfirm.css'\n\nexport function Popconfirm({\n    title,\n    description,\n    onConfirm,\n    onCancel,\n    confirmText = 'Yes',\n    cancelText = 'No',\n    color = 'warning',\n    icon,\n    placement = 'top-start',\n    open,\n    onOpenChange,\n    anchorRef,\n    className,\n}: PopconfirmProps) {\n    const handleCancel = useCallback(() => {\n        onOpenChange(false)\n        onCancel?.()\n    }, [onOpenChange, onCancel])\n\n    const handleConfirm = useCallback(() => {\n        onOpenChange(false)\n        onConfirm()\n    }, [onOpenChange, onConfirm])\n\n    return (\n        <Popover\n            open={open}\n            anchorRef={anchorRef}\n            onClose={handleCancel}\n            placement={placement}\n            className={cn('popconfirm', color, className)}\n        >\n            <div className=\"body\">\n                {icon && <div className=\"icon\">{icon}</div>}\n                <div className=\"content\">\n                    <div className=\"title\">{title}</div>\n                    {description && <div className=\"description\">{description}</div>}\n                </div>\n            </div>\n            <div className=\"actions\">\n                <button type=\"button\" className=\"btn cancel\" onClick={handleCancel}>\n                    {cancelText}\n                </button>\n                <button type=\"button\" className=\"btn confirm\" onClick={handleConfirm}>\n                    {confirmText}\n                </button>\n            </div>\n        </Popover>\n    )\n}\n"],"mappings":"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"}

package/dist/Popover-BLYlu0jf.js

@@ -0,0 +1,95 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./Portal-s54PuE_l.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/primitives/Popover/Popover.tsx
+function s({ open: s, anchorRef: c, onClose: l, placement: u = "bottom-start", matchWidth: d = !1, offset: f = 4, zIndex: p, children: m, className: h, style: g }) {
+	let _ = i(null), [v, y] = a(null), [b, x] = a(!1), [S, C] = a(null), w = n(() => {
+		if (p !== void 0) {
+			C(p);
+			return;
+		}
+		let e = c.current;
+		if (!e || typeof window > "u") {
+			C(null);
+			return;
+		}
+		let t = e.closest(".drawer-backdrop, .modal-backdrop, .sidebar.mobile-open");
+		if (!t) {
+			C(null);
+			return;
+		}
+		let n = window.getComputedStyle(t).zIndex, r = Number.parseInt(n, 10);
+		C(Number.isFinite(r) ? r + 1 : null);
+	}, [c, p]), T = n(() => {
+		if (!c.current || !_.current) return;
+		let e = c.current.getBoundingClientRect(), t = _.current.getBoundingClientRect(), n = {
+			width: window.innerWidth,
+			height: window.innerHeight
+		}, r = u.startsWith("top"), i = u.startsWith("right"), a = u.startsWith("left"), o = i || a, s = u.endsWith("end"), l, p;
+		if (o) {
+			let r = n.width - e.right - f, a = e.left - f, o = i ? r < t.width && a > r : a < t.width && r > a;
+			x(o), p = (i ? !o : o) ? e.right + f + window.scrollX : e.left - t.width - f + window.scrollX, l = s ? e.bottom - t.height + window.scrollY : e.top + window.scrollY;
+		} else {
+			let i = n.height - e.bottom - f, a = e.top - f, o = r ? a < t.height && i > a : i < t.height && a > i;
+			x(o), l = (r ? !o : o) ? e.top - t.height - f + window.scrollY : e.bottom + f + window.scrollY, p = s ? e.right - t.width + window.scrollX : e.left + window.scrollX;
+		}
+		p = Math.max(8, Math.min(p, n.width - t.width - 8)), l = Math.max(8 + window.scrollY, l), y({
+			top: l,
+			left: p,
+			width: d ? e.width : void 0
+		});
+	}, [
+		c,
+		u,
+		f,
+		d
+	]);
+	return r(() => {
+		if (!s) {
+			y(null), C(null);
+			return;
+		}
+		return w(), requestAnimationFrame(T), window.addEventListener("scroll", T, { passive: !0 }), window.addEventListener("resize", T, { passive: !0 }), () => {
+			window.removeEventListener("scroll", T), window.removeEventListener("resize", T);
+		};
+	}, [
+		s,
+		w,
+		T
+	]), r(() => {
+		if (!s) return;
+		let e = (e) => {
+			e.key === "Escape" && l();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [s, l]), r(() => {
+		if (!s) return;
+		let e = (e) => {
+			_.current && !_.current.contains(e.target) && c.current && !c.current.contains(e.target) && l();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		s,
+		l,
+		c
+	]), s ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("div", {
+		ref: _,
+		className: e("popover", b ? "flipped" : "normal", h),
+		style: {
+			position: "absolute",
+			top: v?.top ?? 0,
+			left: v?.left ?? 0,
+			width: v?.width,
+			zIndex: S ?? void 0,
+			visibility: v ? "visible" : "hidden",
+			...g
+		},
+		role: "listbox",
+		children: m
+	}) }) : null;
+}
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=Popover-BLYlu0jf.js.map

package/dist/Popover-BLYlu0jf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-BLYlu0jf.js","names":[],"sources":["../src/components/primitives/Popover/Popover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport {Portal} from '../Portal'\nimport {cn} from '../../../utils/cn'\nimport type {PopoverProps} from './Popover.types'\nimport './Popover.css'\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function Popover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n}: PopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const [position, setPosition] = useState<{top: number; left: number; width?: number} | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest('.drawer-backdrop, .modal-backdrop, .sidebar.mobile-open')\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        const popover = popoverRef.current.getBoundingClientRect()\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            if (showOnTop) {\n                top = anchor.top - popover.height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        window.addEventListener('scroll', updatePosition, {passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            window.removeEventListener('scroll', updatePosition)\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Close the popover with the standard Escape key interaction.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            if (\n                popoverRef.current &&\n                !popoverRef.current.contains(e.target as Node) &&\n                anchorRef.current &&\n                !anchorRef.current.contains(e.target as Node)\n            ) {\n                onClose()\n            }\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef])\n\n    if (!open) return null\n\n    return (\n        <Portal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                role=\"listbox\"\n            >\n                {children}\n            </div>\n        </Portal>\n    )\n}\n"],"mappings":"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"}

package/dist/Popover-BfCYHGUU.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./Portal-CeUZ2xET.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i({open:i,anchorRef:a,onClose:o,placement:s=`bottom-start`,matchWidth:c=!1,offset:l=4,zIndex:u,children:d,className:f,style:p}){let m=(0,n.useRef)(null),[h,g]=(0,n.useState)(null),[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(null),x=(0,n.useCallback)(()=>{if(u!==void 0){b(u);return}let e=a.current;if(!e||typeof window>`u`){b(null);return}let t=e.closest(`.drawer-backdrop, .modal-backdrop, .sidebar.mobile-open`);if(!t){b(null);return}let n=window.getComputedStyle(t).zIndex,r=Number.parseInt(n,10);b(Number.isFinite(r)?r+1:null)},[a,u]),S=(0,n.useCallback)(()=>{if(!a.current||!m.current)return;let e=a.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n={width:window.innerWidth,height:window.innerHeight},r=s.startsWith(`top`),i=s.startsWith(`right`),o=s.startsWith(`left`),u=i||o,d=s.endsWith(`end`),f,p;if(u){let r=n.width-e.right-l,a=e.left-l,o=i?r<t.width&&a>r:a<t.width&&r>a;v(o),p=(i?!o:o)?e.right+l+window.scrollX:e.left-t.width-l+window.scrollX,f=d?e.bottom-t.height+window.scrollY:e.top+window.scrollY}else{let i=n.height-e.bottom-l,a=e.top-l,o=r?a<t.height&&i>a:i<t.height&&a>i;v(o),f=(r?!o:o)?e.top-t.height-l+window.scrollY:e.bottom+l+window.scrollY,p=d?e.right-t.width+window.scrollX:e.left+window.scrollX}p=Math.max(8,Math.min(p,n.width-t.width-8)),f=Math.max(8+window.scrollY,f),g({top:f,left:p,width:c?e.width:void 0})},[a,s,l,c]);return(0,n.useEffect)(()=>{if(!i){g(null),b(null);return}return x(),requestAnimationFrame(S),window.addEventListener(`scroll`,S,{passive:!0}),window.addEventListener(`resize`,S,{passive:!0}),()=>{window.removeEventListener(`scroll`,S),window.removeEventListener(`resize`,S)}},[i,x,S]),(0,n.useEffect)(()=>{if(!i)return;let e=e=>{e.key===`Escape`&&o()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[i,o]),(0,n.useEffect)(()=>{if(!i)return;let e=e=>{m.current&&!m.current.contains(e.target)&&a.current&&!a.current.contains(e.target)&&o()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[i,o,a]),i?(0,r.jsx)(t.t,{children:(0,r.jsx)(`div`,{ref:m,className:e.t(`popover`,_?`flipped`:`normal`,f),style:{position:`absolute`,top:h?.top??0,left:h?.left??0,width:h?.width,zIndex:y??void 0,visibility:h?`visible`:`hidden`,...p},role:`listbox`,children:d})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=Popover-BfCYHGUU.cjs.map

package/dist/Popover-BfCYHGUU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-BfCYHGUU.cjs","names":[],"sources":["../src/components/primitives/Popover/Popover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport {Portal} from '../Portal'\nimport {cn} from '../../../utils/cn'\nimport type {PopoverProps} from './Popover.types'\nimport './Popover.css'\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function Popover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n}: PopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const [position, setPosition] = useState<{top: number; left: number; width?: number} | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest('.drawer-backdrop, .modal-backdrop, .sidebar.mobile-open')\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        const popover = popoverRef.current.getBoundingClientRect()\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            if (showOnTop) {\n                top = anchor.top - popover.height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        window.addEventListener('scroll', updatePosition, {passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            window.removeEventListener('scroll', updatePosition)\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Close the popover with the standard Escape key interaction.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            if (\n                popoverRef.current &&\n                !popoverRef.current.contains(e.target as Node) &&\n                anchorRef.current &&\n                !anchorRef.current.contains(e.target as Node)\n            ) {\n                onClose()\n            }\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef])\n\n    if (!open) return null\n\n    return (\n        <Portal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                role=\"listbox\"\n            >\n                {children}\n            </div>\n        </Portal>\n    )\n}\n"],"mappings":"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"}

package/dist/Portal-CeUZ2xET.cjs

@@ -0,0 +1,2 @@
+let e=require(`react-dom`);function t({children:t,container:n}){let r=n??(typeof document<`u`?document.body:null);return r?(0,e.createPortal)(t,r):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=Portal-CeUZ2xET.cjs.map

package/dist/Portal-CeUZ2xET.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal-CeUZ2xET.cjs","names":[],"sources":["../src/components/primitives/Portal/Portal.tsx"],"sourcesContent":["import {createPortal} from 'react-dom'\nimport type {PortalProps} from './Portal.types'\n\n// Mount children into a detached DOM target while defaulting to document.body.\nexport function Portal({children, container}: PortalProps) {\n    const target = container ?? (typeof document !== 'undefined' ? document.body : null)\n    if (!target) return null\n    return createPortal(children, target)\n}\n"],"mappings":"2BAIA,SAAgB,EAAO,CAAC,WAAU,aAAyB,CACvD,IAAM,EAAS,IAAc,OAAO,SAAa,IAAc,SAAS,KAAO,MAE/E,OADK,GACL,EAAA,EAAA,cAAoB,EAAU,EAAO,CADjB"}