@quidgest/ui 0.0.9 → 0.1.0

package/lib/components/QButton/QButton.vue.d.ts

@@ -1,4 +1,8 @@
 export type QButtonProps = {
+    /**
+     * Whether the button is in an active state.
+     */
+    active?: boolean;
     /**
      * The style of the button.
      */
@@ -45,6 +49,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
     bStyle: {
         type: import("vue").PropType<"link" | "primary" | "secondary" | "danger">;
         default: string;
@@ -78,6 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    active: {
+        type: import("vue").PropType<boolean>;
+    };
     bStyle: {
         type: import("vue").PropType<"link" | "primary" | "secondary" | "danger">;
         default: string;

package/lib/components/QButton/QButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue.ts"],"names":[],"mappings":"AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKF,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue.ts"],"names":[],"mappings":"AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKF,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/lib/components/QOverlay/QOverlay.vue.d.ts

@@ -43,6 +43,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Placement>;
         default: string;
     };
+    spy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     trigger: {
         type: import("vue").PropType<Trigger>;
         default: string;
@@ -90,6 +94,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Placement>;
         default: string;
     };
+    spy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     trigger: {
         type: import("vue").PropType<Trigger>;
         default: string;
@@ -103,6 +111,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     delay: number;
     offset: number;
     placement: Placement;
+    spy: boolean;
     trigger: Trigger;
 }, {}>, {
     default?(_: {}): any;

package/lib/components/QOverlay/QOverlay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue.ts"],"names":[],"mappings":"AAGC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAmB,MAAM,uBAAuB,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAc,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAif1D,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue.ts"],"names":[],"mappings":"AAGC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAmB,MAAM,uBAAuB,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAc,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsiB1D,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/lib/components/QPopover/QPopover.vue.d.ts

@@ -35,6 +35,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Placement>;
         default: string;
     };
+    spy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     html: {
         type: import("vue").PropType<boolean>;
@@ -70,11 +74,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<Placement>;
         default: string;
     };
+    spy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>>, {
     html: boolean;
     arrow: boolean;
     attach: string;
     placement: Placement;
+    spy: boolean;
 }, {}>, {
     header?(_: {}): any;
     body?(_: {}): any;

package/lib/components/QPopover/QPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue.ts"],"names":[],"mappings":"AAMC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0S9C,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue.ts"],"names":[],"mappings":"AAMC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8T9C,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/lib/composables/defaults/index.d.ts

@@ -0,0 +1,7 @@
+export declare const DEFAULTS_SYMBOL = "q-defaults";
+export type Defaults = Record<string | symbol, ComponentDefaults>;
+export type ComponentDefaults = Record<string | symbol, unknown>;
+export declare function useDefaults(): ComponentDefaults;
+export declare function provideDefaults(defaults: Defaults): void;
+export declare function injectDefaults(): Defaults;
+//# sourceMappingURL=index.d.ts.map

package/lib/composables/defaults/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/defaults/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhE,wBAAgB,WAAW,sBAW1B;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,QAKjD;AAED,wBAAgB,cAAc,aAM7B"}

package/lib/composables/index.d.ts

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

package/lib/composables/index.d.ts.map

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

package/lib/composables/{overlay.d.ts → overlay/index.d.ts}

@@ -10,4 +10,4 @@ export type Position = {
  * Reposition the overlay based on its size and the position of its anchor.
  */
 export declare function computePosition(anchor: Element, overlay: Element, tentativePlacement?: Placement): Position;
-//# sourceMappingURL=overlay.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/composables/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/overlay/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAC/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC9B,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,kBAAkB,GAAE,SAAmB,GACrC,QAAQ,CAuCV"}

package/lib/composables/theme/index.d.ts

@@ -0,0 +1,55 @@
+import { App, Ref } from 'vue';
+export declare const THEME_SYMBOL = "q-theme";
+export type ThemeMode = 'light' | 'dark';
+export interface AppThemes {
+    defaultTheme: string;
+    themes: Array<{
+        name: string;
+        mode: ThemeMode;
+        colors?: Partial<ColorScheme>;
+    }>;
+}
+export interface ThemeDefinition {
+    name: string;
+    mode: ThemeMode;
+    colors: ColorScheme;
+}
+export interface ThemeConfiguration {
+    activeTheme: string;
+    themes: ThemeDefinition[];
+}
+export interface ColorScheme {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    secondary: string;
+    secondaryLight: string;
+    secondaryDark: string;
+    highlight: string;
+    background: string;
+    container: string;
+    border: string;
+    borderLight: string;
+    success: string;
+    warning: string;
+    danger: string;
+    dangerLight: string;
+    dangerDark: string;
+    info: string;
+    onPrimary: string;
+    onSecondary: string;
+    onHighlight: string;
+    onBackground: string;
+    onContainer: string;
+    onSuccess: string;
+    onWarning: string;
+    onDanger: string;
+    onInfo: string;
+}
+export declare const defaultLightColorScheme: ColorScheme;
+export declare const defaultDarkColorScheme: ColorScheme;
+export declare function useTheme(): Ref<ThemeConfiguration>;
+export declare function installThemes(app: App, config?: AppThemes): void;
+export declare function generateRootStyle(colors: Partial<ColorScheme>): void;
+export declare function toProperty(color: string): string;
+//# sourceMappingURL=index.d.ts.map

package/lib/composables/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/theme/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAsB,MAAM,KAAK,CAAA;AAElD,eAAO,MAAM,YAAY,YAAY,CAAA;AAErC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,MAAM,WAAW,SAAS;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,SAAS,CAAA;QACf,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,WAAW,kBAAkB;IAClC,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,eAAe,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,uBAAuB,EAAE,WA2BrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,WA2BpC,CAAA;AAED,wBAAgB,QAAQ,IAAI,GAAG,CAAC,kBAAkB,CAAC,CAMlD;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,QAuDzD;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,QAuB7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,UAOvC"}

package/lib/framework.d.ts

@@ -1,7 +1,9 @@
+import { Defaults } from './composables/defaults';
+import { AppThemes } from './composables/theme';
 import { Plugin } from 'vue';
-import { ThemeProps } from './composables/theme';
 export interface AppDefinition {
-    theme?: ThemeProps;
+    themes?: AppThemes;
+    defaults?: Defaults;
 }
 export declare function createFramework(components: Record<string, any>, options?: AppDefinition): Plugin;
 //# sourceMappingURL=framework.d.ts.map

package/lib/framework.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AAEjC,OAAO,EAAE,UAAU,EAAgB,MAAM,qBAAqB,CAAA;AAG9D,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,wBAAgB,eAAe,CAE9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,OAAO,CAAC,EAAE,aAAa,GACrB,MAAM,CAeR"}
+{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAiB,MAAM,qBAAqB,CAAA;AAG9D,OAAO,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AAGjC,MAAM,WAAW,aAAa;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB;AAED,wBAAgB,eAAe,CAE9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,OAAO,CAAC,EAAE,aAAa,GACrB,MAAM,CAgBR"}

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 import { AppDefinition } from './framework';
 declare const _createFramework: (options?: AppDefinition) => import("vue").Plugin;
 export { _createFramework as createFramework };
+export * from './composables';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAA;AAE5D,QAAA,MAAM,gBAAgB,aAAc,aAAa,yBAAyC,CAAA;AAE1F,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAA;AAE5D,QAAA,MAAM,gBAAgB,aAAc,aAAa,yBAAyC,CAAA;AAE1F,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAA;AAE9C,cAAc,eAAe,CAAA"}

package/lib/styles/ui.css

@@ -369,6 +369,10 @@ template {
 .q-btn .q-spinner-loader {
   color: currentColor;
 }
+.q-btn--active {
+  z-index: 2;
+  background-color: var(--q-theme-primary-light);
+}
 .q-btn:disabled {
   opacity: 0.6;
 }
@@ -408,12 +412,7 @@ template {
   color: var(--q-theme-primary);
 }
 .q-btn--link:hover:not(:disabled), .q-btn--link:focus:not(:disabled) {
-  background-color: transparent;
-  border-color: transparent;
-}
-.q-btn--link:hover:not(:disabled) span, .q-btn--link:focus:not(:disabled) span {
-  text-decoration: underline;
-  text-underline-offset: 0.25rem;
+  color: var(--q-theme-primary-dark);
 }
 .q-btn--small {
   padding: 0.25rem;
@@ -428,7 +427,7 @@ template {
   height: 14px;
 }
 .q-btn--borderless {
-  border-color: transparent;
+  border-color: transparent !important;
 }
 .q-btn--elevated {
   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
@@ -462,10 +461,6 @@ template {
   position: relative;
   flex: 0 1 auto;
 }
-.q-btn-group > .q-btn--active {
-  z-index: 2;
-  background-color: var(--q-theme-primary-light);
-}
 .q-btn-group > .q-btn:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -512,7 +507,7 @@ template {
 .q-overlay {
   --q-overlay-bg: var(--q-theme-background);
   --q-overlay-color: var(--q-theme-on-background);
-  --q-overlay-border-color: var(--q-theme-border-light);
+  --q-overlay-border-color: var(--q-theme-border);
   position: absolute;
 }
 .q-overlay__content {
@@ -629,14 +624,15 @@ template {
   padding: 0.5rem 1rem;
   margin: 0;
   font-size: 0.9rem;
-  background-color: var(--q-theme-border-light);
+  background-color: color-mix(in srgb, var(--q-overlay-color) 4%, var(--q-overlay-bg));
+  border-bottom: 1px solid var(--q-overlay-border-color);
 }
 .q-popover__body {
   padding: 1rem;
 }
 
 .q-popover.q-overlay--bottom .q-overlay__arrow::after {
-  border-bottom-color: var(--q-theme-border-light);
+  border-bottom-color: color-mix(in srgb, var(--q-overlay-color) 4%, var(--q-overlay-bg));
 }
 
 .q-spinner-loader {

package/lib/styles/ui.min.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn:disabled{opacity:0.6}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--danger{background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--link{color:var(--q-theme-primary)}.q-btn--link,.q-btn--link:focus:not(:disabled),.q-btn--link:hover:not(:disabled){background-color:transparent;border-color:transparent}.q-btn--link:focus:not(:disabled) span,.q-btn--link:hover:not(:disabled) span{text-decoration:underline;text-underline-offset:0.25rem}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:var(--q-theme-border-light);position:absolute}.q-overlay__content{display:block;position:relative;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:1070;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:var(--q-theme-border-light)}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:var(--q-theme-border-light)}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--danger{background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--link{background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--link:focus:not(:disabled),.q-btn--link:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:var(--q-theme-border);position:absolute}.q-overlay__content{display:block;position:relative;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:1070;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:color-mix(in srgb,var(--q-overlay-color) 4%,var(--q-overlay-bg));border-bottom:1px solid var(--q-overlay-border-color)}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:color-mix(in srgb,var(--q-overlay-color) 4%,var(--q-overlay-bg))}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}

package/lib/styles/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quid UI Framework v0.0.9
+ * Quid UI Framework v0.1.0
  * (c) 2023 Quidgest - Consultores de Gestão, SA
  */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -253,6 +253,7 @@ $btn-bg-danger: var(--q-theme-danger);
 $btn-color-danger: var(--q-theme-on-danger);
 $btn-hover-bg-danger: var(--q-theme-danger-dark);
 $btn-color-link: var(--q-theme-primary);
+$btn-bg-active: var(--q-theme-primary-light);
 .q-btn {
 	$this: &;
 	position: relative;
@@ -311,6 +312,10 @@ $btn-color-link: var(--q-theme-primary);
 		color: currentColor;
 	}
 	
+	&--active {
+		z-index: 2;
+		background-color: $btn-bg-active;
+	}
 	&:disabled {
 		opacity: 0.6;
 	}
@@ -353,12 +358,7 @@ $btn-color-link: var(--q-theme-primary);
 		color: $btn-color-link;
 		&:hover:not(:disabled),
 		&:focus:not(:disabled) {
-			background-color: transparent;
-			border-color: transparent;
-			span {
-				text-decoration: underline;
-				text-underline-offset: 0.25rem;
-			}
+			color: $btn-hover-bg-primary;
 		}
 	}
 	
@@ -376,7 +376,7 @@ $btn-color-link: var(--q-theme-primary);
 	}
 	
 	&--borderless {
-		border-color: transparent;
+		border-color: transparent !important;
 	}
 	&--elevated {
 		box-shadow:
@@ -402,7 +402,6 @@ $btn-color-link: var(--q-theme-primary);
 		transform: translateX(-50%);
 	}
 }
-$btn-bg-active: var(--q-theme-primary-light);
 .q-btn-group {
 	position: relative;
 	display: -ms-inline-flexbox;
@@ -417,10 +416,6 @@ $btn-bg-active: var(--q-theme-primary-light);
 	> .q-btn {
 		position: relative;
 		flex: 0 1 auto;
-		&--active {
-			z-index: 2;
-			background-color: $btn-bg-active;
-		}
 		&:not(:last-child) {
 			border-top-right-radius: 0;
 			border-bottom-right-radius: 0;
@@ -481,7 +476,7 @@ $overlay-arrow-height: 0.5rem;
 	$this: &;
 	--q-overlay-bg: var(--q-theme-background);
 	--q-overlay-color: var(--q-theme-on-background);
-	--q-overlay-border-color: var(--q-theme-border-light);
+	--q-overlay-border-color: var(--q-theme-border);
 	position: absolute;
 	&__content {
 		display: block;
@@ -602,7 +597,7 @@ $overlay-arrow-height: 0.5rem;
 		--q-overlay-border-color: transparent;
 	}
 }
-$popover-header-bg: var(--q-theme-border-light);
+$popover-header-bg: color-mix(in srgb, var(--q-overlay-color) 4%, var(--q-overlay-bg));
 .q-popover {
 	.q-overlay__content {
 		z-index: 1070;
@@ -621,6 +616,7 @@ $popover-header-bg: var(--q-theme-border-light);
 		margin: 0;
 		font-size: $font-size-base;
 		background-color: $popover-header-bg;
+		border-bottom: 1px solid var(--q-overlay-border-color);
 	}
 	&__body {
 		padding: 1rem;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@quidgest/ui",
   "private": false,
   "description": "Quidgest UI kit",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "author": {
     "name": "Quidgest"
   },

package/lib/composables/defaults.d.ts

@@ -1,5 +0,0 @@
-export declare const DEFAULTS_SYMBOL = "q-defaults";
-export declare function useDefaults(): any;
-export declare function provideDefaults(defaults: Record<string, any>): void;
-export declare function injectDefaults(): Record<string, any>;
-//# sourceMappingURL=defaults.d.ts.map

package/lib/composables/defaults.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/composables/defaults.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,wBAAgB,WAAW,QAW1B;AAGD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAK5D;AAED,wBAAgB,cAAc,wBAO7B"}

package/lib/composables/overlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/composables/overlay.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAC/C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,SAAS,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC9B,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,kBAAkB,GAAE,SAAmB,GACrC,QAAQ,CAuCV"}

package/lib/composables/theme.d.ts

@@ -1,35 +0,0 @@
-import { App, Ref } from 'vue';
-export interface ThemeDefinition {
-    primary: string;
-    primaryLight: string;
-    primaryDark: string;
-    secondary: string;
-    secondaryLight: string;
-    secondaryDark: string;
-    highlight: string;
-    background: string;
-    container: string;
-    border: string;
-    borderLight: string;
-    success: string;
-    warning: string;
-    danger: string;
-    dangerLight: string;
-    dangerDark: string;
-    info: string;
-    onPrimary: string;
-    onSecondary: string;
-    onHighlight: string;
-    onBackground: string;
-    onContainer: string;
-    onSuccess: string;
-    onWarning: string;
-    onDanger: string;
-    onInfo: string;
-}
-export type ThemeProps = Partial<ThemeDefinition>;
-export declare const defaultLightTheme: ThemeDefinition;
-export declare function useTheme(): Ref<ThemeDefinition>;
-export declare function installTheme(app: App, theme?: ThemeProps): void;
-export declare function generateRootStyle(theme: ThemeDefinition): void;
-//# sourceMappingURL=theme.d.ts.map

package/lib/composables/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAe,MAAM,KAAK,CAAA;AAI3C,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;AAEjD,eAAO,MAAM,iBAAiB,EAAE,eA2B/B,CAAA;AAED,wBAAgB,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,CAM/C;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,UAAU,QAcxD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,QAuBvD"}