react-responsive-tools 2.2.3 → 2.3.4

package/dist/breakpoints.config.d.ts

@@ -0,0 +1,3 @@
+declare const HORIZONTAL_BREAKPOINTS: Record<string, string>;
+declare const VERTICAL_BREAKPOINTS: Record<string, string>;
+export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };

package/dist/breakpoints.config.js

@@ -0,0 +1,23 @@
+// src/breakpoints.config.ts
+const HORIZONTAL_BREAKPOINTS = {
+    "xs": "320px",
+    "sm": "576px",
+    "md": "768px",
+    "lg": "992px",
+    "lt": "1024px",
+    "ltm": "1200px",
+    "ltl": "1440px",
+    "xl": "1920px",
+    "xxl": "2560px",
+    "qxl": "3840px"
+};
+const VERTICAL_BREAKPOINTS = {
+    "xs": "600px",
+    "sm": "800px",
+    "md": "1000px",
+    "lg": "1200px",
+    "xl": "1600px",
+    "xxl": "1601px"
+};
+export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };
+//# sourceMappingURL=breakpoints.config.js.map

package/dist/breakpoints.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.config.js","sourceRoot":"","sources":["../src/breakpoints.config.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAE5B,MAAM,sBAAsB,GAA2B;IACrD,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,MAAM,oBAAoB,GAA2B;IACnD,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/horizontal.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Created by westp on 15.05.2023
+ */
+import React from "react";
+import { TBreakpoint } from '../interfaces/TBreakpoint';
+interface Props {
+    children: React.ReactNode;
+}
+interface ForComponentProps extends Props {
+    p: TBreakpoint | number;
+}
+export declare function For({ children, p }: ForComponentProps): React.ReactNode;
+export declare function Before({ children, p }: ForComponentProps): React.ReactNode;
+export {};

package/dist/components/horizontal.js

@@ -0,0 +1,17 @@
+/**
+ * Created by westp on 15.05.2023
+ */
+import { useBreakpointDF, useBreakpointMF } from '../hooks/useBreakpoint';
+export function For({ children, p }) {
+    const is = useBreakpointMF(p);
+    if (is)
+        return children;
+    return null;
+}
+export function Before({ children, p }) {
+    const is = useBreakpointDF(p);
+    if (is)
+        return children;
+    return null;
+}
+//# sourceMappingURL=horizontal.js.map

package/dist/components/horizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal.js","sourceRoot":"","sources":["../../src/components/horizontal.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAU1E,MAAM,UAAU,GAAG,CAAC,EAAC,QAAQ,EAAE,CAAC,EAAoB;IAClD,MAAM,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,EAAE;QAAE,OAAO,QAAQ,CAAC;IACxB,OAAO,IAAI,CAAC;AACd,CAAC;AAGD,MAAM,UAAU,MAAM,CAAC,EAAC,QAAQ,EAAE,CAAC,EAAoB;IACrD,MAAM,EAAE,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,EAAE;QAAE,OAAO,QAAQ,CAAC;IACxB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/functions/getBreakpoint.d.ts

@@ -0,0 +1,3 @@
+import { TBreakpoint, TVerticalBreakpoint } from '../interfaces/TBreakpoint';
+export default function getBreakpoint(b: TBreakpoint): string;
+export declare function getVBreakpoint(b: TVerticalBreakpoint): string;

package/dist/functions/getBreakpoint.js

@@ -0,0 +1,8 @@
+import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from '../breakpoints.config';
+export default function getBreakpoint(b) {
+    return HORIZONTAL_BREAKPOINTS[b];
+}
+export function getVBreakpoint(b) {
+    return VERTICAL_BREAKPOINTS[b];
+}
+//# sourceMappingURL=getBreakpoint.js.map

package/dist/functions/getBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBreakpoint.js","sourceRoot":"","sources":["../../src/functions/getBreakpoint.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGrF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAc;IAChD,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,CAAsB;IACjD,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAAC;AACnC,CAAC"}

