@clubmed/trident-ui 1.3.0-beta.5 → 1.3.0-beta.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # ClubMed React UI components changelog
 
+# [1.3.0-beta.7](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.6...v1.3.0-beta.7) (2025-08-04)
+
+
+### Bug Fixes
+
+* **icons:** migrate icon imports to @clubmed/trident-icons package ([cc803d8](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/cc803d87cbad892df50093167fc25fc7c1a229bb))
+
+# [1.3.0-beta.6](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.5...v1.3.0-beta.6) (2025-08-04)
+
+
+### Bug Fixes
+
+* **molecule:** prevent DateField keyboard input outside min/max range ([2fab688](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/2fab6887cbdde445e8842a0a11f61c185596d737))
+
 # [1.3.0-beta.5](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.4...v1.3.0-beta.5) (2025-07-25)
 
 

package/chunks/_commonjsHelpers.js

@@ -1,9 +1,29 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
+function l(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
 export {
-  o as c,
-  l as g
+  l as a,
+  u as c,
+  f as g
 };
 //# sourceMappingURL=_commonjsHelpers.js.map

package/chunks/_commonjsHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAA,EAAG;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAElD;AAEE,aAAOF;AAAA,IACT;AAEC,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI,SAAQ;AAGpB,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACT;AAEC,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQV;AAEC,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;","x_google_ignoreList":[0]}

package/chunks/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../node_modules/tailwindcss/lib/util/createPlugin.js","../../node_modules/tailwindcss/lib/public/create-plugin.js","../../node_modules/tailwindcss/plugin.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nfunction createPlugin(plugin, config) {\n    return {\n        handler: plugin,\n        config\n    };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n    const optionsFunction = function(options) {\n        return {\n            __options: options,\n            handler: pluginFunction(options),\n            config: configFunction(options)\n        };\n    };\n    optionsFunction.__isOptionsFunction = true;\n    // Expose plugin dependencies so that `object-hash` returns a different\n    // value if anything here changes, to ensure a rebuild is triggered.\n    optionsFunction.__pluginFunction = pluginFunction;\n    optionsFunction.__configFunction = configFunction;\n    return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n"],"names":["exports","_default","createPlugin","plugin","config","pluginFunction","configFunction","optionsFunction","options","_createPlugin","_interop_require_default","require$$0","obj"],"mappings":";;;AACA,SAAO,eAAwBA,GAAA,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA,IACV;AAAA,EACL,CAAC;AACD,WAASC,EAAaC,GAAQC,GAAQ;AAClC,WAAO;AAAA,MACH,SAASD;AAAA,MACT,QAAAC;AAAA,IACR;AAAA,EACC;AACD,EAAAF,EAAa,cAAc,SAASG,GAAgBC,IAAiB,OAAK,CAAE,IAAG;AAC3E,UAAMC,IAAkB,SAASC,GAAS;AACtC,aAAO;AAAA,QACH,WAAWA;AAAA,QACX,SAASH,EAAeG,CAAO;AAAA,QAC/B,QAAQF,EAAeE,CAAO;AAAA,MAC1C;AAAA,IACA;AACI,WAAAD,EAAgB,sBAAsB,IAGtCA,EAAgB,mBAAmBF,GACnCE,EAAgB,mBAAmBD,GAC5BC;AAAA,EACX;AACA,QAAMN,IAAWC;;;AC9BjB,SAAO,eAAwBF,GAAA,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA,IACV;AAAA,EACL,CAAC;AACD,QAAMQ,IAA8B,gBAAAC,EAAyBC,CAA+B;AAC5F,WAASD,EAAyBE,GAAK;AACnC,WAAOA,KAAOA,EAAI,aAAaA,IAAM;AAAA,MACjC,SAASA;AAAA,IACjB;AAAA,EACC;AACD,QAAMX,IAAWQ,EAAc;;AChB/B,IAAIP,IAAeS;AACnB,IAAAR,KAAkBD,EAAa,aAAaA,IAAe,EAAE,SAASA,EAAY,GAAI;;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"plugin.js","sources":["../../node_modules/tailwindcss/lib/util/createPlugin.js","../../node_modules/tailwindcss/lib/public/create-plugin.js","../../node_modules/tailwindcss/plugin.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nfunction createPlugin(plugin, config) {\n    return {\n        handler: plugin,\n        config\n    };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n    const optionsFunction = function(options) {\n        return {\n            __options: options,\n            handler: pluginFunction(options),\n            config: configFunction(options)\n        };\n    };\n    optionsFunction.__isOptionsFunction = true;\n    // Expose plugin dependencies so that `object-hash` returns a different\n    // value if anything here changes, to ensure a rebuild is triggered.\n    optionsFunction.__pluginFunction = pluginFunction;\n    optionsFunction.__configFunction = configFunction;\n    return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n"],"names":["exports","_default","createPlugin","plugin","config","pluginFunction","configFunction","optionsFunction","options","_createPlugin","_interop_require_default","require$$0","obj"],"mappings":";;;AACA,SAAO,eAAcA,GAAU,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA,IACf;AAAA,EACA,CAAC;AACD,WAASC,EAAaC,GAAQC,GAAQ;AAClC,WAAO;AAAA,MACH,SAASD;AAAA,MACT,QAAAC;AAAA,IACR;AAAA,EACA;AACA,EAAAF,EAAa,cAAc,SAASG,GAAgBC,IAAiB,OAAK,CAAA,IAAK;AAC3E,UAAMC,IAAkB,SAASC,GAAS;AACtC,aAAO;AAAA,QACH,WAAWA;AAAA,QACX,SAASH,EAAeG,CAAO;AAAA,QAC/B,QAAQF,EAAeE,CAAO;AAAA,MAC1C;AAAA,IACA;AACI,WAAAD,EAAgB,sBAAsB,IAGtCA,EAAgB,mBAAmBF,GACnCE,EAAgB,mBAAmBD,GAC5BC;AAAA,EACX;AACA,QAAMN,IAAWC;;;AC9BjB,SAAO,eAAcF,GAAU,cAAc;AAAA,IACzC,OAAO;AAAA,EACX,CAAC,GACD,OAAO,eAAeA,GAAS,WAAW;AAAA,IACtC,YAAY;AAAA,IACZ,KAAK,WAAW;AACZ,aAAOC;AAAA,IACf;AAAA,EACA,CAAC;AACD,QAAMQ,IAA8B,gBAAAC,EAAyBC,CAA+B;AAC5F,WAASD,EAAyBE,GAAK;AACnC,WAAOA,KAAOA,EAAI,aAAaA,IAAM;AAAA,MACjC,SAASA;AAAA,IACjB;AAAA,EACA;AACA,QAAMX,IAAWQ,EAAc;;AChB/B,IAAIP,IAAeS;AACnB,IAAAR,KAAkBD,EAAa,aAAaA,IAAe,EAAE,SAASA,KAAgB;;","x_google_ignoreList":[0,1,2]}

package/contexts/Device.d.ts

@@ -1,22 +1,2 @@
-import { type FunctionComponent, type PropsWithChildren } from 'react';
-declare const QUERIES: {
-    MOBILE: string;
-    TABLET: string;
-    DESKTOP: string;
-};
-type Devices = Lowercase<keyof typeof QUERIES>;
-type Direction = 'ltr' | 'rtl';
-interface Props {
-    device: Devices;
-    direction?: Direction;
-}
-export interface DeviceContext {
-    desktop: boolean;
-    mobile: boolean;
-    tablet: boolean;
-    direction: Direction;
-}
-export declare const DeviceProvider: FunctionComponent<PropsWithChildren<Props>>;
-export declare function useDevice(device: Devices): boolean;
-export declare function useDevice(direction: 'direction'): Direction;
-export {};
+export * from '../types/Devices';
+export * from './Devices/Device';

package/contexts/Device.js

@@ -1,62 +1,8 @@
-"use client";
-import { jsx as p } from "react/jsx-runtime";
-import { createContext as m, useReducer as h, useEffect as w, useContext as v } from "react";
-const n = {
-  MOBILE: "(min-width: 0)",
-  TABLET: "(min-width: 640px)",
-  DESKTOP: "(min-width: 768px)"
-}, c = m(null), E = (e, t) => {
-  switch (t.type) {
-    case "mobile":
-      return e;
-    case "desktop":
-      return {
-        ...e,
-        desktop: t.payload
-      };
-    case "tablet":
-      return {
-        ...e,
-        tablet: t.payload
-      };
-    default:
-      return e;
-  }
-}, b = ({ device: e, direction: t }) => typeof window < "u" ? {
-  direction: t,
-  desktop: window.matchMedia(n.DESKTOP).matches,
-  mobile: !0,
-  tablet: window.matchMedia(n.TABLET).matches
-} : {
-  direction: t,
-  desktop: e === "desktop",
-  mobile: !0,
-  tablet: e === "tablet" || e === "desktop"
-}, D = ({
-  children: e,
-  device: t,
-  direction: l = "ltr"
-}) => {
-  const [u, o] = h(E, { device: t, direction: l }, b);
-  return w(() => {
-    const s = window.matchMedia(n.DESKTOP), i = window.matchMedia(n.TABLET), a = ({ matches: r }) => {
-      o({ type: "desktop", payload: r });
-    }, d = ({ matches: r }) => {
-      o({ type: "tablet", payload: r });
-    };
-    return s.addEventListener("change", a, { passive: !0 }), i.addEventListener("change", d, { passive: !0 }), () => {
-      s.removeEventListener("change", a), i.removeEventListener("change", d);
-    };
-  }, []), /* @__PURE__ */ p(c.Provider, { value: u, children: e });
-};
-function k(e) {
-  const t = v(c);
-  if (t === null)
-    throw new Error("useDevice(string) should be used in DeviceContext.Provider");
-  return t[e];
-}
+import { QUERIES as o } from "../types/Devices.js";
+import { DeviceProvider as v, useDevice as c } from "./Devices/Device.js";
 export {
-  D as DeviceProvider,
-  k as useDevice
+  v as DeviceProvider,
+  o as QUERIES,
+  c as useDevice
 };
 //# sourceMappingURL=Device.js.map

package/contexts/Device.js.map

@@ -1 +1 @@
-{"version":3,"file":"Device.js","sources":["../../lib/contexts/Device.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useReducer,\n  type FunctionComponent,\n  type PropsWithChildren,\n} from 'react';\n\nconst QUERIES = {\n  MOBILE: '(min-width: 0)',\n  TABLET: '(min-width: 640px)',\n  DESKTOP: '(min-width: 768px)',\n}; // this is all so incredibly temporary don't sue me\n\ntype Devices = Lowercase<keyof typeof QUERIES>;\n\ntype Direction = 'ltr' | 'rtl';\n\ninterface Props {\n  device: Devices;\n  direction?: Direction;\n}\nexport interface DeviceContext {\n  desktop: boolean;\n  mobile: boolean;\n  tablet: boolean;\n  direction: Direction;\n}\n\nconst DeviceContext = createContext<DeviceContext | null>(null);\n\nconst reducer = (state: DeviceContext, action: { type: string; payload: boolean }) => {\n  switch (action.type) {\n    case 'mobile':\n      return state;\n    case 'desktop':\n      return {\n        ...state,\n        desktop: action.payload,\n      };\n    case 'tablet':\n      return {\n        ...state,\n        tablet: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\nconst getInitialState = ({ device, direction }: { device: Devices; direction: Direction }) => {\n  if (typeof window !== 'undefined') {\n    return {\n      direction,\n      desktop: window.matchMedia(QUERIES.DESKTOP).matches,\n      mobile: true,\n      tablet: window.matchMedia(QUERIES.TABLET).matches,\n    };\n  }\n\n  return {\n    direction,\n    desktop: device === 'desktop',\n    mobile: true,\n    tablet: device === 'tablet' || device === 'desktop',\n  };\n};\n\nexport const DeviceProvider: FunctionComponent<PropsWithChildren<Props>> = ({\n  children,\n  device,\n  direction = 'ltr',\n}) => {\n  const [state, dispatch] = useReducer(reducer, { device, direction }, getInitialState);\n\n  useEffect(() => {\n    const mqlDesktop = window.matchMedia(QUERIES.DESKTOP);\n    const mqlTablet = window.matchMedia(QUERIES.TABLET);\n\n    const listenerDesktop = ({ matches }: MediaQueryListEventMap['change']) => {\n      dispatch({ type: 'desktop', payload: matches });\n    };\n    const listenerTablet = ({ matches }: MediaQueryListEventMap['change']) => {\n      dispatch({ type: 'tablet', payload: matches });\n    };\n\n    mqlDesktop.addEventListener('change', listenerDesktop, { passive: true });\n    mqlTablet.addEventListener('change', listenerTablet, { passive: true });\n\n    return () => {\n      mqlDesktop.removeEventListener('change', listenerDesktop);\n      mqlTablet.removeEventListener('change', listenerTablet);\n    };\n  }, []);\n\n  return <DeviceContext.Provider value={state}>{children}</DeviceContext.Provider>;\n};\n\nexport function useDevice(device: Devices): boolean;\nexport function useDevice(direction: 'direction'): Direction;\nexport function useDevice(device: Devices | 'direction') {\n  const context = useContext(DeviceContext);\n\n  if (context === null) {\n    throw new Error('useDevice(string) should be used in DeviceContext.Provider');\n  }\n\n  return context[device];\n}\n"],"names":["QUERIES","DeviceContext","createContext","reducer","state","action","getInitialState","device","direction","DeviceProvider","children","dispatch","useReducer","useEffect","mqlDesktop","mqlTablet","listenerDesktop","matches","listenerTablet","useDevice","context","useContext"],"mappings":";;;AAWA,MAAMA,IAAU;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX,GAiBMC,IAAgBC,EAAoC,IAAI,GAExDC,IAAU,CAACC,GAAsBC,MAA+C;AACpF,UAAQA,EAAO,MAAM;AAAA,IACnB,KAAK;AACI,aAAAD;AAAA,IACT,KAAK;AACI,aAAA;AAAA,QACL,GAAGA;AAAA,QACH,SAASC,EAAO;AAAA,MAAA;AAAA,IAEpB,KAAK;AACI,aAAA;AAAA,QACL,GAAGD;AAAA,QACH,QAAQC,EAAO;AAAA,MAAA;AAAA,IAEnB;AACS,aAAAD;AAAA,EACX;AACF,GAEME,IAAkB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,QAC7B,OAAO,SAAW,MACb;AAAA,EACL,WAAAA;AAAA,EACA,SAAS,OAAO,WAAWR,EAAQ,OAAO,EAAE;AAAA,EAC5C,QAAQ;AAAA,EACR,QAAQ,OAAO,WAAWA,EAAQ,MAAM,EAAE;AAAA,IAIvC;AAAA,EACL,WAAAQ;AAAA,EACA,SAASD,MAAW;AAAA,EACpB,QAAQ;AAAA,EACR,QAAQA,MAAW,YAAYA,MAAW;AAAA,GAIjCE,IAA8D,CAAC;AAAA,EAC1E,UAAAC;AAAA,EACA,QAAAH;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACE,QAAA,CAACJ,GAAOO,CAAQ,IAAIC,EAAWT,GAAS,EAAE,QAAAI,GAAQ,WAAAC,KAAaF,CAAe;AAEpF,SAAAO,EAAU,MAAM;AACd,UAAMC,IAAa,OAAO,WAAWd,EAAQ,OAAO,GAC9Ce,IAAY,OAAO,WAAWf,EAAQ,MAAM,GAE5CgB,IAAkB,CAAC,EAAE,SAAAC,QAAgD;AACzE,MAAAN,EAAS,EAAE,MAAM,WAAW,SAASM,EAAS,CAAA;AAAA,IAAA,GAE1CC,IAAiB,CAAC,EAAE,SAAAD,QAAgD;AACxE,MAAAN,EAAS,EAAE,MAAM,UAAU,SAASM,EAAS,CAAA;AAAA,IAAA;AAG/C,WAAAH,EAAW,iBAAiB,UAAUE,GAAiB,EAAE,SAAS,IAAM,GACxED,EAAU,iBAAiB,UAAUG,GAAgB,EAAE,SAAS,IAAM,GAE/D,MAAM;AACA,MAAAJ,EAAA,oBAAoB,UAAUE,CAAe,GAC9CD,EAAA,oBAAoB,UAAUG,CAAc;AAAA,IAAA;AAAA,EAE1D,GAAG,CAAE,CAAA,qBAEGjB,EAAc,UAAd,EAAuB,OAAOG,GAAQ,UAAAM,EAAS,CAAA;AACzD;AAIO,SAASS,EAAUZ,GAA+B;AACjD,QAAAa,IAAUC,EAAWpB,CAAa;AAExC,MAAImB,MAAY;AACR,UAAA,IAAI,MAAM,4DAA4D;AAG9E,SAAOA,EAAQb,CAAM;AACvB;"}
+{"version":3,"file":"Device.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/contexts/Devices/Device.d.ts

@@ -0,0 +1,11 @@
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+import type { Direction } from '../../types/Direction';
+import type { Devices } from '../Device';
+interface Props {
+    device: Devices;
+    direction?: Direction;
+}
+export declare const DeviceProvider: FunctionComponent<PropsWithChildren<Props>>;
+export declare function useDevice(device: Devices): device is Devices;
+export declare function useDevice(direction: 'direction'): Direction;
+export {};

package/contexts/Devices/Device.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as s, useContext as u } from "react";
+import { useQueries as c } from "./hooks/useQueries.js";
+const r = s(null), m = ({
+  children: t,
+  device: e,
+  direction: o = "ltr"
+}) => {
+  const n = c({ device: e, direction: o });
+  return /* @__PURE__ */ i(r.Provider, { value: n, children: t });
+};
+function d(t) {
+  const e = u(r);
+  if (e === null)
+    throw new Error("useDevice(string) should be used in DeviceContext.Provider");
+  return e[t];
+}
+export {
+  m as DeviceProvider,
+  d as useDevice
+};
+//# sourceMappingURL=Device.js.map

package/contexts/Devices/Device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Device.js","sources":["../../../lib/contexts/Devices/Device.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type FunctionComponent, type PropsWithChildren, useContext } from 'react';\nimport type { Direction } from '@/types/Direction';\nimport { useQueries } from '@/contexts/Devices/hooks/useQueries';\nimport type { Devices } from '../Device';\nimport type { DeviceState } from './reducers/reducer';\n\ninterface Props {\n  device: Devices;\n  direction?: Direction;\n}\n\nconst DeviceContext = createContext<DeviceState | null>(null);\n\nexport const DeviceProvider: FunctionComponent<PropsWithChildren<Props>> = ({\n  children,\n  device,\n  direction = 'ltr',\n}) => {\n  const state = useQueries({ device: device, direction: direction });\n\n  return <DeviceContext.Provider value={state}>{children}</DeviceContext.Provider>;\n};\n\nexport function useDevice(device: Devices): device is Devices;\nexport function useDevice(direction: 'direction'): Direction;\nexport function useDevice(device: Devices | 'direction') {\n  const context = useContext(DeviceContext);\n\n  if (context === null) {\n    throw new Error('useDevice(string) should be used in DeviceContext.Provider');\n  }\n\n  return context[device];\n}\n"],"names":["DeviceContext","createContext","DeviceProvider","children","device","direction","state","useQueries","useDevice","context","useContext"],"mappings":";;;;AAaA,MAAMA,IAAgBC,EAAkC,IAAI,GAE/CC,IAA8D,CAAC;AAAA,EAC1E,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAQC,EAAW,EAAE,QAAAH,GAAgB,WAAAC,GAAsB;AAEjE,2BAAQL,EAAc,UAAd,EAAuB,OAAOM,GAAQ,UAAAH,GAAS;AACzD;AAIO,SAASK,EAAUJ,GAA+B;AACvD,QAAMK,IAAUC,EAAWV,CAAa;AAExC,MAAIS,MAAY;AACd,UAAM,IAAI,MAAM,4DAA4D;AAG9E,SAAOA,EAAQL,CAAM;AACvB;"}

package/contexts/Devices/hooks/useQueries.d.ts

@@ -0,0 +1,6 @@
+import type { Direction } from '../../../types/Direction';
+import { type Devices } from '../../../types/Devices';
+export declare function useQueries({ device, direction }: {
+    device: Devices;
+    direction: Direction;
+}): import('../reducers/reducer').DeviceState;

package/contexts/Devices/hooks/useQueries.js

@@ -0,0 +1,24 @@
+import { useReducer as v, useEffect as L } from "react";
+import { reducer as g, getInitialState as E } from "../reducers/reducer.js";
+import { QUERIES as n } from "../../../types/Devices.js";
+function y({ device: l, direction: p }) {
+  const [u, t] = v(g, { device: l, direction: p }, E);
+  return L(() => {
+    const a = window.matchMedia(n.SMALL), r = window.matchMedia(n.MEDIUM), s = window.matchMedia(n.LARGE), i = window.matchMedia(n.XLARGE), o = ({ matches: e }) => {
+      t({ type: "small", payload: e });
+    }, c = ({ matches: e }) => {
+      t({ type: "medium", payload: e });
+    }, d = ({ matches: e }) => {
+      t({ type: "large", payload: e });
+    }, m = ({ matches: e }) => {
+      t({ type: "xlarge", payload: e });
+    };
+    return a.addEventListener("change", o, { passive: !0 }), r.addEventListener("change", c, { passive: !0 }), s.addEventListener("change", d, { passive: !0 }), i.addEventListener("change", m, { passive: !0 }), () => {
+      a.removeEventListener("change", o), r.removeEventListener("change", c), s.removeEventListener("change", d), i.removeEventListener("change", m);
+    };
+  }, []), u;
+}
+export {
+  y as useQueries
+};
+//# sourceMappingURL=useQueries.js.map

package/contexts/Devices/hooks/useQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueries.js","sources":["../../../../lib/contexts/Devices/hooks/useQueries.ts"],"sourcesContent":["import type { Direction } from '@/types/Direction';\nimport { useEffect, useReducer } from 'react';\nimport { getInitialState, reducer } from '@/contexts/Devices/reducers/reducer';\nimport { QUERIES, type Devices } from '@/types/Devices';\n\nexport function useQueries({ device, direction }: { device: Devices; direction: Direction }) {\n  const [state, dispatch] = useReducer(reducer, { device, direction }, getInitialState);\n\n  useEffect(() => {\n    const mqlSmall = window.matchMedia(QUERIES.SMALL);\n    const mqlMedium = window.matchMedia(QUERIES.MEDIUM);\n    const mqlLarge = window.matchMedia(QUERIES.LARGE);\n    const mqlXLarge = window.matchMedia(QUERIES.XLARGE);\n\n    const listenerSmall = ({ matches }: MediaQueryListEventMap['change']) => {\n      dispatch({ type: 'small', payload: matches });\n    };\n    const listenerMedium = ({ matches }: MediaQueryListEventMap['change']) => {\n      dispatch({ type: 'medium', payload: matches });\n    };\n    const listenerLarge = ({ matches }: MediaQueryListEventMap['change']) => {\n      dispatch({ type: 'large', payload: matches });\n    };\n    const listenerXLarge = ({ matches }: MediaQueryListEventMap['change']) => {\n      dispatch({ type: 'xlarge', payload: matches });\n    };\n\n    mqlSmall.addEventListener('change', listenerSmall, { passive: true });\n    mqlMedium.addEventListener('change', listenerMedium, { passive: true });\n    mqlLarge.addEventListener('change', listenerLarge, { passive: true });\n    mqlXLarge.addEventListener('change', listenerXLarge, { passive: true });\n\n    return () => {\n      mqlSmall.removeEventListener('change', listenerSmall);\n      mqlMedium.removeEventListener('change', listenerMedium);\n      mqlLarge.removeEventListener('change', listenerLarge);\n      mqlXLarge.removeEventListener('change', listenerXLarge);\n    };\n  }, []);\n  return state;\n}\n"],"names":["useQueries","device","direction","state","dispatch","useReducer","reducer","getInitialState","useEffect","mqlSmall","QUERIES","mqlMedium","mqlLarge","mqlXLarge","listenerSmall","matches","listenerMedium","listenerLarge","listenerXLarge"],"mappings":";;;AAKO,SAASA,EAAW,EAAE,QAAAC,GAAQ,WAAAC,KAAwD;AAC3F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAWC,GAAS,EAAE,QAAAL,GAAQ,WAAAC,EAAA,GAAaK,CAAe;AAEpF,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,OAAO,WAAWC,EAAQ,KAAK,GAC1CC,IAAY,OAAO,WAAWD,EAAQ,MAAM,GAC5CE,IAAW,OAAO,WAAWF,EAAQ,KAAK,GAC1CG,IAAY,OAAO,WAAWH,EAAQ,MAAM,GAE5CI,IAAgB,CAAC,EAAE,SAAAC,QAAgD;AACvE,MAAAX,EAAS,EAAE,MAAM,SAAS,SAASW,GAAS;AAAA,IAC9C,GACMC,IAAiB,CAAC,EAAE,SAAAD,QAAgD;AACxE,MAAAX,EAAS,EAAE,MAAM,UAAU,SAASW,GAAS;AAAA,IAC/C,GACME,IAAgB,CAAC,EAAE,SAAAF,QAAgD;AACvE,MAAAX,EAAS,EAAE,MAAM,SAAS,SAASW,GAAS;AAAA,IAC9C,GACMG,IAAiB,CAAC,EAAE,SAAAH,QAAgD;AACxE,MAAAX,EAAS,EAAE,MAAM,UAAU,SAASW,GAAS;AAAA,IAC/C;AAEA,WAAAN,EAAS,iBAAiB,UAAUK,GAAe,EAAE,SAAS,IAAM,GACpEH,EAAU,iBAAiB,UAAUK,GAAgB,EAAE,SAAS,IAAM,GACtEJ,EAAS,iBAAiB,UAAUK,GAAe,EAAE,SAAS,IAAM,GACpEJ,EAAU,iBAAiB,UAAUK,GAAgB,EAAE,SAAS,IAAM,GAE/D,MAAM;AACX,MAAAT,EAAS,oBAAoB,UAAUK,CAAa,GACpDH,EAAU,oBAAoB,UAAUK,CAAc,GACtDJ,EAAS,oBAAoB,UAAUK,CAAa,GACpDJ,EAAU,oBAAoB,UAAUK,CAAc;AAAA,IACxD;AAAA,EACF,GAAG,CAAA,CAAE,GACEf;AACT;"}

package/contexts/Devices/reducers/reducer.d.ts

@@ -0,0 +1,25 @@
+import type { Direction } from '../../../types/Direction';
+import { type Devices } from '../../../types/Devices';
+export interface DeviceState {
+    all: boolean;
+    small: boolean;
+    medium: boolean;
+    large: boolean;
+    xlarge: boolean;
+    direction: Direction;
+}
+export declare const reducer: (state: DeviceState, action: {
+    type: string;
+    payload: boolean;
+}) => DeviceState;
+export declare const getInitialState: ({ device, direction, }: {
+    device: Devices;
+    direction: Direction;
+}) => {
+    direction: Direction;
+    all: boolean;
+    small: boolean;
+    medium: boolean;
+    large: boolean;
+    xlarge: boolean;
+};

package/contexts/Devices/reducers/reducer.js

@@ -0,0 +1,50 @@
+import { QUERIES as r } from "../../../types/Devices.js";
+const m = (a, l) => {
+  switch (l.type) {
+    case "small":
+      return {
+        ...a,
+        small: l.payload
+      };
+    case "medium":
+      return {
+        ...a,
+        medium: l.payload
+      };
+    case "large":
+      return {
+        ...a,
+        large: l.payload
+      };
+    case "xlarge":
+      return {
+        ...a,
+        xlarge: l.payload
+      };
+    case "all":
+    default:
+      return a;
+  }
+}, u = ({
+  device: a,
+  direction: l
+}) => typeof window < "u" ? {
+  direction: l,
+  all: !0,
+  small: window.matchMedia(r.SMALL).matches,
+  medium: window.matchMedia(r.MEDIUM).matches,
+  large: window.matchMedia(r.LARGE).matches,
+  xlarge: window.matchMedia(r.XLARGE).matches
+} : {
+  direction: l,
+  all: !0,
+  small: a === "small" || a === "medium" || a === "large" || a === "xlarge",
+  medium: a === "medium" || a === "large" || a === "xlarge",
+  large: a === "large" || a === "xlarge",
+  xlarge: a === "xlarge"
+};
+export {
+  u as getInitialState,
+  m as reducer
+};
+//# sourceMappingURL=reducer.js.map

package/contexts/Devices/reducers/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sources":["../../../../lib/contexts/Devices/reducers/reducer.ts"],"sourcesContent":["import type { Direction } from '@/types/Direction';\nimport { type Devices, QUERIES } from '@/types/Devices';\n\nexport interface DeviceState {\n  all: boolean;\n  small: boolean;\n  medium: boolean;\n  large: boolean;\n  xlarge: boolean;\n  direction: Direction;\n}\n\nexport const reducer = (state: DeviceState, action: { type: string; payload: boolean }) => {\n  switch (action.type) {\n    case 'small':\n      return {\n        ...state,\n        small: action.payload,\n      };\n    case 'medium':\n      return {\n        ...state,\n        medium: action.payload,\n      };\n    case 'large':\n      return {\n        ...state,\n        large: action.payload,\n      };\n    case 'xlarge':\n      return {\n        ...state,\n        xlarge: action.payload,\n      };\n    case 'all':\n    default:\n      return state;\n  }\n};\n\nexport const getInitialState = ({\n  device,\n  direction,\n}: {\n  device: Devices;\n  direction: Direction;\n}) => {\n  if (typeof window !== 'undefined') {\n    return {\n      direction,\n      all: true,\n      small: window.matchMedia(QUERIES.SMALL).matches,\n      medium: window.matchMedia(QUERIES.MEDIUM).matches,\n      large: window.matchMedia(QUERIES.LARGE).matches,\n      xlarge: window.matchMedia(QUERIES.XLARGE).matches,\n    };\n  }\n\n  return {\n    direction,\n    all: true,\n    small: device === 'small' || device === 'medium' || device === 'large' || device === 'xlarge',\n    medium: device === 'medium' || device === 'large' || device === 'xlarge',\n    large: device === 'large' || device === 'xlarge',\n    xlarge: device === 'xlarge',\n  };\n};\n"],"names":["reducer","state","action","getInitialState","device","direction","QUERIES"],"mappings":";AAYO,MAAMA,IAAU,CAACC,GAAoBC,MAA+C;AACzF,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,OAAOC,EAAO;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,QAAQC,EAAO;AAAA,MAAA;AAAA,IAEnB,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,OAAOC,EAAO;AAAA,MAAA;AAAA,IAElB,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,QAAQC,EAAO;AAAA,MAAA;AAAA,IAEnB,KAAK;AAAA,IACL;AACE,aAAOD;AAAA,EAAA;AAEb,GAEaE,IAAkB,CAAC;AAAA,EAC9B,QAAAC;AAAA,EACA,WAAAC;AACF,MAIM,OAAO,SAAW,MACb;AAAA,EACL,WAAAA;AAAA,EACA,KAAK;AAAA,EACL,OAAO,OAAO,WAAWC,EAAQ,KAAK,EAAE;AAAA,EACxC,QAAQ,OAAO,WAAWA,EAAQ,MAAM,EAAE;AAAA,EAC1C,OAAO,OAAO,WAAWA,EAAQ,KAAK,EAAE;AAAA,EACxC,QAAQ,OAAO,WAAWA,EAAQ,MAAM,EAAE;AAAA,IAIvC;AAAA,EACL,WAAAD;AAAA,EACA,KAAK;AAAA,EACL,OAAOD,MAAW,WAAWA,MAAW,YAAYA,MAAW,WAAWA,MAAW;AAAA,EACrF,QAAQA,MAAW,YAAYA,MAAW,WAAWA,MAAW;AAAA,EAChE,OAAOA,MAAW,WAAWA,MAAW;AAAA,EACxC,QAAQA,MAAW;AAAA;"}