@defaultusr/dai-ui 1.2.2 → 1.2.3

package/dist/main.js

@@ -1,6 +1,6 @@
-import { useFormControl as A, Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
+import { useFormControl as P, Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
 import { Menu as Nt, Popover as Ut, TabContainer as Xt, TabPanel as Dt } from "vue-composable-ui";
-import { reactive as ce, watch as T, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as i, renderSlot as b, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as p, createCommentVNode as y, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as f, Transition as P, mergeModels as C, useModel as B, useId as q, useTemplateRef as L, mergeProps as $, unref as n, inject as ve, Fragment as I, ref as U, onMounted as O, withDirectives as X, renderList as D, vModelSelect as he, vModelText as pe, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as Z, TransitionGroup as we, withModifiers as ke } from "vue";
+import { reactive as ce, watch as T, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as i, renderSlot as b, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as p, createCommentVNode as y, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as f, Transition as A, mergeModels as C, useModel as B, useId as q, useTemplateRef as L, mergeProps as $, unref as n, inject as ve, Fragment as I, ref as U, onMounted as O, withDirectives as X, renderList as D, vModelSelect as he, vModelText as pe, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as Z, TransitionGroup as we, withModifiers as ke } from "vue";
 import './assets/main.css';function $e(e, ...t) {
   let o = [];
   const l = ce(t);
@@ -85,7 +85,6 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
   class: "dai-form-control__validation-message",
   role: "alert"
 }, S = /* @__PURE__ */ v({
-  inheritAttrs: !1,
   __name: "formControl",
   props: {
     labelPosition: { default: "above" },
@@ -134,7 +133,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
           text: e.hint,
           class: "dai-form-control__hint"
         }, null, 8, ["text"])) : y("", !0),
-        V(P, { name: "dai-form-control__validation-message-transition" }, {
+        V(A, { name: "dai-form-control__validation-message-transition" }, {
           default: f(() => [
             e.validationMessage ? (i(), u("div", Ce, [
               s[0] || (s[0] = d("svg", {
@@ -182,12 +181,12 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = B(e, "modelValue"), l = t.id || q(), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = A(
+    const t = e, o = B(e, "modelValue"), l = t.id || q(), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = P(
       a,
       t.validators,
       t.showValidationError
     );
-    return T(o, () => g()), (h, m) => (i(), p(S, $(t, {
+    return T(o, () => g(), { flush: "post" }), (h, m) => (i(), p(S, $(t, {
       labelFor: n(l),
       validationMessage: e.showValidationError ? "" : n(r),
       invalid: !n(s),
@@ -268,7 +267,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
 }), Te = /* @__PURE__ */ v({
   __name: "comboboxOptions",
   setup(e) {
-    return (t, o) => (i(), p(P, {
+    return (t, o) => (i(), p(A, {
       "enter-from-class": "dai-combobox-options--anim",
       "leave-to-class": "dai-combobox-options--anim"
     }, {
@@ -283,12 +282,12 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), Ae = {
+}), Pe = {
   key: 0,
   class: "dai-combobox-option__check",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
-}, Pe = /* @__PURE__ */ v({
+}, Ae = /* @__PURE__ */ v({
   __name: "comboboxOption",
   props: {
     value: {}
@@ -303,7 +302,7 @@ const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
           isActive: l,
           isSelected: a
         }),
-        a ? (i(), u("svg", Ae, [...o[0] || (o[0] = [
+        a ? (i(), u("svg", Pe, [...o[0] || (o[0] = [
           d("path", {
             fill: "currentColor",
             "fill-rule": "evenodd",
@@ -382,7 +381,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       set(M) {
         return r.value && (r.value.files = M), M;
       }
-    }), r = L("formElement"), { isValid: g, validationMessage: h, validate: m } = A(
+    }), r = L("formElement"), { isValid: g, validationMessage: h, validate: m } = P(
       r,
       t.validators,
       t.showValidationError
@@ -522,7 +521,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = A(
+    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = P(
       a,
       t.validators,
       t.showValidationError
@@ -607,7 +606,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
         V(n(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
         V(n(Te), null, {
           default: f(() => [
-            (i(!0), u(I, null, D(e.options, (s) => (i(), p(n(Pe), {
+            (i(!0), u(I, null, D(e.options, (s) => (i(), p(n(Ae), {
               key: s[e.optionValue],
               value: s[e.optionValue]
             }, {
@@ -637,7 +636,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = A(
+    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = P(
       a,
       t.validators,
       t.showValidationError
@@ -693,7 +692,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = t.id || q(), l = t.value || o, a = B(e, "modelValue"), s = L("formElement"), { isValid: r } = A(
+    const t = e, o = t.id || q(), l = t.value || o, a = B(e, "modelValue"), s = L("formElement"), { isValid: r } = P(
       s,
       t.validators,
       t.showValidationError
@@ -776,7 +775,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = B(e, "modelValue"), l = q(), a = L("formElement"), { isValid: s } = A(
+    const t = e, o = B(e, "modelValue"), l = q(), a = L("formElement"), { isValid: s } = P(
       a,
       t.validators,
       t.showValidationError
@@ -945,7 +944,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
 }), zt = /* @__PURE__ */ v({
   __name: "popoverDialog",
   setup(e) {
-    return (t, o) => (i(), p(P, {
+    return (t, o) => (i(), p(A, {
       "enter-from-class": "dai-popover-dialog--anim",
       "leave-to-class": "dai-popover-dialog--anim"
     }, {
@@ -963,7 +962,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
 }), Lt = /* @__PURE__ */ v({
   __name: "menuItems",
   setup(e) {
-    return (t, o) => (i(), p(P, {
+    return (t, o) => (i(), p(A, {
       "enter-from-class": "dai-menu-items--anim",
       "leave-to-class": "dai-menu-items--anim"
     }, {
@@ -1022,7 +1021,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       _: 3
     }, 8, ["id", "aria-controls", "value"]));
   }
-}), At = /* @__PURE__ */ v({
+}), Pt = /* @__PURE__ */ v({
   __name: "tabList",
   setup(e) {
     const t = L("tablist"), o = L("slider"), l = U({});
@@ -1055,7 +1054,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
       _: 3
     }, 512));
   }
-}), lt = ["id"], Pt = /* @__PURE__ */ v({
+}), lt = ["id"], At = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "offcanvas",
   props: /* @__PURE__ */ C({
@@ -1086,7 +1085,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
     }), R(() => {
       window.removeEventListener("click", s);
     }), (r, g) => (i(), p(Z, { to: "body" }, [
-      V(P, {
+      V(A, {
         appear: "",
         "enter-from-class": "nui-offcanvas--animate-hidden",
         "enter-to-class": "nui-offcanvas--animate-shown",
@@ -1334,7 +1333,7 @@ const K = /* @__PURE__ */ je(Ie, [["render", Fe]]), Se = ["id", "type", "pattern
     return T(t, (l) => {
       l ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
     }), (l, a) => (i(), p(Z, { to: "body" }, [
-      V(P, {
+      V(A, {
         appear: "",
         name: "modal",
         duration: { enter: 300, leave: 200 }
@@ -1368,7 +1367,7 @@ export {
   ze as Combobox,
   qe as ComboboxButton,
   kt as ComboboxInput,
-  Pe as ComboboxOption,
+  Ae as ComboboxOption,
   Te as ComboboxOptions,
   H as Hint,
   $t as Input,
@@ -1379,7 +1378,7 @@ export {
   Ot as Modal,
   mt as Notification,
   jt as NotificationQueue,
-  Pt as Offcanvas,
+  At as Offcanvas,
   Ut as Popover,
   zt as PopoverDialog,
   It as Progressbar,
@@ -1389,7 +1388,7 @@ export {
   Ct as Switch,
   Tt as Tab,
   Xt as TabContainer,
-  At as TabList,
+  Pt as TabList,
   Dt as TabPanel,
   Bt as Textarea,
   $e as useClassList

package/dist/types/unocss.preset.d.ts

@@ -1,3 +1,7 @@
 import { PresetWind4Options } from "@unocss/preset-wind4";
-declare const _default: import("@unocss/core").PresetFactory<object, PresetWind4Options>;
+import { presetAttributify } from "@unocss/preset-attributify";
+type PresetDaiUiOptions = PresetWind4Options & {
+    attributify?: Parameters<typeof presetAttributify>[0];
+};
+declare const _default: import("@unocss/core").PresetFactory<object, PresetDaiUiOptions>;
 export default _default;

package/dist/unocss.preset.js

@@ -1,24 +1,25 @@
 import { definePreset as t } from "@unocss/core";
 import { theme as r, presetWind4 as s } from "@unocss/preset-wind4";
 import { presetAttributify as i } from "@unocss/preset-attributify";
-import { presetIcons as n } from "@unocss/preset-icons";
-import a from "@unocss/transformer-variant-group";
+import { presetIcons as a } from "@unocss/preset-icons";
+import n from "@unocss/transformer-variant-group";
 import c from "@unocss/transformer-directives";
-const y = t((o) => ({
+const y = t((e) => ({
   presets: [
     //presetWind(options),
-    s(o),
+    s(e),
     //presetForms(),
     i({
       prefix: "un-",
-      prefixedOnly: !0
+      prefixedOnly: !0,
+      ...e?.attributify
     }),
-    n({
+    a({
       scale: 1.2,
       warn: !0
     })
   ],
-  transformers: [a(), c()],
+  transformers: [n(), c()],
   theme: {
     colors: {
       primary: r.colors.indigo,
@@ -122,8 +123,8 @@ const y = t((o) => ({
       active: "active=true"
     }
   },
-  extendTheme: (e) => {
-    e.colors.dark = e.colors.slate;
+  extendTheme: (o) => {
+    o.colors.dark = o.colors.slate;
   },
   name: "dai-ui-preset"
   // it supports most of the configuration you could have in the root config

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defaultusr/dai-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "files": [
     "dist"