@gradient-ui/core 0.6.0 → 1.0.0

package/dist/default--73FwpwZ.cjs

@@ -1,4 +0,0 @@
-"use strict";const E=require("./camelToKebabCase-BQDotaQm.cjs"),l=require("@gradient-ui/gradient-engine"),u=require("vue"),D=(e,{className:t,id:n,prefix:s})=>{const o=Object.entries(e).map(([m,c])=>`  --g-${s}-${E.camelToKebabCase(m)}: ${c};`),r=`.${t} {
-${o.join(`
-`)}
-}`;let a=document.getElementById(n);return a||(a=document.createElement("style"),a.id=n,document.head.appendChild(a)),a.textContent=r,a},g="g-theme--material",i="g-theme--",T=Symbol("gradient-theme"),h=(e,t)=>D(e,{className:g,id:`g-${t}-style`,prefix:t}),f=(e=l.DEFAULT_SEED,t={})=>d(e,"light",t),v=(e=l.DEFAULT_SEED,t={})=>d(e,"dark",t),d=(e=l.DEFAULT_SEED,t="light",n={})=>{const s=document.documentElement;s.classList.add(g),s.classList.remove(`${i}light`,`${i}dark`),s.classList.add(`${i}${t}`);const o=l.createDesignTokens({colors:n.colors,mode:t,seed:l.normalizeDesignTokenSeed(e)}),{tokens:r}=o;return{tokens:r,themeCSS:h(r.theme,"theme"),colorsCSS:h(r.colors,"color"),gradientCSS:h(r.gradients,"gradient")}},S=(e={})=>{const t=u.ref(e.seed??l.DEFAULT_SEED),n=u.ref(e.mode??"light"),s=u.shallowRef(null),o=()=>typeof window>"u"?null:(s.value=d(t.value,n.value,{colors:e.colors}),s.value),r=c=>(t.value=c,o()),a=c=>(n.value=c,o()),m=()=>(n.value=n.value==="dark"?"light":"dark",o());return e.autoApply!==!1&&o(),{seed:t,mode:n,result:s,apply:o,setSeed:r,setMode:a,toggleMode:m}},k=(e=S())=>(u.provide(T,e),e),y=(e,t)=>{e.provide(T,t)},L=()=>u.inject(T,null);exports.createDefaultDarkTheme=v;exports.createDefaultLightTheme=f;exports.createDefaultTheme=d;exports.createTheme=S;exports.installTheme=y;exports.provideTheme=k;exports.useTheme=L;

package/dist/default-DlsS6GI_.js

@@ -1,58 +0,0 @@
-import { f as T } from "./camelToKebabCase-BWbQb81D.js";
-import { DEFAULT_SEED as c, createDesignTokens as f, normalizeDesignTokenSeed as p } from "@gradient-ui/gradient-engine";
-import { inject as v, ref as g, shallowRef as y, provide as k } from "vue";
-const E = (e, { className: t, id: o, prefix: s }) => {
-  const n = Object.entries(e).map(
-    ([d, l]) => `  --g-${s}-${T(d)}: ${l};`
-  ), a = `.${t} {
-${n.join(`
-`)}
-}`;
-  let r = document.getElementById(o);
-  return r || (r = document.createElement("style"), r.id = o, document.head.appendChild(r)), r.textContent = a, r;
-}, S = "g-theme--material", m = "g-theme--", i = Symbol("gradient-theme"), u = (e, t) => E(e, {
-  className: S,
-  id: `g-${t}-style`,
-  prefix: t
-}), b = (e = c, t = {}) => h(e, "light", t), A = (e = c, t = {}) => h(e, "dark", t), h = (e = c, t = "light", o = {}) => {
-  const s = document.documentElement;
-  s.classList.add(S), s.classList.remove(
-    `${m}light`,
-    `${m}dark`
-  ), s.classList.add(`${m}${t}`);
-  const n = f({
-    colors: o.colors,
-    mode: t,
-    seed: p(e)
-  }), { tokens: a } = n;
-  return {
-    tokens: a,
-    themeCSS: u(a.theme, "theme"),
-    colorsCSS: u(a.colors, "color"),
-    gradientCSS: u(a.gradients, "gradient")
-  };
-}, $ = (e = {}) => {
-  const t = g(e.seed ?? c), o = g(e.mode ?? "light"), s = y(null), n = () => typeof window > "u" ? null : (s.value = h(t.value, o.value, {
-    colors: e.colors
-  }), s.value), a = (l) => (t.value = l, n()), r = (l) => (o.value = l, n()), d = () => (o.value = o.value === "dark" ? "light" : "dark", n());
-  return e.autoApply !== !1 && n(), {
-    seed: t,
-    mode: o,
-    result: s,
-    apply: n,
-    setSeed: a,
-    setMode: r,
-    toggleMode: d
-  };
-}, M = (e = $()) => (k(i, e), e), _ = (e, t) => {
-  e.provide(i, t);
-}, j = () => v(i, null);
-export {
-  b as a,
-  h as b,
-  A as c,
-  $ as d,
-  _ as i,
-  M as p,
-  j as u
-};

