From ada61692f89ffcbf5e76b4e40a82a3a703b83a0d Mon Sep 17 00:00:00 2001 From: Eyetu Kingsley Date: Mon, 8 Dec 2025 01:49:59 +0100 Subject: [PATCH 1/3] fixed dependency issues --- package.json | 5 + pnpm-lock.yaml | 334 ++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 294 insertions(+), 45 deletions(-) diff --git a/package.json b/package.json index aa1519d..12ad1d6 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,11 @@ "start": "vinxi start", "version": "vinxi version" }, + "pnpm": { + "overrides": { + "package-manager-detector": "0.2.8" + } + }, "dependencies": { "@ark-ui/solid": "5.28.0", "@solidjs/meta": "0.29.4", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index aa7f844..23d9ed0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -4,6 +4,9 @@ settings: autoInstallPeers: true excludeLinksFromLockfile: false +overrides: + package-manager-detector: 0.2.8 + importers: .: @@ -19,13 +22,13 @@ importers: version: 0.15.4(solid-js@1.9.10) '@solidjs/start': specifier: 1.2.0 - version: 1.2.0(solid-js@1.9.10)(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) + version: 1.2.0(solid-js@1.9.10)(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) solid-js: specifier: 1.9.10 version: 1.9.10 vinxi: specifier: 0.5.8 - version: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) + version: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) devDependencies: '@biomejs/biome': specifier: 2.3.6 @@ -488,9 +491,15 @@ packages: '@pandacss/config@1.5.1': resolution: {integrity: sha512-aO+YVRlccLXuFC30DEO9ZDkvXwjbCXk1blIpii8PuclTAR0+YPq8xXVRTVK3fR3MiA0zROca8nAf5Kb+wHVKPw==} + '@pandacss/config@1.6.1': + resolution: {integrity: sha512-rcNJCIrBLXYSFyZ49cAmkAlgQCFPAKCsQfEuNHuv7KTuL+qyykpTcaN20ZQ3sXT/0mxM+bSzhlTye/wI5zngBw==} + '@pandacss/core@1.5.1': resolution: {integrity: sha512-okuvSm5o0gmQmkpLONH4ReqgBVOMMsfb9MyK8vpcZUpzvMBiraVcgsbLxKQyHlmVDZNbKLLokIycb8KEpqtIDQ==} + '@pandacss/core@1.6.1': + resolution: {integrity: sha512-k4hDOX0illxlZfrOLgTJD1qk4aKLCW7ppLdZvKZdd1VrxFIla3wurtwAQ42D1bP13LST2dnAUus+fmymQNw3zw==} + '@pandacss/dev@1.5.1': resolution: {integrity: sha512-U1NWO3ZgOLlABtDk6MMQwTNYOCiUtUg+HEoHPdEExLzNn+20mrLf1IZWJyn4zXKSpANGSi79EV7X4yxPa+W+MA==} hasBin: true @@ -501,12 +510,15 @@ packages: '@pandacss/generator@1.5.1': resolution: {integrity: sha512-kijxpjpvRQBz16BiBcghknthsdmVxSJD5C71jlcM4aVeqoZSCWDNcmlL/2SSCMy7oC6HANu2oRXS/L1YgYzHGA==} - '@pandacss/is-valid-prop@1.5.1': - resolution: {integrity: sha512-AlOt+MqqwDlIdVEdW6wEtvDmX8MmPv004oD+7tdGN54HKpD9jqrwPwwS9p7YQ7nai631JlyladshFHqe1xl7+w==} + '@pandacss/is-valid-prop@1.6.1': + resolution: {integrity: sha512-adOSTq2JekBkvblToblRtrGjEJUxDTH40HTo5Lm5+l2jygKIb1fXHgwRG6JnO/z1QIA4DaCZftMRyVcOfQhagQ==} '@pandacss/logger@1.5.1': resolution: {integrity: sha512-jC835vvSGIOxCZcqXH1alXdzO/ThUCE3HXGjt17mGli/QiVT3b/v83n/Cfz0wiHP3zSUlwVYaPAlXryepsQNWA==} + '@pandacss/logger@1.6.1': + resolution: {integrity: sha512-RJEErjZm2V5wiywZZ4+FfaMwC+boQGDRysvUeC5NYy7SmN8/B9r5JaRO2UBMuYPtmihXI1+WqV74hhrxWBoK4A==} + '@pandacss/node@1.5.1': resolution: {integrity: sha512-qgiydokbjWcSqzsuCP1LR91IOLs7JgsMJkgAbEim/PdVH3NbKNjCUx9mK8bt1JO3/GKNC+GfePpacxGLmt/p6w==} @@ -519,21 +531,36 @@ packages: '@pandacss/preset-base@1.5.1': resolution: {integrity: sha512-I8USdmUqPPkluznTFilbzLgXzU/+NEzeCvkwuwfi0QZlmGXOXnatM/7IUK7yatNikPx3neqmNh4o4WwWE04dGQ==} + '@pandacss/preset-base@1.6.1': + resolution: {integrity: sha512-KMIwDtRQJF2EwoCSrz0Mks6JD9Tioy09zGYcfDj91Va2dCsOaDpAyBDHBqmX6pfgHT4PnZWd0tg3Rh8bK7F5Qw==} + '@pandacss/preset-panda@1.5.1': resolution: {integrity: sha512-ZA/MhFK3O/fYIS4p2HDpyPMgCISAi+g5LoPzX/jQbQ5WGfkBS8sTmxIM/XapGNVHAzXFzYOTwqQ87KP3Siiozw==} + '@pandacss/preset-panda@1.6.1': + resolution: {integrity: sha512-NqkDEX0w59OSCFojGdtqRb1juTJmNLYR14PLhkVay38/ZMBCECPJhhCZxG26y+iOGXJRc8Do3TYiGvh7Qe7QMQ==} + '@pandacss/reporter@1.5.1': resolution: {integrity: sha512-fCgX/VN9ZDZpvfYJU+bdQpwoR48cMmhtTvPYJIek6KoANKXXJFbpgC5t2N6EtTkktg+3+unks3XpU3FvQdGHTQ==} '@pandacss/shared@1.5.1': resolution: {integrity: sha512-pTHbfT6N7vt6/BncGoMduCo4jnYOvyHC8XdSgV3mzStdGJqw+0R30jeULixYrv7HFGDXCNxzohQ2k8YGOk6UoQ==} + '@pandacss/shared@1.6.1': + resolution: {integrity: sha512-lfI6tIWh7SlO2DrAoPBnBexr4dbznI/XLFQE6txN9AiHxwuh/sFtpnn5ZTm3aMnrsFF2sQvHd61s4xLbQsXoNQ==} + '@pandacss/token-dictionary@1.5.1': resolution: {integrity: sha512-w/dSvEaskD7zYHYWbPdYG+zrFLVsYYYJl9hT2cE2spccgJCid40Ov/4/zuP67rC9rPfs7qETMy6ydTPGbCfZ5A==} + '@pandacss/token-dictionary@1.6.1': + resolution: {integrity: sha512-zPRjwsDDxAHVaaQFadtI9C34LWz+kAS9UJrQNrQjz14ULi8croeSenALx4m5M6nuxPDpAEIa98NxY4VqWrgGFQ==} + '@pandacss/types@1.5.1': resolution: {integrity: sha512-fUDPtP3+yW8q5gPC2UfDcrdd/QW3H24kNt5vD30f5dt0CGDGkSoRUP4iJVNViEfQS2MzfDCnYI+PFOCw3eeQFw==} + '@pandacss/types@1.6.1': + resolution: {integrity: sha512-H+BzBFf582mkmjuv4TckWA8zyMxrZSMvRdD9rLuv7ftddEA1dxf0Pj+jGE0VIGJU7+fc7TXR4nVk/kGUpqQ3ww==} + '@parcel/watcher-android-arm64@2.5.1': resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==} engines: {node: '>= 10.0.0'} @@ -1951,6 +1978,10 @@ packages: resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==} engines: {node: '>=12.13'} + is-what@5.5.0: + resolution: {integrity: sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw==} + engines: {node: '>=18'} + is-wsl@2.2.0: resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==} engines: {node: '>=8'} @@ -2024,64 +2055,134 @@ packages: resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==} engines: {node: '>= 0.6.3'} + lightningcss-android-arm64@1.30.2: + resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [android] + lightningcss-darwin-arm64@1.25.1: resolution: {integrity: sha512-G4Dcvv85bs5NLENcu/s1f7ehzE3D5ThnlWSDwE190tWXRQCQaqwcuHe+MGSVI/slm0XrxnaayXY+cNl3cSricw==} engines: {node: '>= 12.0.0'} cpu: [arm64] os: [darwin] + lightningcss-darwin-arm64@1.30.2: + resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + lightningcss-darwin-x64@1.25.1: resolution: {integrity: sha512-dYWuCzzfqRueDSmto6YU5SoGHvZTMU1Em9xvhcdROpmtOQLorurUZz8+xFxZ51lCO2LnYbfdjZ/gCqWEkwixNg==} engines: {node: '>= 12.0.0'} cpu: [x64] os: [darwin] + lightningcss-darwin-x64@1.30.2: + resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + lightningcss-freebsd-x64@1.25.1: resolution: {integrity: sha512-hXoy2s9A3KVNAIoKz+Fp6bNeY+h9c3tkcx1J3+pS48CqAt+5bI/R/YY4hxGL57fWAIquRjGKW50arltD6iRt/w==} engines: {node: '>= 12.0.0'} cpu: [x64] os: [freebsd] + lightningcss-freebsd-x64@1.30.2: + resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + lightningcss-linux-arm-gnueabihf@1.25.1: resolution: {integrity: sha512-tWyMgHFlHlp1e5iW3EpqvH5MvsgoN7ZkylBbG2R2LWxnvH3FuWCJOhtGcYx9Ks0Kv0eZOBud789odkYLhyf1ng==} engines: {node: '>= 12.0.0'} cpu: [arm] os: [linux] + lightningcss-linux-arm-gnueabihf@1.30.2: + resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + lightningcss-linux-arm64-gnu@1.25.1: resolution: {integrity: sha512-Xjxsx286OT9/XSnVLIsFEDyDipqe4BcLeB4pXQ/FEA5+2uWCCuAEarUNQumRucnj7k6ftkAHUEph5r821KBccQ==} engines: {node: '>= 12.0.0'} cpu: [arm64] os: [linux] + lightningcss-linux-arm64-gnu@1.30.2: + resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + lightningcss-linux-arm64-musl@1.25.1: resolution: {integrity: sha512-IhxVFJoTW8wq6yLvxdPvyHv4NjzcpN1B7gjxrY3uaykQNXPHNIpChLB52+wfH+yS58zm1PL4LemUp8u9Cfp6Bw==} engines: {node: '>= 12.0.0'} cpu: [arm64] os: [linux] + lightningcss-linux-arm64-musl@1.30.2: + resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + lightningcss-linux-x64-gnu@1.25.1: resolution: {integrity: sha512-RXIaru79KrREPEd6WLXfKfIp4QzoppZvD3x7vuTKkDA64PwTzKJ2jaC43RZHRt8BmyIkRRlmywNhTRMbmkPYpA==} engines: {node: '>= 12.0.0'} cpu: [x64] os: [linux] + lightningcss-linux-x64-gnu@1.30.2: + resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + lightningcss-linux-x64-musl@1.25.1: resolution: {integrity: sha512-TdcNqFsAENEEFr8fJWg0Y4fZ/nwuqTRsIr7W7t2wmDUlA8eSXVepeeONYcb+gtTj1RaXn/WgNLB45SFkz+XBZA==} engines: {node: '>= 12.0.0'} cpu: [x64] os: [linux] + lightningcss-linux-x64-musl@1.30.2: + resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-win32-arm64-msvc@1.30.2: + resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + lightningcss-win32-x64-msvc@1.25.1: resolution: {integrity: sha512-9KZZkmmy9oGDSrnyHuxP6iMhbsgChUiu/NSgOx+U1I/wTngBStDf2i2aGRCHvFqj19HqqBEI4WuGVQBa2V6e0A==} engines: {node: '>= 12.0.0'} cpu: [x64] os: [win32] + lightningcss-win32-x64-msvc@1.30.2: + resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + lightningcss@1.25.1: resolution: {integrity: sha512-V0RMVZzK1+rCHpymRv4URK2lNhIRyO8g7U7zOFwVAhJuat74HtkjIQpQRKNCwFEYkRGpafOpmXXLoaoBcyVtBg==} engines: {node: '>= 12.0.0'} + lightningcss@1.30.2: + resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==} + engines: {node: '>= 12.0.0'} + listhen@1.9.0: resolution: {integrity: sha512-I8oW2+QL5KJo8zXNWX046M134WchxsXC7SawLPvRQpogCbkyQIaFxPE89A2HiwR7vAK2Dm2ERBAmyjTYGYEpBg==} hasBin: true @@ -2139,6 +2240,10 @@ packages: resolution: {integrity: sha512-eRtbOb1N5iyH0tkQDAoQ4Ipsp/5qSR79Dzrz8hEPxRX10RWWR/iQXdoKmBSRCThY1Fh5EhISDtpSc93fpxUniQ==} engines: {node: '>=12.13'} + merge-anything@6.0.6: + resolution: {integrity: sha512-F3K1W45PvTjRZzbcYIhXntNr8cux00gUxR8IzNPPG+80gNlAHZGVBwFyN4x5yjw/7QkLPKDbRQBK4KrJKo69mw==} + engines: {node: '>=18'} + merge-stream@2.0.0: resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==} @@ -2321,8 +2426,8 @@ packages: package-json-from-dist@1.0.1: resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==} - package-manager-detector@1.5.0: - resolution: {integrity: sha512-uBj69dVlYe/+wxj8JOpr97XfsxH/eumMt6HqjNTmJDf/6NO9s+0uxeOneIz3AsPt2m6y9PqzDzd3ATcU17MNfw==} + package-manager-detector@0.2.8: + resolution: {integrity: sha512-ts9KSdroZisdvKMWVAVCXiKqnqNfXz4+IbrBG8/BWx/TR5le+jfenvoBuIZ6UWM9nz47W7AbD9qYfAwfWMIwzA==} parse5@7.3.0: resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==} @@ -2414,6 +2519,12 @@ packages: peerDependencies: postcss: ^8.4.32 + postcss-merge-rules@7.0.7: + resolution: {integrity: sha512-njWJrd/Ms6XViwowaaCc+/vqhPG3SmXn725AGrnl+BgTuRPEacjiLEaGq16J6XirMJbtKkTwnt67SS+e2WGoew==} + engines: {node: ^18.12.0 || ^20.9.0 || >=22.0} + peerDependencies: + postcss: ^8.4.32 + postcss-minify-selectors@7.0.5: resolution: {integrity: sha512-x2/IvofHcdIrAm9Q+p06ZD1h6FPcQ32WtCRVodJLDR+WMn8EVHI1kvLxZuGKz/9EY5nAmI6lIQIrpo4tBy5+ug==} engines: {node: ^18.12.0 || ^20.9.0 || >=22.0} @@ -2436,6 +2547,10 @@ packages: resolution: {integrity: sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==} engines: {node: '>=4'} + postcss-selector-parser@7.1.1: + resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==} + engines: {node: '>=4'} + postcss-value-parser@4.2.0: resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} @@ -3455,13 +3570,13 @@ snapshots: '@csstools/postcss-cascade-layers@5.0.2(postcss@8.5.6)': dependencies: - '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.0) + '@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.1.1) postcss: 8.5.6 - postcss-selector-parser: 7.1.0 + postcss-selector-parser: 7.1.1 - '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.1.0)': + '@csstools/selector-specificity@5.0.0(postcss-selector-parser@7.1.1)': dependencies: - postcss-selector-parser: 7.1.0 + postcss-selector-parser: 7.1.1 '@deno/shim-deno-test@0.5.0': {} @@ -3650,10 +3765,23 @@ snapshots: microdiff: 1.5.0 typescript: 5.9.3 + '@pandacss/config@1.6.1': + dependencies: + '@pandacss/logger': 1.6.1 + '@pandacss/preset-base': 1.6.1 + '@pandacss/preset-panda': 1.6.1 + '@pandacss/shared': 1.6.1 + '@pandacss/types': 1.6.1 + bundle-n-require: 1.1.2 + escalade: 3.2.0 + merge-anything: 6.0.6 + microdiff: 1.5.0 + typescript: 5.9.3 + '@pandacss/core@1.5.1': dependencies: '@csstools/postcss-cascade-layers': 5.0.2(postcss@8.5.6) - '@pandacss/is-valid-prop': 1.5.1 + '@pandacss/is-valid-prop': 1.6.1 '@pandacss/logger': 1.5.1 '@pandacss/shared': 1.5.1 '@pandacss/token-dictionary': 1.5.1 @@ -3673,6 +3801,29 @@ snapshots: postcss-selector-parser: 7.1.0 ts-pattern: 5.9.0 + '@pandacss/core@1.6.1': + dependencies: + '@csstools/postcss-cascade-layers': 5.0.2(postcss@8.5.6) + '@pandacss/is-valid-prop': 1.6.1 + '@pandacss/logger': 1.6.1 + '@pandacss/shared': 1.6.1 + '@pandacss/token-dictionary': 1.6.1 + '@pandacss/types': 1.6.1 + browserslist: 4.28.0 + hookable: 5.5.3 + lightningcss: 1.30.2 + lodash.merge: 4.6.2 + outdent: 0.8.0 + postcss: 8.5.6 + postcss-discard-duplicates: 7.0.2(postcss@8.5.6) + postcss-discard-empty: 7.0.1(postcss@8.5.6) + postcss-merge-rules: 7.0.7(postcss@8.5.6) + postcss-minify-selectors: 7.0.5(postcss@8.5.6) + postcss-nested: 7.0.2(postcss@8.5.6) + postcss-normalize-whitespace: 7.0.1(postcss@8.5.6) + postcss-selector-parser: 7.1.1 + ts-pattern: 5.9.0 + '@pandacss/dev@1.5.1(typescript@5.9.3)': dependencies: '@clack/prompts': 0.11.0 @@ -3702,7 +3853,7 @@ snapshots: '@pandacss/generator@1.5.1': dependencies: '@pandacss/core': 1.5.1 - '@pandacss/is-valid-prop': 1.5.1 + '@pandacss/is-valid-prop': 1.6.1 '@pandacss/logger': 1.5.1 '@pandacss/shared': 1.5.1 '@pandacss/token-dictionary': 1.5.1 @@ -3713,13 +3864,18 @@ snapshots: postcss: 8.5.6 ts-pattern: 5.9.0 - '@pandacss/is-valid-prop@1.5.1': {} + '@pandacss/is-valid-prop@1.6.1': {} '@pandacss/logger@1.5.1': dependencies: '@pandacss/types': 1.5.1 kleur: 4.1.5 + '@pandacss/logger@1.6.1': + dependencies: + '@pandacss/types': 1.6.1 + kleur: 4.1.5 + '@pandacss/node@1.5.1(typescript@5.9.3)': dependencies: '@pandacss/config': 1.5.1 @@ -3740,7 +3896,7 @@ snapshots: lodash.merge: 4.6.2 look-it-up: 2.1.0 outdent: 0.8.0 - package-manager-detector: 1.5.0 + package-manager-detector: 0.2.8 perfect-debounce: 1.0.0 picomatch: 4.0.3 pkg-types: 2.3.0 @@ -3756,8 +3912,8 @@ snapshots: '@pandacss/parser@1.5.1(typescript@5.9.3)': dependencies: - '@pandacss/config': 1.5.1 - '@pandacss/core': 1.5.1 + '@pandacss/config': 1.6.1 + '@pandacss/core': 1.6.1 '@pandacss/extractor': 1.5.1(typescript@5.9.3) '@pandacss/logger': 1.5.1 '@pandacss/shared': 1.5.1 @@ -3782,10 +3938,18 @@ snapshots: dependencies: '@pandacss/types': 1.5.1 + '@pandacss/preset-base@1.6.1': + dependencies: + '@pandacss/types': 1.6.1 + '@pandacss/preset-panda@1.5.1': dependencies: '@pandacss/types': 1.5.1 + '@pandacss/preset-panda@1.6.1': + dependencies: + '@pandacss/types': 1.6.1 + '@pandacss/reporter@1.5.1': dependencies: '@pandacss/core': 1.5.1 @@ -3798,16 +3962,28 @@ snapshots: '@pandacss/shared@1.5.1': {} + '@pandacss/shared@1.6.1': {} + '@pandacss/token-dictionary@1.5.1': dependencies: - '@pandacss/logger': 1.5.1 + '@pandacss/logger': 1.6.1 '@pandacss/shared': 1.5.1 '@pandacss/types': 1.5.1 picomatch: 4.0.3 ts-pattern: 5.9.0 + '@pandacss/token-dictionary@1.6.1': + dependencies: + '@pandacss/logger': 1.6.1 + '@pandacss/shared': 1.6.1 + '@pandacss/types': 1.6.1 + picomatch: 4.0.3 + ts-pattern: 5.9.0 + '@pandacss/types@1.5.1': {} + '@pandacss/types@1.6.1': {} + '@parcel/watcher-android-arm64@2.5.1': optional: true @@ -4073,11 +4249,11 @@ snapshots: dependencies: solid-js: 1.9.10 - '@solidjs/start@1.2.0(solid-js@1.9.10)(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))': + '@solidjs/start@1.2.0(solid-js@1.9.10)(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))': dependencies: - '@tanstack/server-functions-plugin': 1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) - '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) - '@vinxi/server-components': 0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) + '@tanstack/server-functions-plugin': 1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) + '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) + '@vinxi/server-components': 0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) cookie-es: 2.0.0 defu: 6.1.4 error-stack-parser: 2.1.4 @@ -4089,8 +4265,8 @@ snapshots: source-map-js: 1.2.1 terracotta: 1.0.6(solid-js@1.9.10) tinyglobby: 0.2.15 - vinxi: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) - vite-plugin-solid: 2.11.10(solid-js@1.9.10)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) + vinxi: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) + vite-plugin-solid: 2.11.10(solid-js@1.9.10)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) transitivePeerDependencies: - '@testing-library/jest-dom' - solid-js @@ -4103,7 +4279,7 @@ snapshots: dependencies: tslib: 2.8.1 - '@tanstack/directive-functions-plugin@1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))': + '@tanstack/directive-functions-plugin@1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))': dependencies: '@babel/code-frame': 7.26.2 '@babel/core': 7.28.5 @@ -4112,7 +4288,7 @@ snapshots: '@tanstack/router-utils': 1.133.19 babel-dead-code-elimination: 1.0.10 tiny-invariant: 1.3.3 - vite: 6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) + vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) transitivePeerDependencies: - supports-color @@ -4129,7 +4305,7 @@ snapshots: transitivePeerDependencies: - supports-color - '@tanstack/server-functions-plugin@1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))': + '@tanstack/server-functions-plugin@1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))': dependencies: '@babel/code-frame': 7.26.2 '@babel/core': 7.28.5 @@ -4138,7 +4314,7 @@ snapshots: '@babel/template': 7.27.2 '@babel/traverse': 7.28.5 '@babel/types': 7.28.5 - '@tanstack/directive-functions-plugin': 1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) + '@tanstack/directive-functions-plugin': 1.121.21(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) babel-dead-code-elimination: 1.0.10 tiny-invariant: 1.3.3 transitivePeerDependencies: @@ -4235,7 +4411,7 @@ snapshots: untun: 0.1.3 uqr: 0.1.2 - '@vinxi/plugin-directives@0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))': + '@vinxi/plugin-directives@0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))': dependencies: '@babel/parser': 7.28.5 acorn: 8.15.0 @@ -4246,18 +4422,18 @@ snapshots: magicast: 0.2.11 recast: 0.23.11 tslib: 2.8.1 - vinxi: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) + vinxi: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) - '@vinxi/server-components@0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1))': + '@vinxi/server-components@0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1))': dependencies: - '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) + '@vinxi/plugin-directives': 0.5.1(vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) acorn: 8.15.0 acorn-loose: 8.5.2 acorn-typescript: 1.4.13(acorn@8.15.0) astring: 1.9.0 magicast: 0.2.11 recast: 0.23.11 - vinxi: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) + vinxi: 0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) '@vue/compiler-core@3.5.22': dependencies: @@ -5527,6 +5703,8 @@ snapshots: is-what@4.1.16: {} + is-what@5.5.0: {} + is-wsl@2.2.0: dependencies: is-docker: 2.2.1 @@ -5583,33 +5761,66 @@ snapshots: dependencies: readable-stream: 2.3.8 + lightningcss-android-arm64@1.30.2: + optional: true + lightningcss-darwin-arm64@1.25.1: optional: true + lightningcss-darwin-arm64@1.30.2: + optional: true + lightningcss-darwin-x64@1.25.1: optional: true + lightningcss-darwin-x64@1.30.2: + optional: true + lightningcss-freebsd-x64@1.25.1: optional: true + lightningcss-freebsd-x64@1.30.2: + optional: true + lightningcss-linux-arm-gnueabihf@1.25.1: optional: true + lightningcss-linux-arm-gnueabihf@1.30.2: + optional: true + lightningcss-linux-arm64-gnu@1.25.1: optional: true + lightningcss-linux-arm64-gnu@1.30.2: + optional: true + lightningcss-linux-arm64-musl@1.25.1: optional: true + lightningcss-linux-arm64-musl@1.30.2: + optional: true + lightningcss-linux-x64-gnu@1.25.1: optional: true + lightningcss-linux-x64-gnu@1.30.2: + optional: true + lightningcss-linux-x64-musl@1.25.1: optional: true + lightningcss-linux-x64-musl@1.30.2: + optional: true + + lightningcss-win32-arm64-msvc@1.30.2: + optional: true + lightningcss-win32-x64-msvc@1.25.1: optional: true + lightningcss-win32-x64-msvc@1.30.2: + optional: true + lightningcss@1.25.1: dependencies: detect-libc: 1.0.3 @@ -5624,6 +5835,22 @@ snapshots: lightningcss-linux-x64-musl: 1.25.1 lightningcss-win32-x64-msvc: 1.25.1 + lightningcss@1.30.2: + dependencies: + detect-libc: 2.1.2 + optionalDependencies: + lightningcss-android-arm64: 1.30.2 + lightningcss-darwin-arm64: 1.30.2 + lightningcss-darwin-x64: 1.30.2 + lightningcss-freebsd-x64: 1.30.2 + lightningcss-linux-arm-gnueabihf: 1.30.2 + lightningcss-linux-arm64-gnu: 1.30.2 + lightningcss-linux-arm64-musl: 1.30.2 + lightningcss-linux-x64-gnu: 1.30.2 + lightningcss-linux-x64-musl: 1.30.2 + lightningcss-win32-arm64-msvc: 1.30.2 + lightningcss-win32-x64-msvc: 1.30.2 + listhen@1.9.0: dependencies: '@parcel/watcher': 2.5.1 @@ -5709,6 +5936,10 @@ snapshots: dependencies: is-what: 4.1.16 + merge-anything@6.0.6: + dependencies: + is-what: 5.5.0 + merge-stream@2.0.0: {} merge2@1.4.1: {} @@ -5956,7 +6187,7 @@ snapshots: package-json-from-dist@1.0.1: {} - package-manager-detector@1.5.0: {} + package-manager-detector@0.2.8: {} parse5@7.3.0: dependencies: @@ -6027,18 +6258,26 @@ snapshots: caniuse-api: 3.0.0 cssnano-utils: 5.0.1(postcss@8.5.6) postcss: 8.5.6 - postcss-selector-parser: 7.1.0 + postcss-selector-parser: 7.1.1 + + postcss-merge-rules@7.0.7(postcss@8.5.6): + dependencies: + browserslist: 4.28.0 + caniuse-api: 3.0.0 + cssnano-utils: 5.0.1(postcss@8.5.6) + postcss: 8.5.6 + postcss-selector-parser: 7.1.1 postcss-minify-selectors@7.0.5(postcss@8.5.6): dependencies: cssesc: 3.0.0 postcss: 8.5.6 - postcss-selector-parser: 7.1.0 + postcss-selector-parser: 7.1.1 postcss-nested@7.0.2(postcss@8.5.6): dependencies: postcss: 8.5.6 - postcss-selector-parser: 7.1.0 + postcss-selector-parser: 7.1.1 postcss-normalize-whitespace@7.0.1(postcss@8.5.6): dependencies: @@ -6050,6 +6289,11 @@ snapshots: cssesc: 3.0.0 util-deprecate: 1.0.2 + postcss-selector-parser@7.1.1: + dependencies: + cssesc: 3.0.0 + util-deprecate: 1.0.2 + postcss-value-parser@4.2.0: {} postcss@8.5.6: @@ -6652,7 +6896,7 @@ snapshots: '@types/unist': 3.0.3 vfile-message: 4.0.3 - vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1): + vinxi@0.5.8(db0@0.3.4)(ioredis@5.8.2)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1): dependencies: '@babel/core': 7.28.5 '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.5) @@ -6686,7 +6930,7 @@ snapshots: unctx: 2.4.1 unenv: 1.10.0 unstorage: 1.17.2(db0@0.3.4)(ioredis@5.8.2) - vite: 6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) + vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) zod: 3.25.76 transitivePeerDependencies: - '@azure/app-configuration' @@ -6733,7 +6977,7 @@ snapshots: - xml2js - yaml - vite-plugin-solid@2.11.10(solid-js@1.9.10)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)): + vite-plugin-solid@2.11.10(solid-js@1.9.10)(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)): dependencies: '@babel/core': 7.28.5 '@types/babel__core': 7.20.5 @@ -6741,12 +6985,12 @@ snapshots: merge-anything: 5.1.7 solid-js: 1.9.10 solid-refresh: 0.6.3(solid-js@1.9.10) - vite: 6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) - vitefu: 1.1.1(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)) + vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) + vitefu: 1.1.1(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)) transitivePeerDependencies: - supports-color - vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1): + vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1): dependencies: esbuild: 0.25.12 fdir: 6.5.0(picomatch@4.0.3) @@ -6757,12 +7001,12 @@ snapshots: optionalDependencies: fsevents: 2.3.3 jiti: 2.6.1 - lightningcss: 1.25.1 + lightningcss: 1.30.2 terser: 5.44.1 - vitefu@1.1.1(vite@6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1)): + vitefu@1.1.1(vite@6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1)): optionalDependencies: - vite: 6.4.1(jiti@2.6.1)(lightningcss@1.25.1)(terser@5.44.1) + vite: 6.4.1(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.1) webidl-conversions@3.0.1: {} From be21f149c1f78ca95790df00ad27638c2b17eccc Mon Sep 17 00:00:00 2001 From: Eyetu Kingsley Date: Mon, 8 Dec 2025 02:02:41 +0100 Subject: [PATCH 2/3] added all park-ui components & changed react import to solid --- src/components/ui/accordion.tsx | 21 +++ src/components/ui/alert.tsx | 24 +++ src/components/ui/avatar.tsx | 54 ++++++ src/components/ui/badge.tsx | 7 + src/components/ui/breadcrumb.tsx | 31 ++++ src/components/ui/card.tsx | 14 ++ src/components/ui/carousel.tsx | 33 ++++ src/components/ui/checkbox.tsx | 47 +++++ src/components/ui/clipboard.tsx | 37 ++++ src/components/ui/close-button.tsx | 15 ++ src/components/ui/code.tsx | 7 + src/components/ui/collapsible.tsx | 15 ++ src/components/ui/color-picker.tsx | 41 +++++ src/components/ui/combobox.tsx | 54 ++++++ src/components/ui/date-picker.tsx | 35 ++++ src/components/ui/dialog.tsx | 35 ++++ src/components/ui/drawer.tsx | 28 +++ src/components/ui/editable.tsx | 20 +++ src/components/ui/field.tsx | 16 ++ src/components/ui/fieldset.tsx | 18 ++ src/components/ui/file-upload.tsx | 112 ++++++++++++ src/components/ui/heading.tsx | 9 + src/components/ui/hover-card.tsx | 17 ++ src/components/ui/icon-button.tsx | 7 + src/components/ui/icon.tsx | 7 + src/components/ui/image.tsx | 29 ++++ src/components/ui/input-addon.tsx | 7 + src/components/ui/input-group.tsx | 35 ++++ src/components/ui/input.tsx | 7 + src/components/ui/kbd.tsx | 7 + src/components/ui/link.tsx | 7 + src/components/ui/menu.tsx | 53 ++++++ src/components/ui/number-input.tsx | 33 ++++ src/components/ui/pagination.tsx | 51 ++++++ src/components/ui/pin-input.tsx | 18 ++ src/components/ui/popover.tsx | 33 ++++ src/components/ui/progress.tsx | 18 ++ src/components/ui/radio-card-group.tsx | 18 ++ src/components/ui/radio-group.tsx | 20 +++ src/components/ui/rating-group.tsx | 80 +++++++++ src/components/ui/scroll-area.tsx | 21 +++ src/components/ui/segment-group.tsx | 53 ++++++ src/components/ui/select.tsx | 54 ++++++ src/components/ui/skeleton.tsx | 38 ++++ src/components/ui/slider.tsx | 67 +++++++ src/components/ui/span.tsx | 5 + src/components/ui/splitter.tsx | 14 ++ src/components/ui/switch.tsx | 56 ++++++ src/components/ui/table.tsx | 16 ++ src/components/ui/tabs.tsx | 16 ++ src/components/ui/tags-input.tsx | 48 +++++ src/components/ui/text.tsx | 9 + src/components/ui/textarea.tsx | 7 + src/components/ui/toast.tsx | 82 +++++++++ src/components/ui/toggle-group.tsx | 13 ++ src/components/ui/tooltip.tsx | 80 +++++++++ src/theme/recipes/accordion.ts | 90 ++++++++++ src/theme/recipes/alert.ts | 112 ++++++++++++ src/theme/recipes/avatar.ts | 152 ++++++++++++++++ src/theme/recipes/badge.ts | 48 +++++ src/theme/recipes/breadcrumb.ts | 77 +++++++++ src/theme/recipes/card.ts | 68 ++++++++ src/theme/recipes/carousel.ts | 75 ++++++++ src/theme/recipes/checkbox.ts | 110 ++++++++++++ src/theme/recipes/clipboard.ts | 21 +++ src/theme/recipes/code.ts | 51 ++++++ src/theme/recipes/collapsible.ts | 20 +++ src/theme/recipes/color-picker.ts | 89 ++++++++++ src/theme/recipes/combobox.ts | 190 ++++++++++++++++++++ src/theme/recipes/date-picker.ts | 91 ++++++++++ src/theme/recipes/dialog.ts | 210 ++++++++++++++++++++++ src/theme/recipes/drawer.ts | 202 +++++++++++++++++++++ src/theme/recipes/editable.ts | 74 ++++++++ src/theme/recipes/field.ts | 40 +++++ src/theme/recipes/fieldset.ts | 46 +++++ src/theme/recipes/file-upload.ts | 85 +++++++++ src/theme/recipes/heading.ts | 8 + src/theme/recipes/hover-card.ts | 41 +++++ src/theme/recipes/icon.ts | 25 +++ src/theme/recipes/index.ts | 106 +++++++++++- src/theme/recipes/input-addon.ts | 42 +++++ src/theme/recipes/input-group.ts | 66 +++++++ src/theme/recipes/input.ts | 89 ++++++++++ src/theme/recipes/kbd.ts | 55 ++++++ src/theme/recipes/link.ts | 42 +++++ src/theme/recipes/menu.ts | 123 +++++++++++++ src/theme/recipes/number-input.ts | 108 ++++++++++++ src/theme/recipes/pagination.ts | 8 + src/theme/recipes/pin-input.ts | 53 ++++++ src/theme/recipes/popover.ts | 71 ++++++++ src/theme/recipes/progress.ts | 120 +++++++++++++ src/theme/recipes/radio-card-group.ts | 148 ++++++++++++++++ src/theme/recipes/radio-group.ts | 82 +++++++++ src/theme/recipes/rating-group.ts | 77 +++++++++ src/theme/recipes/scroll-area.ts | 118 +++++++++++++ src/theme/recipes/segment-group.ts | 111 ++++++++++++ src/theme/recipes/select.ts | 174 +++++++++++++++++++ src/theme/recipes/skeleton.ts | 64 +++++++ src/theme/recipes/slider.ts | 174 +++++++++++++++++++ src/theme/recipes/splitter.ts | 32 ++++ src/theme/recipes/switch.ts | 141 +++++++++++++++ src/theme/recipes/table.ts | 110 ++++++++++++ src/theme/recipes/tabs.ts | 177 +++++++++++++++++++ src/theme/recipes/tags-input.ts | 231 +++++++++++++++++++++++++ src/theme/recipes/text.ts | 6 + src/theme/recipes/textarea.ts | 82 +++++++++ src/theme/recipes/toast.ts | 51 ++++++ src/theme/recipes/toggle-group.ts | 22 +++ src/theme/recipes/tooltip.ts | 38 ++++ 109 files changed, 6344 insertions(+), 1 deletion(-) create mode 100644 src/components/ui/accordion.tsx create mode 100644 src/components/ui/alert.tsx create mode 100644 src/components/ui/avatar.tsx create mode 100644 src/components/ui/badge.tsx create mode 100644 src/components/ui/breadcrumb.tsx create mode 100644 src/components/ui/card.tsx create mode 100644 src/components/ui/carousel.tsx create mode 100644 src/components/ui/checkbox.tsx create mode 100644 src/components/ui/clipboard.tsx create mode 100644 src/components/ui/close-button.tsx create mode 100644 src/components/ui/code.tsx create mode 100644 src/components/ui/collapsible.tsx create mode 100644 src/components/ui/color-picker.tsx create mode 100644 src/components/ui/combobox.tsx create mode 100644 src/components/ui/date-picker.tsx create mode 100644 src/components/ui/dialog.tsx create mode 100644 src/components/ui/drawer.tsx create mode 100644 src/components/ui/editable.tsx create mode 100644 src/components/ui/field.tsx create mode 100644 src/components/ui/fieldset.tsx create mode 100644 src/components/ui/file-upload.tsx create mode 100644 src/components/ui/heading.tsx create mode 100644 src/components/ui/hover-card.tsx create mode 100644 src/components/ui/icon-button.tsx create mode 100644 src/components/ui/icon.tsx create mode 100644 src/components/ui/image.tsx create mode 100644 src/components/ui/input-addon.tsx create mode 100644 src/components/ui/input-group.tsx create mode 100644 src/components/ui/input.tsx create mode 100644 src/components/ui/kbd.tsx create mode 100644 src/components/ui/link.tsx create mode 100644 src/components/ui/menu.tsx create mode 100644 src/components/ui/number-input.tsx create mode 100644 src/components/ui/pagination.tsx create mode 100644 src/components/ui/pin-input.tsx create mode 100644 src/components/ui/popover.tsx create mode 100644 src/components/ui/progress.tsx create mode 100644 src/components/ui/radio-card-group.tsx create mode 100644 src/components/ui/radio-group.tsx create mode 100644 src/components/ui/rating-group.tsx create mode 100644 src/components/ui/scroll-area.tsx create mode 100644 src/components/ui/segment-group.tsx create mode 100644 src/components/ui/select.tsx create mode 100644 src/components/ui/skeleton.tsx create mode 100644 src/components/ui/slider.tsx create mode 100644 src/components/ui/span.tsx create mode 100644 src/components/ui/splitter.tsx create mode 100644 src/components/ui/switch.tsx create mode 100644 src/components/ui/table.tsx create mode 100644 src/components/ui/tabs.tsx create mode 100644 src/components/ui/tags-input.tsx create mode 100644 src/components/ui/text.tsx create mode 100644 src/components/ui/textarea.tsx create mode 100644 src/components/ui/toast.tsx create mode 100644 src/components/ui/toggle-group.tsx create mode 100644 src/components/ui/tooltip.tsx create mode 100644 src/theme/recipes/accordion.ts create mode 100644 src/theme/recipes/alert.ts create mode 100644 src/theme/recipes/avatar.ts create mode 100644 src/theme/recipes/badge.ts create mode 100644 src/theme/recipes/breadcrumb.ts create mode 100644 src/theme/recipes/card.ts create mode 100644 src/theme/recipes/carousel.ts create mode 100644 src/theme/recipes/checkbox.ts create mode 100644 src/theme/recipes/clipboard.ts create mode 100644 src/theme/recipes/code.ts create mode 100644 src/theme/recipes/collapsible.ts create mode 100644 src/theme/recipes/color-picker.ts create mode 100644 src/theme/recipes/combobox.ts create mode 100644 src/theme/recipes/date-picker.ts create mode 100644 src/theme/recipes/dialog.ts create mode 100644 src/theme/recipes/drawer.ts create mode 100644 src/theme/recipes/editable.ts create mode 100644 src/theme/recipes/field.ts create mode 100644 src/theme/recipes/fieldset.ts create mode 100644 src/theme/recipes/file-upload.ts create mode 100644 src/theme/recipes/heading.ts create mode 100644 src/theme/recipes/hover-card.ts create mode 100644 src/theme/recipes/icon.ts create mode 100644 src/theme/recipes/input-addon.ts create mode 100644 src/theme/recipes/input-group.ts create mode 100644 src/theme/recipes/input.ts create mode 100644 src/theme/recipes/kbd.ts create mode 100644 src/theme/recipes/link.ts create mode 100644 src/theme/recipes/menu.ts create mode 100644 src/theme/recipes/number-input.ts create mode 100644 src/theme/recipes/pagination.ts create mode 100644 src/theme/recipes/pin-input.ts create mode 100644 src/theme/recipes/popover.ts create mode 100644 src/theme/recipes/progress.ts create mode 100644 src/theme/recipes/radio-card-group.ts create mode 100644 src/theme/recipes/radio-group.ts create mode 100644 src/theme/recipes/rating-group.ts create mode 100644 src/theme/recipes/scroll-area.ts create mode 100644 src/theme/recipes/segment-group.ts create mode 100644 src/theme/recipes/select.ts create mode 100644 src/theme/recipes/skeleton.ts create mode 100644 src/theme/recipes/slider.ts create mode 100644 src/theme/recipes/splitter.ts create mode 100644 src/theme/recipes/switch.ts create mode 100644 src/theme/recipes/table.ts create mode 100644 src/theme/recipes/tabs.ts create mode 100644 src/theme/recipes/tags-input.ts create mode 100644 src/theme/recipes/text.ts create mode 100644 src/theme/recipes/textarea.ts create mode 100644 src/theme/recipes/toast.ts create mode 100644 src/theme/recipes/toggle-group.ts create mode 100644 src/theme/recipes/tooltip.ts diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx new file mode 100644 index 0000000..07ae292 --- /dev/null +++ b/src/components/ui/accordion.tsx @@ -0,0 +1,21 @@ +import { Accordion } from '@ark-ui/solid/accordion' +import { ark } from '@ark-ui/solid/factory' +import { ChevronDownIcon } from 'lucide-solid' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { accordion } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(accordion) + +export type RootProps = ComponentProps +export const Root = withProvider(Accordion.Root, 'root') +export const RootProvider = withProvider(Accordion.RootProvider, 'root') +export const Item = withContext(Accordion.Item, 'item') +export const ItemContent = withContext(Accordion.ItemContent, 'itemContent') +export const ItemIndicator = withContext(Accordion.ItemIndicator, 'itemIndicator', { + defaultProps: () => ({ children: }), +}) +export const ItemTrigger = withContext(Accordion.ItemTrigger, 'itemTrigger') +export const ItemBody = withContext(ark.div, 'itemBody') + +export { AccordionContext as Context } from '@ark-ui/solid/accordion' diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx new file mode 100644 index 0000000..10e3774 --- /dev/null +++ b/src/components/ui/alert.tsx @@ -0,0 +1,24 @@ +import { ark } from '@ark-ui/solid/factory' +import { InfoIcon } from 'lucide-solid' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { alert } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(alert) + +export type RootProps = ComponentProps +export const Root = withProvider(ark.div, 'root') +export const Title = withContext(ark.h3, 'title') +export const Description = withContext(ark.div, 'description') +export const Content = withContext(ark.div, 'content') + +type IndicatorProps = ComponentProps +const StyledIndicator = withContext(ark.span, 'indicator') + +export const Indicator = (props: IndicatorProps) => { + return ( + + + + ) +} diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx new file mode 100644 index 0000000..e57f499 --- /dev/null +++ b/src/components/ui/avatar.tsx @@ -0,0 +1,54 @@ +import { Avatar } from '@ark-ui/solid/avatar' +import { UserIcon } from 'lucide-solid' +import { type ComponentProps, type JSX, splitProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { avatar } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(avatar) + +export type RootProps = ComponentProps +export const Root = withProvider(Avatar.Root, 'root') +export const RootProvider = withProvider(Avatar.RootProvider, 'root') +export const Image = withContext(Avatar.Image, 'image', { + defaultProps: () => + ({ + draggable: 'false', + referrerPolicy: 'no-referrer', + }) as const, +}) + +export { AvatarContext as Context } from '@ark-ui/solid/avatar' + +export interface FallbackProps extends ComponentProps { + /** + * The name to derive the initials from. + * If not provided, the fallback will display a generic icon. + */ + name?: string | undefined + children?: JSX.Element +} + +const StyledFallback = withContext(Avatar.Fallback, 'fallback') + +export const Fallback = (props: FallbackProps) => { + const [local, rest] = splitProps(props, ['name', 'children', 'asChild']) + + const fallbackContent = () => { + if (local.children || local.asChild) { + return local.children + } + if (local.name) { + return getInitials(local.name) + } + return + } + + return {fallbackContent()} +} + +const getInitials = (name: string) => { + const names = name.trim().split(' ') + const firstName = names[0] || '' + const lastName = names.length > 1 ? names[names.length - 1] : '' + return firstName && lastName ? `${firstName[0]}${lastName[0]}` : firstName[0] +} diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx new file mode 100644 index 0000000..7362709 --- /dev/null +++ b/src/components/ui/badge.tsx @@ -0,0 +1,7 @@ +import { ark } from '@ark-ui/solid/factory' +import type { ComponentProps } from 'solid-js' +import { styled } from 'styled-system/jsx' +import { badge } from 'styled-system/recipes' + +export type BadgeProps = ComponentProps +export const Badge = styled(ark.div, badge) diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx new file mode 100644 index 0000000..a6b15d0 --- /dev/null +++ b/src/components/ui/breadcrumb.tsx @@ -0,0 +1,31 @@ +import { ark } from '@ark-ui/solid/factory' +import { ChevronRightIcon } from 'lucide-solid' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { breadcrumb } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(breadcrumb) + +export type RootProps = ComponentProps + +export const Root = withProvider(ark.nav, 'root', { + defaultProps: () => ({ 'aria-label': 'breadcrumb' }), +}) +export const List = withContext(ark.ol, 'list') +export const Item = withContext(ark.li, 'item') +export const Link = withContext(ark.a, 'link') +export const Ellipsis = withContext(ark.li, 'ellipsis', { + defaultProps: () => + ({ + role: 'presentation', + 'aria-hidden': true, + children: '...', + }) as const, +}) + +export const Separator = withContext(ark.li, 'separator', { + defaultProps: () => ({ + 'aria-hidden': true, + children: , + }), +}) diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx new file mode 100644 index 0000000..45d6a3e --- /dev/null +++ b/src/components/ui/card.tsx @@ -0,0 +1,14 @@ +import { ark } from '@ark-ui/solid/factory' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { card } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(card) + +export type RootProps = ComponentProps +export const Root = withProvider(ark.div, 'root') +export const Header = withContext(ark.div, 'header') +export const Body = withContext(ark.div, 'body') +export const Footer = withContext(ark.h3, 'footer') +export const Title = withContext(ark.h3, 'title') +export const Description = withContext(ark.div, 'description') diff --git a/src/components/ui/carousel.tsx b/src/components/ui/carousel.tsx new file mode 100644 index 0000000..78c334e --- /dev/null +++ b/src/components/ui/carousel.tsx @@ -0,0 +1,33 @@ +import { Carousel, useCarouselContext } from '@ark-ui/solid/carousel' +import { type ComponentProps, For } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { carousel } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(carousel) + +export type RootProps = ComponentProps +export const Root = withProvider(Carousel.Root, 'root', { + forwardProps: ['page'], + defaultProps: () => ({ spacing: '16px' }), +}) +export const RootProvider = withProvider(Carousel.RootProvider, 'root') +export const AutoplayTrigger = withContext(Carousel.AutoplayTrigger, 'autoplayTrigger') +export const Control = withContext(Carousel.Control, 'control') +export const Indicator = withContext(Carousel.Indicator, 'indicator') +export const Item = withContext(Carousel.Item, 'item') +export const ItemGroup = withContext(Carousel.ItemGroup, 'itemGroup') +export const NextTrigger = withContext(Carousel.NextTrigger, 'nextTrigger') +export const PrevTrigger = withContext(Carousel.PrevTrigger, 'prevTrigger') + +const StyledIndicatorGroup = withContext(Carousel.IndicatorGroup, 'indicatorGroup') +export const IndicatorGroup = (props: ComponentProps) => { + const carousel = useCarouselContext() + + return ( + + {(_, index) => } + + ) +} + +export { CarouselContext as Context } from '@ark-ui/solid/carousel' diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx new file mode 100644 index 0000000..cddb94f --- /dev/null +++ b/src/components/ui/checkbox.tsx @@ -0,0 +1,47 @@ +import { Checkbox, useCheckboxContext } from '@ark-ui/solid/checkbox' +import type { ComponentProps } from 'solid-js' +import { createStyleContext, styled } from 'styled-system/jsx' +import { checkbox } from 'styled-system/recipes' +import type { HTMLStyledProps } from 'styled-system/types' + +const { withProvider, withContext } = createStyleContext(checkbox) + +export type RootProps = ComponentProps +export type HiddenInputProps = ComponentProps + +export const Root = withProvider(Checkbox.Root, 'root') +export const RootProvider = withProvider(Checkbox.RootProvider, 'root') +export const Control = withContext(Checkbox.Control, 'control') +export const Group = withProvider(Checkbox.Group, 'group') +export const Label = withContext(Checkbox.Label, 'label') +export const HiddenInput = Checkbox.HiddenInput + +export { + type CheckboxCheckedState as CheckedState, + CheckboxGroupProvider as GroupProvider, +} from '@ark-ui/solid/checkbox' + +export const Indicator = (props: HTMLStyledProps<'svg'>) => { + const checkbox = useCheckboxContext() + + return ( + + + Checkmark + {checkbox().indeterminate ? ( + + ) : checkbox().checked ? ( + + ) : null} + + + ) +} diff --git a/src/components/ui/clipboard.tsx b/src/components/ui/clipboard.tsx new file mode 100644 index 0000000..21f63c3 --- /dev/null +++ b/src/components/ui/clipboard.tsx @@ -0,0 +1,37 @@ +import { Clipboard } from '@ark-ui/solid/clipboard' +import { CheckIcon, CopyIcon } from 'lucide-solid' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { clipboard } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(clipboard) + +export type RootProps = ComponentProps +export const Root = withProvider(Clipboard.Root, 'root') +export const RootProvider = withProvider(Clipboard.RootProvider, 'root') +export const Control = withContext(Clipboard.Control, 'control') +export const Input = withContext(Clipboard.Input, 'input') +export const Label = withContext(Clipboard.Label, 'label') +export const Trigger = withContext(Clipboard.Trigger, 'trigger') + +export { ClipboardContext as Context } from '@ark-ui/solid/clipboard' + +type IndicatorProps = ComponentProps + +const StyledIndicator = withContext(Clipboard.Indicator, 'indicator') + +export const Indicator = (props: IndicatorProps) => { + return ( + } {...props}> + + + ) +} + +export const CopyText = (props: IndicatorProps) => { + return ( + + Copy + + ) +} diff --git a/src/components/ui/close-button.tsx b/src/components/ui/close-button.tsx new file mode 100644 index 0000000..b8e09a0 --- /dev/null +++ b/src/components/ui/close-button.tsx @@ -0,0 +1,15 @@ +import { XIcon } from 'lucide-solid' +import { splitProps } from 'solid-js' +import { IconButton, type IconButtonProps } from './icon-button' + +export type CloseButtonProps = IconButtonProps + +export const CloseButton = (props: CloseButtonProps) => { + const [local, rest] = splitProps(props, ['children']) + + return ( + + {local.children ?? } + + ) +} diff --git a/src/components/ui/code.tsx b/src/components/ui/code.tsx new file mode 100644 index 0000000..7343f68 --- /dev/null +++ b/src/components/ui/code.tsx @@ -0,0 +1,7 @@ +import { ark } from '@ark-ui/solid/factory' +import type { ComponentProps } from 'solid-js' +import { styled } from 'styled-system/jsx' +import { code } from 'styled-system/recipes' + +export type CodeProps = ComponentProps +export const Code = styled(ark.code, code) diff --git a/src/components/ui/collapsible.tsx b/src/components/ui/collapsible.tsx new file mode 100644 index 0000000..bb3bcd6 --- /dev/null +++ b/src/components/ui/collapsible.tsx @@ -0,0 +1,15 @@ +import { Collapsible } from '@ark-ui/solid/collapsible' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { collapsible } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(collapsible) + +export type RootProps = ComponentProps +export const Root = withProvider(Collapsible.Root, 'root') +export const RootProvider = withProvider(Collapsible.RootProvider, 'root') +export const Content = withContext(Collapsible.Content, 'content') +export const Indicator = withContext(Collapsible.Indicator, 'indicator') +export const Trigger = withContext(Collapsible.Trigger, 'trigger') + +export { CollapsibleContext as Context } from '@ark-ui/solid/collapsible' diff --git a/src/components/ui/color-picker.tsx b/src/components/ui/color-picker.tsx new file mode 100644 index 0000000..1fa6a10 --- /dev/null +++ b/src/components/ui/color-picker.tsx @@ -0,0 +1,41 @@ +import { ColorPicker } from '@ark-ui/solid/color-picker' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { colorPicker } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(colorPicker) + +export type RootProps = ComponentProps +export const Root = withProvider(ColorPicker.Root, 'root') +export const RootProvider = withProvider(ColorPicker.RootProvider, 'root') +export const Area = withContext(ColorPicker.Area, 'area') +export const AreaBackground = withContext(ColorPicker.AreaBackground, 'areaBackground') +export const AreaThumb = withContext(ColorPicker.AreaThumb, 'areaThumb') +export const ChannelInput = withContext(ColorPicker.ChannelInput, 'channelInput') +export const ChannelSlider = withContext(ColorPicker.ChannelSlider, 'channelSlider') +export const ChannelSliderLabel = withContext(ColorPicker.ChannelSliderLabel, 'channelSliderLabel') +export const ChannelSliderThumb = withContext(ColorPicker.ChannelSliderThumb, 'channelSliderThumb') +export const ChannelSliderTrack = withContext(ColorPicker.ChannelSliderTrack, 'channelSliderTrack') +export const ChannelSliderValueText = withContext( + ColorPicker.ChannelSliderValueText, + 'channelSliderValueText', +) +export const Content = withContext(ColorPicker.Content, 'content') +export const Control = withContext(ColorPicker.Control, 'control') +export const EyeDropperTrigger = withContext(ColorPicker.EyeDropperTrigger, 'eyeDropperTrigger') +export const FormatSelect = withContext(ColorPicker.FormatSelect, 'formatSelect') +export const FormatTrigger = withContext(ColorPicker.FormatTrigger, 'formatTrigger') +export const HiddenInput = ColorPicker.HiddenInput +export const Label = withContext(ColorPicker.Label, 'label') +export const Positioner = withContext(ColorPicker.Positioner, 'positioner') +export const Swatch = withContext(ColorPicker.Swatch, 'swatch') +export const SwatchGroup = withContext(ColorPicker.SwatchGroup, 'swatchGroup') +export const SwatchIndicator = withContext(ColorPicker.SwatchIndicator, 'swatchIndicator') +export const SwatchTrigger = withContext(ColorPicker.SwatchTrigger, 'swatchTrigger') +export const TransparencyGrid = withContext(ColorPicker.TransparencyGrid, 'transparencyGrid') +export const Trigger = withContext(ColorPicker.Trigger, 'trigger') +export const ValueSwatch = ColorPicker.ValueSwatch +export const ValueText = withContext(ColorPicker.ValueText, 'valueText') +export const View = withContext(ColorPicker.View, 'view') + +export { ColorPickerContext as Context } from '@ark-ui/solid/color-picker' diff --git a/src/components/ui/combobox.tsx b/src/components/ui/combobox.tsx new file mode 100644 index 0000000..52e1a3e --- /dev/null +++ b/src/components/ui/combobox.tsx @@ -0,0 +1,54 @@ +import { Combobox, useComboboxItemContext } from '@ark-ui/solid/combobox' +import { ark } from '@ark-ui/solid/factory' +import { CheckIcon, ChevronsUpDownIcon, XIcon } from 'lucide-solid' +import { Show } from 'solid-js' +import { createStyleContext, type HTMLStyledProps } from 'styled-system/jsx' +import { type ComboboxVariantProps, combobox } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(combobox) + +export type RootProps = HTMLStyledProps<'div'> & ComboboxVariantProps + +export const Root = withProvider(Combobox.Root, 'root', { + defaultProps: () => ({ positioning: { sameWidth: false } }), +}) as Combobox.RootComponent + +export const RootProvider = withProvider( + Combobox.RootProvider, + 'root', +) as Combobox.RootProviderComponent + +export const ClearTrigger = withContext(Combobox.ClearTrigger, 'clearTrigger', { + defaultProps: () => ({ children: }), +}) +export const Content = withContext(Combobox.Content, 'content') +export const Control = withContext(Combobox.Control, 'control') +export const Empty = withContext(Combobox.Empty, 'empty') +export const IndicatorGroup = withContext(ark.div, 'indicatorGroup') +export const Input = withContext(Combobox.Input, 'input') +export const Item = withContext(Combobox.Item, 'item') +export const ItemGroup = withContext(Combobox.ItemGroup, 'itemGroup') +export const ItemGroupLabel = withContext(Combobox.ItemGroupLabel, 'itemGroupLabel') +export const ItemText = withContext(Combobox.ItemText, 'itemText') +export const Label = withContext(Combobox.Label, 'label') +export const List = withContext(Combobox.List, 'list') +export const Positioner = withContext(Combobox.Positioner, 'positioner') +export const Trigger = withContext(Combobox.Trigger, 'trigger', { + defaultProps: () => ({ children: }), +}) + +export { ComboboxContext as Context } from '@ark-ui/solid/combobox' + +const StyledItemIndicator = withContext(Combobox.ItemIndicator, 'itemIndicator') + +export const ItemIndicator = (props: HTMLStyledProps<'div'>) => { + const item = useComboboxItemContext() + + return ( + + ) +} diff --git a/src/components/ui/date-picker.tsx b/src/components/ui/date-picker.tsx new file mode 100644 index 0000000..e33e74d --- /dev/null +++ b/src/components/ui/date-picker.tsx @@ -0,0 +1,35 @@ +import { DatePicker } from '@ark-ui/solid/date-picker' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { datePicker } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(datePicker) + +export type RootProps = ComponentProps +export const Root = withProvider(DatePicker.Root, 'root') +export const RootProvider = withProvider(DatePicker.RootProvider, 'root') +export const ClearTrigger = withContext(DatePicker.ClearTrigger, 'clearTrigger') +export const Content = withContext(DatePicker.Content, 'content') +export const Control = withContext(DatePicker.Control, 'control') +export const Input = withContext(DatePicker.Input, 'input') +export const Label = withContext(DatePicker.Label, 'label') +export const MonthSelect = withContext(DatePicker.MonthSelect, 'monthSelect') +export const NextTrigger = withContext(DatePicker.NextTrigger, 'nextTrigger') +export const Positioner = withContext(DatePicker.Positioner, 'positioner') +export const PresetTrigger = withContext(DatePicker.PresetTrigger, 'presetTrigger') +export const PrevTrigger = withContext(DatePicker.PrevTrigger, 'prevTrigger') +export const RangeText = withContext(DatePicker.RangeText, 'rangeText') +export const Table = withContext(DatePicker.Table, 'table') +export const TableBody = withContext(DatePicker.TableBody, 'tableBody') +export const TableCell = withContext(DatePicker.TableCell, 'tableCell') +export const TableCellTrigger = withContext(DatePicker.TableCellTrigger, 'tableCellTrigger') +export const TableHead = withContext(DatePicker.TableHead, 'tableHead') +export const TableHeader = withContext(DatePicker.TableHeader, 'tableHeader') +export const TableRow = withContext(DatePicker.TableRow, 'tableRow') +export const Trigger = withContext(DatePicker.Trigger, 'trigger') +export const View = withContext(DatePicker.View, 'view') +export const ViewControl = withContext(DatePicker.ViewControl, 'viewControl') +export const ViewTrigger = withContext(DatePicker.ViewTrigger, 'viewTrigger') +export const YearSelect = withContext(DatePicker.YearSelect, 'yearSelect') + +export { DatePickerContext as Context } from '@ark-ui/solid/date-picker' diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx new file mode 100644 index 0000000..b5ca358 --- /dev/null +++ b/src/components/ui/dialog.tsx @@ -0,0 +1,35 @@ +import { Dialog, useDialogContext } from '@ark-ui/solid/dialog' +import { ark } from '@ark-ui/solid/factory' +import type { ComponentProps } from 'solid-js' +import { createStyleContext, styled } from 'styled-system/jsx' +import { dialog } from 'styled-system/recipes' + +const { withRootProvider, withContext } = createStyleContext(dialog) + +export type RootProps = ComponentProps +export const Root = withRootProvider(Dialog.Root, { + defaultProps: () => ({ unmountOnExit: true, lazyMount: true }), +}) +export const RootProvider = withRootProvider(Dialog.RootProvider, { + defaultProps: () => ({ unmountOnExit: true, lazyMount: true }), +}) +export const Backdrop = withContext(Dialog.Backdrop, 'backdrop') +export const CloseTrigger = withContext(Dialog.CloseTrigger, 'closeTrigger') +export const Content = withContext(Dialog.Content, 'content') +export const Description = withContext(Dialog.Description, 'description') +export const Positioner = withContext(Dialog.Positioner, 'positioner') +export const Title = withContext(Dialog.Title, 'title') +export const Trigger = withContext(Dialog.Trigger, 'trigger') +export const Body = withContext(ark.div, 'body') +export const Header = withContext(ark.div, 'header') +export const Footer = withContext(ark.div, 'footer') + +const StyledButton = styled(ark.button) + +export const ActionTrigger = (props: ComponentProps) => { + const dialog = useDialogContext() + + return dialog().setOpen(false)} /> +} + +export { DialogContext as Context } from '@ark-ui/solid/dialog' diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx new file mode 100644 index 0000000..0ab4f6b --- /dev/null +++ b/src/components/ui/drawer.tsx @@ -0,0 +1,28 @@ +import { Dialog } from '@ark-ui/solid/dialog' +import { ark } from '@ark-ui/solid/factory' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { drawer } from 'styled-system/recipes' + +const { withRootProvider, withContext } = createStyleContext(drawer) + +export type RootProps = ComponentProps +export const Root = withRootProvider(Dialog.Root, { + defaultProps: () => ({ unmountOnExit: true, lazyMount: true }), +}) +export const RootProvider = withRootProvider(Dialog.Root, { + defaultProps: () => ({ unmountOnExit: true, lazyMount: true }), +}) +export const Backdrop = withContext(Dialog.Backdrop, 'backdrop') +export const Positioner = withContext(Dialog.Positioner, 'positioner') +export const CloseTrigger = withContext(Dialog.CloseTrigger, 'closeTrigger') +export const Content = withContext(Dialog.Content, 'content') +export const Description = withContext(Dialog.Description, 'description') +export const Title = withContext(Dialog.Title, 'title') +export const Trigger = withContext(Dialog.Trigger, 'trigger') + +export const Body = withContext(ark.div, 'body') +export const Header = withContext(ark.div, 'header') +export const Footer = withContext(ark.div, 'footer') + +export { DialogContext as Context } from '@ark-ui/solid/dialog' diff --git a/src/components/ui/editable.tsx b/src/components/ui/editable.tsx new file mode 100644 index 0000000..6308082 --- /dev/null +++ b/src/components/ui/editable.tsx @@ -0,0 +1,20 @@ +import { Editable } from '@ark-ui/solid/editable' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { editable } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(editable) + +export type RootProps = ComponentProps +export const Root = withProvider(Editable.Root, 'root') +export const RootProvider = withProvider(Editable.RootProvider, 'root') +export const Area = withContext(Editable.Area, 'area') +export const CancelTrigger = withContext(Editable.CancelTrigger, 'cancelTrigger') +export const Control = withContext(Editable.Control, 'control') +export const EditTrigger = withContext(Editable.EditTrigger, 'editTrigger') +export const Input = withContext(Editable.Input, 'input') +export const Label = withContext(Editable.Label, 'label') +export const Preview = withContext(Editable.Preview, 'preview') +export const SubmitTrigger = withContext(Editable.SubmitTrigger, 'submitTrigger') + +export { EditableContext as Context } from '@ark-ui/solid/editable' diff --git a/src/components/ui/field.tsx b/src/components/ui/field.tsx new file mode 100644 index 0000000..87bd3e2 --- /dev/null +++ b/src/components/ui/field.tsx @@ -0,0 +1,16 @@ +import { Field } from '@ark-ui/solid/field' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { field } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(field) + +export type RootProps = ComponentProps +export const Root = withProvider(Field.Root, 'root') +export const RootProvider = withProvider(Field.RootProvider, 'root') +export const ErrorText = withContext(Field.ErrorText, 'errorText') +export const HelperText = withContext(Field.HelperText, 'helperText') +export const Label = withContext(Field.Label, 'label') +export const RequiredIndicator = withContext(Field.RequiredIndicator, 'requiredIndicator') + +export { FieldContext as Context } from '@ark-ui/solid/field' diff --git a/src/components/ui/fieldset.tsx b/src/components/ui/fieldset.tsx new file mode 100644 index 0000000..16e456c --- /dev/null +++ b/src/components/ui/fieldset.tsx @@ -0,0 +1,18 @@ +import { ark } from '@ark-ui/solid/factory' +import { Fieldset } from '@ark-ui/solid/fieldset' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { fieldset } from 'styled-system/recipes' + +const { withProvider, withContext } = createStyleContext(fieldset) + +export type RootProps = ComponentProps +export const Root = withProvider(Fieldset.Root, 'root') +export const RootProvider = withProvider(Fieldset.RootProvider, 'root') +export const Legend = withContext(Fieldset.Legend, 'legend') +export const HelperText = withContext(Fieldset.HelperText, 'helperText') +export const ErrorText = withContext(Fieldset.ErrorText, 'errorText') +export const Content = withContext(ark.div, 'content') +export const Control = withContext(ark.div, 'control') + +export { FieldsetContext as Context } from '@ark-ui/solid/fieldset' diff --git a/src/components/ui/file-upload.tsx b/src/components/ui/file-upload.tsx new file mode 100644 index 0000000..f3333c0 --- /dev/null +++ b/src/components/ui/file-upload.tsx @@ -0,0 +1,112 @@ +import { FileUpload, useFileUploadContext } from '@ark-ui/solid/file-upload' +import { FileIcon, XIcon } from 'lucide-solid' +import { type ComponentProps, createMemo, For, Show, splitProps } from 'solid-js' +import { createStyleContext, type HTMLStyledProps, Stack } from 'styled-system/jsx' +import { fileUpload } from 'styled-system/recipes' +import { Span } from '@/components/ui' + +const { withProvider, withContext } = createStyleContext(fileUpload) + +export type RootProps = ComponentProps +export type ItemProps = ComponentProps + +export const Root = withProvider(FileUpload.Root, 'root') +export const RootProvider = withProvider(FileUpload.RootProvider, 'root') +export const ClearTrigger = withContext(FileUpload.ClearTrigger, 'clearTrigger') +export const Dropzone = withContext(FileUpload.Dropzone, 'dropzone') +export const HiddenInput = FileUpload.HiddenInput +export const Item = withContext(FileUpload.Item, 'item') +export const ItemDeleteTrigger = withContext(FileUpload.ItemDeleteTrigger, 'itemDeleteTrigger', { + defaultProps: () => ({ children: }), +}) +export const ItemGroup = withContext(FileUpload.ItemGroup, 'itemGroup') +export const ItemName = withContext(FileUpload.ItemName, 'itemName') +export const ItemPreview = withContext(FileUpload.ItemPreview, 'itemPreview', { + defaultProps: () => ({ children: }), +}) +export const ItemPreviewImage = withContext(FileUpload.ItemPreviewImage, 'itemPreviewImage') +export const ItemSizeText = withContext(FileUpload.ItemSizeText, 'itemSizeText') +export const Label = withContext(FileUpload.Label, 'label') +export const Trigger = withContext(FileUpload.Trigger, 'trigger') + +export { FileUploadContext as Context } from '@ark-ui/solid/file-upload' + +interface ItemsBaseProps { + showSize?: boolean | undefined + clearable?: boolean | undefined + files?: File[] | undefined +} + +interface ItemsProps extends Omit, ItemsBaseProps {} + +export const Items = (props: ItemsProps) => { + const [local, rest] = splitProps(props, ['showSize', 'clearable', 'files']) + const fileUpload = useFileUploadContext() + const acceptedFiles = () => local.files ?? fileUpload().acceptedFiles + + return ( + + {(file) => ( + + + + + + + + + + + + + + )} + + ) +} + +interface FileUploadListProps extends ItemsBaseProps {} + +export const List = (props: FileUploadListProps) => { + const [local, rest] = splitProps(props, ['showSize', 'clearable', 'files']) + + return ( + + + + ) +} + +export interface FileTextProps extends HTMLStyledProps<'span'> { + fallback?: string | undefined +} + +export const FileText = (props: FileTextProps) => { + const [local, rest] = splitProps(props, ['fallback']) + const fallback = () => local.fallback ?? 'Select file(s)' + + const fileUpload = useFileUploadContext() + const acceptedFiles = () => fileUpload().acceptedFiles + + const fileText = createMemo(() => { + const files = acceptedFiles() + if (files.length === 1) { + return files[0].name + } + if (files.length > 1) { + return `${files.length} files` + } + return fallback() + }) + + return ( + + {fileText()} + + ) +} diff --git a/src/components/ui/heading.tsx b/src/components/ui/heading.tsx new file mode 100644 index 0000000..85101fd --- /dev/null +++ b/src/components/ui/heading.tsx @@ -0,0 +1,9 @@ +import type { ComponentProps } from 'solid-js' +import { styled } from 'styled-system/jsx' +import { type HeadingVariantProps, heading } from 'styled-system/recipes' +import type { StyledComponent } from 'styled-system/types' + +type Props = HeadingVariantProps & { as?: any } + +export type HeadingProps = ComponentProps +export const Heading = styled('h2', heading) as StyledComponent<'h2', Props> diff --git a/src/components/ui/hover-card.tsx b/src/components/ui/hover-card.tsx new file mode 100644 index 0000000..4351656 --- /dev/null +++ b/src/components/ui/hover-card.tsx @@ -0,0 +1,17 @@ +import { HoverCard } from '@ark-ui/solid/hover-card' +import type { ComponentProps } from 'solid-js' +import { createStyleContext } from 'styled-system/jsx' +import { hoverCard } from 'styled-system/recipes' + +const { withRootProvider, withContext } = createStyleContext(hoverCard) + +export type RootProps = ComponentProps +export const Root = withRootProvider(HoverCard.Root) +export const RootProvider = withRootProvider(HoverCard.RootProvider) +export const Arrow = withContext(HoverCard.Arrow, 'arrow') +export const ArrowTip = withContext(HoverCard.ArrowTip, 'arrowTip') +export const Content = withContext(HoverCard.Content, 'content') +export const Positioner = withContext(HoverCard.Positioner, 'positioner') +export const Trigger = withContext(HoverCard.Trigger, 'trigger') + +export { HoverCardContext as Context } from '@ark-ui/solid/hover-card' diff --git a/src/components/ui/icon-button.tsx b/src/components/ui/icon-button.tsx new file mode 100644 index 0000000..ac3c508 --- /dev/null +++ b/src/components/ui/icon-button.tsx @@ -0,0 +1,7 @@ +import { Button, type ButtonProps } from './button' + +export interface IconButtonProps extends ButtonProps {} + +export const IconButton = (props: IconButtonProps) => { + return + ) } diff --git a/src/theme/recipes/accordion.ts b/src/theme/recipes/accordion.ts index 4313426..df75c8d 100644 --- a/src/theme/recipes/accordion.ts +++ b/src/theme/recipes/accordion.ts @@ -1,4 +1,4 @@ -import { accordionAnatomy } from '@ark-ui/solid/accordion' +import { accordionAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const accordion = defineSlotRecipe({ diff --git a/src/theme/recipes/avatar.ts b/src/theme/recipes/avatar.ts index 0887c34..1bd90cb 100644 --- a/src/theme/recipes/avatar.ts +++ b/src/theme/recipes/avatar.ts @@ -1,4 +1,4 @@ -import { avatarAnatomy } from '@ark-ui/solid/avatar' +import { avatarAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const avatar = defineSlotRecipe({ diff --git a/src/theme/recipes/carousel.ts b/src/theme/recipes/carousel.ts index 7c8893e..653c782 100644 --- a/src/theme/recipes/carousel.ts +++ b/src/theme/recipes/carousel.ts @@ -1,4 +1,4 @@ -import { carouselAnatomy } from '@ark-ui/solid/carousel' +import { carouselAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const carousel = defineSlotRecipe({ diff --git a/src/theme/recipes/checkbox.ts b/src/theme/recipes/checkbox.ts index 641c567..54d6c64 100644 --- a/src/theme/recipes/checkbox.ts +++ b/src/theme/recipes/checkbox.ts @@ -1,4 +1,4 @@ -import { checkboxAnatomy } from '@ark-ui/solid/checkbox' +import { checkboxAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const checkbox = defineSlotRecipe({ diff --git a/src/theme/recipes/clipboard.ts b/src/theme/recipes/clipboard.ts index e028ed6..c20ac44 100644 --- a/src/theme/recipes/clipboard.ts +++ b/src/theme/recipes/clipboard.ts @@ -1,4 +1,4 @@ -import { clipboardAnatomy } from '@ark-ui/solid/clipboard' +import { clipboardAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const clipboard = defineSlotRecipe({ diff --git a/src/theme/recipes/collapsible.ts b/src/theme/recipes/collapsible.ts index 042d119..51a6d34 100644 --- a/src/theme/recipes/collapsible.ts +++ b/src/theme/recipes/collapsible.ts @@ -1,4 +1,4 @@ -import { collapsibleAnatomy } from '@ark-ui/solid/collapsible' +import { collapsibleAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const collapsible = defineSlotRecipe({ diff --git a/src/theme/recipes/color-picker.ts b/src/theme/recipes/color-picker.ts index 24e1726..f4987c9 100644 --- a/src/theme/recipes/color-picker.ts +++ b/src/theme/recipes/color-picker.ts @@ -1,4 +1,4 @@ -import { colorPickerAnatomy } from '@ark-ui/solid/color-picker' +import { colorPickerAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const colorPicker = defineSlotRecipe({ diff --git a/src/theme/recipes/combobox.ts b/src/theme/recipes/combobox.ts index 32a44d1..396e003 100644 --- a/src/theme/recipes/combobox.ts +++ b/src/theme/recipes/combobox.ts @@ -1,4 +1,4 @@ -import { comboboxAnatomy } from '@ark-ui/solid/combobox' +import { comboboxAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' import { input } from './input' diff --git a/src/theme/recipes/date-picker.ts b/src/theme/recipes/date-picker.ts index 223d44d..0b7d327 100644 --- a/src/theme/recipes/date-picker.ts +++ b/src/theme/recipes/date-picker.ts @@ -1,4 +1,4 @@ -import { datePickerAnatomy } from '@ark-ui/solid/date-picker' +import { datePickerAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const datePicker = defineSlotRecipe({ diff --git a/src/theme/recipes/dialog.ts b/src/theme/recipes/dialog.ts index f7eeee0..9cf4e2b 100644 --- a/src/theme/recipes/dialog.ts +++ b/src/theme/recipes/dialog.ts @@ -1,4 +1,4 @@ -import { dialogAnatomy } from '@ark-ui/solid/dialog' +import { dialogAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const dialog = defineSlotRecipe({ diff --git a/src/theme/recipes/drawer.ts b/src/theme/recipes/drawer.ts index e3f88c5..7824622 100644 --- a/src/theme/recipes/drawer.ts +++ b/src/theme/recipes/drawer.ts @@ -1,4 +1,4 @@ -import { dialogAnatomy } from '@ark-ui/solid/dialog' +import { dialogAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const drawer = defineSlotRecipe({ diff --git a/src/theme/recipes/editable.ts b/src/theme/recipes/editable.ts index fea22f0..7f73dc0 100644 --- a/src/theme/recipes/editable.ts +++ b/src/theme/recipes/editable.ts @@ -1,4 +1,4 @@ -import { editableAnatomy } from '@ark-ui/solid/editable' +import { editableAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const editable = defineSlotRecipe({ diff --git a/src/theme/recipes/field.ts b/src/theme/recipes/field.ts index e61cc18..66daac9 100644 --- a/src/theme/recipes/field.ts +++ b/src/theme/recipes/field.ts @@ -1,4 +1,4 @@ -import { fieldAnatomy } from '@ark-ui/solid/field' +import { fieldAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const field = defineSlotRecipe({ diff --git a/src/theme/recipes/fieldset.ts b/src/theme/recipes/fieldset.ts index 897bb71..48d4ec4 100644 --- a/src/theme/recipes/fieldset.ts +++ b/src/theme/recipes/fieldset.ts @@ -1,4 +1,4 @@ -import { fieldsetAnatomy } from '@ark-ui/solid/fieldset' +import { fieldsetAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const fieldset = defineSlotRecipe({ diff --git a/src/theme/recipes/file-upload.ts b/src/theme/recipes/file-upload.ts index 00fd804..0e6f4de 100644 --- a/src/theme/recipes/file-upload.ts +++ b/src/theme/recipes/file-upload.ts @@ -1,4 +1,4 @@ -import { fileUploadAnatomy } from '@ark-ui/solid/file-upload' +import { fileUploadAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const fileUpload = defineSlotRecipe({ diff --git a/src/theme/recipes/hover-card.ts b/src/theme/recipes/hover-card.ts index 2eb2c26..fb2c174 100644 --- a/src/theme/recipes/hover-card.ts +++ b/src/theme/recipes/hover-card.ts @@ -1,4 +1,4 @@ -import { hoverCardAnatomy } from '@ark-ui/solid/hover-card' +import { hoverCardAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const hoverCard = defineSlotRecipe({ diff --git a/src/theme/recipes/menu.ts b/src/theme/recipes/menu.ts index 649e9cb..29ec6eb 100644 --- a/src/theme/recipes/menu.ts +++ b/src/theme/recipes/menu.ts @@ -1,4 +1,4 @@ -import { menuAnatomy } from '@ark-ui/solid/menu' +import { menuAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const menu = defineSlotRecipe({ diff --git a/src/theme/recipes/number-input.ts b/src/theme/recipes/number-input.ts index f09d0d4..d65851d 100644 --- a/src/theme/recipes/number-input.ts +++ b/src/theme/recipes/number-input.ts @@ -1,4 +1,4 @@ -import { numberInputAnatomy } from '@ark-ui/solid/number-input' +import { numberInputAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' import { input } from './input' diff --git a/src/theme/recipes/pagination.ts b/src/theme/recipes/pagination.ts index 04bdb51..21971be 100644 --- a/src/theme/recipes/pagination.ts +++ b/src/theme/recipes/pagination.ts @@ -1,4 +1,4 @@ -import { paginationAnatomy } from '@ark-ui/solid/pagination' +import { paginationAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const pagination = defineSlotRecipe({ diff --git a/src/theme/recipes/pin-input.ts b/src/theme/recipes/pin-input.ts index d6e4109..7f5a647 100644 --- a/src/theme/recipes/pin-input.ts +++ b/src/theme/recipes/pin-input.ts @@ -1,4 +1,4 @@ -import { pinInputAnatomy } from '@ark-ui/solid/pin-input' +import { pinInputAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' import { input } from './input' diff --git a/src/theme/recipes/popover.ts b/src/theme/recipes/popover.ts index ced3f1a..70bd44b 100644 --- a/src/theme/recipes/popover.ts +++ b/src/theme/recipes/popover.ts @@ -1,4 +1,4 @@ -import { popoverAnatomy } from '@ark-ui/solid/popover' +import { popoverAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const popover = defineSlotRecipe({ diff --git a/src/theme/recipes/progress.ts b/src/theme/recipes/progress.ts index 8845b47..259c5c4 100644 --- a/src/theme/recipes/progress.ts +++ b/src/theme/recipes/progress.ts @@ -1,4 +1,4 @@ -import { progressAnatomy } from '@ark-ui/solid/progress' +import { progressAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const progress = defineSlotRecipe({ diff --git a/src/theme/recipes/radio-card-group.ts b/src/theme/recipes/radio-card-group.ts index d20f965..7b5f57d 100644 --- a/src/theme/recipes/radio-card-group.ts +++ b/src/theme/recipes/radio-card-group.ts @@ -1,4 +1,4 @@ -import { radioGroupAnatomy } from '@ark-ui/solid/radio-group' +import { radioGroupAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const radioCardGroup = defineSlotRecipe({ diff --git a/src/theme/recipes/radio-group.ts b/src/theme/recipes/radio-group.ts index 672ac3f..d24a4e2 100644 --- a/src/theme/recipes/radio-group.ts +++ b/src/theme/recipes/radio-group.ts @@ -1,4 +1,4 @@ -import { radioGroupAnatomy } from '@ark-ui/solid/radio-group' +import { radioGroupAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const radioGroup = defineSlotRecipe({ diff --git a/src/theme/recipes/rating-group.ts b/src/theme/recipes/rating-group.ts index 6430f81..2b27de4 100644 --- a/src/theme/recipes/rating-group.ts +++ b/src/theme/recipes/rating-group.ts @@ -1,4 +1,4 @@ -import { ratingGroupAnatomy } from '@ark-ui/solid/rating-group/' +import { ratingGroupAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const ratingGroup = defineSlotRecipe({ diff --git a/src/theme/recipes/segment-group.ts b/src/theme/recipes/segment-group.ts index fef8307..f787d50 100644 --- a/src/theme/recipes/segment-group.ts +++ b/src/theme/recipes/segment-group.ts @@ -1,4 +1,4 @@ -import { segmentGroupAnatomy } from '@ark-ui/solid/segment-group' +import { segmentGroupAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const segmentGroup = defineSlotRecipe({ diff --git a/src/theme/recipes/select.ts b/src/theme/recipes/select.ts index 2c75fc6..9a63186 100644 --- a/src/theme/recipes/select.ts +++ b/src/theme/recipes/select.ts @@ -1,4 +1,4 @@ -import { selectAnatomy } from '@ark-ui/solid/select' +import { selectAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const select = defineSlotRecipe({ diff --git a/src/theme/recipes/slider.ts b/src/theme/recipes/slider.ts index d4a7645..423406d 100644 --- a/src/theme/recipes/slider.ts +++ b/src/theme/recipes/slider.ts @@ -1,4 +1,4 @@ -import { sliderAnatomy } from '@ark-ui/solid/slider' +import { sliderAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const slider = defineSlotRecipe({ diff --git a/src/theme/recipes/splitter.ts b/src/theme/recipes/splitter.ts index f0048b5..a6c8fe0 100644 --- a/src/theme/recipes/splitter.ts +++ b/src/theme/recipes/splitter.ts @@ -1,4 +1,4 @@ -import { splitterAnatomy } from '@ark-ui/solid/splitter' +import { splitterAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const splitter = defineSlotRecipe({ diff --git a/src/theme/recipes/switch.ts b/src/theme/recipes/switch.ts index f7a4794..a53aaf7 100644 --- a/src/theme/recipes/switch.ts +++ b/src/theme/recipes/switch.ts @@ -1,4 +1,4 @@ -import { switchAnatomy } from '@ark-ui/solid/switch' +import { switchAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const switchRecipe = defineSlotRecipe({ diff --git a/src/theme/recipes/tabs.ts b/src/theme/recipes/tabs.ts index 5496e91..bd8bb54 100644 --- a/src/theme/recipes/tabs.ts +++ b/src/theme/recipes/tabs.ts @@ -1,4 +1,4 @@ -import { tabsAnatomy } from '@ark-ui/solid/tabs' +import { tabsAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const tabs = defineSlotRecipe({ diff --git a/src/theme/recipes/tags-input.ts b/src/theme/recipes/tags-input.ts index 853109c..23f8309 100644 --- a/src/theme/recipes/tags-input.ts +++ b/src/theme/recipes/tags-input.ts @@ -1,4 +1,4 @@ -import { tagsInputAnatomy } from '@ark-ui/solid/tags-input' +import { tagsInputAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const tagsInput = defineSlotRecipe({ diff --git a/src/theme/recipes/toast.ts b/src/theme/recipes/toast.ts index b1b994a..60439d8 100644 --- a/src/theme/recipes/toast.ts +++ b/src/theme/recipes/toast.ts @@ -1,4 +1,4 @@ -import { toastAnatomy } from '@ark-ui/solid/toast' +import { toastAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const toast = defineSlotRecipe({ diff --git a/src/theme/recipes/toggle-group.ts b/src/theme/recipes/toggle-group.ts index 6466cb4..819228a 100644 --- a/src/theme/recipes/toggle-group.ts +++ b/src/theme/recipes/toggle-group.ts @@ -1,4 +1,4 @@ -import { toggleGroupAnatomy } from '@ark-ui/solid/toggle-group' +import { toggleGroupAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const toggleGroup = defineSlotRecipe({ diff --git a/src/theme/recipes/tooltip.ts b/src/theme/recipes/tooltip.ts index 5862733..222e0fb 100644 --- a/src/theme/recipes/tooltip.ts +++ b/src/theme/recipes/tooltip.ts @@ -1,4 +1,4 @@ -import { tooltipAnatomy } from '@ark-ui/solid/tooltip' +import { tooltipAnatomy } from '@ark-ui/solid/anatomy' import { defineSlotRecipe } from '@pandacss/dev' export const tooltip = defineSlotRecipe({