@web-portfolio/icons-sanity 3.0.1 → 3.0.3

package/README.md

@@ -17,46 +17,20 @@ to see exactly what your editors will be choosing from.
 
 [![Browse icons at icons.getresume.dev](https://raw.githubusercontent.com/jatinrao/icons/main/.github/assets/gallery-grid.png)](https://icons.getresume.dev)
 
-## Recent changes
-
-**v3.0.0 — ESM-only, built with `@sanity/plugin-kit`**
-- The build now uses [`@sanity/plugin-kit`](https://github.com/sanity-io/plugins/tree/main/packages/@sanity/plugin-kit)
-  and [`@sanity/pkg-utils`](https://github.com/sanity-io/pkg-utils) instead
-  of a hand-rolled `tsup` config — the same toolchain Sanity's own plugin
-  ecosystem uses.
-- **Breaking:** the package is now ESM-only. The `require()`/CJS entry point
-  (`main`, `module` fields, and the `require` export condition) has been
-  removed — Sanity Studio v3+ is pure ESM, so this plugin was never actually
-  loaded via `require()` in practice. If you import this package with
-  `require()` directly (outside a Studio config), switch to `import`.
-- No other behavior changed: same `sanityIconPicker()` export, same `iconRef`
-  schema type, same peer dependencies.
-
-**97% smaller package**
-- This plugin no longer bundles its own copy of the 633-icon SVG registry.
-  It now renders icon previews through `@web-portfolio/icons`'s `<Icon>`
-  component (added as a peer dependency, see below) and only carries the
-  lightweight search index — name, label, tags, category, no SVG markup —
-  that the picker's search and filtering actually need.
-- Published size: **1.1 MB → 35.7 KB** (tarball), **1.36 MB → 60.5 KB**
-  (unpacked JS), **577 KB → 15 KB** (gzipped). Since any project using this
-  plugin already installs `@web-portfolio/icons` to render the picked icon
-  on its frontend, that icon data is no longer downloaded twice.
-
-**Security & supply chain**
-- Bumped `vitest` to 3.2.7 and `drizzle-orm` to 0.45.2 across the monorepo,
-  and pinned several transitive dependencies (`esbuild`, `sharp`, `postcss`,
-  `glob`, `js-yaml`, `uuid`, `prismjs`, `adm-zip`, `es-define-property`) to
-  patched versions via pnpm overrides.
-- Install scripts now run only for an explicit allow-list (`esbuild`,
-  `sharp`) instead of the whole dependency tree by default.
-- Current
-  [Socket.dev](https://socket.dev/npm/package/@web-portfolio/icons-sanity)
-  score: **100** Vulnerability, **100** Quality, **100** License, **88**
-  Maintenance, **80** Supply Chain Security. This plugin still ships zero
-  runtime dependencies of its own — the Supply Chain number reflects
-  Socket's scan of the full Sanity Studio peer tree (`sanity`, `@sanity/ui`,
-  ...), not this plugin's code.
+## Contents
+
+- [Why this plugin](#why-this-plugin)
+- [Installation](#installation)
+- [Setup](#setup)
+- [Usage](#usage)
+  - [What editors see](#what-editors-see)
+  - [Building your own input](#building-your-own-input)
+  - [Social/contact links example](#socialcontact-links-example)
+  - [Rendering the picked icon on your frontend](#rendering-the-picked-icon-on-your-frontend)
+- [What's in the icon set](#whats-in-the-icon-set)
+- [Limitations](#limitations)
+- [Changelog](#changelog)
+- [License](#license)
 
 ## Why this plugin
 
@@ -236,6 +210,66 @@ Not sure exactly what's in there? The
 or filter by category to see every icon before you commit to using it in a
 schema.
 
+## Limitations
+
+- **Closed set.** Editors pick from the 633 bundled icons; there's no
+  "upload your own SVG" escape hatch in the picker itself. If you need a
+  one-off brand mark that isn't in the set, it has to be added to the
+  upstream registry and shipped in a new version of this plugin (and
+  `@web-portfolio/icons`) before it shows up here.
+- **Requires `@web-portfolio/icons` at render time.** The field only stores
+  a name — you need the sibling package on your frontend to turn that name
+  back into markup. It's a peer dependency for exactly this reason.
+- **ESM-only as of v3.** There's no CommonJS entry point; if something in
+  your toolchain still calls `require()` on this package directly, it will
+  fail. Sanity Studio v3+ already loads plugins as ESM, so this only bites
+  unusual setups.
+- **Renames need a re-pick.** If an icon's registry name changes upstream,
+  documents that stored the old name show an explicit "not found" state
+  rather than silently rendering nothing — but an editor still has to open
+  the field and choose the replacement; it isn't automatic.
+
+## Changelog
+
+**v3.0.0 — ESM-only, built with `@sanity/plugin-kit`**
+- The build now uses [`@sanity/plugin-kit`](https://github.com/sanity-io/plugins/tree/main/packages/@sanity/plugin-kit)
+  and [`@sanity/pkg-utils`](https://github.com/sanity-io/pkg-utils) instead
+  of a hand-rolled `tsup` config — the same toolchain Sanity's own plugin
+  ecosystem uses.
+- **Breaking:** the package is now ESM-only. The `require()`/CJS entry point
+  (`main`, `module` fields, and the `require` export condition) has been
+  removed — Sanity Studio v3+ is pure ESM, so this plugin was never actually
+  loaded via `require()` in practice. If you import this package with
+  `require()` directly (outside a Studio config), switch to `import`.
+- No other behavior changed: same `sanityIconPicker()` export, same `iconRef`
+  schema type, same peer dependencies.
+
+**97% smaller package**
+- This plugin no longer bundles its own copy of the 633-icon SVG registry.
+  It now renders icon previews through `@web-portfolio/icons`'s `<Icon>`
+  component (added as a peer dependency, see below) and only carries the
+  lightweight search index — name, label, tags, category, no SVG markup —
+  that the picker's search and filtering actually need.
+- Published size: **1.1 MB → 35.7 KB** (tarball), **1.36 MB → 60.5 KB**
+  (unpacked JS), **577 KB → 15 KB** (gzipped). Since any project using this
+  plugin already installs `@web-portfolio/icons` to render the picked icon
+  on its frontend, that icon data is no longer downloaded twice.
+
+**Security & supply chain**
+- Bumped `vitest` to 3.2.7 and `drizzle-orm` to 0.45.2 across the monorepo,
+  and pinned several transitive dependencies (`esbuild`, `sharp`, `postcss`,
+  `glob`, `js-yaml`, `uuid`, `prismjs`, `adm-zip`, `es-define-property`) to
+  patched versions via pnpm overrides.
+- Install scripts now run only for an explicit allow-list (`esbuild`,
+  `sharp`) instead of the whole dependency tree by default.
+- Current
+  [Socket.dev](https://socket.dev/npm/package/@web-portfolio/icons-sanity)
+  score: **100** Vulnerability, **100** Quality, **100** License, **88**
+  Maintenance, **80** Supply Chain Security. This plugin still ships zero
+  runtime dependencies of its own — the Supply Chain number reflects
+  Socket's scan of the full Sanity Studio peer tree (`sanity`, `@sanity/ui`,
+  ...), not this plugin's code.
+
 ## License
 
 MIT — see [LICENSE](https://github.com/jatinrao/icons/blob/main/LICENSE).

package/dist/index.js

@@ -5194,22 +5194,22 @@ const metadata = {
 	}
 }, PreviewFrame = styled(Card).withConfig({
 	displayName: "PreviewFrame",
-	componentId: "sc-nnhm10-0"
+	componentId: "sc-0esdoi-0"
 })`flex-shrink:0;width:${({ theme }) => rem(28 + theme.sanity.space[3] * 2)};height:${({ theme }) => rem(28 + theme.sanity.space[3] * 2)};`, ResultsScroller = styled(Box).withConfig({
 	displayName: "ResultsScroller",
-	componentId: "sc-nnhm10-1"
+	componentId: "sc-0esdoi-1"
 })`max-height:${rem(400)};overflow-y:auto;overscroll-behavior:contain;`, IconTile = styled(Card).withConfig({
 	displayName: "IconTile",
-	componentId: "sc-nnhm10-2"
+	componentId: "sc-0esdoi-2"
 })`&&[data-as='button']{cursor:pointer;border:1px solid var(--card-border-color);min-width:0;overflow:hidden;}`, GlyphRow = styled(Flex).withConfig({
 	displayName: "GlyphRow",
-	componentId: "sc-nnhm10-3"
-})`height:${({ theme }) => rem(theme.sanity.space[5])};`, LabelRow = styled(Box).withConfig({
+	componentId: "sc-0esdoi-3"
+})`height:${rem(37)};`, LabelRow = styled(Box).withConfig({
 	displayName: "LabelRow",
-	componentId: "sc-nnhm10-4"
+	componentId: "sc-0esdoi-4"
 })`min-height:${rem(20)};`, CategorySelectBox = styled(Box).withConfig({
 	displayName: "CategorySelectBox",
-	componentId: "sc-nnhm10-5"
+	componentId: "sc-0esdoi-5"
 })`width:${rem(180)};`;
 function matchesQuery(name, entry, query) {
 	if (!query.trim()) return !0;
@@ -5242,7 +5242,7 @@ function formatCategoryLabel(category) {
 	return CATEGORY_LABEL_OVERRIDES[category] ? CATEGORY_LABEL_OVERRIDES[category] : category.split(/[-_]/).filter(Boolean).map((word) => word[0].toUpperCase() + word.slice(1)).join(" ");
 }
 function IconPickerInput(props) {
-	let { value, onChange, readOnly, elementProps } = props, [open, setOpen] = useState(!1), [query, setQuery] = useState(""), [category, setCategory] = useState(""), [visibleCount, setVisibleCount] = useState(96), names = useMemo(() => Object.keys(metadata).sort(), []), categories = useMemo(() => {
+	let { value, onChange, readOnly, elementProps } = props, [open, setOpen] = useState(!1), [query, setQuery] = useState(""), [category, setCategory] = useState(""), [visibleCount, setVisibleCount] = useState(48), names = useMemo(() => Object.keys(metadata).sort(), []), categories = useMemo(() => {
 		let found = /* @__PURE__ */ new Set();
 		for (let name of names) {
 			let entry = metadata[name];
@@ -5261,7 +5261,7 @@ function IconPickerInput(props) {
 		category
 	]);
 	useEffect(() => {
-		setVisibleCount(96);
+		setVisibleCount(48);
 	}, [query, category]);
 	let visible = filtered.slice(0, visibleCount), remaining = filtered.length - visible.length, selectedEntry = value ? metadata[value] : void 0, hasUnknownValue = !!(value && !selectedEntry), closeDialog = useCallback(() => {
 		setOpen(!1), setQuery(""), setCategory("");
@@ -5476,7 +5476,7 @@ function IconPickerInput(props) {
 													justify: "center",
 													children: /* @__PURE__ */ jsx(Icon, {
 														name,
-														size: 24
+														size: 29
 													})
 												}), /* @__PURE__ */ jsx(LabelRow, { children: /* @__PURE__ */ jsx(Text, {
 													size: 0,
@@ -5492,8 +5492,8 @@ function IconPickerInput(props) {
 							}), remaining > 0 && /* @__PURE__ */ jsx(Button, {
 								mode: "ghost",
 								width: "fill",
-								text: `Show ${Math.min(remaining, 96)} more`,
-								onClick: () => setVisibleCount((count) => count + 96)
+								text: `Show ${Math.min(remaining, 48)} more`,
+								onClick: () => setVisibleCount((count) => count + 48)
 							})]
 						}) })]
 					})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-portfolio/icons-sanity",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Sanity Studio icon picker input, backed by the same bundled registry as @web-portfolio/icons.",
   "license": "MIT",
   "keywords": [
@@ -9,7 +9,9 @@
     "sanity-io",
     "icon-picker",
     "icons",
-    "cms"
+    "cms",
+    "custom input",
+    "sanity field"
   ],
   "homepage": "https://github.com/jatinrao/icons#readme",
   "bugs": {
@@ -18,7 +20,10 @@
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./dist/index.js",
+    ".": {
+      "source": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -37,6 +42,15 @@
       "tsconfig": false
     }
   },
+  "scripts": {
+    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
+    "watch": "pkg-utils watch --strict",
+    "prepublishOnly": "pnpm build && pnpm verify-package",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "verify-package": "node scripts/verify-package.mjs",
+    "link-watch": "plugin-kit link-watch"
+  },
   "peerDependencies": {
     "@sanity/icons": ">=3",
     "@sanity/ui": ">=2",
@@ -55,30 +69,26 @@
     "@testing-library/react": "^16.1.0",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
+    "@web-portfolio/icons": "workspace:*",
+    "@web-portfolio/icons-core": "workspace:*",
     "jsdom": "^25.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sanity": "^3.68.0",
     "styled-components": "^6.1.13",
     "typescript": "^5.7.0",
-    "vitest": "^3.2.7",
-    "@web-portfolio/icons": "1.0.3",
-    "@web-portfolio/icons-core": "0.0.0"
+    "vitest": "^3.2.7"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "exports": {
+      ".": "./dist/index.js",
+      "./package.json": "./package.json"
+    }
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jatinrao/icons.git",
     "directory": "packages/sanity-plugin"
-  },
-  "scripts": {
-    "build": "plugin-kit verify-package --silent && pkg-utils build --strict --check --clean",
-    "watch": "pkg-utils watch --strict",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit",
-    "verify-package": "node scripts/verify-package.mjs",
-    "link-watch": "plugin-kit link-watch"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Jatin Rao
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.