@3df-spa/ui 1.3.0 → 1.3.2

package/dist/calendar.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, useAttrs as E, computed as w, ref as A, watch as H, openBlock as f, createElementBlock as h, mergeProps as B, unref as p, createElementVNode as a, normalizeClass as U, Fragment as P, renderList as R, createCommentVNode as $, toDisplayString as S, createBlock as _, withCtx as y, createVNode as k } from "vue";
+import { defineComponent as j, useAttrs as E, computed as w, ref as A, watch as H, openBlock as f, createElementBlock as h, mergeProps as B, unref as b, createElementVNode as a, normalizeClass as U, Fragment as P, renderList as R, createCommentVNode as $, toDisplayString as S, createBlock as _, withCtx as y, createVNode as k } from "vue";
 import { startOfWeek as T, format as x, addDays as W, addMonths as F, startOfMonth as J, eachDayOfInterval as I, endOfMonth as K, endOfWeek as Q, isToday as X, isSameMonth as Y, isSameDay as V, subMonths as Z } from "date-fns";
 import { c as C } from "./utils-C9QoOYNG.js";
 import { _ as N, a as z, b as L } from "./UiPopoverTrigger.vue_vue_type_script_setup_true_lang-Ci8kd-fi.js";
@@ -33,7 +33,7 @@ function re(t, n, e) {
   const r = e;
   return r.to ? t > r.from && t < r.to : !1;
 }
-function le(t, n, e, r, s, g, c, b) {
+function le(t, n, e, r, s, g, c, p) {
   const i = [];
   for (let l = 0; l < n; l++) {
     const v = F(t, l), M = J(v), D = T(M, { weekStartsOn: e });
@@ -56,7 +56,7 @@ function le(t, n, e, r, s, g, c, b) {
     }));
     i.push({
       month: v,
-      label: x(v, "MMMM yyyy", { locale: b }),
+      label: x(v, "MMMM yyyy", { locale: p }),
       days: m
     });
   }
@@ -104,7 +104,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
         u && (c.value = new Date(u));
       }
     );
