@pixpilot/shadcn-ui 0.1.0 → 0.4.1

package/dist/icon-selector/types.d.ts

@@ -1,5 +1,5 @@
 //#region src/icon-selector/types.d.ts
-interface IconProvider {
+interface IconProviderProps {
   prefix: string;
   icons: string[];
   /**
@@ -7,5 +7,7 @@ interface IconProvider {
    */
   name: string;
 }
+type IconProviderLoader = () => Promise<IconProviderProps>;
+type IconProvider = IconProviderProps | IconProviderLoader;
 //#endregion
-export { IconProvider };
+export { IconProvider, IconProviderLoader, IconProviderProps };

package/dist/icon-selector/use-async-providers.cjs

@@ -1 +1,69 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`./utils/is-valid-provider.cjs`);let n=require(`react`);n=e.__toESM(n);function r(e=[]){let[r,i]=(0,n.useState)({resolved:[],loading:!1,errors:[]}),a=(0,n.useRef)([]);return(0,n.useEffect)(()=>{let n=!0;return r.loading||a.current.length===e.length&&e.every((e,t)=>e===a.current[t])?void 0:(a.current=e,(async()=>{if(!e.length){n&&i({resolved:[],loading:!1,errors:[]});return}i(e=>({...e,loading:!0,errors:[]}));let r=[],a=[],o=await Promise.allSettled(e.map(async e=>typeof e==`function`?e():e));for(let[e,n]of o.entries())if(n.status===`fulfilled`){let i=n.value;if(t.isValidProvider(i))r.push(i);else{let t=Error(`Invalid provider at index ${e}: Missing required fields.`);a.push(t),console.warn(t.message,i)}}else{let t=n.reason instanceof Error?n.reason:Error(String(n.reason));a.push(t),console.error(`Provider at index ${e} failed to load:`,t)}i({resolved:r,loading:!1,errors:a})})(),()=>{n=!1})},[e,r.loading]),{providers:r.resolved,isLoading:r.loading,errors:r.errors}}exports.useAsyncProviders=r;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_is_valid_provider = require('./utils/is-valid-provider.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/icon-selector/use-async-providers.ts
+function useAsyncProviders(providers = []) {
+	const [state, setState] = (0, react.useState)({
+		resolved: [],
+		loading: false,
+		errors: []
+	});
+	const previousProvidersRef = (0, react.useRef)([]);
+	(0, react.useEffect)(() => {
+		let isMounted = true;
+		if (state.loading) return;
+		if (previousProvidersRef.current.length === providers.length && providers.every((p, i) => p === previousProvidersRef.current[i])) return;
+		previousProvidersRef.current = providers;
+		const loadProviders = async () => {
+			if (!providers.length) {
+				if (isMounted) setState({
+					resolved: [],
+					loading: false,
+					errors: []
+				});
+				return;
+			}
+			setState((prev) => ({
+				...prev,
+				loading: true,
+				errors: []
+			}));
+			const loaded = [];
+			const loadErrors = [];
+			const results = await Promise.allSettled(providers.map(async (p) => {
+				if (typeof p === "function") return p();
+				return p;
+			}));
+			for (const [index, result] of results.entries()) if (result.status === "fulfilled") {
+				const provider = result.value;
+				if (require_is_valid_provider.isValidProvider(provider)) loaded.push(provider);
+				else {
+					const err = /* @__PURE__ */ new Error(`Invalid provider at index ${index}: Missing required fields.`);
+					loadErrors.push(err);
+				}
+			} else {
+				const err = result.reason instanceof Error ? result.reason : new Error(String(result.reason));
+				loadErrors.push(err);
+			}
+			setState({
+				resolved: loaded,
+				loading: false,
+				errors: loadErrors
+			});
+		};
+		loadProviders();
+		return () => {
+			isMounted = false;
+		};
+	}, [providers, state.loading]);
+	return {
+		providers: state.resolved,
+		isLoading: state.loading,
+		errors: state.errors
+	};
+}
+
+//#endregion
+exports.useAsyncProviders = useAsyncProviders;

package/dist/icon-selector/use-async-providers.js

@@ -1 +1,67 @@
-import{isValidProvider as e}from"./utils/is-valid-provider.js";import{useEffect as t,useRef as n,useState as r}from"react";function i(i=[]){let[a,o]=r({resolved:[],loading:!1,errors:[]}),s=n([]);return t(()=>{let t=!0;return a.loading||s.current.length===i.length&&i.every((e,t)=>e===s.current[t])?void 0:(s.current=i,(async()=>{if(!i.length){t&&o({resolved:[],loading:!1,errors:[]});return}o(e=>({...e,loading:!0,errors:[]}));let n=[],r=[],a=await Promise.allSettled(i.map(async e=>typeof e==`function`?e():e));for(let[t,i]of a.entries())if(i.status===`fulfilled`){let a=i.value;if(e(a))n.push(a);else{let e=Error(`Invalid provider at index ${t}: Missing required fields.`);r.push(e),console.warn(e.message,a)}}else{let e=i.reason instanceof Error?i.reason:Error(String(i.reason));r.push(e),console.error(`Provider at index ${t} failed to load:`,e)}o({resolved:n,loading:!1,errors:r})})(),()=>{t=!1})},[i,a.loading]),{providers:a.resolved,isLoading:a.loading,errors:a.errors}}export{i as useAsyncProviders};
+import { isValidProvider } from "./utils/is-valid-provider.js";
+import { useEffect, useRef, useState } from "react";
+
+//#region src/icon-selector/use-async-providers.ts
+function useAsyncProviders(providers = []) {
+	const [state, setState] = useState({
+		resolved: [],
+		loading: false,
+		errors: []
+	});
+	const previousProvidersRef = useRef([]);
+	useEffect(() => {
+		let isMounted = true;
+		if (state.loading) return;
+		if (previousProvidersRef.current.length === providers.length && providers.every((p, i) => p === previousProvidersRef.current[i])) return;
+		previousProvidersRef.current = providers;
+		const loadProviders = async () => {
+			if (!providers.length) {
+				if (isMounted) setState({
+					resolved: [],
+					loading: false,
+					errors: []
+				});
+				return;
+			}
+			setState((prev) => ({
+				...prev,
+				loading: true,
+				errors: []
+			}));
+			const loaded = [];
+			const loadErrors = [];
+			const results = await Promise.allSettled(providers.map(async (p) => {
+				if (typeof p === "function") return p();
+				return p;
+			}));
+			for (const [index, result] of results.entries()) if (result.status === "fulfilled") {
+				const provider = result.value;
+				if (isValidProvider(provider)) loaded.push(provider);
+				else {
+					const err = /* @__PURE__ */ new Error(`Invalid provider at index ${index}: Missing required fields.`);
+					loadErrors.push(err);
+				}
+			} else {
+				const err = result.reason instanceof Error ? result.reason : new Error(String(result.reason));
+				loadErrors.push(err);
+			}
+			setState({
+				resolved: loaded,
+				loading: false,
+				errors: loadErrors
+			});
+		};
+		loadProviders();
+		return () => {
+			isMounted = false;
+		};
+	}, [providers, state.loading]);
+	return {
+		providers: state.resolved,
+		isLoading: state.loading,
+		errors: state.errors
+	};
+}
+
+//#endregion
+export { useAsyncProviders };

package/dist/icon-selector/utils/is-valid-provider.cjs

@@ -1 +1,12 @@
-function e(e){return typeof e==`object`&&!!e&&`prefix`in e&&`icons`in e&&`name`in e&&typeof e.prefix==`string`&&Array.isArray(e.icons)}exports.isValidProvider=e;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/icon-selector/utils/is-valid-provider.ts
+/**
+* Validates if a value is a valid IconProvider structure
+*/
+function isValidProvider(value) {
+	return typeof value === "object" && value !== null && "prefix" in value && "icons" in value && "name" in value && typeof value.prefix === "string" && Array.isArray(value.icons);
+}
+
+//#endregion
+exports.isValidProvider = isValidProvider;

package/dist/icon-selector/utils/is-valid-provider.js

@@ -1 +1,10 @@
-function e(e){return typeof e==`object`&&!!e&&`prefix`in e&&`icons`in e&&`name`in e&&typeof e.prefix==`string`&&Array.isArray(e.icons)}export{e as isValidProvider};
+//#region src/icon-selector/utils/is-valid-provider.ts
+/**
+* Validates if a value is a valid IconProvider structure
+*/
+function isValidProvider(value) {
+	return typeof value === "object" && value !== null && "prefix" in value && "icons" in value && "name" in value && typeof value.prefix === "string" && Array.isArray(value.icons);
+}
+
+//#endregion
+export { isValidProvider };

package/dist/icon-selector/virtualized-icon-grid.cjs

@@ -1 +1,137 @@
-"use client";const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`@iconify/react`);r=e.__toESM(r);let i=require(`@tanstack/react-virtual`);i=e.__toESM(i);const a=80,o=80,s=480,c=3,l=t.default.memo(({iconName:e,onSelectIcon:t})=>{if(!e)return null;let i=e.split(`:`)[1]??e;return(0,n.jsxs)(`button`,{type:`button`,onClick:()=>t(e),className:`w-full h-full flex flex-col items-center justify-center gap-1 rounded-md border border-transparent hover:border-primary hover:bg-accent transition-colors p-1`,title:e,children:[(0,n.jsx)(r.Icon,{icon:e,width:`24`,height:`24`}),(0,n.jsx)(`span`,{className:`truncate text-xs text-muted-foreground max-w-full`,children:i})]})});l.displayName=`IconCell`;const u=({icons:e,onSelectIcon:r,maxHeight:a=480,columnCount:o,cellSize:s=80})=>{let c=(0,t.useRef)(null),u=(0,t.useRef)(null),[d,f]=(0,t.useState)(0),p=(0,t.useMemo)(()=>o!==void 0&&o>0?o:d===0?3:Math.max(3,Math.floor(d/s)),[d,s,o]);(0,t.useEffect)(()=>{let e=new ResizeObserver(e=>{for(let t of e)f(t.contentRect.width)});return u.current&&e.observe(u.current),()=>{e.disconnect()}},[]);let m=typeof a==`number`?a:480,h=(0,i.useVirtualizer)({count:(0,t.useMemo)(()=>Math.ceil(e.length/p),[e.length,p]),getScrollElement:()=>c.current,estimateSize:()=>80,overscan:10}),g=h.getVirtualItems(),_=h.getTotalSize(),v=(0,t.useCallback)(e=>{r(e)},[r]);return(0,n.jsx)(`div`,{ref:u,style:{height:m,width:`100%`,overflow:`hidden`,position:`relative`,display:`flex`,flexDirection:`column`},children:u.current&&(0,n.jsx)(`div`,{ref:c,style:{height:`100%`,width:`100%`,overflow:`auto`,flex:1},children:(0,n.jsx)(`div`,{style:{height:`${_}px`,width:`100%`,position:`relative`},children:g.map(t=>{let r=t.index*p,i=Math.min(r+p,e.length),a=e.slice(r,i);return(0,n.jsx)(`div`,{style:{position:`absolute`,top:0,left:0,width:`100%`,height:`${t.size}px`,transform:`translateY(${t.start}px)`},children:(0,n.jsx)(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(${p}, 1fr)`,height:`100%`,width:`100%`,gap:`0`},children:a.map(e=>(0,n.jsx)(`div`,{style:{minHeight:`100%`,minWidth:`0`},children:(0,n.jsx)(l,{iconName:e,onSelectIcon:v})},e))})},t.key)})})})})};var d=u;exports.default=d;
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __iconify_react = require("@iconify/react");
+__iconify_react = require_rolldown_runtime.__toESM(__iconify_react);
+let __tanstack_react_virtual = require("@tanstack/react-virtual");
+__tanstack_react_virtual = require_rolldown_runtime.__toESM(__tanstack_react_virtual);
+
+//#region src/icon-selector/virtualized-icon-grid.tsx
+const CELL_SIZE_DEFAULT = 80;
+const ROW_HEIGHT = 80;
+const DEFAULT_HEIGHT = 480;
+const MIN_COLUMNS = 3;
+const IconCell = react.default.memo(({ iconName, onSelectIcon }) => {
+	if (!iconName) return null;
+	const displayName = iconName.split(":")[1] ?? iconName;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: () => onSelectIcon(iconName),
+		className: "w-full h-full flex flex-col items-center justify-center gap-1 rounded-md border border-transparent hover:border-primary hover:bg-accent transition-colors p-1",
+		title: iconName,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__iconify_react.Icon, {
+			icon: iconName,
+			width: "24",
+			height: "24"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "truncate text-xs text-muted-foreground max-w-full",
+			children: displayName
+		})]
+	});
+});
+IconCell.displayName = "IconCell";
+const VirtualizedIconGrid = ({ icons, onSelectIcon, maxHeight = DEFAULT_HEIGHT, columnCount: providedColumnCount, cellSize = CELL_SIZE_DEFAULT }) => {
+	const scrollableRef = (0, react.useRef)(null);
+	const containerRef = (0, react.useRef)(null);
+	const [containerWidth, setContainerWidth] = (0, react.useState)(0);
+	const columnCount = (0, react.useMemo)(() => {
+		if (providedColumnCount !== void 0 && providedColumnCount > 0) return providedColumnCount;
+		if (containerWidth === 0) return MIN_COLUMNS;
+		return Math.max(MIN_COLUMNS, Math.floor(containerWidth / cellSize));
+	}, [
+		containerWidth,
+		cellSize,
+		providedColumnCount
+	]);
+	(0, react.useEffect)(() => {
+		const resizeObserver = new ResizeObserver((entries) => {
+			for (const entry of entries) setContainerWidth(entry.contentRect.width);
+		});
+		if (containerRef.current) resizeObserver.observe(containerRef.current);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, []);
+	const height = typeof maxHeight === "number" ? maxHeight : DEFAULT_HEIGHT;
+	const rowVirtualizer = (0, __tanstack_react_virtual.useVirtualizer)({
+		count: (0, react.useMemo)(() => Math.ceil(icons.length / columnCount), [icons.length, columnCount]),
+		getScrollElement: () => scrollableRef.current,
+		estimateSize: () => ROW_HEIGHT,
+		overscan: 10
+	});
+	const virtualRows = rowVirtualizer.getVirtualItems();
+	const totalSize = rowVirtualizer.getTotalSize();
+	const handleSelectIcon = (0, react.useCallback)((iconName) => {
+		onSelectIcon(iconName);
+	}, [onSelectIcon]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: containerRef,
+		style: {
+			height,
+			width: "100%",
+			overflow: "hidden",
+			position: "relative",
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: containerRef.current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: scrollableRef,
+			style: {
+				height: "100%",
+				width: "100%",
+				overflow: "auto",
+				flex: 1
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					height: `${totalSize}px`,
+					width: "100%",
+					position: "relative"
+				},
+				children: virtualRows.map((virtualRow) => {
+					const startIndex = virtualRow.index * columnCount;
+					const endIndex = Math.min(startIndex + columnCount, icons.length);
+					const rowIcons = icons.slice(startIndex, endIndex);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							width: "100%",
+							height: `${virtualRow.size}px`,
+							transform: `translateY(${virtualRow.start}px)`
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								display: "grid",
+								gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
+								height: "100%",
+								width: "100%",
+								gap: "0"
+							},
+							children: rowIcons.map((iconName) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									minHeight: "100%",
+									minWidth: "0"
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCell, {
+									iconName,
+									onSelectIcon: handleSelectIcon
+								})
+							}, iconName))
+						})
+					}, virtualRow.key);
+				})
+			})
+		})
+	});
+};
+var virtualized_icon_grid_default = VirtualizedIconGrid;
+
+//#endregion
+exports.default = virtualized_icon_grid_default;

package/dist/icon-selector/virtualized-icon-grid.js

@@ -1 +1,132 @@
-"use client";import e,{useCallback as t,useEffect as n,useMemo as r,useRef as i,useState as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{Icon as c}from"@iconify/react";import{useVirtualizer as l}from"@tanstack/react-virtual";const u=e.memo(({iconName:e,onSelectIcon:t})=>{if(!e)return null;let n=e.split(`:`)[1]??e;return s(`button`,{type:`button`,onClick:()=>t(e),className:`w-full h-full flex flex-col items-center justify-center gap-1 rounded-md border border-transparent hover:border-primary hover:bg-accent transition-colors p-1`,title:e,children:[o(c,{icon:e,width:`24`,height:`24`}),o(`span`,{className:`truncate text-xs text-muted-foreground max-w-full`,children:n})]})});u.displayName=`IconCell`;var d=({icons:e,onSelectIcon:s,maxHeight:c=480,columnCount:d,cellSize:f=80})=>{let p=i(null),m=i(null),[h,g]=a(0),_=r(()=>d!==void 0&&d>0?d:h===0?3:Math.max(3,Math.floor(h/f)),[h,f,d]);n(()=>{let e=new ResizeObserver(e=>{for(let t of e)g(t.contentRect.width)});return m.current&&e.observe(m.current),()=>{e.disconnect()}},[]);let v=typeof c==`number`?c:480,y=l({count:r(()=>Math.ceil(e.length/_),[e.length,_]),getScrollElement:()=>p.current,estimateSize:()=>80,overscan:10}),b=y.getVirtualItems(),x=y.getTotalSize(),S=t(e=>{s(e)},[s]);return o(`div`,{ref:m,style:{height:v,width:`100%`,overflow:`hidden`,position:`relative`,display:`flex`,flexDirection:`column`},children:m.current&&o(`div`,{ref:p,style:{height:`100%`,width:`100%`,overflow:`auto`,flex:1},children:o(`div`,{style:{height:`${x}px`,width:`100%`,position:`relative`},children:b.map(t=>{let n=t.index*_,r=Math.min(n+_,e.length),i=e.slice(n,r);return o(`div`,{style:{position:`absolute`,top:0,left:0,width:`100%`,height:`${t.size}px`,transform:`translateY(${t.start}px)`},children:o(`div`,{style:{display:`grid`,gridTemplateColumns:`repeat(${_}, 1fr)`,height:`100%`,width:`100%`,gap:`0`},children:i.map(e=>o(`div`,{style:{minHeight:`100%`,minWidth:`0`},children:o(u,{iconName:e,onSelectIcon:S})},e))})},t.key)})})})})};export{d as default};
+'use client';
+
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "@iconify/react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+
+//#region src/icon-selector/virtualized-icon-grid.tsx
+const CELL_SIZE_DEFAULT = 80;
+const ROW_HEIGHT = 80;
+const DEFAULT_HEIGHT = 480;
+const MIN_COLUMNS = 3;
+const IconCell = React.memo(({ iconName, onSelectIcon }) => {
+	if (!iconName) return null;
+	const displayName = iconName.split(":")[1] ?? iconName;
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		onClick: () => onSelectIcon(iconName),
+		className: "w-full h-full flex flex-col items-center justify-center gap-1 rounded-md border border-transparent hover:border-primary hover:bg-accent transition-colors p-1",
+		title: iconName,
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon: iconName,
+			width: "24",
+			height: "24"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate text-xs text-muted-foreground max-w-full",
+			children: displayName
+		})]
+	});
+});
+IconCell.displayName = "IconCell";
+const VirtualizedIconGrid = ({ icons, onSelectIcon, maxHeight = DEFAULT_HEIGHT, columnCount: providedColumnCount, cellSize = CELL_SIZE_DEFAULT }) => {
+	const scrollableRef = useRef(null);
+	const containerRef = useRef(null);
+	const [containerWidth, setContainerWidth] = useState(0);
+	const columnCount = useMemo(() => {
+		if (providedColumnCount !== void 0 && providedColumnCount > 0) return providedColumnCount;
+		if (containerWidth === 0) return MIN_COLUMNS;
+		return Math.max(MIN_COLUMNS, Math.floor(containerWidth / cellSize));
+	}, [
+		containerWidth,
+		cellSize,
+		providedColumnCount
+	]);
+	useEffect(() => {
+		const resizeObserver = new ResizeObserver((entries) => {
+			for (const entry of entries) setContainerWidth(entry.contentRect.width);
+		});
+		if (containerRef.current) resizeObserver.observe(containerRef.current);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, []);
+	const height = typeof maxHeight === "number" ? maxHeight : DEFAULT_HEIGHT;
+	const rowVirtualizer = useVirtualizer({
+		count: useMemo(() => Math.ceil(icons.length / columnCount), [icons.length, columnCount]),
+		getScrollElement: () => scrollableRef.current,
+		estimateSize: () => ROW_HEIGHT,
+		overscan: 10
+	});
+	const virtualRows = rowVirtualizer.getVirtualItems();
+	const totalSize = rowVirtualizer.getTotalSize();
+	const handleSelectIcon = useCallback((iconName) => {
+		onSelectIcon(iconName);
+	}, [onSelectIcon]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		style: {
+			height,
+			width: "100%",
+			overflow: "hidden",
+			position: "relative",
+			display: "flex",
+			flexDirection: "column"
+		},
+		children: containerRef.current && /* @__PURE__ */ jsx("div", {
+			ref: scrollableRef,
+			style: {
+				height: "100%",
+				width: "100%",
+				overflow: "auto",
+				flex: 1
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				style: {
+					height: `${totalSize}px`,
+					width: "100%",
+					position: "relative"
+				},
+				children: virtualRows.map((virtualRow) => {
+					const startIndex = virtualRow.index * columnCount;
+					const endIndex = Math.min(startIndex + columnCount, icons.length);
+					const rowIcons = icons.slice(startIndex, endIndex);
+					return /* @__PURE__ */ jsx("div", {
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							width: "100%",
+							height: `${virtualRow.size}px`,
+							transform: `translateY(${virtualRow.start}px)`
+						},
+						children: /* @__PURE__ */ jsx("div", {
+							style: {
+								display: "grid",
+								gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
+								height: "100%",
+								width: "100%",
+								gap: "0"
+							},
+							children: rowIcons.map((iconName) => /* @__PURE__ */ jsx("div", {
+								style: {
+									minHeight: "100%",
+									minWidth: "0"
+								},
+								children: /* @__PURE__ */ jsx(IconCell, {
+									iconName,
+									onSelectIcon: handleSelectIcon
+								})
+							}, iconName))
+						})
+					}, virtualRow.key);
+				})
+			})
+		})
+	});
+};
+var virtualized_icon_grid_default = VirtualizedIconGrid;
+
+//#endregion
+export { virtualized_icon_grid_default as default };

package/dist/index.cjs

@@ -1 +1,76 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`),t=require(`./AbsoluteFill.cjs`),n=require(`./Alert.cjs`),r=require(`./Button.cjs`),i=require(`./CloseButtonRounded.cjs`),a=require(`./CloseButtonAbsolute.cjs`),o=require(`./Combobox.cjs`),s=require(`./confirmation-dialog/confirmation-dialogs.cjs`),c=require(`./confirmation-dialog/DialogProvider.cjs`);require(`./confirmation-dialog/index.cjs`);const l=require(`./ContentCard.cjs`),u=require(`./DatePicker.cjs`),d=require(`./FileUploadInline.cjs`),f=require(`./hooks/use-media-query.cjs`);require(`./hooks/index.cjs`);const p=require(`./LoadingOverlay.cjs`),m=require(`./icon-selector/use-async-providers.cjs`),h=require(`./icon-selector/IconPicker.cjs`);require(`./icon-selector/index.cjs`);const g=require(`./Pagination/Pagination.cjs`);require(`./Pagination/index.cjs`);const _=require(`./PopoverContent.cjs`),v=require(`./Select.cjs`),y=require(`./Slider.cjs`),b=require(`./spinner/spinner.cjs`);require(`./spinner/index.cjs`);const x=require(`./tags-input.cjs`),S=require(`./theme-provider/ThemeProvider.cjs`);require(`./theme-provider/index.cjs`);const C=require(`./ThemeToggle.cjs`),w=require(`./toast/toast.cjs`);require(`./toast/index.cjs`);let T=require(`@pixpilot/shadcn`);T=e.__toESM(T);let E=require(`next-themes`);E=e.__toESM(E),exports.AbsoluteFill=t.AbsoluteFill,exports.Alert=n.Alert,exports.Button=r.Button,exports.CloseButtonAbsolute=a.CloseButtonAbsolute,exports.CloseButtonRounded=i.CloseButtonRounded,exports.Combobox=o.Combobox,exports.ContentCard=l.ContentCard,exports.DEFAULT_ALERT_DURATION=w.DEFAULT_ALERT_DURATION,exports.DatePicker=u.DatePicker,exports.DialogProvider=c.DialogProvider,exports.FileUploadInline=d.FileUploadInline,exports.IconPicker=h.IconPicker,exports.LoadingOverlay=p.LoadingOverlay,exports.Pagination=g.Pagination,exports.PopoverContent=_.PopoverContent,exports.Select=v.Select,exports.Slider=y.Slider,exports.Spinner=b.Spinner,exports.TagsInput=x.TagsInput,exports.ThemeProvider=S.ThemeProvider,exports.ThemeToggle=C.ThemeToggle,exports.cn=T.cn,exports.showConfirmDialog=s.showConfirmDialog,exports.toast=w.toast,exports.toastError=w.toastError,exports.toastInfo=w.toastInfo,exports.toastSuccess=w.toastSuccess,exports.toastWarning=w.toastWarning,exports.useAsyncProviders=m.useAsyncProviders,exports.useMediaQuery=f.useMediaQuery,Object.defineProperty(exports,`useTheme`,{enumerable:!0,get:function(){return E.useTheme}});
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_FileUpload = require('./file-upload/FileUpload.cjs');
+require('./file-upload/index.cjs');
+const require_AbsoluteFill = require('./AbsoluteFill.cjs');
+const require_Alert = require('./Alert.cjs');
+const require_Button = require('./Button.cjs');
+const require_CloseButtonRounded = require('./CloseButtonRounded.cjs');
+const require_CloseButtonAbsolute = require('./CloseButtonAbsolute.cjs');
+const require_Combobox = require('./Combobox.cjs');
+const require_confirmation_dialogs = require('./confirmation-dialog/confirmation-dialogs.cjs');
+const require_DialogProvider = require('./confirmation-dialog/DialogProvider.cjs');
+require('./confirmation-dialog/index.cjs');
+const require_ContentCard = require('./ContentCard.cjs');
+const require_DatePicker = require('./DatePicker.cjs');
+const require_FileUploadInline = require('./file-upload-inline/FileUploadInline.cjs');
+require('./file-upload-inline/index.cjs');
+const require_use_media_query = require('./hooks/use-media-query.cjs');
+require('./hooks/index.cjs');
+const require_LoadingOverlay = require('./LoadingOverlay.cjs');
+const require_IconPicker = require('./icon-selector/IconPicker.cjs');
+require('./icon-selector/index.cjs');
+const require_Pagination = require('./pagination/Pagination.cjs');
+require('./pagination/index.cjs');
+const require_RichTextEditor = require('./rich-text-editor/RichTextEditor.cjs');
+require('./rich-text-editor/index.cjs');
+const require_Select = require('./Select.cjs');
+const require_Slider = require('./Slider.cjs');
+const require_spinner = require('./spinner/spinner.cjs');
+require('./spinner/index.cjs');
+const require_tags_input = require('./tags-input.cjs');
+const require_ThemeProvider = require('./theme-provider/ThemeProvider.cjs');
+require('./theme-provider/index.cjs');
+const require_ThemeToggle = require('./ThemeToggle.cjs');
+const require_toast = require('./toast/toast.cjs');
+require('./toast/index.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let next_themes = require("next-themes");
+next_themes = require_rolldown_runtime.__toESM(next_themes);
+
+exports.AbsoluteFill = require_AbsoluteFill.AbsoluteFill;
+exports.Alert = require_Alert.Alert;
+exports.Button = require_Button.Button;
+exports.CloseButtonAbsolute = require_CloseButtonAbsolute.CloseButtonAbsolute;
+exports.CloseButtonRounded = require_CloseButtonRounded.CloseButtonRounded;
+exports.Combobox = require_Combobox.Combobox;
+exports.ContentCard = require_ContentCard.ContentCard;
+exports.DEFAULT_ALERT_DURATION = require_toast.DEFAULT_ALERT_DURATION;
+exports.DatePicker = require_DatePicker.DatePicker;
+exports.DialogProvider = require_DialogProvider.DialogProvider;
+exports.FileUpload = require_FileUpload.FileUpload;
+exports.FileUploadInline = require_FileUploadInline.FileUploadInline;
+exports.IconPicker = require_IconPicker.IconPicker;
+exports.LoadingOverlay = require_LoadingOverlay.LoadingOverlay;
+exports.Pagination = require_Pagination.Pagination;
+exports.RichTextEditor = require_RichTextEditor.RichTextEditor;
+exports.Select = require_Select.Select;
+exports.Slider = require_Slider.Slider;
+exports.Spinner = require_spinner.Spinner;
+exports.TagsInput = require_tags_input.TagsInput;
+exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
+exports.ThemeToggle = require_ThemeToggle.ThemeToggle;
+exports.cn = __pixpilot_shadcn.cn;
+exports.showConfirmDialog = require_confirmation_dialogs.showConfirmDialog;
+exports.toast = require_toast.toast;
+exports.toastError = require_toast.toastError;
+exports.toastInfo = require_toast.toastInfo;
+exports.toastSuccess = require_toast.toastSuccess;
+exports.toastWarning = require_toast.toastWarning;
+exports.useMediaQuery = require_use_media_query.useMediaQuery;
+Object.defineProperty(exports, 'useTheme', {
+  enumerable: true,
+  get: function () {
+    return next_themes.useTheme;
+  }
+});

package/dist/index.d.cts

@@ -1,3 +1,6 @@
+import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./file-upload/types/index.cjs";
+import { FileUpload } from "./file-upload/FileUpload.cjs";
+import "./file-upload/index.cjs";
 import { AbsoluteFill } from "./AbsoluteFill.cjs";
 import { Alert, AlertBaseProps, AlertProps, AlertVariant } from "./Alert.cjs";
 import { Button, ButtonLoaderProps, ButtonProps } from "./Button.cjs";
@@ -10,16 +13,18 @@ import { DialogProvider, DialogProviderProps } from "./confirmation-dialog/Dialo
 import "./confirmation-dialog/index.cjs";
 import { ContentCard } from "./ContentCard.cjs";
 import { DatePicker } from "./DatePicker.cjs";
-import { FileUploadInline, FileUploadInlineProps } from "./FileUploadInline.cjs";
+import { FileUploadInlineBaseProps, FileUploadInlineProps } from "./file-upload-inline/types.cjs";
+import { FileUploadInline } from "./file-upload-inline/FileUploadInline.cjs";
+import "./file-upload-inline/index.cjs";
 import { useMediaQuery } from "./hooks/use-media-query.cjs";
-import { AsyncIconProvider, IconProviderLoader, useAsyncProviders } from "./icon-selector/use-async-providers.cjs";
 import { IconPicker, IconPickerProps, IconPickerVariant } from "./icon-selector/IconPicker.cjs";
-import { IconProvider } from "./icon-selector/types.cjs";
+import { IconProvider, IconProviderLoader, IconProviderProps } from "./icon-selector/types.cjs";
 import "./icon-selector/index.cjs";
 import { LoaderProps, LoadingOverlay } from "./LoadingOverlay.cjs";
-import { Pagination, PaginationProps } from "./Pagination/Pagination.cjs";
-import "./Pagination/index.cjs";
-import { PopoverContent, PopoverContentProps } from "./PopoverContent.cjs";
+import { Pagination, PaginationProps } from "./pagination/Pagination.cjs";
+import "./pagination/index.cjs";
+import { RichTextEditor, RichTextEditorProps, ToolbarOption } from "./rich-text-editor/RichTextEditor.cjs";
+import "./rich-text-editor/index.cjs";
 import { Select, SelectOption } from "./Select.cjs";
 import { Slider, SliderProps } from "./Slider.cjs";
 import { Spinner, SpinnerProps } from "./spinner/spinner.cjs";
@@ -31,4 +36,4 @@ import { ThemeToggle } from "./ThemeToggle.cjs";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
 import "./toast/index.cjs";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AsyncIconProvider, Button, ButtonLoaderProps, ButtonProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, DialogProviderProps, FileUploadInline, FileUploadInlineProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, LoaderProps, LoadingOverlay, Pagination, PaginationProps, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, Select, SelectOption, Slider, SliderProps, Spinner, SpinnerProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useAsyncProviders, useMediaQuery, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, Button, ButtonLoaderProps, ButtonProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, DialogProviderProps, FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, FileUploadProgressCallBacks, FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, Spinner, SpinnerProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./file-upload/types/index.js";
+import { FileUpload } from "./file-upload/FileUpload.js";
+import "./file-upload/index.js";
 import { AbsoluteFill } from "./AbsoluteFill.js";
 import { Alert, AlertBaseProps, AlertProps, AlertVariant } from "./Alert.js";
 import { Button, ButtonLoaderProps, ButtonProps } from "./Button.js";
@@ -10,17 +13,19 @@ import { DialogProvider, DialogProviderProps } from "./confirmation-dialog/Dialo
 import "./confirmation-dialog/index.js";
 import { ContentCard } from "./ContentCard.js";
 import { DatePicker } from "./DatePicker.js";
-import { FileUploadInline, FileUploadInlineProps } from "./FileUploadInline.js";
+import { FileUploadInlineBaseProps, FileUploadInlineProps } from "./file-upload-inline/types.js";
+import { FileUploadInline } from "./file-upload-inline/FileUploadInline.js";
+import "./file-upload-inline/index.js";
 import { useMediaQuery } from "./hooks/use-media-query.js";
 import "./hooks/index.js";
-import { AsyncIconProvider, IconProviderLoader, useAsyncProviders } from "./icon-selector/use-async-providers.js";
 import { IconPicker, IconPickerProps, IconPickerVariant } from "./icon-selector/IconPicker.js";
-import { IconProvider } from "./icon-selector/types.js";
+import { IconProvider, IconProviderLoader, IconProviderProps } from "./icon-selector/types.js";
 import "./icon-selector/index.js";
 import { LoaderProps, LoadingOverlay } from "./LoadingOverlay.js";
-import { Pagination, PaginationProps } from "./Pagination/Pagination.js";
-import "./Pagination/index.js";
-import { PopoverContent, PopoverContentProps } from "./PopoverContent.js";
+import { Pagination, PaginationProps } from "./pagination/Pagination.js";
+import "./pagination/index.js";
+import { RichTextEditor, RichTextEditorProps, ToolbarOption } from "./rich-text-editor/RichTextEditor.js";
+import "./rich-text-editor/index.js";
 import { Select, SelectOption } from "./Select.js";
 import { Slider, SliderProps } from "./Slider.js";
 import { Spinner, SpinnerProps } from "./spinner/spinner.js";
@@ -32,4 +37,4 @@ import { ThemeToggle } from "./ThemeToggle.js";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
 import "./toast/index.js";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AsyncIconProvider, Button, ButtonLoaderProps, ButtonProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, DialogProviderProps, FileUploadInline, FileUploadInlineProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, LoaderProps, LoadingOverlay, Pagination, PaginationProps, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, Select, SelectOption, Slider, SliderProps, Spinner, SpinnerProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useAsyncProviders, useMediaQuery, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, Button, ButtonLoaderProps, ButtonProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, DialogProviderProps, FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, FileUploadProgressCallBacks, FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, Spinner, SpinnerProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };