@worldcoin/mini-apps-ui-kit-react 0.0.1

package/dist/tailwind/index.d.ts

@@ -0,0 +1,5 @@
+declare const uiKitTailwindPlugin: {
+    handler: import('tailwindcss/types/config').PluginCreator;
+    config?: Partial<import('tailwindcss/types/config').Config>;
+};
+export default uiKitTailwindPlugin;

package/dist/tailwind/index.js

@@ -0,0 +1,104 @@
+import a from "../node_modules/.pnpm/tailwindcss@3.4.17/node_modules/tailwindcss/plugin.js";
+const n = a(
+  function({ addBase: r }) {
+    r({
+      ":root": {
+        "--font-sans": "Rubik",
+        "--font-display": "Sora",
+        "--font-mono": "DM Mono",
+        "--gray-900": "#191c20",
+        "--gray-700": "#3c424b",
+        "--gray-500": "#657080",
+        "--gray-400": "#9ba3ae",
+        "--gray-300": "#d6d9dd",
+        "--gray-200": "#ebecef",
+        "--gray-100": "#f3f4f5",
+        "--gray-50": "#f9fafb",
+        "--gray-25": "#fbfbfc",
+        "--gray-0": "#ffffff",
+        "--success-900": "#18964f",
+        "--success-800": "#00ab11",
+        "--success-700": "#00c313",
+        "--success-300": "#d6f6de",
+        "--success-100": "#f5fdf7",
+        "--error-900": "#b71b58",
+        "--error-800": "#dc0025",
+        "--error-700": "#ff5a76",
+        "--error-300": "#ffd7df",
+        "--error-100": "#fff5f7",
+        "--warning-900": "#b47500",
+        "--warning-800": "#dc8f00",
+        "--warning-700": "#ffb11b",
+        "--warning-300": "#ffeece",
+        "--warning-100": "#fff9ef",
+        "--info-900": "#054cb7",
+        "--info-800": "#0025dc",
+        "--info-700": "#5a9cff",
+        "--info-300": "#cee2ff",
+        "--info-100": "#f3f8ff"
+      }
+    });
+  },
+  {
+    theme: {
+      fontFamily: {
+        sans: "var(--font-sans)",
+        display: "var(--font-display)",
+        mono: "var(--font-mono)"
+      },
+      colors: {
+        transparent: "transparent",
+        current: "currentColor",
+        gray: {
+          900: "var(--gray-900)",
+          700: "var(--gray-700)",
+          500: "var(--gray-500)",
+          400: "var(--gray-400)",
+          300: "var(--gray-300)",
+          200: "var(--gray-200)",
+          100: "var(--gray-100)",
+          50: "var(--gray-50)",
+          25: "var(--gray-25)",
+          0: "var(--gray-0)"
+        },
+        success: {
+          900: "var(--success-900)",
+          800: "var(--success-800)",
+          700: "var(--success-700)",
+          300: "var(--success-300)",
+          100: "var(--success-100)"
+        },
+        error: {
+          900: "var(--error-900)",
+          800: "var(--error-800)",
+          700: "var(--error-700)",
+          300: "var(--error-300)",
+          100: "var(--error-100)"
+        },
+        warning: {
+          900: "var(--warning-900)",
+          800: "var(--warning-800)",
+          700: "var(--warning-700)",
+          300: "var(--warning-300)",
+          100: "var(--warning-100)"
+        },
+        info: {
+          900: "var(--info-900)",
+          800: "var(--info-800)",
+          700: "var(--info-700)",
+          300: "var(--info-300)",
+          100: "var(--info-100)"
+        }
+      },
+      extend: {
+        boxShadow: {
+          card: "0 0.625rem 1.875rem 0 #191C201A",
+          "regular-large": "0 1rem 2.5rem -0.5rem #585C5F29"
+        }
+      }
+    }
+  }
+);
+export {
+  n as default
+};

package/package.json

