@gradient-ui/core 0.6.0 → 1.0.0

package/dist/context-DmyyyTi-.js

@@ -0,0 +1,164 @@
+import { ref, shallowRef, computed, toValue, watch, getCurrentInstance, inject, watchEffect, onUnmounted, provide, unref } from "vue";
+const M = Symbol("vuelidate"), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
+let se = 0;
+function U(e, t) {
+  R.set(e, t);
+  const r = w.get(e);
+  r && (r.value = t);
+}
+function ue(e) {
+  const t = R.delete(e), r = w.get(e);
+  return r && (r.value = void 0), t;
+}
+function ve(e, t, r) {
+  const l = ref(!1), k = ref({}), v = ref({}), j = ref(!1), g = shallowRef(/* @__PURE__ */ new Set()), c = ref({});
+  let N = 0;
+  const T = () => {
+    l.value = !0, O(Object.keys(toValue(t)));
+    for (const n in c.value)
+      c.value[n].$touch();
+  }, B = () => {
+    D();
+    for (const n in c.value)
+      c.value[n].$reset();
+  }, D = () => {
+    l.value = !1, g.value = /* @__PURE__ */ new Set([]), v.value = {};
+  }, O = (n) => {
+    l.value = !0;
+    const s = Array.isArray(n) ? n : [n];
+    g.value = /* @__PURE__ */ new Set([...unref(g), ...s]);
+  }, G = (n) => {
+    const s = Array.isArray(n) ? n : [n], i = unref(g), u = new Set(i);
+    s.forEach((a) => {
+      u.delete(a);
+    }), g.value = u;
+  }, H = (n) => {
+    v.value = n;
+  }, J = (n) => {
+    if (!n) {
+      v.value = {};
+      return;
+    }
+    const s = Array.isArray(n) ? n : [n], i = { ...v.value };
+    s.forEach((u) => {
+      delete i[u];
+    }), v.value = i;
+  }, p = computed(() => {
+    const n = {}, s = /* @__PURE__ */ new Set([
+      ...Object.keys(k.value),
+      ...Object.keys(v.value)
+    ]);
+    for (const i of s) {
+      const u = [
+        ...k.value[i] ?? [],
+        ...v.value[i] ?? []
+      ];
+      u.length && (n[i] = u);
+    }
+    return n;
+  }), S = computed(() => {
+    var u;
+    const n = {}, s = toValue(p), i = Object.keys(s);
+    for (const a of i)
+      (u = p.value[a]) != null && u.length && g.value.has(a) && (n[a] = p.value[a]);
+    return n;
+  }), K = computed(() => {
+    const n = {}, s = S.value, i = Object.keys(s);
+    for (const u of i) {
+      const a = s[u];
+      a != null && a.length && (n[u] = a[0]);
+    }
+    return n;
+  }), V = async (n, s = !1) => {
+    const i = ++N;
+    j.value = !0;
+    const u = toValue(e), a = toValue(t), E = n ? { ...k.value } : {}, P = (n ?? Object.keys(a)).filter(
+      (f) => a[f]
+    );
+    for (const f of P) {
+      const z = a[f];
+      if (!z) continue;
+      const F = (await Promise.all(
+        z.map(async (A) => {
+          const C = unref(A);
+          if (!C) return !0;
+          try {
+            const y = await C(unref(u[f]), u);
+            return typeof y == "string" ? y : null;
+          } catch (y) {
+            return y instanceof Error ? y.message : String(y);
+          }
+        })
+      )).filter(
+        (A) => typeof A == "string"
+      );
+      F.length > 0 ? E[f] = F : delete E[f];
+    }
+    return (i === N || s && P.every((f) => unref(toValue(e)[f]) === unref(u[f]))) && (k.value = E, j.value = !1), E;
+  }, Q = async (n) => {
+    var i, u;
+    return O(n), !((i = (await V([n], !0))[n]) != null && i.length) && !((u = v.value[n]) != null && u.length);
+  }, W = async () => {
+    T(), await V();
+    const n = await Promise.all(
+      Object.keys(c.value).map((s) => c.value[s].$validate())
+    );
+    return !x.value && n.every(Boolean);
+  };
+  watch(
+    [() => ({ ...toValue(e) }), () => toValue(t)],
+    async () => {
+      await V();
+    },
+    { immediate: !0 }
+  );
+  const x = computed(() => Object.keys(p.value).length > 0 || Object.values(c.value).some((n) => n.$silentInvalid)), q = computed(() => x.value), X = computed(() => !q.value), Y = computed(() => Object.keys(S.value).length > 0 || Object.values(c.value).some((n) => n.$error)), Z = computed(() => j.value || Object.values(c.value).some((n) => n.$pending)), b = computed(() => ({
+    $touch: T,
+    $touched: g,
+    $reset: B,
+    $resetValidation: D,
+    $validate: W,
+    $resetField: G,
+    $touchField: O,
+    $validateField: Q,
+    $setExternalErrors: H,
+    $clearExternalErrors: J,
+    $dirty: l.value,
+    $pending: Z.value,
+    $invalid: q.value,
+    $valid: X.value,
+    $error: Y.value,
+    $silentInvalid: x.value,
+    $message: K.value,
+    $errors: S.value,
+    $silentErrors: p.value,
+    $children: c.value
+  }));
+  if (getCurrentInstance()) {
+    const n = inject(M, null);
+    if (n) {
+      const s = r || (se++).toString();
+      watchEffect(() => {
+        n.value.$children[s] = b.value;
+      }), onUnmounted(() => {
+        delete n.value.$children[s];
+      });
+    }
+    r && (watchEffect(() => {
+      U(r, b.value);
+    }), onUnmounted(() => {
+      ue(r);
+    })), provide(M, b);
+  } else r && watchEffect(() => {
+    U(r, b.value);
+  });
+  return b;
+}
+const formContextKey = Symbol("GradientUiForm"), provideFormContext = (context) => {
+  provide(formContextKey, context);
+}, useFormContext = () => inject(formContextKey, null);
+export {
+  provideFormContext as p,
+  useFormContext as u,
+  ve as v
+};

