@stacksjs/ui 0.62.0 → 0.63.0

package/dist/index.js

@@ -22,7 +22,7 @@ transformerVariantGroup
 } from "unocss";
 
 // ../../../../node_modules/unocss-preset-primitives/dist/index.mjs
-var presetVariants = function(options = {}) {
+function presetVariants(options = {}) {
   const {
     prefix = "ui",
     variants = "open|checked|selected|active|disabled",
@@ -47,8 +47,8 @@ var presetVariants = function(options = {}) {
       `${prefix}-not-(${variants})(:|-)`
     ]
   };
-};
-var presetHeadlessUi = function(options = {}) {
+}
+function presetHeadlessUi(options = {}) {
   const {
     prefix = "ui"
   } = options;
@@ -76,7 +76,7 @@ var presetHeadlessUi = function(options = {}) {
       }
     ]
   };
-};
+}
 
 // src/uno.config.ts
 var uno_config_default = defineConfig({
@@ -116,7 +116,18 @@ var uno_config_default = defineConfig({
     transformerDirectives(),
     transformerVariantGroup()
   ],
-  safelist: ui.safelist?.split(" ") || []
+  safelist: ui.safelist?.split(" ") || [],
+  theme: {
+    extend: {
+      colors: {
+        primary: "#1F1FE9",
+        secondary: "#B80C09",
+        success: "#CAFE48",
+        dark: "#1A181B",
+        light: "#F5F3F5"
+      }
+    }
+  }
 });
 export {
   ui2 as ui,
@@ -126,3 +137,6 @@ export {
   Store,
   CssEngine
 };
+
+//# debugId=C34B79EB4EFD4FE264756E2164756E21
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,12 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/uno.config.ts", "../../../../../node_modules/unocss-preset-primitives/dist/index.mjs"],
+  "sourcesContent": [
+    "import { presetForms } from '@julr/unocss-preset-forms'\nimport { ui } from '@stacksjs/config'\nimport * as Store from 'pinia'\nimport * as CssEngine from 'unocss'\nimport * as UiEngine from 'vue'\nimport UnocssConfig from './uno.config'\n\nexport { CssEngine, UiEngine, Store, presetForms, UnocssConfig, ui }\n",
+    "import { presetForms } from '@julr/unocss-preset-forms'\nimport { ui } from '@stacksjs/config'\nimport {\n  defineConfig,\n  presetAttributify,\n  presetIcons,\n  presetTypography,\n  presetUno,\n  presetWebFonts,\n  transformerCompileClass,\n  transformerDirectives,\n  transformerVariantGroup,\n} from 'unocss'\nimport { presetHeadlessUi } from 'unocss-preset-primitives'\n\nexport default defineConfig({\n  shortcuts: ui.shortcuts,\n\n  content: {\n    pipeline: {\n      include: [/\\.(stx|vue|[jt]sx|mdx?|elm|html)($|\\?)/],\n      // exclude files\n      // exclude: []\n    },\n  },\n\n  presets: [\n    presetUno(), // allows for Tailwind utility classes\n    presetAttributify(),\n    presetHeadlessUi(),\n    presetForms(), // allows for form Tailwind's form styling\n    presetTypography(),\n    presetIcons({\n      prefix: 'i-',\n      warn: true,\n      // collections: ui.icons,\n      extraProperties: {\n        display: 'inline-block',\n        'vertical-align': 'middle',\n      },\n    }),\n\n    presetWebFonts({\n      provider: 'bunny', // privacy-friendly Google Web Fonts proxy\n      fonts: {\n        sans: 'Inter',\n        serif: 'Inter',\n        // mono: 'Inter',\n      },\n    }),\n  ],\n\n  transformers: [\n    transformerCompileClass({\n      classPrefix: ui.classPrefix,\n      trigger: ui.trigger,\n    }),\n    transformerDirectives(),\n    transformerVariantGroup(),\n  ],\n\n  safelist: ui.safelist?.split(' ') || [],\n\n  theme: {\n    extend: {\n      colors: {\n        primary: '#1F1FE9',\n        secondary: '#B80C09',\n        success: '#CAFE48',\n        dark: '#1A181B',\n        light: '#F5F3F5',\n      },\n    },\n  },\n})\n",
+    "function presetVariants(options = {}) {\n  const {\n    prefix = \"ui\",\n    variants = \"open|checked|selected|active|disabled\",\n    selector = \"data-headlessui-state\",\n    isAttrBoolean = false\n  } = options;\n  return {\n    name: \"unocss-variant-primitives\",\n    match: (matcher) => {\n      const regex = new RegExp(`^${prefix}(-not)?-(${variants})[:-]`);\n      const match = matcher.match(regex);\n      if (!match)\n        return matcher;\n      const attrGen = !isAttrBoolean ? `[${selector}~='${match[2]}']` : `[${selector}-${match[2]}]`;\n      return {\n        matcher: matcher.slice(match[0].length),\n        selector: (s) => match[1] === \"-not\" ? `${s}[${selector}]:not(${attrGen}),:where([${selector}]:not(${attrGen})) ${s}:not(${selector})` : `${s}${attrGen},:where(${attrGen}) ${s}`\n      };\n    },\n    autocomplete: [\n      `${prefix}-(${variants})(:|-)`,\n      `${prefix}-not-(${variants})(:|-)`\n    ]\n  };\n}\nfunction presetPrimitives(options = {}) {\n  return {\n    name: \"unocss-preset-primitives\",\n    variants: [\n      presetVariants(options)\n    ]\n  };\n}\nfunction presetHeadlessUi(options = {}) {\n  const {\n    prefix = \"ui\"\n  } = options;\n  return {\n    name: \"unocss-preset-primitives\",\n    variants: [\n      presetVariants({ prefix }),\n      {\n        match: (matcher) => {\n          const regex = new RegExp(`${prefix}(-not)?-focus-visible[:-]`);\n          const match = matcher.match(regex);\n          if (!match)\n            return matcher;\n          return {\n            matcher: matcher.slice(match[0].length),\n            selector: (s) => {\n              return match[1] === \"-not\" ? `${s}:focus:where(:not([data-headlessui-focus-visible] ${s}))` : `:where([data-headlessui-focus-visible]) ${s}:focus`;\n            }\n          };\n        },\n        autocomplete: [\n          `${prefix}-focus-visible(:|-)`,\n          `${prefix}-not-focus-visible(:|-)`\n        ]\n      }\n    ]\n  };\n}\nfunction presetRadixUi(options = {}) {\n  const {\n    prefix = \"ui\"\n  } = options;\n  const variants = \"active|checked|closed|delayed-open|hidden|inactive|indeterminate|instant-open|off|on|open|unchecked|visible\";\n  return presetPrimitives({ prefix, variants, selector: \"data-state\" });\n}\nfunction presetKobalte(options = {}) {\n  const {\n    prefix = \"ui\"\n  } = options;\n  const variants = \"valid|invalid|required|disabled|readonly|checked|indeterminate|selected|pressed|expanded|opened|closed|highlighted|current\";\n  return presetPrimitives({ prefix, variants, selector: \"data\", isAttrBoolean: true });\n}\n\nexport { presetPrimitives as default, presetHeadlessUi, presetKobalte, presetRadixUi };\n"
+  ],
+  "mappings": ";;AAAA,uBAAS;AACT,cAAS;AACT;AACA;AACA;;;ACJA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACFA,SAAS,cAAc,CAAC,UAAU,CAAC,GAAG;AACpC;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AACJ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO,CAAC,YAAY;AAClB,YAAM,QAAQ,IAAI,OAAO,IAAI,kBAAkB,eAAe;AAC9D,YAAM,QAAQ,QAAQ,MAAM,KAAK;AACjC,WAAK;AACH,eAAO;AACT,YAAM,WAAW,gBAAgB,IAAI,cAAc,MAAM,SAAS,IAAI,YAAY,MAAM;AACxF,aAAO;AAAA,QACL,SAAS,QAAQ,MAAM,MAAM,GAAG,MAAM;AAAA,QACtC,UAAU,CAAC,MAAM,MAAM,OAAO,SAAS,GAAG,KAAK,iBAAiB,oBAAoB,iBAAiB,aAAa,SAAS,cAAc,GAAG,IAAI,kBAAkB,YAAY;AAAA,MAChL;AAAA;AAAA,IAEF,cAAc;AAAA,MACZ,GAAG,WAAW;AAAA,MACd,GAAG,eAAe;AAAA,IACpB;AAAA,EACF;AAAA;AAUF,SAAS,gBAAgB,CAAC,UAAU,CAAC,GAAG;AACtC;AAAA,IACE,SAAS;AAAA,MACP;AACJ,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,MACR,eAAe,EAAE,OAAO,CAAC;AAAA,MACzB;AAAA,QACE,OAAO,CAAC,YAAY;AAClB,gBAAM,QAAQ,IAAI,OAAO,GAAG,iCAAiC;AAC7D,gBAAM,QAAQ,QAAQ,MAAM,KAAK;AACjC,eAAK;AACH,mBAAO;AACT,iBAAO;AAAA,YACL,SAAS,QAAQ,MAAM,MAAM,GAAG,MAAM;AAAA,YACtC,UAAU,CAAC,MAAM;AACf,qBAAO,MAAM,OAAO,SAAS,GAAG,sDAAsD,QAAQ,2CAA2C;AAAA;AAAA,UAE7I;AAAA;AAAA,QAEF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;;;AD9CF,IAAe,kCAAa;AAAA,EAC1B,WAAW,GAAG;AAAA,EAEd,SAAS;AAAA,IACP,UAAU;AAAA,MACR,SAAS,CAAC,wCAAwC;AAAA,IAGpD;AAAA,EACF;AAAA,EAEA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MAEN,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,kBAAkB;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IAED,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MAET;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,cAAc;AAAA,IACZ,wBAAwB;AAAA,MACtB,aAAa,GAAG;AAAA,MAChB,SAAS,GAAG;AAAA,IACd,CAAC;AAAA,IACD,sBAAsB;AAAA,IACtB,wBAAwB;AAAA,EAC1B;AAAA,EAEA,UAAU,GAAG,UAAU,MAAM,GAAG,KAAK,CAAC;AAAA,EAEtC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "debugId": "C34B79EB4EFD4FE264756E2164756E21",
+  "names": []
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/ui",
   "type": "module",
-  "version": "0.62.0",
+  "version": "0.63.0",
   "description": "The Stacks UI engine.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -62,30 +62,30 @@
     "@stacksjs/build": "latest",
     "@stacksjs/config": "latest",
     "@stacksjs/router": "latest",
-    "pinia": "^2.1.7",
-    "unocss": "^0.61.3",
+    "pinia": "^2.2.2",
+    "unocss": "0.62.2",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "vue": "^3.4.31",
-    "vue-tsc": "^2.0.26"
+    "vue": "^3.4.38",
+    "vue-tsc": "^2.0.29"
   },
   "dependencies": {
     "@headlessui/vue": "^1.7.22",
-    "@iconify-json/heroicons": "^1.1.21",
-    "@iconify-json/heroicons-outline": "^1.1.10",
-    "@iconify-json/heroicons-solid": "^1.1.11",
-    "@iconify/json": "^2.2.226",
+    "@iconify-json/heroicons": "^1.1.24",
+    "@iconify-json/heroicons-outline": "^1.1.11",
+    "@iconify-json/heroicons-solid": "^1.1.12",
+    "@iconify/json": "^2.2.238",
     "@julr/unocss-preset-forms": "^0.1.0",
     "@stacksjs/build": "latest",
     "@stacksjs/config": "latest",
     "@stacksjs/router": "latest",
-    "@unhead/vue": "^1.9.15",
-    "pinia": "^2.1.7",
-    "unhead": "^1.9.15",
-    "unocss": "^0.61.3",
+    "@unhead/vue": "^1.9.16",
+    "pinia": "^2.2.2",
+    "unhead": "^1.9.16",
+    "unocss": "0.62.2",
     "unocss-preset-primitives": "0.0.2-beta.1",
     "vite-plugin-vue-layouts": "^0.11.0",
-    "vue": "^3.4.31",
-    "vue-tsc": "^2.0.26"
+    "vue": "^3.4.38",
+    "vue-tsc": "^2.0.29"
   },
   "devDependencies": {
     "@stacksjs/development": "latest"

package/src/uno.config.ts

@@ -60,4 +60,16 @@ export default defineConfig({
   ],
 
   safelist: ui.safelist?.split(' ') || [],
+
+  theme: {
+    extend: {
+      colors: {
+        primary: '#1F1FE9',
+        secondary: '#B80C09',
+        success: '#CAFE48',
+        dark: '#1A181B',
+        light: '#F5F3F5',
+      },
+    },
+  },
 })