package/dist/defaults-BlTdRhHs.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("vue"),o=Symbol("gradient-defaults");function i(t){return t!=null&&typeof t=="object"&&!Array.isArray(t)}function r(t={}){return n.ref(t)}function c(t={}){const e=r(t);return n.provide(o,e),e}function d(t,e={}){t.provide(o,r(e))}function a(t){const e=n.inject(o,r());return n.computed(()=>{var s;const l=(s=e.value.components)==null?void 0:s[t],u=e.value[t];return{...e.value.global??{},...l??{},...i(u)?u:{}}})}function D(t,e){return n.defineComponent({name:t,inheritAttrs:!1,setup(l,{attrs:u,slots:s}){const f=a(t);return()=>n.h(e,{...f.value,...u},s)}})}exports.createDefaults=r;exports.installDefaults=d;exports.provideDefaults=c;exports.useComponentDefaults=a;exports.withGradientDefaults=D;

package/dist/defaults-DMi34V8q.js

@@ -1,51 +0,0 @@
-import { ref as f, provide as l, inject as i, computed as c, defineComponent as p, h as d } from "vue";
-const u = Symbol("gradient-defaults");
-function D(t) {
-  return t != null && typeof t == "object" && !Array.isArray(t);
-}
-function r(t = {}) {
-  return f(t);
-}
-function y(t = {}) {
-  const e = r(t);
-  return l(u, e), e;
-}
-function b(t, e = {}) {
-  t.provide(u, r(e));
-}
-function m(t) {
-  const e = i(u, r());
-  return c(() => {
-    var s;
-    const o = (s = e.value.components) == null ? void 0 : s[t], n = e.value[t];
-    return {
-      ...e.value.global ?? {},
-      ...o ?? {},
-      ...D(n) ? n : {}
-    };
-  });
-}
-function h(t, e) {
-  return p({
-    name: t,
-    inheritAttrs: !1,
-    setup(o, { attrs: n, slots: s }) {
-      const a = m(t);
-      return () => d(
-        e,
-        {
-          ...a.value,
-          ...n
-        },
-        s
-      );
-    }
-  });
-}
-export {
-  r as c,
-  b as i,
-  y as p,
-  m as u,
-  h as w
-};

package/dist/index-B3_n44N_.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("vue"),w={sm:600,md:900,lg:1200,xl:1536};function c(n,e){return typeof e=="number"?e:n[e]??0}function p(n=w){const e=o.ref(0),f=o.ref(0);function l(){e.value=window.innerWidth,f.value=window.innerHeight}o.onMounted(()=>{l(),window.addEventListener("resize",l,{passive:!0})}),o.onBeforeUnmount(()=>{window.removeEventListener("resize",l)});function u(t){return o.computed(()=>e.value>=c(n,t))}function r(t){return o.computed(()=>e.value<=c(n,t))}function v(t,i){return o.computed(()=>{const s=c(n,t),d=c(n,i);return e.value>=s&&e.value<=d})}const a=o.computed(()=>{var s;const t=Object.entries(n).sort((d,m)=>d[1]-m[1]);let i=((s=t[0])==null?void 0:s[0])??"";for(const[d,m]of t)e.value>=m&&(i=d);return i});return{breakpoints:n,width:e,height:f,name:a,up:u,down:r,between:v,smAndUp:u("sm"),smAndDown:r("sm"),mdAndUp:u("md"),mdAndDown:r("md"),lgAndUp:u("lg"),lgAndDown:r("lg"),xlAndUp:u("xl"),xlAndDown:r("xl")}}exports.defaultBreakpoints=w;exports.useBreakpoints=p;

package/dist/index-BtCLucTD.js

@@ -1,66 +0,0 @@
-import { ref as f, onMounted as p, onBeforeUnmount as A, computed as s } from "vue";
-const h = {
-  sm: 600,
-  md: 900,
-  lg: 1200,
-  xl: 1536
-};
-function l(e, n) {
-  return typeof n == "number" ? n : e[n] ?? 0;
-}
-function g(e = h) {
-  const n = f(0), w = f(0);
-  function m() {
-    n.value = window.innerWidth, w.value = window.innerHeight;
-  }
-  p(() => {
-    m(), window.addEventListener("resize", m, { passive: !0 });
-  }), A(() => {
-    window.removeEventListener("resize", m);
-  });
-  function o(t) {
-    return s(
-      () => n.value >= l(e, t)
-    );
-  }
-  function u(t) {
-    return s(
-      () => n.value <= l(e, t)
-    );
-  }
-  function v(t, d) {
-    return s(() => {
-      const i = l(e, t), r = l(e, d);
-      return n.value >= i && n.value <= r;
-    });
-  }
-  const a = s(() => {
-    var i;
-    const t = Object.entries(e).sort((r, c) => r[1] - c[1]);
-    let d = ((i = t[0]) == null ? void 0 : i[0]) ?? "";
-    for (const [r, c] of t)
-      n.value >= c && (d = r);
-    return d;
-  });
-  return {
-    breakpoints: e,
-    width: n,
-    height: w,
-    name: a,
-    up: o,
-    down: u,
-    between: v,
-    smAndUp: o("sm"),
-    smAndDown: u("sm"),
-    mdAndUp: o("md"),
-    mdAndDown: u("md"),
-    lgAndUp: o("lg"),
-    lgAndDown: u("lg"),
-    xlAndUp: o("xl"),
-    xlAndDown: u("xl")
-  };
-}
-export {
-  h as d,
-  g as u
-};

