@routa/ui-vue 0.1.0

package/dist/config-provider/index.d.ts

@@ -0,0 +1,97 @@
+export declare const LConfigProvider: import('../utils/install').SFCWithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        readonly theme: {
+            readonly type: import('vue').PropType<import('./types').RoutaThemeMode>;
+            readonly default: undefined;
+            readonly validator: (value: unknown) => boolean;
+        };
+        readonly radius: {
+            readonly type: import('vue').PropType<import('./types').RoutaRadiusConfig>;
+            readonly default: undefined;
+            readonly validator: (value: unknown) => boolean;
+        };
+        readonly themeOverrides: {
+            readonly type: import('vue').PropType<import('./types').RoutaThemeOverrides>;
+            readonly default: undefined;
+        };
+        readonly feedback: {
+            readonly type: import('vue').PropType<import('./types').RoutaFeedbackConfig>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        readonly radius: import('./types').RoutaRadiusConfig;
+        readonly themeOverrides: import('./types').RoutaThemeOverrides;
+        readonly theme: import('./types').RoutaThemeMode;
+        readonly feedback: import('./types').RoutaFeedbackConfig;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        hostRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        readonly theme: {
+            readonly type: import('vue').PropType<import('./types').RoutaThemeMode>;
+            readonly default: undefined;
+            readonly validator: (value: unknown) => boolean;
+        };
+        readonly radius: {
+            readonly type: import('vue').PropType<import('./types').RoutaRadiusConfig>;
+            readonly default: undefined;
+            readonly validator: (value: unknown) => boolean;
+        };
+        readonly themeOverrides: {
+            readonly type: import('vue').PropType<import('./types').RoutaThemeOverrides>;
+            readonly default: undefined;
+        };
+        readonly feedback: {
+            readonly type: import('vue').PropType<import('./types').RoutaFeedbackConfig>;
+            readonly default: undefined;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        readonly radius: import('./types').RoutaRadiusConfig;
+        readonly themeOverrides: import('./types').RoutaThemeOverrides;
+        readonly theme: import('./types').RoutaThemeMode;
+        readonly feedback: import('./types').RoutaFeedbackConfig;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    readonly theme: {
+        readonly type: import('vue').PropType<import('./types').RoutaThemeMode>;
+        readonly default: undefined;
+        readonly validator: (value: unknown) => boolean;
+    };
+    readonly radius: {
+        readonly type: import('vue').PropType<import('./types').RoutaRadiusConfig>;
+        readonly default: undefined;
+        readonly validator: (value: unknown) => boolean;
+    };
+    readonly themeOverrides: {
+        readonly type: import('vue').PropType<import('./types').RoutaThemeOverrides>;
+        readonly default: undefined;
+    };
+    readonly feedback: {
+        readonly type: import('vue').PropType<import('./types').RoutaFeedbackConfig>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    readonly radius: import('./types').RoutaRadiusConfig;
+    readonly themeOverrides: import('./types').RoutaThemeOverrides;
+    readonly theme: import('./types').RoutaThemeMode;
+    readonly feedback: import('./types').RoutaFeedbackConfig;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})>;
+export * from './context';
+export * from './runtime';
+export * from './resolver';
+export * from './teleport';
+export * from './types';
+export default LConfigProvider;

package/dist/config-provider/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("../chunks/install-gnn2dOg9.js"),n=require("vue"),J=["light","dark","system"],b=["info","success","warning","error"],R=["info","success","warning","error"],d={default:{control:"10px",surface:"10px",overlay:"16px",soft:"6px",full:"9999px"},rounded:{control:"16px",surface:"12px",overlay:"18px",soft:"12px",full:"9999px"},none:{control:"0px",surface:"0px",overlay:"0px",soft:"0px",full:"9999px"}},X=["control","surface","overlay","soft","full"],Z={placement:"top-center",duration:3e3,closable:!1},ee={placement:"top-right",duration:4500,closable:!0},S={text:"",size:"medium"},w=e=>typeof e=="string"&&e in d,oe=e=>typeof e=="string"&&J.includes(e),se=e=>typeof e=="string"&&["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"].includes(e),te=e=>typeof e=="number"?`${e}px`:e,re=e=>typeof e=="number"||typeof e=="string",ne=e=>typeof e=="number"||typeof e=="string",c=e=>({control:e.control,surface:e.surface,overlay:e.overlay,soft:e.soft,full:e.full}),ie=(e,o)=>{const s=w(e.preset)?c(d[e.preset]):c(o?o.radius:d.default);for(const t of X){const r=e[t];re(r)&&(s[t]=te(r))}return s},ce=(e,o)=>e===void 0?c(o?o.radius:d.default):w(e)?c(d[e]):typeof e=="object"&&e!==null?ie(e,o):c(o?o.radius:d.default),le=(e,o)=>{var s;return e==="system"?o.systemTheme??"light":e&&oe(e)?e:((s=o.parent)==null?void 0:s.theme)??"light"},D=e=>typeof e=="string"?{DEFAULT:e,hover:`color-mix(in srgb, ${e} 88%, white)`,active:`color-mix(in srgb, ${e} 82%, black)`}:e,fe=e=>{var r;const o={},s=(r=e.colors)==null?void 0:r.primary;if(!s)return o;const t=D(s);return t.DEFAULT&&(o["--l-color-primary"]=t.DEFAULT),t.hover&&(o["--l-color-primary-hover"]=t.hover),t.active&&(o["--l-color-primary-active"]=t.active),o},F=e=>{if(e)return D(e)},de=(e,o)=>{var r,i;const s=F((r=e==null?void 0:e.colors)==null?void 0:r.primary),t=F((i=o==null?void 0:o.colors)==null?void 0:i.primary);return!s&&!t?{}:{colors:{primary:{...s,...t}}}},_=e=>({placement:e.placement,duration:e.duration,closable:e.closable}),k=e=>({placement:e.placement,duration:e.duration,closable:e.closable}),p=(e,o)=>({placement:se(o==null?void 0:o.placement)?o.placement:e.placement,duration:typeof(o==null?void 0:o.duration)=="number"?o.duration:e.duration,closable:typeof(o==null?void 0:o.closable)=="boolean"?o.closable:e.closable}),I=(e,o,s)=>{const t={};for(const r of e){const i=o==null?void 0:o[r],l=s==null?void 0:s[r];!i&&!l||(t[r]={...i??{},...l??{}})}return t},P=(e,o,s)=>{const t={};for(const r of e)t[r]=p(o,s[r]);return t},ue=(e,o)=>{const s=p(_(o||Z),e),t=I(b,o==null?void 0:o.typeOverrides,e==null?void 0:e.types);return{...s,types:P(b,s,t),typeOverrides:t}},ae=(e,o)=>{const s=p(k(o||ee),e),t=I(R,o==null?void 0:o.typeOverrides,e==null?void 0:e.types);return{...s,types:P(R,s,t),typeOverrides:t}},me=(e,o)=>({text:typeof(e==null?void 0:e.text)=="string"?e.text:(o==null?void 0:o.text)??S.text,size:ne(e==null?void 0:e.size)?e.size:(o==null?void 0:o.size)??S.size}),ve=(e,o)=>({message:ue(e==null?void 0:e.message,o==null?void 0:o.message),notification:ae(e==null?void 0:e.notification,o==null?void 0:o.notification),loading:me(e==null?void 0:e.loading,o==null?void 0:o.loading)}),a=(e={},o={})=>{var l,f;const s=ce(e.radius,o.parent),t=de((l=o.parent)==null?void 0:l.themeOverrides,e.themeOverrides),r=ve(e.feedback,(f=o.parent)==null?void 0:f.feedback),i={"--l-radius-control":s.control,"--l-radius-surface":s.surface,"--l-radius-overlay":s.overlay,"--l-radius-soft":s.soft,"--l-radius-full":s.full,"--l-input-radius":s.control,"--l-popover-radius":s.overlay,"--l-tooltip-radius":s.overlay,...fe(t)};return{theme:le(e.theme,o),radius:s,themeOverrides:t,feedback:r,cssVars:i}},U="(prefers-color-scheme: dark)",A=["info","success","warning","error"],M=["info","success","warning","error"],j=["placement","duration","closable"],V=()=>typeof window<"u",y=()=>!V()||typeof window.matchMedia!="function"?"light":window.matchMedia(U).matches?"dark":"light",N=e=>{if(!V()||typeof window.matchMedia!="function")return()=>{};const o=window.matchMedia(U),s=t=>{e(t.matches?"dark":"light")};return typeof o.addEventListener=="function"?(o.addEventListener("change",s),()=>{o.removeEventListener("change",s)}):(o.addListener(s),()=>{o.removeListener(s)})},Y=(e,o)=>{if(!e)return;e.setAttribute("data-theme",o.theme);const s=new Set(Object.keys(o.cssVars));for(let t=e.style.length-1;t>=0;t-=1){const r=e.style.item(t);r.startsWith("--l-")&&!s.has(r)&&e.style.removeProperty(r)}for(const[t,r]of Object.entries(o.cssVars))e.style.setProperty(t,r)},ye=(e,o)=>{for(const s of Object.keys(e))s in o||delete e[s];for(const[s,t]of Object.entries(o))e[s]=t},he=["DEFAULT","hover","active"],pe=(e,o)=>{for(const s of he){const t=o[s];t?e[s]=t:delete e[s]}},h=(e,o)=>{for(const s of j)e[s]=o[s]},ge=(e,o)=>{for(const s of j){const t=o[s];t===void 0?delete e[s]:e[s]=t}},x=(e,o,s)=>{for(const t of e)o[t]??(o[t]={...s[t]}),h(o[t],s[t])},L=(e,o,s)=>{for(const t of e){const r=s[t];if(!r){delete o[t];continue}o[t]??(o[t]={}),ge(o[t],r)}},g=(e,o)=>{var s,t,r;e.theme=o.theme,e.radius.control=o.radius.control,e.radius.surface=o.radius.surface,e.radius.overlay=o.radius.overlay,e.radius.soft=o.radius.soft,e.radius.full=o.radius.full,(s=o.themeOverrides.colors)!=null&&s.primary?((t=e.themeOverrides).colors??(t.colors={}),(r=e.themeOverrides.colors).primary??(r.primary={}),pe(e.themeOverrides.colors.primary,o.themeOverrides.colors.primary)):e.themeOverrides.colors&&(delete e.themeOverrides.colors.primary,Object.keys(e.themeOverrides.colors).length===0&&delete e.themeOverrides.colors),h(e.feedback.message,o.feedback.message),x(A,e.feedback.message.types,o.feedback.message.types),L(A,e.feedback.message.typeOverrides,o.feedback.message.typeOverrides),h(e.feedback.notification,o.feedback.notification),x(M,e.feedback.notification.types,o.feedback.notification.types),L(M,e.feedback.notification.typeOverrides,o.feedback.notification.typeOverrides),e.feedback.loading.text=o.feedback.loading.text,e.feedback.loading.size=o.feedback.loading.size,ye(e.cssVars,o.cssVars)},z=n.reactive(a()),m=n.readonly(z),E=new WeakMap,u=Symbol("LUMI_CONFIG_KEY"),H=e=>n.readonly(e),K=e=>{const o=H(e);return n.provide(u,o),o},Ee=(e,o)=>{const s=H(o);return e.provide(u,s),s},Ce=e=>{g(z,e)},Oe=()=>m,B=e=>{var s;return((s=e==null?void 0:e.provides)==null?void 0:s[u])??m},Te=e=>{const o=e==null?void 0:e.provides,s=o==null?void 0:o[u];return s||B(e==null?void 0:e.appContext)},G=(e,o)=>{e&&E.set(e,o)},$=e=>{e&&E.delete(e)},be=e=>{let o=e;for(;o;){const s=E.get(o);if(s)return s;o=o.parentElement}return m},C=()=>n.inject(u,m),Re=["light","dark","system"],Se=["default","rounded","none"],W={theme:{type:String,default:void 0,validator:e=>e===void 0||Re.includes(e)},radius:{type:[String,Object],default:void 0,validator:e=>e===void 0?!0:typeof e=="string"?Se.includes(e):typeof e=="object"&&e!==null},themeOverrides:{type:Object,default:void 0},feedback:{type:Object,default:void 0}},Fe=n.defineComponent({name:"LConfigProvider",__name:"ConfigProvider",props:W,setup(e){const o=e,s=C(),t=n.ref(y()),r=n.ref(null),i=n.reactive(a({theme:o.theme,radius:o.radius,themeOverrides:o.themeOverrides,feedback:o.feedback},{parent:s,systemTheme:t.value})),l=K(i);n.watchEffect(()=>{g(i,a({theme:o.theme,radius:o.radius,themeOverrides:o.themeOverrides,feedback:o.feedback},{parent:s,systemTheme:t.value}))});let f=()=>{};n.watch(()=>o.theme,v=>{f(),f=()=>{},v==="system"&&(t.value=y(),f=N(T=>{t.value=T}))},{immediate:!0});const O=()=>{Y(r.value,i),G(r.value,l)};return n.watch(()=>[i.theme,i.cssVars],O,{deep:!0,flush:"post"}),n.onMounted(()=>{O()}),n.onBeforeUnmount(()=>{f(),$(r.value)}),(v,T)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"hostRef",ref:r,style:{display:"contents"}},[n.renderSlot(v.$slots,"default")],512))}}),_e=()=>{const e=C(),o=n.computed(()=>e.theme),s=n.computed(()=>({...e.cssVars}));return{teleportedTheme:o,teleportedCssVars:s}},q=Q.withInstall(Fe);exports.LConfigProvider=q;exports.LUMI_CONFIG_KEY=u;exports.applyResolvedConfigToElement=Y;exports.configProviderProps=W;exports.default=q;exports.getFallbackRoutaConfig=Oe;exports.provideAppRoutaConfig=Ee;exports.provideRoutaConfig=K;exports.registerRoutaConfigHost=G;exports.resolveRoutaConfig=a;exports.resolveRoutaConfigFromAppContext=B;exports.resolveRoutaConfigFromElement=be;exports.resolveRoutaConfigFromInstance=Te;exports.resolveSystemTheme=y;exports.syncFallbackRoutaConfig=Ce;exports.syncResolvedConfig=g;exports.unregisterRoutaConfigHost=$;exports.useRoutaConfig=C;exports.useTeleportedConfig=_e;exports.watchSystemTheme=N;

