@skill-academy/uikit 0.0.2

package/package.json

@@ -0,0 +1,161 @@
+{
+  "name": "@skill-academy/uikit",
+  "version": "0.0.2",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": "./styles/index.css",
+    "./styles/theme.css": "./styles/theme.css",
+    "./styles/theme-variables.css": "./styles/theme-variables.css",
+    "./styles/tailwind.css": "./styles/tailwind.css",
+    "./styles/index.css": "./styles/index.css",
+    "./styles/fonts.css": "./styles/fonts.css",
+    "./tailwind.preset.js": "./tailwind.preset.js"
+  },
+  "files": [
+    "dist",
+    "styles",
+    "tailwind.preset.js",
+    "postcss.config.cjs"
+  ],
+  "scripts": {
+    "build": "yarn build:js && yarn build:css",
+    "build:js": "tsup",
+    "build:css": "postcss styles/tailwind-src.css -o styles/tailwind.css",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "@radix-ui/react-accordion": "*",
+    "@radix-ui/react-alert-dialog": "*",
+    "@radix-ui/react-aspect-ratio": "*",
+    "@radix-ui/react-avatar": "*",
+    "@radix-ui/react-checkbox": "*",
+    "@radix-ui/react-collapsible": "*",
+    "@radix-ui/react-context-menu": "*",
+    "@radix-ui/react-dialog": "*",
+    "@radix-ui/react-dropdown-menu": "*",
+    "@radix-ui/react-hover-card": "*",
+    "@radix-ui/react-label": "*",
+    "@radix-ui/react-menubar": "*",
+    "@radix-ui/react-navigation-menu": "*",
+    "@radix-ui/react-popover": "*",
+    "@radix-ui/react-progress": "*",
+    "@radix-ui/react-radio-group": "*",
+    "@radix-ui/react-scroll-area": "*",
+    "@radix-ui/react-select": "*",
+    "@radix-ui/react-separator": "*",
+    "@radix-ui/react-slider": "*",
+    "@radix-ui/react-slot": "*",
+    "@radix-ui/react-switch": "*",
+    "@radix-ui/react-tabs": "*",
+    "@radix-ui/react-toggle": "*",
+    "@radix-ui/react-toggle-group": "*",
+    "@radix-ui/react-tooltip": "*",
+    "class-variance-authority": "*",
+    "clsx": "*",
+    "tailwind-merge": "*"
+  },
+  "peerDependenciesMeta": {
+    "cmdk": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    },
+    "input-otp": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    },
+    "next-themes": {
+      "optional": true
+    },
+    "react-day-picker": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "react-resizable-panels": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    },
+    "sonner": {
+      "optional": true
+    },
+    "vaul": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-aspect-ratio": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-context-menu": "^2.2.6",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-hover-card": "^1.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-menubar": "^1.1.6",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slider": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.1.1",
+    "date-fns": "^3.0.0",
+    "embla-carousel-react": "^8.0.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.400.0",
+    "next-themes": "^0.4.0",
+    "react": "^19.2.4",
+    "react-day-picker": "^8.10.0",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.50.0",
+    "react-resizable-panels": "^2.0.0",
+    "recharts": "^2.15.0",
+    "sonner": "^2.0.0",
+    "tailwind-merge": "^3.0.0",
+    "tsup": "^8.0.0",
+    "@tailwindcss/postcss": "^4.0.0",
+    "postcss": "^8.4.0",
+    "postcss-cli": "^11.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.0.0",
+    "vaul": "^1.1.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/postcss.config.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};

package/styles/fonts.css

@@ -0,0 +1,4 @@
+/**
+ * Skill Management UI – fonts.
+ * Add @font-face or font imports here if your design system uses custom fonts.
+ */

package/styles/index.css

@@ -0,0 +1,10 @@
+/**
+ * Skill Management UI – styles entry.
+ * Import this file in your app's main CSS if you use Tailwind v4 (it includes theme + base layer).
+ * For Tailwind v3 or variable-only usage, import theme-variables.css instead.
+ */
+@import './theme-variables.css';
+@import './theme.css';
+@import './fonts.css';
+@import './tailwind-src.css';
+

package/styles/tailwind-src.css

@@ -0,0 +1,9 @@
+/**
+ * Tailwind v4 source for @skill-academy/uikit.
+ * Build with: yarn build:css
+ * Consuming apps using Tailwind v4 can instead import theme.css and add this package to their @source.
+ */
+@import "tailwindcss" source(none);
+@source "../src/**/*.{js,ts,jsx,tsx}";
+
+@import "./theme.css";