package/dist/hooks/useBreakpoint.d.ts

@@ -0,0 +1,5 @@
+import { TBreakpoint } from '../interfaces/TBreakpoint';
+import { TAdaptiveVariant } from '../interfaces/TAdaptiveVariant';
+export default function useBreakpoint(b: TBreakpoint | number, variant?: TAdaptiveVariant): boolean;
+export declare function useBreakpointMF(b: TBreakpoint | number): boolean;
+export declare function useBreakpointDF(b: TBreakpoint | number): boolean;

package/dist/hooks/useBreakpoint.js

@@ -0,0 +1,15 @@
+import { useMediaQuery } from 'react-responsive';
+import useVariant from './useVariant';
+import getBreakpoint from "../functions/getBreakpoint";
+export default function useBreakpoint(b, variant = 'MtF') {
+    const _bp = typeof b === 'number' ? b + 'px' : getBreakpoint(b);
+    const v = useVariant(variant);
+    return useMediaQuery({ query: `(${v}-width: ${_bp})` });
+}
+export function useBreakpointMF(b) {
+    return useBreakpoint(b, 'MtF');
+}
+export function useBreakpointDF(b) {
+    return useBreakpoint(b, 'MtF');
+}
+//# sourceMappingURL=useBreakpoint.js.map

package/dist/hooks/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAuB,EAAE,UAA4B,KAAK;IAC9F,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,CAAuB;IACrD,OAAO,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,CAAuB;IACrD,OAAO,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AACjC,CAAC"}

package/dist/hooks/useVBreakpoint.d.ts

@@ -0,0 +1,5 @@
+import { TVerticalBreakpoint } from '../interfaces/TBreakpoint';
+import { TAdaptiveVariant } from '../interfaces/TAdaptiveVariant';
+export default function useVBreakpoint(b: TVerticalBreakpoint | number, variant?: TAdaptiveVariant): boolean;
+export declare function useVBreakpointMF(b: TVerticalBreakpoint | number): boolean;
+export declare function useVBreakpointDF(b: TVerticalBreakpoint | number): boolean;

package/dist/hooks/useVBreakpoint.js

@@ -0,0 +1,15 @@
+import { useMediaQuery } from 'react-responsive';
+import useVariant from './useVariant';
+import { getVBreakpoint } from "../functions/getBreakpoint";
+export default function useVBreakpoint(b, variant = 'MtF') {
+    const _bp = typeof b === 'number' ? b + 'px' : getVBreakpoint(b);
+    const v = useVariant(variant);
+    return useMediaQuery({ query: `(${v}-height: ${_bp})` });
+}
+export function useVBreakpointMF(b) {
+    return useVBreakpoint(b, 'MtF');
+}
+export function useVBreakpointDF(b) {
+    return useVBreakpoint(b, 'MtF');
+}
+//# sourceMappingURL=useVBreakpoint.js.map

package/dist/hooks/useVBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVBreakpoint.js","sourceRoot":"","sources":["../../src/hooks/useVBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAQ,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAA+B,EAAE,UAA4B,KAAK;IACvG,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,CAA+B;IAC9D,OAAO,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,CAA+B;IAC9D,OAAO,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAClC,CAAC"}

package/dist/hooks/useVariant.d.ts

@@ -0,0 +1,2 @@
+import { TAdaptiveVariant } from "../interfaces/TAdaptiveVariant";
+export default function useVariant(variant: TAdaptiveVariant): "min" | "max";

package/dist/hooks/useVariant.js

@@ -0,0 +1,4 @@
+export default function useVariant(variant) {
+    return variant === 'MtF' ? 'min' : 'max';
+}
+//# sourceMappingURL=useVariant.js.map

package/dist/hooks/useVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVariant.js","sourceRoot":"","sources":["../../src/hooks/useVariant.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAyB;IACxD,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA,CAAC,CAAC,KAAK,CAAC;AAC5C,CAAC"}

