@xwadex/fesd-next 0.3.3 → 0.3.4-10

package/dist/types/index.d.ts

@@ -1,4 +1,17 @@
-export type CommonType = {
-    id: string;
-    name: string;
+type ShadcnBaseProps<P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
+    as?: React.ElementType;
+} & React.ComponentProps<P>;
+type BaseProps<T extends React.ElementType, P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
+    as?: T;
+} & React.ComponentProps<P>;
+
+type AsTypes<T extends React.ElementType = "div"> = {
+    as?: T;
 };
+type AsPropsToOmit<T extends React.ElementType, P> = keyof (AsTypes<T> & P);
+type AsPropsTypes<T extends React.ElementType, P = {}> = P & AsTypes<T> & Omit<React.ComponentPropsWithoutRef<T>, AsPropsToOmit<T, P>>;
+type SlotsPropsTypes = {
+    [key: number]: string;
+};
+
+export type { AsPropsTypes, BaseProps, ShadcnBaseProps, SlotsPropsTypes };

package/dist/types/index.js

@@ -1 +1,3 @@
-export {};
+
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/useAnchors-BzgJT2J9.d.ts

@@ -0,0 +1,78 @@
+import * as zustand from 'zustand';
+import * as React$1 from 'react';
+import { Easing, AnimationPlaybackControlsWithThen } from 'motion/react';
+import Lenis from 'lenis';
+
+interface AnimateOptions {
+    duration?: number;
+    delay?: number;
+    ease?: Easing | Easing[] | undefined;
+    onScroll?: (lenis?: Lenis) => void;
+    onScrolling?: (value: number) => void;
+    onScrolled?: (lenis?: Lenis) => void;
+}
+interface AnchorOptions extends AnimateOptions {
+    anchor: string;
+    container?: string;
+    offseters?: string | string[];
+    direction?: "x" | "y";
+    align?: "start" | "center" | "end";
+    offset?: number;
+}
+interface ScrollOptions extends AnimateOptions {
+    controllerKey: string;
+    containerDom: HTMLElement | Window;
+    anchorScrollValue: {
+        left: number;
+        top: number;
+    };
+    containerScrollValue: {
+        left: number;
+        top: number;
+    };
+    direction?: AnchorOptions["direction"];
+}
+type AnimateController = AnimationPlaybackControlsWithThen;
+interface AnchorsMethods {
+    registerAnchors: (name: string) => {
+        [key: string]: string | React.RefObject<null>;
+        ref: React.RefObject<null>;
+    };
+    registerOffseters: (name: string) => {
+        [key: string]: string | React.RefObject<null>;
+        ref: React.RefObject<null>;
+    };
+    setStores: (options: AnchorStoreOptions) => void;
+    getStores: () => AnchorsStores;
+    scrollToAnchor: (anchorOptions: AnchorOptions) => void;
+}
+declare function useAnchors(): AnchorsMethods;
+interface RegistrationDatas {
+    key: keyof AnchorsStores;
+    name: string;
+}
+declare function useRegistration({ key, name }: RegistrationDatas): {
+    [x: string]: string | React$1.RefObject<null>;
+    ref: React$1.RefObject<null>;
+};
+declare function registerAnchors(name: string): {
+    [x: string]: string | React$1.RefObject<null>;
+    ref: React$1.RefObject<null>;
+};
+declare function registerOffseters(name: string): {
+    [x: string]: string | React$1.RefObject<null>;
+    ref: React$1.RefObject<null>;
+};
+interface AnchorsStores {
+    anchors: Map<string, HTMLElement | null>;
+    offseters: Map<string, HTMLElement | null>;
+}
+declare const useAnchorsStores: zustand.UseBoundStore<zustand.StoreApi<AnchorsStores>>;
+declare const getAnchorsStores: () => AnchorsStores;
+interface AnchorStoreOptions extends RegistrationDatas {
+    node: HTMLDivElement | null;
+    action: "add" | "remove";
+}
+declare const setAnchorsStore: (options: AnchorStoreOptions) => void;
+
+export { type AnchorOptions as A, type RegistrationDatas as R, type ScrollOptions as S, type AnchorStoreOptions as a, type AnchorsMethods as b, type AnchorsStores as c, type AnimateController as d, type AnimateOptions as e, registerOffseters as f, getAnchorsStores as g, useAnchorsStores as h, useRegistration as i, registerAnchors as r, setAnchorsStore as s, useAnchors as u };