package/dist/context-FLWxn0X1.js

@@ -0,0 +1,8 @@
+import { provide, inject } from "vue";
+const GTabsSymbol = Symbol("GTabs"), provideTabs = (context) => {
+  provide(GTabsSymbol, context);
+}, useTabsInject = () => inject(GTabsSymbol, null);
+export {
+  provideTabs as p,
+  useTabsInject as u
+};

package/dist/context-obVnJalQ.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),M=Symbol("vuelidate"),R=new Map,w=new Map;let se=0;function U(e,t){R.set(e,t);const r=w.get(e);r&&(r.value=t)}function ue(e){const t=R.delete(e),r=w.get(e);return r&&(r.value=void 0),t}function ve(e,t,r){const l=vue.ref(!1),k=vue.ref({}),v=vue.ref({}),j=vue.ref(!1),g=vue.shallowRef(new Set),c=vue.ref({});let N=0;const T=()=>{l.value=!0,O(Object.keys(vue.toValue(t)));for(const n in c.value)c.value[n].$touch()},B=()=>{D();for(const n in c.value)c.value[n].$reset()},D=()=>{l.value=!1,g.value=new Set([]),v.value={}},O=n=>{l.value=!0;const s=Array.isArray(n)?n:[n];g.value=new Set([...vue.unref(g),...s])},G=n=>{const s=Array.isArray(n)?n:[n],i=vue.unref(g),u=new Set(i);s.forEach(a=>{u.delete(a)}),g.value=u},H=n=>{v.value=n},J=n=>{if(!n){v.value={};return}const s=Array.isArray(n)?n:[n],i={...v.value};s.forEach(u=>{delete i[u]}),v.value=i},p=vue.computed(()=>{const n={},s=new Set([...Object.keys(k.value),...Object.keys(v.value)]);for(const i of s){const u=[...k.value[i]??[],...v.value[i]??[]];u.length&&(n[i]=u)}return n}),S=vue.computed(()=>{var u;const n={},s=vue.toValue(p),i=Object.keys(s);for(const a of i)(u=p.value[a])!=null&&u.length&&g.value.has(a)&&(n[a]=p.value[a]);return n}),K=vue.computed(()=>{const n={},s=S.value,i=Object.keys(s);for(const u of i){const a=s[u];a!=null&&a.length&&(n[u]=a[0])}return n}),V=async(n,s=!1)=>{const i=++N;j.value=!0;const u=vue.toValue(e),a=vue.toValue(t),E=n?{...k.value}:{},P=(n??Object.keys(a)).filter(f=>a[f]);for(const f of P){const z=a[f];if(!z)continue;const F=(await Promise.all(z.map(async A=>{const C=vue.unref(A);if(!C)return!0;try{const y=await C(vue.unref(u[f]),u);return typeof y=="string"?y:null}catch(y){return y instanceof Error?y.message:String(y)}}))).filter(A=>typeof A=="string");F.length>0?E[f]=F:delete E[f]}return(i===N||s&&P.every(f=>vue.unref(vue.toValue(e)[f])===vue.unref(u[f])))&&(k.value=E,j.value=!1),E},Q=async n=>{var i,u;return O(n),!((i=(await V([n],!0))[n])!=null&&i.length)&&!((u=v.value[n])!=null&&u.length)},W=async()=>{T(),await V();const n=await Promise.all(Object.keys(c.value).map(s=>c.value[s].$validate()));return!x.value&&n.every(Boolean)};vue.watch([()=>({...vue.toValue(e)}),()=>vue.toValue(t)],async()=>{await V()},{immediate:!0});const x=vue.computed(()=>Object.keys(p.value).length>0||Object.values(c.value).some(n=>n.$silentInvalid)),q=vue.computed(()=>x.value),X=vue.computed(()=>!q.value),Y=vue.computed(()=>Object.keys(S.value).length>0||Object.values(c.value).some(n=>n.$error)),Z=vue.computed(()=>j.value||Object.values(c.value).some(n=>n.$pending)),b=vue.computed(()=>({$touch:T,$touched:g,$reset:B,$resetValidation:D,$validate:W,$resetField:G,$touchField:O,$validateField:Q,$setExternalErrors:H,$clearExternalErrors:J,$dirty:l.value,$pending:Z.value,$invalid:q.value,$valid:X.value,$error:Y.value,$silentInvalid:x.value,$message:K.value,$errors:S.value,$silentErrors:p.value,$children:c.value}));if(vue.getCurrentInstance()){const n=vue.inject(M,null);if(n){const s=r||(se++).toString();vue.watchEffect(()=>{n.value.$children[s]=b.value}),vue.onUnmounted(()=>{delete n.value.$children[s]})}r&&(vue.watchEffect(()=>{U(r,b.value)}),vue.onUnmounted(()=>{ue(r)})),vue.provide(M,b)}else r&&vue.watchEffect(()=>{U(r,b.value)});return b}const formContextKey=Symbol("GradientUiForm"),provideFormContext=context=>{vue.provide(formContextKey,context)},useFormContext=()=>vue.inject(formContextKey,null);exports.provideFormContext=provideFormContext;exports.useFormContext=useFormContext;exports.ve=ve;