package/{src/index.ts → dist/index.d.ts}

@@ -1,14 +1,6 @@
 import { TBreakpoints, TVerticalBreakpoints } from './interfaces/TBreakpoints';
 import { TBreakpoint, TVerticalBreakpoint } from './interfaces/TBreakpoint';
-
 export * from './hooks/useBreakpoint';
 export * from './hooks/useVBreakpoint';
-
-export type {
-  TBreakpoints,
-  TBreakpoint,
-  TVerticalBreakpoint,
-  TVerticalBreakpoints,
-};
-
+export type { TBreakpoints, TBreakpoint, TVerticalBreakpoint, TVerticalBreakpoints, };
 export * from './components/horizontal';

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AASvC,cAAc,yBAAyB,CAAC"}

package/dist/interfaces/TAdaptiveVariant.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TAdaptiveVariant.js.map

package/dist/interfaces/TAdaptiveVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TAdaptiveVariant.js","sourceRoot":"","sources":["../../src/interfaces/TAdaptiveVariant.ts"],"names":[],"mappings":""}

package/dist/interfaces/TBreakpoint.d.ts

@@ -0,0 +1,2 @@
+export type TBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'lt' | 'ltm' | 'ltl' | 'xl' | 'xxl' | 'qxl';
+export type TVerticalBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';

package/dist/interfaces/TBreakpoint.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TBreakpoint.js.map

package/dist/interfaces/TBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBreakpoint.js","sourceRoot":"","sources":["../../src/interfaces/TBreakpoint.ts"],"names":[],"mappings":""}

package/{src/interfaces/TBreakpoints.ts → dist/interfaces/TBreakpoints.d.ts}

@@ -1,9 +1,7 @@
 import { TBreakpoint, TVerticalBreakpoint } from './TBreakpoint';
-
 export type TBreakpoints<T> = {
-  [key in TBreakpoint]: T;
+    [key in TBreakpoint]: T;
 };
-
 export type TVerticalBreakpoints<T> = {
-  [key in TVerticalBreakpoint]: T;
+    [key in TVerticalBreakpoint]: T;
 };

package/dist/interfaces/TBreakpoints.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TBreakpoints.js.map

package/dist/interfaces/TBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBreakpoints.js","sourceRoot":"","sources":["../../src/interfaces/TBreakpoints.ts"],"names":[],"mappings":""}

package/dist/scripts/copyDefaultConfig.js

@@ -0,0 +1 @@
+import fs from"fs";import path from"path";import{fileURLToPath}from"url";const __filename=fileURLToPath(import.meta.url),__dirname=path.dirname(__filename),defaultConfigPath=path.resolve(__dirname,"../default.config.mjs"),userConfigPath=path.resolve(__dirname,"../../../../breakpoints.config.js");fs.existsSync(userConfigPath)?console.log("User configuration file already exists."):(fs.copyFileSync(defaultConfigPath,userConfigPath),console.log("Default configuration file has been copied to the root of the project as breakpoints.config.js"));

package/dist/scripts/createConfig.mjs

@@ -0,0 +1 @@
+import o from"fs";import n from"path";import{fileURLToPath as e}from"url";import{HORIZONTAL_BREAKPOINTS as r,VERTICAL_BREAKPOINTS as i}from"../default.config.mjs";const s=e(import.meta.url),l=n.dirname(s),t=n.resolve(l,"../../../../breakpoints.config.js");(async()=>{let e=r,s=i;if(o.existsSync(t))try{console.log(`User config file found at: ${t}`);const o=await import(t);console.log(`Loaded user config: ${JSON.stringify(o,null,2)}`),o.HORIZONTAL_BREAKPOINTS?(e=o.HORIZONTAL_BREAKPOINTS,console.log("Using user provided horizontal breakpoints.")):console.log("Using default horizontal breakpoints."),o.VERTICAL_BREAKPOINTS?(s=o.VERTICAL_BREAKPOINTS,console.log("Using user provided vertical breakpoints.")):console.log("Using default vertical breakpoints.")}catch(o){console.error("Error loading user config:",o)}else console.log(`User config file not found at: ${t}. Using default breakpoints.`);const c=`\n// breakpoints.config.mjs\nconst HORIZONTAL_BREAKPOINTS = ${JSON.stringify(e,null,2)};\n\nconst VERTICAL_BREAKPOINTS = ${JSON.stringify(s,null,2)};\n\nexport { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };\n`;try{o.writeFileSync(n.resolve(l,"../breakpoints.config.mjs"),c),console.log("Config file has been generated successfully.")}catch(o){console.error("Error writing merged config file:",o)}})();