package/dist/utils/index.d.ts

@@ -1 +1,15 @@
-export * from './someUtil';
+declare const regexParse: (regexString: string, flags?: string) => RegExp | String;
+declare const regexReplaceEach: (currentValue: string, replace: {
+    pattern: string;
+    flags?: string;
+}[]) => string;
+declare const mediaRatio: (width: number, height: number) => string;
+declare const sleep: (time: number) => Promise<void>;
+declare const querySearchWord: (str: string) => string;
+declare const lockBody: (active: boolean, stillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined) => void;
+declare const mergeClassName: (...argements: (string | number | boolean)[]) => string;
+declare const getSearchParams: (searchParams: URLSearchParams) => any;
+declare const getDomTransTime: (target: HTMLElement) => number;
+declare const getURLSearchParams: (searchParams: URLSearchParams) => URLSearchParams;
+
+export { getDomTransTime, getSearchParams, getURLSearchParams, lockBody, mediaRatio, mergeClassName, querySearchWord, regexParse, regexReplaceEach, sleep };

package/dist/utils/index.js

@@ -1 +1,63 @@
-export * from './someUtil';
+import { lock, clearBodyLocks } from 'tua-body-scroll-lock';
+
+// src/utils/index.ts
+var regexParse = (regexString, flags) => {
+  const regex = regexString.replace(/\\\\/g, "\\");
+  try {
+    return new RegExp(regex);
+  } catch (e) {
+    console.error("Invalid regular expression:", regexString, e);
+    return regexString;
+  }
+};
+var regexReplaceEach = (currentValue, replace) => replace.reduce((current, regexs) => {
+  const regexPattern = regexParse(regexs.pattern, regexs.flags);
+  return regexPattern instanceof RegExp ? current.replace(regexPattern, "") : current;
+}, currentValue);
+var mediaRatio = (width, height) => Number(width) && Number(height) ? Math.round(height / width * 1e4) / 100 + "%" : "100%";
+var sleep = (time) => new Promise((resolve) => {
+  let timer = setTimeout(() => {
+    clearTimeout(timer);
+    return resolve();
+  }, time);
+});
+var querySearchWord = (str) => str.trim().toLowerCase();
+var lockBody = (active, stillScrollHTMLElement) => {
+  document.body.style.overflow = active ? "visible" : "";
+  active ? lock(stillScrollHTMLElement) : clearBodyLocks();
+};
+var mergeClassName = (...argements) => argements.toString().replace(/,/g, " ").replace(/\s+/g, " ").trim();
+var getSearchParams = (searchParams) => {
+  const params = {};
+  searchParams.forEach((value, key) => {
+    params[key] = value;
+  });
+  return params;
+};
+var getDomTransTime = (target) => {
+  if (!target) return 0;
+  const computedStyle = window.getComputedStyle(target);
+  const parseTime = (timeStr) => {
+    timeStr = timeStr.trim();
+    if (timeStr.endsWith("ms")) return parseFloat(timeStr);
+    if (timeStr.endsWith("s")) return parseFloat(timeStr) * 1e3;
+    return 0;
+  };
+  const durations = computedStyle.transitionDuration.split(",").map(parseTime);
+  const delays = computedStyle.transitionDelay.split(",").map(parseTime);
+  const maxLength = Math.max(durations.length, delays.length);
+  return Math.max(
+    ...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0))
+  );
+};
+var getURLSearchParams = (searchParams) => {
+  const params = {};
+  searchParams.forEach((value, key) => {
+    params[key] = value;
+  });
+  return new URLSearchParams({ ...params });
+};
+
+export { getDomTransTime, getSearchParams, getURLSearchParams, lockBody, mediaRatio, mergeClassName, querySearchWord, regexParse, regexReplaceEach, sleep };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { lock, clearBodyLocks } from \"tua-body-scroll-lock\"\nexport const regexParse = (regexString: string, flags?: string): RegExp | String => {\n\tconst regex = regexString.replace(/\\\\\\\\/g, \"\\\\\")\n\ttry {\n\t\treturn new RegExp(regex)\n\t} catch (e) {\n\t\tconsole.error(\"Invalid regular expression:\", regexString, e)\n\t\treturn regexString\n\t}\n}\n\nexport const regexReplaceEach = (\n\tcurrentValue: string,\n\treplace: { pattern: string, flags?: string }[]\n): string =>\n\treplace.reduce((current, regexs) => {\n\t\tconst regexPattern = regexParse(regexs.pattern, regexs.flags)\n\t\treturn regexPattern instanceof RegExp\n\t\t\t? current.replace(regexPattern, \"\")\n\t\t\t: current\n\t}, currentValue)\n\nexport const mediaRatio = (width: number, height: number) =>\n\tNumber(width) && Number(height)\n\t\t? Math.round(height / width * 10000) / 100 + \"%\"\n\t\t: \"100%\"\n\nexport const sleep = (time: number) => new Promise<void>((resolve) => {\n\tlet timer = setTimeout(() => {\n\t\tclearTimeout(timer)\n\t\treturn resolve()\n\t}, time)\n})\n\nexport const querySearchWord = (str: string) => str.trim().toLowerCase()\n\nexport const lockBody = (\n\tactive: boolean,\n\tstillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined\n): void => {\n\tdocument.body.style.overflow = active ? \"visible\" : \"\"\n\tactive ? lock(stillScrollHTMLElement) : clearBodyLocks()\n}\n\nexport const mergeClassName = (...argements: (string | number | boolean)[]): string =>\n\targements.toString().replace(/,/g, \" \").replace(/\\s+/g, \" \").trim()\n\nexport const getSearchParams = (searchParams: URLSearchParams) => {\n\tconst params: any = {}\n\tsearchParams.forEach((value: any, key: any) => { params[key] = value })\n\treturn params\n}\n\n// export const getDomTransTime = (target: HTMLElement): number => {\n//     const computedStyle = window.getComputedStyle(target)\n//     const transNumber = (time: string) => {\n//         if (time.endsWith(\"ms\")) return parseFloat(time)\n//         if (time.endsWith(\"s\")) return parseFloat(time) * 1000\n//         return 0\n//     }\n//     const durations = computedStyle.transitionDuration.split(',').map(transNumber)\n//     const delays = computedStyle.transitionDelay.split(',').map(transNumber)\n//     return Math.max(...durations.map((d, i) => d + (delays[i] || 0)))\n// }\n\nexport const getDomTransTime = (target: HTMLElement): number => {\n\tif (!target) return 0\n\n\tconst computedStyle = window.getComputedStyle(target)\n\n\tconst parseTime = (timeStr: string): number => {\n\t\ttimeStr = timeStr.trim()\n\t\tif (timeStr.endsWith(\"ms\")) return parseFloat(timeStr)\n\t\tif (timeStr.endsWith(\"s\")) return parseFloat(timeStr) * 1000\n\t\treturn 0\n\t}\n\n\tconst durations = computedStyle.transitionDuration.split(\",\").map(parseTime)\n\tconst delays = computedStyle.transitionDelay.split(\",\").map(parseTime)\n\tconst maxLength = Math.max(durations.length, delays.length)\n\n\treturn Math.max(\n\t\t...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0))\n\t)\n}\n\nexport const getURLSearchParams = (searchParams: URLSearchParams) => {\n\tconst params: any = {}\n\tsearchParams.forEach((value: any, key: any) => { params[key] = value })\n\treturn new URLSearchParams({ ...params })\n}\n\n"]}

