@stacksjs/ui 0.61.24 → 0.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +41 -17
  2. package/dist/index.js.map +12 -0
  3. package/package.json +16 -16
  4. package/src/uno.config.ts +12 -0
package/dist/index.js CHANGED
@@ -22,7 +22,7 @@ transformerVariantGroup
22
22
  } from "unocss";
23
23
 
24
24
  // ../../../../node_modules/unocss-preset-primitives/dist/index.mjs
25
- var presetVariants = function(options = {}) {
25
+ function presetVariants(options = {}) {
26
26
  const {
27
27
  prefix = "ui",
28
28
  variants = "open|checked|selected|active|disabled",
@@ -41,10 +41,14 @@ var presetVariants = function(options = {}) {
41
41
  matcher: matcher.slice(match[0].length),
42
42
  selector: (s) => match[1] === "-not" ? `${s}[${selector}]:not(${attrGen}),:where([${selector}]:not(${attrGen})) ${s}:not(${selector})` : `${s}${attrGen},:where(${attrGen}) ${s}`
43
43
  };
44
- }
44
+ },
45
+ autocomplete: [
46
+ `${prefix}-(${variants})(:|-)`,
47
+ `${prefix}-not-(${variants})(:|-)`
48
+ ]
45
49
  };
46
- };
47
- var presetHeadlessUi = function(options = {}) {
50
+ }
51
+ function presetHeadlessUi(options = {}) {
48
52
  const {
49
53
  prefix = "ui"
50
54
  } = options;
@@ -52,21 +56,27 @@ var presetHeadlessUi = function(options = {}) {
52
56
  name: "unocss-preset-primitives",
53
57
  variants: [
54
58
  presetVariants({ prefix }),
55
- (matcher) => {
56
- const regex = new RegExp(`${prefix}(-not)?-focus-visible[:-]`);
57
- const match = matcher.match(regex);
58
- if (!match)
59
- return matcher;
60
- return {
61
- matcher: matcher.slice(match[0].length),
62
- selector: (s) => {
63
- return match[1] === "-not" ? `${s}:focus:where(:not([data-headlessui-focus-visible] ${s}))` : `:where([data-headlessui-focus-visible]) ${s}:focus`;
64
- }
65
- };
59
+ {
60
+ match: (matcher) => {
61
+ const regex = new RegExp(`${prefix}(-not)?-focus-visible[:-]`);
62
+ const match = matcher.match(regex);
63
+ if (!match)
64
+ return matcher;
65
+ return {
66
+ matcher: matcher.slice(match[0].length),
67
+ selector: (s) => {
68
+ return match[1] === "-not" ? `${s}:focus:where(:not([data-headlessui-focus-visible] ${s}))` : `:where([data-headlessui-focus-visible]) ${s}:focus`;
69
+ }
70
+ };
71
+ },
72
+ autocomplete: [
73
+ `${prefix}-focus-visible(:|-)`,
74
+ `${prefix}-not-focus-visible(:|-)`
75
+ ]
66
76
  }
67
77
  ]
68
78
  };
69
- };
79
+ }
70
80
 
71
81
  // src/uno.config.ts
72
82
  var uno_config_default = defineConfig({
@@ -106,7 +116,18 @@ var uno_config_default = defineConfig({
106
116
  transformerDirectives(),
107
117
  transformerVariantGroup()
108
118
  ],
109
- safelist: ui.safelist?.split(" ") || []
119
+ safelist: ui.safelist?.split(" ") || [],
120
+ theme: {
121
+ extend: {
122
+ colors: {
123
+ primary: "#1F1FE9",
124
+ secondary: "#B80C09",
125
+ success: "#CAFE48",
126
+ dark: "#1A181B",
127
+ light: "#F5F3F5"
128
+ }
129
+ }
130
+ }
110
131
  });
111
132
  export {
112
133
  ui2 as ui,
@@ -116,3 +137,6 @@ export {
116
137
  Store,
117
138
  CssEngine
118
139
  };
140
+
141
+ //# debugId=C34B79EB4EFD4FE264756E2164756E21
142
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/index.ts", "../src/uno.config.ts", "../../../../../node_modules/unocss-preset-primitives/dist/index.mjs"],
4
+ "sourcesContent": [
5
+ "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",
6
+ "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",
7
+ "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"
8
+ ],
9
+ "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;",
10
+ "debugId": "C34B79EB4EFD4FE264756E2164756E21",
11
+ "names": []
12
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stacksjs/ui",
3
3
  "type": "module",
4
- "version": "0.61.24",
4
+ "version": "0.63.0",
5
5
  "description": "The Stacks UI engine.",
6
6
  "author": "Chris Breuer",
7
7
  "license": "MIT",
@@ -62,30 +62,30 @@
62
62
  "@stacksjs/build": "latest",
63
63
  "@stacksjs/config": "latest",
64
64
  "@stacksjs/router": "latest",
65
- "pinia": "^2.1.7",
66
- "unocss": "^0.60.4",
65
+ "pinia": "^2.2.2",
66
+ "unocss": "0.62.2",
67
67
  "vite-plugin-vue-layouts": "^0.11.0",
68
- "vue": "^3.4.27",
69
- "vue-tsc": "^2.0.19"
68
+ "vue": "^3.4.38",
69
+ "vue-tsc": "^2.0.29"
70
70
  },
71
71
  "dependencies": {
72
72
  "@headlessui/vue": "^1.7.22",
73
- "@iconify-json/heroicons": "^1.1.21",
74
- "@iconify-json/heroicons-outline": "^1.1.10",
75
- "@iconify-json/heroicons-solid": "^1.1.11",
76
- "@iconify/json": "^2.2.216",
73
+ "@iconify-json/heroicons": "^1.1.24",
74
+ "@iconify-json/heroicons-outline": "^1.1.11",
75
+ "@iconify-json/heroicons-solid": "^1.1.12",
76
+ "@iconify/json": "^2.2.238",
77
77
  "@julr/unocss-preset-forms": "^0.1.0",
78
78
  "@stacksjs/build": "latest",
79
79
  "@stacksjs/config": "latest",
80
80
  "@stacksjs/router": "latest",
81
- "@unhead/vue": "^1.9.12",
82
- "pinia": "^2.1.7",
83
- "unhead": "^1.9.12",
84
- "unocss": "^0.60.4",
85
- "unocss-preset-primitives": "0.0.2-beta.0",
81
+ "@unhead/vue": "^1.9.16",
82
+ "pinia": "^2.2.2",
83
+ "unhead": "^1.9.16",
84
+ "unocss": "0.62.2",
85
+ "unocss-preset-primitives": "0.0.2-beta.1",
86
86
  "vite-plugin-vue-layouts": "^0.11.0",
87
- "vue": "^3.4.27",
88
- "vue-tsc": "^2.0.19"
87
+ "vue": "^3.4.38",
88
+ "vue-tsc": "^2.0.29"
89
89
  },
90
90
  "devDependencies": {
91
91
  "@stacksjs/development": "latest"
package/src/uno.config.ts CHANGED
@@ -60,4 +60,16 @@ export default defineConfig({
60
60
  ],
61
61
 
62
62
  safelist: ui.safelist?.split(' ') || [],
63
+
64
+ theme: {
65
+ extend: {
66
+ colors: {
67
+ primary: '#1F1FE9',
68
+ secondary: '#B80C09',
69
+ success: '#CAFE48',
70
+ dark: '#1A181B',
71
+ light: '#F5F3F5',
72
+ },
73
+ },
74
+ },
63
75
  })