package/dist/control-B3T1H83D.js

@@ -0,0 +1,53 @@
+import { u as useFormContext, v as ve } from "./context-DmyyyTi-.js";
+import { ref, computed, toValue } from "vue";
+function useFormControl(options) {
+  const focused = ref(!1), form = useFormContext(), disabled = computed(
+    () => !!toValue(options.disabled) || !!(form != null && form.disabled.value)
+  ), validateOn = computed(() => (form == null ? void 0 : form.validateOn.value) ?? "blur"), validationState = computed(() => ({
+    modelValue: toValue(options.modelValue)
+  })), validationRules = computed(() => ({
+    modelValue: [
+      async (value) => {
+        const rules = toValue(options.rules) ?? [];
+        for (const rule of rules) {
+          const typedValue = value, result = await rule(typedValue, {
+            modelValue: typedValue
+          });
+          if (typeof result == "string") return result;
+        }
+        return !0;
+      }
+    ]
+  })), $v = ve(
+    validationState,
+    validationRules
+  ), computedMessage = computed(() => $v.value.$message.modelValue ?? toValue(options.message) ?? ""), hasValidationError = computed(
+    () => {
+      var _a;
+      return !!((_a = $v.value.$errors.modelValue) != null && _a.length);
+    }
+  );
+  function onFocus() {
+    disabled.value || (focused.value = !0);
+  }
+  function onBlur() {
+    validateOn.value === "blur" && $v.value.$touchField("modelValue"), focused.value = !1;
+  }
+  function onInputValidation() {
+    validateOn.value === "input" && $v.value.$touchField("modelValue");
+  }
+  return {
+    focused,
+    $v,
+    disabled,
+    validateOn,
+    computedMessage,
+    hasValidationError,
+    onFocus,
+    onBlur,
+    onInputValidation
+  };
+}
+export {
+  useFormControl as u
+};

package/dist/control-C5Ws5lp3.cjs

@@ -0,0 +1 @@
+"use strict";const context=require("./context-obVnJalQ.cjs"),vue=require("vue");function useFormControl(options){const focused=vue.ref(!1),form=context.useFormContext(),disabled=vue.computed(()=>!!vue.toValue(options.disabled)||!!(form!=null&&form.disabled.value)),validateOn=vue.computed(()=>(form==null?void 0:form.validateOn.value)??"blur"),validationState=vue.computed(()=>({modelValue:vue.toValue(options.modelValue)})),validationRules=vue.computed(()=>({modelValue:[async value=>{const rules=vue.toValue(options.rules)??[];for(const rule of rules){const typedValue=value,result=await rule(typedValue,{modelValue:typedValue});if(typeof result=="string")return result}return!0}]})),$v=context.ve(validationState,validationRules),computedMessage=vue.computed(()=>$v.value.$message.modelValue??vue.toValue(options.message)??""),hasValidationError=vue.computed(()=>{var _a;return!!((_a=$v.value.$errors.modelValue)!=null&&_a.length)});function onFocus(){disabled.value||(focused.value=!0)}function onBlur(){validateOn.value==="blur"&&$v.value.$touchField("modelValue"),focused.value=!1}function onInputValidation(){validateOn.value==="input"&&$v.value.$touchField("modelValue")}return{focused,$v,disabled,validateOn,computedMessage,hasValidationError,onFocus,onBlur,onInputValidation}}exports.useFormControl=useFormControl;

