@quidgest/ui 0.13.3 → 0.14.1

package/esm/components/QTooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiD,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,gBAAgB,CAAA;AAKtC,QAAA,MAAM,QAAQ,EAAiC,OAAO,SAAS,CAAA;AAG/D,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/esm/components/QTooltip/types.d.ts

@@ -0,0 +1,66 @@
+import { Appearance, Placement, Trigger } from '../../composables/overlay';
+import { Selector } from '../../utils/getElement';
+import { Icon } from '../QIcon';
+export type QTooltipProps = {
+    /**
+     * The tooltip unique identifier.
+     */
+    id?: string;
+    /**
+     * The DOM element the tooltip should be anchored to.
+     */
+    anchor: Selector;
+    /**
+     * The appearance of the tooltip.
+     * 'regular' uses body text color for background and body background color for text.
+     * 'inverted' matches body color scheme.
+     */
+    appearance?: Appearance;
+    /**
+     * Whether the tooltip has an arrow pointing to the target.
+     */
+    arrow?: boolean;
+    /**
+     * The DOM element the tooltip should be teleported to.
+     * Defaults to the body of the document.
+     */
+    attach?: string;
+    /**
+     * Whether to disable teleport.
+     * If enabled, the prop `attach` is ignored.
+     */
+    inline?: boolean;
+    /**
+     * The delay in milliseconds before showing the tooltip.
+     */
+    delay?: number;
+    /**
+     * Whether the tooltip is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the tooltip's content is treated as HTML.
+     */
+    html?: boolean;
+    /**
+     * The placement of the tooltip.
+     */
+    placement?: Placement;
+    /**
+     * The text of the tooltip.
+     */
+    text: string;
+    /**
+     * The icon of the tooltip.
+     */
+    icon?: Icon;
+    /**
+     * The method to trigger the overlay.
+     */
+    trigger?: Trigger;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QTooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}

package/esm/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './QLineLoader';
 export * from './QList';
 export * from './QOverlay';
 export * from './QPopover';
+export * from './QPropertyList';
 export * from './QSelect';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -1,45 +1,50 @@
 import { QBadge as e } from "./QBadge/index.js";
 import { QButton as p } from "./QButton/index.js";
-import { QButtonGroup as Q } from "./QButtonGroup/index.js";
+import { QButtonGroup as m } from "./QButtonGroup/index.js";
 import { QButtonToggle as f } from "./QButtonToggle/index.js";
