@sohanemon/utils 4.0.13 → 4.0.15

package/dist/components/media-wrapper.d.ts

@@ -3,8 +3,6 @@ type BreakPoints = "sm" | "md" | "lg" | "xl" | "2xl" | "max-sm" | "max-md" | "ma
 type MediaWrapperProps = React.ComponentProps<"div"> & {
     breakpoint: BreakPoints;
     as?: React.ElementType;
-    fallback?: React.ElementType;
-    classNameFallback?: string;
 };
-export declare function MediaWrapper({ breakpoint, as, fallback, classNameFallback, className: classNameOriginal, ...props }: MediaWrapperProps): any;
+export declare function MediaWrapper({ breakpoint, as, ...props }: MediaWrapperProps): any;
 export {};

package/dist/components/media-wrapper.js

@@ -2,13 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useMediaQuery } from "../hooks";
-export function MediaWrapper({ breakpoint, as = "div", fallback, classNameFallback, className: classNameOriginal, ...props }) {
+export function MediaWrapper({ breakpoint, as = "div", ...props }) {
     const overMedia = useMediaQuery(breakpoint.split("-").pop());
     const isMax = breakpoint.startsWith("max");
-    const useFallback = overMedia === isMax;
-    // Conditionally determining which component to render,
-    // and what className should be passed to it.
-    const Wrapper = useFallback ? fallback || React.Fragment : as;
-    const className = useFallback ? classNameFallback : classNameOriginal;
-    return _jsx(Wrapper, { className: className, ...props });
+    const Wrapper = overMedia === isMax ? React.Fragment : as;
+    return _jsx(Wrapper, { ...props });
 }

package/dist/components/responsive-indicator.js

@@ -38,9 +38,9 @@ export const ResponsiveIndicator = () => {
     }
     // Define positions
     const positions = [
-        { bottom: "2rem", left: "2rem" },
-        { bottom: "2rem", right: "2rem" },
-        { top: "2rem", right: "2rem" },
+        { bottom: "2rem", left: "2rem" }, // Bottom left
+        { bottom: "2rem", right: "2rem" }, // Bottom right
+        { top: "2rem", right: "2rem" }, // Top right
         { top: "2rem", left: "2rem" }, // Top left
     ];
     const buttonStyle = {

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@sohanemon/utils",
-  "version": "4.0.13",
+  "version": "4.0.15",
   "description": "",
+  "type": "module",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,11 +26,10 @@
     "dist",
     "README.md"
   ],
-  "scripts": {
-    "build": "tsc",
-    "build:watch": "tsc --watch"
-  },
-  "keywords": [],
+  "keywords": [
+    "utils",
+    "cn"
+  ],
   "author": "sohanemon",
   "license": "ISC",
   "devDependencies": {
@@ -40,5 +40,10 @@
     "clsx": "^2.0.0",
     "react": "^18.2.0",
     "tailwind-merge": "^1.14.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "build:watch": "tsc --watch",
+    "export": "tsc && npm publish"
   }
-}
+}