package/dist/scripts/generateCustomBreakpointsSCSS.mjs

@@ -0,0 +1 @@
+import o from"fs";import e from"path";import{fileURLToPath as r}from"url";import{HORIZONTAL_BREAKPOINTS as s,VERTICAL_BREAKPOINTS as t}from"../breakpoints.config.ts";const n=r(import.meta.url),i=e.dirname(n),m=(o,e)=>`$${e}-breakpoints: (\n${Object.entries(o).map((([o,e])=>`  ${o}: ${e}`)).join(",\n")}\n);`,a=`\n${m(s,"horizontal")}\n${m(t,"vertical")}\n`;o.writeFileSync(e.resolve(i,"../scss/_custom-breakpoints.scss"),a),console.log("SCSS file with breakpoints maps has been generated successfully.");

package/dist/scripts/generateSCSS.mjs

@@ -0,0 +1 @@
+import n from"fs";import e from"path";import{fileURLToPath as i}from"url";import{HORIZONTAL_BREAKPOINTS as r,VERTICAL_BREAKPOINTS as o}from"../breakpoints.config.ts";const s=i(import.meta.url),t=e.dirname(s),l=(c=r,`\n@import "horizontal";\n\n${Object.keys(c).map((n=>`\n/**\n * @mixin for-${n}\n * @description Mixin for applying styles for screens greater than or equal to ${c[n]}px.\n * @example\n *  @include for-${n} {\n *    // your styles here\n *  }\n */\n@mixin for-${n}() {\n  @include mob-first(${n}) {\n    @content;\n  }\n}`)).join("\n")}\n\n${Object.keys(c).map((n=>`\n/**\n * @mixin before-${n}\n * @description Mixin for applying styles for screens less than ${c[n]}px.\n * @example\n *  @include before-${n} {\n *    // your styles here\n *  }\n */\n@mixin before-${n}() {\n  @include desk-first(${n}) {\n    @content;\n  }\n}`)).join("\n")}\n`);var c;const p=(n=>`\n@import "vertical";\n\n${Object.keys(n).map((e=>`\n/**\n * @mixin v-for-${e}\n * @description Mixin for applying styles for screens with height greater than or equal to ${n[e]}px.\n * @example\n *  @include v-for-${e} {\n *    // your styles here\n *  }\n */\n@mixin v-for-${e}() {\n  @include v-mob-first(${e}) {\n    @content;\n  }\n}`)).join("\n")}\n\n${Object.keys(n).map((e=>`\n/**\n * @mixin v-before-${e}\n * @description Mixin for applying styles for screens with height less than ${n[e]}px.\n * @example\n *  @include v-before-${e} {\n *    // your styles here\n *  }\n */\n@mixin v-before-${e}() {\n  @include v-desk-first(${e}) {\n    @content;\n  }\n}`)).join("\n")}\n`)(o);n.writeFileSync(e.resolve(t,"../scss/_horizontal-breakpoints.scss"),l),n.writeFileSync(e.resolve(t,"../scss/_vertical-breakpoints.scss"),p),console.log("SCSS files have been generated successfully.");

package/dist/scripts/generateTBreakpoint.mjs