package/dist/index-Cs3XQ3JB.js

@@ -1,97 +0,0 @@
-import { computed as p, toValue as c } from "vue";
-const k = {
-  "#": {
-    pattern: /\d/
-  },
-  X: {
-    pattern: /[0-9a-zа-я]/i
-  },
-  S: {
-    pattern: /[a-zа-я]/i
-  },
-  A: {
-    pattern: /[a-zа-я]/i,
-    transform: (t) => t.toLocaleUpperCase()
-  },
-  a: {
-    pattern: /[a-zа-я]/i,
-    transform: (t) => t.toLocaleLowerCase()
-  }
-};
-function h(t, e) {
-  return [...t].filter((n) => e[n]);
-}
-function d(t, e) {
-  return [...t].filter(
-    (n) => Object.values(e).some((r) => r.pattern.test(n))
-  ).join("");
-}
-function M(t, e, n, r = !0) {
-  var u;
-  const a = [...d(t, n)], o = [];
-  let s = 0;
-  for (const i of e) {
-    const l = n[i];
-    if (!l) {
-      r && s < a.length && o.push(i);
-      continue;
-    }
-    for (; s < a.length; ) {
-      const f = a[s];
-      if (s += 1, !!l.pattern.test(f)) {
-        o.push(((u = l.transform) == null ? void 0 : u.call(l, f)) ?? f);
-        break;
-      }
-    }
-    if (s >= a.length && o.length)
-      break;
-  }
-  return o.join("");
-}
-function m(t, e, n) {
-  if (!Array.isArray(e)) return e;
-  const r = d(t, n);
-  return e.find((a) => {
-    const o = h(a, n).length;
-    return r.length <= o;
-  }) ?? e.at(-1);
-}
-function V(t, e, n = k) {
-  const r = m(t, e, n);
-  return r ? M(t, r, n) : t;
-}
-function g(t, e = k) {
-  return d(t, e);
-}
-function y(t) {
-  const e = p(() => ({
-    ...k,
-    ...c(t.tokens) ?? {}
-  })), n = p(() => !!c(t.mask)), r = p(
-    () => c(t.returnMaskedValue) ?? !0
-  );
-  function a(u) {
-    return V(u, c(t.mask), e.value);
-  }
-  function o(u) {
-    if (!n.value) return u;
-    const i = a(u);
-    return r.value ? i : g(i, e.value);
-  }
-  function s(u) {
-    return n.value ? a(u) : u;
-  }
-  return {
-    isMasked: n,
-    tokens: e,
-    format: a,
-    toModelValue: o,
-    toDisplayValue: s
-  };
-}
-export {
-  V as a,
-  y as b,
-  k as d,
-  g as u
-};

package/dist/index-DN5ngVtp.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("vue"),f={"#":{pattern:/\d/},X:{pattern:/[0-9a-zа-я]/i},S:{pattern:/[a-zа-я]/i},A:{pattern:/[a-zа-я]/i,transform:t=>t.toLocaleUpperCase()},a:{pattern:/[a-zа-я]/i,transform:t=>t.toLocaleLowerCase()}};function h(t,e){return[...t].filter(n=>e[n])}function p(t,e){return[...t].filter(n=>Object.values(e).some(r=>r.pattern.test(n))).join("")}function V(t,e,n,r=!0){var u;const a=[...p(t,n)],o=[];let s=0;for(const c of e){const i=n[c];if(!i){r&&s<a.length&&o.push(c);continue}for(;s<a.length;){const k=a[s];if(s+=1,!!i.pattern.test(k)){o.push(((u=i.transform)==null?void 0:u.call(i,k))??k);break}}if(s>=a.length&&o.length)break}return o.join("")}function m(t,e,n){if(!Array.isArray(e))return e;const r=p(t,n);return e.find(a=>{const o=h(a,n).length;return r.length<=o})??e.at(-1)}function d(t,e,n=f){const r=m(t,e,n);return r?V(t,r,n):t}function M(t,e=f){return p(t,e)}function g(t){const e=l.computed(()=>({...f,...l.toValue(t.tokens)??{}})),n=l.computed(()=>!!l.toValue(t.mask)),r=l.computed(()=>l.toValue(t.returnMaskedValue)??!0);function a(u){return d(u,l.toValue(t.mask),e.value)}function o(u){if(!n.value)return u;const c=a(u);return r.value?c:M(c,e.value)}function s(u){return n.value?a(u):u}return{isMasked:n,tokens:e,format:a,toModelValue:o,toDisplayValue:s}}exports.applyMask=d;exports.defaultMaskTokens=f;exports.unmaskValue=M;exports.useMask=g;