@pablo2410/shared-ui 0.3.2

package/dist/theme/index.d.ts

@@ -0,0 +1,94 @@
+import React__default from 'react';
+
+/**
+ * @oplytics/shared-ui/theme
+ *
+ * Oplytics.digital design tokens, theme configuration, and ThemeProvider types.
+ * Single source of truth for the dark theme used across all subdomains.
+ *
+ * Usage:
+ *   import { OPLYTICS_COLORS, OPLYTICS_FONTS } from '@oplytics/shared-ui/theme';
+ *   import '@oplytics/shared-ui/theme/oplytics-theme.css';
+ */
+/** Oplytics.digital canonical color palette */
+declare const OPLYTICS_COLORS: {
+    readonly bgPrimary: "#0a0e1a";
+    readonly bgSecondary: "#0d1220";
+    readonly bgTertiary: "#111827";
+    readonly bgCard: "#0f1525";
+    readonly bgCardHover: "#141b2d";
+    readonly bgSurface: "#1a2236";
+    readonly borderDefault: "#1e2738";
+    readonly borderSubtle: "#161e2e";
+    readonly borderHover: "#2a3548";
+    readonly textPrimary: "#ffffff";
+    readonly textSecondary: "#c4cdd9";
+    readonly textMuted: "#596475";
+    readonly textDim: "#3e4a5c";
+    readonly accentPurple: "#8C34E9";
+    readonly accentPurpleHover: "#7928d4";
+    readonly accentPurpleLight: "#a855f7";
+    readonly accentPurpleBg: "rgba(140, 52, 233, 0.1)";
+    readonly accentTeal: "#14b8a6";
+    readonly accentTealHover: "#0d9488";
+    readonly accentTealLight: "#2dd4bf";
+    readonly accentTealBg: "rgba(20, 184, 166, 0.1)";
+    readonly statusSuccess: "#22c55e";
+    readonly statusWarning: "#f59e0b";
+    readonly statusError: "#ef4444";
+    readonly statusInfo: "#3b82f6";
+    readonly overlayBg: "rgba(0, 0, 0, 0.5)";
+};
+/** Oplytics.digital font stack */
+declare const OPLYTICS_FONTS: {
+    /** Headings — Montserrat */
+    readonly heading: "'Montserrat', sans-serif";
+    /** Body — Space Grotesk */
+    readonly body: "'Space Grotesk', sans-serif";
+    /** Code — JetBrains Mono */
+    readonly mono: "'JetBrains Mono', monospace";
+};
+/** Google Fonts CDN links for Oplytics fonts */
+declare const OPLYTICS_FONT_LINKS: readonly ["https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap", "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap", "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap"];
+declare const OPLYTICS_SPACING: {
+    readonly xs: "0.25rem";
+    readonly sm: "0.5rem";
+    readonly md: "1rem";
+    readonly lg: "1.5rem";
+    readonly xl: "2rem";
+    readonly "2xl": "3rem";
+    readonly "3xl": "4rem";
+};
+declare const OPLYTICS_RADIUS: {
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+    readonly full: "9999px";
+};
+declare const OPLYTICS_SHADOWS: {
+    readonly sm: "0 1px 2px rgba(0, 0, 0, 0.3)";
+    readonly md: "0 4px 6px rgba(0, 0, 0, 0.3)";
+    readonly lg: "0 10px 15px rgba(0, 0, 0, 0.3)";
+    readonly xl: "0 20px 25px rgba(0, 0, 0, 0.3)";
+    readonly card: "0 2px 8px rgba(0, 0, 0, 0.2)";
+    readonly glow: "0 0 20px rgba(140, 52, 233, 0.15)";
+};
+type ThemeMode = "dark" | "light" | "system";
+interface ThemeContextValue {
+    theme: ThemeMode;
+    setTheme: (theme: ThemeMode) => void;
+    toggleTheme: () => void;
+    /** Resolved theme (dark or light) after system preference resolution */
+    resolvedTheme: "dark" | "light";
+}
+interface ThemeProviderProps {
+    /** Default theme mode (default: "dark") */
+    defaultTheme?: ThemeMode;
+    /** localStorage key for persistence (default: "oplytics-theme") */
+    storageKey?: string;
+    /** Children to wrap */
+    children: React__default.ReactNode;
+}
+
+export { OPLYTICS_COLORS, OPLYTICS_FONTS, OPLYTICS_FONT_LINKS, OPLYTICS_RADIUS, OPLYTICS_SHADOWS, OPLYTICS_SPACING, type ThemeContextValue, type ThemeMode, type ThemeProviderProps };

package/dist/theme/index.js

