@vaneui/ui 0.2.0 → 0.2.1-alpha.20250802125901.46ffce6

package/dist/ui.css

@@ -1170,6 +1170,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-\(--border-color-accent\) {
     --tw-ring-color: var(--border-color-accent);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.2.0",
+  "version": "0.2.1-alpha.20250802125901.46ffce6",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",
@@ -28,9 +28,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./vars": {
       "import": "./dist/vars.css",
@@ -48,7 +48,9 @@
     "build:css:vars": "npx @tailwindcss/cli -i src/components/css/vars.css -o ./dist/vars.css",
     "build:css:ui": "npx @tailwindcss/cli -i src/components/index.css -o ./dist/ui.css",
     "build": "npm run clean && npm run build:js && npm run build:css:ui && npm run build:css:vars",
-    "test": "node node_modules/jest/bin/jest.js"
+    "test": "tsc --noEmit && node node_modules/jest/bin/jest.js",
+    "playground": "npm run build && cd playground && npm run dev",
+    "playground:dev": "cd playground && npm run dev"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -64,6 +66,7 @@
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.7.0",
     "concurrently": "^8.2.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^30.0.4",
@@ -78,6 +81,7 @@
     "tailwindcss": "^4.0.14",
     "ts-jest": "^29.3.1",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.2"
+    "typescript": "^5.8.2",
+    "vite": "^7.0.6"
   }
 }

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

@@ -1 +0,0 @@
-export { SocialShare } from "./sharer";

package/dist/components/complex/index.js

@@ -1,132 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-const buildQueryString = (params) => {
-    const validKeys = Object.keys(params).filter(key => params[key] !== undefined && params[key] !== '');
-    return validKeys.length > 0
-        ? '?' +
-            validKeys
-                .map(key => `${key}=${encodeURIComponent(String(params[key]))}`)
-                .join('&')
-        : '';
-};
-const SocialShare = ({ url = window.location.href, text = '', width = 600, height = 480, isLink = false, isBlank = true, platforms, containerComponent, buttonComponent, buttonComponents, facebookProps = {}, twitterProps = {}, emailProps = {}, whatsappProps = {}, }) => {
-    const shareConfigs = {
-        fb: {
-            shareUrl: 'https://www.facebook.com/sharer/sharer.php',
-            getParams: () => ({
-                u: url,
-                hashtag: facebookProps.hashtag
-                    ? facebookProps.hashtag.startsWith('#')
-                        ? facebookProps.hashtag
-                        : `#${facebookProps.hashtag}`
-                    : '',
-                quote: text,
-            }),
-        },
-        li: {
-            shareUrl: 'https://www.linkedin.com/shareArticle',
-            getParams: () => ({
-                url,
-            }),
-        },
-        x: {
-            shareUrl: 'https://x.com/intent/tweet',
-            getParams: () => ({
-                text,
-                url,
-                hashtags: twitterProps.hashtags,
-                via: twitterProps.via,
-                related: twitterProps.related,
-                in_reply_to: twitterProps.inReplyTo,
-            }),
-        },
-        th: {
-            shareUrl: 'https://threads.net/intent/post',
-            getParams: () => ({
-                text: `${text} ${url}`,
-            }),
-        },
-        em: {
-            shareUrl: 'mailto:' + (emailProps.to || ''),
-            getParams: () => ({
-                subject: emailProps.title,
-                body: `${text}\n${url}`,
-            }),
-        },
-        wa: {
-            shareUrl: whatsappProps.web
-                ? 'https://web.whatsapp.com/send'
-                : 'https://wa.me/',
-            getParams: () => ({
-                phone: whatsappProps.to,
-                text: `${text} ${url}`,
-            }),
-        },
-        tg: {
-            shareUrl: 'https://t.me/share',
-            getParams: () => ({
-                text,
-                url,
-            }),
-        },
-        re: {
-            shareUrl: 'https://www.reddit.com/submit',
-            getParams: () => ({
-                url,
-                title: text,
-            }),
-        },
-    };
-    const platformLabels = {
-        fb: 'Facebook',
-        li: 'LinkedIn',
-        x: 'X',
-        th: 'Threads',
-        em: 'Email',
-        wa: 'WhatsApp',
-        tg: 'Telegram',
-        re: 'Reddit',
-    };
-    const buildShareUrl = (config) => {
-        const params = config.getParams();
-        const queryString = buildQueryString(params);
-        return config.shareUrl + queryString;
-    };
-    const openShareWindow = (shareUrl) => {
-        if (isLink) {
-            if (isBlank) {
-                window.open(shareUrl, '_blank');
-            }
-            else {
-                window.location.href = shareUrl;
-            }
-        }
-        else {
-            const left = window.innerWidth / 2 - width / 2 + window.screenX;
-            const top = window.innerHeight / 2 - height / 2 + window.screenY;
-            const popParams = `scrollbars=no, width=${width}, height=${height}, top=${top}, left=${left}`;
-            const newWindow = window.open(shareUrl, '', popParams);
-            if (newWindow) {
-                newWindow.focus();
-            }
-        }
-    };
-    const handleShare = (key) => {
-        const config = shareConfigs[key];
-        if (!config)
-            return;
-        const shareUrl = buildShareUrl(config);
-        openShareWindow(shareUrl);
-    };
-    const ContainerComponent = containerComponent || 'div';
-    const DefaultButton = buttonComponent || 'button';
-    const platformsToShow = platforms || Object.keys(shareConfigs);
-    return (jsx(ContainerComponent, { children: platformsToShow.map(key => {
-            const Button = (buttonComponents && buttonComponents[key]) || DefaultButton;
-            const label = platformLabels[key] || key;
-            return (jsx(Button, { onClick: () => handleShare(key), title: `Share on ${label}`, children: label }, key));
-        }) }));
-};
-
-export { SocialShare };
-//# sourceMappingURL=index.js.map

package/dist/components/complex/index.js.map

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