@@ -0,0 +1 @@
+import e from"fs";import r from"path";import{fileURLToPath as t}from"url";import{HORIZONTAL_BREAKPOINTS as o,VERTICAL_BREAKPOINTS as n}from"../breakpoints.config.ts";const i=t(import.meta.url),p=r.dirname(i),s=(e,r)=>`export type ${r} =\n${Object.keys(e).map((e=>`    | '${e}'`)).join("\n")}\n`,a=`\n${s(o,"TBreakpoint")}\n\n${s(n,"TVerticalBreakpoint")}\n`;e.writeFileSync(r.resolve(p,"../interfaces/TBreakpoint.ts"),a.trim()),console.log("TBreakpoint.ts file has been generated successfully.");

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "react-responsive-tools",
-  "version": "2.2.3",
+  "version": "2.3.4",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
+
   "scripts": {
     "dev": "webpack --mode development --watch",
     "start": "webpack serve --config webpack.config.js --env development=true",
@@ -18,7 +19,7 @@
     "reinit": "sh ./reinit.sh"
   },
   "files": [
-    "src",
+    "dist",
     "reinit.sh"
   ],
   "keywords": [

package/src/breakpoints.config.ts

@@ -1,25 +0,0 @@
-// src/breakpoints.config.ts
-
-const HORIZONTAL_BREAKPOINTS: Record<string, string> = {
-  "xs": "320px",
-  "sm": "576px",
-  "md": "768px",
-  "lg": "992px",
-  "lt": "1024px",
-  "ltm": "1200px",
-  "ltl": "1440px",
-  "xl": "1920px",
-  "xxl": "2560px",
-  "qxl": "3840px"
-};
-
-const VERTICAL_BREAKPOINTS: Record<string, string> = {
-  "xs": "600px",
-  "sm": "800px",
-  "md": "1000px",
-  "lg": "1200px",
-  "xl": "1600px",
-  "xxl": "1601px"
-};
-
-export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };

package/src/components/horizontal.tsx

@@ -1,30 +0,0 @@
-/**
- * Created by westp on 15.05.2023
- */
-
-import React from "react";
-
-import { TBreakpoint } from '../interfaces/TBreakpoint';
-import { useBreakpointDF, useBreakpointMF } from '../hooks/useBreakpoint';
-
-interface Props {
-  children: React.ReactNode;
-}
-
-interface ForComponentProps extends Props {
-  p: TBreakpoint | number;
-}
-
-export function For({children, p}: ForComponentProps) {
-  const is = useBreakpointMF(p);
-  if (is) return children;
-  return null;
-}
-
-
-export function Before({children ,p}: ForComponentProps) {
-  const is = useBreakpointDF(p);
-  if (is) return children;
-  return null;
-}
-

package/src/default.config.mjs

@@ -1,25 +0,0 @@
-// breakpointConfig.js
-
-const HORIZONTAL_BREAKPOINTS = {
-  xs: '320px',
-  sm: '576px',
-  md: '768px',
-  lg: '992px',
-  lt: '1024px',
-  ltm: '1200px',
-  ltl: '1440px',
-  xl: '1920px',
-  xxl: '2560px',
-  qxl: '3840px',
-};
-
-const VERTICAL_BREAKPOINTS = {
-  xs: '600px',
-  sm: '800px',
-  md: '1000px',
-  lg: '1200px',
-  xl: '1600px',
-  xxl: '1601px',
-};
-
-export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };

package/src/functions/getBreakpoint.ts

@@ -1,11 +0,0 @@
-
-import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from '../breakpoints.config';
-import { TBreakpoint, TVerticalBreakpoint } from '../interfaces/TBreakpoint';
-
-export default function getBreakpoint(b: TBreakpoint): string {
-    return HORIZONTAL_BREAKPOINTS[b];
-}
-
-export function getVBreakpoint(b: TVerticalBreakpoint): string {
-    return VERTICAL_BREAKPOINTS[b];
-}

package/src/hooks/useBreakpoint.ts

@@ -1,20 +0,0 @@
-import { useMediaQuery } from 'react-responsive';
-
-import { TBreakpoint } from '../interfaces/TBreakpoint';
-import { TAdaptiveVariant } from '../interfaces/TAdaptiveVariant';
-import useVariant from './useVariant';
-import getBreakpoint from "../functions/getBreakpoint";
-
-export default function useBreakpoint(b: TBreakpoint | number, variant: TAdaptiveVariant = 'MtF') {
-  const _bp = typeof b === 'number' ? b + 'px' :  getBreakpoint(b);
-  const v = useVariant(variant);
-  return useMediaQuery({ query: `(${v}-width: ${_bp})` });
-}
-
-export function useBreakpointMF(b: TBreakpoint | number) {
-  return useBreakpoint(b, 'MtF');
-}
-
-export function useBreakpointDF(b: TBreakpoint | number) {
-  return useBreakpoint(b, 'MtF');
-}

package/src/hooks/useVBreakpoint.ts

@@ -1,20 +0,0 @@
-import { useMediaQuery } from 'react-responsive';
-
-import { TVerticalBreakpoint } from '../interfaces/TBreakpoint';
-import { TAdaptiveVariant } from '../interfaces/TAdaptiveVariant';
-import useVariant from './useVariant';
-import  {getVBreakpoint} from "../functions/getBreakpoint";
-
-export default function useVBreakpoint(b: TVerticalBreakpoint | number, variant: TAdaptiveVariant = 'MtF') {
-  const _bp = typeof b === 'number' ? b + 'px' :  getVBreakpoint(b);
-  const v = useVariant(variant);
-  return useMediaQuery({ query: `(${v}-height: ${_bp})` });
-}
-
-export function useVBreakpointMF(b: TVerticalBreakpoint | number) {
-  return useVBreakpoint(b, 'MtF');
-}
-
-export function useVBreakpointDF(b: TVerticalBreakpoint | number) {
-  return useVBreakpoint(b, 'MtF');
-}

package/src/hooks/useVariant.ts

@@ -1,5 +0,0 @@
-import {TAdaptiveVariant} from "../interfaces/TAdaptiveVariant";
-
-export default function useVariant(variant: TAdaptiveVariant){
-    return variant === 'MtF' ? 'min': 'max';
-}

package/src/interfaces/TBreakpoint.ts

@@ -1,20 +0,0 @@
-export type TBreakpoint =
-    | 'xs'
-    | 'sm'
-    | 'md'
-    | 'lg'
-    | 'lt'
-    | 'ltm'
-    | 'ltl'
-    | 'xl'
-    | 'xxl'
-    | 'qxl'
-
-
-export type TVerticalBreakpoint =
-    | 'xs'
-    | 'sm'
-    | 'md'
-    | 'lg'
-    | 'xl'
-    | 'xxl'

package/src/scripts/copyDefaultConfig.mjs

@@ -1,22 +0,0 @@
-// copyDefaultConfig.mjs
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-// Определение __filename и __dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Путь к файлу конфигурации по умолчанию
-const defaultConfigPath = path.resolve(__dirname, '../default.config.mjs');
-
-// Путь для копии файла в корне проекта
-const userConfigPath = path.resolve(__dirname, '../../../../breakpoints.config.js');
-
-// Проверка, существует ли уже пользовательская конфигурация
-if (!fs.existsSync(userConfigPath)) {
-    fs.copyFileSync(defaultConfigPath, userConfigPath);
-    console.log('Default configuration file has been copied to the root of the project as breakpoints.config.js');
-} else {
-    console.log('User configuration file already exists.');
-}

package/src/scripts/createConfig.mjs

