pangea-lib 2.0.0 → 2.0.1

package/{src → dist}/styles/helpers.styl

@@ -30,7 +30,7 @@ margin-x()
   else
     margin-right arguments[1]
 
-height-and-width($heightSize, $widthSize = false)
+size($heightSize, $widthSize = false)
   height $heightSize
   min-height $heightSize
   if $widthSize
@@ -40,11 +40,13 @@ height-and-width($heightSize, $widthSize = false)
     width $heightSize
     min-width $heightSize
 
-rounded-item($size)
-  height $size
-  width $size
+size-rounded($size)
+  size($size)
   border-radius 100%
 
+shadow($blur = 1rem, $color = rgba(0, 0, 0, 0.2))
+  box-shadow 0 0 $blur $color
+
 flex($flexDirection = row, $justifyContent = flex-start, $alignItems = stretch, $gap = 0, $flexWrap = nowrap)
   display flex
   flex-direction $flexDirection
@@ -54,13 +56,4 @@ flex($flexDirection = row, $justifyContent = flex-start, $alignItems = stretch,
   flex-wrap $flexWrap
 
 flex-center()
-  flex(row, center, center)
-
-flex-column()
-  flex(column, flex-start, stretch, 1rem)
-
-flex-row()
-  flex(row, flex-start, center, 0.5rem)
-
-shadow($blur = 1rem, $color = rgba(0, 0, 0, 0.2))
-  box-shadow 0 0 $blur $color
+  flex(row, center, center)

package/dist/styles/index.styl

@@ -0,0 +1,2 @@
+@require './variables/index.styl'
+@require './helpers.styl'

package/dist/styles/responsive-font-size.css

@@ -0,0 +1 @@
+html{font-size:96%}@media (max-width:1200px){html{font-size:92%}}@media (max-width:992px){html{font-size:88%}}@media (max-width:768px){html{font-size:84%}}@media (max-width:576px){html{font-size:80%}}

package/dist/styles/scrollbar.css

@@ -0,0 +1 @@
+::-webkit-scrollbar{background-color:#fff;border-radius:.5rem;width:.9rem}@media (hover:none){::-webkit-scrollbar{display:none}}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#646464;border:.2rem solid transparent;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#8c8c8c}

package/dist/styles/variables/breakpoints.styl

@@ -0,0 +1,10 @@
+// Large desktops
+// no breakpoint since this is the default
+// Desktops
+$largeDevicesBreakpoint = 1200px
+// Tablets
+$mediumDevicesBreakpoint = 992px
+// Landscape phones
+$smallDevicesBreakpoint = 768px
+// Portrait phones
+$extraSmallDevicesBreakpoint = 576px

package/dist/styles/variables/index.styl

@@ -0,0 +1 @@
+@require './breakpoints.styl'

package/dist/types/colors/all-colors.d.ts

@@ -0,0 +1,3 @@
+import { Colors } from './colors.types';
+
+export declare const allColors: Colors;

package/dist/types/colors/colors.helpers.d.ts

@@ -0,0 +1,3 @@
+import { Color, ColorAlpha } from './colors.types';
+
+export declare function rgba(color: Color, colorAlpha: ColorAlpha): string;

package/dist/types/colors/colors.store.d.ts

@@ -0,0 +1,96 @@
+import { Color, ColorName, Colors } from './colors.types';
+
+export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors", import('pinia')._UnwrapAll<Pick<{
+    colors: import('vue').Ref<{
+        firstLight: Color;
+        secondLight: Color;
+        thirdLight: Color;
+        firstLightBackground: Color;
+        secondLightBackground: Color;
+        thirdLightBackground: Color;
+        firstDark: Color;
+        secondDark: Color;
+        thirdDark: Color;
+        firstDarkBackground: Color;
+        secondDarkBackground: Color;
+        thirdDarkBackground: Color;
+        primary: Color;
+        secondary: Color;
+        success: Color;
+        warning: Color;
+        danger: Color;
+        dark: Color;
+        light: Color;
+        red: Color;
+        purple: Color;
+        sky: Color;
+        beige: Color;
+        info: Color;
+        link: Color;
+        error: Color;
+    }>;
+    setColor: (colorName: ColorName, newColor: Color) => void;
+    setColors: (newColors: Colors) => void;
+}, "colors">>, Pick<{
+    colors: import('vue').Ref<{
+        firstLight: Color;
+        secondLight: Color;
+        thirdLight: Color;
+        firstLightBackground: Color;
+        secondLightBackground: Color;
+        thirdLightBackground: Color;
+        firstDark: Color;
+        secondDark: Color;
+        thirdDark: Color;
+        firstDarkBackground: Color;
+        secondDarkBackground: Color;
+        thirdDarkBackground: Color;
+        primary: Color;
+        secondary: Color;
+        success: Color;
+        warning: Color;
+        danger: Color;
+        dark: Color;
+        light: Color;
+        red: Color;
+        purple: Color;
+        sky: Color;
+        beige: Color;
+        info: Color;
+        link: Color;
+        error: Color;
+    }>;
+    setColor: (colorName: ColorName, newColor: Color) => void;
+    setColors: (newColors: Colors) => void;
+}, never>, Pick<{
+    colors: import('vue').Ref<{
+        firstLight: Color;
+        secondLight: Color;
+        thirdLight: Color;
+        firstLightBackground: Color;
+        secondLightBackground: Color;
+        thirdLightBackground: Color;
+        firstDark: Color;
+        secondDark: Color;
+        thirdDark: Color;
+        firstDarkBackground: Color;
+        secondDarkBackground: Color;
+        thirdDarkBackground: Color;
+        primary: Color;
+        secondary: Color;
+        success: Color;
+        warning: Color;
+        danger: Color;
+        dark: Color;
+        light: Color;
+        red: Color;
+        purple: Color;
+        sky: Color;
+        beige: Color;
+        info: Color;
+        link: Color;
+        error: Color;
+    }>;
+    setColor: (colorName: ColorName, newColor: Color) => void;
+    setColors: (newColors: Colors) => void;
+}, "setColor" | "setColors">>;

package/dist/types/colors/colors.types.d.ts

@@ -0,0 +1,12 @@
+export type ColorAlpha = number;
+export type ColorRgb = `rgb(${number}, ${number}, ${number})`;
+export type ColorRgba = `rgba(${number}, ${number}, ${number}, ${number})`;
+export type ColorHex = `#${string}`;
+export type Color = ColorRgb | ColorRgba | ColorHex;
+export type ColorNameApp = 'firstLight' | 'secondLight' | 'thirdLight' | 'firstLightBackground' | 'secondLightBackground' | 'thirdLightBackground' | 'firstDark' | 'secondDark' | 'thirdDark' | 'firstDarkBackground' | 'secondDarkBackground' | 'thirdDarkBackground';
+export type ColorNameCustom = 'primary' | 'secondary';
+export type ColorNameDistinctive = 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'red' | 'purple' | 'sky' | 'beige';
+export type ColorNameInformative = 'info' | 'link' | 'error';
+export type ColorNameUnique = ColorNameCustom | ColorNameDistinctive;
+export type ColorName = ColorNameApp | ColorNameCustom | ColorNameDistinctive | ColorNameInformative;
+export type Colors = Record<ColorName, Color>;

package/dist/types/colors/index.d.ts

@@ -0,0 +1,6 @@
+import { storeToRefs } from 'pinia';
+import { rgba } from './colors.helpers';
+import { useColorsStore } from './colors.store';
+
+export { storeToRefs, rgba, useColorsStore };
+export * from './colors.types';

package/dist/types/components/PgaBadge.vue.d.ts

@@ -1,7 +1,9 @@
+import { ColorNameUnique } from '../colors';
+
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    color: "dark" | "light" | "danger" | "warning" | "success" | "red" | "purple" | "sky" | "beige";
+    color: ColorNameUnique;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    color: "dark" | "light" | "danger" | "warning" | "success" | "red" | "purple" | "sky" | "beige";
+    color: ColorNameUnique;
 }>>>, {}, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/PgaButton.vue.d.ts

