@neuralytics/alpine-ds 0.4.0 → 0.6.0

package/dist/tailwind-preset.d.ts

@@ -1,5 +1,8 @@
 import { Config } from 'tailwindcss';
+/** @deprecated Use `@neuralytics/alpine-ds/theme.css` (native Tailwind v4 `@theme`) instead. */
 export declare const content: Config["content"];
+/** @deprecated Use `@neuralytics/alpine-ds/theme.css` (native Tailwind v4 `@theme`) instead. */
 export declare const theme: Config["theme"];
+/** @deprecated Use `@neuralytics/alpine-ds/theme.css` (native Tailwind v4 `@theme`) instead. */
 declare const preset: Config;
 export default preset;

package/dist/theme.css

@@ -0,0 +1,89 @@
+/*
+ * Native Tailwind v4 CSS-first equivalent of `tailwind-preset.ts`.
+ * `--color-*: initial` clears Tailwind's default palette because `theme.colors`
+ * in the JS preset was a full replacement, not an `extend` — same behavior here.
+ */
+@theme {
+  --color-*: initial;
+
+  --color-transparent: transparent;
+  --color-current: currentColor;
+  --color-black: #000000;
+  --color-white: #ffffff;
+
+  --color-gray-50: oklch(98.5% 0 0);
+  --color-gray-100: oklch(97% 0 0);
+  --color-gray-200: oklch(92.2% 0 0);
+  --color-gray-300: oklch(87% 0 0);
+  --color-gray-400: oklch(70.8% 0 0);
+  --color-gray-500: oklch(55.6% 0 0);
+  --color-gray-600: oklch(43.9% 0 0);
+  --color-gray-700: oklch(37.1% 0 0);
+  --color-gray-800: oklch(26.9% 0 0);
+  --color-gray-900: oklch(20.5% 0 0);
+
+  --color-red-50: oklch(97.1% 0.013 17.38);
+  --color-red-100: oklch(93.6% 0.032 17.717);
+  --color-red-200: oklch(88.5% 0.062 18.334);
+  --color-red-300: oklch(80.8% 0.114 19.571);
+  --color-red-400: oklch(70.4% 0.191 22.216);
+  --color-red-500: oklch(63.7% 0.237 25.331);
+  --color-red-600: oklch(57.7% 0.245 27.325);
+  --color-red-700: oklch(50.5% 0.213 27.518);
+  --color-red-800: oklch(44.4% 0.177 26.899);
+  --color-red-900: oklch(39.6% 0.141 25.723);
+
+  --color-yellow-50: oklch(98.7% 0.022 95.277);
+  --color-yellow-100: oklch(96.2% 0.059 95.617);
+  --color-yellow-200: oklch(92.4% 0.12 95.746);
+  --color-yellow-300: oklch(87.9% 0.169 91.605);
+  --color-yellow-400: oklch(82.8% 0.189 84.429);
+  --color-yellow-500: oklch(76.9% 0.188 70.08);
+  --color-yellow-600: oklch(66.6% 0.179 58.318);
+  --color-yellow-700: oklch(55.5% 0.163 48.998);
+  --color-yellow-800: oklch(47.3% 0.137 46.201);
+  --color-yellow-900: oklch(41.4% 0.112 45.904);
+
+  --color-green-50: oklch(98.2% 0.018 155.826);
+  --color-green-100: oklch(96.2% 0.044 156.743);
+  --color-green-200: oklch(92.5% 0.084 155.995);
+  --color-green-300: oklch(87.1% 0.15 154.449);
+  --color-green-400: oklch(79.2% 0.209 151.711);
+  --color-green-500: oklch(72.3% 0.219 149.579);
+  --color-green-600: oklch(62.7% 0.194 149.214);
+  --color-green-700: oklch(52.7% 0.154 150.069);
+  --color-green-800: oklch(44.8% 0.119 151.328);
+  --color-green-900: oklch(39.3% 0.095 152.535);
+
+  --color-blue-50: oklch(97% 0.014 254.604);
+  --color-blue-100: oklch(93.2% 0.032 255.585);
+  --color-blue-200: oklch(88.2% 0.059 254.128);
+  --color-blue-300: oklch(80.9% 0.105 251.813);
+  --color-blue-400: oklch(70.7% 0.165 254.624);
+  --color-blue-500: oklch(62.3% 0.214 259.815);
+  --color-blue-600: oklch(54.6% 0.245 262.881);
+  --color-blue-700: oklch(48.8% 0.243 264.376);
+  --color-blue-800: oklch(42.4% 0.199 265.638);
+  --color-blue-900: oklch(37.9% 0.146 265.522);
+
+  /* Runtime-themed via inline style (setAccentColorTheme/setButtonTextColor in
+     utils/colors.ts), which overrides these defaults through cascade specificity. */
+  --color-accent-50: transparent;
+  --color-accent-100: transparent;
+  --color-accent-200: transparent;
+  --color-accent-300: transparent;
+  --color-accent-400: transparent;
+  --color-accent-500: transparent;
+  --color-accent-600: transparent;
+  --color-accent-700: transparent;
+  --color-accent-800: transparent;
+  --color-accent-900: transparent;
+
+  /* Aliases `--button-text-color` (not `--color-button-text-color`) because that's
+     the variable name setButtonTextColor() in utils/colors.ts writes to. */
+  --color-button-text-color: var(--button-text-color, #ffffff);
+}
+
+/* Lets consumers `@import` this file without also adding the package's own
+   built output to their content globs. */
+@source "./**/*.{js,mjs}";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neuralytics/alpine-ds",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,7 +18,8 @@
     "./tailwind-preset": {
       "types": "./dist/tailwind-preset.d.ts",
       "import": "./dist/tailwind-preset.mjs"
-    }
+    },
+    "./theme.css": "./dist/theme.css"
   },
   "main": "./dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -34,6 +35,7 @@
     "vue": "^3.5.25"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.8.0",
     "@iconify/vue": "^5.0.2",
     "tailwind-variants": "^3.2.2"
   },
@@ -52,7 +54,7 @@
     "vue-tsc": "^3.1.5"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && cp src/theme.css dist/theme.css",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "vue-tsc -p tsconfig.app.json --noEmit"