photon-grid-react 2.0.1 → 2.0.4

package/README.md

@@ -157,12 +157,12 @@ Supports all modern browsers: Chrome, Edge, Firefox, and Safari.
 
 ## Ecosystem
 
-| Package | Description |
-| ------- | ----------- |
-| [`photon-grid-core`](https://www.npmjs.com/package/photon-grid-core) | Framework-agnostic engine |
-| [`photon-grid-react`](https://www.npmjs.com/package/photon-grid-react) | React wrapper (this package) |
-| [`photon-grid-angular`](https://www.npmjs.com/package/photon-grid-angular) | Angular wrapper |
-| [`photon-grid-vue`](https://www.npmjs.com/package/photon-grid-vue) | Vue 3 wrapper |
+| Package | Description | NPM |
+| ------- | ----------- | --- |
+| [`photon-grid-core`](https://www.npmjs.com/package/photon-grid-core) | Framework-agnostic engine | https://www.npmjs.com/package/photon-grid-core |
+| [`photon-grid-react`](https://www.npmjs.com/package/photon-grid-react) | React wrapper (this package) | https://www.npmjs.com/package/photon-grid-react |
+| [`photon-grid-angular`](https://www.npmjs.com/package/photon-grid-angular) | Angular wrapper | https://www.npmjs.com/package/photon-grid-angular | 
+| [`photon-grid-vue`](https://www.npmjs.com/package/photon-grid-vue) | Vue 3 wrapper | https://www.npmjs.com/package/photon-grid-vue |
 
 ---
 
@@ -188,7 +188,10 @@ MIT License
 
 - **GitHub** — https://github.com/abdulwahid-csit/photon-grid
 - **Issues** — https://github.com/abdulwahid-csit/photon-grid/issues
-- **NPM** — https://www.npmjs.com/package/photon-grid-react
+- **NPM React** — https://www.npmjs.com/package/photon-grid-react
+- **NPM Angular** — https://www.npmjs.com/package/photon-grid-angular
+- **NPM Vue** — https://www.npmjs.com/package/photon-grid-vue
+- **NPM Core** — https://www.npmjs.com/package/photon-grid-core
 
 ---
 

package/index.cjs

@@ -223,4 +223,4 @@ Learn more: https://react.dev/warnings/version-mismatch`))})(),typeof Map==`func
 You might need to use a local HTTP server (instead of file://): https://react.dev/link/react-devtools-faq`:``),`font-weight:bold`)}e.createRoot=function(e,t){if(!v(e))throw Error(`Target container is not a DOM element.`);Tf(e);var n=!1,r=``,i=rs,a=is,o=as;return t!=null&&(t.hydrate?console.warn(`hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead.`):typeof t==`object`&&t&&t.$$typeof===Af&&console.error(`You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:
 
   let root = createRoot(domContainer);
-  root.render(<App />);`),!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onUncaughtError!==void 0&&(i=t.onUncaughtError),t.onCaughtError!==void 0&&(a=t.onCaughtError),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=Zd(e,1,!1,null,null,n,r,null,i,a,o,Sf),e[qp]=t.current,lu(e),new Cf(t)},e.hydrateRoot=function(e,t,n){if(!v(e))throw Error(`Target container is not a DOM element.`);Tf(e),t===void 0&&console.error(`Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)`);var r=!1,i=``,a=rs,o=is,s=as,c=null;return n!=null&&(!0===n.unstable_strictMode&&(r=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onUncaughtError!==void 0&&(a=n.onUncaughtError),n.onCaughtError!==void 0&&(o=n.onCaughtError),n.onRecoverableError!==void 0&&(s=n.onRecoverableError),n.formState!==void 0&&(c=n.formState)),t=Zd(e,1,!0,t,n??null,r,i,c,a,o,s,Sf),t.context=Qd(null),n=t.current,r=nl(n),r=We(r),i=na(r),i.callback=null,ra(n,i,r),fi(r,`hydrateRoot()`,null),n=r,t.current.lanes=n,ze(t,n),P(t),e[qp]=t.current,lu(e),new wf(t)},e.version=`19.2.7`,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==`function`&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()})),u=e(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`)){if(process.env.NODE_ENV!==`production`)throw Error(`^_^`);try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}}process.env.NODE_ENV===`production`?(n(),t.exports=c()):t.exports=l()}))();function d(e){return e?typeof e==`object`&&`kind`in e&&e.kind===`component`||typeof e==`object`&&e&&`$$typeof`in e?!0:typeof e==`function`&&/^[A-Z]/.test(e.name??``):!1}var f=class{root;container;entries=new Map;observer;pendingFlush=!1;observe(e){this.observer||(this.container=document.createElement(`div`),this.container.className=`photon-grid-react__portal`,this.container.style.position=`absolute`,this.container.style.inset=`0`,this.container.style.pointerEvents=`none`,this.container.style.overflow=`hidden`,e.appendChild(this.container),this.root=(0,u.createRoot)(this.container),this.flush(),this.observer=new MutationObserver(e=>{for(let t of e)for(let e of Array.from(t.removedNodes))this.unmountNode(e)}),this.observer.observe(e,{childList:!0,subtree:!0}))}adaptColumns(e){return e.map(e=>{if(!e.renderer)return e;let t={};for(let n of[`display`,`editor`,`option`,`filter`,`tooltip`,`group`,`header`,`summary`]){let r=e.renderer?.[n];d(r)?t[n]=e=>this.mountComponent(r,e):typeof r==`function`&&(t[n]=r)}return{...e,renderer:t}})}dispose(){this.observer?.disconnect(),this.observer=void 0;let e=this.root;this.root=void 0,queueMicrotask(()=>{e?.unmount()}),this.root=void 0,this.entries.clear(),this.container?.remove(),this.container=void 0,this.pendingFlush=!1}mountComponent(e,t){let n=this.getRendererKey(t);if(n){let r=this.entries.get(n);if(r){let n=this.getRendererProps(e,t);return r.component===this.getComponent(e)&&this.propsMatch(r.props,n)?r.host:(r.component=this.getComponent(e),r.props=n,this.flush(),r.host)}}let r=document.createElement(`div`);return r.className=`photon-grid-react__renderer-host`,r.style.width=`100%`,r.style.height=`100%`,r.style.pointerEvents=`auto`,r.style.display=`block`,n&&(this.entries.set(n,{key:n,host:r,component:this.getComponent(e),props:this.getRendererProps(e,t)}),this.flush()),r}flush(){!this.root||!this.container||this.pendingFlush||(this.pendingFlush=!0,requestAnimationFrame(()=>{this.pendingFlush=!1,this.root&&this.root.render((0,t.createElement)(this.renderFrame,{entries:Array.from(this.entries.values())}))}))}renderFrame(e){return(0,t.createElement)(`div`,{className:`photon-grid-react__frame`,style:{display:`contents`}},e.entries.map(e=>(0,t.createElement)(`div`,{key:e.key,style:{display:`contents`}},(0,r.createPortal)((0,t.createElement)(e.component,e.props??{}),e.host))))}getComponent(e){return typeof e==`object`&&e&&`kind`in e?e.component:e}getRendererProps(e,t){return typeof e==`object`&&e&&`kind`in e&&typeof e.props==`function`?{...this.getBaseProps(t),...e.props(t)}:this.getBaseProps(t)}getBaseProps(e){if(!e||typeof e!=`object`)return{};let t=e;return{...t,row:t.row??t.data,rowIndex:t.rowIndex,value:t.value,colDef:t.colDef,api:t.api,colIndex:t.colIndex}}propsMatch(e,t){if(!e)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||e[r]!==t[r])return!1;return!0}getRendererKey(e){if(!e||typeof e!=`object`)return null;let t=e;return`${t.colDef?.colId??t.colDef?.field??`cell`}:${typeof t.rowIndex==`number`?t.rowIndex:`unknown`}:${typeof t.colIndex==`number`?t.colIndex:`unknown`}`}unmountNode(e){e instanceof HTMLElement&&(this.unmountHost(e),e.querySelectorAll(`*`).forEach(e=>{this.unmountHost(e)}))}unmountHost(e){for(let[t,n]of this.entries.entries())if(n.host===e){requestAnimationFrame(()=>{this.flush()});break}}};function p(e){let r=(0,t.useRef)(null),a=(0,t.useRef)(null),o=(0,t.useRef)(null),s=(0,t.useRef)([]),{columns:c=[],dataSet:l=[],options:u={}}=e;return(0,t.useEffect)(()=>{if(!r.current)return;let t=r.current,i=new f;i.observe(t),o.current=i;let d=new n.GridCore(t,{...u,columns:i.adaptColumns(c),data:l});a.current=d;let p=[],m=(e,t)=>{if(!t)return;let n=d.api.on(e,e=>t(e));p.push(n)};return m(n.GridEventType.DATA_CHANGED,e.onDataChanged),m(n.GridEventType.ROW_CLICKED,e.onRowClicked),m(n.GridEventType.ROW_DOUBLE_CLICKED,e.onRowDoubleClicked),m(n.GridEventType.ROW_SELECTED,e.onRowSelected),m(n.GridEventType.CELL_CLICKED,e.onCellClicked),m(n.GridEventType.CELL_DOUBLE_CLICKED,e.onCellDoubleClicked),m(n.GridEventType.CELL_VALUE_CHANGED,e.onCellValueChanged),m(n.GridEventType.CELL_SELECTION_CHANGED,e.onCellSelectionChanged),m(n.GridEventType.COLUMN_RESIZED,e.onColumnResized),m(n.GridEventType.COLUMN_MOVED,e.onColumnMoved),m(n.GridEventType.SORT_CHANGED,e.onSortChanged),m(n.GridEventType.FILTER_CHANGED,e.onFilterChanged),m(n.GridEventType.PAGE_CHANGED,e.onPageChanged),m(n.GridEventType.COLUMNS_STATE_CHANGED,e.onColumnsStateChanged),m(n.GridEventType.THEME_CHANGED,e.onThemeChanged),m(n.GridEventType.EXPORT_COMPLETE,e.onExportComplete),s.current=p,e.onGridReady?.(d.api),()=>{for(let e of s.current)e();s.current=[],a.current?.destroy(),a.current=null,o.current?.dispose(),o.current=null}},[c,l,u]),(0,t.useEffect)(()=>()=>{for(let e of s.current)e();s.current=[],a.current?.destroy(),a.current=null,o.current?.dispose(),o.current=null},[]),(0,i.jsx)(`div`,{ref:r,className:`photon-grid__host`})}exports.PhotonGrid=p,exports.ReactRendererAdapter=f;
+  root.render(<App />);`),!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onUncaughtError!==void 0&&(i=t.onUncaughtError),t.onCaughtError!==void 0&&(a=t.onCaughtError),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=Zd(e,1,!1,null,null,n,r,null,i,a,o,Sf),e[qp]=t.current,lu(e),new Cf(t)},e.hydrateRoot=function(e,t,n){if(!v(e))throw Error(`Target container is not a DOM element.`);Tf(e),t===void 0&&console.error(`Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)`);var r=!1,i=``,a=rs,o=is,s=as,c=null;return n!=null&&(!0===n.unstable_strictMode&&(r=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onUncaughtError!==void 0&&(a=n.onUncaughtError),n.onCaughtError!==void 0&&(o=n.onCaughtError),n.onRecoverableError!==void 0&&(s=n.onRecoverableError),n.formState!==void 0&&(c=n.formState)),t=Zd(e,1,!0,t,n??null,r,i,c,a,o,s,Sf),t.context=Qd(null),n=t.current,r=nl(n),r=We(r),i=na(r),i.callback=null,ra(n,i,r),fi(r,`hydrateRoot()`,null),n=r,t.current.lanes=n,ze(t,n),P(t),e[qp]=t.current,lu(e),new wf(t)},e.version=`19.2.7`,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop==`function`&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()})),u=e(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`)){if(process.env.NODE_ENV!==`production`)throw Error(`^_^`);try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}}process.env.NODE_ENV===`production`?(n(),t.exports=c()):t.exports=l()}))();function d(e){return e?typeof e==`object`&&`kind`in e&&e.kind===`component`||typeof e==`object`&&e&&`$$typeof`in e?!0:typeof e==`function`&&/^[A-Z]/.test(e.name??``):!1}var f=class{root;container;entries=new Map;observer;pendingFlush=!1;observe(e){this.observer||(this.container=document.createElement(`div`),this.container.className=`photon-grid-react__portal`,this.container.style.position=`absolute`,this.container.style.inset=`0`,this.container.style.pointerEvents=`none`,this.container.style.overflow=`hidden`,e.appendChild(this.container),this.root=(0,u.createRoot)(this.container),this.flush(),this.observer=new MutationObserver(e=>{for(let t of e)for(let e of Array.from(t.removedNodes))this.unmountNode(e)}),this.observer.observe(e,{childList:!0,subtree:!0}))}adaptColumns(e){return e.map(e=>{if(!e.renderer)return e;let t={};for(let n of[`display`,`editor`,`option`,`filter`,`tooltip`,`group`,`header`,`summary`]){let r=e.renderer?.[n];d(r)?t[n]=e=>this.mountComponent(r,e):typeof r==`function`&&(t[n]=r)}return{...e,renderer:t}})}dispose(){this.observer?.disconnect(),this.observer=void 0;let e=this.root;this.root=void 0,queueMicrotask(()=>{e?.unmount()}),this.root=void 0,this.entries.clear(),this.container?.remove(),this.container=void 0,this.pendingFlush=!1}mountComponent(e,t){let n=this.getRendererKey(t);if(n){let r=this.entries.get(n);if(r){let n=this.getRendererProps(e,t);return r.component===this.getComponent(e)&&this.propsMatch(r.props,n)?r.host:(r.component=this.getComponent(e),r.props=n,this.flush(),r.host)}}let r=document.createElement(`div`);return r.className=`photon-grid-react__renderer-host`,r.style.width=`100%`,r.style.height=`100%`,r.style.pointerEvents=`auto`,r.style.display=`block`,n&&(this.entries.set(n,{key:n,host:r,component:this.getComponent(e),props:this.getRendererProps(e,t)}),this.flush()),r}flush(){!this.root||!this.container||this.pendingFlush||(this.pendingFlush=!0,requestAnimationFrame(()=>{this.pendingFlush=!1,this.root&&this.root.render((0,t.createElement)(this.renderFrame,{entries:Array.from(this.entries.values())}))}))}renderFrame(e){return(0,t.createElement)(`div`,{className:`photon-grid-react__frame`,style:{display:`contents`}},e.entries.map(e=>(0,t.createElement)(`div`,{key:e.key,style:{display:`contents`}},(0,r.createPortal)((0,t.createElement)(e.component,e.props??{}),e.host))))}getComponent(e){return typeof e==`object`&&e&&`kind`in e?e.component:e}getRendererProps(e,t){return typeof e==`object`&&e&&`kind`in e&&typeof e.props==`function`?{...this.getBaseProps(t),...e.props(t)}:this.getBaseProps(t)}getBaseProps(e){if(!e||typeof e!=`object`)return{};let t=e;return{...t,row:t.row??t.data,rowIndex:t.rowIndex,value:t.value,colDef:t.colDef,api:t.api,colIndex:t.colIndex}}propsMatch(e,t){if(!e)return!1;let n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||e[r]!==t[r])return!1;return!0}getRendererKey(e){if(!e||typeof e!=`object`)return null;let t=e;return`${t.colDef?.colId??t.colDef?.field??`cell`}:${typeof t.rowIndex==`number`?t.rowIndex:`unknown`}:${typeof t.colIndex==`number`?t.colIndex:`unknown`}`}unmountNode(e){e instanceof HTMLElement&&(this.unmountHost(e),e.querySelectorAll(`*`).forEach(e=>{this.unmountHost(e)}))}unmountHost(e){for(let[t,n]of this.entries.entries())if(n.host===e){requestAnimationFrame(()=>{this.flush()});break}}};function p(e){let r=(0,t.useRef)(null),a=(0,t.useRef)(null),o=(0,t.useRef)(null),s=(0,t.useRef)([]),{columns:c=[],dataSet:l=[],options:u={}}=e;return(0,t.useEffect)(()=>{if(!r.current)return;let t=r.current,i=new f;i.observe(t),o.current=i;let d=new n.GridCore(t,{...u,columns:i.adaptColumns(c),data:l});a.current=d;let p=[],m=(e,t)=>{if(!t)return;let n=d.api.on(e,e=>t(e));p.push(n)};return m(n.GridEventType.DATA_CHANGED,e.onDataChanged),m(n.GridEventType.ROW_CLICKED,e.onRowClicked),m(n.GridEventType.ROW_DOUBLE_CLICKED,e.onRowDoubleClicked),m(n.GridEventType.ROW_SELECTED,e.onRowSelected),m(n.GridEventType.CELL_CLICKED,e.onCellClicked),m(n.GridEventType.CELL_DOUBLE_CLICKED,e.onCellDoubleClicked),m(n.GridEventType.CELL_VALUE_CHANGED,e.onCellValueChanged),m(n.GridEventType.CELL_SELECTION_CHANGED,e.onCellSelectionChanged),m(n.GridEventType.COLUMN_RESIZED,e.onColumnResized),m(n.GridEventType.COLUMN_MOVED,e.onColumnMoved),m(n.GridEventType.SORT_CHANGED,e.onSortChanged),m(n.GridEventType.FILTER_CHANGED,e.onFilterChanged),m(n.GridEventType.PAGE_CHANGED,e.onPageChanged),m(n.GridEventType.COLUMNS_STATE_CHANGED,e.onColumnsStateChanged),m(n.GridEventType.THEME_CHANGED,e.onThemeChanged),m(n.GridEventType.EXPORT_COMPLETE,e.onExportComplete),s.current=p,e.onGridReady?.(d.api),()=>{for(let e of s.current)e();s.current=[],a.current?.destroy(),a.current=null,o.current?.dispose(),o.current=null}},[c,l,u]),(0,t.useEffect)(()=>()=>{for(let e of s.current)e();s.current=[],a.current?.destroy(),a.current=null,o.current?.dispose(),o.current=null},[]),(0,i.jsx)(`div`,{ref:r,className:`photon-grid__host`})}Object.defineProperty(exports,"PhotonAIProviderType",{enumerable:!0,get:function(){return n.PhotonAIProviderType}}),exports.PhotonGrid=p,exports.ReactRendererAdapter=f;

