@7pmlabs/design-system 0.5.11 → 0.6.0

package/dist/design-system116.mjs

@@ -1,5 +1,99 @@
-import f from "./design-system104.mjs";
+import { isClient as $, toValue as f, tryOnScopeDispose as g, increaseWithUnit as x } from "./design-system123.mjs";
+import { computed as w, ref as v, watchEffect as M, getCurrentInstance as y, onMounted as E } from "vue";
+const p = $ ? window : void 0;
+function O() {
+  const a = v(!1), r = y();
+  return r && E(() => {
+    a.value = !0;
+  }, r), a;
+}
+function b(a) {
+  const r = O();
+  return w(() => (r.value, !!a()));
+}
+function d(a, r = {}) {
+  const { window: t = p } = r, l = b(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
+  let i;
+  const u = v(!1), s = (m) => {
+    u.value = m.matches;
+  }, o = () => {
+    i && ("removeEventListener" in i ? i.removeEventListener("change", s) : i.removeListener(s));
+  }, h = M(() => {
+    l.value && (o(), i = t.matchMedia(f(a)), "addEventListener" in i ? i.addEventListener("change", s) : i.addListener(s), u.value = i.matches);
+  });
+  return g(() => {
+    h(), o(), i = void 0;
+  }), u;
+}
+const j = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function q(a, r = {}) {
+  function t(e, n) {
+    let c = f(a[f(e)]);
+    return n != null && (c = x(c, n)), typeof c == "number" && (c = `${c}px`), c;
+  }
+  const { window: l = p, strategy: i = "min-width" } = r;
+  function u(e) {
+    return l ? l.matchMedia(e).matches : !1;
+  }
+  const s = (e) => d(() => `(min-width: ${t(e)})`, r), o = (e) => d(() => `(max-width: ${t(e)})`, r), h = Object.keys(a).reduce((e, n) => (Object.defineProperty(e, n, {
+    get: () => i === "min-width" ? s(n) : o(n),
+    enumerable: !0,
+    configurable: !0
+  }), e), {});
+  function m() {
+    const e = Object.keys(a).map((n) => [n, s(n)]);
+    return w(() => e.filter(([, n]) => n.value).map(([n]) => n));
+  }
+  return Object.assign(h, {
+    greaterOrEqual: s,
+    smallerOrEqual: o,
+    greater(e) {
+      return d(() => `(min-width: ${t(e, 0.1)})`, r);
+    },
+    smaller(e) {
+      return d(() => `(max-width: ${t(e, -0.1)})`, r);
+    },
+    between(e, n) {
+      return d(() => `(min-width: ${t(e)}) and (max-width: ${t(n, -0.1)})`, r);
+    },
+    isGreater(e) {
+      return u(`(min-width: ${t(e, 0.1)})`);
+    },
+    isGreaterOrEqual(e) {
+      return u(`(min-width: ${t(e)})`);
+    },
+    isSmaller(e) {
+      return u(`(max-width: ${t(e, -0.1)})`);
+    },
+    isSmallerOrEqual(e) {
+      return u(`(max-width: ${t(e)})`);
+    },
+    isInBetween(e, n) {
+      return u(`(min-width: ${t(e)}) and (max-width: ${t(n, -0.1)})`);
+    },
+    current: m,
+    active() {
+      const e = m();
+      return w(() => e.value.length === 0 ? "" : e.value.at(-1));
+    }
+  });
+}
 export {
-  f as default
+  j as breakpointsTailwind,
+  p as defaultWindow,
+  x as increaseWithUnit,
+  $ as isClient,
+  f as toValue,
+  g as tryOnScopeDispose,
+  q as useBreakpoints,
+  d as useMediaQuery,
+  O as useMounted,
+  b as useSupported
 };
 //# sourceMappingURL=design-system116.mjs.map