pgo-ui 1.0.76 → 1.0.78

package/src/components/pgo/HeroIcon.vue

@@ -1,18 +1,37 @@
 <template>
   <component
-    :is="IconAsyncComponent"
+    v-if="resolvedIcon"
+    :is="resolvedIcon"
     v-bind="attrs"
     :class="computedClass"
     :style="computedStyle"
+    :width="sizePx"
+    :height="sizePx"
   />
+  <svg
+    v-else-if="iconError"
+    :class="computedClass"
+    :style="computedStyle"
+    :width="sizePx"
+    :height="sizePx"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    aria-hidden="true"
+  >
+    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.007H12v-.007Z" />
+  </svg>
 </template>
 
 <script setup lang="ts">
 import type { Component } from "vue";
-import { computed, useAttrs } from "vue";
-import { defineAsyncComponent } from "vue";
+import { computed, useAttrs, shallowRef, ref, watchEffect } from "vue";
 import { rotationMap } from '../../pgo-components/lib/componentConfig'
 
+// Module-level cache: avoids re-importing the same icon pack on every render
+const moduleCache = new Map<string, Record<string, Component>>();
+
 // Props
 interface Props {
   name: string;
@@ -43,49 +62,59 @@ const normalizeName = (str: string) => {
 
 const iconName = computed(() => normalizeName(props.name));
 
-// Async loader
-const IconAsyncComponent = computed(() =>
-  defineAsyncComponent({
-    loader: async () => {
-      let pack;
-      
-      if (props.type === "solid") {
-        pack = await import("@heroicons/vue/24/solid");
-      } else if (props.type === "outline") {
-        pack = await import("@heroicons/vue/24/outline");
-      } else if (props.type === "mini") {
-        pack = await import("@heroicons/vue/20/solid");
-      } else if (props.type === "micro") {
-        pack = await import("@heroicons/vue/16/solid");
-      } else {
-        pack = await import("@heroicons/vue/24/outline");
-      }
-      
-      const icon = (pack as any)[iconName.value];
-
-      if (!icon) {
-        throw new Error(
-          `Icon "${iconName.value}" not found in ${props.type} icons`
-        );
-      }
-
-      return icon as Component;
-    },
-
-    // Loading icon
-    loadingComponent: defineAsyncComponent(
-      async () => (await import("@heroicons/vue/24/outline")).ArrowPathIcon
-    ),
-
-    // Error fallback icon
-    errorComponent: defineAsyncComponent(
-      async () =>
-        (await import("@heroicons/vue/24/outline")).ExclamationTriangleIcon
-    ),
-
-    delay: 200,
-    timeout: 5000,
-  })
+// Stable async icon loading with module cache
+const resolvedIcon = shallowRef<Component | null>(null);
+const iconError = ref(false);
+
+async function loadIconModule(type: string): Promise<Record<string, Component>> {
+  if (moduleCache.has(type)) {
+    return moduleCache.get(type)!;
+  }
+
+  let pack: Record<string, Component>;
+  if (type === "solid") {
+    pack = await import("@heroicons/vue/24/solid");
+  } else if (type === "outline") {
+    pack = await import("@heroicons/vue/24/outline");
+  } else if (type === "mini") {
+    pack = await import("@heroicons/vue/20/solid");
+  } else if (type === "micro") {
+    pack = await import("@heroicons/vue/16/solid");
+  } else {
+    pack = await import("@heroicons/vue/24/outline");
+  }
+
+  moduleCache.set(type, pack);
+  return pack;
+}
+
+watchEffect(async () => {
+  const name = iconName.value;
+  const type = props.type;
+
+  resolvedIcon.value = null;
+  iconError.value = false;
+
+  try {
+    const pack = await loadIconModule(type);
+    const icon = pack[name];
+
+    if (!icon) {
+      console.warn(`[HeroIcon] "${name}" not found in ${type} icons`);
+      iconError.value = true;
+      return;
+    }
+
+    resolvedIcon.value = icon;
+  } catch (e) {
+    console.warn(`[HeroIcon] Failed to load icon "${name}":`, e);
+    iconError.value = true;
+  }
+});
+
+// Numeric size for HTML attributes
+const sizePx = computed(() =>
+  typeof props.size === "number" ? props.size : parseInt(String(props.size), 10) || 24
 );
 
 // Tailwind color detection
@@ -119,14 +148,17 @@ const computedStyle = computed(() => {
   const styleObj: Record<string, any> =
     typeof attrs.style === "object" ? { ...attrs.style } : {};
 
-  const sizeCss =
-    typeof props.size === "number" ? `${props.size}px` : props.size;
+  // Ensure size always has a CSS unit — size="22" (string) must become "22px"
+  const raw = String(props.size);
+  const sizeCss = /^\d+(\.\d+)?$/.test(raw) ? `${raw}px` : raw;
 
   styleObj.width = sizeCss;
   styleObj.height = sizeCss;
 
-  // Inline CSS color if not a Tailwind class
-  if (!isTailwindColorClass(props.color)) {
+  // Inline CSS color if not a Tailwind class.
+  // Skip 'currentColor' — it's a no-op (means "inherit") and triggers a Firefox
+  // SVG rendering bug inside fixed-position / transform contexts.
+  if (!isTailwindColorClass(props.color) && props.color !== 'currentColor') {
     styleObj.color = props.color;
   }
 

package/src/components/pgo/forms/DynamicForm.vue

@@ -962,6 +962,7 @@ const initializeFormData = () => {
                 const fetchedData = response
                 FormDataList.value = response || response.data || {}
                 formData.id = showId
+                relationId.value = response?.data?.id || response?.id
 
                 props.form.fields.forEach(field => {
                     if (!field || !field.key) return

package/src/components/pgo/inputs/Select.vue

@@ -34,7 +34,7 @@
       <template #control="{ attrs, events }">
         <div
           :class="[
-            'flex items-center h-full gap-1 min-w-0 w-full overflow-hidden',
+            'flex-none items-center h-full gap-1 min-w-0 w-full overflow-hidden',
             shouldAutoHeight ? 'flex-wrap py-1 -my-1' : '',
           ]"
         >
@@ -45,10 +45,9 @@
               v-for="value in selectedValues"
               :key="extractValue(value)"
               :class="[
-                'inline-flex items-center gap-1 px-2 py-0.5 text-xs border rounded-md bg-gray-100 shrink-0',
+                'inline-flex items-center gap-1 px-2 py-0.5 text-xs border rounded-md bg-gray-100 max-w-full min-w-0',
                 textColor,
               ]"
-              style="max-width: min(150px, 100%);"
             >
               <span class="truncate">{{ getDisplayTextForValue(value) }}</span>
               <svg

package/src/index.js

@@ -17,6 +17,9 @@ import { drawerOpen } from './pgo-components/lib/drawerState.ts'
 import {globalRtl} from './pgo-components/lib/core/rtl/rtl.ts'
 import { setRtl } from './pgo-components/lib/core/rtl/setRtl.ts'
 
+import { globalFontScale } from './pgo-components/lib/core/fontSize/fontSize.ts'
+import { setFontScale, increaseFontScale, decreaseFontScale, resetFontScale } from './pgo-components/lib/core/fontSize/setFontScale.ts'
+
 //components
 import {Button, Card, HeroIcon} from './components/pgo/index.ts' // for Global registration
 export * from './components/pgo/index.ts' // export all components
@@ -27,6 +30,8 @@ export { i18nPlugin }
 export { globalRtl }
 export { setRtl }
 export { drawerOpen }
+export { globalFontScale }
+export { setFontScale, increaseFontScale, decreaseFontScale, resetFontScale }
 // export { useSnackBar }
 export { _useTheme as useTheme }
 export { createThemePlugin } from './pgo-components/plugins/theme-plugin.js'
@@ -47,6 +52,12 @@ if (typeof window !== 'undefined') {
   window.__VTS_THEMES__ = Object.keys(themes)
 }
 
+// set font scale default
+const savedFontScale = localStorage.getItem('fontScaleSetting')
+if (savedFontScale !== null) {
+  setFontScale(parseInt(savedFontScale))
+}
+
 // set rtl default
 const savedRtl = localStorage.getItem('rtlSetting')
 if (savedRtl !== null) {
@@ -70,6 +81,10 @@ export default {
     app.provide('globalRtl', globalRtl)
     app.provide('setRtl', setRtl)
     app.provide('drawerOpen', drawerOpen)
+    app.provide('globalFontScale', globalFontScale)
+    app.provide('increaseFontScale', increaseFontScale)
+    app.provide('decreaseFontScale', decreaseFontScale)
+    app.provide('resetFontScale', resetFontScale)
     app.use(i18nPlugin)
     // app.provide('snackbar', useSnackBar())
     // Do NOT use app.use(globalRtl) or app.use(setRtl)

package/src/pgo-components/lib/core/fontSize/fontSize.ts

@@ -0,0 +1,3 @@
+import { ref } from "vue"
+
+export const globalFontScale = ref(100)

package/src/pgo-components/lib/core/fontSize/setFontScale.ts

@@ -0,0 +1,30 @@
+import { globalFontScale } from './fontSize.ts'
+
+export const FONT_SCALE_STEPS = [85, 100, 115, 130, 145]
+const STORAGE_KEY = 'fontScaleSetting'
+
+export function setFontScale(percentage: number) {
+    globalFontScale.value = percentage
+    localStorage.setItem(STORAGE_KEY, String(percentage))
+    if (typeof document !== 'undefined') {
+        document.documentElement.style.fontSize = `${percentage}%`
+    }
+}
+
+export function increaseFontScale() {
+    const idx = FONT_SCALE_STEPS.indexOf(globalFontScale.value)
+    if (idx < FONT_SCALE_STEPS.length - 1) {
+        setFontScale(FONT_SCALE_STEPS[idx + 1])
+    }
+}
+
+export function decreaseFontScale() {
+    const idx = FONT_SCALE_STEPS.indexOf(globalFontScale.value)
+    if (idx > 0) {
+        setFontScale(FONT_SCALE_STEPS[idx - 1])
+    }
+}
+
+export function resetFontScale() {
+    setFontScale(100)
+}

package/src/pgo-components/pages/ComponentRenderer.vue

@@ -5,14 +5,21 @@
       :loading="loading"
       @update:query-params="handleQueryParamsUpdate"
     /> -->
-    <component 
+    <!-- <component 
       v-if="componentMap[DisplayComponent]" 
       :is="componentMap[DisplayComponent]"
       :items="items"
       :loading="loading"
       :lang="items?.lang ?? language"
       @update:query-params="handleQueryParamsUpdate"
+    /> -->
+    <ListView v-if="items"
+      :items="items"
+      :loading="loading"
+      :lang="items?.lang ?? language"
+      @update:query-params="handleQueryParamsUpdate"
     />
+    
     <div v-else>
       <p>{{ errormsg }}</p>
     </div>
@@ -22,7 +29,7 @@
 <script setup>
 import { ref, onMounted, watch, inject, computed, defineAsyncComponent } from 'vue'
 import { useRoute } from 'vue-router'
-// import {ListView} from '../../'
+import ListView from '../../pgo-components/pages/ListView.vue'
 
 const { language } = inject('i18n')
 const api = inject('api')
@@ -39,7 +46,7 @@ const componentName = computed(() => route.params.componentName || '')
 
 const items = ref({})
 const loading = ref(false)
-const DisplayComponent = ref(null)
+// const DisplayComponent = ref(null)
 
 const fetchData = async (queryParams = {}) => {
     
@@ -74,7 +81,7 @@ const fetchData = async (queryParams = {}) => {
             snackbar.show({ message: errormsg.value, variant: 'error' })
         }
         items.value = response
-        DisplayComponent.value = response.component
+        // DisplayComponent.value = response.component
         // DisplayComponent.value = componentName.value
         // console.log('lang:', language.value, 'items lang:', items.value.lang)
 
@@ -90,18 +97,18 @@ const fetchData = async (queryParams = {}) => {
     }
 }
 
-const componentMap = computed(() => {
-    const map = {}
-    const usedTypes = DisplayComponent.value
+// const componentMap = computed(() => {
+//     const map = {}
+//     const usedTypes = DisplayComponent.value
 
-    if (usedTypes == "listView" || usedTypes == 'ListView' || usedTypes == 'listView2') {
-        map['listView'] = defineAsyncComponent(() => import('../../pgo-components/pages/ListView.vue'))
-        map['listView2'] = defineAsyncComponent(() => import('../../pgo-components/pages/ListView.vue'))
-        map['ListView'] = defineAsyncComponent(() => import('../../pgo-components/pages/ListView.vue'))
-    }
+//     if (usedTypes == "listView" || usedTypes == 'ListView' || usedTypes == 'listView2') {
+//         map['listView'] = defineAsyncComponent(() => import('../../pgo-components/pages/ListView.vue'))
+//         map['listView2'] = defineAsyncComponent(() => import('../../pgo-components/pages/ListView.vue'))
+//         map['ListView'] = defineAsyncComponent(() => import('../../pgo-components/pages/ListView.vue'))
+//     }
 
-    return map
-})
+//     return map
+// })
 
 // Handle query params update from child component
 const handleQueryParamsUpdate = (queryParams) => {

package/src/pgo-components/services/cform.json

@@ -1,117 +1 @@
-{
-  "component": "form",
-  "fields": [
-    {
-      "key": "qazziyya_number",
-      "inputType": "text",
-      "label": " \u07a4\u07a6\u079f\u07a8\u0787\u07b0\u0794\u07a7 \u0782\u07a6\u0782\u07b0\u0784\u07a6\u0783\u07aa",
-      "group": "SubmissionNumber",
-      "disabled": false,
-      "NotDbField": false
-    },
-    {
-      "key": "submissionDetails.form_ref_number",
-      "inputType": "label",
-      "label": " \u078b\u07a6\u07a2\u07aa\u0788\u07a7 \u078a\u07af\u0789\u07aa \u0782\u07a6\u0782\u07b0\u0784\u07a6\u0783\u07aa",
-      "group": "PersonInfo",
-      "disabled": false,
-      "NotDbField": true
-    },
-    {
-      "key": "submission_id",
-      "inputType": "text",
-      "hidden": true
-    },
-    {
-      "key": "submissionDetails.person_details",
-      "inputType": "label",
-      "label": "\u078b\u07a6\u07a2\u07aa\u0788\u07a7 \u078d\u07a8\u0784\u07ad \u0789\u07a9\u0780\u07a7\u078e\u07ac \u0789\u07a6\u07a2\u07aa\u078d\u07ab\u0789\u07a7\u078c\u07aa",
-      "group": "PersonInfo",
-      "disabled": true,
-      "NotDbField": true
-    },
-    {
-      "key": "summary",
-      "label": "\u078c\u07a6\u078a\u07b0\u079e\u07a9\u078d\u07b0",
-      "type": "string",
-      "inputType": "text",
-      "group": "SubmissionDetails",
-      "disabled": false,
-      "rules": "rules.required"
-    },
-    {
-      "key": "file",
-      "inputType": "file",
-      "label": "\u078a\u07a6\u0787\u07a8\u078d\u07b0 \u0787\u07a6\u0795\u07b0\u078d\u07af\u0791\u07b0\u0786\u07aa\u0783\u07ad",
-      "dataKey": "url",
-      "group": "SubmissionDetails",
-      "disabled": false,
-      "condition": "props.mode === 'edit' ? false : true",
-      "accept": "image\/*,application\/pdf,.doc,.docx",
-      "multiple": true,
-      "maxSize": "200MB",
-      "uploadUrl": "http:\/\/v2.govapi.pgo.mv\/api\/upload\/gov\/cform"
-    }
-  ],
-  "rules": "on",
-  "crudLink": "gapi\/CForm",
-  "createLink": "gapi\/CForm",
-  "updateLink": "gapi\/CForm",
-  "showLink": "gapi\/CForm",
-  "numberOfColumns": 3,
-  "button": [
-    "create",
-    "edit"
-  ],
-  "createTitle": "\u0787\u07a6\u0787\u07aa",
-  "editTitle": "\u0784\u07a6\u078b\u07a6\u078d\u07aa",
-  "groups": [
-    {
-      "name": "Search",
-      "condition": "mode === 'edit' ? false : true",
-      "title": "\u0780\u07af\u078b\u07a7",
-      "numberOfColumns": 2
-    },
-    {
-      "name": "PersonInfo",
-      "condition": "SearchResults",
-      "title": "\u078b\u07a6\u07a2\u07aa\u0788\u07a7 \u078d\u07a8\u0784\u07ad \u0789\u07a9\u0780\u07a7\u078e\u07ac \u0789\u07a6\u07a2\u07aa\u078d\u07ab\u0789\u07a7\u078c\u07aa",
-      "numberOfColumns": 2
-    },
-    {
-      "name": "SubmissionNumber",
-      "title": " \u0780\u07aa\u0781\u07a6\u0780\u07a6\u0785\u07a7 \u078a\u07a6\u0783\u07a7\u078c\u07aa\u078e\u07ac \u0783\u07ac\u078a\u07a6\u0783\u07ac\u0782\u07b0\u0790\u07b0 \u0782\u07a6\u0782\u07b0\u0784\u07a6\u0783\u07aa \u0782\u07aa\u0788\u07a6\u078c\u07a6 \u07a4\u07a6\u079f\u07a8\u0787\u07b0\u0794\u07a7",
-      "numberOfColumns": 2
-    },
-    {
-      "name": "SubmissionDetails",
-      "title": "\u078a\u07af\u0789\u07a7\u0787\u07a8 \u078e\u07aa\u0785\u07ad \u0787\u07a8\u078c\u07aa\u0783\u07aa \u078c\u07a6\u078a\u07b0\u079e\u07a9\u078d\u07aa",
-      "numberOfColumns": 1
-    }
-  ],
-  "variables": {
-    "draftingEnabled": true,
-    "SearchResults": true
-  },
-  "functions": {
-    "handleSearchResults": "if (response && response.data ) { formData.form_ref_number = response.data.form_ref_number; formData.submission_id = response.data.id; formData.person_details = ''; if (response.data.submission_details_view) { response.data.submission_details_view.forEach(data => { formData.person_details = data.person_view.label; }); } formVariables.SearchResults = true; console.log(\"SearchResults set to true:\", formVariables.SearchResults); }",
-    "customeColumnData": "const componentData = { type: 'CopyTextBox', CopyTextBox: [ { size: 'xs', label: item.ref_num,  color: 'success' }, { size: 'xs', label: item.uuid, showIcon: true, rounded: 'full', color: 'error' } ] }; return componentData;"
-  },
-  "_validation_warnings": [
-    {
-      "path": "table.columnCustomizations.url",
-      "rule": "customization_key_exists",
-      "message": "Column customization \"url\" does not match any known column in the schema or columns list. If this is intentional, set displayType to \"custom\"."
-    },
-    {
-      "path": "toolbar.columnCustomizations.status",
-      "rule": "displaytype_requires_config",
-      "message": "\"displayType\" is \"chip\" but neither a \"chip\" sub-key nor \"displayProps\" is defined. Display may fall back to plain text."
-    },
-    {
-      "path": "filterSection.columnCustomizations.status",
-      "rule": "displaytype_requires_config",
-      "message": "\"displayType\" is \"chip\" but neither a \"chip\" sub-key nor \"displayProps\" is defined. Display may fall back to plain text."
-    }
-  ]
-}
+{"component":"table","headers":[{"title":"\u0783\u07ac\u078a\u07ac\u0783\u07ac\u0782\u07b0\u0790\u07b0 \u0782\u07a6\u0782\u07b0\u0784\u07a6\u0783","value":"new_ref","lang":"en","width":"100px","columnData":"formReferenceNumbers()","displayType":"custom"},{"title":"\u078c\u07a6\u078a\u07b0\u079e\u07a9\u078d\u07b0","value":"summary","sortable":false,"hidden":false,"type":"string","displayType":"text"},{"title":" \u0783\u07a8\u0789\u07a7\u0783\u07b0\u0786\u07b0\u0790\u07b0","value":"remarks","sortable":false,"hidden":false,"type":"string","displayType":"text","lang":"en"},{"title":"\u078c\u07a6\u0787\u07b0\u0794\u07a7\u0783\u07aa\u0786\u07aa\u0783\u07a8 \u078a\u07a6\u0783\u07a7\u078c\u07b0","value":"submitter.name_div","sortable":false,"hidden":false,"type":"string","displayType":"text"},{"title":" \u0780\u07a7\u078d\u07a6\u078c\u07aa","value":"status","sortable":true,"hidden":false,"type":"string","displayType":"chip","lang":"en","chip":{"draft":{"size":"sm","label":"\u0791\u07b0\u0783\u07a7\u078a\u07b0\u0793\u07b0","color":"secondary","prependIcon":"document"},"submitted":{"size":"sm","label":"\u0790\u07a6\u0784\u07b0\u0789\u07a8\u0793\u07b0\u0786\u07aa\u0783\u07ac\u0788\u07a8\u078a\u07a6","color":"primary","prependIcon":"paper-airplane"},"rejected":{"size":"sm","label":"\u0783\u07a8\u0796\u07ac\u0786\u07b0\u0793\u07aa\u0786\u07aa\u0783\u07ac\u0788\u07a8\u078a\u07a6","color":"error","prependIcon":"x-circle"},"accepted":{"size":"sm","label":"\u0784\u07a6\u078d\u07a6\u0787\u07a8\u078e\u07a6\u0782\u07ac\u0788\u07a8\u078a\u07a6","color":"success","prependIcon":"check-circle"}},"inlineEditable":true,"width":"180px"},{"title":" \u078a\u07a6\u0787\u07a8\u078d\u07b0","value":"url","lang":"en","displayType":"docButton","docButton":{"displayLabel":false,"columnView":true}}],"pagination":{"current_page":1,"per_page":25},"datalink":"gapi\/CForm?columns=uuid,ref_num,summary,client_ref_number,remarks,submitter.name_div,file_id,status,upload_data&with=submitter:name_div&per_page=25","button":["create","edit","delete"],"showActions":true,"actions":{"showView":true,"showEdit":true,"deleteCondition":"item.status === 'draft'","showDelete":true},"functions":{"formReferenceNumbers":"const componentData = { type: 'CopyTextBox', CopyTextBox: [ { size: 'xs', label: item.ref_num, color: 'primary' }, { size: 'xs', label: item.client_ref_number ? item.client_ref_number : '--', color: 'info' }, { size: 'xs', label: item.qazziyya_number ? item.qazziyya_number : '--', color: 'success' } ] }; return componentData;"},"delete":{"title":" \u0791\u07a8\u078d\u07a9\u0793\u07b0 \u0786\u07ae\u0781\u07b0\u078d\u07a6\u0782\u07b0\u0788\u07a9\u078c\u07af","subtitle":{"en":"Are you sure you want to delete this record?","dv":"\u0789\u07a8\u0787\u07ac\u0786\u07b0\u079d\u07a6\u0782\u07b0 \u0787\u07a6\u0782\u0784\u07aa\u0783\u07a7 \u0782\u07aa\u078e\u07ac\u0782\u07b0\u078b\u07ac\u0788\u07ad\u0782\u07ac. \u0791\u07a8\u078d\u07a9\u0793\u07b0\u0786\u07ae\u0781\u07b0\u078d\u07a6\u0782\u07b0\u0788\u07a9\u078c\u07af \u061f "},"message":{"ref_num":{"en":"ref","dv":"\u0783\u07ac\u078a\u07ac\u0783\u07ac\u0782\u07b0\u0790\u07b0 \u0782\u07a6\u0782\u07b0\u0784\u07a6\u0783"}},"crudLink":"gapi\/cform"},"_validation_warnings":[{"path":"table.columnCustomizations.url","rule":"customization_key_exists","message":"Column customization \"url\" does not match any known column in the schema or columns list. If this is intentional, set displayType to \"custom\"."},{"path":"toolbar.columnCustomizations.status","rule":"displaytype_requires_config","message":"\"displayType\" is \"chip\" but neither a \"chip\" sub-key nor \"displayProps\" is defined. Display may fall back to plain text."},{"path":"filterSection.columnCustomizations.status","rule":"displaytype_requires_config","message":"\"displayType\" is \"chip\" but neither a \"chip\" sub-key nor \"displayProps\" is defined. Display may fall back to plain text."}]}

package/src/pgo-components/styles/global.css

@@ -113,7 +113,8 @@ body[lang="dv"] {
 @font-face {
     font-family: 'Faruma';
     /* Your chosen name for the font */
-    src: url('/src/pgo-components/assets/fonts/Faruma.ttf') format('truetype');
+    /* src: url('/src/pgo-components/assets/fonts/Faruma.ttf') format('truetype'); */
+    src: url('/src/pgo-components/assets/fonts/MVFaseyha.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;

package/src/pgo-components/styles/reset.css

@@ -37,7 +37,8 @@ body[lang="dv"]
 
 @font-face {
     font-family: 'Faruma'; /* Your chosen name for the font */
-    src: url('/src/assets/fonts/Faruma.ttf') format('truetype');
+    /* src: url('/src/assets/fonts/Faruma.ttf') format('truetype'); */
+    src: url('/src/assets/fonts/MVFaseyha.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
@@ -53,7 +54,7 @@ body[lang="dv"]
 
 
 /* @theme {
-    --color-primary: oklch(54.6% 0.245 262.881); 
+    --color-primary: oklch(54.6% 0.245 262.881);
     --color-primaryText: var(--vts-color-primaryText);
     --color-primary-50: oklch(97% 0.014 254.604);
     --color-primary-100: oklch(93.2% 0.032 255.585);

package/dist/Radio-BMsJLVIa.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./index-BgeiUi3s.js";
-export {
-  f as default
-};