@kurocado-studio/systemhaus-motion-react 1.0.0-develop.1

package/README.md

@@ -0,0 +1 @@
+Kurocado Studio Design System components

package/dist/exports.js

@@ -0,0 +1 @@
+import{get as z}from"lodash-es";var B=Symbol("ThemeProvider");var p="@kurocado:color-scheme",w="ph ph-moon-stars",x="ph ph-sun";var s=(function(r){return r.DARK="dark",r.LIGHT="light",r.SYSTEM="system",r})(s||{});function h(){return globalThis.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function T(){var r;return(r=localStorage.getItem(p))!==null&&r!==void 0?r:void 0}function _(r){var o=document.documentElement,e=s.DARK;r===e?o.classList.add(e):o.classList.remove(e)}function y(){var r=T();return r==="system"||!r?h():r}function k(r){localStorage.setItem(p,r),_(r==="system"?h():r)}function V(){var r=y(),o=r==="dark"?"light":"dark";return k(o),o}function A(){return y()==="dark"}var c={getStoredTheme:T,getSystemTheme:h,resolveEffectiveTheme:y,applyTheme:_,setTheme:k,toggleTheme:V,isDarkMode:A};import{useEffect as D,useState as I}from"react";function Y(){let[r,o]=I(()=>globalThis.window===void 0?s.LIGHT:c.resolveEffectiveTheme());D(()=>{if(globalThis.window===void 0)return;c.applyTheme(r);let n=globalThis.matchMedia("(prefers-color-scheme: dark)"),l=()=>{let i=c.getStoredTheme();if(i===s.SYSTEM||!i){let v=c.getSystemTheme();c.applyTheme(v),o(v)}};return n.addEventListener("change",l),()=>{n.removeEventListener("change",l)}},[r]);let e=()=>{let n=c.toggleTheme();o(n)},t=n=>{c.setTheme(n),o(c.resolveEffectiveTheme())},a=r===s.DARK?w:x;return{isDark:r===s.DARK,theme:r,toggle:e,iconSettings:a,setTheme:t}}import{get as M}from"lodash-es";function G(r,o,e,t){var a=r.getBoundingClientRect(),m=a.left+a.width/2,n=a.top+a.height/2,l=o-m,i=e-n,v=t.magneticModeActivationRadius,d=M(t,["maxDistance"],3e3),u=M(t,["intensity"],.1);if(globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches)return{x:0,y:0};if(typeof v=="number"){var f=Math.hypot(Math.pow(l,2)+Math.pow(i,2));if(f>d)return{x:0,y:0};var g=0;return f<v&&(g=1-f/v),{x:l*g*u,y:i*g*u}}if(Math.abs(l)<d&&Math.abs(i)<d){var b=1-Math.max(Math.abs(l),Math.abs(i))/d;return{x:l*b*u,y:i*b*u}}return{x:0,y:0}}import{useMotionValue as E,useSpring as S}from"framer-motion";import{get as C}from"lodash-es";import{useEffect as O,useState as R}from"react";function $(r){let o=C(r,["damping"],100),e=C(r,["stiffness"],600),t=E(0),a=E(0),[m,n]=R(),l=S(t,{damping:o,stiffness:e}),i=S(a,{damping:o,stiffness:e});return O(()=>{let v=d=>{if(!m)return;let{x:u,y:f}=G(m,d.clientX,d.clientY,r);t.set(u),a.set(f)};return document.addEventListener("mousemove",v),()=>document.removeEventListener("mousemove",v)},[m,r,t,a]),{ref:n,x:l,y:i}}export{s as ThemeEnum,$ as useCursorFollow,Y as useDarkMode};

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+import * as framer_motion from 'framer-motion';
+import * as react from 'react';
+
+declare type CalculateCursorOffsetController = CursorFollowSettings;
+
+declare interface CursorFollowSettings {
+    damping?: number;
+    stiffness?: number;
+    maxDistance?: number;
+    intensity?: number;
+    magneticModeActivationRadius?: number;
+}
+
+export declare interface DarkModeController {
+    isDark: boolean;
+    theme: ThemeEnum;
+    toggle: () => void;
+    iconSettings: string;
+    setTheme: (newTheme: ThemeEnum) => void;
+}
+
+export declare enum ThemeEnum {
+    DARK = "dark",
+    LIGHT = "light",
+    SYSTEM = "system"
+}
+
+export declare function useCursorFollow(settings: CalculateCursorOffsetController): {
+    ref: react.Dispatch<react.SetStateAction<HTMLDivElement | undefined>>;
+    x: framer_motion.MotionValue<number>;
+    y: framer_motion.MotionValue<number>;
+};
+
+export declare function useDarkMode(): DarkModeController;
+
+export { }

package/dist/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.53.1"
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@kurocado-studio/systemhaus-motion-react",
+  "version": "1.0.0-develop.1",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [],
+  "author": "@kurocado-studio",
+  "license": "MIT",
+  "main": "./dist/exports.js",
+  "module": "./dist/exports.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/exports.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/exports.js"
+    },
+    "./tailwind.css": {
+      "import": "./dist/exports.css",
+      "default": "./dist/exports.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build:typings": "api-extractor run --local",
+    "build": "rm -rf dist && tsup && pnpm build:typings && rm -rf dist/exports.d.ts",
+    "prepublishOnly": "node ../../scripts/strip-workspaces.js .",
+    "clean": "rm -rf .turbo node_modules dist",
+    "dev": "tsup --watch",
+    "dev:vite": "vite build --watch --mode development",
+    "vite:watch": "vite build --watch --mode development",
+    "build:vite": "rm -rf dist && vite build --mode production",
+    "lint": "eslint --max-warnings=0  --no-warn-ignored",
+    "lint:fix": "eslint --max-warnings=0  --fix --no-warn-ignored",
+    "prettier:fix": "prettier --write . --ignore-path ../../.prettierignore",
+    "prettier:check": "prettier --check . --ignore-path ../../.prettierignore",
+    "typecheck": "tsc --noEmit --pretty"
+  },
+  "dependencies": {
+    "@emotion/is-prop-valid": "^1.3.1",
+    "framer-motion": "^12.23.6",
+    "lodash-es": "^4.17.21",
+    "motion": "^12.11.0",
+    "react": "19"
+  },
+  "devDependencies": {
+    "@internal/config": "workspace:*",
+    "@kurocado-studio/qa": "2.0.1",
+    "@microsoft/api-extractor": "^7.52.11",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.15.19",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.4",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/coverage-v8": "^3.1.3",
+    "copyfiles": "^2.4.1",
+    "eslint": "^9.28.0",
+    "prettier": "3.5.3",
+    "tsup": "^8.5.0",
+    "typescript": "5.8.3",
+    "vite": "^5.2.8",
+    "vite-node": "3.2.4",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.1.3"
+  }
+}