@xyo-network/react-shared 2.64.0-rc.7 → 2.64.1

package/dist/node/contexts/diviner/index.js

@@ -1,27 +1,41 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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;
+// src/contexts/contextEx/create.ts
+import { createContext } from "react";
+var createContextEx = () => createContext({ provided: false });
+
+// src/contexts/diviner/Context.tsx
+var ResolvedDivinerContext = () => createContextEx();
+
+// src/contexts/diviner/Provider.tsx
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ResolvedDivinerProvider = ({ diviner: divinerProp, required = false, children, context }) => {
+  const [diviner, setDiviner] = useState(divinerProp);
+  useEffect(() => {
+    if (divinerProp) {
+      setDiviner(divinerProp);
+    }
+  }, [divinerProp, setDiviner]);
+  const resolveDiviner = () => {
+    if (divinerProp) {
+      return diviner === divinerProp ? diviner : void 0;
+    } else {
+      return diviner;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    context.Provider,
+    {
+      value: {
+        diviner: resolveDiviner(),
+        provided: true,
+        setDiviner
+      },
+      children: diviner ? children : required ? null : children
+    }
+  );
+};
+export {
+  ResolvedDivinerContext,
+  ResolvedDivinerProvider
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var diviner_exports = {};
-module.exports = __toCommonJS(diviner_exports);
-__reExport(diviner_exports, require("./Context"), module.exports);
-__reExport(diviner_exports, require("./Provider"), module.exports);
-__reExport(diviner_exports, require("./State"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./Context"),
-  ...require("./Provider"),
-  ...require("./State")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/contexts/diviner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/contexts/diviner/index.ts"],"sourcesContent":["export * from './Context'\nexport * from './Provider'\nexport * from './State'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,sBAAd;AACA,4BAAc,uBADd;AAEA,4BAAc,oBAFd;","names":[]}
+{"version":3,"sources":["../../../../src/contexts/contextEx/create.ts","../../../../src/contexts/diviner/Context.tsx","../../../../src/contexts/diviner/Provider.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nimport { ContextExState } from './State'\n\nexport const createContextEx = <T>() => createContext<T & ContextExState>({ provided: false } as T & ContextExState)\n","import { createContextEx } from '../contextEx'\n\nexport const ResolvedDivinerContext = <T,>() => createContextEx<T>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { Context, useEffect, useState } from 'react'\n\nimport { ContextExProviderProps } from '../contextEx'\nimport { ResolvedDivinerState } from './State'\n\nexport interface DivinerProviderProps<D> extends ContextExProviderProps, WithChildren {\n  context: Context<ResolvedDivinerState<D>>\n  diviner?: D\n}\n\n/** Exposes a resolved diviner */\nexport const ResolvedDivinerProvider = <D,>({ diviner: divinerProp, required = false, children, context }: DivinerProviderProps<D>) => {\n  const [diviner, setDiviner] = useState<D | undefined>(divinerProp)\n\n  useEffect(() => {\n    if (divinerProp) {\n      setDiviner(divinerProp)\n    }\n  }, [divinerProp, setDiviner])\n\n  const resolveDiviner = () => {\n    if (divinerProp) {\n      return diviner === divinerProp ? diviner : undefined\n    } else {\n      return diviner\n    }\n  }\n\n  return (\n    <context.Provider\n      value={{\n        diviner: resolveDiviner(),\n        provided: true,\n        setDiviner,\n      }}\n    >\n      {diviner ? children : required ? null : children}\n    </context.Provider>\n  )\n}\n"],"mappings":";AAAA,SAAS,qBAAqB;AAIvB,IAAM,kBAAkB,MAAS,cAAkC,EAAE,UAAU,MAAM,CAAuB;;;ACF5G,IAAM,yBAAyB,MAAU,gBAAmB;;;ACDnE,SAAkB,WAAW,gBAAgB;AA6BzC;AAlBG,IAAM,0BAA0B,CAAK,EAAE,SAAS,aAAa,WAAW,OAAO,UAAU,QAAQ,MAA+B;AACrI,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,WAAW;AAEjE,YAAU,MAAM;AACd,QAAI,aAAa;AACf,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,iBAAiB,MAAM;AAC3B,QAAI,aAAa;AACf,aAAO,YAAY,cAAc,UAAU;AAAA,IAC7C,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,OAAO;AAAA,QACL,SAAS,eAAe;AAAA,QACxB,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MAEC,oBAAU,WAAW,WAAW,OAAO;AAAA;AAAA,EAC1C;AAEJ;","names":[]}

package/dist/node/contexts/index.cjs

@@ -0,0 +1,154 @@
+"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);
+
+// src/contexts/index.ts
+var contexts_exports = {};
+__export(contexts_exports, {
+  ListModeContext: () => ListModeContext,
+  ListModeProvider: () => ListModeProvider,
+  PixelContext: () => PixelContext,
+  PixelProvider: () => PixelProvider,
+  ResolvedDivinerContext: () => ResolvedDivinerContext,
+  ResolvedDivinerProvider: () => ResolvedDivinerProvider,
+  createContextEx: () => createContextEx,
+  useContextEx: () => useContextEx,
+  useListMode: () => useListMode,
+  usePixel: () => usePixel,
+  useProvided: () => useProvided
+});
+module.exports = __toCommonJS(contexts_exports);
+
+// src/contexts/contextEx/create.ts
+var import_react = require("react");
+var createContextEx = () => (0, import_react.createContext)({ provided: false });
+
+// src/contexts/contextEx/use.ts
+var import_react2 = require("react");
+var useContextEx = (context, contextName, required = true) => {
+  const { provided, ...props } = (0, import_react2.useContext)(context);
+  if (!provided && required) {
+    throw Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`);
+  }
+  return props;
+};
+var useProvided = (context) => {
+  const { provided } = (0, import_react2.useContext)(context);
+  return provided;
+};
+
+// src/contexts/diviner/Context.tsx
+var ResolvedDivinerContext = () => createContextEx();
+
+// src/contexts/diviner/Provider.tsx
+var import_react3 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ResolvedDivinerProvider = ({ diviner: divinerProp, required = false, children, context }) => {
+  const [diviner, setDiviner] = (0, import_react3.useState)(divinerProp);
+  (0, import_react3.useEffect)(() => {
+    if (divinerProp) {
+      setDiviner(divinerProp);
+    }
+  }, [divinerProp, setDiviner]);
+  const resolveDiviner = () => {
+    if (divinerProp) {
+      return diviner === divinerProp ? diviner : void 0;
+    } else {
+      return diviner;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    context.Provider,
+    {
+      value: {
+        diviner: resolveDiviner(),
+        provided: true,
+        setDiviner
+      },
+      children: diviner ? children : required ? null : children
+    }
+  );
+};
+
+// src/contexts/ListMode/Context.ts
+var ListModeContext = createContextEx();
+
+// src/contexts/ListMode/Provider.tsx
+var import_react4 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ListModeProvider = ({ children, defaultListMode }) => {
+  const [listMode, setListMode] = (0, import_react4.useState)(defaultListMode ?? "default");
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ListModeContext.Provider,
+    {
+      value: {
+        listMode,
+        provided: true,
+        setListMode
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/ListMode/use.ts
+var useListMode = (required = false) => {
+  return useContextEx(ListModeContext, "ListMode", required);
+};
+
+// src/contexts/Pixel/Context.ts
+var PixelContext = createContextEx();
+
+// src/contexts/Pixel/Provider.tsx
+var import_pixel = require("@xylabs/pixel");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PixelProvider = (props) => {
+  const { children, id } = props;
+  import_pixel.XyPixel.init(id);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    PixelContext.Provider,
+    {
+      value: {
+        pixel: import_pixel.XyPixel.instance,
+        provided: true
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/Pixel/use.ts
+var usePixel = (required = true) => {
+  const { pixel } = useContextEx(PixelContext, "Pixel", required);
+  return pixel;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListModeContext,
+  ListModeProvider,
+  PixelContext,
+  PixelProvider,
+  ResolvedDivinerContext,
+  ResolvedDivinerProvider,
+  createContextEx,
+  useContextEx,
+  useListMode,
+  usePixel,
+  useProvided
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/contexts/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/contexts/index.ts","../../../src/contexts/contextEx/create.ts","../../../src/contexts/contextEx/use.ts","../../../src/contexts/diviner/Context.tsx","../../../src/contexts/diviner/Provider.tsx","../../../src/contexts/ListMode/Context.ts","../../../src/contexts/ListMode/Provider.tsx","../../../src/contexts/ListMode/use.ts","../../../src/contexts/Pixel/Context.ts","../../../src/contexts/Pixel/Provider.tsx","../../../src/contexts/Pixel/use.ts"],"sourcesContent":["export * from './contextEx'\nexport * from './diviner'\nexport * from './ListMode'\nexport * from './Pixel'\n","import { createContext } from 'react'\n\nimport { ContextExState } from './State'\n\nexport const createContextEx = <T>() => createContext<T & ContextExState>({ provided: false } as T & ContextExState)\n","import { Context, useContext } from 'react'\n\nimport { ContextExState } from './State'\n\nexport const useContextEx = <T extends ContextExState>(context: Context<T>, contextName: string, required = true) => {\n  const { provided, ...props } = useContext(context)\n  if (!provided && required) {\n    throw Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`)\n  }\n  return props\n}\n\nexport const useProvided = <T extends ContextExState>(context: Context<T>) => {\n  const { provided } = useContext(context)\n  return provided\n}\n","import { createContextEx } from '../contextEx'\n\nexport const ResolvedDivinerContext = <T,>() => createContextEx<T>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { Context, useEffect, useState } from 'react'\n\nimport { ContextExProviderProps } from '../contextEx'\nimport { ResolvedDivinerState } from './State'\n\nexport interface DivinerProviderProps<D> extends ContextExProviderProps, WithChildren {\n  context: Context<ResolvedDivinerState<D>>\n  diviner?: D\n}\n\n/** Exposes a resolved diviner */\nexport const ResolvedDivinerProvider = <D,>({ diviner: divinerProp, required = false, children, context }: DivinerProviderProps<D>) => {\n  const [diviner, setDiviner] = useState<D | undefined>(divinerProp)\n\n  useEffect(() => {\n    if (divinerProp) {\n      setDiviner(divinerProp)\n    }\n  }, [divinerProp, setDiviner])\n\n  const resolveDiviner = () => {\n    if (divinerProp) {\n      return diviner === divinerProp ? diviner : undefined\n    } else {\n      return diviner\n    }\n  }\n\n  return (\n    <context.Provider\n      value={{\n        diviner: resolveDiviner(),\n        provided: true,\n        setDiviner,\n      }}\n    >\n      {diviner ? children : required ? null : children}\n    </context.Provider>\n  )\n}\n","import { createContextEx } from '../contextEx'\nimport { ListModeContextState } from './State'\n\nexport const ListModeContext = createContextEx<ListModeContextState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { ListMode } from '../../models'\nimport { ListModeContext } from './Context'\n\nexport interface ListModeProviderProps {\n  defaultListMode?: ListMode\n}\n\nexport const ListModeProvider: React.FC<WithChildren<ListModeProviderProps>> = ({ children, defaultListMode }) => {\n  const [listMode, setListMode] = useState(defaultListMode ?? 'default')\n\n  return (\n    <ListModeContext.Provider\n      value={{\n        listMode,\n        provided: true,\n        setListMode,\n      }}\n    >\n      {children}\n    </ListModeContext.Provider>\n  )\n}\n","import { useContextEx } from '../contextEx'\nimport { ListModeContext } from './Context'\n\nexport const useListMode = (required = false) => {\n  return useContextEx(ListModeContext, 'ListMode', required)\n}\n","import { createContextEx } from '../contextEx'\nimport { PixelContextState } from './State'\n\nexport const PixelContext = createContextEx<PixelContextState>()\n","import { XyPixel } from '@xylabs/pixel'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { PixelContext } from './Context'\n\nexport interface PixelProviderProps {\n  id: string\n}\n\nexport const PixelProvider: React.FC<WithChildren<PixelProviderProps>> = (props) => {\n  const { children, id } = props\n  XyPixel.init(id)\n\n  return (\n    <PixelContext.Provider\n      value={{\n        pixel: XyPixel.instance,\n        provided: true,\n      }}\n    >\n      {children}\n    </PixelContext.Provider>\n  )\n}\n","import { useContextEx } from '../contextEx'\nimport { PixelContext } from './Context'\n\nexport const usePixel = (required = true) => {\n  const { pixel } = useContextEx(PixelContext, 'Pixel', required)\n  return pixel\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA8B;AAIvB,IAAM,kBAAkB,UAAS,4BAAkC,EAAE,UAAU,MAAM,CAAuB;;;ACJnH,IAAAA,gBAAoC;AAI7B,IAAM,eAAe,CAA2B,SAAqB,aAAqB,WAAW,SAAS;AACnH,QAAM,EAAE,UAAU,GAAG,MAAM,QAAI,0BAAW,OAAO;AACjD,MAAI,CAAC,YAAY,UAAU;AACzB,UAAM,MAAM,MAAM,WAAW,iCAAiC,WAAW,4BAA4B;AAAA,EACvG;AACA,SAAO;AACT;AAEO,IAAM,cAAc,CAA2B,YAAwB;AAC5E,QAAM,EAAE,SAAS,QAAI,0BAAW,OAAO;AACvC,SAAO;AACT;;;ACbO,IAAM,yBAAyB,MAAU,gBAAmB;;;ACDnE,IAAAC,gBAA6C;AA6BzC;AAlBG,IAAM,0BAA0B,CAAK,EAAE,SAAS,aAAa,WAAW,OAAO,UAAU,QAAQ,MAA+B;AACrI,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAwB,WAAW;AAEjE,+BAAU,MAAM;AACd,QAAI,aAAa;AACf,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,iBAAiB,MAAM;AAC3B,QAAI,aAAa;AACf,aAAO,YAAY,cAAc,UAAU;AAAA,IAC7C,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,OAAO;AAAA,QACL,SAAS,eAAe;AAAA,QACxB,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MAEC,oBAAU,WAAW,WAAW,OAAO;AAAA;AAAA,EAC1C;AAEJ;;;ACrCO,IAAM,kBAAkB,gBAAsC;;;ACFrE,IAAAC,gBAAyB;AAarB,IAAAC,sBAAA;AAJG,IAAM,mBAAkE,CAAC,EAAE,UAAU,gBAAgB,MAAM;AAChH,QAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,mBAAmB,SAAS;AAErE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACrBO,IAAM,cAAc,CAAC,WAAW,UAAU;AAC/C,SAAO,aAAa,iBAAiB,YAAY,QAAQ;AAC3D;;;ACFO,IAAM,eAAe,gBAAmC;;;ACH/D,mBAAwB;AAcpB,IAAAC,sBAAA;AALG,IAAM,gBAA4D,CAAC,UAAU;AAClF,QAAM,EAAE,UAAU,GAAG,IAAI;AACzB,uBAAQ,KAAK,EAAE;AAEf,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,OAAO,qBAAQ;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACpBO,IAAM,WAAW,CAAC,WAAW,SAAS;AAC3C,QAAM,EAAE,MAAM,IAAI,aAAa,cAAc,SAAS,QAAQ;AAC9D,SAAO;AACT;","names":["import_react","import_react","import_react","import_jsx_runtime","import_jsx_runtime"]}

package/dist/node/contexts/index.d.cts

@@ -0,0 +1,5 @@
+export * from './contextEx';
+export * from './diviner';
+export * from './ListMode';
+export * from './Pixel';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/contexts/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/node/contexts/index.js

@@ -1,29 +1,117 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 });
+// src/contexts/contextEx/create.ts
+import { createContext } from "react";
+var createContextEx = () => createContext({ provided: false });
+
+// src/contexts/contextEx/use.ts
+import { useContext } from "react";
+var useContextEx = (context, contextName, required = true) => {
+  const { provided, ...props } = useContext(context);
+  if (!provided && required) {
+    throw Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`);
   }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var contexts_exports = {};
-module.exports = __toCommonJS(contexts_exports);
-__reExport(contexts_exports, require("./contextEx"), module.exports);
-__reExport(contexts_exports, require("./diviner"), module.exports);
-__reExport(contexts_exports, require("./ListMode"), module.exports);
-__reExport(contexts_exports, require("./Pixel"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./contextEx"),
-  ...require("./diviner"),
-  ...require("./ListMode"),
-  ...require("./Pixel")
-});
+  return props;
+};
+var useProvided = (context) => {
+  const { provided } = useContext(context);
+  return provided;
+};
+
+// src/contexts/diviner/Context.tsx
+var ResolvedDivinerContext = () => createContextEx();
+
+// src/contexts/diviner/Provider.tsx
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ResolvedDivinerProvider = ({ diviner: divinerProp, required = false, children, context }) => {
+  const [diviner, setDiviner] = useState(divinerProp);
+  useEffect(() => {
+    if (divinerProp) {
+      setDiviner(divinerProp);
+    }
+  }, [divinerProp, setDiviner]);
+  const resolveDiviner = () => {
+    if (divinerProp) {
+      return diviner === divinerProp ? diviner : void 0;
+    } else {
+      return diviner;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    context.Provider,
+    {
+      value: {
+        diviner: resolveDiviner(),
+        provided: true,
+        setDiviner
+      },
+      children: diviner ? children : required ? null : children
+    }
+  );
+};
+
+// src/contexts/ListMode/Context.ts
+var ListModeContext = createContextEx();
+
+// src/contexts/ListMode/Provider.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ListModeProvider = ({ children, defaultListMode }) => {
+  const [listMode, setListMode] = useState2(defaultListMode ?? "default");
+  return /* @__PURE__ */ jsx2(
+    ListModeContext.Provider,
+    {
+      value: {
+        listMode,
+        provided: true,
+        setListMode
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/ListMode/use.ts
+var useListMode = (required = false) => {
+  return useContextEx(ListModeContext, "ListMode", required);
+};
+
+// src/contexts/Pixel/Context.ts
+var PixelContext = createContextEx();
+
+// src/contexts/Pixel/Provider.tsx
+import { XyPixel } from "@xylabs/pixel";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PixelProvider = (props) => {
+  const { children, id } = props;
+  XyPixel.init(id);
+  return /* @__PURE__ */ jsx3(
+    PixelContext.Provider,
+    {
+      value: {
+        pixel: XyPixel.instance,
+        provided: true
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/Pixel/use.ts
+var usePixel = (required = true) => {
+  const { pixel } = useContextEx(PixelContext, "Pixel", required);
+  return pixel;
+};
+export {
+  ListModeContext,
+  ListModeProvider,
+  PixelContext,
+  PixelProvider,
+  ResolvedDivinerContext,
+  ResolvedDivinerProvider,
+  createContextEx,
+  useContextEx,
+  useListMode,
+  usePixel,
+  useProvided
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/contexts/index.ts"],"sourcesContent":["export * from './contextEx'\nexport * from './diviner'\nexport * from './ListMode'\nexport * from './Pixel'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,wBAAd;AACA,6BAAc,sBADd;AAEA,6BAAc,uBAFd;AAGA,6BAAc,oBAHd;","names":[]}
+{"version":3,"sources":["../../../src/contexts/contextEx/create.ts","../../../src/contexts/contextEx/use.ts","../../../src/contexts/diviner/Context.tsx","../../../src/contexts/diviner/Provider.tsx","../../../src/contexts/ListMode/Context.ts","../../../src/contexts/ListMode/Provider.tsx","../../../src/contexts/ListMode/use.ts","../../../src/contexts/Pixel/Context.ts","../../../src/contexts/Pixel/Provider.tsx","../../../src/contexts/Pixel/use.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { ContextExState } from './State'\n\nexport const createContextEx = <T>() => createContext<T & ContextExState>({ provided: false } as T & ContextExState)\n","import { Context, useContext } from 'react'\n\nimport { ContextExState } from './State'\n\nexport const useContextEx = <T extends ContextExState>(context: Context<T>, contextName: string, required = true) => {\n  const { provided, ...props } = useContext(context)\n  if (!provided && required) {\n    throw Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`)\n  }\n  return props\n}\n\nexport const useProvided = <T extends ContextExState>(context: Context<T>) => {\n  const { provided } = useContext(context)\n  return provided\n}\n","import { createContextEx } from '../contextEx'\n\nexport const ResolvedDivinerContext = <T,>() => createContextEx<T>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { Context, useEffect, useState } from 'react'\n\nimport { ContextExProviderProps } from '../contextEx'\nimport { ResolvedDivinerState } from './State'\n\nexport interface DivinerProviderProps<D> extends ContextExProviderProps, WithChildren {\n  context: Context<ResolvedDivinerState<D>>\n  diviner?: D\n}\n\n/** Exposes a resolved diviner */\nexport const ResolvedDivinerProvider = <D,>({ diviner: divinerProp, required = false, children, context }: DivinerProviderProps<D>) => {\n  const [diviner, setDiviner] = useState<D | undefined>(divinerProp)\n\n  useEffect(() => {\n    if (divinerProp) {\n      setDiviner(divinerProp)\n    }\n  }, [divinerProp, setDiviner])\n\n  const resolveDiviner = () => {\n    if (divinerProp) {\n      return diviner === divinerProp ? diviner : undefined\n    } else {\n      return diviner\n    }\n  }\n\n  return (\n    <context.Provider\n      value={{\n        diviner: resolveDiviner(),\n        provided: true,\n        setDiviner,\n      }}\n    >\n      {diviner ? children : required ? null : children}\n    </context.Provider>\n  )\n}\n","import { createContextEx } from '../contextEx'\nimport { ListModeContextState } from './State'\n\nexport const ListModeContext = createContextEx<ListModeContextState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { ListMode } from '../../models'\nimport { ListModeContext } from './Context'\n\nexport interface ListModeProviderProps {\n  defaultListMode?: ListMode\n}\n\nexport const ListModeProvider: React.FC<WithChildren<ListModeProviderProps>> = ({ children, defaultListMode }) => {\n  const [listMode, setListMode] = useState(defaultListMode ?? 'default')\n\n  return (\n    <ListModeContext.Provider\n      value={{\n        listMode,\n        provided: true,\n        setListMode,\n      }}\n    >\n      {children}\n    </ListModeContext.Provider>\n  )\n}\n","import { useContextEx } from '../contextEx'\nimport { ListModeContext } from './Context'\n\nexport const useListMode = (required = false) => {\n  return useContextEx(ListModeContext, 'ListMode', required)\n}\n","import { createContextEx } from '../contextEx'\nimport { PixelContextState } from './State'\n\nexport const PixelContext = createContextEx<PixelContextState>()\n","import { XyPixel } from '@xylabs/pixel'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { PixelContext } from './Context'\n\nexport interface PixelProviderProps {\n  id: string\n}\n\nexport const PixelProvider: React.FC<WithChildren<PixelProviderProps>> = (props) => {\n  const { children, id } = props\n  XyPixel.init(id)\n\n  return (\n    <PixelContext.Provider\n      value={{\n        pixel: XyPixel.instance,\n        provided: true,\n      }}\n    >\n      {children}\n    </PixelContext.Provider>\n  )\n}\n","import { useContextEx } from '../contextEx'\nimport { PixelContext } from './Context'\n\nexport const usePixel = (required = true) => {\n  const { pixel } = useContextEx(PixelContext, 'Pixel', required)\n  return pixel\n}\n"],"mappings":";AAAA,SAAS,qBAAqB;AAIvB,IAAM,kBAAkB,MAAS,cAAkC,EAAE,UAAU,MAAM,CAAuB;;;ACJnH,SAAkB,kBAAkB;AAI7B,IAAM,eAAe,CAA2B,SAAqB,aAAqB,WAAW,SAAS;AACnH,QAAM,EAAE,UAAU,GAAG,MAAM,IAAI,WAAW,OAAO;AACjD,MAAI,CAAC,YAAY,UAAU;AACzB,UAAM,MAAM,MAAM,WAAW,iCAAiC,WAAW,4BAA4B;AAAA,EACvG;AACA,SAAO;AACT;AAEO,IAAM,cAAc,CAA2B,YAAwB;AAC5E,QAAM,EAAE,SAAS,IAAI,WAAW,OAAO;AACvC,SAAO;AACT;;;ACbO,IAAM,yBAAyB,MAAU,gBAAmB;;;ACDnE,SAAkB,WAAW,gBAAgB;AA6BzC;AAlBG,IAAM,0BAA0B,CAAK,EAAE,SAAS,aAAa,WAAW,OAAO,UAAU,QAAQ,MAA+B;AACrI,QAAM,CAAC,SAAS,UAAU,IAAI,SAAwB,WAAW;AAEjE,YAAU,MAAM;AACd,QAAI,aAAa;AACf,iBAAW,WAAW;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,iBAAiB,MAAM;AAC3B,QAAI,aAAa;AACf,aAAO,YAAY,cAAc,UAAU;AAAA,IAC7C,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,OAAO;AAAA,QACL,SAAS,eAAe;AAAA,QACxB,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MAEC,oBAAU,WAAW,WAAW,OAAO;AAAA;AAAA,EAC1C;AAEJ;;;ACrCO,IAAM,kBAAkB,gBAAsC;;;ACFrE,SAAS,YAAAA,iBAAgB;AAarB,gBAAAC,YAAA;AAJG,IAAM,mBAAkE,CAAC,EAAE,UAAU,gBAAgB,MAAM;AAChH,QAAM,CAAC,UAAU,WAAW,IAAIC,UAAS,mBAAmB,SAAS;AAErE,SACE,gBAAAD;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACrBO,IAAM,cAAc,CAAC,WAAW,UAAU;AAC/C,SAAO,aAAa,iBAAiB,YAAY,QAAQ;AAC3D;;;ACFO,IAAM,eAAe,gBAAmC;;;ACH/D,SAAS,eAAe;AAcpB,gBAAAE,YAAA;AALG,IAAM,gBAA4D,CAAC,UAAU;AAClF,QAAM,EAAE,UAAU,GAAG,IAAI;AACzB,UAAQ,KAAK,EAAE;AAEf,SACE,gBAAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,OAAO,QAAQ;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACpBO,IAAM,WAAW,CAAC,WAAW,SAAS;AAC3C,QAAM,EAAE,MAAM,IAAI,aAAa,cAAc,SAAS,QAAQ;AAC9D,SAAO;AACT;","names":["useState","jsx","useState","jsx"]}

package/dist/node/hooks/GradientStyles/GradientStyles.cjs

@@ -0,0 +1,84 @@
+"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);
+
+// src/hooks/GradientStyles/GradientStyles.tsx
+var GradientStyles_exports = {};
+__export(GradientStyles_exports, {
+  colorfulGradientDarkMode: () => colorfulGradientDarkMode,
+  colorfulGradientLightMode: () => colorfulGradientLightMode,
+  useGradientStyles: () => useGradientStyles
+});
+module.exports = __toCommonJS(GradientStyles_exports);
+var import_material = require("@mui/material");
+var import_styles = require("@mui/styles");
+var colorfulGradientLightMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)",
+      display: "inline-block"
+    }
+  };
+};
+var colorfulGradientDarkMode = () => {
+  return {
+    background: {
+      backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
+    },
+    border: {
+      borderImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderImageSlice: 1,
+      borderImageSource: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      borderRadius: 0,
+      borderStyle: "solid",
+      borderWidth: "2px"
+    },
+    heading: {
+      WebkitBackgroundClip: "text",
+      WebkitTextFillColor: "transparent",
+      background: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)",
+      display: "inline-block"
+    }
+  };
+};
+var useGradientStyles = () => {
+  const theme = (0, import_material.useTheme)();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = (0, import_styles.makeStyles)(styles);
+  return { classes, styles };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colorfulGradientDarkMode,
+  colorfulGradientLightMode,
+  useGradientStyles
+});
+//# sourceMappingURL=GradientStyles.cjs.map

