medusa-storefront-hooks 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { useToggleState, default } from './use-toggle-state';
+export type { StateType } from './use-toggle-state';
+export { useIntersection } from './use-in-view';

package/dist/ui-library.js

@@ -0,0 +1,21 @@
+import { useState as u, useEffect as f } from "react";
+function l(t = !1) {
+  const [s, n] = u(t), c = () => n(!1), o = () => n(!0), r = () => n((a) => !a), e = [s, o, c, r];
+  return e.state = s, e.open = o, e.close = c, e.toggle = r, e;
+}
+function g(t, s) {
+  const [n, c] = u(!1);
+  return f(() => {
+    if (!t.current) return;
+    const o = t.current, r = new IntersectionObserver(
+      ([e]) => c(e.isIntersecting),
+      { rootMargin: s }
+    );
+    return r.observe(o), () => r.unobserve(o);
+  }, [t, s]), n;
+}
+export {
+  l as default,
+  g as useIntersection,
+  l as useToggleState
+};

package/dist/ui-library.umd.cjs

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.MedusaStorefrontHooks={},e.React))})(this,function(e,t){"use strict";function f(n=!1){const[o,u]=t.useState(n),c=()=>u(!1),r=()=>u(!0),i=()=>u(l=>!l),s=[o,r,c,i];return s.state=o,s.open=r,s.close=c,s.toggle=i,s}function a(n,o){const[u,c]=t.useState(!1);return t.useEffect(()=>{if(!n.current)return;const r=n.current,i=new IntersectionObserver(([s])=>c(s.isIntersecting),{rootMargin:o});return i.observe(r),()=>i.unobserve(r)},[n,o]),u}e.default=f,e.useIntersection=a,e.useToggleState=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/use-in-view.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+
+export declare function useIntersection(element: RefObject<HTMLDivElement | null>, rootMargin: string): boolean;

package/dist/use-toggle-state.d.ts

@@ -0,0 +1,8 @@
+export type StateType = [boolean, () => void, () => void, () => void] & {
+    state: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export declare function useToggleState(initialState?: boolean): StateType;
+export default useToggleState;

package/package.json

@@ -0,0 +1,38 @@
+{
+    "name": "medusa-storefront-hooks",
+    "version": "1.0.0",
+    "description": "Reusable React hooks for Medusa storefronts.",
+    "author": "SmartByte Labs",
+    "license": "MIT",
+    "type": "module",
+    "sideEffects": false,
+    "main": "./dist/ui-library.umd.cjs",
+    "module": "./dist/ui-library.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/ui-library.js",
+            "require": "./dist/ui-library.umd.cjs",
+            "default": "./dist/ui-library.js"
+        }
+    },
+    "files": ["dist"],
+    "scripts": {
+        "build": "tsc && vite build"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+    },
+    "devDependencies": {
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "typescript": "^5.0.0",
+        "vite": "^5.0.0",
+        "vite-plugin-dts": "^3.0.0"
+    }
+}