@pol-studios/ui 1.0.0

package/dist/types/index.js

@@ -0,0 +1 @@
+"use client";

package/package.json

@@ -0,0 +1,226 @@
+{
+  "name": "@pol-studios/ui",
+  "version": "1.0.0",
+  "description": "UI components for POL applications",
+  "license": "UNLICENSED",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src/styles"
+  ],
+  "keywords": [
+    "ui",
+    "components",
+    "react",
+    "radix",
+    "shadcn"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./primitives": {
+      "import": "./dist/primitives/index.js",
+      "types": "./dist/primitives/index.d.ts"
+    },
+    "./components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./forms": {
+      "import": "./dist/forms/index.js",
+      "types": "./dist/forms/index.d.ts"
+    },
+    "./nav": {
+      "import": "./dist/nav/index.js",
+      "types": "./dist/nav/index.d.ts"
+    },
+    "./navbar": {
+      "import": "./dist/navbar/index.js",
+      "types": "./dist/navbar/index.d.ts"
+    },
+    "./data": {
+      "import": "./dist/data/index.js",
+      "types": "./dist/data/index.d.ts"
+    },
+    "./feedback": {
+      "import": "./dist/feedback/index.js",
+      "types": "./dist/feedback/index.d.ts"
+    },
+    "./auth": {
+      "import": "./dist/auth/index.js",
+      "types": "./dist/auth/index.d.ts"
+    },
+    "./providers": {
+      "import": "./dist/providers/index.js",
+      "types": "./dist/providers/index.d.ts"
+    },
+    "./contexts": {
+      "import": "./dist/contexts/index.js",
+      "types": "./dist/contexts/index.d.ts"
+    },
+    "./hooks": {
+      "import": "./dist/hooks/index.js",
+      "types": "./dist/hooks/index.d.ts"
+    },
+    "./cards": {
+      "import": "./dist/cards/index.js",
+      "types": "./dist/cards/index.d.ts"
+    },
+    "./charts": {
+      "import": "./dist/charts/index.js",
+      "types": "./dist/charts/index.d.ts"
+    },
+    "./adapters": {
+      "import": "./dist/adapters/index.js",
+      "types": "./dist/adapters/index.d.ts"
+    },
+    "./types": {
+      "import": "./dist/types/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./file": {
+      "import": "./dist/file/index.js",
+      "types": "./dist/file/index.d.ts"
+    },
+    "./crud": {
+      "import": "./dist/crud/index.js",
+      "types": "./dist/crud/index.d.ts"
+    },
+    "./components/chat-agent": {
+      "import": "./dist/components/chat-agent/index.js",
+      "types": "./dist/components/chat-agent/index.d.ts"
+    },
+    "./styles/globals.css": "./src/styles/globals.css"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@pol-studios/auth": ">=1.0.0",
+    "@pol-studios/db": ">=1.0.0",
+    "@pol-studios/filters": ">=1.0.0",
+    "@pol-studios/hooks": ">=1.0.0",
+    "@pol-studios/utils": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-day-picker": {
+      "optional": true
+    },
+    "cmdk": {
+      "optional": true
+    },
+    "vaul": {
+      "optional": true
+    },
+    "react-resizable-panels": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    },
+    "next-themes": {
+      "optional": true
+    },
+    "@pol-studios/auth": {
+      "optional": true
+    },
+    "@pol-studios/db": {
+      "optional": true
+    },
+    "@pol-studios/filters": {
+      "optional": true
+    },
+    "@pol-studios/hooks": {
+      "optional": true
+    },
+    "@pol-studios/utils": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.10.0",
+    "@mui/material": "^5.15.0",
+    "@radix-ui/react-accordion": "^1.2.10",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.9",
+    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-collapsible": "^1.1.10",
+    "@radix-ui/react-context-menu": "^2.2.14",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.6",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.12",
+    "@radix-ui/react-popover": "^1.1.13",
+    "@radix-ui/react-progress": "^1.1.6",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.8",
+    "@radix-ui/react-select": "^2.2.4",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.4",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-toast": "^1.2.14",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "@react-stately/utils": "^3.10.0",
+    "@tanstack/react-router": "^1.0.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@uiw/react-json-view": "2.0.0-alpha.40",
+    "class-variance-authority": "^0.7.1",
+    "date-fns": "^2.30.0",
+    "flowbite-react": "^0.7.0",
+    "framer-motion": "^11.0.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.562.0",
+    "motion": "^12.26.2",
+    "next-themes": "^0.2.0",
+    "radix-ui": "^1.4.3",
+    "react-day-picker": "^9.13.0",
+    "react-hook-form": "^7.56.3",
+    "react-hotkeys-hook": "^4.6.2",
+    "react-icons": "^5.0.0",
+    "react-resizable-panels": "^4.4.1",
+    "react-syntax-highlighter": "^16.1.0",
+    "react-use-measure": "^2.1.1",
+    "sonner": "^2.0.7",
+    "zod": "^3.24.4"
+  },
+  "devDependencies": {
+    "@pol-studios/auth": "workspace:*",
+    "@pol-studios/db": "workspace:*",
+    "@pol-studios/filters": "workspace:*",
+    "@pol-studios/hooks": "workspace:*",
+    "@pol-studios/utils": "workspace:*",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "shadcn": "^3.7.0",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.2"
+  }
+}

package/src/styles/globals.css

