@xyo-network/react-shared 2.64.0-rc.3 → 2.64.0-rc.4

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

@@ -0,0 +1,69 @@
+"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 GradientStyle_stories_exports = {};
+__export(GradientStyle_stories_exports, {
+  Default: () => Default,
+  default: () => GradientStyle_stories_default
+});
+module.exports = __toCommonJS(GradientStyle_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_router_dom = require("react-router-dom");
+var import_GradientStyles = require("./GradientStyles");
+const GradientTextExample = (props) => {
+  const { classes } = (0, import_GradientStyles.useGradientStyles)();
+  const classNames = classes();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h4", gutterBottom: true, children: "XYO Network Gradient Text Options" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Highlight" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, { sx: { marginY: "8px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "h5", gutterBottom: true, children: [
+      "Lorem ipsum dolor sit amet consectetur, ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: classNames.heading, children: "adipisicing elit." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Body Text" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, { sx: { marginY: "8px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h5", gutterBottom: true, className: classNames.heading, children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Caption" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, { sx: { marginY: "8px" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", gutterBottom: true, className: classNames.heading, children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Card Border" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, { sx: { marginY: "8px" } })
+  ] });
+};
+const StorybookEntry = {
+  argTypes: {},
+  component: GradientTextExample,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/GradientText"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientTextExample, { ...args }) });
+const Default = Template.bind({});
+Default.args = {};
+var GradientStyle_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=GradientStyle.stories.js.map

package/dist/node/hooks/GradientStyles/GradientStyle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/GradientStyles/GradientStyle.stories.tsx"],"sourcesContent":["import { Divider, Typography } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { useGradientStyles } from './GradientStyles'\n\nconst GradientTextExample: React.FC<FlexBoxProps> = (props) => {\n  const { classes } = useGradientStyles()\n  const classNames = classes()\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"h4\" gutterBottom>\n        XYO Network Gradient Text Options\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Highlight\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"h5\" gutterBottom>\n        Lorem ipsum dolor sit amet consectetur, <span className={classNames.heading}>adipisicing elit.</span>\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Body Text\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"h5\" gutterBottom className={classNames.heading}>\n        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas,\n        suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Caption\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"caption\" gutterBottom className={classNames.heading}>\n        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas,\n        suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Card Border\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n    </FlexCol>\n  )\n}\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: GradientTextExample,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/GradientText',\n} as Meta<typeof GradientTextExample>\n\nconst Template: StoryFn<typeof GradientTextExample> = (args) => (\n  <BrowserRouter>\n    <GradientTextExample {...args}></GradientTextExample>\n  </BrowserRouter>\n)\n\nexport const Default = Template.bind({})\nDefault.args = {}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM;AAZN,sBAAoC;AAEpC,2BAAsC;AACtC,8BAA8B;AAE9B,4BAAkC;AAElC,MAAM,sBAA8C,CAAC,UAAU;AAC7D,QAAM,EAAE,QAAQ,QAAI,yCAAkB;AACtC,QAAM,aAAa,QAAQ;AAC3B,SACE,6CAAC,gCAAQ,YAAW,WAAW,GAAG,OAChC;AAAA,gDAAC,8BAAW,SAAQ,MAAK,cAAY,MAAC,+CAEtC;AAAA,IACA,4CAAC,8BAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,uBAE5D;AAAA,IACA,4CAAC,2BAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,6CAAC,8BAAW,SAAQ,MAAK,cAAY,MAAC;AAAA;AAAA,MACI,4CAAC,UAAK,WAAW,WAAW,SAAS,+BAAiB;AAAA,OAChG;AAAA,IACA,4CAAC,8BAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,uBAE5D;AAAA,IACA,4CAAC,2BAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,4CAAC,8BAAW,SAAQ,MAAK,cAAY,MAAC,WAAW,WAAW,SAAS,wOAGrE;AAAA,IACA,4CAAC,8BAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,qBAE5D;AAAA,IACA,4CAAC,2BAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,4CAAC,8BAAW,SAAQ,WAAU,cAAY,MAAC,WAAW,WAAW,SAAS,wOAG1E;AAAA,IACA,4CAAC,8BAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,yBAE5D;AAAA,IACA,4CAAC,2BAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,KACnC;AAEJ;AAEA,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,SACrD,4CAAC,yCACC,sDAAC,uBAAqB,GAAG,MAAM,GACjC;AAGK,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AACvC,QAAQ,OAAO,CAAC;AAGhB,IAAO,gCAAQ;","names":[]}

package/dist/node/hooks/GradientStyles/GradientStyle.stories.mjs

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Divider, Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { BrowserRouter } from "react-router-dom";
+import { useGradientStyles } from "./GradientStyles";
+const GradientTextExample = (props) => {
+  const { classes } = useGradientStyles();
+  const classNames = classes();
+  return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h4", gutterBottom: true, children: "XYO Network Gradient Text Options" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Highlight" }),
+    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } }),
+    /* @__PURE__ */ jsxs(Typography, { variant: "h5", gutterBottom: true, children: [
+      "Lorem ipsum dolor sit amet consectetur, ",
+      /* @__PURE__ */ jsx("span", { className: classNames.heading, children: "adipisicing elit." })
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Body Text" }),
+    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", gutterBottom: true, className: classNames.heading, children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Caption" }),
+    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", gutterBottom: true, className: classNames.heading, children: "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas, suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, paddingTop: 3, children: "Card Border" }),
+    /* @__PURE__ */ jsx(Divider, { sx: { marginY: "8px" } })
+  ] });
+};
+const StorybookEntry = {
+  argTypes: {},
+  component: GradientTextExample,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/GradientText"
+};
+const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(GradientTextExample, { ...args }) });
+const Default = Template.bind({});
+Default.args = {};
+var GradientStyle_stories_default = StorybookEntry;
+export {
+  Default,
+  GradientStyle_stories_default as default
+};
+//# sourceMappingURL=GradientStyle.stories.mjs.map