package/dist/controller-DTFaTta0.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue");function useNavigationKeyboard(options){const orientation=()=>vue.toValue(options.orientation)??"horizontal";function onItemKeydown(event,value){const enabledItems=options.getEnabledItems(),currentIndex=enabledItems.findIndex(item=>Object.is(item.value,value)),horizontal=orientation()==="horizontal",previousKey=horizontal?"ArrowLeft":"ArrowUp",nextKey=horizontal?"ArrowRight":"ArrowDown";if(event.key===previousKey){options.focusItem(currentIndex<=0?enabledItems.length-1:currentIndex-1,event);return}if(event.key===nextKey){options.focusItem(currentIndex>=enabledItems.length-1?0:currentIndex+1,event);return}if(event.key==="Home"){options.focusItem(0,event);return}if(event.key==="End"){options.focusItem(enabledItems.length-1,event);return}vue.toValue(options.selectOnAction)&&(event.key==="Enter"||event.key===" ")&&(event.preventDefault(),options.select(value,event))}return{onItemKeydown}}const valueKey=value=>String(value??"default").replace(/[^a-zA-Z0-9_-]/g,"-");function useNavigationController(options){const localValue=vue.ref(vue.toValue(options.defaultValue)),registeredItems=vue.shallowRef([]),isControlled=vue.computed(()=>vue.toValue(options.modelValue)!==void 0),model=vue.computed({get(){return isControlled.value?vue.toValue(options.modelValue):localValue.value},set(value){isControlled.value||(localValue.value=value),options.onUpdateModelValue(value)}}),isDisabled=()=>!!vue.toValue(options.disabled);function isSelected(value){return value!==void 0&&Object.is(model.value,value)}function select(value,event){var _a;isDisabled()||value===void 0||options.canSelect&&!options.canSelect(value,event)||(model.value=value,(_a=options.onSelect)==null||_a.call(options,value,event))}function registerItem(registration){const next=registeredItems.value.filter(item=>item.el!==registration.el);next.push(registration),registeredItems.value=next,vue.toValue(options.mandatory)&&model.value===void 0&&registration.value!==void 0&&!registration.disabled&&select(registration.value)}function unregisterItem(el){registeredItems.value=registeredItems.value.filter(item=>item.el!==el)}function getEnabledItems(){return registeredItems.value.filter(item=>!item.disabled&&item.value!==void 0)}function focusItem(index,event){const item=getEnabledItems()[index];item&&(event.preventDefault(),item.el.focus(),vue.toValue(options.selectOnFocus)&&select(item.value,event))}const{onItemKeydown}=useNavigationKeyboard({orientation:options.orientation,selectOnAction:options.selectOnAction,getEnabledItems,focusItem,select});return{model,registeredItems,isSelected,select,registerItem,unregisterItem,getEnabledItems,focusItem,onItemKeydown,getItemId:value=>`${options.idPrefix}-${options.itemIdSegment??"item"}-${valueKey(value)}`,getPanelId:value=>`${options.idPrefix}-${options.panelIdSegment??"panel"}-${valueKey(value)}`}}exports.useNavigationController=useNavigationController;exports.useNavigationKeyboard=useNavigationKeyboard;

package/dist/controller-Dk9Wd1Sr.js

@@ -0,0 +1,101 @@
+import { toValue, ref, shallowRef, computed } from "vue";
+function useNavigationKeyboard(options) {
+  const orientation = () => toValue(options.orientation) ?? "horizontal";
+  function onItemKeydown(event, value) {
+    const enabledItems = options.getEnabledItems(), currentIndex = enabledItems.findIndex(
+      (item) => Object.is(item.value, value)
+    ), horizontal = orientation() === "horizontal", previousKey = horizontal ? "ArrowLeft" : "ArrowUp", nextKey = horizontal ? "ArrowRight" : "ArrowDown";
+    if (event.key === previousKey) {
+      options.focusItem(
+        currentIndex <= 0 ? enabledItems.length - 1 : currentIndex - 1,
+        event
+      );
+      return;
+    }
+    if (event.key === nextKey) {
+      options.focusItem(
+        currentIndex >= enabledItems.length - 1 ? 0 : currentIndex + 1,
+        event
+      );
+      return;
+    }
+    if (event.key === "Home") {
+      options.focusItem(0, event);
+      return;
+    }
+    if (event.key === "End") {
+      options.focusItem(enabledItems.length - 1, event);
+      return;
+    }
+    toValue(options.selectOnAction) && (event.key === "Enter" || event.key === " ") && (event.preventDefault(), options.select(value, event));
+  }
+  return {
+    onItemKeydown
+  };
+}
+const valueKey = (value) => String(value ?? "default").replace(/[^a-zA-Z0-9_-]/g, "-");
+function useNavigationController(options) {
+  const localValue = ref(
+    toValue(options.defaultValue)
+  ), registeredItems = shallowRef([]), isControlled = computed(
+    () => toValue(options.modelValue) !== void 0
+  ), model = computed({
+    get() {
+      return isControlled.value ? toValue(options.modelValue) : localValue.value;
+    },
+    set(value) {
+      isControlled.value || (localValue.value = value), options.onUpdateModelValue(value);
+    }
+  }), isDisabled = () => !!toValue(options.disabled);
+  function isSelected(value) {
+    return value !== void 0 && Object.is(model.value, value);
+  }
+  function select(value, event) {
+    var _a;
+    isDisabled() || value === void 0 || options.canSelect && !options.canSelect(value, event) || (model.value = value, (_a = options.onSelect) == null || _a.call(options, value, event));
+  }
+  function registerItem(registration) {
+    const next = registeredItems.value.filter(
+      (item) => item.el !== registration.el
+    );
+    next.push(registration), registeredItems.value = next, toValue(options.mandatory) && model.value === void 0 && registration.value !== void 0 && !registration.disabled && select(registration.value);
+  }
+  function unregisterItem(el) {
+    registeredItems.value = registeredItems.value.filter(
+      (item) => item.el !== el
+    );
+  }
+  function getEnabledItems() {
+    return registeredItems.value.filter(
+      (item) => !item.disabled && item.value !== void 0
+    );
+  }
+  function focusItem(index, event) {
+    const item = getEnabledItems()[index];
+    item && (event.preventDefault(), item.el.focus(), toValue(options.selectOnFocus) && select(item.value, event));
+  }
+  const { onItemKeydown } = useNavigationKeyboard({
+    orientation: options.orientation,
+    selectOnAction: options.selectOnAction,
+    getEnabledItems,
+    focusItem,
+    select
+  });
+  return {
+    model,
+    registeredItems,
+    isSelected,
+    select,
+    registerItem,
+    unregisterItem,
+    getEnabledItems,
+    focusItem,
+    onItemKeydown,
+    getItemId: (value) => `${options.idPrefix}-${options.itemIdSegment ?? "item"}-${valueKey(value)}`,
+    getPanelId: (value) => `${options.idPrefix}-${options.panelIdSegment ?? "panel"}-${valueKey(value)}`
+  };
+}
+export {
+  useNavigationKeyboard as a,
+  useNavigationController as u
+};