-import { QCombobox as i } from "./QCombobox/index.js";
-import { QDialog as I } from "./QDialog/index.js";
-import { QField as u } from "./QField/index.js";
-import { QIcon as a, QIconFont as g, QIconImg as c, QIconSvg as v } from "./QIcon/index.js";
-import { QInputGroup as S } from "./QInputGroup/index.js";
-import { QLineLoader as s } from "./QLineLoader/index.js";
-import { QList as G, QListItem as b, QListItemGroup as P } from "./QList/index.js";
-import { QOverlay as k } from "./QOverlay/index.js";
-import { QPopover as C } from "./QPopover/index.js";
-import { QSelect as O } from "./QSelect/index.js";
-import { QSkeletonLoader as q } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as z } from "./QSpinnerLoader/index.js";
-import { QTextField as E } from "./QTextField/index.js";
-import { QThemeProvider as J } from "./QThemeProvider/index.js";
-import { QTooltip as M } from "./QTooltip/index.js";
+import { QCombobox as n } from "./QCombobox/index.js";
+import { QDialog as l } from "./QDialog/index.js";
+import { QField as I } from "./QField/index.js";
+import { QIcon as d, QIconFont as s, QIconImg as P, QIconSvg as g } from "./QIcon/index.js";
+import { QInputGroup as y } from "./QInputGroup/index.js";
+import { QLineLoader as B } from "./QLineLoader/index.js";
+import { QList as S, QListItem as T, QListItemGroup as F } from "./QList/index.js";
+import { QOverlay as h } from "./QOverlay/index.js";
+import { QPopover as w } from "./QPopover/index.js";
+import { QPropertyList as D, QPropertyListGroup as O, QPropertyListPanel as R, QPropertyListRow as j } from "./QPropertyList/index.js";
+import { QSelect as z } from "./QSelect/index.js";
+import { QSkeletonLoader as E } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as J } from "./QSpinnerLoader/index.js";
+import { QTextField as M } from "./QTextField/index.js";
+import { QThemeProvider as U } from "./QThemeProvider/index.js";
+import { QTooltip as W } from "./QTooltip/index.js";
 export {
   e as QBadge,
   p as QButton,
-  Q as QButtonGroup,
+  m as QButtonGroup,
   f as QButtonToggle,
-  i as QCombobox,
-  I as QDialog,
-  u as QField,
-  a as QIcon,
-  g as QIconFont,
-  c as QIconImg,
-  v as QIconSvg,
-  S as QInputGroup,
-  s as QLineLoader,
-  G as QList,
-  b as QListItem,
-  P as QListItemGroup,
-  k as QOverlay,
-  C as QPopover,
-  O as QSelect,
-  q as QSkeletonLoader,
-  z as QSpinnerLoader,
-  E as QTextField,
-  J as QThemeProvider,
-  M as QTooltip
+  n as QCombobox,
+  l as QDialog,
+  I as QField,
+  d as QIcon,
+  s as QIconFont,
+  P as QIconImg,
+  g as QIconSvg,
+  y as QInputGroup,
+  B as QLineLoader,
+  S as QList,
+  T as QListItem,
+  F as QListItemGroup,
+  h as QOverlay,
+  w as QPopover,
+  D as QPropertyList,
+  O as QPropertyListGroup,
+  R as QPropertyListPanel,
+  j as QPropertyListRow,
+  z as QSelect,
+  E as QSkeletonLoader,
+  J as QSpinnerLoader,
+  M as QTextField,
+  U as QThemeProvider,
+  W as QTooltip
 };

package/esm/composables/defaults.d.ts

@@ -1,5 +1,4 @@
 import { ComputedRef } from 'vue';
-
 export declare const DEFAULTS_SYMBOL = "q-defaults";
 export type Defaults = Record<string | symbol, ComponentDefaults>;
 export type ComponentDefaults = Record<string | symbol, unknown>;

package/esm/composables/defaults.js