package/dist/node/hooks/GradientStyles/GradientStyle.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/GradientStyles/GradientStyle.stories.tsx"],"sourcesContent":["import { Divider, Typography } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { useGradientStyles } from './GradientStyles'\n\nconst GradientTextExample: React.FC<FlexBoxProps> = (props) => {\n  const { classes } = useGradientStyles()\n  const classNames = classes()\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Typography variant=\"h4\" gutterBottom>\n        XYO Network Gradient Text Options\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Highlight\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"h5\" gutterBottom>\n        Lorem ipsum dolor sit amet consectetur, <span className={classNames.heading}>adipisicing elit.</span>\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Body Text\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"h5\" gutterBottom className={classNames.heading}>\n        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas,\n        suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Caption\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n      <Typography variant=\"caption\" gutterBottom className={classNames.heading}>\n        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint perspiciatis aliquam consequuntur nisi alias impedit ducimus ipsa voluptas,\n        suscipit ea vel dicta quasi hic, deserunt tempore, natus optio veritatis dolor?\n      </Typography>\n      <Typography variant=\"subtitle2\" gutterBottom paddingTop={3}>\n        Card Border\n      </Typography>\n      <Divider sx={{ marginY: '8px' }} />\n    </FlexCol>\n  )\n}\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: GradientTextExample,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/GradientText',\n} as Meta<typeof GradientTextExample>\n\nconst Template: StoryFn<typeof GradientTextExample> = (args) => (\n  <BrowserRouter>\n    <GradientTextExample {...args}></GradientTextExample>\n  </BrowserRouter>\n)\n\nexport const Default = Template.bind({})\nDefault.args = {}\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAYM,cAOA,YAPA;AAZN,SAAS,SAAS,kBAAkB;AAEpC,SAAuB,eAAe;AACtC,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB;AAElC,MAAM,sBAA8C,CAAC,UAAU;AAC7D,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,aAAa,QAAQ;AAC3B,SACE,qBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC;AAAA,wBAAC,cAAW,SAAQ,MAAK,cAAY,MAAC,+CAEtC;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,uBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,qBAAC,cAAW,SAAQ,MAAK,cAAY,MAAC;AAAA;AAAA,MACI,oBAAC,UAAK,WAAW,WAAW,SAAS,+BAAiB;AAAA,OAChG;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,uBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,oBAAC,cAAW,SAAQ,MAAK,cAAY,MAAC,WAAW,WAAW,SAAS,wOAGrE;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,qBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,IACjC,oBAAC,cAAW,SAAQ,WAAU,cAAY,MAAC,WAAW,WAAW,SAAS,wOAG1E;AAAA,IACA,oBAAC,cAAW,SAAQ,aAAY,cAAY,MAAC,YAAY,GAAG,yBAE5D;AAAA,IACA,oBAAC,WAAQ,IAAI,EAAE,SAAS,MAAM,GAAG;AAAA,KACnC;AAEJ;AAEA,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,SACrD,oBAAC,iBACC,8BAAC,uBAAqB,GAAG,MAAM,GACjC;AAGK,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AACvC,QAAQ,OAAO,CAAC;AAGhB,IAAO,gCAAQ;","names":[]}

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