package/index.d.ts

@@ -1,2 +1,4 @@
 export * from './photon-grid';
 export * from './react-renderer-adapter';
+export { PhotonAIProviderType } from 'photon-grid-core';
+export type { PhotonAIConfig, PhotonAIProviderConfig, PhotonAIRequest, PhotonAIResponse } from 'photon-grid-core';

package/index.js

@@ -1,12 +1,12 @@
 import { createElement as e, useEffect as t, useRef as n } from "react";
-import { GridCore as r, GridEventType as i } from "photon-grid-core";
-import { createPortal as a } from "react-dom";
-import { jsx as o } from "react/jsx-runtime";
+import { GridCore as r, GridEventType as i, PhotonAIProviderType as a } from "photon-grid-core";
+import { createPortal as o } from "react-dom";
+import { jsx as s } from "react/jsx-runtime";
 //#region \0rolldown/runtime.js
-var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+var c = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), l = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
 	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), l = /* @__PURE__ */ s(((e) => {
+}), u = /* @__PURE__ */ c(((e) => {
 	function t(e, t) {
 		var n = e.length;
 		e.push(t);
@@ -203,7 +203,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			}
 		};
 	};
-})), u = /* @__PURE__ */ s(((e) => {
+})), d = /* @__PURE__ */ c(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t() {
 			if (x = !1, re) {
@@ -400,10 +400,10 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			};
 		}, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), d = /* @__PURE__ */ s(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = l() : t.exports = u();
-})), f = /* @__PURE__ */ s(((e) => {
-	var t = d(), n = c("react"), r = c("react-dom");
+})), f = /* @__PURE__ */ c(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = u() : t.exports = d();
+})), p = /* @__PURE__ */ c(((e) => {
+	var t = f(), n = l("react"), r = l("react-dom");
 	function i(e) {
 		var t = "https://react.dev/errors/" + e;
 		if (1 < arguments.length) {
@@ -433,7 +433,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		}
 		return null;
 	}
-	function l(e) {
+	function c(e) {
 		if (e.tag === 31) {
 			var t = e.memoizedState;
 			if (t === null && (e = e.alternate, e !== null && (t = e.memoizedState)), t !== null) return t.dehydrated;
@@ -443,7 +443,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	function u(e) {
 		if (o(e) !== e) throw Error(i(188));
 	}
-	function f(e) {
+	function d(e) {
 		var t = e.alternate;
 		if (!t) {
 			if (t = o(e), t === null) throw Error(i(188));
@@ -7457,7 +7457,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 					if (e = s(t), e !== null) return e;
 					e = null;
 				} else if (n === 31) {
-					if (e = l(t), e !== null) return e;
+					if (e = c(t), e !== null) return e;
 					e = null;
 				} else if (n === 3) {
 					if (t.stateNode.current.memoizedState.isDehydrated) return t.tag === 3 ? t.stateNode.containerInfo : null;
@@ -7608,7 +7608,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 						return;
 					}
 				} else if (t === 31) {
-					if (t = l(n), t !== null) {
+					if (t = c(n), t !== null) {
 						e.blockedOn = t, ht(e.priority, function() {
 							vp(n);
 						});
@@ -7755,7 +7755,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	T.findDOMNode = function(e) {
 		var t = e._reactInternals;
 		if (t === void 0) throw typeof e.render == "function" ? Error(i(188)) : (e = Object.keys(e).join(","), Error(i(268, e)));
-		return e = f(t), e = e === null ? null : p(e), e = e === null ? null : e.stateNode, e;
+		return e = d(t), e = e === null ? null : p(e), e = e === null ? null : e.stateNode, e;
 	};
 	var Xp = {
 		bundleType: 0,
@@ -7779,7 +7779,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		var r = !1, o = "", s = rc, c = ic, l = ac, u = null;
 		return n != null && (!0 === n.unstable_strictMode && (r = !0), n.identifierPrefix !== void 0 && (o = n.identifierPrefix), n.onUncaughtError !== void 0 && (s = n.onUncaughtError), n.onCaughtError !== void 0 && (c = n.onCaughtError), n.onRecoverableError !== void 0 && (l = n.onRecoverableError), n.formState !== void 0 && (u = n.formState)), t = fp(e, 1, !0, t, n ?? null, r, o, u, s, c, l, Kp), t.context = pp(null), n = t.current, r = Tu(), r = ft(r), o = Xa(r), o.callback = null, Za(n, o, r), n = r, t.current.lanes = n, st(t, n), gd(t), e[yt] = t.current, Fd(e), new Jp(t);
 	}, e.version = "19.2.7";
-})), p = /* @__PURE__ */ s(((e) => {
+})), m = /* @__PURE__ */ c(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e, t) {
 			for (e = e.memoizedState; e !== null && 0 < t;) e = e.next, t--;
@@ -7814,13 +7814,13 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		function s() {
 			return null;
 		}
-		function l() {
+		function c() {
 			console.error("Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks");
 		}
 		function u() {
 			console.error("Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().");
 		}
-		function f() {}
+		function d() {}
 		function p() {}
 		function m(e) {
 			var t = [];
@@ -11671,7 +11671,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		function Io(e, t, n, r) {
 			if (e.tag !== 5) throw Error("Expected the form instance to be a HostComponent. This is a bug in React.");
 			var i = Lo(e).queue;
-			mi(e), Fo(e, i, t, vC, n === null ? f : function() {
+			mi(e), Fo(e, i, t, vC, n === null ? d : function() {
 				return Ro(e), n(r);
 			});
 		}
@@ -16786,7 +16786,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			e[Jp] && (e._reactRootContainer ? console.error("You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported.") : console.error("You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."));
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var Df = d(), Of = c("react"), kf = c("react-dom"), z = Object.assign, Af = Symbol.for("react.element"), jf = Symbol.for("react.transitional.element"), Mf = Symbol.for("react.portal"), Nf = Symbol.for("react.fragment"), Pf = Symbol.for("react.strict_mode"), Ff = Symbol.for("react.profiler"), If = Symbol.for("react.consumer"), Lf = Symbol.for("react.context"), Rf = Symbol.for("react.forward_ref"), zf = Symbol.for("react.suspense"), Bf = Symbol.for("react.suspense_list"), Vf = Symbol.for("react.memo"), Hf = Symbol.for("react.lazy"), Uf = Symbol.for("react.activity"), Wf = Symbol.for("react.memo_cache_sentinel"), Gf = Symbol.iterator, Kf = Symbol.for("react.client.reference"), qf = Array.isArray, B = Of.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Jf = kf.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Yf = Object.freeze({
+		var Df = f(), Of = l("react"), kf = l("react-dom"), z = Object.assign, Af = Symbol.for("react.element"), jf = Symbol.for("react.transitional.element"), Mf = Symbol.for("react.portal"), Nf = Symbol.for("react.fragment"), Pf = Symbol.for("react.strict_mode"), Ff = Symbol.for("react.profiler"), If = Symbol.for("react.consumer"), Lf = Symbol.for("react.context"), Rf = Symbol.for("react.forward_ref"), zf = Symbol.for("react.suspense"), Bf = Symbol.for("react.suspense_list"), Vf = Symbol.for("react.memo"), Hf = Symbol.for("react.lazy"), Uf = Symbol.for("react.activity"), Wf = Symbol.for("react.memo_cache_sentinel"), Gf = Symbol.iterator, Kf = Symbol.for("react.client.reference"), qf = Array.isArray, B = Of.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Jf = kf.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Yf = Object.freeze({
 			pending: !1,
 			data: null,
 			method: null,
@@ -18383,28 +18383,28 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				return u(), si(e);
 			},
 			use: function(e) {
-				return l(), Fa(e);
+				return c(), Fa(e);
 			},
 			useCallback: function(e, t) {
-				return X = "useCallback", l(), k(), To(e, t);
+				return X = "useCallback", c(), k(), To(e, t);
 			},
 			useContext: function(e) {
-				return X = "useContext", l(), k(), si(e);
+				return X = "useContext", c(), k(), si(e);
 			},
 			useEffect: function(e, t) {
-				return X = "useEffect", l(), k(), vo(e, t);
+				return X = "useEffect", c(), k(), vo(e, t);
 			},
 			useImperativeHandle: function(e, t, n) {
-				return X = "useImperativeHandle", l(), k(), Co(e, t, n);
+				return X = "useImperativeHandle", c(), k(), Co(e, t, n);
 			},
 			useInsertionEffect: function(e, t) {
-				X = "useInsertionEffect", l(), k(), go(4, hy, e, t);
+				X = "useInsertionEffect", c(), k(), go(4, hy, e, t);
 			},
 			useLayoutEffect: function(e, t) {
-				return X = "useLayoutEffect", l(), k(), xo(e, t);
+				return X = "useLayoutEffect", c(), k(), xo(e, t);
 			},
 			useMemo: function(e, t) {
-				X = "useMemo", l(), k();
+				X = "useMemo", c(), k();
 				var n = B.H;
 				B.H = Hy;
 				try {
@@ -18414,7 +18414,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useReducer: function(e, t, n) {
-				X = "useReducer", l(), k();
+				X = "useReducer", c(), k();
 				var r = B.H;
 				B.H = Hy;
 				try {
@@ -18424,10 +18424,10 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useRef: function(e) {
-				return X = "useRef", l(), k(), ho(e);
+				return X = "useRef", c(), k(), ho(e);
 			},
 			useState: function(e) {
-				X = "useState", l(), k();
+				X = "useState", c(), k();
 				var t = B.H;
 				B.H = Hy;
 				try {
@@ -18437,66 +18437,66 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useDebugValue: function() {
-				X = "useDebugValue", l(), k();
+				X = "useDebugValue", c(), k();
 			},
 			useDeferredValue: function(e, t) {
-				return X = "useDeferredValue", l(), k(), ko(e, t);
+				return X = "useDeferredValue", c(), k(), ko(e, t);
 			},
 			useTransition: function() {
-				return X = "useTransition", l(), k(), zo();
+				return X = "useTransition", c(), k(), zo();
 			},
 			useSyncExternalStore: function(e, t, n) {
-				return X = "useSyncExternalStore", l(), k(), Ha(e, t, n);
+				return X = "useSyncExternalStore", c(), k(), Ha(e, t, n);
 			},
 			useId: function() {
-				return X = "useId", l(), k(), Uo();
+				return X = "useId", c(), k(), Uo();
 			},
 			useFormState: function(e, t) {
-				return X = "useFormState", l(), k(), co(e, t);
+				return X = "useFormState", c(), k(), co(e, t);
 			},
 			useActionState: function(e, t) {
-				return X = "useActionState", l(), k(), co(e, t);
+				return X = "useActionState", c(), k(), co(e, t);
 			},
 			useOptimistic: function(e) {
-				return X = "useOptimistic", l(), k(), Za(e);
+				return X = "useOptimistic", c(), k(), Za(e);
 			},
 			useMemoCache: function(e) {
-				return l(), Ia(e);
+				return c(), Ia(e);
 			},
 			useHostTransitionStatus: Ho,
 			useCacheRefresh: function() {
 				return X = "useCacheRefresh", k(), Wo();
 			},
 			useEffectEvent: function(e) {
-				return X = "useEffectEvent", l(), k(), bo(e);
+				return X = "useEffectEvent", c(), k(), bo(e);
 			}
 		}, Uy = {
 			readContext: function(e) {
 				return u(), si(e);
 			},
 			use: function(e) {
-				return l(), Fa(e);
+				return c(), Fa(e);
 			},
 			useCallback: function(e, t) {
-				return X = "useCallback", l(), A(), Eo(e, t);
+				return X = "useCallback", c(), A(), Eo(e, t);
 			},
 			useContext: function(e) {
-				return X = "useContext", l(), A(), si(e);
+				return X = "useContext", c(), A(), si(e);
 			},
 			useEffect: function(e, t) {
-				X = "useEffect", l(), A(), _o(2048, _y, e, t);
+				X = "useEffect", c(), A(), _o(2048, _y, e, t);
 			},
 			useImperativeHandle: function(e, t, n) {
-				return X = "useImperativeHandle", l(), A(), wo(e, t, n);
+				return X = "useImperativeHandle", c(), A(), wo(e, t, n);
 			},
 			useInsertionEffect: function(e, t) {
-				return X = "useInsertionEffect", l(), A(), _o(4, hy, e, t);
+				return X = "useInsertionEffect", c(), A(), _o(4, hy, e, t);
 			},
 			useLayoutEffect: function(e, t) {
-				return X = "useLayoutEffect", l(), A(), _o(4, gy, e, t);
+				return X = "useLayoutEffect", c(), A(), _o(4, gy, e, t);
 			},
 			useMemo: function(e, t) {
-				X = "useMemo", l(), A();
+				X = "useMemo", c(), A();
 				var n = B.H;
 				B.H = Uy;
 				try {
@@ -18506,7 +18506,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useReducer: function(e, t, n) {
-				X = "useReducer", l(), A();
+				X = "useReducer", c(), A();
 				var r = B.H;
 				B.H = Uy;
 				try {
@@ -18516,10 +18516,10 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useRef: function() {
-				return X = "useRef", l(), A(), j().memoizedState;
+				return X = "useRef", c(), A(), j().memoizedState;
 			},
 			useState: function() {
-				X = "useState", l(), A();
+				X = "useState", c(), A();
 				var e = B.H;
 				B.H = Uy;
 				try {
@@ -18529,66 +18529,66 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useDebugValue: function() {
-				X = "useDebugValue", l(), A();
+				X = "useDebugValue", c(), A();
 			},
 			useDeferredValue: function(e, t) {
-				return X = "useDeferredValue", l(), A(), Ao(e, t);
+				return X = "useDeferredValue", c(), A(), Ao(e, t);
 			},
 			useTransition: function() {
-				return X = "useTransition", l(), A(), Bo();
+				return X = "useTransition", c(), A(), Bo();
 			},
 			useSyncExternalStore: function(e, t, n) {
-				return X = "useSyncExternalStore", l(), A(), Ua(e, t, n);
+				return X = "useSyncExternalStore", c(), A(), Ua(e, t, n);
 			},
 			useId: function() {
-				return X = "useId", l(), A(), j().memoizedState;
+				return X = "useId", c(), A(), j().memoizedState;
 			},
 			useFormState: function(e) {
-				return X = "useFormState", l(), A(), lo(e);
+				return X = "useFormState", c(), A(), lo(e);
 			},
 			useActionState: function(e) {
-				return X = "useActionState", l(), A(), lo(e);
+				return X = "useActionState", c(), A(), lo(e);
 			},
 			useOptimistic: function(e, t) {
-				return X = "useOptimistic", l(), A(), Qa(e, t);
+				return X = "useOptimistic", c(), A(), Qa(e, t);
 			},
 			useMemoCache: function(e) {
-				return l(), Ia(e);
+				return c(), Ia(e);
 			},
 			useHostTransitionStatus: Ho,
 			useCacheRefresh: function() {
 				return X = "useCacheRefresh", A(), j().memoizedState;
 			},
 			useEffectEvent: function(e) {
-				return X = "useEffectEvent", l(), A(), M(e);
+				return X = "useEffectEvent", c(), A(), M(e);
 			}
 		}, Wy = {
 			readContext: function(e) {
 				return u(), si(e);
 			},
 			use: function(e) {
-				return l(), Fa(e);
+				return c(), Fa(e);
 			},
 			useCallback: function(e, t) {
-				return X = "useCallback", l(), A(), Eo(e, t);
+				return X = "useCallback", c(), A(), Eo(e, t);
 			},
 			useContext: function(e) {
-				return X = "useContext", l(), A(), si(e);
+				return X = "useContext", c(), A(), si(e);
 			},
 			useEffect: function(e, t) {
-				X = "useEffect", l(), A(), _o(2048, _y, e, t);
+				X = "useEffect", c(), A(), _o(2048, _y, e, t);
 			},
 			useImperativeHandle: function(e, t, n) {
-				return X = "useImperativeHandle", l(), A(), wo(e, t, n);
+				return X = "useImperativeHandle", c(), A(), wo(e, t, n);
 			},
 			useInsertionEffect: function(e, t) {
-				return X = "useInsertionEffect", l(), A(), _o(4, hy, e, t);
+				return X = "useInsertionEffect", c(), A(), _o(4, hy, e, t);
 			},
 			useLayoutEffect: function(e, t) {
-				return X = "useLayoutEffect", l(), A(), _o(4, gy, e, t);
+				return X = "useLayoutEffect", c(), A(), _o(4, gy, e, t);
 			},
 			useMemo: function(e, t) {
-				X = "useMemo", l(), A();
+				X = "useMemo", c(), A();
 				var n = B.H;
 				B.H = Uy;
 				try {
@@ -18598,7 +18598,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useReducer: function(e, t, n) {
-				X = "useReducer", l(), A();
+				X = "useReducer", c(), A();
 				var r = B.H;
 				B.H = Uy;
 				try {
@@ -18608,10 +18608,10 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useRef: function() {
-				return X = "useRef", l(), A(), j().memoizedState;
+				return X = "useRef", c(), A(), j().memoizedState;
 			},
 			useState: function() {
-				X = "useState", l(), A();
+				X = "useState", c(), A();
 				var e = B.H;
 				B.H = Uy;
 				try {
@@ -18621,38 +18621,38 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 				}
 			},
 			useDebugValue: function() {
-				X = "useDebugValue", l(), A();
+				X = "useDebugValue", c(), A();
 			},
 			useDeferredValue: function(e, t) {
-				return X = "useDeferredValue", l(), A(), jo(e, t);
+				return X = "useDeferredValue", c(), A(), jo(e, t);
 			},
 			useTransition: function() {
-				return X = "useTransition", l(), A(), Vo();
+				return X = "useTransition", c(), A(), Vo();
 			},
 			useSyncExternalStore: function(e, t, n) {
-				return X = "useSyncExternalStore", l(), A(), Ua(e, t, n);
+				return X = "useSyncExternalStore", c(), A(), Ua(e, t, n);
 			},
 			useId: function() {
-				return X = "useId", l(), A(), j().memoizedState;
+				return X = "useId", c(), A(), j().memoizedState;
 			},
 			useFormState: function(e) {
-				return X = "useFormState", l(), A(), po(e);
+				return X = "useFormState", c(), A(), po(e);
 			},
 			useActionState: function(e) {
-				return X = "useActionState", l(), A(), po(e);
+				return X = "useActionState", c(), A(), po(e);
 			},
 			useOptimistic: function(e, t) {
-				return X = "useOptimistic", l(), A(), eo(e, t);
+				return X = "useOptimistic", c(), A(), eo(e, t);
 			},
 			useMemoCache: function(e) {
-				return l(), Ia(e);
+				return c(), Ia(e);
 			},
 			useHostTransitionStatus: Ho,
 			useCacheRefresh: function() {
 				return X = "useCacheRefresh", A(), j().memoizedState;
 			},
 			useEffectEvent: function(e) {
-				return X = "useEffectEvent", l(), A(), M(e);
+				return X = "useEffectEvent", c(), A(), M(e);
 			}
 		};
 		var Gy = {}, Ky = /* @__PURE__ */ new Set(), qy = /* @__PURE__ */ new Set(), Jy = /* @__PURE__ */ new Set(), Yy = /* @__PURE__ */ new Set(), Xy = /* @__PURE__ */ new Set(), Zy = /* @__PURE__ */ new Set(), Qy = /* @__PURE__ */ new Set(), $y = /* @__PURE__ */ new Set(), eb = /* @__PURE__ */ new Set(), tb = /* @__PURE__ */ new Set();
@@ -18939,7 +18939,7 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			return n != null && (!0 === n.unstable_strictMode && (r = !0), n.identifierPrefix !== void 0 && (i = n.identifierPrefix), n.onUncaughtError !== void 0 && (a = n.onUncaughtError), n.onCaughtError !== void 0 && (o = n.onCaughtError), n.onRecoverableError !== void 0 && (s = n.onRecoverableError), n.formState !== void 0 && (c = n.formState)), t = Qd(e, 1, !0, t, n ?? null, r, i, c, a, o, s, Cf), t.context = $d(null), n = t.current, r = rl(n), r = Ge(r), i = ra(r), i.callback = null, ia(n, i, r), pi(r, "hydrateRoot()", null), n = r, t.current.lanes = n, Be(t, n), P(t), e[Jp] = t.current, uu(e), new Tf(t);
 		}, e.version = "19.2.7", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
-})), m = (/* @__PURE__ */ s(((e, t) => {
+})), h = (/* @__PURE__ */ c(((e, t) => {
 	function n() {
 		if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
 			if (process.env.NODE_ENV !== "production") throw Error("^_^");
@@ -18950,19 +18950,19 @@ var s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			}
 		}
 	}
-	process.env.NODE_ENV === "production" ? (n(), t.exports = f()) : t.exports = p();
+	process.env.NODE_ENV === "production" ? (n(), t.exports = p()) : t.exports = m();
 })))();
-function h(e) {
+function g(e) {
 	return e ? typeof e == "object" && "kind" in e && e.kind === "component" || typeof e == "object" && e && "$$typeof" in e ? !0 : typeof e == "function" && /^[A-Z]/.test(e.name ?? "") : !1;
 }
-var g = class {
+var _ = class {
 	root;
 	container;
 	entries = /* @__PURE__ */ new Map();
 	observer;
 	pendingFlush = !1;
 	observe(e) {
-		this.observer || (this.container = document.createElement("div"), this.container.className = "photon-grid-react__portal", this.container.style.position = "absolute", this.container.style.inset = "0", this.container.style.pointerEvents = "none", this.container.style.overflow = "hidden", e.appendChild(this.container), this.root = (0, m.createRoot)(this.container), this.flush(), this.observer = new MutationObserver((e) => {
+		this.observer || (this.container = document.createElement("div"), this.container.className = "photon-grid-react__portal", this.container.style.position = "absolute", this.container.style.inset = "0", this.container.style.pointerEvents = "none", this.container.style.overflow = "hidden", e.appendChild(this.container), this.root = (0, h.createRoot)(this.container), this.flush(), this.observer = new MutationObserver((e) => {
 			for (let t of e) for (let e of Array.from(t.removedNodes)) this.unmountNode(e);
 		}), this.observer.observe(e, {
 			childList: !0,
@@ -18984,7 +18984,7 @@ var g = class {
 				"summary"
 			]) {
 				let r = e.renderer?.[n];
-				h(r) ? t[n] = (e) => this.mountComponent(r, e) : typeof r == "function" && (t[n] = r);
+				g(r) ? t[n] = (e) => this.mountComponent(r, e) : typeof r == "function" && (t[n] = r);
 			}
 			return {
 				...e,
@@ -19028,7 +19028,7 @@ var g = class {
 		}, t.entries.map((t) => e("div", {
 			key: t.key,
 			style: { display: "contents" }
-		}, a(e(t.component, t.props ?? {}), t.host))));
+		}, o(e(t.component, t.props ?? {}), t.host))));
 	}
 	getComponent(e) {
 		return typeof e == "object" && e && "kind" in e ? e.component : e;
@@ -19080,26 +19080,26 @@ var g = class {
 };
 //#endregion
 //#region src/photon-grid.tsx
-function _(e) {
-	let a = n(null), s = n(null), c = n(null), l = n([]), { columns: u = [], dataSet: d = [], options: f = {} } = e;
+function v(e) {
+	let a = n(null), o = n(null), c = n(null), l = n([]), { columns: u = [], dataSet: d = [], options: f = {} } = e;
 	return t(() => {
 		if (!a.current) return;
-		let t = a.current, n = new g();
+		let t = a.current, n = new _();
 		n.observe(t), c.current = n;
-		let o = new r(t, {
+		let s = new r(t, {
 			...f,
 			columns: n.adaptColumns(u),
 			data: d
 		});
-		s.current = o;
+		o.current = s;
 		let p = [], m = (e, t) => {
 			if (!t) return;
-			let n = o.api.on(e, (e) => t(e));
+			let n = s.api.on(e, (e) => t(e));
 			p.push(n);
 		};
-		return m(i.DATA_CHANGED, e.onDataChanged), m(i.ROW_CLICKED, e.onRowClicked), m(i.ROW_DOUBLE_CLICKED, e.onRowDoubleClicked), m(i.ROW_SELECTED, e.onRowSelected), m(i.CELL_CLICKED, e.onCellClicked), m(i.CELL_DOUBLE_CLICKED, e.onCellDoubleClicked), m(i.CELL_VALUE_CHANGED, e.onCellValueChanged), m(i.CELL_SELECTION_CHANGED, e.onCellSelectionChanged), m(i.COLUMN_RESIZED, e.onColumnResized), m(i.COLUMN_MOVED, e.onColumnMoved), m(i.SORT_CHANGED, e.onSortChanged), m(i.FILTER_CHANGED, e.onFilterChanged), m(i.PAGE_CHANGED, e.onPageChanged), m(i.COLUMNS_STATE_CHANGED, e.onColumnsStateChanged), m(i.THEME_CHANGED, e.onThemeChanged), m(i.EXPORT_COMPLETE, e.onExportComplete), l.current = p, e.onGridReady?.(o.api), () => {
+		return m(i.DATA_CHANGED, e.onDataChanged), m(i.ROW_CLICKED, e.onRowClicked), m(i.ROW_DOUBLE_CLICKED, e.onRowDoubleClicked), m(i.ROW_SELECTED, e.onRowSelected), m(i.CELL_CLICKED, e.onCellClicked), m(i.CELL_DOUBLE_CLICKED, e.onCellDoubleClicked), m(i.CELL_VALUE_CHANGED, e.onCellValueChanged), m(i.CELL_SELECTION_CHANGED, e.onCellSelectionChanged), m(i.COLUMN_RESIZED, e.onColumnResized), m(i.COLUMN_MOVED, e.onColumnMoved), m(i.SORT_CHANGED, e.onSortChanged), m(i.FILTER_CHANGED, e.onFilterChanged), m(i.PAGE_CHANGED, e.onPageChanged), m(i.COLUMNS_STATE_CHANGED, e.onColumnsStateChanged), m(i.THEME_CHANGED, e.onThemeChanged), m(i.EXPORT_COMPLETE, e.onExportComplete), l.current = p, e.onGridReady?.(s.api), () => {
 			for (let e of l.current) e();
-			l.current = [], s.current?.destroy(), s.current = null, c.current?.dispose(), c.current = null;
+			l.current = [], o.current?.destroy(), o.current = null, c.current?.dispose(), c.current = null;
 		};
 	}, [
 		u,
@@ -19107,11 +19107,11 @@ function _(e) {
 		f
 	]), t(() => () => {
 		for (let e of l.current) e();
-		l.current = [], s.current?.destroy(), s.current = null, c.current?.dispose(), c.current = null;
-	}, []), /* @__PURE__ */ o("div", {
+		l.current = [], o.current?.destroy(), o.current = null, c.current?.dispose(), c.current = null;
+	}, []), /* @__PURE__ */ s("div", {
 		ref: a,
 		className: "photon-grid__host"
 	});
 }
 //#endregion
-export { _ as PhotonGrid, g as ReactRendererAdapter };
+export { a as PhotonAIProviderType, v as PhotonGrid, _ as ReactRendererAdapter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "photon-grid-react",
-  "version": "2.0.1",
+  "version": "2.0.4",
   "description": "A high-performance React data grid built on Photon Grid Core with virtualization, sorting, filtering, editing, grouping, and custom React renderers.",
   "type": "module",
   "keywords": [
@@ -47,7 +47,7 @@
     "*"
   ],
   "dependencies": {
-    "photon-grid-core": "^2.0.1"
+    "photon-grid-core": "^2.0.4"
   },
   "peerDependencies": {
     "react": ">=18",

package/photon-grid.d.ts

@@ -4,6 +4,35 @@ import { PhotonGridColumnDef } from './react-renderer-adapter';
 export interface PhotonGridProps {
     columns?: PhotonGridColumnDef[];
     dataSet?: Record<string, unknown>[];
+    /**
+     * Additional grid options (theme, selection, features…), forwarded verbatim
+     * to the core. Enable the natural-language AI panel — and, optionally, its
+     * Gemini generative back-end — through `options.photonAI`:
+     *
+     * @example Deterministic (offline) AI panel
+     * ```tsx
+     * <PhotonGrid options={{ photonAI: { enabled: true } }} />
+     * ```
+     *
+     * @example Gemini-powered AI panel
+     * ```tsx
+     * import { PhotonAIProviderType } from 'photon-grid-react';
+     *
+     * <PhotonGrid
+     *   options={{
+     *     photonAI: {
+     *       enabled: true,
+     *       defaultOpen: true,
+     *       provider: {
+     *         type: PhotonAIProviderType.Gemini,
+     *         apiKey: import.meta.env.VITE_GEMINI_API_KEY,
+     *         model: 'gemini-2.5-flash',
+     *       },
+     *     },
+     *   }}
+     * />
+     * ```
+     */
     options?: Partial<GridOptions>;
     onGridReady?: (api: GridApi) => void;
     onDataChanged?: (event: DataChangedEvent) => void;

package/react-renderer-adapter.d.ts

@@ -1,12 +1,19 @@
 import { ComponentType } from 'react';
-import { ColumnDef, RendererOutput } from 'photon-grid-core';
+import { ColumnDef, ColumnDefInput, RendererOutput } from 'photon-grid-core';
 export interface ReactRendererSpec {
     kind: 'component';
     component: ComponentType<Record<string, unknown>>;
     props?: (params: unknown) => Record<string, unknown>;
 }
 type RendererSlotValue = ((params: unknown) => RendererOutput) | ReactRendererSpec | ComponentType<Record<string, unknown>> | undefined;
-type PhotonGridColumnDef = Omit<ColumnDef, 'renderer'> & {
+/**
+ * React column definition. Built on the core's {@link ColumnDefInput}, so it
+ * inherits the same relaxed contract: **only `field` is required**; `colId`,
+ * `header` and `type` are optional and defaulted by the core (auto `colId`,
+ * header from the field in Title Case, `type` defaulting to `'string'`). The
+ * `renderer` slots additionally accept React components/specs.
+ */
+type PhotonGridColumnDef = Omit<ColumnDefInput, 'renderer'> & {
     renderer?: {
         display?: RendererSlotValue;
         editor?: RendererSlotValue;