@@ -1,10 +1,12 @@
+import { ColorNameUnique } from '../colors';
+
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isLoading?: boolean;
     numberToDisplay?: number;
     href?: string;
     target?: string;
-    type?: "dark" | "light" | "danger" | "warning" | "success" | "purple" | "sky" | "link" | "primary" | "secondary";
-    size?: "s" | "m" | "xs" | "l";
+    type?: "link" | ColorNameUnique;
+    size?: "s" | "xs" | "m" | "l";
     paddingY?: string;
     paddingX?: string;
     borderRadius?: string;
@@ -20,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     numberToDisplay?: number;
     href?: string;
     target?: string;
-    type?: "dark" | "light" | "danger" | "warning" | "success" | "purple" | "sky" | "link" | "primary" | "secondary";
-    size?: "s" | "m" | "xs" | "l";
+    type?: "link" | ColorNameUnique;
+    size?: "s" | "xs" | "m" | "l";
     paddingY?: string;
     paddingX?: string;
     borderRadius?: string;
@@ -33,8 +35,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     type: string;
     size: string;
 }>>>, {
-    type: "dark" | "light" | "danger" | "warning" | "success" | "purple" | "sky" | "link" | "primary" | "secondary";
-    size: "s" | "m" | "xs" | "l";
+    size: "s" | "xs" | "m" | "l";
+    type: "link" | ColorNameUnique;
     isLoading: boolean;
     href: string;
     target: string;

package/dist/types/components/PgaInfoCardFullPage.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    type: "danger" | "success";
+    type: "success" | "danger";
     informationCardTitle: string;
     informationCardDescription?: string;
     isLoading?: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    type: "danger" | "success";
+    type: "success" | "danger";
     informationCardTitle: string;
     informationCardDescription?: string;
     isLoading?: boolean;

package/dist/types/components/PgaSelector.vue.d.ts

@@ -1,30 +1,31 @@
-type SelectorItem<ID = string> = {
-    id: ID;
-    label: string;
+import { Id, TextProp } from '../types';
+
+type SelectorItem = {
+    id: Id;
+    label: TextProp;
 };
-type SelectorItems<ID = string> = SelectorItem<ID>[];
 declare const _default: import('vue').DefineComponent<{
     itemSelectedId: {
         required: true;
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<any>;
     };
     label: {
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<TextProp>;
     };
     items: {
-        type: import('vue').PropType<SelectorItems<string>>;
+        type: import('vue').PropType<SelectorItem[]>;
         required: true;
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     itemSelectedId: {
         required: true;
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<any>;
     };
     label: {
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<TextProp>;
     };
     items: {
-        type: import('vue').PropType<SelectorItems<string>>;
+        type: import('vue').PropType<SelectorItem[]>;
         required: true;
     };
 }>>, {}, {}>;

package/dist/types/components/chart/{PgaBarChart.vue.d.ts → PgaChartBar.vue.d.ts}

@@ -1,15 +1,15 @@
-import { BarChartOptions, BarChartData } from '../../types/chart';
+import { ChartOptionsBar, ChartDataBar } from '../../types/chart';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id?: string;
-    options?: BarChartOptions;
-    data: BarChartData;
+    options?: ChartOptionsBar;
+    data: ChartDataBar;
 }>, {
     id: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     id?: string;
-    options?: BarChartOptions;
-    data: BarChartData;
+    options?: ChartOptionsBar;
+    data: ChartDataBar;
 }>, {
     id: string;
 }>>>, {

package/dist/types/components/display/PgaDisplayText.vue.d.ts

@@ -1,9 +1,9 @@
-import { Text } from '../../types/index';
+import { TextProp } from '../../types/index';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    text: Text;
+    text: TextProp;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    text: Text;
+    text: TextProp;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/components/form/PgaSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { Text } from '../../types/index';
+import { TextProp } from '../../types/index';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     modelValue: {
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         required: true;
     };
     emptyOptionsMsg: {
-        type: import('vue').PropType<Text>;
+        type: import('vue').PropType<TextProp>;
     };
     disabled: {
         type: import('vue').PropType<boolean>;
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         required: true;
     };
     emptyOptionsMsg: {
-        type: import('vue').PropType<Text>;
+        type: import('vue').PropType<TextProp>;
     };
     disabled: {
         type: import('vue').PropType<boolean>;

package/dist/types/components/index.d.ts

@@ -8,7 +8,7 @@ export { default as PgaModal } from './PgaModal.vue';
 export { default as PgaNoData } from './PgaNoData.vue';
 export { default as PgaSelector } from './PgaSelector.vue';
 export { default as PgaSpinner } from './PgaSpinner.vue';
-export { default as PgaBarChart } from './chart/PgaBarChart.vue';
+export { default as PgaChartBar } from './chart/PgaChartBar.vue';
 export { default as PgaDisplayText } from './display/PgaDisplayText.vue';
 export { default as PgaDatePicker } from './form/PgaDatePicker.vue';
 export { default as PgaInputErrors } from './form/PgaInputErrors.vue';

package/dist/types/default-pangea-options.d.ts

@@ -1,4 +1,7 @@
-import { PangeaOptions } from './types/pangea-options';
+import { Colors } from './colors/colors.types';
 
+export type PangeaOptions = {
+    colors?: Partial<Colors>;
+};
 declare const pangeaOptions: PangeaOptions;
 export default pangeaOptions;

package/dist/types/helpers/css.d.ts

@@ -0,0 +1 @@
+export declare function animation(element: string, animation: string, prefix?: string): Promise<unknown>;

package/dist/types/helpers/index.d.ts

@@ -1,5 +1,5 @@
-export * from './animation';
 export * from './coin';
+export * from './css';
 export * from './datetime';
 export * from './number';
 export * from './object';

package/dist/types/i18n/create-i18n.d.ts

@@ -0,0 +1,10 @@
+import { UnwrapRef } from 'vue';
+
+export type Props = {
+    [prop: string]: string | number;
+    count?: number;
+};
+export declare function createI18n<L extends string, M extends Record<string, Record<L, Record<string, string>>>>(storeId: string, defaultLanguage: L, messages: M): {
+    setLanguage: (language: UnwrapRef<L>) => void;
+    useI18n: <FN extends keyof M>(fileName: FN) => <MK extends keyof M[FN][L]>(messageKey: MK, props?: Props) => string;
+};

package/dist/types/i18n/i18n.d.ts

@@ -1,3 +1,14 @@
-import { FileName, MessageKey, Props } from './i18n.types';
-
-export declare function useI18n<T extends FileName, K extends MessageKey<T>>(fileName: T): (messageKey: K, props?: Props) => string;
+export declare const setLanguage: (language: "es") => void, useI18n: <FN extends "PgaDatePicker" | "PgaModal">(fileName: FN) => <MK extends keyof {
+    PgaDatePicker: {
+        es: {
+            cancelBtn: string;
+            selectBtn: string;
+        };
+    };
+    PgaModal: {
+        es: {
+            cancelBtn: string;
+            acceptBtn: string;
+        };
+    };
+}[FN]["es"]>(messageKey: MK, props?: import('./create-i18n').Props) => string;

package/dist/types/i18n/i18n.store.d.ts

@@ -1,9 +1,12 @@
-import { Language } from './i18n.types';
+import { UnwrapRef } from 'vue';
 
-type I18nStoreState = {
-    currentLanguage: Language;
-};
-export declare const useI18nStore: import('pinia').StoreDefinition<"i18n", I18nStoreState, {}, {
-    setLanguage(language: Language): void;
-}>;
-export {};
+export declare function createI18nStore<L extends string>(id: string, defaultLanguage: L): import('pinia').StoreDefinition<string, import('pinia')._UnwrapAll<Pick<{
+    currentLanguage: import('vue').Ref<UnwrapRef<L>>;
+    setLanguage: (language: UnwrapRef<L>) => void;
+}, "currentLanguage">>, Pick<{
+    currentLanguage: import('vue').Ref<UnwrapRef<L>>;
+    setLanguage: (language: UnwrapRef<L>) => void;
+}, never>, Pick<{
+    currentLanguage: import('vue').Ref<UnwrapRef<L>>;
+    setLanguage: (language: UnwrapRef<L>) => void;
+}, "setLanguage">>;

package/dist/types/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export { createI18n } from './create-i18n';
+export { setLanguage } from './i18n';

package/dist/types/main.d.ts

@@ -1,7 +1,9 @@
 import { App } from 'vue';
-import { PangeaOptions } from './types/pangea-options';
+import { PangeaOptions } from './default-pangea-options';
 
 declare const _default: (app: App, userOptions?: PangeaOptions) => void;
 export default _default;
+export * from './colors';
 export * from './helpers';
+export * from './i18n';
 export * from './types';

package/dist/types/types/chart.d.ts

@@ -1,10 +1,10 @@
 import { ChartOptions, ChartData } from 'chart.js';
 
-export type BarChartOptions = ChartOptions<'bar'>;
-export type BarChartData = ChartData<'bar'>;
-export type BarChart = {
+export type ChartOptionsBar = ChartOptions<'bar'>;
+export type ChartDataBar = ChartData<'bar'>;
+export type ChartBar = {
     id: string;
-    options?: BarChartOptions;
-    data: BarChartData;
+    options?: ChartOptionsBar;
+    data: ChartDataBar;
 };
-export type BarCharts = BarChart[];
+export type ChartBars = ChartBar[];

package/dist/types/types/index.d.ts

@@ -2,8 +2,8 @@ export * from './chart';
 export * from './icon';
 export * from './image';
 export * from './populate';
-export type ID = string;
+export type Id = any;
 export type ConstructorParams<T> = {
     [K in keyof T]?: T[K];
 };
-export type Text = string | (() => string);
+export type TextProp = string | (() => string);

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "files": [
-    "dist",
-    "src/styles"
+    "dist"
   ],
   "main": "./dist/main.cjs.js",
   "module": "./dist/main.es.js",
@@ -15,7 +14,9 @@
       "import": "./dist/main.es.js",
       "types": "./dist/types/main.d.ts"
     },
-    "./style.css": "./dist/style.css",
+    "./main.css": "./dist/main.css",
+    "./responsive-font-size.css": "./dist/styles/responsive-font-size.css",
+    "./scrollbar.css": "./dist/styles/scrollbar.css",
     "./package.json": "./package.json"
   },
   "types": "./dist/types/main.d.ts",
@@ -46,17 +47,22 @@
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/vue-fontawesome": "^3.0.5",
     "@vuepic/vue-datepicker": "^8.6.0",
-    "chart.js": "^4.4.2",
+    "animate.css": "^4.1.1",
+    "chart.js": "^4.4.3",
     "click-outside-vue3": "^4.0.1",
     "moment": "^2.30.1",
+    "pangea-helpers": "^1.3.1",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
+    "sanitize.css": "^13.0.0",
     "vue": "^3.4.21",
-    "vue-chartjs": "^5.3.0"
+    "vue-chartjs": "^5.3.1"
   },
   "devDependencies": {
-    "@types/node": "^20.2.5",
+    "@types/node": "^20.12.12",
+    "@types/stylus": "^0.48.42",
     "@vitejs/plugin-vue": "^4.2.3",
+    "cssnano": "^7.0.1",
     "stylus": "^0.59.0",
     "typescript": "^5.0.2",
     "vite": "^4.3.9",

package/dist/style.css

@@ -1 +0,0 @@
-.badge[data-v-fa9e5ef7]{-webkit-user-select:none;user-select:none;font-size:.8rem;min-width:fit-content;padding-left:.3rem;padding-right:.3rem;border-width:1px;border-style:solid;border-radius:.4rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:nowrap;gap:.3rem}.badge__dark[data-v-fa9e5ef7]{border-color:#1e1e1e;color:#1e1e1e;background-color:#1e1e1e0d}.badge__light[data-v-fa9e5ef7]{border-color:#f0f0f0;color:#f0f0f0;background-color:#f0f0f00d}.badge__danger[data-v-fa9e5ef7]{border-color:#ff5959;color:#ff5959;background-color:#ff59590d}.badge__warning[data-v-fa9e5ef7]{border-color:#ffbd35;color:#ffbd35;background-color:#ffbd350d}.badge__success[data-v-fa9e5ef7]{border-color:#95cd41;color:#95cd41;background-color:#95cd410d}.badge__red[data-v-fa9e5ef7]{border-color:#de4795;color:#de4795;background-color:#de47950d}.badge__purple[data-v-fa9e5ef7]{border-color:#7746db;color:#7746db;background-color:#7746db0d}.badge__sky[data-v-fa9e5ef7]{border-color:#1ab8c3;color:#1ab8c3;background-color:#1ab8c30d}.badge__beige[data-v-fa9e5ef7]{border-color:#fdf5e6;color:#fdf5e6;background-color:#fdf5e60d}.spinner[data-v-8f75b299]{display:inline-block;position:relative}.spinner__s[data-v-8f75b299]{height:1.25rem;width:1.25rem}.spinner__m[data-v-8f75b299]{height:2.5rem;width:2.5rem}.spinner__b[data-v-8f75b299]{height:4rem;width:4rem}.spinner .spinner--side[data-v-8f75b299]{display:block;position:absolute;border-color:#218c5a transparent transparent transparent;border-style:solid;border-radius:50%;animation:spinner-8f75b299 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner .spinner--side[data-v-8f75b299]:nth-child(1){animation-delay:-.45s}.spinner .spinner--side[data-v-8f75b299]:nth-child(2){animation-delay:-.3s}.spinner .spinner--side[data-v-8f75b299]:nth-child(3){animation-delay:-.15s}.spinner .spinner--side__s[data-v-8f75b299]{height:1rem;width:1rem;margin:.125rem;border-width:.125rem}.spinner .spinner--side__m[data-v-8f75b299]{height:2rem;width:2rem;margin:.25rem;border-width:.25rem}.spinner .spinner--side__b[data-v-8f75b299]{height:3.2rem;width:3.2rem;margin:.4rem;border-width:.4rem}@-moz-keyframes spinner-8f75b299{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes spinner-8f75b299{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes spinner-8f75b299{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-8f75b299{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button[data-v-1528daaf]{cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;text-decoration:none;position:relative;min-width:fit-content;border:none;outline:0;color:inherit;background-color:inherit;padding-left:.5rem;padding-right:.5rem;border-radius:.25rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;flex-wrap:nowrap}.button__xs[data-v-1528daaf]{font-size:.8rem;height:1.6rem}.button__s[data-v-1528daaf]{font-size:.9rem;height:1.8rem}.button__m[data-v-1528daaf]{font-size:1rem;height:2rem}.button__l[data-v-1528daaf]{font-size:1.1rem;height:2.2rem}.button__link[data-v-1528daaf]{background-color:transparent}.button__link[data-v-1528daaf]:hover{text-decoration:underline}.button__primary[data-v-1528daaf]{color:#fff;background-color:#218c5a;border:1px solid rgba(255,255,255,.5)}.button__primary[data-v-1528daaf]:hover{background-color:#218c5ae6}.button__primary .button--number-to-display[data-v-1528daaf]{color:#218c5a;background-color:#fff;border:1px solid rgba(33,140,90,.5)}.button__secondary[data-v-1528daaf]{color:#fff;background-color:#218c5a;border:1px solid rgba(255,255,255,.5)}.button__secondary[data-v-1528daaf]:hover{background-color:#218c5ae6}.button__secondary .button--number-to-display[data-v-1528daaf]{color:#218c5a;background-color:#fff;border:1px solid rgba(33,140,90,.5)}.button__dark[data-v-1528daaf]{color:#fff;background-color:#1e1e1e;border:1px solid rgba(255,255,255,.5)}.button__dark[data-v-1528daaf]:hover{background-color:#1e1e1ee6}.button__dark .button--number-to-display[data-v-1528daaf]{color:#1e1e1e;background-color:#fff;border:1px solid rgba(30,30,30,.5)}.button__light[data-v-1528daaf]{color:#000;background-color:#f0f0f0;border:1px solid rgba(0,0,0,.5)}.button__light[data-v-1528daaf]:hover{background-color:#f0f0f0e6}.button__light .button--number-to-display[data-v-1528daaf]{color:#f0f0f0;background-color:#000;border:1px solid rgba(240,240,240,.5)}.button__success[data-v-1528daaf]{color:#fff;background-color:#95cd41;border:1px solid rgba(255,255,255,.5)}.button__success[data-v-1528daaf]:hover{background-color:#95cd41e6}.button__success .button--number-to-display[data-v-1528daaf]{color:#95cd41;background-color:#fff;border:1px solid rgba(149,205,65,.5)}.button__warning[data-v-1528daaf]{color:#fff;background-color:#ffbd35;border:1px solid rgba(255,255,255,.5)}.button__warning[data-v-1528daaf]:hover{background-color:#ffbd35e6}.button__warning .button--number-to-display[data-v-1528daaf]{color:#ffbd35;background-color:#fff;border:1px solid rgba(255,189,53,.5)}.button__danger[data-v-1528daaf]{color:#fff;background-color:#ff5959;border:1px solid rgba(255,255,255,.5)}.button__danger[data-v-1528daaf]:hover{background-color:#ff5959e6}.button__danger .button--number-to-display[data-v-1528daaf]{color:#ff5959;background-color:#fff;border:1px solid rgba(255,89,89,.5)}.button__purple[data-v-1528daaf]{color:#fff;background-color:#7746db;border:1px solid rgba(255,255,255,.5)}.button__purple[data-v-1528daaf]:hover{background-color:#7746dbe6}.button__purple .button--number-to-display[data-v-1528daaf]{color:#7746db;background-color:#fff;border:1px solid rgba(119,70,219,.5)}.button__sky[data-v-1528daaf]{color:#fff;background-color:#1ab8c3;border:1px solid rgba(255,255,255,.5)}.button__sky[data-v-1528daaf]:hover{background-color:#1ab8c3e6}.button__sky .button--number-to-display[data-v-1528daaf]{color:#1ab8c3;background-color:#fff;border:1px solid rgba(26,184,195,.5)}.button__is-loading[data-v-1528daaf]{cursor:initial}.button .button--number-to-display[data-v-1528daaf]{cursor:initial;font-size:.6rem;position:absolute;top:-.55rem;right:-.55rem;height:1.15rem;width:1.15rem;border-radius:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}a.button[data-v-1528daaf]{display:inline-flex;padding:.3rem;border-radius:0}.info-card[data-v-ab146705]{background-color:#fafafa;border:1px solid rgba(0,219,207,.8);border-radius:.3rem;display:flex}.info-card .info-card--icon-container[data-v-ab146705]{background-color:#00dbcf;padding:.8rem;border-radius:.3rem 0 0 .3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.info-card .info-card--icon-container .info-card--icon[data-v-ab146705]{color:#fff;font-size:1.6rem}.info-card .info-card--content[data-v-ab146705]{font-size:.9rem;padding:.8rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.information-card-container[data-v-f32c44fb]{height:100vh;background-color:#efefef;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.information-card-container .information-card[data-v-f32c44fb]{text-align:center;max-width:40rem;padding:1.5rem 2rem;border-radius:.5rem;background-color:#fff;box-shadow:0 0 1rem #0003;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;flex-wrap:nowrap}.information-card-container .information-card .information-card--icon[data-v-f32c44fb]{font-size:3.5rem}.information-card-container .information-card .information-card--icon__success[data-v-f32c44fb]{color:#95cd41}.information-card-container .information-card .information-card--icon__danger[data-v-f32c44fb]{color:#ff5959}.information-card-container .information-card .information-card--title[data-v-f32c44fb]{font-size:1.25rem}.information-card-container .information-card .information-card--description[data-v-f32c44fb]{font-size:.98rem;color:#1e1e1e}.item-selected[data-v-e2dbb94f]{cursor:pointer;height:1.3rem;min-height:1.3rem;width:1.3rem;min-width:1.3rem;border:.15rem solid #9a9a9a;border-radius:100%;background-color:#f8f8f8;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.item-selected .item-selected--check-icon[data-v-e2dbb94f]{font-size:.9rem;color:#9a9a9a}.item-selected__selected[data-v-e2dbb94f]{border-color:#95cd41;background-color:#95cd41}.item-selected__selected .item-selected--check-icon[data-v-e2dbb94f]{color:#f8f8f8}.modal[data-v-95c91898]{position:fixed;z-index:10000;left:0;top:0;height:100vh;width:100%;background-color:#0006;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.modal .modal--content[data-v-95c91898]{border:1px solid #808080;border-radius:.6rem;margin-top:-4vh;width:95%;max-width:600px;background-color:#fefefe}.modal .modal--content .modal--header[data-v-95c91898]{padding:.5rem 1.2rem;background-color:#8080801a;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:nowrap}.modal .modal--content .modal--header .modal--title[data-v-95c91898]{font-weight:700}.modal .modal--content .modal--header .close-icon[data-v-95c91898]{cursor:pointer;height:2rem;width:2rem;border-radius:.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.modal .modal--content .modal--header .close-icon[data-v-95c91898]:hover{background-color:#8080804d}.modal .modal--content .modal--body[data-v-95c91898]{margin-top:1.2rem;margin-bottom:1.5rem;padding-left:1.2rem;padding-right:1.2rem;max-height:68vh;overflow:auto}.modal .modal--content .modal--footer[data-v-95c91898]{padding:.9rem 1.2rem;border-top:1px solid rgba(128,128,128,.6);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.5rem;flex-wrap:nowrap}.no-data[data-v-9b02503e]{font-weight:700;padding:2.5rem;border-radius:.3rem;color:#585858;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.selector-container[data-v-1b97195e]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;flex-wrap:nowrap}.selector-container .selector-label[data-v-1b97195e]{font-size:.9rem;color:#585858}.selector-container .selector[data-v-1b97195e]{font-size:.9rem;border-radius:.3rem;color:#585858;background-color:#efefef;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:0;flex-wrap:nowrap}.selector-container .selector .selector--item[data-v-1b97195e]{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid #9b9b9b;height:2.2rem;width:9rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.selector-container .selector .selector--item__first-item[data-v-1b97195e]{border-radius:.3rem 0 0 .3rem}.selector-container .selector .selector--item__last-item[data-v-1b97195e]{border-radius:0 .3rem .3rem 0}.selector-container .selector .selector--item__active[data-v-1b97195e]{font-weight:700;border:2px solid #218c5a;color:#218c5a;background-color:#218c5a14}.selector-container .selector .selector--item[data-v-1b97195e]:hover{background-color:#218c5a0d}.error-message[data-v-eb3bec86]{font-size:.9rem;color:#e11515e9;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:nowrap}.select[data-v-6ebc675c]{position:relative}.select .select--input[data-v-6ebc675c]{position:relative;min-height:2.4rem;padding-right:1.8rem;border:1px solid #cecece;border-radius:.2rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:nowrap}.select .select--input__disabled[data-v-6ebc675c]{cursor:not-allowed;background-color:#efefef}.select .select--input__dropdown-active[data-v-6ebc675c]{border-color:#969696}.select .select--input .select--input--empty-options-msg[data-v-6ebc675c]{font-size:.9rem;padding-left:.5rem;padding-right:.5rem}.select .select--input .select--input--chevron-icon[data-v-6ebc675c]{position:absolute;top:50%;right:.5rem;height:.8rem;margin-top:-.4rem}.select .select--dropdown[data-v-6ebc675c]{list-style-type:none;position:absolute;top:0;left:0;right:0;z-index:100;margin-top:var(--43f727e9);padding:0;border:1px solid #b4b4b4;border-radius:.5rem;background-color:#fff;box-shadow:0 0 1rem #0003}.select .select--dropdown .select--dropdown--option[data-v-6ebc675c]:hover{background-color:#218c5a0d}.select .select--dropdown .select--dropdown--option.select--dropdown--option__selected[data-v-6ebc675c]{background-color:#218c5a1a}

package/dist/types/helpers/animation.d.ts

@@ -1 +0,0 @@
-export declare function animateCSS(element: string, animation: string, prefix?: string): Promise<unknown>;

package/dist/types/i18n/i18n.types.d.ts

@@ -1,9 +0,0 @@
-import { default as allMessages } from './i18n.messages';
-
-export type Language = 'es';
-export type FileName = keyof typeof allMessages;
-export type MessageKey<T extends FileName> = keyof (typeof allMessages)[T][Language];
-export type Props = {
-    [prop: string]: string | number;
-    count?: number;
-};

package/dist/types/types/pangea-options.d.ts

@@ -1,6 +0,0 @@
-export type PangeaOptions = {
-    colors: {
-        first: string;
-        second: string;
-    };
-};

package/src/styles/index.styl

@@ -1,2 +0,0 @@
-@require './helpers.styl'
-@require './variables.styl'