@@ -1,64 +0,0 @@
-// createConfig.mjs
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { HORIZONTAL_BREAKPOINTS as defaultHorizontalBreakpoints, VERTICAL_BREAKPOINTS as defaultVerticalBreakpoints } from '../default.config.mjs';
-
-// Определение __filename и __dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Путь к пользовательскому конфигурационному файлу
-const userConfigPath = path.resolve(__dirname, '../../../../breakpoints.config.js');
-
-const mergeBreakpointConfigs = async () => {
-  let horizontalBreakpoints = defaultHorizontalBreakpoints;
-  let verticalBreakpoints = defaultVerticalBreakpoints;
-
-  // Проверяем, существует ли пользовательский конфигурационный файл
-  if (fs.existsSync(userConfigPath)) {
-    try {
-      console.log(`User config file found at: ${userConfigPath}`);
-      const userConfig = await import(userConfigPath);
-      console.log(`Loaded user config: ${JSON.stringify(userConfig, null, 2)}`);
-
-      if (userConfig.HORIZONTAL_BREAKPOINTS) {
-        horizontalBreakpoints = userConfig.HORIZONTAL_BREAKPOINTS;
-        console.log('Using user provided horizontal breakpoints.');
-      } else {
-        console.log('Using default horizontal breakpoints.');
-      }
-
-      if (userConfig.VERTICAL_BREAKPOINTS) {
-        verticalBreakpoints = userConfig.VERTICAL_BREAKPOINTS;
-        console.log('Using user provided vertical breakpoints.');
-      } else {
-        console.log('Using default vertical breakpoints.');
-      }
-    } catch (error) {
-      console.error('Error loading user config:', error);
-    }
-  } else {
-    console.log(`User config file not found at: ${userConfigPath}. Using default breakpoints.`);
-  }
-
-  const mergedConfigContent = `
-// breakpoints.config.mjs
-const HORIZONTAL_BREAKPOINTS = ${JSON.stringify(horizontalBreakpoints, null, 2)};
-
-const VERTICAL_BREAKPOINTS = ${JSON.stringify(verticalBreakpoints, null, 2)};
-
-export { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS };
-`;
-
-  try {
-    // Создаем новый файл с именем breakpoints.config.mjs
-    fs.writeFileSync(path.resolve(__dirname, '../breakpoints.config.mjs'), mergedConfigContent);
-    console.log('Config file has been generated successfully.');
-  } catch (error) {
-    console.error('Error writing merged config file:', error);
-  }
-};
-
-// Запуск функции
-mergeBreakpointConfigs();

package/src/scripts/generateCustomBreakpointsSCSS.mjs

@@ -1,30 +0,0 @@
-// generateSCSSMaps.js
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url'; // Импортируем необходимую функцию из 'url'
-import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from '../breakpoints.config.ts';
-
-// Определение __filename и __dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Функция генерации SCSS map
-const generateSCSSMap = (breakpoints, name) => {
-  return `$${name}-breakpoints: (\n${Object.entries(breakpoints)
-      .map(([key, value]) => `  ${key}: ${value}`)
-      .join(',\n')}\n);`;
-};
-
-// Создаем содержимое SCSS файла
-const scssContent = `
-${generateSCSSMap(HORIZONTAL_BREAKPOINTS, 'horizontal')}
-${generateSCSSMap(VERTICAL_BREAKPOINTS, 'vertical')}
-`;
-
-// Записываем содержимое в файл _custom-breakpoints.scss
-fs.writeFileSync(
-    path.resolve(__dirname, '../scss/_custom-breakpoints.scss'),
-    scssContent
-);
-
-console.log('SCSS file with breakpoints maps has been generated successfully.');

package/src/scripts/generateSCSS.mjs

