@nonsuch/component-library 0.2.1 → 0.3.0

package/dist/nonsuch-components.css

@@ -1 +1 @@
-.ns-button[data-v-e1d8675d]{font-family:Fixel Text,Roboto,sans-serif;font-weight:500;letter-spacing:.02em}
+.ns-button[data-v-ed26f034]{font-family:Fixel Text,Roboto,sans-serif;font-weight:500;letter-spacing:.02em}.ns-skeleton[data-v-6093e4f3]{border-radius:8px}

package/dist/nonsuch-components.js

@@ -1,35 +1,162 @@
-import a from "quasar/src/components/btn/QBtn.js";
-import { defineComponent as d, openBlock as u, createBlock as l, mergeProps as s, withCtx as c, renderSlot as f } from "vue";
-const p = /* @__PURE__ */ d({
+import h from "quasar/src/components/btn/QBtn.js";
+import { defineComponent as s, openBlock as u, createBlock as d, mergeProps as c, withCtx as l, renderSlot as i, createVNode as g, unref as v, provide as y, inject as S, computed as k } from "vue";
+import w from "quasar/src/components/spinner/QSpinnerDots.js";
+import C from "quasar/src/components/skeleton/QSkeleton.js";
+const B = /* @__PURE__ */ s({
   __name: "NsButton",
   props: {
     color: { default: "primary" },
     size: { default: "md" },
     unelevated: { type: Boolean, default: !0 },
     noCaps: { type: Boolean, default: !0 },
-    rounded: { type: Boolean, default: !0 }
+    rounded: { type: Boolean, default: !0 },
+    loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, o) => (u(), l(a, s(t.$attrs, {
+    return (o, t) => (u(), d(h, c(o.$attrs, {
       color: e.color,
       size: e.size,
       unelevated: e.unelevated,
       "no-caps": e.noCaps,
       rounded: e.rounded,
+      loading: e.loading,
       class: "ns-button"
     }), {
-      default: c(() => [
-        f(t.$slots, "default", {}, void 0, !0)
+      loading: l(() => [
+        i(o.$slots, "loading", {}, () => [
+          g(v(w), { color: "white" })
+        ], !0)
+      ]),
+      default: l(() => [
+        i(o.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 16, ["color", "size", "unelevated", "no-caps", "rounded"]));
+    }, 16, ["color", "size", "unelevated", "no-caps", "rounded", "loading"]));
+  }
+}), m = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [n, r] of o)
+    t[n] = r;
+  return t;
+}, E = /* @__PURE__ */ m(B, [["__scopeId", "data-v-ed26f034"]]), I = /* @__PURE__ */ s({
+  __name: "NsSkeleton",
+  props: {
+    type: { default: "rect" },
+    animation: { default: "wave" },
+    square: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    width: { default: void 0 },
+    height: { default: void 0 }
+  },
+  setup(e) {
+    return (o, t) => (u(), d(C, c(o.$attrs, {
+      type: e.type,
+      animation: e.animation,
+      square: e.square,
+      bordered: e.bordered,
+      width: e.width,
+      height: e.height,
+      class: "ns-skeleton"
+    }), null, 16, ["type", "animation", "square", "bordered", "width", "height"]));
+  }
+}), R = /* @__PURE__ */ m(I, [["__scopeId", "data-v-6093e4f3"]]), N = {
+  common: {
+    loading: "Loading…",
+    retry: "Retry",
+    cancel: "Cancel",
+    confirm: "Confirm",
+    save: "Save",
+    delete: "Delete",
+    edit: "Edit",
+    search: "Search",
+    noResults: "No results found",
+    showMore: "Show more",
+    showLess: "Show less"
+  },
+  product: {
+    addToCart: "Add to cart",
+    outOfStock: "Out of stock",
+    inStock: "In stock",
+    quantity: "Quantity",
+    price: "Price",
+    sale: "Sale"
+  },
+  media: {
+    zoomIn: "Zoom in",
+    zoomOut: "Zoom out",
+    fullscreen: "Fullscreen",
+    exitFullscreen: "Exit fullscreen",
+    previousImage: "Previous image",
+    nextImage: "Next image"
+  },
+  validation: {
+    required: "This field is required",
+    invalidEmail: "Please enter a valid email address",
+    tooShort: "Too short",
+    tooLong: "Too long"
+  }
+}, T = {
+  common: {
+    loading: "Chargement…",
+    retry: "Réessayer",
+    cancel: "Annuler",
+    confirm: "Confirmer",
+    save: "Enregistrer",
+    delete: "Supprimer",
+    edit: "Modifier",
+    search: "Rechercher",
+    noResults: "Aucun résultat trouvé",
+    showMore: "Afficher plus",
+    showLess: "Afficher moins"
+  },
+  product: {
+    addToCart: "Ajouter au panier",
+    outOfStock: "Rupture de stock",
+    inStock: "En stock",
+    quantity: "Quantité",
+    price: "Prix",
+    sale: "Solde"
+  },
+  media: {
+    zoomIn: "Agrandir",
+    zoomOut: "Réduire",
+    fullscreen: "Plein écran",
+    exitFullscreen: "Quitter le plein écran",
+    previousImage: "Image précédente",
+    nextImage: "Image suivante"
+  },
+  validation: {
+    required: "Ce champ est requis",
+    invalidEmail: "Veuillez entrer une adresse courriel valide",
+    tooShort: "Trop court",
+    tooLong: "Trop long"
   }
-}), i = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, r] of t)
-    o[n] = r;
-  return o;
-}, B = /* @__PURE__ */ i(p, [["__scopeId", "data-v-e1d8675d"]]);
+}, f = /* @__PURE__ */ Symbol("ns-locale");
+function b(e) {
+  y(f, e);
+}
+function q() {
+  return S(f, N);
+}
+function O(e, o) {
+  const t = q();
+  return k(() => {
+    const n = e();
+    if (n != null) return n;
+    const r = o.split(".");
+    let a = t;
+    for (const p of r)
+      a = a[p];
+    return a;
+  });
+}
 export {
-  B as NsButton
+  E as NsButton,
+  f as NsLocaleKey,
+  R as NsSkeleton,
+  N as nsLocaleEnCA,
+  T as nsLocaleFrCA,
+  b as provideNsLocale,
+  O as useNsDefault,
+  q as useNsLocale
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonsuch/component-library",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "A Vue 3 component library built on Quasar with opinionated defaults and custom components.",
   "type": "module",
   "sideEffects": false,
@@ -67,6 +67,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-vue": "^10.7.0",
     "happy-dom": "^20.5.3",
+    "postcss-rtlcss": "^5.7.1",
     "prettier": "^3.8.1",
     "quasar": "^2.18.6",
     "sass-embedded": "^1.97.3",