@@ -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.mts.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.d.ts

@@ -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.ts.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

@@ -0,0 +1,82 @@
+"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 = () => {
+  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"
+    }
+  };
+};
+const 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"
+    }
+  };
+};
+const 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.js.map

package/dist/node/hooks/GradientStyles/GradientStyles.js.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,MAAM,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,MAAM,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,MAAM,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.mjs

@@ -0,0 +1,56 @@
+import { useTheme } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+const 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"
+    }
+  };
+};
+const 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"
+    }
+  };
+};
+const useGradientStyles = () => {
+  const theme = useTheme();
+  const styles = theme.palette.mode === "dark" ? colorfulGradientDarkMode() : colorfulGradientLightMode();
+  const classes = makeStyles(styles);
+  return { classes, styles };
+};
+export {
+  colorfulGradientDarkMode,
+  colorfulGradientLightMode,
+  useGradientStyles
+};
+//# sourceMappingURL=GradientStyles.mjs.map

package/dist/node/hooks/GradientStyles/GradientStyles.mjs.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,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AASpB,MAAM,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,MAAM,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,MAAM,oBAAoB,MAAM;AACrC,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,MAAM,QAAQ,SAAS,SAAS,yBAAyB,IAAI,0BAA0B;AACtG,QAAM,UAAU,WAAW,MAAM;AACjC,SAAO,EAAE,SAAS,OAAO;AAC3B;","names":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+"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;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var GradientStyles_exports = {};
+module.exports = __toCommonJS(GradientStyles_exports);
+__reExport(GradientStyles_exports, require("./GradientStyles"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./GradientStyles")
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * from "./GradientStyles";
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,8 @@
+export * from './GradientStyles';
+export * from './useDataState';
+export * from './useIsMobile';
+export * from './useMediaQuery';
+export * from './usePayloadHash';
+export * from './usePromise';
+export * from './useShareForwardRef';
+//# 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,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

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

@@ -0,0 +1,8 @@
+export * from './GradientStyles';
+export * from './useDataState';
+export * from './useIsMobile';
+export * from './useMediaQuery';
+export * from './usePayloadHash';
+export * from './usePromise';
+export * from './useShareForwardRef';
+//# 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,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

package/dist/node/hooks/index.js

@@ -0,0 +1,35 @@
+"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;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./GradientStyles"), module.exports);
+__reExport(hooks_exports, require("./useDataState"), module.exports);
+__reExport(hooks_exports, require("./useIsMobile"), module.exports);
+__reExport(hooks_exports, require("./useMediaQuery"), module.exports);
+__reExport(hooks_exports, require("./usePayloadHash"), module.exports);
+__reExport(hooks_exports, require("./usePromise"), module.exports);
+__reExport(hooks_exports, require("./useShareForwardRef"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./GradientStyles"),
+  ...require("./useDataState"),
+  ...require("./useIsMobile"),
+  ...require("./useMediaQuery"),
+  ...require("./usePayloadHash"),
+  ...require("./usePromise"),
+  ...require("./useShareForwardRef")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './GradientStyles'\nexport * from './useDataState'\nexport * from './useIsMobile'\nexport * from './useMediaQuery'\nexport * from './usePayloadHash'\nexport * from './usePromise'\nexport * from './useShareForwardRef'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,6BAAd;AACA,0BAAc,2BADd;AAEA,0BAAc,0BAFd;AAGA,0BAAc,4BAHd;AAIA,0BAAc,6BAJd;AAKA,0BAAc,yBALd;AAMA,0BAAc,iCANd;","names":[]}

package/dist/node/hooks/index.mjs

@@ -0,0 +1,8 @@
+export * from "./GradientStyles";
+export * from "./useDataState";
+export * from "./useIsMobile";
+export * from "./useMediaQuery";
+export * from "./usePayloadHash";
+export * from "./usePromise";
+export * from "./useShareForwardRef";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './GradientStyles'\nexport * from './useDataState'\nexport * from './useIsMobile'\nexport * from './useMediaQuery'\nexport * from './usePayloadHash'\nexport * from './usePromise'\nexport * from './useShareForwardRef'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const useDataState: <T>(defaultValue: T | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];
+//# sourceMappingURL=useDataState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDataState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAE1D,eAAO,MAAM,YAAY,8FAcxB,CAAA"}

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

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const useDataState: <T>(defaultValue: T | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];
+//# sourceMappingURL=useDataState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDataState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAE1D,eAAO,MAAM,YAAY,8FAcxB,CAAA"}

package/dist/node/hooks/useDataState.js

@@ -0,0 +1,42 @@
+"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 useDataState_exports = {};
+__export(useDataState_exports, {
+  useDataState: () => useDataState
+});
+module.exports = __toCommonJS(useDataState_exports);
+var import_react = require("react");
+const useDataState = (defaultValue) => {
+  const [state, setState] = (0, import_react.useState)(defaultValue);
+  const setDataState = (value) => {
+    try {
+      if (JSON.stringify(value) !== JSON.stringify(state)) {
+        setState(value);
+      }
+    } catch (ex) {
+      console.error("setDataState failed!  Make sure data type is stringifiable!");
+    }
+  };
+  return [state, setDataState];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDataState
+});
+//# sourceMappingURL=useDataState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDataState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react'\n\nexport const useDataState = <T>(defaultValue: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {\n  const [state, setState] = useState(defaultValue)\n\n  const setDataState: Dispatch<SetStateAction<T | undefined>> = (value: SetStateAction<T | undefined>) => {\n    try {\n      if (JSON.stringify(value) !== JSON.stringify(state)) {\n        setState(value)\n      }\n    } catch (ex) {\n      console.error('setDataState failed!  Make sure data type is stringifiable!')\n    }\n  }\n\n  return [state, setDataState]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,MAAM,eAAe,CAAI,iBAA0F;AACxH,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAE/C,QAAM,eAAwD,CAAC,UAAyC;AACtG,QAAI;AACF,UAAI,KAAK,UAAU,KAAK,MAAM,KAAK,UAAU,KAAK,GAAG;AACnD,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,SAAS,IAAI;AACX,cAAQ,MAAM,6DAA6D;AAAA,IAC7E;AAAA,EACF;AAEA,SAAO,CAAC,OAAO,YAAY;AAC7B;","names":[]}