@@ -1,107 +0,0 @@
-// generateSCSS.js
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from '../breakpoints.config.ts';
-
-// Определение __filename и __dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Функция генерации SCSS содержимого для горизонтальных брейкпоинтов
-const generateHorizontalSCSS = (breakpoints) => {
-  const beforeMixins = Object.keys(breakpoints).map(bp => `
-/**
- * @mixin for-${bp}
- * @description Mixin for applying styles for screens greater than or equal to ${breakpoints[bp]}px.
- * @example
- *  @include for-${bp} {
- *    // your styles here
- *  }
- */
-@mixin for-${bp}() {
-  @include mob-first(${bp}) {
-    @content;
-  }
-}`).join('\n');
-
-  const afterMixins = Object.keys(breakpoints).map(bp => `
-/**
- * @mixin before-${bp}
- * @description Mixin for applying styles for screens less than ${breakpoints[bp]}px.
- * @example
- *  @include before-${bp} {
- *    // your styles here
- *  }
- */
-@mixin before-${bp}() {
-  @include desk-first(${bp}) {
-    @content;
-  }
-}`).join('\n');
-
-  return `
-@import "horizontal";
-
-${beforeMixins}
-
-${afterMixins}
-`;
-};
-
-// Функция генерации SCSS содержимого для вертикальных брейкпоинтов
-const generateVerticalSCSS = (breakpoints) => {
-  const beforeMixins = Object.keys(breakpoints).map(bp => `
-/**
- * @mixin v-for-${bp}
- * @description Mixin for applying styles for screens with height greater than or equal to ${breakpoints[bp]}px.
- * @example
- *  @include v-for-${bp} {
- *    // your styles here
- *  }
- */
-@mixin v-for-${bp}() {
-  @include v-mob-first(${bp}) {
-    @content;
-  }
-}`).join('\n');
-
-  const afterMixins = Object.keys(breakpoints).map(bp => `
-/**
- * @mixin v-before-${bp}
- * @description Mixin for applying styles for screens with height less than ${breakpoints[bp]}px.
- * @example
- *  @include v-before-${bp} {
- *    // your styles here
- *  }
- */
-@mixin v-before-${bp}() {
-  @include v-desk-first(${bp}) {
-    @content;
-  }
-}`).join('\n');
-
-  return `
-@import "vertical";
-
-${beforeMixins}
-
-${afterMixins}
-`;
-};
-
-// Создаем файлы SCSS с миксинами
-const horizontalSCSSContent = generateHorizontalSCSS(HORIZONTAL_BREAKPOINTS);
-const verticalSCSSContent = generateVerticalSCSS(VERTICAL_BREAKPOINTS);
-
-fs.writeFileSync(
-    path.resolve(__dirname, '../scss/_horizontal-breakpoints.scss'),
-    horizontalSCSSContent
-);
-
-fs.writeFileSync(
-    path.resolve(__dirname, '../scss/_vertical-breakpoints.scss'),
-    verticalSCSSContent
-);
-
-console.log('SCSS files have been generated successfully.');

package/src/scripts/generateTBreakpoint.mjs

@@ -1,30 +0,0 @@
-// generateTBreakpoint.js
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import { HORIZONTAL_BREAKPOINTS, VERTICAL_BREAKPOINTS } from '../breakpoints.config.ts';
-
-// Определение __filename и __dirname
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Функция для генерации type alias на основе брейкпоинтов
-const generateTypeAlias = (breakpoints, typeName) => {
-  const types = Object.keys(breakpoints).map(bp => `    | '${bp}'`).join('\n');
-  return `export type ${typeName} =\n${types}\n`;
-};
-
-// Генерируем содержимое файла TBreakpoint.ts
-const content = `
-${generateTypeAlias(HORIZONTAL_BREAKPOINTS, 'TBreakpoint')}
-
-${generateTypeAlias(VERTICAL_BREAKPOINTS, 'TVerticalBreakpoint')}
-`;
-
-// Создаем файл TBreakpoint.ts и записываем туда содержимое
-fs.writeFileSync(
-    path.resolve(__dirname, '../interfaces/TBreakpoint.ts'),
-    content.trim()
-);
-
-console.log('TBreakpoint.ts file has been generated successfully.');