acai-ui-library 0.1.11

package/dist/lib/utils.cjs

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  cn: () => cn
+});
+module.exports = __toCommonJS(utils_exports);
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/lib/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/lib/utils.d.cts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.js

@@ -0,0 +1,10 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/styles.css

@@ -0,0 +1,336 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    /* === Primary (Purple) === */
+    --hc-primary-100: #F0F0FB;
+    --hc-primary-200: #C8C4F1;
+    --hc-primary-300: #A099E7;
+    --hc-primary-400: #7A6EDB;
+    --hc-primary-500: #5542CA;
+    --hc-primary-600: #35268B;
+    --hc-primary-700: #18104A;
+
+    /* === Secondary (Gold) === */
+    --hc-secondary-100: #FBDBB4;
+    --hc-secondary-200: #E7AF45;
+    --hc-secondary-300: #B88B35;
+    --hc-secondary-400: #8B6826;
+    --hc-secondary-500: #614718;
+    --hc-secondary-600: #39290A;
+    --hc-secondary-700: #180F02;
+
+    /* === Tertiary (Green) === */
+    --hc-tertiary-100: #CCFDBC;
+    --hc-tertiary-200: #79DF43;
+    --hc-tertiary-300: #60B434;
+    --hc-tertiary-400: #498B26;
+    --hc-tertiary-500: #336419;
+    --hc-tertiary-600: #1E3F0C;
+    --hc-tertiary-700: #0B1E03;
+
+    /* === Grey === */
+    --hc-grey-100: #F1F1F1;
+    --hc-grey-200: #C9C9CB;
+    --hc-grey-300: #A2A2A6;
+    --hc-grey-400: #7C7C83;
+    --hc-grey-500: #595961;
+    --hc-grey-600: #38383E;
+    --hc-grey-700: #1A1A1E;
+
+    /* === Semantic Colors (Light Mode) === */
+    /* Override just the base color — hover auto-derives via color-mix() */
+    --hc-color-background: #FFFFFF;
+    --hc-color-foreground: #1A1A1E;
+    --hc-color-primary: #5542CA;
+    --hc-color-primary-hover: color-mix(in srgb, var(--hc-color-primary), black 20%);
+    --hc-color-primary-fg: #FFFFFF;
+    --hc-color-secondary: #E7AF45;
+    --hc-color-secondary-hover: color-mix(in srgb, var(--hc-color-secondary), black 20%);
+    --hc-color-secondary-fg: #1A1A1E;
+    --hc-color-muted: #F1F1F1;
+    --hc-color-muted-fg: #595961;
+    --hc-color-border: #C9C9CB;
+    --hc-color-border-subtle: #E6E8F0;
+    --hc-color-input: #C9C9CB;
+    --hc-color-ring: #5542CA;
+    --hc-color-destructive: #DC2626;
+    --hc-color-destructive-hover: color-mix(in srgb, var(--hc-color-destructive), black 20%);
+    --hc-color-destructive-fg: #FFFFFF;
+    --hc-color-success: #22C55E;
+    --hc-color-success-hover: color-mix(in srgb, var(--hc-color-success), black 20%);
+    --hc-color-success-fg: #FFFFFF;
+    --hc-color-warning: #E7AF45;
+    --hc-color-warning-fg: #1A1A1E;
+    --hc-color-card: #FFFFFF;
+    --hc-color-card-fg: #1A1A1E;
+    --hc-color-popover: #FFFFFF;
+    --hc-color-popover-fg: #1A1A1E;
+    --hc-color-accent: #F0F0FB;
+    --hc-color-accent-fg: #35268B;
+    --hc-color-ring-offset: #FFFFFF;
+
+    /* === Chart Palette === */
+    --hc-color-chart-1: #5542CA;
+    --hc-color-chart-2: #E7AF45;
+    --hc-color-chart-3: #79DF43;
+    --hc-color-chart-4: #7A6EDB;
+    --hc-color-chart-5: #F59E0B;
+
+    /* === Typography === */
+    --hc-font-family: 'Inter', sans-serif;
+    --hc-text-xs: 12px;
+    --hc-text-xs-lh: 16px;
+    --hc-text-sm: 14px;
+    --hc-text-sm-lh: 20px;
+    --hc-text-base: 16px;
+    --hc-text-base-lh: 24px;
+    --hc-text-lg: 20px;
+    --hc-text-lg-lh: 28px;
+    --hc-text-xl: 24px;
+    --hc-text-xl-lh: 32px;
+    --hc-text-2xl: 30px;
+    --hc-text-2xl-lh: 36px;
+    --hc-text-3xl: 36px;
+    --hc-text-3xl-lh: 40px;
+
+    /* === Spacing (8pt grid) === */
+    --hc-space-1: 4px;
+    --hc-space-2: 8px;
+    --hc-space-3: 12px;
+    --hc-space-4: 16px;
+    --hc-space-5: 20px;
+    --hc-space-6: 24px;
+    --hc-space-8: 32px;
+    --hc-space-10: 40px;
+    --hc-space-12: 48px;
+
+    /* === Radius === */
+    --hc-radius-sm: 4px;
+    --hc-radius-md: 8px;
+    --hc-radius-lg: 12px;
+    --hc-radius-xl: 16px;
+    --hc-radius-full: 9999px;
+
+    /* === Badge palette === */
+    /* Badge status palette */
+    --hc-badge-pending-bg: #FEF3C7;
+    --hc-badge-pending-border: #F9C869;
+    --hc-badge-pending-text: #F6A922;
+
+    --hc-badge-in-progress-bg: #DBEAFE;
+    --hc-badge-in-progress-border: #4F8FF7;
+    --hc-badge-in-progress-text: #4589F7;
+
+    --hc-badge-under-review-bg: #F3E8FF;
+    --hc-badge-under-review-border: #9F49EC;
+    --hc-badge-under-review-text: #9333EA;
+
+    --hc-badge-resolved-bg: #D1FAE5;
+    --hc-badge-resolved-border: #38CC6F;
+    --hc-badge-resolved-text: #59D386;
+
+    /* Badge severity one-offs (no existing token match) */
+    --hc-badge-severity-high: #F59E0B;
+    --hc-badge-severity-medium: #14B8A6;
+    --hc-badge-severity-low: #6B7280;
+
+    /* Badge pill success (#22C55E differs from --hc-color-success #336419) */
+    --hc-badge-pill-success: #22C55E;
+
+    /* Designation */
+    --hc-badge-designation-bg: #EEF0FD;
+    --hc-badge-designation-text: #1D378D;
+
+    /* Banner palette */
+    --hc-banner-primary-bg: #F1EEFF;
+    --hc-banner-success-bg: #D1FAE5;
+    --hc-banner-success-border: #38CC6F;
+    --hc-banner-warning-bg: #FEF3C7;
+    --hc-banner-warning-border: #F9C869;
+    --hc-banner-destructive-bg: #FEF2F2;
+    --hc-banner-destructive-border: #FECACA;
+  }
+
+  [data-theme="dark"],
+  .dark {
+    --hc-color-background: #0F0F12;
+    --hc-color-foreground: #F1F1F1;
+    --hc-color-card: #1A1A1E;
+    --hc-color-card-fg: #F1F1F1;
+    --hc-color-muted: #38383E;
+    --hc-color-muted-fg: #A2A2A6;
+    --hc-color-border: #38383E;
+    --hc-color-border-subtle: #E6E8F0;
+    --hc-color-input: #38383E;
+    --hc-color-primary: #7A6EDB;
+    --hc-color-primary-hover: color-mix(in srgb, var(--hc-color-primary), white 20%);
+    --hc-color-primary-fg: #FFFFFF;
+    --hc-color-secondary: #E7AF45;
+    --hc-color-secondary-hover: color-mix(in srgb, var(--hc-color-secondary), white 20%);
+    --hc-color-secondary-fg: #1A1A1E;
+    --hc-color-popover: #1A1A1E;
+    --hc-color-popover-fg: #F1F1F1;
+    --hc-color-ring: #7A6EDB;
+    --hc-color-accent: #38383E;
+    --hc-color-accent-fg: #A099E7;
+    --hc-color-ring-offset: #0F0F12;
+    --hc-color-destructive: #EF4444;
+    --hc-color-destructive-hover: color-mix(in srgb, var(--hc-color-destructive), white 20%);
+    --hc-color-destructive-fg: #FFFFFF;
+    --hc-color-success: #4ADE80;
+    --hc-color-success-hover: color-mix(in srgb, var(--hc-color-success), white 20%);
+    --hc-color-success-fg: #0F0F12;
+    --hc-color-warning: #F59E0B;
+    --hc-color-warning-fg: #1A1A1E;
+    --hc-color-chart-1: #A099E7;
+    --hc-color-chart-2: #FBDBB4;
+    --hc-color-chart-3: #CCFDBC;
+    --hc-color-chart-4: #C8C4F1;
+    --hc-color-chart-5: #FBBF24;
+
+    /* === Badge palette === */
+    /* Badge status palette */
+    --hc-badge-pending-bg: #FEF3C7;
+    --hc-badge-pending-border: #F9C869;
+    --hc-badge-pending-text: #F6A922;
+
+    --hc-badge-in-progress-bg: #DBEAFE;
+    --hc-badge-in-progress-border: #4F8FF7;
+    --hc-badge-in-progress-text: #4589F7;
+
+    --hc-badge-under-review-bg: #F3E8FF;
+    --hc-badge-under-review-border: #9F49EC;
+    --hc-badge-under-review-text: #9333EA;
+
+    --hc-badge-resolved-bg: #D1FAE5;
+    --hc-badge-resolved-border: #38CC6F;
+    --hc-badge-resolved-text: #59D386;
+
+    /* Badge severity one-offs (no existing token match) */
+    --hc-badge-severity-high: #F59E0B;
+    --hc-badge-severity-medium: #14B8A6;
+    --hc-badge-severity-low: #6B7280;
+
+    /* Badge pill success (#22C55E differs from --hc-color-success #336419) */
+    --hc-badge-pill-success: #22C55E;
+
+    /* Designation */
+    --hc-badge-designation-bg: #EEF0FD;
+    --hc-badge-designation-text: #1D378D;
+
+    /* Banner palette */
+    --hc-banner-primary-bg: #F1EEFF;
+    --hc-banner-success-bg: #D1FAE5;
+    --hc-banner-success-border: #38CC6F;
+    --hc-banner-warning-bg: #FEF3C7;
+    --hc-banner-warning-border: #F9C869;
+    --hc-banner-destructive-bg: #FEF2F2;
+    --hc-banner-destructive-border: #FECACA;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      --hc-color-background: #0F0F12;
+      --hc-color-foreground: #F1F1F1;
+      --hc-color-card: #1A1A1E;
+      --hc-color-card-fg: #F1F1F1;
+      --hc-color-muted: #38383E;
+      --hc-color-muted-fg: #A2A2A6;
+      --hc-color-border: #38383E;
+      --hc-color-border-subtle: #E6E8F0;
+      --hc-color-input: #38383E;
+      --hc-color-primary: #7A6EDB;
+      --hc-color-primary-hover: color-mix(in srgb, var(--hc-color-primary), white 20%);
+      --hc-color-primary-fg: #FFFFFF;
+      --hc-color-secondary: #E7AF45;
+      --hc-color-secondary-hover: color-mix(in srgb, var(--hc-color-secondary), white 20%);
+      --hc-color-secondary-fg: #1A1A1E;
+      --hc-color-popover: #1A1A1E;
+      --hc-color-popover-fg: #F1F1F1;
+      --hc-color-ring: #7A6EDB;
+      --hc-color-accent: #38383E;
+      --hc-color-accent-fg: #A099E7;
+      --hc-color-ring-offset: #0F0F12;
+      --hc-color-destructive: #EF4444;
+      --hc-color-destructive-hover: color-mix(in srgb, var(--hc-color-destructive), white 20%);
+      --hc-color-destructive-fg: #FFFFFF;
+      --hc-color-success: #4ADE80;
+      --hc-color-success-hover: color-mix(in srgb, var(--hc-color-success), white 20%);
+      --hc-color-success-fg: #0F0F12;
+      --hc-color-warning: #F59E0B;
+      --hc-color-warning-fg: #1A1A1E;
+      --hc-color-chart-1: #A099E7;
+      --hc-color-chart-2: #FBDBB4;
+      --hc-color-chart-3: #CCFDBC;
+      --hc-color-chart-4: #C8C4F1;
+      --hc-color-chart-5: #FBBF24;
+
+      /* === Badge palette === */
+      /* Badge status palette */
+      --hc-badge-pending-bg: #FEF3C7;
+      --hc-badge-pending-border: #F9C869;
+      --hc-badge-pending-text: #F6A922;
+
+      --hc-badge-in-progress-bg: #DBEAFE;
+      --hc-badge-in-progress-border: #4F8FF7;
+      --hc-badge-in-progress-text: #4589F7;
+
+      --hc-badge-under-review-bg: #F3E8FF;
+      --hc-badge-under-review-border: #9F49EC;
+      --hc-badge-under-review-text: #9333EA;
+
+      --hc-badge-resolved-bg: #D1FAE5;
+      --hc-badge-resolved-border: #38CC6F;
+      --hc-badge-resolved-text: #59D386;
+
+      /* Badge severity one-offs (no existing token match) */
+      --hc-badge-severity-high: #F59E0B;
+      --hc-badge-severity-medium: #14B8A6;
+      --hc-badge-severity-low: #6B7280;
+
+      /* Badge pill success (#22C55E differs from --hc-color-success #336419) */
+      --hc-badge-pill-success: #22C55E;
+
+      /* Designation */
+      --hc-badge-designation-bg: #EEF0FD;
+      --hc-badge-designation-text: #1D378D;
+
+      /* Banner palette */
+      --hc-banner-primary-bg: #F1EEFF;
+      --hc-banner-success-bg: #D1FAE5;
+      --hc-banner-success-border: #38CC6F;
+      --hc-banner-warning-bg: #FEF3C7;
+      --hc-banner-warning-border: #F9C869;
+      --hc-banner-destructive-bg: #FEF2F2;
+      --hc-banner-destructive-border: #FECACA;
+    }
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: var(--hc-font-family);
+    font-size: var(--hc-text-base);
+    line-height: var(--hc-text-base-lh);
+    color: var(--hc-color-foreground);
+    background-color: var(--hc-color-background);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
+
+@keyframes progress-indeterminate {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(400%);
+  }
+}