package/dist/createComponentId-CK5eUecc.cjs

@@ -0,0 +1 @@
+"use strict";const id=require("./id-EYQallpf.cjs"),createComponentId=prefix=>id.useSsrId(prefix);exports.createComponentId=createComponentId;

package/dist/createComponentId-CrqdDHC3.js

@@ -0,0 +1,5 @@
+import { u as useSsrId } from "./id-Cjq3OT0R.js";
+const createComponentId = (prefix) => useSsrId(prefix);
+export {
+  createComponentId as c
+};

package/dist/createId-t3ke7cZx.js

@@ -0,0 +1,5 @@
+import { u as useSsrId } from "./id-Cjq3OT0R.js";
+const createId = (prefix = "g") => useSsrId(prefix);
+export {
+  createId as c
+};

package/dist/createId-tM8qn_N_.cjs

@@ -0,0 +1 @@
+"use strict";const id=require("./id-EYQallpf.cjs"),createId=(prefix="g")=>id.useSsrId(prefix);exports.createId=createId;

package/dist/cssTokens-CR4OxIND.js

@@ -0,0 +1,75 @@
+import { c as camelToKebabCase } from "./camelToKebabCase-nw6sbguT.js";
+import { a as mountClientStyle } from "./mount-CqN_WfIk.js";
+import { DEFAULT_SEED, createDesignTokens, normalizeDesignTokenSeed } from "@gradient-ui/gradient-engine";
+import { inject, ref, shallowRef, provide } from "vue";
+import { c as canUseDom, g as getClientDocument } from "./environment-o0e-UUbv.js";
+const THEME_CLASS = "g-theme--material", MODE_CLASS_PREFIX = "g-theme--", ThemeSymbol = Symbol("gradient-theme"), createTokenCSS = (tokens, prefix) => createTokensCSS(tokens, {
+  className: THEME_CLASS,
+  prefix
+}), applyTokenStyle = (tokens, prefix) => applyTokensToCSS(tokens, {
+  className: THEME_CLASS,
+  id: `g-${prefix}-style`,
+  prefix
+}), createDefaultLightTheme = (seed = DEFAULT_SEED, options = {}) => createDefaultTheme(seed, "light", options), createDefaultDarkTheme = (seed = DEFAULT_SEED, options = {}) => createDefaultTheme(seed, "dark", options), createDefaultTheme = (seed = DEFAULT_SEED, mode = "light", options = {}) => {
+  const generated = createDesignTokens({
+    colors: options.colors,
+    mode,
+    seed: normalizeDesignTokenSeed(seed)
+  }), { tokens } = generated, classes = [THEME_CLASS, `${MODE_CLASS_PREFIX}${mode}`], themeCSSText = createTokenCSS(tokens.theme, "theme"), colorsCSSText = createTokenCSS(tokens.colors, "color"), gradientCSSText = createTokenCSS(tokens.gradients, "gradient"), canApplyToDom = options.applyToDom !== !1 && canUseDom();
+  if (canApplyToDom) {
+    const root = getClientDocument().documentElement;
+    root.classList.add(THEME_CLASS), root.classList.remove(
+      `${MODE_CLASS_PREFIX}light`,
+      `${MODE_CLASS_PREFIX}dark`
+    ), root.classList.add(`${MODE_CLASS_PREFIX}${mode}`);
+  }
+  return {
+    tokens,
+    classes,
+    cssText: [themeCSSText, colorsCSSText, gradientCSSText].join(`
+`),
+    themeCSSText,
+    colorsCSSText,
+    gradientCSSText,
+    themeCSS: canApplyToDom ? applyTokenStyle(tokens.theme, "theme") : null,
+    colorsCSS: canApplyToDom ? applyTokenStyle(tokens.colors, "color") : null,
+    gradientCSS: canApplyToDom ? applyTokenStyle(tokens.gradients, "gradient") : null
+  };
+}, createTheme = (options = {}) => {
+  const seed = ref(options.seed ?? DEFAULT_SEED), mode = ref(options.mode ?? "light"), result = shallowRef(null), apply = () => (result.value = createDefaultTheme(seed.value, mode.value, {
+    applyToDom: options.applyToDom,
+    colors: options.colors
+  }), result.value), setSeed = (nextSeed) => (seed.value = nextSeed, apply()), setMode = (nextMode) => (mode.value = nextMode, apply()), toggleMode = () => (mode.value = mode.value === "dark" ? "light" : "dark", apply());
+  return options.autoApply !== !1 && apply(), {
+    seed,
+    mode,
+    result,
+    apply,
+    setSeed,
+    setMode,
+    toggleMode
+  };
+}, provideTheme = (theme = createTheme()) => (provide(ThemeSymbol, theme), theme), installTheme = (app, theme) => {
+  app.provide(ThemeSymbol, theme);
+}, useTheme = () => inject(ThemeSymbol, null), createTokensCSS = (tokens, { className, prefix }) => {
+  const declarations = Object.entries(tokens).map(
+    ([key, value]) => `  --g-${prefix}-${camelToKebabCase(key)}: ${value};`
+  );
+  return `.${className} {
+${declarations.join(`
+`)}
+}`;
+}, applyTokensToCSS = (tokens, { className, id, prefix }) => {
+  const css = createTokensCSS(tokens, { className, prefix });
+  return mountClientStyle(id, css);
+};
+export {
+  createDefaultLightTheme as a,
+  createDefaultTheme as b,
+  createDefaultDarkTheme as c,
+  createTheme as d,
+  createTokensCSS as e,
+  installTheme as i,
+  provideTheme as p,
+  useTheme as u
+};

