@quidgest/ui 0.10.1 → 0.12.0

package/esm/index.d.ts

@@ -0,0 +1,35 @@
+import { FrameworkConfig } from './framework';
+import * as templates from './templates';
+import * as components from './components';
+export declare const createFramework: (options?: FrameworkConfig) => import('vue').Plugin;
+export { templates, components };
+export * from './composables';
+//# sourceMappingURL=index.d.ts.map
+declare module '@vue/runtime-core' {
+	export interface GlobalComponents {
+		QButton: typeof import('@quidgest/ui/components')['QButton']
+		QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
+		QButtonToggle: typeof import('@quidgest/ui/components')['QButtonToggle']
+		QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
+		QField: typeof import('@quidgest/ui/components')['QField']
+		QIcon: typeof import('@quidgest/ui/components')['QIcon']
+		QIconFont: typeof import('@quidgest/ui/components')['QIconFont']
+		QIconImg: typeof import('@quidgest/ui/components')['QIconImg']
+		QIconSvg: typeof import('@quidgest/ui/components')['QIconSvg']
+		QInputGroup: typeof import('@quidgest/ui/components')['QInputGroup']
+		QLineLoader: typeof import('@quidgest/ui/components')['QLineLoader']
+		QList: typeof import('@quidgest/ui/components')['QList']
+		QListItem: typeof import('@quidgest/ui/components')['QListItem']
+		QListItemGroup: typeof import('@quidgest/ui/components')['QListItemGroup']
+		QOverlay: typeof import('@quidgest/ui/components')['QOverlay']
+		QPopover: typeof import('@quidgest/ui/components')['QPopover']
+		QSelect: typeof import('@quidgest/ui/components')['QSelect']
+		QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
+		QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
+		QTextField: typeof import('@quidgest/ui/components')['QTextField']
+		QThemeProvider: typeof import('@quidgest/ui/components')['QThemeProvider']
+		QTooltip: typeof import('@quidgest/ui/components')['QTooltip']
+	}
+}
+
+export {}

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,SAAS,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAI1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElD,eAAO,MAAM,eAAe,aAAa,eAAe,yBAEvD,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAA;AAChC,cAAc,eAAe,CAAA"}

package/esm/index.js

@@ -0,0 +1,12 @@
+import * as m from "./templates/index.js";
+import * as r from "./components/index.js";
+import { createFramework as o } from "./framework.js";
+import { provideTheme as n, useTheme as c } from "./composables/theme.js";
+const a = (e = {}) => o({ components: r, ...e });
+export {
+  r as components,
+  a as createFramework,
+  n as provideTheme,
+  m as templates,
+  c as useTheme
+};

package/esm/templates/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/esm/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/esm/templates/index.js

@@ -0,0 +1,5 @@
+import { defaultDarkColorScheme as r, defaultLightColorScheme as l } from "./theme.js";
+export {
+  r as defaultDarkColorScheme,
+  l as defaultLightColorScheme
+};

package/esm/templates/theme.d.ts

@@ -0,0 +1,5 @@
+import { ColorScheme } from '../utils/color';
+
+export declare const defaultLightColorScheme: ColorScheme;
+export declare const defaultDarkColorScheme: ColorScheme;
+//# sourceMappingURL=theme.d.ts.map

package/esm/templates/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/templates/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAEhD,eAAO,MAAM,uBAAuB,EAAE,WA+BrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WA+BpC,CAAA"}

package/esm/templates/theme.js