package/package.json

@@ -0,0 +1,128 @@
+{
+  "name": "acai-ui-library",
+  "version": "0.1.11",
+  "description": "HumanCloud branded React component library",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/swar-da/humancloud-ui.git"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles": "./dist/styles.css",
+    "./components/*": {
+      "import": {
+        "types": "./dist/components/*.d.ts",
+        "default": "./dist/components/*.js"
+      },
+      "require": {
+        "types": "./dist/components/*.d.cts",
+        "default": "./dist/components/*.cjs"
+      }
+    },
+    "./lib/*": {
+      "import": {
+        "types": "./dist/lib/*.d.ts",
+        "default": "./dist/lib/*.js"
+      },
+      "require": {
+        "types": "./dist/lib/*.d.cts",
+        "default": "./dist/lib/*.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.0",
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "^1.1.0",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.0",
+    "@radix-ui/react-checkbox": "^1.1.0",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-context-menu": "^2.2.0",
+    "@radix-ui/react-dialog": "^1.1.0",
+    "@radix-ui/react-dropdown-menu": "^2.1.0",
+    "@radix-ui/react-hover-card": "^1.1.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.0",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "^1.1.0",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.0",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.0",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.0",
+    "@tanstack/react-table": "^8.20.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.0.0",
+    "embla-carousel-react": "^8.5.0",
+    "input-otp": "^1.4.0",
+    "lucide-react": "^0.468.0",
+    "react-day-picker": "^9.4.0",
+    "react-hook-form": "^7.54.0",
+    "react-resizable-panels": "^2.1.0",
+    "recharts": "^2.15.0",
+    "sonner": "^1.7.0",
+    "tailwind-merge": "^2.6.0",
+    "vaul": "^1.1.0",
+    "zod": "^3.24.0",
+    "next-themes": "^0.4.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "autoprefixer": "^10.4.0",
+    "jsdom": "^25.0.0",
+    "postcss": "^8.4.0",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.0",
+    "@types/node": "^22.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.7.0",
+    "vitest": "^2.1.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src/"
+  }
+}