package/dist/cssTokens-gELrmYNj.cjs

@@ -0,0 +1,5 @@
+"use strict";const camelToKebabCase=require("./camelToKebabCase-BFm1Zwmu.cjs"),mount=require("./mount-qFaEMFZj.cjs"),gradientEngine=require("@gradient-ui/gradient-engine"),vue=require("vue"),environment=require("./environment-Dr5kpq3D.cjs"),THEME_CLASS="g-theme--material",MODE_CLASS_PREFIX="g-theme--",ThemeSymbol=Symbol("gradient-theme"),createTokenCSS=(tokens,prefix)=>createTokensCSS(tokens,{className:THEME_CLASS,prefix}),applyTokenStyle=(tokens,prefix)=>applyTokensToCSS(tokens,{className:THEME_CLASS,id:`g-${prefix}-style`,prefix}),createDefaultLightTheme=(seed=gradientEngine.DEFAULT_SEED,options={})=>createDefaultTheme(seed,"light",options),createDefaultDarkTheme=(seed=gradientEngine.DEFAULT_SEED,options={})=>createDefaultTheme(seed,"dark",options),createDefaultTheme=(seed=gradientEngine.DEFAULT_SEED,mode="light",options={})=>{const generated=gradientEngine.createDesignTokens({colors:options.colors,mode,seed:gradientEngine.normalizeDesignTokenSeed(seed)}),{tokens}=generated,classes=[THEME_CLASS,`${MODE_CLASS_PREFIX}${mode}`],themeCSSText=createTokenCSS(tokens.theme,"theme"),colorsCSSText=createTokenCSS(tokens.colors,"color"),gradientCSSText=createTokenCSS(tokens.gradients,"gradient"),canApplyToDom=options.applyToDom!==!1&&environment.canUseDom();if(canApplyToDom){const root=environment.getClientDocument().documentElement;root.classList.add(THEME_CLASS),root.classList.remove(`${MODE_CLASS_PREFIX}light`,`${MODE_CLASS_PREFIX}dark`),root.classList.add(`${MODE_CLASS_PREFIX}${mode}`)}return{tokens,classes,cssText:[themeCSSText,colorsCSSText,gradientCSSText].join(`
+`),themeCSSText,colorsCSSText,gradientCSSText,themeCSS:canApplyToDom?applyTokenStyle(tokens.theme,"theme"):null,colorsCSS:canApplyToDom?applyTokenStyle(tokens.colors,"color"):null,gradientCSS:canApplyToDom?applyTokenStyle(tokens.gradients,"gradient"):null}},createTheme=(options={})=>{const seed=vue.ref(options.seed??gradientEngine.DEFAULT_SEED),mode=vue.ref(options.mode??"light"),result=vue.shallowRef(null),apply=()=>(result.value=createDefaultTheme(seed.value,mode.value,{applyToDom:options.applyToDom,colors:options.colors}),result.value),setSeed=nextSeed=>(seed.value=nextSeed,apply()),setMode=nextMode=>(mode.value=nextMode,apply()),toggleMode=()=>(mode.value=mode.value==="dark"?"light":"dark",apply());return options.autoApply!==!1&&apply(),{seed,mode,result,apply,setSeed,setMode,toggleMode}},provideTheme=(theme=createTheme())=>(vue.provide(ThemeSymbol,theme),theme),installTheme=(app,theme)=>{app.provide(ThemeSymbol,theme)},useTheme=()=>vue.inject(ThemeSymbol,null),createTokensCSS=(tokens,{className,prefix})=>{const declarations=Object.entries(tokens).map(([key,value])=>`  --g-${prefix}-${camelToKebabCase.camelToKebabCase(key)}: ${value};`);return`.${className} {
+${declarations.join(`
+`)}
+}`},applyTokensToCSS=(tokens,{className,id,prefix})=>{const css=createTokensCSS(tokens,{className,prefix});return mount.mountClientStyle(id,css)};exports.createDefaultDarkTheme=createDefaultDarkTheme;exports.createDefaultLightTheme=createDefaultLightTheme;exports.createDefaultTheme=createDefaultTheme;exports.createTheme=createTheme;exports.createTokensCSS=createTokensCSS;exports.installTheme=installTheme;exports.provideTheme=provideTheme;exports.useTheme=useTheme;