@@ -0,0 +1,67 @@
+const f = {
+  primary: "#008ad2",
+  primaryLight: "#cde5ff",
+  primaryDark: "#006398",
+  secondary: "#001d31",
+  highlight: "#ff8241",
+  info: "#17a2b8",
+  infoLight: "#bceff7",
+  infoDark: "#11798a",
+  success: "#28a745",
+  successLight: "#c2f0cd",
+  successDark: "#1e7d34",
+  warning: "#ffa900",
+  warningLight: "#ffeabf",
+  warningDark: "#bf7f00",
+  danger: "#b71c1c",
+  dangerLight: "#f7cccc",
+  dangerDark: "#891515",
+  background: "#fff",
+  container: "#fff",
+  neutral: "#7c858d",
+  neutralLight: "#c4c5ca",
+  neutralDark: "#40474f",
+  onBackground: "#202428",
+  onPrimary: "#fff",
+  onSecondary: "#fff",
+  onHighlight: "#fff",
+  onSuccess: "#fff",
+  onWarning: "#fff",
+  onDanger: "#fff",
+  onInfo: "#fff"
+}, a = {
+  primary: "#009ff5",
+  primaryLight: "#ade2ff",
+  primaryDark: "#164965",
+  secondary: "#003552",
+  highlight: "#f65600",
+  info: "#25cbe4",
+  infoLight: "#bceff7",
+  infoDark: "#225964",
+  success: "#3acf5d",
+  successLight: "#c2f0cd",
+  successDark: "#275738",
+  warning: "#ffa900",
+  warningLight: "#ffeabf",
+  warningDark: "#5a471e",
+  danger: "#de2b2b",
+  dangerLight: "#f7cccc",
+  dangerDark: "#4d2528",
+  background: "#202428",
+  container: "#202428",
+  neutral: "#9299a0",
+  neutralLight: "#dee1e3",
+  neutralDark: "#41464a",
+  onBackground: "#fff",
+  onPrimary: "#fff",
+  onSecondary: "#fff",
+  onHighlight: "#fff",
+  onSuccess: "#fff",
+  onWarning: "#fff",
+  onDanger: "#fff",
+  onInfo: "#fff"
+};
+export {
+  a as defaultDarkColorScheme,
+  f as defaultLightColorScheme
+};

package/esm/types/primitive.d.ts

@@ -0,0 +1,2 @@
+export type Primitive = string | number | boolean | symbol;
+//# sourceMappingURL=primitive.d.ts.map

package/esm/types/primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../src/types/primitive.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA"}

package/esm/utils/color.d.ts

@@ -0,0 +1,105 @@
+export type ColorScheme = {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    onPrimary: string;
+    secondary: string;
+    onSecondary: string;
+    highlight: string;
+    onHighlight: string;
+    info: string;
+    infoLight: string;
+    infoDark: string;
+    onInfo: string;
+    success: string;
+    successLight: string;
+    successDark: string;
+    onSuccess: string;
+    warning: string;
+    warningLight: string;
+    warningDark: string;
+    onWarning: string;
+    danger: string;
+    dangerLight: string;
+    dangerDark: string;
+    onDanger: string;
+    background: string;
+    onBackground: string;
+    container: string;
+    neutral: string;
+    neutralLight: string;
+    neutralDark: string;
+};
+/**
+ * Represents a color in RGB space.
+ */
+export type RGB = {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * Represents a color in HSL space.
+ */
+export type HSL = {
+    h: number;
+    s: number;
+    l: number;
+};
+/**
+ * Checks if the given string represents a valid hexadecimal color code.
+ * @param hexColorCode - The color code to validate.
+ * @returns True if the color code is valid, false otherwise.
+ */
+export declare function isHexColorCodeValid(hexColorCode: string): boolean;
+/**
+ * Parses a color from a hex string.
+ * @param color A hex string representing the color, e.g., "#aabbcc".
+ * @returns A `RGB` object representing the parsed color.
+ */
+export declare function parseColor(color: string): RGB;
+/**
+ * Lightens a color by a specified amount.
+ * @param rgb The color to lighten.
+ * @param amount The amount to lighten the color by, in the range [0, 100].
+ * @returns The lightened color.
+ */
+export declare function lighten(rgb: RGB, amount: number): RGB;
+/**
+ * Darkens a color by a specified amount.
+ * @param rgb The color to darken.
+ * @param amount The amount to darken the color by, in the range [0, 100].
+ * @returns The darkened color.
+ */
+export declare function darken(rgb: RGB, amount: number): RGB;
+/**
+ * Converts a `Color` object to a hex string.
+ * @param rgb The color to convert.
+ * @returns A hex string representing the color.
+ */
+export declare function colorToHex(rgb: RGB): string;
+/**
+ * Converts a color from RGB to HSL space.
+ * @param color The color to convert.
+ * @returns An object representing the color in HSL space.
+ */
+export declare function rgbToHsl(rgb: RGB): HSL;
+/**
+ * Converts a color from HSL to RGB space.
+ * @param h The hue component of the color, in the range [0, 1].
+ * @param s The saturation component of the color, in the range [0, 1].
+ * @param l The lightness component of the color, in the range [0, 1].
+ * @returns A `RGB` object representing the color in RGB space.
+ */
+export declare function hslToRgb(hsl: HSL): RGB;
+/**
+ * Helper function to convert a hue value to a corresponding RGB value.
+ * @param p The first RGB component.
+ * @param q The second RGB component.
+ * @param t The hue value.
+ * @returns The corresponding RGB value.
+ */
+export declare function hueToRgb(p: number, q: number, t: number): number;
+export declare function getContrastingColor(luminance: number): "#000" | "#fff";
+export declare function getComplementaryColor(color: string): string;
+//# sourceMappingURL=color.d.ts.map

package/esm/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IAEzB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAEnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IAEjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IAEpB,SAAS,EAAE,MAAM,CAAA;IAGjB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAEjE;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAe7C;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYrD;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAqCtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAuBtC;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAOhE;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,mBAIpD;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAU3D"}

package/esm/utils/color.js

@@ -0,0 +1,14 @@
+function i(t) {
+  return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
+}
+function a(t) {
+  if (!i(t))
+    throw new Error("Invalid color format");
+  t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
+  const e = parseInt(t.slice(1, 3), 16), n = parseInt(t.slice(3, 5), 16), s = parseInt(t.slice(5, 7), 16);
+  return { r: e, g: n, b: s };
+}
+export {
+  i as isHexColorCodeValid,
+  a as parseColor
+};

package/esm/utils/getCurrentInstance.d.ts

@@ -0,0 +1,2 @@
+export declare function getCurrentInstance(name: string, message?: string): import('vue').ComponentInternalInstance;
+//# sourceMappingURL=getCurrentInstance.d.ts.map

package/esm/utils/getCurrentInstance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCurrentInstance.d.ts","sourceRoot":"","sources":["../../src/utils/getCurrentInstance.ts"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,2CAUhE"}

