@7pmlabs/design-system 0.6.2 → 0.6.4

package/dist/design-system116.mjs

@@ -1,99 +1,5 @@
-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));
-    }
-  });
-}
+import f from "./design-system100.mjs";
 export {
-  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
+  f as default
 };
 //# sourceMappingURL=design-system116.mjs.map