package/dist/defaults-DJ6ZV1Qc.js

@@ -0,0 +1,51 @@
+import { ref, provide, inject, computed, defineComponent, h } from "vue";
+const DefaultsSymbol = Symbol("gradient-defaults");
+function isComponentDefaults(value) {
+  return value != null && typeof value == "object" && !Array.isArray(value);
+}
+function createDefaults(defaults = {}) {
+  return ref(defaults);
+}
+function provideDefaults(defaults = {}) {
+  const defaultsRef = createDefaults(defaults);
+  return provide(DefaultsSymbol, defaultsRef), defaultsRef;
+}
+function installDefaults(app, defaults = {}) {
+  app.provide(DefaultsSymbol, createDefaults(defaults));
+}
+function useComponentDefaults(componentName) {
+  const defaults = inject(DefaultsSymbol, createDefaults());
+  return computed(() => {
+    var _a;
+    const componentDefaults = (_a = defaults.value.components) == null ? void 0 : _a[componentName], directDefaults = defaults.value[componentName];
+    return {
+      ...defaults.value.global ?? {},
+      ...componentDefaults ?? {},
+      ...isComponentDefaults(directDefaults) ? directDefaults : {}
+    };
+  });
+}
+function withGradientDefaults(componentName, component) {
+  return defineComponent({
+    name: componentName,
+    inheritAttrs: !1,
+    setup(_props, { attrs, slots }) {
+      const defaults = useComponentDefaults(componentName);
+      return () => h(
+        component,
+        {
+          ...defaults.value,
+          ...attrs
+        },
+        slots
+      );
+    }
+  });
+}
+export {
+  createDefaults as c,
+  installDefaults as i,
+  provideDefaults as p,
+  useComponentDefaults as u,
+  withGradientDefaults as w
+};

package/dist/defaults-aVtmQF-9.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),DefaultsSymbol=Symbol("gradient-defaults");function isComponentDefaults(value){return value!=null&&typeof value=="object"&&!Array.isArray(value)}function createDefaults(defaults={}){return vue.ref(defaults)}function provideDefaults(defaults={}){const defaultsRef=createDefaults(defaults);return vue.provide(DefaultsSymbol,defaultsRef),defaultsRef}function installDefaults(app,defaults={}){app.provide(DefaultsSymbol,createDefaults(defaults))}function useComponentDefaults(componentName){const defaults=vue.inject(DefaultsSymbol,createDefaults());return vue.computed(()=>{var _a;const componentDefaults=(_a=defaults.value.components)==null?void 0:_a[componentName],directDefaults=defaults.value[componentName];return{...defaults.value.global??{},...componentDefaults??{},...isComponentDefaults(directDefaults)?directDefaults:{}}})}function withGradientDefaults(componentName,component){return vue.defineComponent({name:componentName,inheritAttrs:!1,setup(_props,{attrs,slots}){const defaults=useComponentDefaults(componentName);return()=>vue.h(component,{...defaults.value,...attrs},slots)}})}exports.createDefaults=createDefaults;exports.installDefaults=installDefaults;exports.provideDefaults=provideDefaults;exports.useComponentDefaults=useComponentDefaults;exports.withGradientDefaults=withGradientDefaults;

package/dist/density-C3E1eUQ3.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makeDensityProps=propsFactory.propsFactory({density:{type:String,default:"comfortable"}});function useDensity(props,base,modifier="density"){return vue.computed(()=>`${base}_${modifier}-${props.density}`)}exports.makeDensityProps=makeDensityProps;exports.useDensity=useDensity;

package/dist/density-Ci15Ek7T.js