package/esm/utils/getElement.d.ts

@@ -0,0 +1,6 @@
+export type Selector = string | HTMLElement;
+/**
+ * Gets a DOM element based on the provided selector.
+ */
+export declare function getElement(selector: Selector): HTMLElement | null;
+//# sourceMappingURL=getElement.d.ts.map

package/esm/utils/getElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElement.d.ts","sourceRoot":"","sources":["../../src/utils/getElement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;AAE3C;;GAEG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,QAAQ,GAAG,WAAW,GAAG,IAAI,CAMjE"}

package/esm/utils/getElement.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return typeof t == "string" ? document.querySelector(t) : t;
+}
+export {
+  e as getElement
+};

package/esm/utils/isEmpty.d.ts

@@ -0,0 +1,2 @@
+export declare function isEmpty(object: unknown): boolean;
+//# sourceMappingURL=isEmpty.d.ts.map

package/esm/utils/isEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmpty.d.ts","sourceRoot":"","sources":["../../src/utils/isEmpty.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAkBhD"}

package/esm/utils/isEmpty.js

@@ -0,0 +1,6 @@
+function n(r) {
+  return r == null ? !0 : typeof r == "string" || Array.isArray(r) ? r.length === 0 : typeof r == "object" ? Object.keys(r).length === 0 : !1;
+}
+export {
+  n as isEmpty
+};

package/esm/utils/isObject.d.ts

@@ -0,0 +1,2 @@
+export declare function isObject(obj: unknown): obj is object;
+//# sourceMappingURL=isObject.d.ts.map

package/esm/utils/isObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isObject.d.ts","sourceRoot":"","sources":["../../src/utils/isObject.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,MAAM,CAEpD"}

package/esm/utils/isObject.js

@@ -0,0 +1,6 @@
+function t(r) {
+  return r !== null && typeof r == "object" && !Array.isArray(r);
+}
+export {
+  t as isObject
+};

package/esm/utils/merge.d.ts

@@ -0,0 +1,2 @@
+export declare function merge(source?: Record<string, unknown>, target?: Record<string, unknown>): Record<string, unknown>;
+//# sourceMappingURL=merge.d.ts.map

package/esm/utils/merge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/utils/merge.ts"],"names":[],"mappings":"AAEA,wBAAgB,KAAK,CAAC,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,EAAE,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,2BA0B/F"}

package/esm/utils/merge.js

@@ -0,0 +1,21 @@
+import { isObject as i } from "./isObject.js";
+function f(n = {}, e = {}) {
+  const t = {};
+  for (const o in n)
+    t[o] = n[o];
+  for (const o in e) {
+    const c = n[o], r = e[o];
+    if (i(c) && i(r)) {
+      t[o] = f(
+        c,
+        r
+      );
+      continue;
+    }
+    t[o] = r;
+  }
+  return t;
+}
+export {
+  f as merge
+};

package/esm/utils/setupPropsProxy.d.ts

