@quidgest/ui 0.0.10 → 0.1.1

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.d.ts

@@ -1,5 +1,7 @@
 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>;
+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=defaults.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/composables/defaults.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/theme.d.ts

@@ -1,5 +1,24 @@
 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;
@@ -27,9 +46,10 @@ export interface ThemeDefinition {
     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;
+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=theme.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AAGA,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,QA4EzD;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

@@ -507,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 {
@@ -624,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--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-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.10
+ * Quid UI Framework v0.1.1
  * (c) 2023 Quidgest - Consultores de Gestão, SA
  */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -476,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;
@@ -597,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;
@@ -616,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/lib/utils/color.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Represents a color in RGB space.
+ */
+export declare class Color {
+    /**
+     * Red component of the color, in the range [0, 255].
+     */
+    r: number;
+    /**
+     * Green component of the color, in the range [0, 255].
+     */
+    g: number;
+    /**
+     * Blue component of the color, in the range [0, 255].
+     */
+    b: number;
+    /**
+     * Constructs a new color with the specified red, green, and blue components.
+     * @param r Red component of the color, in the range [0, 255].
+     * @param g Green component of the color, in the range [0, 255].
+     * @param b Blue component of the color, in the range [0, 255].
+     */
+    constructor(r: number, g: number, b: number);
+}
+/**
+ * Parses a color from a hex string.
+ * @param color A hex string representing the color, e.g., "#aabbcc".
+ * @returns A `Color` object representing the parsed color.
+ */
+export declare function parseColor(color: string): Color;
+/**
+ * Converts a `Color` object to a hex string.
+ * @param color The color to convert.
+ * @returns A hex string representing the color.
+ */
+export declare function colorToHex(color: Color): string;
+/**
+ * Lightens a color by a specified amount.
+ * @param color 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(color: Color, amount: number): Color;
+/**
+ * Darkens a color by a specified amount.
+ * @param color 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(color: Color, amount: number): Color;
+//# sourceMappingURL=color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,KAAK;IACjB;;OAEG;IACH,CAAC,EAAE,MAAM,CAAA;IAET;;OAEG;IACH,CAAC,EAAE,MAAM,CAAA;IAET;;OAEG;IACH,CAAC,EAAE,MAAM,CAAA;IAET;;;;;OAKG;gBACS,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAK3C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAe/C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAM/C;AAWD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAK3D;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAK1D"}

package/package.json

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