@@ -8,21 +8,18 @@ function E() {
   if (!e)
     throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
   const t = e.type.name ?? e.type.__name;
-  if (!t)
-    throw new Error("[Quidgest UI] Could not determine component name");
+  if (!t) throw new Error("[Quidgest UI] Could not determine component name");
   const n = l(), o = (r = n.value) == null ? void 0 : r.Global, c = (u = n.value) == null ? void 0 : u[t];
   return f(() => a(o, c));
 }
 function I(e) {
-  if (s(e))
-    return;
+  if (s(e)) return;
   const t = l(), n = d(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
   p(i, o);
 }
 function l() {
   const e = v(i, void 0);
-  if (!e)
-    throw new Error("[Quidgest UI] Could not find defaults instance");
+  if (!e) throw new Error("[Quidgest UI] Could not find defaults instance");
   return e;
 }
 export {

package/esm/composables/theme.d.ts

@@ -1,5 +1,4 @@
 import { ThemeInstance } from '../framework';
-
 export declare const THEME_SYMBOL = "q-theme";
 /**
  * Custom hook for accessing the theme configuration in context.

package/esm/framework.d.ts

@@ -1,7 +1,6 @@
 import { Defaults } from './composables/defaults';
 import { Component, Plugin, Ref } from 'vue';
 import { ColorScheme } from './utils/color';
-
 export type FrameworkConfig = {
     components?: Record<string, Component>;
     themes?: AppThemes;

package/esm/index.d.ts

@@ -25,6 +25,10 @@ declare module '@vue/runtime-core' {
 		QListItemGroup: typeof import('@quidgest/ui/components')['QListItemGroup']
 		QOverlay: typeof import('@quidgest/ui/components')['QOverlay']
 		QPopover: typeof import('@quidgest/ui/components')['QPopover']
+		QPropertyList: typeof import('@quidgest/ui/components')['QPropertyList']
+		QPropertyListRow: typeof import('@quidgest/ui/components')['QPropertyListRow']
+		QPropertyListGroup: typeof import('@quidgest/ui/components')['QPropertyListGroup']
+		QPropertyListPanel: typeof import('@quidgest/ui/components')['QPropertyListPanel']
 		QSelect: typeof import('@quidgest/ui/components')['QSelect']
 		QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
 		QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']

package/esm/templates/theme.d.ts

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

package/esm/utils/color.js

@@ -15,8 +15,7 @@ function d(t) {
     return { r: n, g: s, b: e };
   } else {
     const n = u(t);
-    if (n)
-      return n;
+    if (n) return n;
   }
   throw new Error("Invalid color format");
 }

package/esm/utils/setupPropsProxy.d.ts

@@ -1,5 +1,4 @@
 import { SetupContext, VNode } from 'vue';
-
 type LooseRequired<T> = {
     [P in keyof (T & Required<T>)]: T[P];
 };

package/esm/utils/setupPropsProxy.js

@@ -11,11 +11,9 @@ function C(e) {
   const t = e.setup;
   return t && (e.setup = (r, n) => {
     const o = m();
-    if (d(o.value))
-      return t(r, n);
+    if (d(o.value)) return t(r, n);
     const s = c();
-    if (s === null)
-      return t(r, n);
+    if (s === null) return t(r, n);
     const a = new Proxy(r, {
       get(l, u) {
         var i;

package/esm/utils/theme.d.ts

@@ -1,5 +1,4 @@
 import { ThemeDefinition } from '../framework';
-
 /**
  * Gets or creates a style node for applying dynamic themes.
  *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.13.3",
+  "version": "0.14.1",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -42,51 +42,51 @@
     "./*": "./*"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.5.2",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@fortawesome/fontawesome-free": "^6.6.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-essentials": "^8.0.10",
-    "@storybook/addon-interactions": "^8.0.10",
-    "@storybook/addon-links": "^8.0.10",
-    "@storybook/blocks": "^8.0.10",
-    "@storybook/manager-api": "^8.0.10",
-    "@storybook/test": "^8.0.10",
-    "@storybook/theming": "^8.0.10",
-    "@storybook/vue3": "^8.0.10",
-    "@storybook/vue3-vite": "^8.0.10",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/manager-api": "^8.4.2",
+    "@storybook/test": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
+    "@storybook/vue3": "^8.4.2",
+    "@storybook/vue3-vite": "^8.4.2",
     "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^20.12.10",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/coverage-v8": "^1.6.0",
-    "@vitest/ui": "^1.6.0",
+    "@types/node": "^22.9.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitest/coverage-v8": "^2.1.4",
+    "@vitest/ui": "^2.1.4",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.4.0",
-    "acorn-walk": "^8.3.2",
-    "autoprefixer": "^10.4.19",
-    "cssnano": "^7.0.1",
-    "eslint": "^8.57.0",
+    "@vue/tsconfig": "^0.5.1",
+    "acorn-walk": "^8.3.4",
+    "autoprefixer": "^10.4.20",
+    "cssnano": "^7.0.6",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-vue": "^9.25.0",
-    "happy-dom": "^12.10.3",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.2.2",
-    "postcss": "^8.4.38",
-    "prettier": "^3.2.5",
-    "rimraf": "^5.0.5",
-    "sass": "^1.77.0",
-    "storybook": "^8.0.10",
-    "stylelint": "^15.11.0",
-    "stylelint-config-sass-guidelines": "^10.0.0",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11",
-    "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.6.0",
-    "vue-eslint-parser": "^9.4.2"
+    "eslint-plugin-vue": "^9.30.0",
+    "happy-dom": "^15.9.0",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
+    "postcss": "^8.4.47",
+    "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
+    "sass": "^1.80.6",
+    "storybook": "^8.4.2",
+    "stylelint": "^16.10.0",
+    "stylelint-config-sass-guidelines": "^12.1.0",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.4",
+    "vue-eslint-parser": "^9.4.3"
   },
   "peerDependencies": {
     "vue": "^3.4.15"
@@ -104,7 +104,6 @@
     "lint:style": "stylelint \"**/*.scss\"",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",
-    "typecheck": "vue-tsc --noEmit",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build"
   }