@@ -0,0 +1,15 @@
+import { computed } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makeDensityProps = propsFactory({
+  density: {
+    type: String,
+    default: "comfortable"
+  }
+});
+function useDensity(props, base, modifier = "density") {
+  return computed(() => `${base}_${modifier}-${props.density}`);
+}
+export {
+  makeDensityProps as m,
+  useDensity as u
+};

package/dist/di-BXJSJc_E.js

@@ -0,0 +1,12 @@
+import { inject, provide } from "vue";
+const ExpansionGroupKey = Symbol("ExpansionGroup");
+function provideExpansionGroup(context) {
+  provide(ExpansionGroupKey, context);
+}
+function useExpansionGroupInject() {
+  return inject(ExpansionGroupKey, null);
+}
+export {
+  provideExpansionGroup as p,
+  useExpansionGroupInject as u
+};

package/dist/di-Czemfti1.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),ExpansionGroupKey=Symbol("ExpansionGroup");function provideExpansionGroup(context){vue.provide(ExpansionGroupKey,context)}function useExpansionGroupInject(){return vue.inject(ExpansionGroupKey,null)}exports.provideExpansionGroup=provideExpansionGroup;exports.useExpansionGroupInject=useExpansionGroupInject;

package/dist/directives.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mask-ObMqNEfF.cjs");exports.vGradientIcon=e.gradientIcon;exports.vGradientText=e.vGradientText;exports.vLoading=e.loading;exports.vMask=e.vMask;exports.vRipple=e.ripple;exports.vSpecular=e.specular;exports.vTooltip=e.vTooltip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const mask=require("./mask-BGVqqZXk.cjs");exports.vGradientIcon=mask.gradientIcon;exports.vGradientText=mask.vGradientText;exports.vLoading=mask.loading;exports.vMask=mask.vMask;exports.vRipple=mask.ripple;exports.vSpecular=mask.specular;exports.vTooltip=mask.vTooltip;

package/dist/directives.mjs

@@ -1,10 +1,10 @@
-import { g as v, v as e, l as o, a as r, r as i, s as p, b as t } from "./mask-BqOamrcF.js";
+import { g, v, l, a, r, s, b } from "./mask-D4VYR8fo.js";
 export {
-  v as vGradientIcon,
-  e as vGradientText,
-  o as vLoading,
-  r as vMask,
-  i as vRipple,
-  p as vSpecular,
-  t as vTooltip
+  g as vGradientIcon,
+  v as vGradientText,
+  l as vLoading,
+  a as vMask,
+  r as vRipple,
+  s as vSpecular,
+  b as vTooltip
 };

package/dist/disabled-B_bAKgaM.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makeDisabledProps=propsFactory.propsFactory({disabled:Boolean});function useDisabled(props,base){return vue.computed(()=>props.disabled?`${base}_disabled`:"")}exports.makeDisabledProps=makeDisabledProps;exports.useDisabled=useDisabled;

package/dist/disabled-CAV056h6.js

@@ -0,0 +1,12 @@
+import { computed } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makeDisabledProps = propsFactory({
+  disabled: Boolean
+});
+function useDisabled(props, base) {
+  return computed(() => props.disabled ? `${base}_disabled` : "");
+}
+export {
+  makeDisabledProps as m,
+  useDisabled as u
+};

package/dist/environment-Dr5kpq3D.cjs

@@ -0,0 +1 @@
+"use strict";const canUseDom=()=>typeof window<"u"&&typeof document<"u",getClientWindow=()=>canUseDom()?window:null,getClientDocument=()=>canUseDom()?document:null,getClientRuntime=()=>{const clientWindow=getClientWindow(),clientDocument=getClientDocument();return clientWindow&&clientDocument?{document:clientDocument,window:clientWindow}:null},isClientElement=value=>typeof Element<"u"&&value instanceof Element,isClientHTMLElement=value=>typeof HTMLElement<"u"&&value instanceof HTMLElement,runOnClient=callback=>canUseDom()?callback():null;exports.canUseDom=canUseDom;exports.getClientDocument=getClientDocument;exports.getClientRuntime=getClientRuntime;exports.getClientWindow=getClientWindow;exports.isClientElement=isClientElement;exports.isClientHTMLElement=isClientHTMLElement;exports.runOnClient=runOnClient;

package/dist/environment-o0e-UUbv.js

@@ -0,0 +1,13 @@
+const canUseDom = () => typeof window < "u" && typeof document < "u", getClientWindow = () => canUseDom() ? window : null, getClientDocument = () => canUseDom() ? document : null, getClientRuntime = () => {
+  const clientWindow = getClientWindow(), clientDocument = getClientDocument();
+  return clientWindow && clientDocument ? { document: clientDocument, window: clientWindow } : null;
+}, isClientElement = (value) => typeof Element < "u" && value instanceof Element, isClientHTMLElement = (value) => typeof HTMLElement < "u" && value instanceof HTMLElement, runOnClient = (callback) => canUseDom() ? callback() : null;
+export {
+  getClientRuntime as a,
+  getClientWindow as b,
+  canUseDom as c,
+  isClientHTMLElement as d,
+  getClientDocument as g,
+  isClientElement as i,
+  runOnClient as r
+};