@@ -0,0 +1,12 @@
+import { SetupContext, VNode } from 'vue';
+
+type LooseRequired<T> = {
+    [P in keyof (T & Required<T>)]: T[P];
+};
+type Component<Props> = {
+    setup?: (this: void, props: LooseRequired<Readonly<Props>>, ctx: SetupContext<unknown>) => unknown;
+};
+export declare function propIsDefined(vnode: VNode, prop: string): boolean;
+export declare function setupPropsProxy<Props>(component: Component<Props>): Component<Props>;
+export {};
+//# sourceMappingURL=setupPropsProxy.d.ts.map

package/esm/utils/setupPropsProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupPropsProxy.d.ts","sourceRoot":"","sources":["../../src/utils/setupPropsProxy.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAO9C,KAAK,aAAa,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpC,CAAA;AAED,KAAK,SAAS,CAAC,KAAK,IAAI;IACvB,KAAK,CAAC,EAAE,CACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EACrC,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,KACtB,OAAO,CAAA;CACZ,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,WAQvD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CA6BpF"}

package/esm/utils/setupPropsProxy.js

@@ -0,0 +1,32 @@
+import { useDefaults as m } from "../composables/defaults.js";
+import { getCurrentInstance as c } from "vue";
+import { isEmpty as d } from "./isEmpty.js";
+import { toKebabCase as v } from "./string.js";
+function y(e, t) {
+  var n;
+  const r = v(t);
+  return r ? typeof ((n = e.props) == null ? void 0 : n[r]) < "u" : !1;
+}
+function C(e) {
+  const t = e.setup;
+  return t && (e.setup = (r, n) => {
+    const o = m();
+    if (d(o.value))
+      return t(r, n);
+    const s = c();
+    if (s === null)
+      return t(r, n);
+    const a = new Proxy(r, {
+      get(l, u) {
+        var i;
+        const f = Reflect.get(l, u), p = (i = o.value) == null ? void 0 : i[u];
+        return typeof u == "string" && !y(s.vnode, u) ? p ?? f : f;
+      }
+    });
+    return t(a, n);
+  }), e;
+}
+export {
+  y as propIsDefined,
+  C as setupPropsProxy
+};

package/esm/utils/string.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts a string to kebab case.
+ *
+ * @param str The string to convert.
+ */
+export declare function toKebabCase(str: string): string;
+//# sourceMappingURL=string.d.ts.map

package/esm/utils/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../src/utils/string.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,UAMtC"}

package/esm/utils/string.js

@@ -0,0 +1,6 @@
+function a(e) {
+  return e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([0-9])([A-Za-z])/g, "$1-$2").replace(/([A-Za-z])([0-9])/g, "$1-$2").toLowerCase();
+}
+export {
+  a as toKebabCase
+};

package/esm/utils/theme.d.ts

@@ -0,0 +1,22 @@
+import { ThemeDefinition } from '../framework';
+
+/**
+ * Gets or creates a style node for applying dynamic themes.
+ *
+ * @returns The style node used for dynamic themes.
+ */
+export declare function getThemeNode(): HTMLStyleElement;
+/**
+ * Generates and applies dynamic root-level styles based on the provided themes.
+ *
+ * @param themes - An array of theme definitions.
+ */
+export declare function generateRootStyle(themes: ThemeDefinition[]): void;
+/**
+ * Converts a color property name to a CSS variable name.
+ *
+ * @param color - The color property name.
+ * @returns The corresponding CSS variable name.
+ */
+export declare function toProperty(color: string): string;
+//# sourceMappingURL=theme.d.ts.map

package/esm/utils/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAOlD;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,gBAAgB,CAY/C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,QA2B1D;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC"}

package/esm/utils/theme.js

@@ -0,0 +1,40 @@
+import { THEME_SYMBOL as f } from "../composables/theme.js";
+import { parseColor as d } from "./color.js";
+import { toKebabCase as l } from "./string.js";
+function u() {
+  let e = document.getElementById(
+    f
+  );
+  return e || (e = document.createElement("style"), e.id = f, document.head.appendChild(e)), e;
+}
+function $(e) {
+  let t = "";
+  for (const m of e) {
+    t += `.q-theme--${m.name} {
+`;
+    const c = m.scheme;
+    let o;
+    for (o in c) {
+      const n = c[o];
+      if (n) {
+        t += `  ${i(o)}: ${n};
+`;
+        const r = d(n);
+        t += `  ${i(o)}-rgb: ${r.r} ${r.g} ${r.b};
+`;
+      }
+    }
+    t += `}
+`;
+  }
+  const s = u();
+  s.textContent = t;
+}
+function i(e) {
+  return e ? `--q-theme-${l(e)}` : "";
+}
+export {
+  $ as generateRootStyle,
+  u as getThemeNode,
+  i as toProperty
+};