-    function b() {
+    function p() {
       c.value = Z(c.value, 1);
     }
     function i() {
@@ -134,10 +134,10 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
         }
     }
     return (u, m) => (f(), h("div", B(g.value, {
-      class: p(C)("p-3", p(s).class)
+      class: b(C)("p-3", b(s).class)
     }), [
       a("div", {
-        class: U(p(C)("flex", t.numberOfMonths > 1 && "gap-4"))
+        class: U(b(C)("flex", t.numberOfMonths > 1 && "gap-4"))
       }, [
         (f(!0), h(P, null, R(v.value, (d, O) => (f(), h("div", {
           key: d.label,
@@ -149,7 +149,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
               type: "button",
               "aria-label": "Mes anterior",
               class: "text-muted-foreground hover:bg-accent hover:text-accent-foreground absolute left-0 inline-flex h-7 w-7 items-center justify-center rounded-md bg-transparent text-sm font-medium transition-colors",
-              onClick: b
+              onClick: p
             }, [...m[0] || (m[0] = [
               a("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -208,11 +208,11 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
                 disabled: o.isDisabled,
                 "aria-selected": o.isSelected || void 0,
                 "aria-current": o.isToday ? "date" : void 0,
-                "aria-label": p(x)(o.date, "PPPP", { locale: t.locale }),
+                "aria-label": b(x)(o.date, "PPPP", { locale: t.locale }),
                 "data-today": o.isToday || void 0,
                 "data-outside": !o.isCurrentMonth || void 0,
                 class: U(
-                  p(C)(
+                  b(C)(
                     "inline-flex h-9 w-9 items-center justify-center rounded-md p-0 text-sm font-normal",
                     "transition-colors duration-100",
                     "hover:bg-accent hover:text-accent-foreground",
@@ -234,7 +234,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
       ], 2)
     ], 16));
   }
-}), be = /* @__PURE__ */ j({
+}), pe = /* @__PURE__ */ j({
   name: "UiDatePicker",
   inheritAttrs: !1,
   __name: "UiDatePicker",
@@ -252,7 +252,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
       const { class: i, ...l } = s;
       return l;
     }), c = w(() => e.modelValue ? x(e.modelValue, e.formatStr, { locale: e.locale }) : null);
-    function b(i) {
+    function p(i) {
       r("update:modelValue", i);
     }
     return (i, l) => (f(), _(N, null, {
@@ -261,12 +261,12 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
           default: y(() => [
             a("button", B(g.value, {
               type: "button",
-              class: p(C)(
-                "inline-flex h-10 w-full min-w-[240px] items-center justify-start gap-2 rounded-md border-ui border-input bg-foreground/5 px-3 py-2 text-left text-sm ring-offset-background transition-colors",
+              class: b(C)(
+                "inline-flex h-10 w-full items-center justify-start gap-2 rounded-md border-ui border-input bg-foreground/5 px-3 py-2 text-left text-sm ring-offset-background transition-colors",
                 "hover:bg-accent/50",
                 "focus-visible:outline-2 focus-visible:outline-ring",
                 !t.modelValue && "text-muted-foreground",
-                p(s).class
+                b(s).class
               )
             }), [
               l[0] || (l[0] = a("svg", {
@@ -308,7 +308,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
               disabled: t.disabled,
               locale: t.locale,
               "week-starts-on": t.weekStartsOn,
-              "onUpdate:modelValue": b
+              "onUpdate:modelValue": p
             }, null, 8, ["model-value", "disabled", "locale", "week-starts-on"])
           ]),
           _: 1
@@ -342,7 +342,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
       const v = x(e.modelValue.to, e.formatStr, i);
       return `${l} – ${v}`;
     });
-    function b(i) {
+    function p(i) {
       r("update:modelValue", i);
     }
     return (i, l) => (f(), _(N, null, {
@@ -351,12 +351,12 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
           default: y(() => [
             a("button", B(g.value, {
               type: "button",
-              class: p(C)(
-                "inline-flex h-10 w-full min-w-[300px] items-center justify-start gap-2 rounded-md border-ui border-input bg-foreground/5 px-3 py-2 text-left text-sm ring-offset-background transition-colors",
+              class: b(C)(
+                "inline-flex h-10 w-full items-center justify-start gap-2 rounded-md border-ui border-input bg-foreground/5 px-3 py-2 text-left text-sm ring-offset-background transition-colors",
                 "hover:bg-accent/50",
                 "focus-visible:outline-2 focus-visible:outline-ring",
                 !t.modelValue && "text-muted-foreground",
-                p(s).class
+                b(s).class
               )
             }), [
               l[0] || (l[0] = a("svg", {
@@ -399,7 +399,7 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
               disabled: t.disabled,
               locale: t.locale,
               "week-starts-on": t.weekStartsOn,
-              "onUpdate:modelValue": b
+              "onUpdate:modelValue": p
             }, null, 8, ["model-value", "number-of-months", "disabled", "locale", "week-starts-on"])
           ]),
           _: 1
@@ -411,6 +411,6 @@ const se = { class: "relative flex items-center justify-center pt-1 pb-4" }, ie
 });
 export {
   q as Calendar,
-  be as DatePicker,
+  pe as DatePicker,
   we as DateRangePicker
 };

package/dist/carousel.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, useAttrs as v, computed as u, ref as C, onMounted as R, nextTick as z, watch as B, onBeforeUnmount as D, provide as I, openBlock as m, createElementBlock as h, mergeProps as _, unref as o, renderSlot as S, inject as g, createElementVNode as c } from "vue";
+import { defineComponent as p, useAttrs as v, computed as u, ref as g, onMounted as R, nextTick as z, watch as B, onBeforeUnmount as D, provide as I, openBlock as m, createElementBlock as h, mergeProps as _, unref as o, renderSlot as S, inject as C, createElementVNode as c } from "vue";
 import K from "embla-carousel";
 import { c as w } from "./utils-C9QoOYNG.js";
 const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
@@ -12,10 +12,10 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
   },
   emits: ["set-api"],
   setup(d, { emit: s }) {
-    const t = d, l = s, n = v(), e = u(() => {
+    const e = d, l = s, n = v(), t = u(() => {
       const { class: r, ...x } = n;
       return x;
-    }), a = C(), i = C(), U = C(!1), N = C(!1), E = u(() => t.orientation);
+    }), a = g(), i = g(), U = g(!1), N = g(!1), E = u(() => e.orientation);
     function y() {
       i.value?.scrollPrev();
     }
@@ -33,9 +33,9 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
       if (!r) return;
       P();
       const x = {
-        ...t.opts,
-        axis: t.orientation === "vertical" ? "y" : "x"
-      }, f = K(r, x, t.plugins ?? []);
+        ...e.opts,
+        axis: e.orientation === "vertical" ? "y" : "x"
+      }, f = K(r, x, e.plugins ?? []);
       i.value = f, l("set-api", f), A(f), f.on("select", A), f.on("reInit", A);
     }
     R(() => {
@@ -43,7 +43,7 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
         a.value && $();
       });
     }), B(
-      () => [t.opts, t.orientation],
+      () => [e.opts, e.orientation],
       () => {
         z(() => $());
       },
@@ -52,7 +52,7 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
       P();
     });
     function j(r) {
-      r.key === "ArrowLeft" && t.orientation === "horizontal" ? (r.preventDefault(), y()) : r.key === "ArrowRight" && t.orientation === "horizontal" ? (r.preventDefault(), k()) : r.key === "ArrowUp" && t.orientation === "vertical" ? (r.preventDefault(), y()) : r.key === "ArrowDown" && t.orientation === "vertical" && (r.preventDefault(), k());
+      r.key === "ArrowLeft" && e.orientation === "horizontal" ? (r.preventDefault(), y()) : r.key === "ArrowRight" && e.orientation === "horizontal" ? (r.preventDefault(), k()) : r.key === "ArrowUp" && e.orientation === "vertical" ? (r.preventDefault(), y()) : r.key === "ArrowDown" && e.orientation === "vertical" && (r.preventDefault(), k());
     }
     return I(b, {
       orientation: E,
@@ -62,11 +62,11 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
       canScrollNext: N,
       scrollPrev: y,
       scrollNext: k
-    }), (r, x) => (m(), h("div", _(e.value, {
+    }), (r, x) => (m(), h("div", _(t.value, {
       role: "region",
       "aria-roledescription": "carousel",
       tabindex: "0",
-      class: o(w)("relative", o(n).class),
+      class: o(w)("relative w-full", o(n).class),
       onKeydown: j
     }), [
       S(r.$slots, "default")
@@ -77,23 +77,23 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "UiCarouselContent",
   setup(d) {
-    const s = g(b), t = v(), l = u(() => {
-      const { class: e, ...a } = t;
+    const s = C(b), e = v(), l = u(() => {
+      const { class: t, ...a } = e;
       return a;
     });
-    function n(e) {
-      s.viewportRef.value = e;
+    function n(t) {
+      s.viewportRef.value = t;
     }
     return R(() => {
       s.viewportRef.value;
-    }), (e, a) => (m(), h("div", {
+    }), (t, a) => (m(), h("div", {
       ref: n,
       class: "overflow-hidden"
     }, [
       c("div", _(l.value, {
-        class: o(w)("flex", o(s).orientation.value === "horizontal" ? "-ml-4" : "-mt-4 flex-col", o(t).class)
+        class: o(w)("flex", o(s).orientation.value === "horizontal" ? "-ml-4" : "-mt-4 flex-col", o(e).class)
       }), [
-        S(e.$slots, "default")
+        S(t.$slots, "default")
       ], 16)
     ]));
   }
@@ -102,17 +102,17 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "UiCarouselItem",
   setup(d) {
-    const s = g(b), t = v(), l = u(() => {
-      const { class: n, ...e } = t;
-      return e;
+    const s = C(b), e = v(), l = u(() => {
+      const { class: n, ...t } = e;
+      return t;
     });
-    return (n, e) => (m(), h("div", _(l.value, {
+    return (n, t) => (m(), h("div", _(l.value, {
       role: "group",
       "aria-roledescription": "slide",
       class: o(w)(
         "min-w-0 shrink-0 grow-0 basis-full",
         o(s).orientation.value === "horizontal" ? "pl-4" : "pt-4",
-        o(t).class
+        o(e).class
       )
     }), [
       S(n.$slots, "default")
@@ -123,11 +123,11 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "UiCarouselPrevious",
   setup(d) {
-    const s = g(b), t = v(), l = u(() => {
-      const { class: n, ...e } = t;
-      return e;
+    const s = C(b), e = v(), l = u(() => {
+      const { class: n, ...t } = e;
+      return t;
     });
-    return (n, e) => (m(), h("button", _(l.value, {
+    return (n, t) => (m(), h("button", _(l.value, {
       type: "button",
       disabled: !o(s).canScrollPrev.value,
       "aria-label": "Slide anterior",
@@ -135,11 +135,11 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
         "border-ui border-border bg-card absolute z-10 flex h-8 w-8 items-center justify-center rounded-full shadow-md transition-colors",
         "hover:bg-accent hover:text-accent-foreground",
         "disabled:pointer-events-none disabled:opacity-50",
-        o(s).orientation.value === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        o(t).class
+        o(s).orientation.value === "horizontal" ? "top-1/2 -left-3 -translate-y-1/2 sm:-left-12" : "-top-3 left-1/2 -translate-x-1/2 rotate-90 sm:-top-12",
+        o(e).class
       ),
-      onClick: e[0] || (e[0] = (a) => o(s).scrollPrev())
-    }), [...e[1] || (e[1] = [
+      onClick: t[0] || (t[0] = (a) => o(s).scrollPrev())
+    }), [...t[1] || (t[1] = [
       c("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "16",
@@ -162,11 +162,11 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "UiCarouselNext",
   setup(d) {
-    const s = g(b), t = v(), l = u(() => {
-      const { class: n, ...e } = t;
-      return e;
+    const s = C(b), e = v(), l = u(() => {
+      const { class: n, ...t } = e;
+      return t;
     });
-    return (n, e) => (m(), h("button", _(l.value, {
+    return (n, t) => (m(), h("button", _(l.value, {
       type: "button",
       disabled: !o(s).canScrollNext.value,
       "aria-label": "Siguiente slide",
@@ -174,11 +174,11 @@ const b = /* @__PURE__ */ Symbol("carousel"), Y = /* @__PURE__ */ p({
         "border-ui border-border bg-card absolute z-10 flex h-8 w-8 items-center justify-center rounded-full shadow-md transition-colors",
         "hover:bg-accent hover:text-accent-foreground",
         "disabled:pointer-events-none disabled:opacity-50",
-        o(s).orientation.value === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        o(t).class
+        o(s).orientation.value === "horizontal" ? "top-1/2 -right-3 -translate-y-1/2 sm:-right-12" : "-bottom-3 left-1/2 -translate-x-1/2 rotate-90 sm:-bottom-12",
+        o(e).class
       ),
-      onClick: e[0] || (e[0] = (a) => o(s).scrollNext())
-    }), [...e[1] || (e[1] = [
+      onClick: t[0] || (t[0] = (a) => o(s).scrollNext())
+    }), [...t[1] || (t[1] = [
       c("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "16",