@popgrids/ui 0.0.7 → 0.0.9

package/dist/theme.css

@@ -6,6 +6,8 @@
 @import "@fontsource/poppins/700.css";
 @import "@fontsource/poppins/800.css";
 
+@plugin "@tailwindcss/typography";
+
 @custom-variant dark (&:is(.dark *));
 
 :root {
@@ -530,6 +532,18 @@
   scrollbar-gutter: stable;
 }
 
+@layer utilities {
+  .prose {
+    --tw-prose-body: var(--foreground);
+    --tw-prose-bullets: var(--foreground);
+    --tw-prose-headings: var(--foreground);
+
+    &::marker {
+      color: var(--foreground);
+    }
+  }
+}
+
 /* Instruct Tailwind to scan this library's files when this CSS is imported */
 /* The path is relative to this CSS file's location in node_modules */
 @source "./**/*.{js,cjs}";

package/package.json

@@ -1,21 +1,35 @@
 {
   "author": "PopGrids",
   "dependencies": {
-    "@fontsource-variable/inter": "^5.0.0",
-    "@fontsource/poppins": "^5.0.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
-    "tailwind-merge": "^2.5.5"
+    "tailwind-merge": "^3.4.0"
   },
-  "description": "A modern, production-ready React UI component library based on shadcn/ui principles, built with Base UI primitives and optimized for tree-shaking.",
+  "description": "A modern, production-ready React UI component library based on shadcn/ui principles, built with Radix UI primitives and optimized for tree-shaking.",
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-visually-hidden": "^1.2.4",
+    "@size-limit/preset-small-lib": "^12.0.0",
+    "@size-limit/time": "^12.0.0",
     "@types/node": "^25.0.3",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@types/react": "^18.2.0 || ^19.0.0",
+    "@types/react-dom": "^18.2.0 || ^19.0.0",
+    "@untitledui/icons": "^0.0.19",
+    "fast-glob": "^3.3.3",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "shadcn": "^3.6.2",
+    "size-limit": "^12.0.0",
     "tailwindcss": "^4.0.0",
     "tsup": "^8.3.5",
     "typescript": "^5.6.3"
@@ -27,10 +41,90 @@
         "default": "./dist/index.js"
       },
       "require": {
-        "types": "./dist/index.d.ts",
+        "types": "./dist/index.d.cts",
         "default": "./dist/index.cjs"
       }
     },
+    "./button": {
+      "import": {
+        "types": "./dist/button.d.ts",
+        "default": "./dist/button.js"
+      },
+      "require": {
+        "types": "./dist/button.d.cts",
+        "default": "./dist/button.cjs"
+      }
+    },
+    "./content-block": {
+      "import": {
+        "types": "./dist/content-block.d.ts",
+        "default": "./dist/content-block.js"
+      },
+      "require": {
+        "types": "./dist/content-block.d.cts",
+        "default": "./dist/content-block.cjs"
+      }
+    },
+    "./dialog": {
+      "import": {
+        "types": "./dist/dialog.d.ts",
+        "default": "./dist/dialog.js"
+      },
+      "require": {
+        "types": "./dist/dialog.d.cts",
+        "default": "./dist/dialog.cjs"
+      }
+    },
+    "./dropdown-menu": {
+      "import": {
+        "types": "./dist/dropdown-menu.d.ts",
+        "default": "./dist/dropdown-menu.js"
+      },
+      "require": {
+        "types": "./dist/dropdown-menu.d.cts",
+        "default": "./dist/dropdown-menu.cjs"
+      }
+    },
+    "./footer": {
+      "import": {
+        "types": "./dist/footer.d.ts",
+        "default": "./dist/footer.js"
+      },
+      "require": {
+        "types": "./dist/footer.d.cts",
+        "default": "./dist/footer.cjs"
+      }
+    },
+    "./input": {
+      "import": {
+        "types": "./dist/input.d.ts",
+        "default": "./dist/input.js"
+      },
+      "require": {
+        "types": "./dist/input.d.cts",
+        "default": "./dist/input.cjs"
+      }
+    },
+    "./label": {
+      "import": {
+        "types": "./dist/label.d.ts",
+        "default": "./dist/label.js"
+      },
+      "require": {
+        "types": "./dist/label.d.cts",
+        "default": "./dist/label.cjs"
+      }
+    },
+    "./section-flourish": {
+      "import": {
+        "types": "./dist/section-flourish.d.ts",
+        "default": "./dist/section-flourish.js"
+      },
+      "require": {
+        "types": "./dist/section-flourish.d.cts",
+        "default": "./dist/section-flourish.cjs"
+      }
+    },
     "./theme.css": "./dist/theme.css"
   },
   "files": [
@@ -43,7 +137,7 @@
     "tailwind",
     "tailwindcss",
     "shadcn",
-    "base-ui",
+    "radix-ui",
     "tree-shakeable",
     "typescript"
   ],
@@ -52,12 +146,25 @@
   "module": "./dist/index.js",
   "name": "@popgrids/ui",
   "peerDependencies": {
-    "@base-ui/react": "^1.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "shadcn": "^3.6.2",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-visually-hidden": "^1.2.4",
+    "@untitledui/icons": "^0.0.19",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
     "tailwindcss": "^4.0.0"
   },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": false
+    }
+  },
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -67,10 +174,18 @@
     "url": "git+https://github.com/popgrids/popgrids-ui.git"
   },
   "sideEffects": false,
+  "size-limit": [
+    {
+      "limit": "40 KB",
+      "path": "dist/index.js",
+      "running": false
+    }
+  ],
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "scripts": {
-    "build": "tsup"
+    "build": "tsup",
+    "size": "size-limit"
   }
 }