@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

package/dist/components/layout/navbar-one.tsx

@@ -68,7 +68,7 @@ const NavbarOne = () => {
 
 
     return (
-        <div className="flex flex-column md:flex-row justify-content-between navBar">
+        <div className="flex flex-col md:flex-row justify-between navBar">
 
             {/* commented this as this is not working properly @Jenendar to figure this out... */}
             {currentMainMenu && (
@@ -117,7 +117,7 @@ const NavbarOne = () => {
             </div>
             {currentMenu && (
                 <div className={visibleNavbar ? "show navBarTwo" : "hide navBarTwo"}>
-                    <div className="flex relative justify-content-between align-items-center pt-4 px-3 pb-3 mb-3">
+                    <div className="flex relative justify-between items-center pt-6 px-4 pb-4 mb-4">
                         <div className="absolute bottom-0" style={{ width: 50, height: 0.8, background: '#d8e2ea' }}></div>
                         {!isSearchShow && <div className="text-base font-semibold">{currentMainMenu && currentMainMenu}</div>}
                         {isSearchShow === false && (
@@ -125,7 +125,7 @@ const NavbarOne = () => {
                                 variant="ghost"
                                 size="sm"
                                 aria-label="Search"
-                                className="transparent-background min-w-0 px-2 py-1 border-1 border-round border-200"
+                                className="transparent-background min-w-0 rounded border border-[var(--surface-200)] px-2 py-1"
                                 onClick={() => setSearchShow(true)}
                                 leftIcon={<SolidIcon name="si-search" />}
                             />
@@ -137,7 +137,7 @@ const NavbarOne = () => {
                                     <input
                                         type="text"
                                         placeholder="Search"
-                                        className="small-input text-sm w-full pr-6"
+                                        className="small-input text-sm w-full pr-12"
                                         value={searchTerm}
                                         onChange={(event) => setSearchTerm(event.target.value)}
                                     />
@@ -152,7 +152,7 @@ const NavbarOne = () => {
                             </div>
                         )}
                         {/* <div className="input-icon inputDiv navtwo-searchbox">
-                            <i className="pi pi-search " style={{ color: '#8D9199' }}></i>
+                            <i className="pi pi-search" style={{ color: '#8D9199' }}></i>
                             <input
                                 type="text"
                                 placeholder="Jump to."
@@ -169,7 +169,7 @@ const NavbarOne = () => {
                             />
                         </div> */}
                     </div>
-                    {/* <div className="flex flex-column md:flex-row  navtwo-header justify-content-between">
+                    {/* <div className="flex flex-col md:flex-row navtwo-header justify-between">
             <div className="text-sm font-semibold">{currentMainMenu && currentMainMenu}</div> */}
                     {/* <a
               className={
@@ -190,7 +190,7 @@ const NavbarOne = () => {
                     {/* <div className="p-inputgroup navtwo-searchbox">
               
               <span className="p-inputgroup-addon">
-                <i className="pi pi-search "></i>
+                <i className="pi pi-search"></i>
               </span>
               <InputText
                 placeholder="Search"
@@ -199,7 +199,7 @@ const NavbarOne = () => {
               <span className="p-inputgroup-addon">⌘+k</span>
             </div> */}
                     {/* <div className="input-icon inputDiv navtwo-searchbox">
-              <i className="pi pi-search " style={{ color: '#8D9199' }}></i>
+              <i className="pi pi-search" style={{ color: '#8D9199' }}></i>
               <input
                 type="text"
                 placeholder="Jump to."

package/dist/components/layout/navbar-two-menu.js

@@ -27,7 +27,7 @@ var NavbarTwoMenu = function (_a) {
         var _a, _b;
         var isSelected = activeId !== null && item.id !== null && item.id === activeId;
         var isParentActive = activeId !== null && ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && hasActiveChild(item.items);
-        return (_jsx("div", { className: "flex align-items-center cursor-pointer menuHead px-3 ".concat(isSelected || isParentActive ? "p-highlight" : ""), onClick: options.onClick, children: _jsxs(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-content-between font-normal", children: [_jsxs("div", { className: "flex align-items-center", style: { gap: 10 }, children: [item.icon && (
+        return (_jsx("div", { className: "flex items-center cursor-pointer menuHead px-4 ".concat(isSelected || isParentActive ? "p-highlight" : ""), onClick: options.onClick, children: _jsxs(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-between font-normal", children: [_jsxs("div", { className: "flex items-center", style: { gap: 10 }, children: [item.icon && (
                             // material-symbols-${item.iconVariant ?? 'outlined'}
                             _jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }), ((_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
                         _jsx("span", { className: "sidebar-chevrons ".concat(expandedKeys[item.key] ? "pi pi-angle-up" : "pi pi-angle-down") })] }) }, item === null || item === void 0 ? void 0 : item.key));
@@ -76,7 +76,7 @@ var NavbarTwoMenu = function (_a) {
                 var isExpanded = !!expandedKeys[item.key];
                 var isSelected = activeId !== null && item.id !== null && item.id === activeId;
                 var isParentActive = hasChildren && hasActiveChild(item.items);
-                return (_jsxs("li", { children: [_jsxs("div", { className: "flex align-items-center cursor-pointer menuHead px-3 ".concat(isSelected || isParentActive ? "p-highlight" : ""), children: [_jsx(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-content-between font-normal", children: _jsxs("div", { className: "flex align-items-center", style: { gap: 10 }, children: [item.icon && (_jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }) }), hasChildren && (_jsx("button", { type: "button", className: "sidebar-chevrons-button", onClick: function () { return toggleExpansion(item.key); }, "aria-label": "Toggle ".concat(item.label, " menu"), children: _jsx("span", { className: "sidebar-chevrons ".concat(isExpanded ? "pi pi-angle-up" : "pi pi-angle-down") }) }))] }), hasChildren && isExpanded && (_jsx("div", { className: "solid-panel-menu-children pl-3", children: renderMenuItems(item.items) }))] }, item.key));
+                return (_jsxs("li", { children: [_jsxs("div", { className: "flex items-center cursor-pointer menuHead px-4 ".concat(isSelected || isParentActive ? "p-highlight" : ""), children: [_jsx(Link, { href: (item === null || item === void 0 ? void 0 : item.url) ? item === null || item === void 0 ? void 0 : item.url : "#", className: "w-full flex justify-between font-normal", children: _jsxs("div", { className: "flex items-center", style: { gap: 10 }, children: [item.icon && (_jsx("span", { className: "material-symbols-outlined", style: { fontSize: 18 }, children: item.icon })), _jsx("span", { children: item.label })] }) }), hasChildren && (_jsx("button", { type: "button", className: "sidebar-chevrons-button", onClick: function () { return toggleExpansion(item.key); }, "aria-label": "Toggle ".concat(item.label, " menu"), children: _jsx("span", { className: "sidebar-chevrons ".concat(isExpanded ? "pi pi-angle-up" : "pi pi-angle-down") }) }))] }), hasChildren && isExpanded && (_jsx("div", { className: "solid-panel-menu-children pl-6", children: renderMenuItems(item.items) }))] }, item.key));
             }) }));
     };
     return _jsx("div", { className: "solid-panel-menu", children: renderMenuItems(items) });

package/dist/components/layout/navbar-two-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-two-menu.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../common/Link\";\nimport { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\n\nconst NavbarTwoMenu = ({ menuItems }: any) => {\n    const searchParams = useSearchParams();\n    const [expandedKeys, setExpandedKeys] = useState<any>({});\n\n    const activeId = searchParams.get(\"menuItemId\");\n    const hasActiveChild = (items: any[]): boolean => {\n        if (!activeId) return false;\n        return items?.some((item) =>\n            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])\n        );\n    };\n    const itemRenderer = (item: any, options: any) => {\n        const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);\n        return (\n            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`} onClick={options.onClick} >\n                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                        {item.icon && (\n                            // material-symbols-${item.iconVariant ?? 'outlined'}\n                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                {item.icon}\n                            </span>\n                        )}\n                        <span>\n                            {item.label}\n                        </span>\n                    </div>\n                    {item?.items?.length > 0 &&\n                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                    }\n                </Link>\n            </div>\n        )\n    };\n\n    const createMenuItems = (menuItems: any[]): any[] =>\n        menuItems.map((mi) => {\n            const menuItemId = new URLSearchParams(mi.path?.split(\"?\")[1]).get(\"menuItemId\");\n            return {\n                key: mi.key,\n                id: menuItemId,   // ← extracted from path\n                label: mi.title,\n                icon: mi.icon ?? \"\",\n                // iconVariant: mi.iconVariant,\n                template: itemRenderer,\n                url: mi.path ?? null,\n                items: mi.children ? createMenuItems(mi.children) : null,\n            };\n        })\n\n\n    const items = createMenuItems(menuItems);\n\n    // Auto-expand parents with active child when activeId changes\n    useEffect(() => {\n        const newExpandedKeys: any = {};\n        const expandIfActive = (items: any[]) => {\n            items?.forEach((item) => {\n                if (item.items?.length && hasActiveChild(item.items)) {\n                    newExpandedKeys[item.key] = true;\n                    expandIfActive(item.items);\n                }\n            });\n        };\n        expandIfActive(createMenuItems(menuItems));\n        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));\n    }, [activeId]);\n\n    const toggleExpansion = (key: string) => {\n        setExpandedKeys((prev: any) => ({ ...prev, [key]: !prev[key] }));\n    };\n\n    const renderMenuItems = (menuItems: any[]): React.ReactNode => {\n        return (\n            <ul className=\"solid-panel-menu-list\">\n                {menuItems.map((item) => {\n                    const hasChildren = item.items && item.items.length > 0;\n                    const isExpanded = !!expandedKeys[item.key];\n                    const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n                    const isParentActive = hasChildren && hasActiveChild(item.items);\n\n                    return (\n                        <li key={item.key}>\n                            <div className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`}>\n                                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-content-between font-normal\">\n                                    <div className=\"flex align-items-center\" style={{ gap: 10 }}>\n                                        {item.icon && (\n                                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                                {item.icon}\n                                            </span>\n                                        )}\n                                        <span>{item.label}</span>\n                                    </div>\n                                </Link>\n                                {hasChildren && (\n                                    <button\n                                        type=\"button\"\n                                        className=\"sidebar-chevrons-button\"\n                                        onClick={() => toggleExpansion(item.key)}\n                                        aria-label={`Toggle ${item.label} menu`}\n                                    >\n                                        <span className={`sidebar-chevrons ${isExpanded ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                                    </button>\n                                )}\n                            </div>\n                            {hasChildren && isExpanded && (\n                                <div className=\"solid-panel-menu-children pl-3\">\n                                    {renderMenuItems(item.items)}\n                                </div>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    return <div className=\"solid-panel-menu\">{renderMenuItems(items)}</div>;\n};\n\nexport default NavbarTwoMenu;\n"]}
+{"version":3,"file":"navbar-two-menu.js","sourceRoot":"","sources":["../../../src/components/layout/navbar-two-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import Link from \"../common/Link\";\nimport { useState, useEffect } from \"react\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\n\nconst NavbarTwoMenu = ({ menuItems }: any) => {\n    const searchParams = useSearchParams();\n    const [expandedKeys, setExpandedKeys] = useState<any>({});\n\n    const activeId = searchParams.get(\"menuItemId\");\n    const hasActiveChild = (items: any[]): boolean => {\n        if (!activeId) return false;\n        return items?.some((item) =>\n            (item.id !== null && item.id === activeId) || hasActiveChild(item.items ?? [])\n        );\n    };\n    const itemRenderer = (item: any, options: any) => {\n        const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n        const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);\n        return (\n            <div key={item?.key} className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`} onClick={options.onClick} >\n                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-between font-normal\">\n                    <div className=\"flex items-center\" style={{ gap: 10 }}>\n                        {item.icon && (\n                            // material-symbols-${item.iconVariant ?? 'outlined'}\n                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                {item.icon}\n                            </span>\n                        )}\n                        <span>\n                            {item.label}\n                        </span>\n                    </div>\n                    {item?.items?.length > 0 &&\n                        <span className={`sidebar-chevrons ${expandedKeys[item.key] ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                    }\n                </Link>\n            </div>\n        )\n    };\n\n    const createMenuItems = (menuItems: any[]): any[] =>\n        menuItems.map((mi) => {\n            const menuItemId = new URLSearchParams(mi.path?.split(\"?\")[1]).get(\"menuItemId\");\n            return {\n                key: mi.key,\n                id: menuItemId,   // ← extracted from path\n                label: mi.title,\n                icon: mi.icon ?? \"\",\n                // iconVariant: mi.iconVariant,\n                template: itemRenderer,\n                url: mi.path ?? null,\n                items: mi.children ? createMenuItems(mi.children) : null,\n            };\n        })\n\n\n    const items = createMenuItems(menuItems);\n\n    // Auto-expand parents with active child when activeId changes\n    useEffect(() => {\n        const newExpandedKeys: any = {};\n        const expandIfActive = (items: any[]) => {\n            items?.forEach((item) => {\n                if (item.items?.length && hasActiveChild(item.items)) {\n                    newExpandedKeys[item.key] = true;\n                    expandIfActive(item.items);\n                }\n            });\n        };\n        expandIfActive(createMenuItems(menuItems));\n        setExpandedKeys((prev: any) => ({ ...prev, ...newExpandedKeys }));\n    }, [activeId]);\n\n    const toggleExpansion = (key: string) => {\n        setExpandedKeys((prev: any) => ({ ...prev, [key]: !prev[key] }));\n    };\n\n    const renderMenuItems = (menuItems: any[]): React.ReactNode => {\n        return (\n            <ul className=\"solid-panel-menu-list\">\n                {menuItems.map((item) => {\n                    const hasChildren = item.items && item.items.length > 0;\n                    const isExpanded = !!expandedKeys[item.key];\n                    const isSelected = activeId !== null && item.id !== null && item.id === activeId;\n                    const isParentActive = hasChildren && hasActiveChild(item.items);\n\n                    return (\n                        <li key={item.key}>\n                            <div className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? \"p-highlight\" : \"\"}`}>\n                                <Link href={item?.url ? item?.url : \"#\"} className=\"w-full flex justify-between font-normal\">\n                                    <div className=\"flex items-center\" style={{ gap: 10 }}>\n                                        {item.icon && (\n                                            <span className=\"material-symbols-outlined\" style={{ fontSize: 18 }}>\n                                                {item.icon}\n                                            </span>\n                                        )}\n                                        <span>{item.label}</span>\n                                    </div>\n                                </Link>\n                                {hasChildren && (\n                                    <button\n                                        type=\"button\"\n                                        className=\"sidebar-chevrons-button\"\n                                        onClick={() => toggleExpansion(item.key)}\n                                        aria-label={`Toggle ${item.label} menu`}\n                                    >\n                                        <span className={`sidebar-chevrons ${isExpanded ? \"pi pi-angle-up\" : \"pi pi-angle-down\"}`} />\n                                    </button>\n                                )}\n                            </div>\n                            {hasChildren && isExpanded && (\n                                <div className=\"solid-panel-menu-children pl-6\">\n                                    {renderMenuItems(item.items)}\n                                </div>\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    };\n\n    return <div className=\"solid-panel-menu\">{renderMenuItems(items)}</div>;\n};\n\nexport default NavbarTwoMenu;\n"]}

package/dist/components/layout/navbar-two-menu.tsx

@@ -17,9 +17,9 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
         const isSelected = activeId !== null && item.id !== null && item.id === activeId;
         const isParentActive = activeId !== null && item.items?.length > 0 && hasActiveChild(item.items);
         return (
-            <div key={item?.key} className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? "p-highlight" : ""}`} onClick={options.onClick} >
-                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-content-between font-normal">
-                    <div className="flex align-items-center" style={{ gap: 10 }}>
+            <div key={item?.key} className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? "p-highlight" : ""}`} onClick={options.onClick} >
+                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-between font-normal">
+                    <div className="flex items-center" style={{ gap: 10 }}>
                         {item.icon && (
                             // material-symbols-${item.iconVariant ?? 'outlined'}
                             <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
@@ -86,9 +86,9 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
 
                     return (
                         <li key={item.key}>
-                            <div className={`flex align-items-center cursor-pointer menuHead px-3 ${isSelected || isParentActive ? "p-highlight" : ""}`}>
-                                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-content-between font-normal">
-                                    <div className="flex align-items-center" style={{ gap: 10 }}>
+                            <div className={`flex items-center cursor-pointer menuHead px-4 ${isSelected || isParentActive ? "p-highlight" : ""}`}>
+                                <Link href={item?.url ? item?.url : "#"} className="w-full flex justify-between font-normal">
+                                    <div className="flex items-center" style={{ gap: 10 }}>
                                         {item.icon && (
                                             <span className="material-symbols-outlined" style={{ fontSize: 18 }}>
                                                 {item.icon}
@@ -109,7 +109,7 @@ const NavbarTwoMenu = ({ menuItems }: any) => {
                                 )}
                             </div>
                             {hasChildren && isExpanded && (
-                                <div className="solid-panel-menu-children pl-3">
+                                <div className="solid-panel-menu-children pl-6">
                                     {renderMenuItems(item.items)}
                                 </div>
                             )}

package/dist/components/shad-cn-ui/SolidCodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAU,EACV,QAAQ,EACR,MAAgB,EAChB,QAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,QAAuB,GACxB,EAAE,oBAAoB,2CA2BtB"}
+{"version":3,"file":"SolidCodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAU,EACV,QAAQ,EACR,MAAgB,EAChB,QAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,QAAuB,GACxB,EAAE,oBAAoB,2CA8BtB"}

package/dist/components/shad-cn-ui/SolidCodeEditor.js

@@ -3,11 +3,13 @@ import Editor from "@monaco-editor/react";
 export function SolidCodeEditor(_a) {
     var _b = _a.value, value = _b === void 0 ? "" : _b, onChange = _a.onChange, _c = _a.height, height = _c === void 0 ? "300px" : _c, _d = _a.fontSize, fontSize = _d === void 0 ? "14px" : _d, _e = _a.readOnly, readOnly = _e === void 0 ? false : _e, className = _a.className, _f = _a.language, language = _f === void 0 ? "javascript" : _f;
     return (_jsx("div", { className: className, style: {
+            width: "100%",
+            minWidth: 0,
             border: "1px solid var(--surface-border, #d0d7de)",
             borderRadius: "0.5rem",
             overflow: "hidden",
             background: "var(--surface-card, #fff)",
-        }, children: _jsx(Editor, { height: height, language: language, value: value, onChange: function (val) { return onChange === null || onChange === void 0 ? void 0 : onChange(val !== null && val !== void 0 ? val : ""); }, options: {
+        }, children: _jsx(Editor, { width: "100%", height: height, language: language, value: value, onChange: function (val) { return onChange === null || onChange === void 0 ? void 0 : onChange(val !== null && val !== void 0 ? val : ""); }, options: {
                 readOnly: readOnly,
                 minimap: { enabled: false },
                 lineNumbers: "on",

package/dist/components/shad-cn-ui/SolidCodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCodeEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,UAAU,eAAe,CAAC,EAQT;QAPrB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,gBAAuB,EAAvB,QAAQ,mBAAG,YAAY,KAAA;IAEvB,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM,EAAE,0CAA0C;YAClD,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,2BAA2B;SACxC,YAED,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC,EAArB,CAAqB,EACxC,OAAO,EAAE;gBACP,QAAQ,UAAA;gBACR,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAC3B,WAAW,EAAE,IAAI;gBACjB,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;gBACxF,oBAAoB,EAAE,KAAK;gBAC3B,mBAAmB,EAAE,KAAK;aAC3B,GACD,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import Editor from \"@monaco-editor/react\";\n\ntype SolidCodeEditorProps = {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  height?: string;\n  fontSize?: string | number;\n  readOnly?: boolean;\n  className?: string;\n  language?: string;\n};\n\nexport function SolidCodeEditor({\n  value = \"\",\n  onChange,\n  height = \"300px\",\n  fontSize = \"14px\",\n  readOnly = false,\n  className,\n  language = \"javascript\",\n}: SolidCodeEditorProps) {\n  return (\n    <div\n      className={className}\n      style={{\n        border: \"1px solid var(--surface-border, #d0d7de)\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        background: \"var(--surface-card, #fff)\",\n      }}\n    >\n      <Editor\n        height={height}\n        language={language}\n        value={value}\n        onChange={(val) => onChange?.(val ?? \"\")}\n        options={{\n          readOnly,\n          minimap: { enabled: false },\n          lineNumbers: \"on\",\n          fontSize: typeof fontSize === \"number\" ? fontSize : parseInt(String(fontSize), 10) || 14,\n          scrollBeyondLastLine: false,\n          overviewRulerBorder: false,\n        }}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SolidCodeEditor.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidCodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,UAAU,eAAe,CAAC,EAQT;QAPrB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,SAAS,eAAA,EACT,gBAAuB,EAAvB,QAAQ,mBAAG,YAAY,KAAA;IAEvB,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,0CAA0C;YAClD,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,2BAA2B;SACxC,YAED,KAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC,EAArB,CAAqB,EACxC,OAAO,EAAE;gBACP,QAAQ,UAAA;gBACR,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAC3B,WAAW,EAAE,IAAI;gBACjB,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;gBACxF,oBAAoB,EAAE,KAAK;gBAC3B,mBAAmB,EAAE,KAAK;aAC3B,GACD,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import Editor from \"@monaco-editor/react\";\n\ntype SolidCodeEditorProps = {\n  value?: string;\n  onChange?: (value: string | undefined) => void;\n  height?: string;\n  fontSize?: string | number;\n  readOnly?: boolean;\n  className?: string;\n  language?: string;\n};\n\nexport function SolidCodeEditor({\n  value = \"\",\n  onChange,\n  height = \"300px\",\n  fontSize = \"14px\",\n  readOnly = false,\n  className,\n  language = \"javascript\",\n}: SolidCodeEditorProps) {\n  return (\n    <div\n      className={className}\n      style={{\n        width: \"100%\",\n        minWidth: 0,\n        border: \"1px solid var(--surface-border, #d0d7de)\",\n        borderRadius: \"0.5rem\",\n        overflow: \"hidden\",\n        background: \"var(--surface-card, #fff)\",\n      }}\n    >\n      <Editor\n        width=\"100%\"\n        height={height}\n        language={language}\n        value={value}\n        onChange={(val) => onChange?.(val ?? \"\")}\n        options={{\n          readOnly,\n          minimap: { enabled: false },\n          lineNumbers: \"on\",\n          fontSize: typeof fontSize === \"number\" ? fontSize : parseInt(String(fontSize), 10) || 14,\n          scrollBeyondLastLine: false,\n          overviewRulerBorder: false,\n        }}\n      />\n    </div>\n  );\n}\n"]}

package/dist/components/shad-cn-ui/SolidCodeEditor.tsx

@@ -23,6 +23,8 @@ export function SolidCodeEditor({
     <div
       className={className}
       style={{
+        width: "100%",
+        minWidth: 0,
         border: "1px solid var(--surface-border, #d0d7de)",
         borderRadius: "0.5rem",
         overflow: "hidden",
@@ -30,6 +32,7 @@ export function SolidCodeEditor({
       }}
     >
       <Editor
+        width="100%"
         height={height}
         language={language}
         value={value}

package/dist/components/shad-cn-ui/SolidPopover.d.ts

@@ -14,6 +14,7 @@ export declare const SolidPopoverContent: React.ForwardRefExoticComponent<React.
     sideOffset?: number | undefined;
     align?: "end" | "center" | "start" | undefined;
     side?: "left" | "right" | "top" | "bottom" | undefined;
+    portal?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=SolidPopover.d.ts.map

package/dist/components/shad-cn-ui/SolidPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPopover.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,EAAE,iBAAiB,2CAqDnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,OAuBA;AAED,eAAO,MAAM,mBAAmB;;;;wCA0B9B,CAAC"}
+{"version":3,"file":"SolidPopover.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoC/B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AA+EF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,cAAc,GACf,EAAE,iBAAiB,2CAwDnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAe,GAChB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,OAuBA;AAED,eAAO,MAAM,mBAAmB;;;;;wCAiG9B,CAAC"}

package/dist/components/shad-cn-ui/SolidPopover.js

@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { createPortal } from "react-dom";
 var SolidPopoverContext = React.createContext(null);
 var SOLID_POPOVER_EVENT = "solid-popover-open";
 function cx() {
@@ -31,9 +32,74 @@ function cx() {
     }
     return parts.filter(Boolean).join(" ");
 }
+function assignRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref && typeof ref === "object") {
+        ref.current = value;
+    }
+}
+var POPOVER_VIEWPORT_OFFSET = 8;
+var POPOVER_PORTAL_Z_INDEX = 100000;
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+function resolvePopoverPosition(_a) {
+    var triggerRect = _a.triggerRect, contentRect = _a.contentRect, side = _a.side, align = _a.align, sideOffset = _a.sideOffset;
+    var viewportWidth = window.innerWidth;
+    var viewportHeight = window.innerHeight;
+    var availableTop = triggerRect.top;
+    var availableBottom = viewportHeight - triggerRect.bottom;
+    var availableLeft = triggerRect.left;
+    var availableRight = viewportWidth - triggerRect.right;
+    var resolvedSide = side;
+    if (side === "bottom" && availableBottom < contentRect.height + sideOffset && availableTop > availableBottom) {
+        resolvedSide = "top";
+    }
+    else if (side === "top" && availableTop < contentRect.height + sideOffset && availableBottom > availableTop) {
+        resolvedSide = "bottom";
+    }
+    else if (side === "right" && availableRight < contentRect.width + sideOffset && availableLeft > availableRight) {
+        resolvedSide = "left";
+    }
+    else if (side === "left" && availableLeft < contentRect.width + sideOffset && availableRight > availableLeft) {
+        resolvedSide = "right";
+    }
+    var top = triggerRect.bottom + sideOffset;
+    var left = triggerRect.left;
+    if (resolvedSide === "bottom" || resolvedSide === "top") {
+        if (align === "center") {
+            left = triggerRect.left + (triggerRect.width / 2) - (contentRect.width / 2);
+        }
+        else if (align === "end") {
+            left = triggerRect.right - contentRect.width;
+        }
+        top = resolvedSide === "bottom"
+            ? triggerRect.bottom + sideOffset
+            : triggerRect.top - contentRect.height - sideOffset;
+    }
+    else {
+        if (align === "center") {
+            top = triggerRect.top + (triggerRect.height / 2) - (contentRect.height / 2);
+        }
+        else if (align === "end") {
+            top = triggerRect.bottom - contentRect.height;
+        }
+        left = resolvedSide === "right"
+            ? triggerRect.right + sideOffset
+            : triggerRect.left - contentRect.width - sideOffset;
+    }
+    return {
+        left: clamp(left, POPOVER_VIEWPORT_OFFSET, Math.max(POPOVER_VIEWPORT_OFFSET, viewportWidth - contentRect.width - POPOVER_VIEWPORT_OFFSET)),
+        top: clamp(top, POPOVER_VIEWPORT_OFFSET, Math.max(POPOVER_VIEWPORT_OFFSET, viewportHeight - contentRect.height - POPOVER_VIEWPORT_OFFSET)),
+        side: resolvedSide,
+    };
+}
 export function SolidPopover(_a) {
     var open = _a.open, onOpenChange = _a.onOpenChange, children = _a.children, autoCloseGroup = _a.autoCloseGroup;
     var rootRef = React.useRef(null);
+    var contentRef = React.useRef(null);
     var popoverId = React.useId();
     var _b = React.useState(false), internalOpen = _b[0], setInternalOpen = _b[1];
     var isControlled = typeof open === "boolean";
@@ -68,7 +134,9 @@ export function SolidPopover(_a) {
             return;
         var handlePointerDown = function (event) {
             var root = rootRef.current;
-            if (!root || root.contains(event.target))
+            var content = contentRef.current;
+            var target = event.target;
+            if (!root || root.contains(target) || (content === null || content === void 0 ? void 0 : content.contains(target)))
                 return;
             handleSetOpen(false);
         };
@@ -77,7 +145,7 @@ export function SolidPopover(_a) {
             document.removeEventListener("pointerdown", handlePointerDown);
         };
     }, [currentOpen, handleSetOpen]);
-    return (_jsx(SolidPopoverContext.Provider, { value: { open: currentOpen, setOpen: handleSetOpen }, children: _jsx("div", { className: "solid-popover-root", ref: rootRef, children: children }) }));
+    return (_jsx(SolidPopoverContext.Provider, { value: { open: currentOpen, setOpen: handleSetOpen, rootRef: rootRef, contentRef: contentRef }, children: _jsx("div", { className: "solid-popover-root", ref: rootRef, children: children }) }));
 }
 export function SolidPopoverTrigger(_a) {
     var children = _a.children, _b = _a.asChild, asChild = _b === void 0 ? false : _b;
@@ -99,12 +167,63 @@ export function SolidPopoverTrigger(_a) {
 }
 export var SolidPopoverContent = React.forwardRef(function SolidPopoverContent(_a, ref) {
     var _b;
-    var className = _a.className, children = _a.children, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.align, align = _d === void 0 ? "end" : _d, _e = _a.side, side = _e === void 0 ? "bottom" : _e, style = _a.style, props = __rest(_a, ["className", "children", "sideOffset", "align", "side", "style"]);
+    var className = _a.className, children = _a.children, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.align, align = _d === void 0 ? "end" : _d, _e = _a.side, side = _e === void 0 ? "bottom" : _e, style = _a.style, _f = _a.portal, portal = _f === void 0 ? true : _f, props = __rest(_a, ["className", "children", "sideOffset", "align", "side", "style", "portal"]);
     var ctx = React.useContext(SolidPopoverContext);
     if (!ctx || !ctx.open)
         return null;
+    var localRef = React.useRef(null);
+    var _g = React.useState(null), portalPosition = _g[0], setPortalPosition = _g[1];
+    var attachRef = React.useCallback(function (node) {
+        localRef.current = node;
+        ctx.contentRef.current = node;
+        assignRef(ref, node);
+    }, [ctx.contentRef, ref]);
+    React.useLayoutEffect(function () {
+        if (!portal || typeof window === "undefined") {
+            setPortalPosition(null);
+            return;
+        }
+        var updatePosition = function () {
+            var trigger = ctx.rootRef.current;
+            var content = localRef.current;
+            if (!trigger || !content)
+                return;
+            var triggerRect = trigger.getBoundingClientRect();
+            var contentRect = content.getBoundingClientRect();
+            var nextPosition = resolvePopoverPosition({ triggerRect: triggerRect, contentRect: contentRect, side: side, align: align, sideOffset: sideOffset });
+            setPortalPosition(nextPosition);
+        };
+        var rafId = window.requestAnimationFrame(updatePosition);
+        window.addEventListener("resize", updatePosition);
+        window.addEventListener("scroll", updatePosition, true);
+        var observer = typeof ResizeObserver !== "undefined"
+            ? new ResizeObserver(function () { return updatePosition(); })
+            : null;
+        if (observer) {
+            if (ctx.rootRef.current)
+                observer.observe(ctx.rootRef.current);
+            if (localRef.current)
+                observer.observe(localRef.current);
+        }
+        return function () {
+            window.cancelAnimationFrame(rafId);
+            window.removeEventListener("resize", updatePosition);
+            window.removeEventListener("scroll", updatePosition, true);
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        };
+    }, [align, ctx.rootRef, portal, side, sideOffset]);
     var offsetValue = "".concat(sideOffset, "px");
-    var contentStyle = __assign(__assign({}, (style !== null && style !== void 0 ? style : {})), (_b = {}, _b["--solid-popover-side-offset"] = offsetValue, _b));
-    return (_jsx("div", __assign({ ref: ref, className: cx("solid-popover-content", className), role: "dialog", "data-align": align, "data-side": side, style: contentStyle }, props, { children: children })));
+    var contentStyle = React.useMemo(function () {
+        var _a, _b;
+        var _c, _d;
+        if (!portal) {
+            return __assign(__assign({}, (style !== null && style !== void 0 ? style : {})), (_a = {}, _a["--solid-popover-side-offset"] = offsetValue, _a));
+        }
+        return __assign(__assign({}, (style !== null && style !== void 0 ? style : {})), (_b = {}, _b["--solid-popover-side-offset"] = offsetValue, _b.position = "fixed", _b.top = (_c = portalPosition === null || portalPosition === void 0 ? void 0 : portalPosition.top) !== null && _c !== void 0 ? _c : 0, _b.left = (_d = portalPosition === null || portalPosition === void 0 ? void 0 : portalPosition.left) !== null && _d !== void 0 ? _d : 0, _b.right = "auto", _b.bottom = "auto", _b.transform = "none", _b.zIndex = POPOVER_PORTAL_Z_INDEX, _b.pointerEvents = "auto", _b.visibility = portalPosition ? "visible" : "hidden", _b));
+    }, [offsetValue, portal, portalPosition, style]);
+    var content = (_jsx("div", __assign({ ref: attachRef, className: cx("solid-popover-content", className), role: "dialog", "data-align": align, "data-side": (_b = portalPosition === null || portalPosition === void 0 ? void 0 : portalPosition.side) !== null && _b !== void 0 ? _b : side, "data-portal": portal ? "true" : "false", style: contentStyle }, props, { children: children })));
+    return portal && typeof document !== "undefined"
+        ? createPortal(content, document.body)
+        : content;
 });
 //# sourceMappingURL=SolidPopover.js.map

package/dist/components/shad-cn-ui/SolidPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPopover.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPopover.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\n\ntype SolidPopoverContextValue = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n};\n\nconst SolidPopoverContext = React.createContext<SolidPopoverContextValue | null>(null);\nconst SOLID_POPOVER_EVENT = \"solid-popover-open\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\ntype SolidPopoverContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  sideOffset?: number;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n};\n\ntype SolidPopoverContentStyle = React.CSSProperties & {\n  [\"--solid-popover-side-offset\"]?: string;\n};\n\ntype SolidPopoverProps = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n  autoCloseGroup?: string;\n};\n\nexport function SolidPopover({\n  open,\n  onOpenChange,\n  children,\n  autoCloseGroup,\n}: SolidPopoverProps) {\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const popoverId = React.useId();\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const isControlled = typeof open === \"boolean\";\n  const currentOpen = isControlled ? !!open : internalOpen;\n\n  const handleSetOpen = React.useCallback((next: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(next);\n    }\n    onOpenChange?.(next);\n    if (next && autoCloseGroup && typeof window !== \"undefined\") {\n      window.dispatchEvent(\n        new CustomEvent(SOLID_POPOVER_EVENT, { detail: { id: popoverId, group: autoCloseGroup } })\n      );\n    }\n  }, [autoCloseGroup, isControlled, onOpenChange, popoverId]);\n\n  React.useEffect(() => {\n    if (!autoCloseGroup || typeof window === \"undefined\") return;\n    const handleExternalOpen = (event: Event) => {\n      const detail = (event as CustomEvent<{ id: string; group?: string }>).detail;\n      if (!detail || detail.group !== autoCloseGroup) return;\n      if (detail.id === popoverId) return;\n      handleSetOpen(false);\n    };\n    window.addEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);\n    return () => {\n      window.removeEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);\n    };\n  }, [autoCloseGroup, handleSetOpen, popoverId]);\n\n  React.useEffect(() => {\n    if (!currentOpen || typeof document === \"undefined\") return;\n    const handlePointerDown = (event: MouseEvent) => {\n      const root = rootRef.current;\n      if (!root || root.contains(event.target as Node)) return;\n      handleSetOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown);\n    };\n  }, [currentOpen, handleSetOpen]);\n\n  return (\n    <SolidPopoverContext.Provider value={{ open: currentOpen, setOpen: handleSetOpen }}>\n      <div className=\"solid-popover-root\" ref={rootRef}>\n        {children}\n      </div>\n    </SolidPopoverContext.Provider>\n  );\n}\n\nexport function SolidPopoverTrigger({\n  children,\n  asChild = false,\n}: {\n  children: React.ReactNode;\n  asChild?: boolean;\n}) {\n  const ctx = React.useContext(SolidPopoverContext);\n  if (!ctx) return null;\n\n  const child = asChild && React.isValidElement(children)\n    ? React.cloneElement(children as any, {\n        onClick: (event: React.MouseEvent) => {\n          (children as any).props?.onClick?.(event);\n          if (event.defaultPrevented) return;\n          ctx.setOpen(!ctx.open);\n        },\n      })\n    : (\n      <button\n        type=\"button\"\n        onClick={() => ctx.setOpen(!ctx.open)}\n        className=\"solid-popover-trigger\"\n      >\n        {children}\n      </button>\n    );\n\n  return child as any;\n}\n\nexport const SolidPopoverContent = React.forwardRef<HTMLDivElement, SolidPopoverContentProps>(function SolidPopoverContent(\n  { className, children, sideOffset = 4, align = \"end\", side = \"bottom\", style, ...props },\n  ref\n) {\n  const ctx = React.useContext(SolidPopoverContext);\n  if (!ctx || !ctx.open) return null;\n\n  const offsetValue = `${sideOffset}px`;\n  const contentStyle: SolidPopoverContentStyle = {\n    ...(style ?? {}),\n    [\"--solid-popover-side-offset\"]: offsetValue,\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\"solid-popover-content\", className)}\n      role=\"dialog\"\n      data-align={align}\n      data-side={side}\n      style={contentStyle}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n"]}
+{"version":3,"file":"SolidPopover.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidPopover.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\n\ntype SolidPopoverContextValue = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  rootRef: React.MutableRefObject<HTMLDivElement | null>;\n  contentRef: React.MutableRefObject<HTMLDivElement | null>;\n};\n\nconst SolidPopoverContext = React.createContext<SolidPopoverContextValue | null>(null);\nconst SOLID_POPOVER_EVENT = \"solid-popover-open\";\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nfunction assignRef<T>(ref: React.ForwardedRef<T>, value: T) {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref && typeof ref === \"object\") {\n    ref.current = value;\n  }\n}\n\ntype SolidPopoverContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  sideOffset?: number;\n  align?: \"start\" | \"center\" | \"end\";\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  portal?: boolean;\n};\n\ntype SolidPopoverContentStyle = React.CSSProperties & {\n  [\"--solid-popover-side-offset\"]?: string;\n};\n\ntype SolidPopoverProps = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n  autoCloseGroup?: string;\n};\n\ntype PopoverPosition = {\n  left: number;\n  top: number;\n  side: \"top\" | \"right\" | \"bottom\" | \"left\";\n};\n\nconst POPOVER_VIEWPORT_OFFSET = 8;\nconst POPOVER_PORTAL_Z_INDEX = 100000;\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction resolvePopoverPosition({\n  triggerRect,\n  contentRect,\n  side,\n  align,\n  sideOffset,\n}: {\n  triggerRect: DOMRect;\n  contentRect: DOMRect;\n  side: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align: \"start\" | \"center\" | \"end\";\n  sideOffset: number;\n}): PopoverPosition {\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n  const availableTop = triggerRect.top;\n  const availableBottom = viewportHeight - triggerRect.bottom;\n  const availableLeft = triggerRect.left;\n  const availableRight = viewportWidth - triggerRect.right;\n\n  let resolvedSide = side;\n\n  if (side === \"bottom\" && availableBottom < contentRect.height + sideOffset && availableTop > availableBottom) {\n    resolvedSide = \"top\";\n  } else if (side === \"top\" && availableTop < contentRect.height + sideOffset && availableBottom > availableTop) {\n    resolvedSide = \"bottom\";\n  } else if (side === \"right\" && availableRight < contentRect.width + sideOffset && availableLeft > availableRight) {\n    resolvedSide = \"left\";\n  } else if (side === \"left\" && availableLeft < contentRect.width + sideOffset && availableRight > availableLeft) {\n    resolvedSide = \"right\";\n  }\n\n  let top = triggerRect.bottom + sideOffset;\n  let left = triggerRect.left;\n\n  if (resolvedSide === \"bottom\" || resolvedSide === \"top\") {\n    if (align === \"center\") {\n      left = triggerRect.left + (triggerRect.width / 2) - (contentRect.width / 2);\n    } else if (align === \"end\") {\n      left = triggerRect.right - contentRect.width;\n    }\n\n    top = resolvedSide === \"bottom\"\n      ? triggerRect.bottom + sideOffset\n      : triggerRect.top - contentRect.height - sideOffset;\n  } else {\n    if (align === \"center\") {\n      top = triggerRect.top + (triggerRect.height / 2) - (contentRect.height / 2);\n    } else if (align === \"end\") {\n      top = triggerRect.bottom - contentRect.height;\n    }\n\n    left = resolvedSide === \"right\"\n      ? triggerRect.right + sideOffset\n      : triggerRect.left - contentRect.width - sideOffset;\n  }\n\n  return {\n    left: clamp(left, POPOVER_VIEWPORT_OFFSET, Math.max(POPOVER_VIEWPORT_OFFSET, viewportWidth - contentRect.width - POPOVER_VIEWPORT_OFFSET)),\n    top: clamp(top, POPOVER_VIEWPORT_OFFSET, Math.max(POPOVER_VIEWPORT_OFFSET, viewportHeight - contentRect.height - POPOVER_VIEWPORT_OFFSET)),\n    side: resolvedSide,\n  };\n}\n\nexport function SolidPopover({\n  open,\n  onOpenChange,\n  children,\n  autoCloseGroup,\n}: SolidPopoverProps) {\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n  const popoverId = React.useId();\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const isControlled = typeof open === \"boolean\";\n  const currentOpen = isControlled ? !!open : internalOpen;\n\n  const handleSetOpen = React.useCallback((next: boolean) => {\n    if (!isControlled) {\n      setInternalOpen(next);\n    }\n    onOpenChange?.(next);\n    if (next && autoCloseGroup && typeof window !== \"undefined\") {\n      window.dispatchEvent(\n        new CustomEvent(SOLID_POPOVER_EVENT, { detail: { id: popoverId, group: autoCloseGroup } })\n      );\n    }\n  }, [autoCloseGroup, isControlled, onOpenChange, popoverId]);\n\n  React.useEffect(() => {\n    if (!autoCloseGroup || typeof window === \"undefined\") return;\n    const handleExternalOpen = (event: Event) => {\n      const detail = (event as CustomEvent<{ id: string; group?: string }>).detail;\n      if (!detail || detail.group !== autoCloseGroup) return;\n      if (detail.id === popoverId) return;\n      handleSetOpen(false);\n    };\n    window.addEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);\n    return () => {\n      window.removeEventListener(SOLID_POPOVER_EVENT, handleExternalOpen as EventListener);\n    };\n  }, [autoCloseGroup, handleSetOpen, popoverId]);\n\n  React.useEffect(() => {\n    if (!currentOpen || typeof document === \"undefined\") return;\n    const handlePointerDown = (event: MouseEvent) => {\n      const root = rootRef.current;\n      const content = contentRef.current;\n      const target = event.target as Node;\n      if (!root || root.contains(target) || content?.contains(target)) return;\n      handleSetOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handlePointerDown);\n    };\n  }, [currentOpen, handleSetOpen]);\n\n  return (\n    <SolidPopoverContext.Provider value={{ open: currentOpen, setOpen: handleSetOpen, rootRef, contentRef }}>\n      <div className=\"solid-popover-root\" ref={rootRef}>\n        {children}\n      </div>\n    </SolidPopoverContext.Provider>\n  );\n}\n\nexport function SolidPopoverTrigger({\n  children,\n  asChild = false,\n}: {\n  children: React.ReactNode;\n  asChild?: boolean;\n}) {\n  const ctx = React.useContext(SolidPopoverContext);\n  if (!ctx) return null;\n\n  const child = asChild && React.isValidElement(children)\n    ? React.cloneElement(children as any, {\n        onClick: (event: React.MouseEvent) => {\n          (children as any).props?.onClick?.(event);\n          if (event.defaultPrevented) return;\n          ctx.setOpen(!ctx.open);\n        },\n      })\n    : (\n      <button\n        type=\"button\"\n        onClick={() => ctx.setOpen(!ctx.open)}\n        className=\"solid-popover-trigger\"\n      >\n        {children}\n      </button>\n    );\n\n  return child as any;\n}\n\nexport const SolidPopoverContent = React.forwardRef<HTMLDivElement, SolidPopoverContentProps>(function SolidPopoverContent(\n  { className, children, sideOffset = 4, align = \"end\", side = \"bottom\", style, portal = true, ...props },\n  ref\n) {\n  const ctx = React.useContext(SolidPopoverContext);\n  if (!ctx || !ctx.open) return null;\n\n  const localRef = React.useRef<HTMLDivElement | null>(null);\n  const [portalPosition, setPortalPosition] = React.useState<PopoverPosition | null>(null);\n\n  const attachRef = React.useCallback((node: HTMLDivElement | null) => {\n    localRef.current = node;\n    ctx.contentRef.current = node;\n    assignRef(ref, node);\n  }, [ctx.contentRef, ref]);\n\n  React.useLayoutEffect(() => {\n    if (!portal || typeof window === \"undefined\") {\n      setPortalPosition(null);\n      return;\n    }\n\n    const updatePosition = () => {\n      const trigger = ctx.rootRef.current;\n      const content = localRef.current;\n      if (!trigger || !content) return;\n\n      const triggerRect = trigger.getBoundingClientRect();\n      const contentRect = content.getBoundingClientRect();\n      const nextPosition = resolvePopoverPosition({ triggerRect, contentRect, side, align, sideOffset });\n\n      setPortalPosition(nextPosition);\n    };\n\n    const rafId = window.requestAnimationFrame(updatePosition);\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n\n    const observer = typeof ResizeObserver !== \"undefined\"\n      ? new ResizeObserver(() => updatePosition())\n      : null;\n\n    if (observer) {\n      if (ctx.rootRef.current) observer.observe(ctx.rootRef.current);\n      if (localRef.current) observer.observe(localRef.current);\n    }\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n      observer?.disconnect();\n    };\n  }, [align, ctx.rootRef, portal, side, sideOffset]);\n\n  const offsetValue = `${sideOffset}px`;\n  const contentStyle = React.useMemo<SolidPopoverContentStyle>(() => {\n    if (!portal) {\n      return {\n        ...(style ?? {}),\n        [\"--solid-popover-side-offset\"]: offsetValue,\n      };\n    }\n\n    return {\n      ...(style ?? {}),\n      [\"--solid-popover-side-offset\"]: offsetValue,\n      position: \"fixed\",\n      top: portalPosition?.top ?? 0,\n      left: portalPosition?.left ?? 0,\n      right: \"auto\",\n      bottom: \"auto\",\n      transform: \"none\",\n      zIndex: POPOVER_PORTAL_Z_INDEX,\n      pointerEvents: \"auto\",\n      visibility: portalPosition ? \"visible\" : \"hidden\",\n    };\n  }, [offsetValue, portal, portalPosition, style]);\n\n  const content = (\n    <div\n      ref={attachRef}\n      className={cx(\"solid-popover-content\", className)}\n      role=\"dialog\"\n      data-align={align}\n      data-side={portalPosition?.side ?? side}\n      data-portal={portal ? \"true\" : \"false\"}\n      style={contentStyle}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  return portal && typeof document !== \"undefined\"\n    ? createPortal(content, document.body)\n    : content;\n});\n"]}