@@ -0,0 +1,82 @@
+// src/theme/index.ts
+var OPLYTICS_COLORS = {
+  // Backgrounds
+  bgPrimary: "#0a0e1a",
+  bgSecondary: "#0d1220",
+  bgTertiary: "#111827",
+  bgCard: "#0f1525",
+  bgCardHover: "#141b2d",
+  bgSurface: "#1a2236",
+  // Borders
+  borderDefault: "#1e2738",
+  borderSubtle: "#161e2e",
+  borderHover: "#2a3548",
+  // Text
+  textPrimary: "#ffffff",
+  textSecondary: "#c4cdd9",
+  textMuted: "#596475",
+  textDim: "#3e4a5c",
+  // Accent — Purple (Primary)
+  accentPurple: "#8C34E9",
+  accentPurpleHover: "#7928d4",
+  accentPurpleLight: "#a855f7",
+  accentPurpleBg: "rgba(140, 52, 233, 0.1)",
+  // Accent — Teal (Secondary)
+  accentTeal: "#14b8a6",
+  accentTealHover: "#0d9488",
+  accentTealLight: "#2dd4bf",
+  accentTealBg: "rgba(20, 184, 166, 0.1)",
+  // Status
+  statusSuccess: "#22c55e",
+  statusWarning: "#f59e0b",
+  statusError: "#ef4444",
+  statusInfo: "#3b82f6",
+  // Overlay
+  overlayBg: "rgba(0, 0, 0, 0.5)"
+};
+var OPLYTICS_FONTS = {
+  /** Headings — Montserrat */
+  heading: "'Montserrat', sans-serif",
+  /** Body — Space Grotesk */
+  body: "'Space Grotesk', sans-serif",
+  /** Code — JetBrains Mono */
+  mono: "'JetBrains Mono', monospace"
+};
+var OPLYTICS_FONT_LINKS = [
+  "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap",
+  "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap",
+  "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap"
+];
+var OPLYTICS_SPACING = {
+  xs: "0.25rem",
+  sm: "0.5rem",
+  md: "1rem",
+  lg: "1.5rem",
+  xl: "2rem",
+  "2xl": "3rem",
+  "3xl": "4rem"
+};
+var OPLYTICS_RADIUS = {
+  sm: "0.375rem",
+  md: "0.5rem",
+  lg: "0.75rem",
+  xl: "1rem",
+  full: "9999px"
+};
+var OPLYTICS_SHADOWS = {
+  sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
+  md: "0 4px 6px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px rgba(0, 0, 0, 0.3)",
+  xl: "0 20px 25px rgba(0, 0, 0, 0.3)",
+  card: "0 2px 8px rgba(0, 0, 0, 0.2)",
+  glow: "0 0 20px rgba(140, 52, 233, 0.15)"
+};
+export {
+  OPLYTICS_COLORS,
+  OPLYTICS_FONTS,
+  OPLYTICS_FONT_LINKS,
+  OPLYTICS_RADIUS,
+  OPLYTICS_SHADOWS,
+  OPLYTICS_SPACING
+};
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["/**\n * @oplytics/shared-ui/theme\n *\n * Oplytics.digital design tokens, theme configuration, and ThemeProvider types.\n * Single source of truth for the dark theme used across all subdomains.\n *\n * Usage:\n *   import { OPLYTICS_COLORS, OPLYTICS_FONTS } from '@oplytics/shared-ui/theme';\n *   import '@oplytics/shared-ui/theme/oplytics-theme.css';\n */\n\n// ─── Color Tokens ────────────────────────────────────────────────────────────\n\n/** Oplytics.digital canonical color palette */\nexport const OPLYTICS_COLORS = {\n  // Backgrounds\n  bgPrimary: \"#0a0e1a\",\n  bgSecondary: \"#0d1220\",\n  bgTertiary: \"#111827\",\n  bgCard: \"#0f1525\",\n  bgCardHover: \"#141b2d\",\n  bgSurface: \"#1a2236\",\n\n  // Borders\n  borderDefault: \"#1e2738\",\n  borderSubtle: \"#161e2e\",\n  borderHover: \"#2a3548\",\n\n  // Text\n  textPrimary: \"#ffffff\",\n  textSecondary: \"#c4cdd9\",\n  textMuted: \"#596475\",\n  textDim: \"#3e4a5c\",\n\n  // Accent — Purple (Primary)\n  accentPurple: \"#8C34E9\",\n  accentPurpleHover: \"#7928d4\",\n  accentPurpleLight: \"#a855f7\",\n  accentPurpleBg: \"rgba(140, 52, 233, 0.1)\",\n\n  // Accent — Teal (Secondary)\n  accentTeal: \"#14b8a6\",\n  accentTealHover: \"#0d9488\",\n  accentTealLight: \"#2dd4bf\",\n  accentTealBg: \"rgba(20, 184, 166, 0.1)\",\n\n  // Status\n  statusSuccess: \"#22c55e\",\n  statusWarning: \"#f59e0b\",\n  statusError: \"#ef4444\",\n  statusInfo: \"#3b82f6\",\n\n  // Overlay\n  overlayBg: \"rgba(0, 0, 0, 0.5)\",\n} as const;\n\n// ─── Typography ──────────────────────────────────────────────────────────────\n\n/** Oplytics.digital font stack */\nexport const OPLYTICS_FONTS = {\n  /** Headings — Montserrat */\n  heading: \"'Montserrat', sans-serif\",\n  /** Body — Space Grotesk */\n  body: \"'Space Grotesk', sans-serif\",\n  /** Code — JetBrains Mono */\n  mono: \"'JetBrains Mono', monospace\",\n} as const;\n\n/** Google Fonts CDN links for Oplytics fonts */\nexport const OPLYTICS_FONT_LINKS = [\n  \"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\",\n  \"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap\",\n  \"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap\",\n] as const;\n\n// ─── Spacing & Radius ────────────────────────────────────────────────────────\n\nexport const OPLYTICS_SPACING = {\n  xs: \"0.25rem\",\n  sm: \"0.5rem\",\n  md: \"1rem\",\n  lg: \"1.5rem\",\n  xl: \"2rem\",\n  \"2xl\": \"3rem\",\n  \"3xl\": \"4rem\",\n} as const;\n\nexport const OPLYTICS_RADIUS = {\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n  full: \"9999px\",\n} as const;\n\n// ─── Shadow ──────────────────────────────────────────────────────────────────\n\nexport const OPLYTICS_SHADOWS = {\n  sm: \"0 1px 2px rgba(0, 0, 0, 0.3)\",\n  md: \"0 4px 6px rgba(0, 0, 0, 0.3)\",\n  lg: \"0 10px 15px rgba(0, 0, 0, 0.3)\",\n  xl: \"0 20px 25px rgba(0, 0, 0, 0.3)\",\n  card: \"0 2px 8px rgba(0, 0, 0, 0.2)\",\n  glow: \"0 0 20px rgba(140, 52, 233, 0.15)\",\n} as const;\n\n// ─── ThemeProvider Types ─────────────────────────────────────────────────────\n\nexport type ThemeMode = \"dark\" | \"light\" | \"system\";\n\nexport interface ThemeContextValue {\n  theme: ThemeMode;\n  setTheme: (theme: ThemeMode) => void;\n  toggleTheme: () => void;\n  /** Resolved theme (dark or light) after system preference resolution */\n  resolvedTheme: \"dark\" | \"light\";\n}\n\nexport interface ThemeProviderProps {\n  /** Default theme mode (default: \"dark\") */\n  defaultTheme?: ThemeMode;\n  /** localStorage key for persistence (default: \"oplytics-theme\") */\n  storageKey?: string;\n  /** Children to wrap */\n  children: React.ReactNode;\n}\n\nimport React from \"react\";\n"],"mappings":";AAcO,IAAM,kBAAkB;AAAA;AAAA,EAE7B,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA;AAAA,EAGX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA;AAAA,EAGb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA;AAAA,EAGT,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAGhB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,cAAc;AAAA;AAAA,EAGd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA;AAAA,EAGZ,WAAW;AACb;AAKO,IAAM,iBAAiB;AAAA;AAAA,EAE5B,SAAS;AAAA;AAAA,EAET,MAAM;AAAA;AAAA,EAEN,MAAM;AACR;AAGO,IAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF;AAIO,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAIO,IAAM,mBAAmB;AAAA,EAC9B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "@pablo2410/shared-ui",
+  "version": "0.3.2",
+  "description": "Shared UI component library for all Oplytics.digital subdomains",
+  "type": "module",
+  "exports": {
+    "./layout": {
+      "types": "./dist/layout/index.d.ts",
+      "import": "./dist/layout/index.js"
+    },
+    "./hierarchy": {
+      "types": "./dist/hierarchy/index.d.ts",
+      "import": "./dist/hierarchy/index.js"
+    },
+    "./rbac": {
+      "types": "./dist/rbac/index.d.ts",
+      "import": "./dist/rbac/index.js"
+    },
+    "./reporting": {
+      "types": "./dist/reporting/index.d.ts",
+      "import": "./dist/reporting/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js"
+    },
+    "./theme/oplytics-theme.css": "./dist/theme/oplytics-theme.css",
+    "./primitives": {
+      "types": "./dist/primitives/index.d.ts",
+      "import": "./dist/primitives/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "prepare": "pnpm build",
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "prepublishOnly": "pnpm build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/google.maps": "^3.58.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.9.0",
+    "vitest": "^3.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.1.1",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.460.0",
+    "next-themes": "^0.4.6",
+    "react-day-picker": "^9.14.0",
+    "react-hook-form": "^7.71.2",
+    "react-resizable-panels": "^3.0.6",
+    "recharts": "^3.8.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^2.6.0",
+    "vaul": "^1.1.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Pablo2410/oplytics-shared-ui.git"
+  },
+  "license": "UNLICENSED",
+  "private": false
+}