package/dist/config-provider/index.mjs

@@ -0,0 +1,396 @@
+import { w as G } from "../chunks/install-DJNxamQ0.mjs";
+import { reactive as M, readonly as w, inject as $, provide as W, defineComponent as Q, ref as g, watchEffect as q, watch as O, onMounted as J, onBeforeUnmount as X, openBlock as Z, createElementBlock as ee, renderSlot as oe, computed as T } from "vue";
+const se = ["light", "dark", "system"], b = ["info", "success", "warning", "error"], C = ["info", "success", "warning", "error"], d = {
+  default: {
+    control: "10px",
+    surface: "10px",
+    overlay: "16px",
+    soft: "6px",
+    full: "9999px"
+  },
+  rounded: {
+    control: "16px",
+    surface: "12px",
+    overlay: "18px",
+    soft: "12px",
+    full: "9999px"
+  },
+  none: {
+    control: "0px",
+    surface: "0px",
+    overlay: "0px",
+    soft: "0px",
+    full: "9999px"
+  }
+}, te = [
+  "control",
+  "surface",
+  "overlay",
+  "soft",
+  "full"
+], re = {
+  placement: "top-center",
+  duration: 3e3,
+  closable: !1
+}, ne = {
+  placement: "top-right",
+  duration: 4500,
+  closable: !0
+}, S = {
+  text: "",
+  size: "medium"
+}, I = (e) => typeof e == "string" && e in d, ie = (e) => typeof e == "string" && se.includes(e), ce = (e) => typeof e == "string" && [
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right"
+].includes(e), le = (e) => typeof e == "number" ? `${e}px` : e, de = (e) => typeof e == "number" || typeof e == "string", fe = (e) => typeof e == "number" || typeof e == "string", i = (e) => ({
+  control: e.control,
+  surface: e.surface,
+  overlay: e.overlay,
+  soft: e.soft,
+  full: e.full
+}), ue = (e, o) => {
+  const s = I(e.preset) ? i(d[e.preset]) : i(o ? o.radius : d.default);
+  for (const t of te) {
+    const r = e[t];
+    de(r) && (s[t] = le(r));
+  }
+  return s;
+}, ae = (e, o) => e === void 0 ? i(o ? o.radius : d.default) : I(e) ? i(d[e]) : typeof e == "object" && e !== null ? ue(e, o) : i(o ? o.radius : d.default), me = (e, o) => {
+  var s;
+  return e === "system" ? o.systemTheme ?? "light" : e && ie(e) ? e : ((s = o.parent) == null ? void 0 : s.theme) ?? "light";
+}, P = (e) => typeof e == "string" ? {
+  DEFAULT: e,
+  hover: `color-mix(in srgb, ${e} 88%, white)`,
+  active: `color-mix(in srgb, ${e} 82%, black)`
+} : e, ye = (e) => {
+  var r;
+  const o = {}, s = (r = e.colors) == null ? void 0 : r.primary;
+  if (!s)
+    return o;
+  const t = P(s);
+  return t.DEFAULT && (o["--l-color-primary"] = t.DEFAULT), t.hover && (o["--l-color-primary-hover"] = t.hover), t.active && (o["--l-color-primary-active"] = t.active), o;
+}, F = (e) => {
+  if (e)
+    return P(e);
+}, ve = (e, o) => {
+  var r, n;
+  const s = F((r = e == null ? void 0 : e.colors) == null ? void 0 : r.primary), t = F((n = o == null ? void 0 : o.colors) == null ? void 0 : n.primary);
+  return !s && !t ? {} : {
+    colors: {
+      primary: {
+        ...s,
+        ...t
+      }
+    }
+  };
+}, R = (e) => ({
+  placement: e.placement,
+  duration: e.duration,
+  closable: e.closable
+}), _ = (e) => ({
+  placement: e.placement,
+  duration: e.duration,
+  closable: e.closable
+}), v = (e, o) => ({
+  placement: ce(o == null ? void 0 : o.placement) ? o.placement : e.placement,
+  duration: typeof (o == null ? void 0 : o.duration) == "number" ? o.duration : e.duration,
+  closable: typeof (o == null ? void 0 : o.closable) == "boolean" ? o.closable : e.closable
+}), U = (e, o, s) => {
+  const t = {};
+  for (const r of e) {
+    const n = o == null ? void 0 : o[r], c = s == null ? void 0 : s[r];
+    !n && !c || (t[r] = {
+      ...n ?? {},
+      ...c ?? {}
+    });
+  }
+  return t;
+}, V = (e, o, s) => {
+  const t = {};
+  for (const r of e)
+    t[r] = v(o, s[r]);
+  return t;
+}, he = (e, o) => {
+  const s = v(
+    R(o || re),
+    e
+  ), t = U(
+    b,
+    o == null ? void 0 : o.typeOverrides,
+    e == null ? void 0 : e.types
+  );
+  return {
+    ...s,
+    types: V(b, s, t),
+    typeOverrides: t
+  };
+}, pe = (e, o) => {
+  const s = v(
+    _(o || ne),
+    e
+  ), t = U(
+    C,
+    o == null ? void 0 : o.typeOverrides,
+    e == null ? void 0 : e.types
+  );
+  return {
+    ...s,
+    types: V(C, s, t),
+    typeOverrides: t
+  };
+}, Ee = (e, o) => ({
+  text: typeof (e == null ? void 0 : e.text) == "string" ? e.text : (o == null ? void 0 : o.text) ?? S.text,
+  size: fe(e == null ? void 0 : e.size) ? e.size : (o == null ? void 0 : o.size) ?? S.size
+}), ge = (e, o) => ({
+  message: he(e == null ? void 0 : e.message, o == null ? void 0 : o.message),
+  notification: pe(e == null ? void 0 : e.notification, o == null ? void 0 : o.notification),
+  loading: Ee(e == null ? void 0 : e.loading, o == null ? void 0 : o.loading)
+}), m = (e = {}, o = {}) => {
+  var c, l;
+  const s = ae(e.radius, o.parent), t = ve((c = o.parent) == null ? void 0 : c.themeOverrides, e.themeOverrides), r = ge(e.feedback, (l = o.parent) == null ? void 0 : l.feedback), n = {
+    "--l-radius-control": s.control,
+    "--l-radius-surface": s.surface,
+    "--l-radius-overlay": s.overlay,
+    "--l-radius-soft": s.soft,
+    "--l-radius-full": s.full,
+    "--l-input-radius": s.control,
+    "--l-popover-radius": s.overlay,
+    "--l-tooltip-radius": s.overlay,
+    ...ye(t)
+  };
+  return {
+    theme: me(e.theme, o),
+    radius: s,
+    themeOverrides: t,
+    feedback: r,
+    cssVars: n
+  };
+}, j = "(prefers-color-scheme: dark)", k = ["info", "success", "warning", "error"], x = ["info", "success", "warning", "error"], z = [
+  "placement",
+  "duration",
+  "closable"
+], N = () => typeof window < "u", A = () => !N() || typeof window.matchMedia != "function" ? "light" : window.matchMedia(j).matches ? "dark" : "light", Oe = (e) => {
+  if (!N() || typeof window.matchMedia != "function")
+    return () => {
+    };
+  const o = window.matchMedia(j), s = (t) => {
+    e(t.matches ? "dark" : "light");
+  };
+  return typeof o.addEventListener == "function" ? (o.addEventListener("change", s), () => {
+    o.removeEventListener("change", s);
+  }) : (o.addListener(s), () => {
+    o.removeListener(s);
+  });
+}, Te = (e, o) => {
+  if (!e)
+    return;
+  e.setAttribute("data-theme", o.theme);
+  const s = new Set(Object.keys(o.cssVars));
+  for (let t = e.style.length - 1; t >= 0; t -= 1) {
+    const r = e.style.item(t);
+    r.startsWith("--l-") && !s.has(r) && e.style.removeProperty(r);
+  }
+  for (const [t, r] of Object.entries(o.cssVars))
+    e.style.setProperty(t, r);
+}, be = (e, o) => {
+  for (const s of Object.keys(e))
+    s in o || delete e[s];
+  for (const [s, t] of Object.entries(o))
+    e[s] = t;
+}, Ce = ["DEFAULT", "hover", "active"], Se = (e, o) => {
+  for (const s of Ce) {
+    const t = o[s];
+    t ? e[s] = t : delete e[s];
+  }
+}, y = (e, o) => {
+  for (const s of z)
+    e[s] = o[s];
+}, Fe = (e, o) => {
+  for (const s of z) {
+    const t = o[s];
+    t === void 0 ? delete e[s] : e[s] = t;
+  }
+}, D = (e, o, s) => {
+  for (const t of e)
+    o[t] ?? (o[t] = { ...s[t] }), y(o[t], s[t]);
+}, L = (e, o, s) => {
+  for (const t of e) {
+    const r = s[t];
+    if (!r) {
+      delete o[t];
+      continue;
+    }
+    o[t] ?? (o[t] = {}), Fe(o[t], r);
+  }
+}, Y = (e, o) => {
+  var s, t, r;
+  e.theme = o.theme, e.radius.control = o.radius.control, e.radius.surface = o.radius.surface, e.radius.overlay = o.radius.overlay, e.radius.soft = o.radius.soft, e.radius.full = o.radius.full, (s = o.themeOverrides.colors) != null && s.primary ? ((t = e.themeOverrides).colors ?? (t.colors = {}), (r = e.themeOverrides.colors).primary ?? (r.primary = {}), Se(e.themeOverrides.colors.primary, o.themeOverrides.colors.primary)) : e.themeOverrides.colors && (delete e.themeOverrides.colors.primary, Object.keys(e.themeOverrides.colors).length === 0 && delete e.themeOverrides.colors), y(e.feedback.message, o.feedback.message), D(
+    k,
+    e.feedback.message.types,
+    o.feedback.message.types
+  ), L(
+    k,
+    e.feedback.message.typeOverrides,
+    o.feedback.message.typeOverrides
+  ), y(e.feedback.notification, o.feedback.notification), D(
+    x,
+    e.feedback.notification.types,
+    o.feedback.notification.types
+  ), L(
+    x,
+    e.feedback.notification.typeOverrides,
+    o.feedback.notification.typeOverrides
+  ), e.feedback.loading.text = o.feedback.loading.text, e.feedback.loading.size = o.feedback.loading.size, be(e.cssVars, o.cssVars);
+}, K = M(m()), u = w(K), h = /* @__PURE__ */ new WeakMap(), f = Symbol("LUMI_CONFIG_KEY"), H = (e) => w(e), Re = (e) => {
+  const o = H(e);
+  return W(f, o), o;
+}, Pe = (e, o) => {
+  const s = H(o);
+  return e.provide(f, s), s;
+}, Ue = (e) => {
+  Y(K, e);
+}, Ve = () => u, _e = (e) => {
+  var s;
+  return ((s = e == null ? void 0 : e.provides) == null ? void 0 : s[f]) ?? u;
+}, je = (e) => {
+  const o = e == null ? void 0 : e.provides, s = o == null ? void 0 : o[f];
+  return s || _e(e == null ? void 0 : e.appContext);
+}, ke = (e, o) => {
+  e && h.set(e, o);
+}, xe = (e) => {
+  e && h.delete(e);
+}, ze = (e) => {
+  let o = e;
+  for (; o; ) {
+    const s = h.get(o);
+    if (s)
+      return s;
+    o = o.parentElement;
+  }
+  return u;
+}, B = () => $(f, u), Ae = ["light", "dark", "system"], De = ["default", "rounded", "none"], Le = {
+  theme: {
+    type: String,
+    default: void 0,
+    validator: (e) => e === void 0 || Ae.includes(e)
+  },
+  radius: {
+    type: [String, Object],
+    default: void 0,
+    validator: (e) => e === void 0 ? !0 : typeof e == "string" ? De.includes(e) : typeof e == "object" && e !== null
+  },
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  },
+  feedback: {
+    type: Object,
+    default: void 0
+  }
+}, Me = /* @__PURE__ */ Q({
+  name: "LConfigProvider",
+  __name: "ConfigProvider",
+  props: Le,
+  setup(e) {
+    const o = e, s = B(), t = g(A()), r = g(null), n = M(
+      m(
+        {
+          theme: o.theme,
+          radius: o.radius,
+          themeOverrides: o.themeOverrides,
+          feedback: o.feedback
+        },
+        {
+          parent: s,
+          systemTheme: t.value
+        }
+      )
+    ), c = Re(n);
+    q(() => {
+      Y(
+        n,
+        m(
+          {
+            theme: o.theme,
+            radius: o.radius,
+            themeOverrides: o.themeOverrides,
+            feedback: o.feedback
+          },
+          {
+            parent: s,
+            systemTheme: t.value
+          }
+        )
+      );
+    });
+    let l = () => {
+    };
+    O(
+      () => o.theme,
+      (a) => {
+        l(), l = () => {
+        }, a === "system" && (t.value = A(), l = Oe((E) => {
+          t.value = E;
+        }));
+      },
+      {
+        immediate: !0
+      }
+    );
+    const p = () => {
+      Te(r.value, n), ke(r.value, c);
+    };
+    return O(
+      () => [n.theme, n.cssVars],
+      p,
+      {
+        deep: !0,
+        flush: "post"
+      }
+    ), J(() => {
+      p();
+    }), X(() => {
+      l(), xe(r.value);
+    }), (a, E) => (Z(), ee("div", {
+      ref_key: "hostRef",
+      ref: r,
+      style: { display: "contents" }
+    }, [
+      oe(a.$slots, "default")
+    ], 512));
+  }
+}), Ne = () => {
+  const e = B(), o = T(() => e.theme), s = T(() => ({
+    ...e.cssVars
+  }));
+  return {
+    teleportedTheme: o,
+    teleportedCssVars: s
+  };
+}, Ye = G(Me);
+export {
+  Ye as LConfigProvider,
+  f as LUMI_CONFIG_KEY,
+  Te as applyResolvedConfigToElement,
+  Le as configProviderProps,
+  Ye as default,
+  Ve as getFallbackRoutaConfig,
+  Pe as provideAppRoutaConfig,
+  Re as provideRoutaConfig,
+  ke as registerRoutaConfigHost,
+  m as resolveRoutaConfig,
+  _e as resolveRoutaConfigFromAppContext,
+  ze as resolveRoutaConfigFromElement,
+  je as resolveRoutaConfigFromInstance,
+  A as resolveSystemTheme,
+  Ue as syncFallbackRoutaConfig,
+  Y as syncResolvedConfig,
+  xe as unregisterRoutaConfigHost,
+  B as useRoutaConfig,
+  Ne as useTeleportedConfig,
+  Oe as watchSystemTheme
+};

