@seedgrid/fe-components 0.2.10 → 2026.3.1

package/package.json

@@ -1,63 +1,72 @@
-{
-  "name": "@seedgrid/fe-components",
-  "version": "0.2.10",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
-    "build": "pnpm run clean && tsc -p tsconfig.json",
-    "dev": "tsc -p tsconfig.json --watch --preserveWatchOutput",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0",
-    "react-hook-form": "^7.0.0",
-    "@codesandbox/sandpack-react": "^2.20.0",
-    "lucide-react": "^0.468.0",
-    "@tiptap/react": "^2.9.1",
-    "@tiptap/starter-kit": "^2.9.1",
-    "@tiptap/extension-underline": "^2.9.1",
-    "@tiptap/extension-link": "^2.9.1",
-    "@tiptap/extension-image": "^2.9.1",
-    "@tiptap/extension-text-align": "^2.9.1",
-    "@tiptap/extension-text-style": "^2.9.1",
-    "@tiptap/extension-color": "^2.9.1",
-    "@tiptap/extension-highlight": "^2.9.1",
-    "@tiptap/extension-subscript": "^2.9.1",
-    "@tiptap/extension-superscript": "^2.9.1",
-    "@tiptap/extension-font-family": "^2.9.1"
-  },
-  "devDependencies": {
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "react-hook-form": "^7.0.0",
-    "@codesandbox/sandpack-react": "^2.20.0",
-    "lucide-react": "^0.468.0",
-    "@tiptap/react": "^2.9.1",
-    "@tiptap/starter-kit": "^2.9.1",
-    "@tiptap/extension-underline": "^2.9.1",
-    "@tiptap/extension-link": "^2.9.1",
-    "@tiptap/extension-image": "^2.9.1",
-    "@tiptap/extension-text-align": "^2.9.1",
-    "@tiptap/extension-text-style": "^2.9.1",
-    "@tiptap/extension-color": "^2.9.1",
-    "@tiptap/extension-highlight": "^2.9.1",
-    "@tiptap/extension-subscript": "^2.9.1",
-    "@tiptap/extension-superscript": "^2.9.1",
-    "@tiptap/extension-font-family": "^2.9.1",
-    "@types/qrcode": "^1.5.6"
-  },
-  "dependencies": {
-    "qrcode": "^1.5.4"
-  }
-}
+{
+  "name": "@seedgrid/fe-components",
+  "version": "2026.3.1",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SeedGrid/seedgrid-front.git",
+    "directory": "packages/seedgrid-fe-components"
+  },
+  "homepage": "https://github.com/SeedGrid/seedgrid-front/tree/main/packages/seedgrid-fe-components",
+  "bugs": {
+    "url": "https://github.com/SeedGrid/seedgrid-front/issues"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
+    "build": "pnpm run clean && tsc -p tsconfig.json",
+    "dev": "tsc -p tsconfig.json --watch --preserveWatchOutput",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-font-family": "^2.9.1",
+    "@tiptap/extension-highlight": "^2.9.1",
+    "@tiptap/extension-image": "^2.9.1",
+    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/extension-subscript": "^2.9.1",
+    "@tiptap/extension-superscript": "^2.9.1",
+    "@tiptap/extension-text-align": "^2.9.1",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-underline": "^2.9.1",
+    "@tiptap/react": "^2.9.1",
+    "@tiptap/starter-kit": "^2.9.1",
+    "lucide-react": "^0.468.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0"
+  },
+  "devDependencies": {
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-font-family": "^2.9.1",
+    "@tiptap/extension-highlight": "^2.9.1",
+    "@tiptap/extension-image": "^2.9.1",
+    "@tiptap/extension-link": "^2.9.1",
+    "@tiptap/extension-subscript": "^2.9.1",
+    "@tiptap/extension-superscript": "^2.9.1",
+    "@tiptap/extension-text-align": "^2.9.1",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-underline": "^2.9.1",
+    "@tiptap/react": "^2.9.1",
+    "@tiptap/starter-kit": "^2.9.1",
+    "@types/qrcode": "^1.5.6",
+    "lucide-react": "^0.468.0",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-hook-form": "^7.0.0"
+  },
+  "dependencies": {
+    "@codesandbox/sandpack-react": "^2.20.0",
+    "@pqina/flip": "^1.8.4",
+    "qrcode": "^1.5.4"
+  }
+}

package/dist/gadgets/flip-digit/SgFlipDigit.d.ts

