@xylabs/react-pixel-debugger 3.1.0-rc.4 → 3.1.0-rc.5

package/dist/browser/PixelEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEvent.d.ts","sourceRoot":"","sources":["../../src/PixelEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/browser/components/PixelDebugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsDjC,CAAA"}

package/dist/browser/components/PixelDebuggerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebuggerProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEpE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAGxD,CAAA"}

package/dist/browser/components/PixelDebuggerToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebuggerToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAWtD,CAAA"}

package/dist/browser/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}

package/dist/browser/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/dist/browser/hooks/usePixelAltSendHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePixelAltSendHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,uBAAwB,MAAM,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,SAmB3G,CAAA"}

package/dist/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}

package/dist/node/PixelEvent.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEvent.d.ts","sourceRoot":"","sources":["../../src/PixelEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/node/PixelEvent.d.ts

@@ -0,0 +1,5 @@
+export interface PixelEvent {
+    event: string;
+    fields?: unknown;
+}
+//# sourceMappingURL=PixelEvent.d.ts.map

package/dist/node/PixelEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelEvent.d.ts","sourceRoot":"","sources":["../../src/PixelEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/node/PixelEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/PixelEvent.ts"],"sourcesContent":["export interface PixelEvent {\n  event: string\n  fields?: unknown\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/node/components/PixelDebugger.d.mts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const PixelDebugger: React.FC;
+//# sourceMappingURL=PixelDebugger.d.ts.map

package/dist/node/components/PixelDebugger.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsDjC,CAAA"}

package/dist/node/components/PixelDebugger.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const PixelDebugger: React.FC;
+//# sourceMappingURL=PixelDebugger.d.ts.map

package/dist/node/components/PixelDebugger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebugger.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsDjC,CAAA"}

package/dist/node/components/PixelDebugger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PixelDebugger.tsx"],"sourcesContent":["import { Badge, Card, Divider, Typography, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { Portal } from '@xylabs/react-portal'\nimport { useContext, useState } from 'react'\n\nimport { usePixelAltSendHandler } from '../hooks'\nimport { PixelEvent } from '../PixelEvent'\n\nexport const PixelDebugger: React.FC = () => {\n  const { isDebugging } = useContext(DebugUserEventsContext)\n  //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand\n  const theme = useTheme()\n  const [displayEvents, setDisplayEvents] = useState(false)\n  const [events, setEvents] = useState<PixelEvent[]>([])\n\n  usePixelAltSendHandler((event: string, fields?: Record<string, unknown>) => {\n    setEvents((events) => [{ event, fields }, ...events])\n  })\n\n  if (!isDebugging) {\n    return null\n  }\n\n  return (\n    <Portal>\n      <div style={{ bottom: 0, left: 0, position: 'fixed', width: 350 }}>\n        <Badge badgeContent={events.length} color=\"primary\" sx={{ width: '100%' }}>\n          <Card\n            variant=\"outlined\"\n            sx={{\n              backdropFilter: 'blur(16px) saturate(180%)',\n              backgroundColor: 'rgba(18, 18, 18, .70)',\n              overflowY: 'auto',\n              width: '100%',\n            }}\n            color={theme.palette.primary.main}\n          >\n            <FlexCol alignItems=\"stretch\" sx={{ flexFlow: 'column', maxHeight: 400 }}>\n              <FlexCol alignItems=\"stretch\" sx={{ flex: '0 1 auto' }}>\n                <ButtonEx variant=\"text\" onClick={() => setDisplayEvents(!displayEvents)}>\n                  XY Pixel Debugger\n                </ButtonEx>\n              </FlexCol>\n              {displayEvents && !!events.length && (\n                <FlexCol\n                  alignItems=\"stretch\"\n                  alignContent=\"start\"\n                  padding={2}\n                  sx={{ cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' }}\n                >\n                  {events.map((e, index) => (\n                    <PixelEventDetails key={`${e.event}-${index}`} events={events} index={index} {...e} />\n                  ))}\n                </FlexCol>\n              )}\n              {displayEvents && !events.length && <Typography variant=\"subtitle2\">No Events</Typography>}\n            </FlexCol>\n          </Card>\n        </Badge>\n      </div>\n    </Portal>\n  )\n}\n\nconst PixelEventDetails: React.FC<PixelEvent & { events: PixelEvent[]; index: number }> = ({ event, fields, index, events }) => {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <FlexCol alignItems=\"stretch\" marginBottom={0.5} onClick={() => setIsOpen(!isOpen)}>\n      <Typography variant=\"subtitle2\">{event}</Typography>\n      {isOpen && (\n        <Typography marginBottom={0.5} variant=\"caption\">\n          {JSON.stringify(fields, null, 2)}\n        </Typography>\n      )}\n      {events[index + 1] && <Divider />}\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCY;AAvCZ,sBAA2D;AAC3D,0BAAyB;AACzB,2BAAwB;AACxB,yBAAuC;AACvC,0BAAuB;AACvB,mBAAqC;AAErC,mBAAuC;AAGhC,MAAM,gBAA0B,MAAM;AAC3C,QAAM,EAAE,YAAY,QAAI,yBAAW,yCAAsB;AAEzD,QAAM,YAAQ,0BAAS;AACvB,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AACxD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAuB,CAAC,CAAC;AAErD,2CAAuB,CAAC,OAAe,WAAqC;AAC1E,cAAU,CAACA,YAAW,CAAC,EAAE,OAAO,OAAO,GAAG,GAAGA,OAAM,CAAC;AAAA,EACtD,CAAC;AAED,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE,4CAAC,8BACC,sDAAC,SAAI,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,SAAS,OAAO,IAAI,GAC9D,sDAAC,yBAAM,cAAc,OAAO,QAAQ,OAAM,WAAU,IAAI,EAAE,OAAO,OAAO,GACtE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAI;AAAA,QACF,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAE7B,uDAAC,gCAAQ,YAAW,WAAU,IAAI,EAAE,UAAU,UAAU,WAAW,IAAI,GACrE;AAAA,oDAAC,gCAAQ,YAAW,WAAU,IAAI,EAAE,MAAM,WAAW,GACnD,sDAAC,gCAAS,SAAQ,QAAO,SAAS,MAAM,iBAAiB,CAAC,aAAa,GAAG,+BAE1E,GACF;AAAA,QACC,iBAAiB,CAAC,CAAC,OAAO,UACzB;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,cAAa;AAAA,YACb,SAAS;AAAA,YACT,IAAI,EAAE,QAAQ,WAAW,MAAM,YAAY,WAAW,QAAQ,YAAY,OAAO;AAAA,YAEhF,iBAAO,IAAI,CAAC,GAAG,UACd,4CAAC,qBAA8C,QAAgB,OAAe,GAAG,KAAzD,GAAG,EAAE,KAAK,IAAI,KAAK,EAAyC,CACrF;AAAA;AAAA,QACH;AAAA,QAED,iBAAiB,CAAC,OAAO,UAAU,4CAAC,8BAAW,SAAQ,aAAY,uBAAS;AAAA,SAC/E;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,oBAAoF,CAAC,EAAE,OAAO,QAAQ,OAAO,OAAO,MAAM;AAC9H,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,SACE,6CAAC,gCAAQ,YAAW,WAAU,cAAc,KAAK,SAAS,MAAM,UAAU,CAAC,MAAM,GAC/E;AAAA,gDAAC,8BAAW,SAAQ,aAAa,iBAAM;AAAA,IACtC,UACC,4CAAC,8BAAW,cAAc,KAAK,SAAQ,WACpC,eAAK,UAAU,QAAQ,MAAM,CAAC,GACjC;AAAA,IAED,OAAO,QAAQ,CAAC,KAAK,4CAAC,2BAAQ;AAAA,KACjC;AAEJ;","names":["events"]}

package/dist/node/components/PixelDebugger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PixelDebugger.tsx"],"sourcesContent":["import { Badge, Card, Divider, Typography, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { Portal } from '@xylabs/react-portal'\nimport { useContext, useState } from 'react'\n\nimport { usePixelAltSendHandler } from '../hooks'\nimport { PixelEvent } from '../PixelEvent'\n\nexport const PixelDebugger: React.FC = () => {\n  const { isDebugging } = useContext(DebugUserEventsContext)\n  //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand\n  const theme = useTheme()\n  const [displayEvents, setDisplayEvents] = useState(false)\n  const [events, setEvents] = useState<PixelEvent[]>([])\n\n  usePixelAltSendHandler((event: string, fields?: Record<string, unknown>) => {\n    setEvents((events) => [{ event, fields }, ...events])\n  })\n\n  if (!isDebugging) {\n    return null\n  }\n\n  return (\n    <Portal>\n      <div style={{ bottom: 0, left: 0, position: 'fixed', width: 350 }}>\n        <Badge badgeContent={events.length} color=\"primary\" sx={{ width: '100%' }}>\n          <Card\n            variant=\"outlined\"\n            sx={{\n              backdropFilter: 'blur(16px) saturate(180%)',\n              backgroundColor: 'rgba(18, 18, 18, .70)',\n              overflowY: 'auto',\n              width: '100%',\n            }}\n            color={theme.palette.primary.main}\n          >\n            <FlexCol alignItems=\"stretch\" sx={{ flexFlow: 'column', maxHeight: 400 }}>\n              <FlexCol alignItems=\"stretch\" sx={{ flex: '0 1 auto' }}>\n                <ButtonEx variant=\"text\" onClick={() => setDisplayEvents(!displayEvents)}>\n                  XY Pixel Debugger\n                </ButtonEx>\n              </FlexCol>\n              {displayEvents && !!events.length && (\n                <FlexCol\n                  alignItems=\"stretch\"\n                  alignContent=\"start\"\n                  padding={2}\n                  sx={{ cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' }}\n                >\n                  {events.map((e, index) => (\n                    <PixelEventDetails key={`${e.event}-${index}`} events={events} index={index} {...e} />\n                  ))}\n                </FlexCol>\n              )}\n              {displayEvents && !events.length && <Typography variant=\"subtitle2\">No Events</Typography>}\n            </FlexCol>\n          </Card>\n        </Badge>\n      </div>\n    </Portal>\n  )\n}\n\nconst PixelEventDetails: React.FC<PixelEvent & { events: PixelEvent[]; index: number }> = ({ event, fields, index, events }) => {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <FlexCol alignItems=\"stretch\" marginBottom={0.5} onClick={() => setIsOpen(!isOpen)}>\n      <Typography variant=\"subtitle2\">{event}</Typography>\n      {isOpen && (\n        <Typography marginBottom={0.5} variant=\"caption\">\n          {JSON.stringify(fields, null, 2)}\n        </Typography>\n      )}\n      {events[index + 1] && <Divider />}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAuCY,SAEI,KAFJ;AAvCZ,SAAS,OAAO,MAAM,SAAS,YAAY,gBAAgB;AAC3D,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,8BAA8B;AACvC,SAAS,cAAc;AACvB,SAAS,YAAY,gBAAgB;AAErC,SAAS,8BAA8B;AAGhC,MAAM,gBAA0B,MAAM;AAC3C,QAAM,EAAE,YAAY,IAAI,WAAW,sBAAsB;AAEzD,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAuB,CAAC,CAAC;AAErD,yBAAuB,CAAC,OAAe,WAAqC;AAC1E,cAAU,CAACA,YAAW,CAAC,EAAE,OAAO,OAAO,GAAG,GAAGA,OAAM,CAAC;AAAA,EACtD,CAAC;AAED,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,UACC,8BAAC,SAAI,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,SAAS,OAAO,IAAI,GAC9D,8BAAC,SAAM,cAAc,OAAO,QAAQ,OAAM,WAAU,IAAI,EAAE,OAAO,OAAO,GACtE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAI;AAAA,QACF,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAE7B,+BAAC,WAAQ,YAAW,WAAU,IAAI,EAAE,UAAU,UAAU,WAAW,IAAI,GACrE;AAAA,4BAAC,WAAQ,YAAW,WAAU,IAAI,EAAE,MAAM,WAAW,GACnD,8BAAC,YAAS,SAAQ,QAAO,SAAS,MAAM,iBAAiB,CAAC,aAAa,GAAG,+BAE1E,GACF;AAAA,QACC,iBAAiB,CAAC,CAAC,OAAO,UACzB;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,cAAa;AAAA,YACb,SAAS;AAAA,YACT,IAAI,EAAE,QAAQ,WAAW,MAAM,YAAY,WAAW,QAAQ,YAAY,OAAO;AAAA,YAEhF,iBAAO,IAAI,CAAC,GAAG,UACd,oBAAC,qBAA8C,QAAgB,OAAe,GAAG,KAAzD,GAAG,EAAE,KAAK,IAAI,KAAK,EAAyC,CACrF;AAAA;AAAA,QACH;AAAA,QAED,iBAAiB,CAAC,OAAO,UAAU,oBAAC,cAAW,SAAQ,aAAY,uBAAS;AAAA,SAC/E;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,oBAAoF,CAAC,EAAE,OAAO,QAAQ,OAAO,OAAO,MAAM;AAC9H,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,SACE,qBAAC,WAAQ,YAAW,WAAU,cAAc,KAAK,SAAS,MAAM,UAAU,CAAC,MAAM,GAC/E;AAAA,wBAAC,cAAW,SAAQ,aAAa,iBAAM;AAAA,IACtC,UACC,oBAAC,cAAW,cAAc,KAAK,SAAQ,WACpC,eAAK,UAAU,QAAQ,MAAM,CAAC,GACjC;AAAA,IAED,OAAO,QAAQ,CAAC,KAAK,oBAAC,WAAQ;AAAA,KACjC;AAEJ;","names":["events"]}

package/dist/node/components/PixelDebuggerProvider.d.mts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export declare const PixelDebuggerProvider: React.FC<WithChildren>;
+//# sourceMappingURL=PixelDebuggerProvider.d.ts.map

package/dist/node/components/PixelDebuggerProvider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebuggerProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEpE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAGxD,CAAA"}

package/dist/node/components/PixelDebuggerProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export declare const PixelDebuggerProvider: React.FC<WithChildren>;
+//# sourceMappingURL=PixelDebuggerProvider.d.ts.map

package/dist/node/components/PixelDebuggerProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebuggerProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEpE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAGxD,CAAA"}

package/dist/node/components/PixelDebuggerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PixelDebuggerProvider.tsx"],"sourcesContent":["import { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useLocalStorage, WithChildren } from '@xylabs/react-shared'\n\nexport const PixelDebuggerProvider: React.FC<WithChildren> = ({ children }) => {\n  const [isDebugging, setIsDebugging] = useLocalStorage<boolean>('isDebuggingPixel', false)\n  return <DebugUserEventsContext.Provider value={{ isDebugging, setIsDebugging }}>{children}</DebugUserEventsContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKS;AALT,yBAAuC;AACvC,0BAA8C;AAEvC,MAAM,wBAAgD,CAAC,EAAE,SAAS,MAAM;AAC7E,QAAM,CAAC,aAAa,cAAc,QAAI,qCAAyB,oBAAoB,KAAK;AACxF,SAAO,4CAAC,0CAAuB,UAAvB,EAAgC,OAAO,EAAE,aAAa,eAAe,GAAI,UAAS;AAC5F;","names":[]}

package/dist/node/components/PixelDebuggerProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PixelDebuggerProvider.tsx"],"sourcesContent":["import { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useLocalStorage, WithChildren } from '@xylabs/react-shared'\n\nexport const PixelDebuggerProvider: React.FC<WithChildren> = ({ children }) => {\n  const [isDebugging, setIsDebugging] = useLocalStorage<boolean>('isDebuggingPixel', false)\n  return <DebugUserEventsContext.Provider value={{ isDebugging, setIsDebugging }}>{children}</DebugUserEventsContext.Provider>\n}\n"],"mappings":"AAKS;AALT,SAAS,8BAA8B;AACvC,SAAS,uBAAqC;AAEvC,MAAM,wBAAgD,CAAC,EAAE,SAAS,MAAM;AAC7E,QAAM,CAAC,aAAa,cAAc,IAAI,gBAAyB,oBAAoB,KAAK;AACxF,SAAO,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,aAAa,eAAe,GAAI,UAAS;AAC5F;","names":[]}

package/dist/node/components/PixelDebuggerToggle.d.mts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BusyBoxProps } from '@xylabs/react-flexbox';
+export declare const PixelDebuggerToggle: React.FC<BusyBoxProps>;
+//# sourceMappingURL=PixelDebuggerToggle.d.ts.map

package/dist/node/components/PixelDebuggerToggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebuggerToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAWtD,CAAA"}

package/dist/node/components/PixelDebuggerToggle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BusyBoxProps } from '@xylabs/react-flexbox';
+export declare const PixelDebuggerToggle: React.FC<BusyBoxProps>;
+//# sourceMappingURL=PixelDebuggerToggle.d.ts.map

package/dist/node/components/PixelDebuggerToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixelDebuggerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebuggerToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAWtD,CAAA"}

package/dist/node/components/PixelDebuggerToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PixelDebuggerToggle.tsx"],"sourcesContent":["import { FormControl, FormLabel, Switch } from '@mui/material'\nimport { BusyBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useContext } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n  const { setIsDebugging, isDebugging } = useContext(DebugUserEventsContext)\n\n  return (\n    <FlexRow {...props}>\n      <FormControl>\n        <FormLabel>Enable Debugger</FormLabel>\n        <Switch checked={isDebugging} onClick={() => setIsDebugging(!isDebugging)} />\n      </FormControl>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AAVN,sBAA+C;AAC/C,2BAAsC;AACtC,yBAAuC;AACvC,mBAA2B;AAEpB,MAAM,sBAA8C,CAAC,EAAE,GAAG,MAAM,MAAM;AAC3E,QAAM,EAAE,gBAAgB,YAAY,QAAI,yBAAW,yCAAsB;AAEzE,SACE,4CAAC,gCAAS,GAAG,OACX,uDAAC,+BACC;AAAA,gDAAC,6BAAU,6BAAe;AAAA,IAC1B,4CAAC,0BAAO,SAAS,aAAa,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA,KAC7E,GACF;AAEJ;","names":[]}

package/dist/node/components/PixelDebuggerToggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/PixelDebuggerToggle.tsx"],"sourcesContent":["import { FormControl, FormLabel, Switch } from '@mui/material'\nimport { BusyBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useContext } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n  const { setIsDebugging, isDebugging } = useContext(DebugUserEventsContext)\n\n  return (\n    <FlexRow {...props}>\n      <FormControl>\n        <FormLabel>Enable Debugger</FormLabel>\n        <Switch checked={isDebugging} onClick={() => setIsDebugging(!isDebugging)} />\n      </FormControl>\n    </FlexRow>\n  )\n}\n"],"mappings":"AAUM,SACE,KADF;AAVN,SAAS,aAAa,WAAW,cAAc;AAC/C,SAAuB,eAAe;AACtC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAEpB,MAAM,sBAA8C,CAAC,EAAE,GAAG,MAAM,MAAM;AAC3E,QAAM,EAAE,gBAAgB,YAAY,IAAI,WAAW,sBAAsB;AAEzE,SACE,oBAAC,WAAS,GAAG,OACX,+BAAC,eACC;AAAA,wBAAC,aAAU,6BAAe;AAAA,IAC1B,oBAAC,UAAO,SAAS,aAAa,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA,KAC7E,GACF;AAEJ;","names":[]}

package/dist/node/components/index.d.mts

@@ -0,0 +1,4 @@
+export * from './PixelDebugger';
+export * from './PixelDebuggerProvider';
+export * from './PixelDebuggerToggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}

package/dist/node/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './PixelDebugger';
+export * from './PixelDebuggerProvider';
+export * from './PixelDebuggerToggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}

package/dist/node/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './PixelDebugger'\nexport * from './PixelDebuggerProvider'\nexport * from './PixelDebuggerToggle'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,4BAAd;AACA,+BAAc,oCADd;AAEA,+BAAc,kCAFd;","names":[]}

package/dist/node/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './PixelDebugger'\nexport * from './PixelDebuggerProvider'\nexport * from './PixelDebuggerToggle'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/hooks/index.d.mts

@@ -0,0 +1,2 @@
+export * from './usePixelAltSendHandler';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/hooks/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/dist/node/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './usePixelAltSendHandler';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/dist/node/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './usePixelAltSendHandler'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qCAAd;","names":[]}

package/dist/node/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './usePixelAltSendHandler'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/node/hooks/usePixelAltSendHandler.d.mts

@@ -0,0 +1,2 @@
+export declare const usePixelAltSendHandler: (altHandler: (event: string, fields?: Record<string, unknown>) => void) => void;
+//# sourceMappingURL=usePixelAltSendHandler.d.ts.map

package/dist/node/hooks/usePixelAltSendHandler.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePixelAltSendHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,uBAAwB,MAAM,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,SAmB3G,CAAA"}

package/dist/node/hooks/usePixelAltSendHandler.d.ts

@@ -0,0 +1,2 @@
+export declare const usePixelAltSendHandler: (altHandler: (event: string, fields?: Record<string, unknown>) => void) => void;
+//# sourceMappingURL=usePixelAltSendHandler.d.ts.map

package/dist/node/hooks/usePixelAltSendHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePixelAltSendHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,uBAAwB,MAAM,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,SAmB3G,CAAA"}

package/dist/node/hooks/usePixelAltSendHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"sourcesContent":["import { XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n  const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()\n  useEffect(() => {\n    if (!pixelSend && XyPixel.instance.send) {\n      const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)\n      setPixelSend(oldHandler)\n    } else {\n      XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>, eventId?: string) => {\n        altHandler(event, fields)\n        return await pixelSend?.(event, fields, eventId)\n      }\n    }\n    return () => {\n      //restore send on unmount\n      if (pixelSend) {\n        XyPixel.instance.send = pixelSend\n      }\n    }\n  }, [pixelSend, altHandler])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AACxB,mBAAoC;AAE7B,MAAM,yBAAyB,CAAC,eAA0E;AAC/G,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAuC;AACzE,8BAAU,MAAM;AACd,QAAI,CAAC,aAAa,qBAAQ,SAAS,MAAM;AACvC,YAAM,aAAa,qBAAQ,SAAS,KAAK,KAAK,qBAAQ,QAAQ;AAC9D,mBAAa,UAAU;AAAA,IACzB,OAAO;AACL,2BAAQ,SAAS,OAAO,OAAO,OAAe,QAAkC,YAAqB;AACnG,mBAAW,OAAO,MAAM;AACxB,eAAO,MAAM,YAAY,OAAO,QAAQ,OAAO;AAAA,MACjD;AAAA,IACF;AACA,WAAO,MAAM;AAEX,UAAI,WAAW;AACb,6BAAQ,SAAS,OAAO;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAC5B;","names":[]}

package/dist/node/hooks/usePixelAltSendHandler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePixelAltSendHandler.ts"],"sourcesContent":["import { XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n  const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()\n  useEffect(() => {\n    if (!pixelSend && XyPixel.instance.send) {\n      const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)\n      setPixelSend(oldHandler)\n    } else {\n      XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>, eventId?: string) => {\n        altHandler(event, fields)\n        return await pixelSend?.(event, fields, eventId)\n      }\n    }\n    return () => {\n      //restore send on unmount\n      if (pixelSend) {\n        XyPixel.instance.send = pixelSend\n      }\n    }\n  }, [pixelSend, altHandler])\n}\n"],"mappings":"AAAA,SAAS,eAAe;AACxB,SAAS,WAAW,gBAAgB;AAE7B,MAAM,yBAAyB,CAAC,eAA0E;AAC/G,QAAM,CAAC,WAAW,YAAY,IAAI,SAAuC;AACzE,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,QAAQ,SAAS,MAAM;AACvC,YAAM,aAAa,QAAQ,SAAS,KAAK,KAAK,QAAQ,QAAQ;AAC9D,mBAAa,UAAU;AAAA,IACzB,OAAO;AACL,cAAQ,SAAS,OAAO,OAAO,OAAe,QAAkC,YAAqB;AACnG,mBAAW,OAAO,MAAM;AACxB,eAAO,MAAM,YAAY,OAAO,QAAQ,OAAO;AAAA,MACjD;AAAA,IACF;AACA,WAAO,MAAM;AAEX,UAAI,WAAW;AACb,gBAAQ,SAAS,OAAO;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAC5B;","names":[]}

package/dist/node/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}

package/dist/node/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './hooks';
+export * from './PixelEvent';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './PixelEvent'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,oBADd;AAEA,wBAAc,yBAFd;","names":[]}

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './PixelEvent'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/package.json

@@ -13,18 +13,18 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-button": "~3.1.0-rc.4",
-    "@xylabs/react-flexbox": "~3.1.0-rc.4",
-    "@xylabs/react-pixel": "~3.1.0-rc.4",
-    "@xylabs/react-portal": "~3.1.0-rc.4",
-    "@xylabs/react-shared": "~3.1.0-rc.4"
+    "@xylabs/react-button": "~3.1.0-rc.5",
+    "@xylabs/react-flexbox": "~3.1.0-rc.5",
+    "@xylabs/react-pixel": "~3.1.0-rc.5",
+    "@xylabs/react-portal": "~3.1.0-rc.5",
+    "@xylabs/react-shared": "~3.1.0-rc.5"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
     "@storybook/react": "^7.4.3",
     "@xylabs/pixel": "^1.4.14",
-    "@xylabs/ts-scripts-yarn3": "^3.0.36",
-    "@xylabs/tsconfig-react": "^3.0.36",
+    "@xylabs/ts-scripts-yarn3": "^3.0.52",
+    "@xylabs/tsconfig-react": "^3.0.52",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
@@ -43,33 +43,28 @@
     ".": {
       "node": {
         "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
+          "types": "./dist/node/index.d.mts",
+          "default": "./dist/node/index.mjs"
         },
         "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
+          "types": "./dist/node/index.d.ts",
+          "default": "./dist/node/index.js"
         }
       },
       "browser": {
-        "import": {
-          "types": "./dist/esm/index.d.ts",
-          "default": "./dist/esm/index.js"
-        },
-        "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
-        }
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.js"
       },
-      "default": "./dist/index.mjs"
+      "default": "./dist/browser/index.js"
     },
     "./dist/docs.json": {
       "default": "./dist/docs.json"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "types": "dist/browser/index.d.ts",
+  "main": "./dist/node/index.js",
+  "module": "./dist/browser/index.js",
   "homepage": "https://xylabs.com",
   "keywords": [
     "utility",
@@ -85,7 +80,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "types": "dist/index.d.ts",
-  "version": "3.1.0-rc.4",
+  "version": "3.1.0-rc.5",
   "stableVersion": "3.0.0"
 }

package/dist/PixelEvent.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelEvent.d.ts","sourceRoot":"","sources":["../src/PixelEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/PixelEvent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelEvent.d.ts","sourceRoot":"","sources":["../src/PixelEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/PixelEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/PixelEvent.ts"],"sourcesContent":["export interface PixelEvent {\n  event: string\n  fields?: unknown\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/PixelDebugger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelDebugger.d.ts","sourceRoot":"","sources":["../../src/components/PixelDebugger.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAsDjC,CAAA"}

package/dist/components/PixelDebugger.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebugger.tsx"],"sourcesContent":["import { Badge, Card, Divider, Typography, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { Portal } from '@xylabs/react-portal'\nimport { useContext, useState } from 'react'\n\nimport { usePixelAltSendHandler } from '../hooks'\nimport { PixelEvent } from '../PixelEvent'\n\nexport const PixelDebugger: React.FC = () => {\n  const { isDebugging } = useContext(DebugUserEventsContext)\n  //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand\n  const theme = useTheme()\n  const [displayEvents, setDisplayEvents] = useState(false)\n  const [events, setEvents] = useState<PixelEvent[]>([])\n\n  usePixelAltSendHandler((event: string, fields?: Record<string, unknown>) => {\n    setEvents((events) => [{ event, fields }, ...events])\n  })\n\n  if (!isDebugging) {\n    return null\n  }\n\n  return (\n    <Portal>\n      <div style={{ bottom: 0, left: 0, position: 'fixed', width: 350 }}>\n        <Badge badgeContent={events.length} color=\"primary\" sx={{ width: '100%' }}>\n          <Card\n            variant=\"outlined\"\n            sx={{\n              backdropFilter: 'blur(16px) saturate(180%)',\n              backgroundColor: 'rgba(18, 18, 18, .70)',\n              overflowY: 'auto',\n              width: '100%',\n            }}\n            color={theme.palette.primary.main}\n          >\n            <FlexCol alignItems=\"stretch\" sx={{ flexFlow: 'column', maxHeight: 400 }}>\n              <FlexCol alignItems=\"stretch\" sx={{ flex: '0 1 auto' }}>\n                <ButtonEx variant=\"text\" onClick={() => setDisplayEvents(!displayEvents)}>\n                  XY Pixel Debugger\n                </ButtonEx>\n              </FlexCol>\n              {displayEvents && !!events.length && (\n                <FlexCol\n                  alignItems=\"stretch\"\n                  alignContent=\"start\"\n                  padding={2}\n                  sx={{ cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' }}\n                >\n                  {events.map((e, index) => (\n                    <PixelEventDetails key={`${e.event}-${index}`} events={events} index={index} {...e} />\n                  ))}\n                </FlexCol>\n              )}\n              {displayEvents && !events.length && <Typography variant=\"subtitle2\">No Events</Typography>}\n            </FlexCol>\n          </Card>\n        </Badge>\n      </div>\n    </Portal>\n  )\n}\n\nconst PixelEventDetails: React.FC<PixelEvent & { events: PixelEvent[]; index: number }> = ({ event, fields, index, events }) => {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <FlexCol alignItems=\"stretch\" marginBottom={0.5} onClick={() => setIsOpen(!isOpen)}>\n      <Typography variant=\"subtitle2\">{event}</Typography>\n      {isOpen && (\n        <Typography marginBottom={0.5} variant=\"caption\">\n          {JSON.stringify(fields, null, 2)}\n        </Typography>\n      )}\n      {events[index + 1] && <Divider />}\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCY;AAvCZ,sBAA2D;AAC3D,0BAAyB;AACzB,2BAAwB;AACxB,yBAAuC;AACvC,0BAAuB;AACvB,mBAAqC;AAErC,mBAAuC;AAGhC,MAAM,gBAA0B,MAAM;AAC3C,QAAM,EAAE,YAAY,QAAI,yBAAW,yCAAsB;AAEzD,QAAM,YAAQ,0BAAS;AACvB,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AACxD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAuB,CAAC,CAAC;AAErD,2CAAuB,CAAC,OAAe,WAAqC;AAC1E,cAAU,CAACA,YAAW,CAAC,EAAE,OAAO,OAAO,GAAG,GAAGA,OAAM,CAAC;AAAA,EACtD,CAAC;AAED,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE,4CAAC,8BACC,sDAAC,SAAI,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,SAAS,OAAO,IAAI,GAC9D,sDAAC,yBAAM,cAAc,OAAO,QAAQ,OAAM,WAAU,IAAI,EAAE,OAAO,OAAO,GACtE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAI;AAAA,QACF,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAE7B,uDAAC,gCAAQ,YAAW,WAAU,IAAI,EAAE,UAAU,UAAU,WAAW,IAAI,GACrE;AAAA,oDAAC,gCAAQ,YAAW,WAAU,IAAI,EAAE,MAAM,WAAW,GACnD,sDAAC,gCAAS,SAAQ,QAAO,SAAS,MAAM,iBAAiB,CAAC,aAAa,GAAG,+BAE1E,GACF;AAAA,QACC,iBAAiB,CAAC,CAAC,OAAO,UACzB;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,cAAa;AAAA,YACb,SAAS;AAAA,YACT,IAAI,EAAE,QAAQ,WAAW,MAAM,YAAY,WAAW,QAAQ,YAAY,OAAO;AAAA,YAEhF,iBAAO,IAAI,CAAC,GAAG,UACd,4CAAC,qBAA8C,QAAgB,OAAe,GAAG,KAAzD,GAAG,EAAE,KAAK,IAAI,KAAK,EAAyC,CACrF;AAAA;AAAA,QACH;AAAA,QAED,iBAAiB,CAAC,OAAO,UAAU,4CAAC,8BAAW,SAAQ,aAAY,uBAAS;AAAA,SAC/E;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,oBAAoF,CAAC,EAAE,OAAO,QAAQ,OAAO,OAAO,MAAM;AAC9H,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,SACE,6CAAC,gCAAQ,YAAW,WAAU,cAAc,KAAK,SAAS,MAAM,UAAU,CAAC,MAAM,GAC/E;AAAA,gDAAC,8BAAW,SAAQ,aAAa,iBAAM;AAAA,IACtC,UACC,4CAAC,8BAAW,cAAc,KAAK,SAAQ,WACpC,eAAK,UAAU,QAAQ,MAAM,CAAC,GACjC;AAAA,IAED,OAAO,QAAQ,CAAC,KAAK,4CAAC,2BAAQ;AAAA,KACjC;AAEJ;","names":["events"]}

package/dist/components/PixelDebugger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebugger.tsx"],"sourcesContent":["import { Badge, Card, Divider, Typography, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { Portal } from '@xylabs/react-portal'\nimport { useContext, useState } from 'react'\n\nimport { usePixelAltSendHandler } from '../hooks'\nimport { PixelEvent } from '../PixelEvent'\n\nexport const PixelDebugger: React.FC = () => {\n  const { isDebugging } = useContext(DebugUserEventsContext)\n  //TODO - when adding in the location hook to detect location change, was dropping the setEvents in usePixelAltSendHand\n  const theme = useTheme()\n  const [displayEvents, setDisplayEvents] = useState(false)\n  const [events, setEvents] = useState<PixelEvent[]>([])\n\n  usePixelAltSendHandler((event: string, fields?: Record<string, unknown>) => {\n    setEvents((events) => [{ event, fields }, ...events])\n  })\n\n  if (!isDebugging) {\n    return null\n  }\n\n  return (\n    <Portal>\n      <div style={{ bottom: 0, left: 0, position: 'fixed', width: 350 }}>\n        <Badge badgeContent={events.length} color=\"primary\" sx={{ width: '100%' }}>\n          <Card\n            variant=\"outlined\"\n            sx={{\n              backdropFilter: 'blur(16px) saturate(180%)',\n              backgroundColor: 'rgba(18, 18, 18, .70)',\n              overflowY: 'auto',\n              width: '100%',\n            }}\n            color={theme.palette.primary.main}\n          >\n            <FlexCol alignItems=\"stretch\" sx={{ flexFlow: 'column', maxHeight: 400 }}>\n              <FlexCol alignItems=\"stretch\" sx={{ flex: '0 1 auto' }}>\n                <ButtonEx variant=\"text\" onClick={() => setDisplayEvents(!displayEvents)}>\n                  XY Pixel Debugger\n                </ButtonEx>\n              </FlexCol>\n              {displayEvents && !!events.length && (\n                <FlexCol\n                  alignItems=\"stretch\"\n                  alignContent=\"start\"\n                  padding={2}\n                  sx={{ cursor: 'pointer', flex: '1 1 auto', overflowY: 'auto', userSelect: 'none' }}\n                >\n                  {events.map((e, index) => (\n                    <PixelEventDetails key={`${e.event}-${index}`} events={events} index={index} {...e} />\n                  ))}\n                </FlexCol>\n              )}\n              {displayEvents && !events.length && <Typography variant=\"subtitle2\">No Events</Typography>}\n            </FlexCol>\n          </Card>\n        </Badge>\n      </div>\n    </Portal>\n  )\n}\n\nconst PixelEventDetails: React.FC<PixelEvent & { events: PixelEvent[]; index: number }> = ({ event, fields, index, events }) => {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <FlexCol alignItems=\"stretch\" marginBottom={0.5} onClick={() => setIsOpen(!isOpen)}>\n      <Typography variant=\"subtitle2\">{event}</Typography>\n      {isOpen && (\n        <Typography marginBottom={0.5} variant=\"caption\">\n          {JSON.stringify(fields, null, 2)}\n        </Typography>\n      )}\n      {events[index + 1] && <Divider />}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAuCY,SAEI,KAFJ;AAvCZ,SAAS,OAAO,MAAM,SAAS,YAAY,gBAAgB;AAC3D,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,8BAA8B;AACvC,SAAS,cAAc;AACvB,SAAS,YAAY,gBAAgB;AAErC,SAAS,8BAA8B;AAGhC,MAAM,gBAA0B,MAAM;AAC3C,QAAM,EAAE,YAAY,IAAI,WAAW,sBAAsB;AAEzD,QAAM,QAAQ,SAAS;AACvB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAuB,CAAC,CAAC;AAErD,yBAAuB,CAAC,OAAe,WAAqC;AAC1E,cAAU,CAACA,YAAW,CAAC,EAAE,OAAO,OAAO,GAAG,GAAGA,OAAM,CAAC;AAAA,EACtD,CAAC;AAED,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,UACC,8BAAC,SAAI,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,SAAS,OAAO,IAAI,GAC9D,8BAAC,SAAM,cAAc,OAAO,QAAQ,OAAM,WAAU,IAAI,EAAE,OAAO,OAAO,GACtE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAI;AAAA,QACF,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,OAAO,MAAM,QAAQ,QAAQ;AAAA,MAE7B,+BAAC,WAAQ,YAAW,WAAU,IAAI,EAAE,UAAU,UAAU,WAAW,IAAI,GACrE;AAAA,4BAAC,WAAQ,YAAW,WAAU,IAAI,EAAE,MAAM,WAAW,GACnD,8BAAC,YAAS,SAAQ,QAAO,SAAS,MAAM,iBAAiB,CAAC,aAAa,GAAG,+BAE1E,GACF;AAAA,QACC,iBAAiB,CAAC,CAAC,OAAO,UACzB;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,cAAa;AAAA,YACb,SAAS;AAAA,YACT,IAAI,EAAE,QAAQ,WAAW,MAAM,YAAY,WAAW,QAAQ,YAAY,OAAO;AAAA,YAEhF,iBAAO,IAAI,CAAC,GAAG,UACd,oBAAC,qBAA8C,QAAgB,OAAe,GAAG,KAAzD,GAAG,EAAE,KAAK,IAAI,KAAK,EAAyC,CACrF;AAAA;AAAA,QACH;AAAA,QAED,iBAAiB,CAAC,OAAO,UAAU,oBAAC,cAAW,SAAQ,aAAY,uBAAS;AAAA,SAC/E;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,oBAAoF,CAAC,EAAE,OAAO,QAAQ,OAAO,OAAO,MAAM;AAC9H,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,SACE,qBAAC,WAAQ,YAAW,WAAU,cAAc,KAAK,SAAS,MAAM,UAAU,CAAC,MAAM,GAC/E;AAAA,wBAAC,cAAW,SAAQ,aAAa,iBAAM;AAAA,IACtC,UACC,oBAAC,cAAW,cAAc,KAAK,SAAQ,WACpC,eAAK,UAAU,QAAQ,MAAM,CAAC,GACjC;AAAA,IAED,OAAO,QAAQ,CAAC,KAAK,oBAAC,WAAQ;AAAA,KACjC;AAEJ;","names":["events"]}

package/dist/components/PixelDebugger.stories.d.ts

@@ -1,5 +0,0 @@
-declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-export { Default };
-export default StorybookEntry;
-//# sourceMappingURL=PixelDebugger.stories.d.ts.map

package/dist/components/PixelDebugger.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelDebugger.stories.d.ts","sourceRoot":"","sources":["../../src/components/PixelDebugger.stories.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,cAAc,iJASiB,CAAA;AAkBrC,QAAA,MAAM,OAAO,6IAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

package/dist/components/PixelDebugger.stories.js

@@ -1,58 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PixelDebugger_stories_exports = {};
-__export(PixelDebugger_stories_exports, {
-  Default: () => Default,
-  default: () => PixelDebugger_stories_default
-});
-module.exports = __toCommonJS(PixelDebugger_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_pixel = require("@xylabs/pixel");
-var import_react2 = require("react");
-var import_index = require("./index");
-var import_PixelDebuggerProvider = require("./PixelDebuggerProvider");
-const StorybookEntry = {
-  argTypes: {},
-  component: import_index.PixelDebuggerToggle,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "pixel-debugger/PixelDebuggerToggle"
-};
-const Template = (args) => {
-  const [pixel, setPixel] = (0, import_react2.useState)();
-  (0, import_react2.useEffect)(() => {
-    import_pixel.XyPixel.selectApi(new import_pixel.PixelApi("local"));
-    setPixel(import_pixel.XyPixel.init("storybookPixel"));
-  }, []);
-  return pixel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_PixelDebuggerProvider.PixelDebuggerProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.PixelDebuggerToggle, { ...args }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.PixelDebugger, {})
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-};
-const Default = Template.bind({});
-Default.args = {};
-var PixelDebugger_stories_default = StorybookEntry;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Default
-});
-//# sourceMappingURL=PixelDebugger.stories.js.map

package/dist/components/PixelDebugger.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebugger.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { PixelApi, XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nimport { PixelDebugger, PixelDebuggerToggle } from './index'\nimport { PixelDebuggerProvider } from './PixelDebuggerProvider'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PixelDebuggerToggle,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'pixel-debugger/PixelDebuggerToggle',\n} as Meta<typeof PixelDebuggerToggle>\n\nconst Template: StoryFn<typeof PixelDebuggerToggle> = (args) => {\n  const [pixel, setPixel] = useState<XyPixel>()\n  useEffect(() => {\n    XyPixel.selectApi(new PixelApi('local'))\n    setPixel(XyPixel.init('storybookPixel'))\n  }, [])\n  return pixel ? (\n    <PixelDebuggerProvider>\n      <PixelDebuggerToggle {...args} />\n      <PixelDebugger />\n    </PixelDebuggerProvider>\n  ) : (\n    <></>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAxBJ,mBAAkC;AAClC,IAAAA,gBAAoC;AAEpC,mBAAmD;AACnD,mCAAsC;AAEtC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAkB;AAC5C,+BAAU,MAAM;AACd,yBAAQ,UAAU,IAAI,sBAAS,OAAO,CAAC;AACvC,aAAS,qBAAQ,KAAK,gBAAgB,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AACL,SAAO,QACL,6CAAC,sDACC;AAAA,gDAAC,oCAAqB,GAAG,MAAM;AAAA,IAC/B,4CAAC,8BAAc;AAAA,KACjB,IAEA,2EAAE;AAEN;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,gCAAQ;","names":["import_react"]}

package/dist/components/PixelDebugger.stories.mjs

@@ -1,34 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { PixelApi, XyPixel } from "@xylabs/pixel";
-import { useEffect, useState } from "react";
-import { PixelDebugger, PixelDebuggerToggle } from "./index";
-import { PixelDebuggerProvider } from "./PixelDebuggerProvider";
-const StorybookEntry = {
-  argTypes: {},
-  component: PixelDebuggerToggle,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "pixel-debugger/PixelDebuggerToggle"
-};
-const Template = (args) => {
-  const [pixel, setPixel] = useState();
-  useEffect(() => {
-    XyPixel.selectApi(new PixelApi("local"));
-    setPixel(XyPixel.init("storybookPixel"));
-  }, []);
-  return pixel ? /* @__PURE__ */ jsxs(PixelDebuggerProvider, { children: [
-    /* @__PURE__ */ jsx(PixelDebuggerToggle, { ...args }),
-    /* @__PURE__ */ jsx(PixelDebugger, {})
-  ] }) : /* @__PURE__ */ jsx(Fragment, {});
-};
-const Default = Template.bind({});
-Default.args = {};
-var PixelDebugger_stories_default = StorybookEntry;
-export {
-  Default,
-  PixelDebugger_stories_default as default
-};
-//# sourceMappingURL=PixelDebugger.stories.mjs.map

package/dist/components/PixelDebugger.stories.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebugger.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { PixelApi, XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nimport { PixelDebugger, PixelDebuggerToggle } from './index'\nimport { PixelDebuggerProvider } from './PixelDebuggerProvider'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PixelDebuggerToggle,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'pixel-debugger/PixelDebuggerToggle',\n} as Meta<typeof PixelDebuggerToggle>\n\nconst Template: StoryFn<typeof PixelDebuggerToggle> = (args) => {\n  const [pixel, setPixel] = useState<XyPixel>()\n  useEffect(() => {\n    XyPixel.selectApi(new PixelApi('local'))\n    setPixel(XyPixel.init('storybookPixel'))\n  }, [])\n  return pixel ? (\n    <PixelDebuggerProvider>\n      <PixelDebuggerToggle {...args} />\n      <PixelDebugger />\n    </PixelDebuggerProvider>\n  ) : (\n    <></>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAyBI,SAKA,UAJE,KADF;AAxBJ,SAAS,UAAU,eAAe;AAClC,SAAS,WAAW,gBAAgB;AAEpC,SAAS,eAAe,2BAA2B;AACnD,SAAS,6BAA6B;AAEtC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB;AAC5C,YAAU,MAAM;AACd,YAAQ,UAAU,IAAI,SAAS,OAAO,CAAC;AACvC,aAAS,QAAQ,KAAK,gBAAgB,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AACL,SAAO,QACL,qBAAC,yBACC;AAAA,wBAAC,uBAAqB,GAAG,MAAM;AAAA,IAC/B,oBAAC,iBAAc;AAAA,KACjB,IAEA,gCAAE;AAEN;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,gCAAQ;","names":[]}

package/dist/components/PixelDebuggerProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelDebuggerProvider.d.ts","sourceRoot":"","sources":["../../src/components/PixelDebuggerProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAmB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEpE,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAGxD,CAAA"}

package/dist/components/PixelDebuggerProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebuggerProvider.tsx"],"sourcesContent":["import { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useLocalStorage, WithChildren } from '@xylabs/react-shared'\n\nexport const PixelDebuggerProvider: React.FC<WithChildren> = ({ children }) => {\n  const [isDebugging, setIsDebugging] = useLocalStorage<boolean>('isDebuggingPixel', false)\n  return <DebugUserEventsContext.Provider value={{ isDebugging, setIsDebugging }}>{children}</DebugUserEventsContext.Provider>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKS;AALT,yBAAuC;AACvC,0BAA8C;AAEvC,MAAM,wBAAgD,CAAC,EAAE,SAAS,MAAM;AAC7E,QAAM,CAAC,aAAa,cAAc,QAAI,qCAAyB,oBAAoB,KAAK;AACxF,SAAO,4CAAC,0CAAuB,UAAvB,EAAgC,OAAO,EAAE,aAAa,eAAe,GAAI,UAAS;AAC5F;","names":[]}

package/dist/components/PixelDebuggerProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebuggerProvider.tsx"],"sourcesContent":["import { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useLocalStorage, WithChildren } from '@xylabs/react-shared'\n\nexport const PixelDebuggerProvider: React.FC<WithChildren> = ({ children }) => {\n  const [isDebugging, setIsDebugging] = useLocalStorage<boolean>('isDebuggingPixel', false)\n  return <DebugUserEventsContext.Provider value={{ isDebugging, setIsDebugging }}>{children}</DebugUserEventsContext.Provider>\n}\n"],"mappings":"AAKS;AALT,SAAS,8BAA8B;AACvC,SAAS,uBAAqC;AAEvC,MAAM,wBAAgD,CAAC,EAAE,SAAS,MAAM;AAC7E,QAAM,CAAC,aAAa,cAAc,IAAI,gBAAyB,oBAAoB,KAAK;AACxF,SAAO,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,aAAa,eAAe,GAAI,UAAS;AAC5F;","names":[]}

package/dist/components/PixelDebuggerToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelDebuggerToggle.d.ts","sourceRoot":"","sources":["../../src/components/PixelDebuggerToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAWtD,CAAA"}

package/dist/components/PixelDebuggerToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebuggerToggle.tsx"],"sourcesContent":["import { FormControl, FormLabel, Switch } from '@mui/material'\nimport { BusyBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useContext } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n  const { setIsDebugging, isDebugging } = useContext(DebugUserEventsContext)\n\n  return (\n    <FlexRow {...props}>\n      <FormControl>\n        <FormLabel>Enable Debugger</FormLabel>\n        <Switch checked={isDebugging} onClick={() => setIsDebugging(!isDebugging)} />\n      </FormControl>\n    </FlexRow>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AAVN,sBAA+C;AAC/C,2BAAsC;AACtC,yBAAuC;AACvC,mBAA2B;AAEpB,MAAM,sBAA8C,CAAC,EAAE,GAAG,MAAM,MAAM;AAC3E,QAAM,EAAE,gBAAgB,YAAY,QAAI,yBAAW,yCAAsB;AAEzE,SACE,4CAAC,gCAAS,GAAG,OACX,uDAAC,+BACC;AAAA,gDAAC,6BAAU,6BAAe;AAAA,IAC1B,4CAAC,0BAAO,SAAS,aAAa,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA,KAC7E,GACF;AAEJ;","names":[]}

package/dist/components/PixelDebuggerToggle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/PixelDebuggerToggle.tsx"],"sourcesContent":["import { FormControl, FormLabel, Switch } from '@mui/material'\nimport { BusyBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { DebugUserEventsContext } from '@xylabs/react-pixel'\nimport { useContext } from 'react'\n\nexport const PixelDebuggerToggle: React.FC<BusyBoxProps> = ({ ...props }) => {\n  const { setIsDebugging, isDebugging } = useContext(DebugUserEventsContext)\n\n  return (\n    <FlexRow {...props}>\n      <FormControl>\n        <FormLabel>Enable Debugger</FormLabel>\n        <Switch checked={isDebugging} onClick={() => setIsDebugging(!isDebugging)} />\n      </FormControl>\n    </FlexRow>\n  )\n}\n"],"mappings":"AAUM,SACE,KADF;AAVN,SAAS,aAAa,WAAW,cAAc;AAC/C,SAAuB,eAAe;AACtC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAEpB,MAAM,sBAA8C,CAAC,EAAE,GAAG,MAAM,MAAM;AAC3E,QAAM,EAAE,gBAAgB,YAAY,IAAI,WAAW,sBAAsB;AAEzE,SACE,oBAAC,WAAS,GAAG,OACX,+BAAC,eACC;AAAA,wBAAC,aAAU,6BAAe;AAAA,IAC1B,oBAAC,UAAO,SAAS,aAAa,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA,KAC7E,GACF;AAEJ;","names":[]}

package/dist/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA"}

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './PixelDebugger'\nexport * from './PixelDebuggerProvider'\nexport * from './PixelDebuggerToggle'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,4BAAd;AACA,+BAAc,oCADd;AAEA,+BAAc,kCAFd;","names":[]}

package/dist/components/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './PixelDebugger'\nexport * from './PixelDebuggerProvider'\nexport * from './PixelDebuggerToggle'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/components/PixelDebugger.stories.d.ts

@@ -1,5 +0,0 @@
-declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-export { Default };
-export default StorybookEntry;
-//# sourceMappingURL=PixelDebugger.stories.d.ts.map

package/dist/esm/components/PixelDebugger.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PixelDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PixelDebugger.stories.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,cAAc,iJASiB,CAAA;AAkBrC,QAAA,MAAM,OAAO,6IAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

package/dist/esm/components/PixelDebugger.stories.js

@@ -1,34 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { PixelApi, XyPixel } from "@xylabs/pixel";
-import { useEffect, useState } from "react";
-import { PixelDebugger, PixelDebuggerToggle } from "./index";
-import { PixelDebuggerProvider } from "./PixelDebuggerProvider";
-const StorybookEntry = {
-  argTypes: {},
-  component: PixelDebuggerToggle,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "pixel-debugger/PixelDebuggerToggle"
-};
-const Template = (args) => {
-  const [pixel, setPixel] = useState();
-  useEffect(() => {
-    XyPixel.selectApi(new PixelApi("local"));
-    setPixel(XyPixel.init("storybookPixel"));
-  }, []);
-  return pixel ? /* @__PURE__ */ jsxs(PixelDebuggerProvider, { children: [
-    /* @__PURE__ */ jsx(PixelDebuggerToggle, { ...args }),
-    /* @__PURE__ */ jsx(PixelDebugger, {})
-  ] }) : /* @__PURE__ */ jsx(Fragment, {});
-};
-const Default = Template.bind({});
-Default.args = {};
-var PixelDebugger_stories_default = StorybookEntry;
-export {
-  Default,
-  PixelDebugger_stories_default as default
-};
-//# sourceMappingURL=PixelDebugger.stories.js.map

package/dist/esm/components/PixelDebugger.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PixelDebugger.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { PixelApi, XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nimport { PixelDebugger, PixelDebuggerToggle } from './index'\nimport { PixelDebuggerProvider } from './PixelDebuggerProvider'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: PixelDebuggerToggle,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'pixel-debugger/PixelDebuggerToggle',\n} as Meta<typeof PixelDebuggerToggle>\n\nconst Template: StoryFn<typeof PixelDebuggerToggle> = (args) => {\n  const [pixel, setPixel] = useState<XyPixel>()\n  useEffect(() => {\n    XyPixel.selectApi(new PixelApi('local'))\n    setPixel(XyPixel.init('storybookPixel'))\n  }, [])\n  return pixel ? (\n    <PixelDebuggerProvider>\n      <PixelDebuggerToggle {...args} />\n      <PixelDebugger />\n    </PixelDebuggerProvider>\n  ) : (\n    <></>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAyBI,SAKA,UAJE,KADF;AAxBJ,SAAS,UAAU,eAAe;AAClC,SAAS,WAAW,gBAAgB;AAEpC,SAAS,eAAe,2BAA2B;AACnD,SAAS,6BAA6B;AAEtC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,SAAS;AAC9D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAkB;AAC5C,YAAU,MAAM;AACd,YAAQ,UAAU,IAAI,SAAS,OAAO,CAAC;AACvC,aAAS,QAAQ,KAAK,gBAAgB,CAAC;AAAA,EACzC,GAAG,CAAC,CAAC;AACL,SAAO,QACL,qBAAC,yBACC;AAAA,wBAAC,uBAAqB,GAAG,MAAM;AAAA,IAC/B,oBAAC,iBAAc;AAAA,KACjB,IAEA,gCAAE;AAEN;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,gCAAQ;","names":[]}

package/dist/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/dist/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './usePixelAltSendHandler'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qCAAd;","names":[]}

package/dist/hooks/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './usePixelAltSendHandler'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/hooks/usePixelAltSendHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePixelAltSendHandler.d.ts","sourceRoot":"","sources":["../../src/hooks/usePixelAltSendHandler.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,uBAAwB,MAAM,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,SAmB3G,CAAA"}

package/dist/hooks/usePixelAltSendHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/usePixelAltSendHandler.ts"],"sourcesContent":["import { XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n  const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()\n  useEffect(() => {\n    if (!pixelSend && XyPixel.instance.send) {\n      const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)\n      setPixelSend(oldHandler)\n    } else {\n      XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>, eventId?: string) => {\n        altHandler(event, fields)\n        return await pixelSend?.(event, fields, eventId)\n      }\n    }\n    return () => {\n      //restore send on unmount\n      if (pixelSend) {\n        XyPixel.instance.send = pixelSend\n      }\n    }\n  }, [pixelSend, altHandler])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AACxB,mBAAoC;AAE7B,MAAM,yBAAyB,CAAC,eAA0E;AAC/G,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAuC;AACzE,8BAAU,MAAM;AACd,QAAI,CAAC,aAAa,qBAAQ,SAAS,MAAM;AACvC,YAAM,aAAa,qBAAQ,SAAS,KAAK,KAAK,qBAAQ,QAAQ;AAC9D,mBAAa,UAAU;AAAA,IACzB,OAAO;AACL,2BAAQ,SAAS,OAAO,OAAO,OAAe,QAAkC,YAAqB;AACnG,mBAAW,OAAO,MAAM;AACxB,eAAO,MAAM,YAAY,OAAO,QAAQ,OAAO;AAAA,MACjD;AAAA,IACF;AACA,WAAO,MAAM;AAEX,UAAI,WAAW;AACb,6BAAQ,SAAS,OAAO;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAC5B;","names":[]}

package/dist/hooks/usePixelAltSendHandler.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/usePixelAltSendHandler.ts"],"sourcesContent":["import { XyPixel } from '@xylabs/pixel'\nimport { useEffect, useState } from 'react'\n\nexport const usePixelAltSendHandler = (altHandler: (event: string, fields?: Record<string, unknown>) => void) => {\n  const [pixelSend, setPixelSend] = useState<typeof XyPixel.instance.send>()\n  useEffect(() => {\n    if (!pixelSend && XyPixel.instance.send) {\n      const oldHandler = XyPixel.instance.send.bind(XyPixel.instance)\n      setPixelSend(oldHandler)\n    } else {\n      XyPixel.instance.send = async (event: string, fields?: Record<string, unknown>, eventId?: string) => {\n        altHandler(event, fields)\n        return await pixelSend?.(event, fields, eventId)\n      }\n    }\n    return () => {\n      //restore send on unmount\n      if (pixelSend) {\n        XyPixel.instance.send = pixelSend\n      }\n    }\n  }, [pixelSend, altHandler])\n}\n"],"mappings":"AAAA,SAAS,eAAe;AACxB,SAAS,WAAW,gBAAgB;AAE7B,MAAM,yBAAyB,CAAC,eAA0E;AAC/G,QAAM,CAAC,WAAW,YAAY,IAAI,SAAuC;AACzE,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,QAAQ,SAAS,MAAM;AACvC,YAAM,aAAa,QAAQ,SAAS,KAAK,KAAK,QAAQ,QAAQ;AAC9D,mBAAa,UAAU;AAAA,IACzB,OAAO;AACL,cAAQ,SAAS,OAAO,OAAO,OAAe,QAAkC,YAAqB;AACnG,mBAAW,OAAO,MAAM;AACxB,eAAO,MAAM,YAAY,OAAO,QAAQ,OAAO;AAAA,MACjD;AAAA,IACF;AACA,WAAO,MAAM;AAEX,UAAI,WAAW;AACb,gBAAQ,SAAS,OAAO;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,UAAU,CAAC;AAC5B;","names":[]}

package/dist/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './PixelEvent'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,oBADd;AAEA,wBAAc,yBAFd;","names":[]}

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './hooks'\nexport * from './PixelEvent'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}