@web-portfolio/icons-sanity 3.0.2 → 3.0.3

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.2",
+  "version": "3.0.3",
   "description": "Sanity Studio icon picker input, backed by the same bundled registry as @web-portfolio/icons.",
   "license": "MIT",
   "keywords": [