@@ -0,0 +1,172 @@
+{
+  "name": "@worldcoin/mini-apps-ui-kit-react",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "public"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./Button": {
+      "types": "./dist/components/Button/index.d.ts",
+      "default": "./dist/components/Button/index.js"
+    },
+    "./Checkbox": {
+      "types": "./dist/components/Checkbox/index.d.ts",
+      "default": "./dist/components/Checkbox/index.js"
+    },
+    "./Chip": {
+      "types": "./dist/components/Chip/index.d.ts",
+      "default": "./dist/components/Chip/index.js"
+    },
+    "./ColorPicker": {
+      "types": "./dist/components/ColorPicker/index.d.ts",
+      "default": "./dist/components/ColorPicker/index.js"
+    },
+    "./Drawer": {
+      "types": "./dist/components/Drawer/index.d.ts",
+      "default": "./dist/components/Drawer/index.js"
+    },
+    "./Flag": {
+      "types": "./dist/components/Flag/index.d.ts",
+      "default": "./dist/components/Flag/index.js"
+    },
+    "./Form": {
+      "types": "./dist/components/Form/index.d.ts",
+      "default": "./dist/components/Form/index.js"
+    },
+    "./Input": {
+      "types": "./dist/components/Input/index.d.ts",
+      "default": "./dist/components/Input/index.js"
+    },
+    "./ListItem": {
+      "types": "./dist/components/ListItem/index.d.ts",
+      "default": "./dist/components/ListItem/index.js"
+    },
+    "./NumberPad": {
+      "types": "./dist/components/NumberPad/index.d.ts",
+      "default": "./dist/components/NumberPad/index.js"
+    },
+    "./OTPField": {
+      "types": "./dist/components/OTPField/index.d.ts",
+      "default": "./dist/components/OTPField/index.js"
+    },
+    "./Pill": {
+      "types": "./dist/components/Pill/index.d.ts",
+      "default": "./dist/components/Pill/index.js"
+    },
+    "./RadioGroup": {
+      "types": "./dist/components/RadioGroup/index.d.ts",
+      "default": "./dist/components/RadioGroup/index.js"
+    },
+    "./RadioGroupItem": {
+      "types": "./dist/components/RadioGroup/index.d.ts",
+      "default": "./dist/components/RadioGroup/index.js"
+    },
+    "./Select": {
+      "types": "./dist/components/Select/index.d.ts",
+      "default": "./dist/components/Select/index.js"
+    },
+    "./SearchField": {
+      "types": "./dist/components/SearchField/index.d.ts",
+      "default": "./dist/components/SearchField/index.js"
+    },
+    "./PhoneField": {
+      "types": "./dist/components/PhoneField/index.d.ts",
+      "default": "./dist/components/PhoneField/index.js"
+    },
+    "./Switch": {
+      "types": "./dist/components/Switch/index.d.ts",
+      "default": "./dist/components/Switch/index.js"
+    },
+    "./Token": {
+      "types": "./dist/components/Token/index.d.ts",
+      "default": "./dist/components/Token/index.js"
+    },
+    "./Typography": {
+      "types": "./dist/components/Typography/index.d.ts",
+      "default": "./dist/components/Typography/index.js"
+    },
+    "./tailwind": {
+      "types": "./dist/tailwind/index.d.ts",
+      "default": "./dist/tailwind/index.js"
+    },
+    "./styles.css": "./public/globals.css"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "sb:move": "mv ./storybook-static ../../storybook-static",
+    "dev:sb": "concurrently \"tailwindcss -i ./styles/globals.css -o ./public/globals.css --watch\" \"pnpm storybook\"",
+    "build:tailwind": "tailwindcss -i ./styles/globals.css -o ./public/globals.css",
+    "build:sb": "pnpm build:tailwind && storybook build",
+    "build": "pnpm build:tailwind && tsc -b ./tsconfig.lib.json && vite build",
+    "lint": "eslint ."
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "tailwindcss": "^3"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@eslint/js": "^9.13.0",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/glob": "^8.1.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "concurrently": "^9.1.0",
+    "eslint": "^9.13.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint-plugin-storybook": "^0.11.1",
+    "glob": "^11.0.0",
+    "globals": "^15.11.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-preserve-directives": "^1.1.3",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^3.4.15",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-form": "^0.1.0",
+    "@radix-ui/react-radio-group": "^1.2.1",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "countries-list": "^3.1.1",
+    "input-otp": "^1.4.1",
+    "react-international-phone": "^4.3.0",
+    "tailwind-merge": "^2.5.5",
+    "vaul": "^1.1.2"
+  },
+  "description": "React components UI Kit library for Mini Apps",
+  "author": "",
+  "license": "ISC"
+}