package/package.json

@@ -1,49 +1,62 @@
 {
-  "name": "@xwadex/fesd-next",
-  "version": "0.3.3",
-  "private": false,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks/index.js",
-      "types": "./dist/hooks/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/utils/index.js",
-      "types": "./dist/utils/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "rm -rf dist",
-    "build": "npm run clean && tsc --project tsconfig.json && node copy-scss.js",
-    "prepare": "npm run build"
-  },
-  "dependencies": {
-    "@xwadex/fesd-next": "^0.3.2",
-    "next": "15.3.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "15.3.3",
-    "sass": "^1.75.0",
-    "typescript": "^5"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
-  }
+	"name": "@xwadex/fesd-next",
+	"version": "0.3.4-10",
+	"private": false,
+	"type": "module",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./components": {
+			"import": "./dist/components/index.js",
+			"types": "./dist/components/index.d.ts"
+		},
+		"./shadcns": {
+			"import": "./dist/shadcns/index.js",
+			"types": "./dist/shadcns/index.d.ts"
+		},
+		"./hooks": {
+			"import": "./dist/hooks/index.js",
+			"types": "./dist/hooks/index.d.ts"
+		},
+		"./utils": {
+			"import": "./dist/utils/index.js",
+			"types": "./dist/utils/index.d.ts"
+		},
+		"./types": {
+			"import": "./dist/types/index.js",
+			"types": "./dist/types/index.d.ts"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"clean": "rm -rf dist",
+		"build:js": "tsup",
+		"build": "npm run clean && npm run build:js"
+	},
+	"peerDependencies": {
+		"react": ">=18",
+		"react-dom": ">=18",
+		"next": ">=16",
+		"@radix-ui/react-accordion": "^1.2.11",
+		"@radix-ui/react-slot": "^1.2.3",
+		"tailwindcss": ">=3",
+		"postcss": ">=8",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
+		"tailwind-merge": "^3.3.1",
+		"tua-body-scroll-lock": "^1.5.3",
+		"react-sortablejs": "^6.1.4",
+		"motion": "^12.18.1",
+		"tw-animate-css": "^1.3.4"
+	},
+	"devDependencies": {
+		"tsup": "^8.5.1",
+		"typescript": "^5.9.3"
+	}
 }

