@oneplatformdev/ui 0.0.1-beta.100

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@oneplatformdev/ui",
+  "version": "0.0.1-beta.100",
+  "description": "UI React Components.",
+  "author": "One Platform Development Team",
+  "keywords": [
+    "react",
+    "oneplatform",
+    "ui"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oneplatformdev/core-web.git",
+    "directory": "packages/ui"
+  },
+  "bugs": {
+    "url": "https://github.com/oneplatformdev/core/issues"
+  },
+  "homepage": "private package",
+  "type": "module",
+  "source": "./index.ts",
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts",
+  "scripts": {
+    "beta-version-patch": "npm version $(semver $npm_package_version -i prerelease --preid beta)",
+    "semver": "npm version $(semver $npm_package_version -i $release --preid $preid)"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "directory": "build",
+    "registry": "https://registry.npmjs.org/",
+    "dependencies": {
+      "@oneplatformdev/hooks": "~0.0.1-beta.3",
+      "@oneplatformdev/utils": "~0.0.2-beta.10"
+    }
+  },
+  "peerDependency": {
+    "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "@oneplatformdev/hooks": "~0.0.1-beta.7",
+    "@oneplatformdev/utils": "~0.0.2-beta.17",
+    "lucide-react": "^0.469.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.1",
+    "@oneplatformdev/hooks": "~0.0.1-beta.7",
+    "@oneplatformdev/utils": "~0.0.2-beta.16",
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-aspect-ratio": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-hover-card": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-menubar": "^1.1.4",
+    "@radix-ui/react-navigation-menu": "^1.2.3",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-toggle": "^1.1.1",
+    "@radix-ui/react-toggle-group": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.6",
+    "@tanstack/react-table": "^8.20.6",
+    "cmdk": "1.0.0",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.5.1",
+    "input-otp": "^1.4.1",
+    "next-themes": "^0.4.4",
+    "react-day-picker": "8.10.1",
+    "react-dropzone": "^14.3.5",
+    "react-hook-form": "^7.54.2",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "^2.15.0",
+    "sonner": "^1.7.1",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.1"
+  }
+}

package/tailwind.config.mjs

@@ -0,0 +1,148 @@
+import { join as o } from "path";
+const r = (a, e = "hsl") => `${e}(var(${a}))`, d = {
+  content: [
+    o(
+      __dirname,
+      "{src,pages,components,app}/**/*!(*.stories|*.spec).{ts,tsx,html}"
+    )
+  ],
+  darkMode: ["class", '[data-mode="dark"]'],
+  // darkMode: 'selector' // class data-
+  // darkMode: [ 'variant', [
+  // 	'selector',
+  // 	'@media (prefers-color-scheme: dark) { &:not(.light *) }',
+  // 	'&:is(.dark *)',
+  // ] ],
+  theme: {
+    extend: {
+      screens: {
+        sm: "480px",
+        md: "768px",
+        lg: "976px",
+        xl: "1440px"
+      },
+      container: {
+        center: !0,
+        padding: "2rem",
+        screens: {
+          "2xl": "1536px"
+        }
+      },
+      borderRadius: {
+        sm: "calc(var(--radius) - 4px)",
+        md: "calc(var(--radius) - 2px)",
+        lg: "var(--radius)",
+        xl: "calc(var(--radius) + 4px)"
+      },
+      colors: {
+        additional: {
+          green: r("--additional-green"),
+          blue: r("--additional-blue"),
+          yellow: r("--additional-yellow"),
+          salmon: r("--additional-salmon")
+        },
+        typography: {
+          DEFAULT: r("--text-primary"),
+          highlight: r("--text-highlight"),
+          primary: r("--text-primary"),
+          secondary: r("--text-secondary"),
+          error: r("--text-error"),
+          success: r("--text-success"),
+          muted: r("--text-muted")
+        },
+        gray: {
+          DEFAULT: r("--gray-1"),
+          1: r("--gray-1"),
+          2: r("--gray-2"),
+          3: r("--gray-3"),
+          4: r("--gray-4"),
+          5: r("--gray-5")
+        },
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))"
+        },
+        greenner: "hsl(var(--greenner))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))"
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))"
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))"
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))"
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))"
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        chart: {
+          1: "hsl(var(--chart-1))",
+          2: "hsl(var(--chart-2))",
+          3: "hsl(var(--chart-3))",
+          4: "hsl(var(--chart-4))",
+          5: "hsl(var(--chart-5))"
+        },
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar-background))",
+          foreground: "hsl(var(--sidebar-foreground))",
+          primary: "hsl(var(--sidebar-primary))",
+          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+          accent: "hsl(var(--sidebar-accent))",
+          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+          border: "hsl(var(--sidebar-border))",
+          ring: "hsl(var(--sidebar-ring))"
+        }
+        // highlight: withFormat('--highlight)'),
+        // background: withFormat('--background'),
+        // foreground: withFormat('--foreground'),
+        // typography: {
+        //   DEFAULT: withFormat('--text-primary'),
+        //   highlight: withFormat('--text-highlight'),
+        //   primary: withFormat('--text-primary'),
+        //   secondary: withFormat('--text-secondary'),
+        //   error: withFormat('--text-error'),
+        //   success: withFormat('--text-success'),
+        //   muted: withFormat('--text-muted'),
+        // },
+        // gray: {
+        //   DEFAULT: withFormat('--gray-1'),
+        //   1: withFormat('--gray-1'),
+        //   2: withFormat('--gray-2'),
+        //   3: withFormat('--gray-3'),
+        //   4: withFormat('--gray-4'),
+        //   5: withFormat('--gray-5'),
+        // },
+        // border: withFormat('--border'),
+        // accent: {
+        //   DEFAULT: withFormat('--accent'),
+        //   foreground: withFormat('--accent-foreground'),
+        // },
+        // card: {
+        //   DEFAULT: withFormat('--card'),
+        //   foreground: withFormat('--card-foreground'),
+        // },
+      }
+    }
+  },
+  plugins: [require("tailwindcss-animate")]
+};
+export {
+  d as default
+};