package/dist/node/hooks/GradientStyles/GradientStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/GradientStyles/GradientStyles.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { makeStyles } from '@mui/styles'\nimport { CSSProperties } from 'react'\n\nexport interface GradientStyles {\n  background: CSSProperties\n  border: CSSProperties\n  heading: CSSProperties\n}\n\nexport const colorfulGradientLightMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const colorfulGradientDarkMode = () => {\n  return {\n    background: {\n      backgroundImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n    },\n    border: {\n      borderImage: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderImageSlice: 1,\n      borderImageSource: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      borderRadius: 0,\n      borderStyle: 'solid',\n      borderWidth: '2px',\n    },\n    heading: {\n      WebkitBackgroundClip: 'text',\n      WebkitTextFillColor: 'transparent',\n      background: '-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)',\n      display: 'inline-block',\n    },\n  }\n}\n\nexport const useGradientStyles = () => {\n  const theme = useTheme()\n  const styles = theme.palette.mode === 'dark' ? colorfulGradientDarkMode() : colorfulGradientLightMode()\n  const classes = makeStyles(styles)\n  return { classes, styles }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAyB;AACzB,oBAA2B;AASpB,IAAM,4BAA4B,MAAM;AAC7C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,2BAA2B,MAAM;AAC5C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,MACrB,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,oBAAoB,MAAM;AACrC,QAAM,YAAQ,0BAAS;AACvB,QAAM,SAAS,MAAM,QAAQ,SAAS,SAAS,yBAAyB,IAAI,0BAA0B;AACtG,QAAM,cAAU,0BAAW,MAAM;AACjC,SAAO,EAAE,SAAS,OAAO;AAC3B;","names":[]}

package/dist/node/hooks/GradientStyles/GradientStyles.d.cts

@@ -0,0 +1,67 @@
+import { CSSProperties } from 'react';
+export interface GradientStyles {
+    background: CSSProperties;
+    border: CSSProperties;
+    heading: CSSProperties;
+}
+export declare const colorfulGradientLightMode: () => {
+    background: {
+        backgroundImage: string;
+    };
+    border: {
+        borderImage: string;
+        borderImageSlice: number;
+        borderImageSource: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: string;
+    };
+    heading: {
+        WebkitBackgroundClip: string;
+        WebkitTextFillColor: string;
+        background: string;
+        display: string;
+    };
+};
+export declare const colorfulGradientDarkMode: () => {
+    background: {
+        backgroundImage: string;
+    };
+    border: {
+        borderImage: string;
+        borderImageSlice: number;
+        borderImageSource: string;
+        borderRadius: number;
+        borderStyle: string;
+        borderWidth: string;
+    };
+    heading: {
+        WebkitBackgroundClip: string;
+        WebkitTextFillColor: string;
+        background: string;
+        display: string;
+    };
+};
+export declare const useGradientStyles: () => {
+    classes: (props?: any) => import("@mui/styles").ClassNameMap<"border" | "background" | "heading">;
+    styles: {
+        background: {
+            backgroundImage: string;
+        };
+        border: {
+            borderImage: string;
+            borderImageSlice: number;
+            borderImageSource: string;
+            borderRadius: number;
+            borderStyle: string;
+            borderWidth: string;
+        };
+        heading: {
+            WebkitBackgroundClip: string;
+            WebkitTextFillColor: string;
+            background: string;
+            display: string;
+        };
+    };
+};
+//# sourceMappingURL=GradientStyles.d.ts.map

package/dist/node/hooks/GradientStyles/GradientStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientStyles.d.ts","sourceRoot":"","sources":["../../../../src/hooks/GradientStyles/GradientStyles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,aAAa,CAAA;IACzB,MAAM,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAoBrC,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;CAoBpC,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAK7B,CAAA"}

package/dist/node/hooks/GradientStyles/GradientStyles.js

@@ -1,31 +1,7 @@
-"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 GradientStyles_exports = {};
-__export(GradientStyles_exports, {
-  colorfulGradientDarkMode: () => colorfulGradientDarkMode,
-  colorfulGradientLightMode: () => colorfulGradientLightMode,
-  useGradientStyles: () => useGradientStyles
-});
-module.exports = __toCommonJS(GradientStyles_exports);
-var import_material = require("@mui/material");
-var import_styles = require("@mui/styles");
-const colorfulGradientLightMode = () => {
+// src/hooks/GradientStyles/GradientStyles.tsx
+import { useTheme } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+var colorfulGradientLightMode = () => {
   return {
     background: {
       backgroundImage: "-webkit-linear-gradient(232deg, #e17751, #d84e7a, #5898dd, #8c8ee5)"
@@ -46,7 +22,7 @@ const colorfulGradientLightMode = () => {
     }
   };
 };
-const colorfulGradientDarkMode = () => {
+var colorfulGradientDarkMode = () => {
   return {
     background: {
       backgroundImage: "-webkit-linear-gradient(232deg, #F17938, #FF5BDC, #5898dd, #B2FFFD)"
@@ -67,16 +43,15 @@ const colorfulGradientDarkMode = () => {
     }
   };
 };
-const useGradientStyles = () => {
-  const theme = (0, import_material.useTheme)();
+var useGradientStyles = () => {
+  const theme = useTheme();
   const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
-  const classes = (0, import_styles.makeStyles)(styles);
+  const classes = makeStyles(styles);
   return { classes, styles };
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   colorfulGradientDarkMode,
   colorfulGradientLightMode,
   useGradientStyles
-});
+};
 //# sourceMappingURL=GradientStyles.js.map