@tolle_/tolle-ui 21.1.2 → 21.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tolle_/tolle-ui",
-  "version": "21.1.2",
+  "version": "21.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -11,6 +11,9 @@
     "./preset": {
       "default": "./preset.js"
     },
+    "./registry/*": {
+      "default": "./registry/*"
+    },
     "./package.json": {
       "default": "./package.json"
     },
@@ -23,19 +26,28 @@
   "author": "Bernard Kojo Ossei-Agyei <bernard.ossei@gmail.com>",
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^21.1.1",
-    "@angular/core": "^21.1.1",
+    "@angular/animations": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/forms": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@angular/router": "^21.0.0",
+    "rxjs": "^6.5.3 || ^7.4.0",
     "@floating-ui/dom": "^1.7.4",
     "class-variance-authority": "^0.7.1",
     "tailwind-merge": "^3.4.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "embla-carousel": "^8.5.2"
+    "embla-carousel": "^8.5.2",
+    "libphonenumber-js": "^1.12.36",
+    "tailwindcss-animate": "^1.0.7"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
   "module": "fesm2022/tolle-ui.mjs",
-  "typings": "types/tolle-ui.d.ts"
+  "typings": "types/tolle-ui.d.ts",
+  "type": "module"
 }

package/preset.js

@@ -36,6 +36,18 @@ module.exports = {
           DEFAULT: 'rgb(var(--destructive) / <alpha-value>)',
           foreground: 'rgb(var(--destructive-foreground) / <alpha-value>)',
         },
+        success: {
+          DEFAULT: 'rgb(var(--success) / <alpha-value>)',
+          foreground: 'rgb(var(--success-foreground) / <alpha-value>)',
+        },
+        warning: {
+          DEFAULT: 'rgb(var(--warning) / <alpha-value>)',
+          foreground: 'rgb(var(--warning-foreground) / <alpha-value>)',
+        },
+        info: {
+          DEFAULT: 'rgb(var(--info) / <alpha-value>)',
+          foreground: 'rgb(var(--info-foreground) / <alpha-value>)',
+        },
         muted: {
           DEFAULT: 'rgb(var(--muted) / <alpha-value>)',
           foreground: 'rgb(var(--muted-foreground) / <alpha-value>)',
@@ -52,12 +64,34 @@ module.exports = {
           DEFAULT: 'rgb(var(--card) / <alpha-value>)',
           foreground: 'rgb(var(--card-foreground) / <alpha-value>)',
         },
+
+        // Chart palette — driven by --chart-1..5 (theme generator / ThemeService).
+        chart: {
+          1: 'rgb(var(--chart-1) / <alpha-value>)',
+          2: 'rgb(var(--chart-2) / <alpha-value>)',
+          3: 'rgb(var(--chart-3) / <alpha-value>)',
+          4: 'rgb(var(--chart-4) / <alpha-value>)',
+          5: 'rgb(var(--chart-5) / <alpha-value>)',
+        },
+      },
+      fontFamily: {
+        // Driven by the CSS custom properties in theme.css so the theme
+        // generator / ThemeService can re-skin typography at runtime.
+        sans: ['var(--font-sans)'],
+        serif: ['var(--font-serif)'],
+        mono: ['var(--font-mono)'],
       },
       borderRadius: {
         lg: 'var(--radius)',
         md: 'calc(var(--radius) - 2px)',
         sm: 'calc(var(--radius) - 4px)',
       },
+      transitionTimingFunction: {
+        // Named so components reference `ease-tolle` instead of an inline
+        // `ease-[cubic-bezier(...)]` arbitrary value — Tailwind 3.4 flags
+        // the comma-separated arbitrary form as an ambiguous utility match.
+        tolle: 'cubic-bezier(0.2, 0.0, 0.2, 1)',
+      },
       boxShadow: {
         sm: 'var(--shadow-sm)',
         DEFAULT: 'var(--shadow)',
@@ -66,5 +100,5 @@ module.exports = {
       },
     },
   },
-  plugins: [],
+  plugins: [require('tailwindcss-animate')],
 }