package/dist/config-provider/resolver.d.ts

@@ -0,0 +1,2 @@
+import { RoutaConfig, ResolvedRoutaConfig, ResolveRoutaConfigOptions } from './types';
+export declare const resolveRoutaConfig: (props?: RoutaConfig, options?: ResolveRoutaConfigOptions) => ResolvedRoutaConfig;

package/dist/config-provider/runtime.d.ts

@@ -0,0 +1,5 @@
+import { RoutaResolvedTheme, ResolvedRoutaConfig } from './types';
+export declare const resolveSystemTheme: () => RoutaResolvedTheme;
+export declare const watchSystemTheme: (listener: (theme: RoutaResolvedTheme) => void) => () => void;
+export declare const applyResolvedConfigToElement: (element: HTMLElement | null | undefined, config: ResolvedRoutaConfig) => void;
+export declare const syncResolvedConfig: (target: ResolvedRoutaConfig, source: ResolvedRoutaConfig) => void;

package/dist/config-provider/teleport.d.ts

@@ -0,0 +1,6 @@
+export declare const useTeleportedConfig: () => {
+    teleportedTheme: import('vue').ComputedRef<import('./types').RoutaResolvedTheme>;
+    teleportedCssVars: import('vue').ComputedRef<{
+        [x: string]: string;
+    }>;
+};

