@akira-io/ui 1.0.0 → 1.1.1

package/package.json

@@ -1,142 +1,182 @@
 {
-    "name": "@akira-io/ui",
-    "version": "1.0.0",
-    "description": "Open-source React component library: the full shadcn/ui set on an OKLCH design-token system with swappable brand palettes.",
-    "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/akira-io/ui.git"
+  "name": "@akira-io/ui",
+  "version": "1.1.1",
+  "description": "Open-source React component library: the full shadcn/ui set on an OKLCH design-token system with swappable brand palettes.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/akira-io/ui.git"
+  },
+  "homepage": "https://ui.akira-io.com",
+  "bugs": {
+    "url": "https://github.com/akira-io/ui/issues"
+  },
+  "keywords": [
+    "react",
+    "component-library",
+    "design-system",
+    "design-tokens",
+    "shadcn-ui",
+    "radix-ui",
+    "tailwindcss",
+    "oklch",
+    "accessible",
+    "typescript"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "theme.css",
+    "themes"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
-    "homepage": "https://ui.akira-io.com",
-    "bugs": {
-        "url": "https://github.com/akira-io/ui/issues"
+    "./code": {
+      "types": "./dist/code.d.ts",
+      "import": "./dist/code.js"
     },
-    "keywords": [
-        "react",
-        "component-library",
-        "design-system",
-        "design-tokens",
-        "shadcn-ui",
-        "radix-ui",
-        "tailwindcss",
-        "oklch",
-        "accessible",
-        "typescript"
-    ],
-    "engines": {
-        "node": ">=20"
+    "./blocks": {
+      "types": "./dist/blocks.d.ts",
+      "import": "./dist/blocks.js"
     },
-    "type": "module",
-    "sideEffects": [
-        "**/*.css"
-    ],
-    "files": [
-        "dist",
-        "theme.css",
-        "themes"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
-        },
-        "./blocks": {
-            "types": "./dist/blocks.d.ts",
-            "import": "./dist/blocks.js"
-        },
-        "./shells": {
-            "types": "./dist/shells.d.ts",
-            "import": "./dist/shells.js"
-        },
-        "./inertia": {
-            "types": "./dist/inertia.d.ts",
-            "import": "./dist/inertia.js"
-        },
-        "./locales/pt": {
-            "types": "./dist/locales/pt.d.ts",
-            "import": "./dist/locales/pt.js"
-        },
-        "./theme.css": "./theme.css",
-        "./themes/*.css": "./themes/*.css"
+    "./editor": {
+      "types": "./dist/editor.d.ts",
+      "import": "./dist/editor.js"
     },
-    "publishConfig": {
-        "access": "public"
+    "./shells": {
+      "types": "./dist/shells.d.ts",
+      "import": "./dist/shells.js"
     },
-    "scripts": {
-        "build": "tsup",
-        "dev": "tsup --watch",
-        "test": "vitest run",
-        "typecheck": "tsc --noEmit",
-        "format": "prettier --write \"src/**/*.{ts,tsx}\" \"tests/**/*.ts\" theme.css",
-        "format:check": "prettier --check \"src/**/*.{ts,tsx}\" \"tests/**/*.ts\" theme.css",
-        "prepublishOnly": "bun run build"
+    "./inertia": {
+      "types": "./dist/inertia.d.ts",
+      "import": "./dist/inertia.js"
     },
-    "dependencies": {
-        "@radix-ui/react-accordion": "^1.2.12",
-        "@radix-ui/react-avatar": "^1.1.11",
-        "@radix-ui/react-checkbox": "^1.3.3",
-        "@radix-ui/react-collapsible": "^1.1.12",
-        "@radix-ui/react-dialog": "^1.1.15",
-        "@radix-ui/react-dropdown-menu": "^2.1.16",
-        "@radix-ui/react-label": "^2.1.8",
-        "@radix-ui/react-navigation-menu": "^1.2.14",
-        "@radix-ui/react-popover": "^1.1.15",
-        "@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-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",
-        "@tanstack/react-table": "^8.21.3",
-        "class-variance-authority": "^0.7.1",
-        "clsx": "^2.1.1",
-        "cmdk": "^1.1.1",
-        "date-fns": "^4.4.0",
-        "driver.js": "^1.8.0",
-        "embla-carousel-react": "^8.6.0",
-        "input-otp": "^1.4.2",
-        "lucide-react": "^0.563.0",
-        "radix-ui": "^1.6.0",
-        "react-day-picker": "^10.0.1",
-        "react-resizable-panels": "^4",
-        "sonner": "^2.0.7",
-        "tailwind-merge": "^3.4.0",
-        "vaul": "^1.1.2"
+    "./locales/pt": {
+      "types": "./dist/locales/pt.d.ts",
+      "import": "./dist/locales/pt.js"
     },
-    "peerDependencies": {
-        "@inertiajs/react": "^1.0.0 || ^2.0.0 || ^3.0.0",
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0",
-        "react-hook-form": "^7.0.0",
-        "recharts": "^3.8.0",
-        "tailwindcss-animate": "^1.0.0"
+    "./theme.css": "./theme.css",
+    "./themes/*.css": "./themes/*.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\" \"tests/**/*.{ts,tsx}\" theme.css",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx}\" \"tests/**/*.{ts,tsx}\" theme.css",
+    "prepublishOnly": "bun run build"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@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-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.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.4.0",
+    "driver.js": "^1.8.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.563.0",
+    "radix-ui": "^1.6.0",
+    "react-day-picker": "^10.0.1",
+    "react-resizable-panels": "^4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "vaul": "^1.1.2"
+  },
+  "peerDependencies": {
+    "@inertiajs/react": "^1.0.0 || ^2.0.0 || ^3.0.0",
+    "@tanstack/react-table": "^8.21.3",
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/pm": "^3.29.2",
+    "@tiptap/react": "^3.29.2",
+    "@tiptap/starter-kit": "^3.29.2",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
+    "recharts": "^3.8.0",
+    "shiki": "^1.0.0 || ^2.0.0 || ^3.0.0",
+    "tailwindcss-animate": "^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@inertiajs/react": {
+      "optional": true
     },
-    "peerDependenciesMeta": {
-        "@inertiajs/react": {
-            "optional": true
-        },
-        "react-hook-form": {
-            "optional": true
-        },
-        "recharts": {
-            "optional": true
-        }
+    "@tanstack/react-table": {
+      "optional": true
     },
-    "devDependencies": {
-        "@types/react": "^19.2.10",
-        "@types/react-dom": "^19.2.3",
-        "prettier": "^3.8.1",
-        "prettier-plugin-organize-imports": "^4.3.0",
-        "prettier-plugin-tailwindcss": "^0.7.2",
-        "react": "^19.2.4",
-        "react-dom": "^19.2.4",
-        "react-hook-form": "^7.71.0",
-        "recharts": "3.8.0",
-        "tsup": "^8.5.0",
-        "typescript": "^5.9.2",
-        "vitest": "^4.1.10"
+    "@tiptap/core": {
+      "optional": true
+    },
+    "@tiptap/pm": {
+      "optional": true
+    },
+    "@tiptap/react": {
+      "optional": true
+    },
+    "@tiptap/starter-kit": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
     }
+  },
+  "devDependencies": {
+    "@tanstack/react-table": "^8.21.3",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.3",
+    "@tiptap/core": "3.29.2",
+    "@tiptap/pm": "3.29.2",
+    "@tiptap/react": "3.29.2",
+    "@tiptap/starter-kit": "3.29.2",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^30.0.1",
+    "prettier": "^3.8.1",
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.71.0",
+    "recharts": "3.8.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2",
+    "vitest": "^4.1.10"
+  }
 }

package/theme.css

@@ -52,6 +52,10 @@
     --color-destructive-foreground: var(--destructive-foreground);
     --color-success: var(--success);
     --color-success-foreground: var(--success-foreground);
+    --color-warning: var(--warning);
+    --color-warning-foreground: var(--warning-foreground);
+    --color-info: var(--info);
+    --color-info-foreground: var(--info-foreground);
     --color-border: var(--border);
     --color-surface-recessed: var(--surface-recessed);
     --color-surface-control: var(--surface-control);
@@ -89,6 +93,10 @@
     --destructive-foreground: oklch(0.985 0 0);
     --success: oklch(0.508 0.118 165.612);
     --success-foreground: oklch(0.985 0 0);
+    --warning: oklch(0.54 0.115 70);
+    --warning-foreground: oklch(0.985 0 0);
+    --info: oklch(0.52 0.17 258);
+    --info-foreground: oklch(0.985 0 0);
     --border: oklch(0.885 0 0);
     --surface-recessed: oklch(0.97 0 0);
     --surface-control: oklch(0.955 0 0 / 0.9);
@@ -135,6 +143,10 @@
     --destructive-foreground: oklch(0.161 0.027 294);
     --success: oklch(0.765 0.177 163.223);
     --success-foreground: oklch(0.161 0.027 294);
+    --warning: oklch(0.79 0.15 80);
+    --warning-foreground: oklch(0.161 0.027 294);
+    --info: oklch(0.72 0.14 255);
+    --info-foreground: oklch(0.161 0.027 294);
     --border: oklch(0.28 0 0);
     --surface-recessed: oklch(0.17 0 0);
     --surface-control: oklch(0.269 0 0 / 0.9);
@@ -222,3 +234,11 @@
 .driver-popover.akira-tour .driver-popover-arrow-side-right {
     border-right-color: var(--popover);
 }
+
+[data-slot='code-block-source'] span {
+    color: var(--shiki-light);
+}
+
+.dark [data-slot='code-block-source'] span {
+    color: var(--shiki-dark);
+}

package/themes/nosferry.css

@@ -1,9 +1,13 @@
 [data-brand='nosferry'] {
     --primary: oklch(0.577 0.245 27.325); /* red-600 */
     --primary-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.565 0.21 34);
+    --destructive-foreground: oklch(0.985 0 0);
 }
 
 [data-brand='nosferry'].dark {
     --primary: oklch(0.704 0.191 22.216); /* red-400 */
     --primary-foreground: oklch(0.161 0.027 294);
+    --destructive: oklch(0.72 0.18 38);
+    --destructive-foreground: oklch(0.161 0.027 294);
 }