@@ -1,23 +0,0 @@
-export type SgFlipDigitProps = {
-    /** The character to display (single char) */
-    value: string;
-    /** Width in pixels */
-    width?: number;
-    /** Height in pixels */
-    height?: number;
-    /** Font size in pixels */
-    fontSize?: number;
-    /** Additional CSS classes */
-    className?: string;
-};
-/**
- * SgFlipDigit - Animated flip card for single character display
- *
- * @example
- * ```tsx
- * const [digit, setDigit] = useState("0");
- * <SgFlipDigit value={digit} />
- * ```
- */
-export declare function SgFlipDigit({ value, width, height, fontSize, className }: SgFlipDigitProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SgFlipDigit.d.ts.map

package/dist/gadgets/flip-digit/SgFlipDigit.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SgFlipDigit.d.ts","sourceRoot":"","sources":["../../../src/gadgets/flip-digit/SgFlipDigit.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAU,EACV,MAAY,EACZ,QAAa,EACb,SAAS,EACV,EAAE,gBAAgB,2CA8KlB"}

package/dist/gadgets/flip-digit/SgFlipDigit.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-function cn(...parts) {
-    return parts.filter(Boolean).join(" ");
-}
-/**
- * SgFlipDigit - Animated flip card for single character display
- *
- * @example
- * ```tsx
- * const [digit, setDigit] = useState("0");
- * <SgFlipDigit value={digit} />
- * ```
- */
-export function SgFlipDigit({ value, width = 80, height = 120, fontSize = 70, className }) {
-    const prevRef = React.useRef(value);
-    const [prev, setPrev] = React.useState(value);
-    const [flip, setFlip] = React.useState(false);
-    const [animKey, setAnimKey] = React.useState(0);
-    React.useEffect(() => {
-        if (value === prevRef.current)
-            return;
-        setPrev(prevRef.current);
-        setFlip(false);
-        const raf = window.requestAnimationFrame(() => {
-            setAnimKey((v) => v + 1);
-            setFlip(true);
-        });
-        const id = window.setTimeout(() => {
-            setFlip(false);
-            prevRef.current = value;
-        }, 1200);
-        return () => {
-            window.cancelAnimationFrame(raf);
-            window.clearTimeout(id);
-        };
-    }, [value]);
-    const panel = "relative overflow-hidden rounded-lg bg-neutral-900 text-white shadow-[0_10px_24px_rgba(0,0,0,0.4)]";
-    const seam = "absolute left-0 right-0 top-1/2 z-10 h-[3px] bg-gradient-to-b from-black/70 to-transparent shadow-[0_3px_8px_rgba(0,0,0,0.7),0_-2px_6px_rgba(255,255,255,0.25)]";
-    const half = "absolute left-0 w-full overflow-hidden";
-    const glossTop = "before:absolute before:inset-0 before:bg-gradient-to-b before:from-white/10 before:to-transparent before:content-['']";
-    const glossBottom = "after:absolute after:inset-0 after:bg-gradient-to-t after:from-black/30 after:to-transparent after:content-['']";
-    // Calculate positioning to ensure perfect centering
-    const digitContainerStyle = {
-        fontSize,
-        width: "100%",
-        height: height,
-        lineHeight: `${height}px`,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-    };
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
-        .sg-flip-top {
-          background: #1a1a1a;
-          border-radius: 8px 8px 0 0;
-          animation: sgFlipTopAnim 0.6s cubic-bezier(0.4, 0.0, 0.2, 1) both;
-          backface-visibility: hidden;
-          transform-style: preserve-3d;
-          will-change: transform;
-          box-shadow: 0 2px 8px rgba(0,0,0,0.3), inset 0 -2px 4px rgba(0,0,0,0.2);
-        }
-        .sg-flip-bottom {
-          background: #1a1a1a;
-          border-radius: 0 0 8px 8px;
-          animation: sgFlipBottomAnim 0.6s cubic-bezier(0.4, 0.0, 0.2, 1) both;
-          animation-delay: 0.6s;
-          backface-visibility: hidden;
-          transform-style: preserve-3d;
-          will-change: transform;
-          box-shadow: 0 -2px 8px rgba(0,0,0,0.3), inset 0 2px 4px rgba(0,0,0,0.2);
-        }
-        @keyframes sgFlipTopAnim {
-          0% {
-            transform: rotateX(0deg);
-            z-index: 30;
-          }
-          100% {
-            transform: rotateX(-180deg);
-            z-index: 5;
-          }
-        }
-        @keyframes sgFlipBottomAnim {
-          0% {
-            transform: rotateX(180deg);
-            z-index: 5;
-          }
-          100% {
-            transform: rotateX(0deg);
-            z-index: 30;
-          }
-        }
-      ` }), _jsxs("div", { className: cn(panel, glossTop, glossBottom, className), style: { width, height, transformStyle: "preserve-3d", perspective: "1000px" }, children: [_jsx("div", { className: seam }), _jsx("div", { className: cn(half, "top-0"), style: { height: height / 2 }, children: _jsx("div", { className: "absolute font-bold font-mono", style: {
-                                ...digitContainerStyle,
-                                top: 0,
-                                left: 0
-                            }, children: value }) }), _jsx("div", { className: cn(half, "bottom-0"), style: { height: height / 2 }, children: _jsx("div", { className: "absolute font-bold font-mono", style: {
-                                ...digitContainerStyle,
-                                top: -(height / 2),
-                                left: 0
-                            }, children: value }) }), flip ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute left-0 top-0 z-20 w-full overflow-hidden rounded-t-lg", style: { height: height / 2 }, children: _jsx("div", { className: "sg-flip-top", style: {
-                                        transformOrigin: "center bottom",
-                                        height: "100%",
-                                        width: "100%"
-                                    }, children: _jsx("div", { className: "absolute font-bold font-mono", style: {
-                                            ...digitContainerStyle,
-                                            top: 0,
-                                            left: 0
-                                        }, children: prev }) }, `top-${animKey}`) }), _jsx("div", { className: "absolute bottom-0 left-0 z-20 w-full overflow-hidden rounded-b-lg", style: { height: height / 2 }, children: _jsx("div", { className: "sg-flip-bottom", style: {
-                                        transformOrigin: "center top",
-                                        height: "100%",
-                                        width: "100%"
-                                    }, children: _jsx("div", { className: "absolute font-bold font-mono", style: {
-                                            ...digitContainerStyle,
-                                            top: -(height / 2),
-                                            left: 0
-                                        }, children: value }) }, `bottom-${animKey}`) })] })) : null] })] }));
-}

package/dist/gadgets/flip-digit/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/gadgets/flip-digit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}