package/dist/config-provider/types.d.ts

@@ -0,0 +1,131 @@
+import { PropType } from 'vue';
+import { FeedbackPlacement } from '../feedback-runtime/types';
+import { LoadingSize } from '../loading/types';
+import { MessageType } from '../message/types';
+import { NotificationType } from '../notification/types';
+export type RoutaThemeMode = 'light' | 'dark' | 'system';
+export type RoutaResolvedTheme = Exclude<RoutaThemeMode, 'system'>;
+export type RoutaRadiusPreset = 'default' | 'rounded' | 'none';
+export type RoutaRadiusValue = number | string;
+export interface RoutaRadiusSlots<TValue = RoutaRadiusValue> {
+    control: TValue;
+    surface: TValue;
+    overlay: TValue;
+    soft: TValue;
+    full: TValue;
+}
+export interface RoutaRadiusObject {
+    preset?: RoutaRadiusPreset;
+    control?: RoutaRadiusValue;
+    surface?: RoutaRadiusValue;
+    overlay?: RoutaRadiusValue;
+    soft?: RoutaRadiusValue;
+    full?: RoutaRadiusValue;
+}
+export type RoutaRadiusConfig = RoutaRadiusPreset | RoutaRadiusObject;
+export interface RoutaThemeColorScale {
+    DEFAULT?: string;
+    hover?: string;
+    active?: string;
+}
+export interface RoutaThemeColorsOverride {
+    primary?: string | RoutaThemeColorScale;
+}
+export interface RoutaThemeOverrides {
+    colors?: RoutaThemeColorsOverride;
+}
+export interface ResolvedRoutaThemeColorsOverride {
+    primary?: RoutaThemeColorScale;
+}
+export interface ResolvedRoutaThemeOverrides {
+    colors?: ResolvedRoutaThemeColorsOverride;
+}
+export interface RoutaMessageFeedbackDefaults {
+    placement?: FeedbackPlacement;
+    duration?: number;
+    closable?: boolean;
+}
+export interface ResolvedRoutaMessageFeedbackDefaults {
+    placement: FeedbackPlacement;
+    duration: number;
+    closable: boolean;
+}
+export interface RoutaNotificationFeedbackDefaults {
+    placement?: FeedbackPlacement;
+    duration?: number;
+    closable?: boolean;
+}
+export interface ResolvedRoutaNotificationFeedbackDefaults {
+    placement: FeedbackPlacement;
+    duration: number;
+    closable: boolean;
+}
+export interface RoutaMessageFeedbackConfig extends RoutaMessageFeedbackDefaults {
+    types?: Partial<Record<MessageType, RoutaMessageFeedbackDefaults>>;
+}
+export interface ResolvedRoutaMessageFeedbackConfig extends ResolvedRoutaMessageFeedbackDefaults {
+    types: Record<MessageType, ResolvedRoutaMessageFeedbackDefaults>;
+    typeOverrides: Partial<Record<MessageType, RoutaMessageFeedbackDefaults>>;
+}
+export interface RoutaNotificationFeedbackConfig extends RoutaNotificationFeedbackDefaults {
+    types?: Partial<Record<NotificationType, RoutaNotificationFeedbackDefaults>>;
+}
+export interface ResolvedRoutaNotificationFeedbackConfig extends ResolvedRoutaNotificationFeedbackDefaults {
+    types: Record<NotificationType, ResolvedRoutaNotificationFeedbackDefaults>;
+    typeOverrides: Partial<Record<NotificationType, RoutaNotificationFeedbackDefaults>>;
+}
+export interface RoutaLoadingFeedbackConfig {
+    text?: string;
+    size?: LoadingSize;
+}
+export interface ResolvedRoutaLoadingFeedbackConfig {
+    text: string;
+    size: LoadingSize;
+}
+export interface RoutaFeedbackConfig {
+    message?: RoutaMessageFeedbackConfig;
+    notification?: RoutaNotificationFeedbackConfig;
+    loading?: RoutaLoadingFeedbackConfig;
+}
+export interface ResolvedRoutaFeedbackConfig {
+    message: ResolvedRoutaMessageFeedbackConfig;
+    notification: ResolvedRoutaNotificationFeedbackConfig;
+    loading: ResolvedRoutaLoadingFeedbackConfig;
+}
+export interface RoutaConfig {
+    theme?: RoutaThemeMode;
+    radius?: RoutaRadiusConfig;
+    themeOverrides?: RoutaThemeOverrides;
+    feedback?: RoutaFeedbackConfig;
+}
+export interface ResolvedRoutaConfig {
+    theme: RoutaResolvedTheme;
+    radius: RoutaRadiusSlots<string>;
+    themeOverrides: ResolvedRoutaThemeOverrides;
+    feedback: ResolvedRoutaFeedbackConfig;
+    cssVars: Record<string, string>;
+}
+export interface ResolveRoutaConfigOptions {
+    parent?: ResolvedRoutaConfig;
+    systemTheme?: RoutaResolvedTheme;
+}
+export declare const configProviderProps: {
+    readonly theme: {
+        readonly type: PropType<RoutaThemeMode>;
+        readonly default: undefined;
+        readonly validator: (value: unknown) => boolean;
+    };
+    readonly radius: {
+        readonly type: PropType<RoutaRadiusConfig>;
+        readonly default: undefined;
+        readonly validator: (value: unknown) => boolean;
+    };
+    readonly themeOverrides: {
+        readonly type: PropType<RoutaThemeOverrides>;
+        readonly default: undefined;
+    };
+    readonly feedback: {
+        readonly type: PropType<RoutaFeedbackConfig>;
+        readonly default: undefined;
+    };
+};