@squidlab/phosphor-solid 1.1.0 → 1.1.1

package/README.md

@@ -26,7 +26,7 @@ bun add @squidlab/phosphor-solid
 ## Quick start
 
 ```tsx
-import { HouseIcon } from "@squidlab/phosphor-solid";
+import { HouseIcon } from "@squidlab/phosphor-solid/house";
 
 function App() {
   return <HouseIcon weight="bold" class="w-6 h-6 text-white" />;
@@ -56,7 +56,9 @@ type IconWeight = "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
 Use `IconProvider` to set default props for all descendant icons, avoiding repetition:
 
 ```tsx
-import { IconProvider, HouseIcon, GearIcon } from "@squidlab/phosphor-solid";
+import { IconProvider } from "@squidlab/phosphor-solid";
+import { HouseIcon } from "@squidlab/phosphor-solid/house";
+import { GearIcon } from "@squidlab/phosphor-solid/gear";
 
 function App() {
   return (
@@ -83,20 +85,21 @@ Props passed directly to an icon take precedence over context values.
 Each icon is exposed as its own entry point for the best possible tree-shaking:
 
 ```ts
+import { IconProvider } from "@squidlab/phosphor-solid";
 import { ArrowRightIcon } from "@squidlab/phosphor-solid/arrow-right";
 import { GithubLogoIcon } from "@squidlab/phosphor-solid/github-logo";
 ```
 
 ### Barrel import
 
-Import multiple icons from the package root — still tree-shakeable:
+Import all icons at once via the `/icons` subpath. This will include every icon in your bundle, so use it only when you genuinely need the full set:
 
 ```ts
 import {
   ArrowRightIcon,
   GithubLogoIcon,
   HouseIcon,
-} from "@squidlab/phosphor-solid";
+} from "@squidlab/phosphor-solid/icons";
 ```
 
 ### Namespace import

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@squidlab/phosphor-solid",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "license": "MIT",
   "description": "Phosphor is a flexible icon family for SolidJS, featuring 1,500+ icons across six weights: thin, light, regular, bold, fill, and duotone.",
   "type": "module",
   "exports": {
-    ".": "./src/mod.tsx",
+    ".": "./src/lib/mod.tsx",
     "./icons": "./src/icons/mod.tsx",
     "./acorn": "./src/icons/Acorn.tsx",
     "./address-book": "./src/icons/AddressBook.tsx",

package/src/lib/mod.tsx

@@ -0,0 +1,22 @@
+/**
+ * Core utilities for Phosphor Icons in SolidJS.
+ *
+ * Provides the {@linkcode IconProvider} context provider and shared types.
+ * Import individual icons from their dedicated subpaths (e.g.
+ * `@squidlab/phosphor-solid/arrow-right`) for optimal tree-shaking.
+ *
+ * @module
+ * @example
+ * ```tsx
+ * import { IconProvider } from "@squidlab/phosphor-solid";
+ * import { ArrowRightIcon } from "@squidlab/phosphor-solid/arrow-right";
+ *
+ * <IconProvider weight="bold" size={24}>
+ *   <ArrowRightIcon />
+ * </IconProvider>;
+ * ```
+ */
+
+export { IconProvider } from "./IconProvider.tsx";
+export { IconContext, type IconContextValue } from "./context.ts";
+export type { IconProps, IconWeight } from "./types.ts";

package/src/mod.tsx

@@ -1,18 +0,0 @@
-/**
- * Phosphor Icons for SolidJS.
- *
- * A flexible icon family for the SolidJS ecosystem. Import individual icons
- * for optimal tree-shaking, or use the `./icons` entrypoint to access all icons.
- *
- * @module
- * @example
- * ```tsx
- * import { ArrowRightIcon } from "@squidlab/phosphor-solid";
- *
- * <ArrowRightIcon weight="bold" size={24} />;
- * ```
- */
-
-export * from "./icons/mod.tsx";
-export { IconProvider } from "./lib/IconProvider.tsx";
-export type { IconProps, IconWeight } from "./lib/types.ts";