@@ -0,0 +1,157 @@
+/**
+ * @pol-studios/ui - Global CSS Variables
+ *
+ * Import this file in your app's entry point to get the shadcn-compatible
+ * CSS variables for theming. These variables are used by all @pol-studios/ui components.
+ *
+ * Usage:
+ *   import '@pol-studios/ui/styles/globals.css';
+ *
+ * Or in CSS:
+ *   @import '@pol-studios/ui/styles/globals.css';
+ */
+
+:root {
+  /* Border Radius */
+  --radius: 0.625rem;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+  --radius-full: 9999px;
+
+  /* Core Colors - Light Mode */
+  --background: rgb(249, 250, 251);
+  --foreground: rgb(17, 21, 35);
+
+  /* Card */
+  --card: rgb(255, 255, 255);
+  --card-foreground: rgb(17, 21, 35);
+
+  /* Popover */
+  --popover: rgb(255, 255, 255);
+  --popover-foreground: rgb(17, 21, 35);
+
+  /* Primary - Sapphire */
+  --primary: rgb(66, 95, 208);
+  --primary-foreground: rgb(255, 255, 255);
+
+  /* Secondary - Amethyst */
+  --secondary: rgb(243, 244, 246);
+  --secondary-foreground: rgb(17, 21, 35);
+
+  /* Muted */
+  --muted: rgb(243, 244, 246);
+  --muted-foreground: rgb(107, 114, 128);
+
+  /* Accent - Coral */
+  --accent: rgb(243, 244, 246);
+  --accent-foreground: rgb(17, 21, 35);
+
+  /* Destructive - Red */
+  --destructive: rgb(220, 38, 38);
+  --destructive-foreground: rgb(255, 255, 255);
+
+  /* Success - Emerald */
+  --success: rgb(33, 188, 179);
+  --success-foreground: rgb(255, 255, 255);
+
+  /* Warning - Coral/Amber */
+  --warning: rgb(255, 130, 67);
+  --warning-foreground: rgb(17, 21, 35);
+
+  /* Info - Sky */
+  --info: rgb(66, 95, 208);
+  --info-foreground: rgb(255, 255, 255);
+
+  /* Border & Input */
+  --border: rgb(229, 231, 235);
+  --input: rgb(229, 231, 235);
+  --ring: rgb(66, 95, 208);
+
+  /* Chart Colors */
+  --chart-1: rgb(66, 95, 208);
+  --chart-2: rgb(33, 188, 179);
+  --chart-3: rgb(163, 51, 216);
+  --chart-4: rgb(255, 130, 67);
+  --chart-5: rgb(22, 35, 87);
+
+  /* Sidebar */
+  --sidebar: rgb(249, 250, 251);
+  --sidebar-foreground: rgb(17, 21, 35);
+  --sidebar-primary: rgb(66, 95, 208);
+  --sidebar-primary-foreground: rgb(255, 255, 255);
+  --sidebar-accent: rgb(243, 244, 246);
+  --sidebar-accent-foreground: rgb(17, 21, 35);
+  --sidebar-border: rgb(229, 231, 235);
+  --sidebar-ring: rgb(66, 95, 208);
+}
+
+.dark {
+  /* Core Colors - Dark Mode */
+  --background: rgb(17, 21, 35);
+  --foreground: rgb(249, 250, 251);
+
+  /* Card */
+  --card: rgb(27, 36, 70);
+  --card-foreground: rgb(249, 250, 251);
+
+  /* Popover */
+  --popover: rgb(27, 36, 70);
+  --popover-foreground: rgb(249, 250, 251);
+
+  /* Primary - Sapphire (lighter in dark mode) */
+  --primary: rgb(105, 127, 218);
+  --primary-foreground: rgb(17, 21, 35);
+
+  /* Secondary */
+  --secondary: rgb(37, 51, 105);
+  --secondary-foreground: rgb(249, 250, 251);
+
+  /* Muted */
+  --muted: rgb(37, 51, 105);
+  --muted-foreground: rgb(156, 163, 175);
+
+  /* Accent */
+  --accent: rgb(37, 51, 105);
+  --accent-foreground: rgb(249, 250, 251);
+
+  /* Destructive */
+  --destructive: rgb(239, 68, 68);
+  --destructive-foreground: rgb(255, 255, 255);
+
+  /* Success - Emerald */
+  --success: rgb(78, 201, 194);
+  --success-foreground: rgb(17, 21, 35);
+
+  /* Warning - Coral */
+  --warning: rgb(255, 155, 105);
+  --warning-foreground: rgb(17, 21, 35);
+
+  /* Info - Sky */
+  --info: rgb(105, 127, 218);
+  --info-foreground: rgb(255, 255, 255);
+
+  /* Border & Input */
+  --border: rgb(55, 65, 81);
+  --input: rgb(55, 65, 81);
+  --ring: rgb(105, 127, 218);
+
+  /* Chart Colors */
+  --chart-1: rgb(105, 127, 218);
+  --chart-2: rgb(78, 201, 194);
+  --chart-3: rgb(182, 92, 224);
+  --chart-4: rgb(255, 155, 105);
+  --chart-5: rgb(161, 181, 255);
+
+  /* Sidebar */
+  --sidebar: rgb(17, 21, 35);
+  --sidebar-foreground: rgb(249, 250, 251);
+  --sidebar-primary: rgb(105, 127, 218);
+  --sidebar-primary-foreground: rgb(255, 255, 255);
+  --sidebar-accent: rgb(37, 51, 105);
+  --sidebar-accent-foreground: rgb(249, 250, 251);
+  --sidebar-border: rgb(55, 65, 81);
+  --sidebar-ring: rgb(105, 127, 218);
+}