package/dist/components/myComponents/MyComponent.d.ts

@@ -1,2 +0,0 @@
-declare const MyComponent: () => import("react/jsx-runtime").JSX.Element;
-export default MyComponent;

package/dist/components/myComponents/MyComponent.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './MyComponent.module.scss';
-const MyComponent = () => (_jsx("div", { className: styles.container, children: "Hello World" }));
-export default MyComponent;

package/dist/components/myComponents/MyComponent.module.scss

@@ -1,3 +0,0 @@
-.container {
-  color: red;
-}

package/dist/components/myComponents/index.d.ts

@@ -1 +0,0 @@
-export { default as MyComponent } from './MyComponent';

package/dist/components/myComponents/index.js

@@ -1 +0,0 @@
-export { default as MyComponent } from './MyComponent';

package/dist/hooks/useHooks.d.ts

@@ -1 +0,0 @@
-export declare const useHooks: () => string;

package/dist/hooks/useHooks.js

@@ -1,3 +0,0 @@
-export const useHooks = () => {
-    return 'This is a hook placeholder';
-};

package/dist/utils/someUtil.d.ts

@@ -1 +0,0 @@
-export declare const someUtil: () => string;

package/dist/utils/someUtil.js

@@ -1,3 +0,0 @@
-export const someUtil = () => {
-    return 'Utility function';
-};