@brumaombra/ui-vintage 0.4.0 → 0.5.0

package/dist/textarea.js

@@ -0,0 +1,37 @@
+import { defineComponent, withDirectives, openBlock, createElementBlock, normalizeClass, unref, isRef, vModelText } from "vue";
+import { a as useVModel } from "./index-Dw56kNV0.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Textarea",
+  props: {
+    class: {},
+    defaultValue: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useVModel(props, "modelValue", emits, {
+      passive: true,
+      defaultValue: props.defaultValue
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("textarea", {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        "data-slot": "textarea",
+        class: normalizeClass(unref(cn)(
+          "selection:bg-primary selection:text-primary-foreground flex field-sizing-content min-h-[120px] w-full min-w-0 rounded border border-(--border-light) bg-(--button-secondary-light) px-4 py-3 text-xs font-medium text-(--text-primary-light) outline-none transition-all duration-300 ease-in-out placeholder:text-(--text-secondary-light) placeholder:opacity-60 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60 dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:text-(--text-primary-dark) dark:placeholder:text-(--text-secondary-dark) sm:text-sm",
+          "focus-visible:border-(--border-hover-light) focus-visible:ring-0 dark:focus-visible:border-(--border-hover-dark)",
+          "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+          props.class
+        ))
+      }, null, 2)), [
+        [vModelText, unref(modelValue)]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as Textarea
+};

package/dist/theme-selector.js

@@ -0,0 +1,159 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass } from "vue";
+import { useI18n } from "vue-i18n";
+import { T as TWr, s as spr, c as bD, e as bV } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { Button as _sfc_main$3 } from "./button.js";
+import { Command as _sfc_main$5, CommandList as _sfc_main$6, CommandGroup as _sfc_main$7, CommandItem as _sfc_main$8 } from "./command.js";
+import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$4 } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-Cf33q_yT.js";
+const _hoisted_1 = { class: "flex-1" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ThemeSelector",
+  setup(__props) {
+    const { t } = useI18n();
+    const isOpen = ref(false);
+    const currentTheme = ref("auto");
+    let mediaQueryList;
+    let handleSystemThemeChange;
+    const getThemeIcon = (theme) => {
+      if (theme === "light") {
+        return spr;
+      } else if (theme === "dark") {
+        return bD;
+      } else {
+        return bV;
+      }
+    };
+    const themes = computed(() => [
+      { id: "light", label: t("ui.theme.light") },
+      { id: "dark", label: t("ui.theme.dark") },
+      { id: "auto", label: t("ui.theme.auto") }
+    ]);
+    const isSystemDarkPreferred = () => {
+      return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+    };
+    const applyTheme = (theme) => {
+      document.documentElement.classList.remove("light", "dark");
+      if (theme === "auto") {
+        if (isSystemDarkPreferred()) {
+          document.documentElement.classList.add("dark");
+        } else {
+          document.documentElement.classList.add("light");
+        }
+      } else {
+        document.documentElement.classList.add(theme);
+      }
+      localStorage.setItem("theme", theme);
+    };
+    const handleSelectTheme = (theme) => {
+      currentTheme.value = theme;
+      applyTheme(theme);
+      isOpen.value = false;
+    };
+    const currentThemeIcon = computed(() => {
+      return getThemeIcon(currentTheme.value);
+    });
+    const themeOptions = computed(() => {
+      return themes.value.map((theme) => ({
+        key: theme.id,
+        label: theme.label,
+        icon: getThemeIcon(theme.id)
+      }));
+    });
+    onMounted(() => {
+      const savedTheme = localStorage.getItem("theme") || "auto";
+      currentTheme.value = savedTheme;
+      applyTheme(savedTheme);
+      mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
+      handleSystemThemeChange = () => {
+        if (currentTheme.value === "auto") {
+          applyTheme("auto");
+        }
+      };
+      mediaQueryList.addEventListener("change", handleSystemThemeChange);
+    });
+    onUnmounted(() => {
+      if (mediaQueryList && handleSystemThemeChange) {
+        mediaQueryList.removeEventListener("change", handleSystemThemeChange);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        open: isOpen.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), { "as-child": "" }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$3), {
+                variant: "secondary",
+                size: "icon",
+                "aria-label": unref(t)("ui.theme.ariaLabel")
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(HugeiconsIcon), {
+                    icon: currentThemeIcon.value,
+                    class: "h-5 w-5"
+                  }, null, 8, ["icon"])
+                ]),
+                _: 1
+              }, 8, ["aria-label"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(_sfc_main$4), {
+            side: "bottom",
+            align: "end",
+            "side-offset": 8,
+            class: "w-44 !p-0"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$5), { "model-value": currentTheme.value }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$6), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(_sfc_main$7), {
+                        heading: unref(t)("ui.theme.title")
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(themeOptions.value, (option) => {
+                            return openBlock(), createBlock(unref(_sfc_main$8), {
+                              key: option.key,
+                              value: option.key,
+                              onSelect: ($event) => handleSelectTheme(option.key)
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(HugeiconsIcon), {
+                                  icon: option.icon,
+                                  class: "size-4"
+                                }, null, 8, ["icon"]),
+                                createElementVNode("span", _hoisted_1, toDisplayString(option.label), 1),
+                                createVNode(unref(HugeiconsIcon), {
+                                  icon: unref(TWr),
+                                  class: normalizeClass(["ml-auto size-4 shrink-0", currentTheme.value === option.key ? "opacity-100" : "opacity-0"])
+                                }, null, 8, ["icon", "class"])
+                              ]),
+                              _: 2
+                            }, 1032, ["value", "onSelect"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["heading"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model-value"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as ThemeSelector,
+  _sfc_main as default
+};

package/dist/time-picker.js

@@ -0,0 +1,5 @@
+import { _, _ as _2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js";
+export {
+  _ as TimePicker,
+  _2 as default
+};

package/dist/tooltip.js

@@ -1,5 +1,5 @@
-import { T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-DEPKysA_.js";
-import { _, a, b } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-DEPKysA_.js";
+import { T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-BMdZRPa3.js";
+import { _, a, b } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-BMdZRPa3.js";
 import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TooltipProvider",

package/dist/{useDirection-SIyEYNxv.js → useDirection-B2bMgzzV.js}

@@ -1,4 +1,4 @@
-import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
+import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
 import { ref, computed } from "vue";
 function useDirection(dir) {
   const context = injectConfigProviderContext({ dir: ref("ltr") });

package/dist/{useFocusGuards-WYWvpJy2.js → useFocusGuards-2C1jyYW5.js}

@@ -1,5 +1,5 @@
 import { watchEffect } from "vue";
-import { i as isClient } from "./index-qGMU40e1.js";
+import { i as isClient } from "./index-DDJjWaIl.js";
 let count = 0;
 function useFocusGuards() {
   watchEffect((cleanupFn) => {

package/dist/{useFormControl-CyoJwp9r.js → useFormControl-DZ4LnB9F.js}

@@ -1,5 +1,5 @@
 import { computed, toValue } from "vue";
-import { a as unrefElement } from "./index-Cq9Ekgtb.js";
+import { u as unrefElement } from "./index-Dw56kNV0.js";
 function useFormControl(el) {
   return computed(() => {
     var _a;

package/dist/{useForwardExpose-BiRQH8eO.js → useForwardExpose-BcX3VRdS.js}

@@ -1,5 +1,5 @@
 import { getCurrentInstance, ref, computed, onUpdated, triggerRef } from "vue";
-import { a as unrefElement } from "./index-Cq9Ekgtb.js";
+import { u as unrefElement } from "./index-Dw56kNV0.js";
 function useForwardExpose() {
   const instance = getCurrentInstance();
   const currentRef = ref();

package/dist/{useForwardPropsEmits-DmumnZO5.js → useForwardPropsEmits-GlUGKcIz.js}

@@ -1,19 +1,4 @@
-import { inject, provide, getCurrentInstance, toHandlerKey, camelize, toRef, computed } from "vue";
-function createContext(providerComponentName, contextName) {
-  const symbolDescription = typeof providerComponentName === "string" && !contextName ? `${providerComponentName}Context` : contextName;
-  const injectionKey = Symbol(symbolDescription);
-  const injectContext = (fallback) => {
-    const context = inject(injectionKey, fallback);
-    if (context) return context;
-    if (context === null) return context;
-    throw new Error(`Injection \`${injectionKey.toString()}\` not found. Component must be used within ${Array.isArray(providerComponentName) ? `one of the following components: ${providerComponentName.join(", ")}` : `\`${providerComponentName}\``}`);
-  };
-  const provideContext = (contextValue) => {
-    provide(injectionKey, contextValue);
-    return contextValue;
-  };
-  return [injectContext, provideContext];
-}
+import { getCurrentInstance, toHandlerKey, camelize, toRef, computed } from "vue";
 function useEmitAsProps(emit) {
   const vm = getCurrentInstance();
   const events = vm == null ? void 0 : vm.type.emits;
@@ -58,6 +43,5 @@ function useForwardPropsEmits(props, emit) {
 export {
   useForwardProps as a,
   useEmitAsProps as b,
-  createContext as c,
   useForwardPropsEmits as u
 };

package/dist/useId-CF6wz41D.js

@@ -0,0 +1,16 @@
+import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
+import * as vue from "vue";
+let count = 0;
+function useId(deterministicId, prefix = "reka") {
+  var _a, _b;
+  let id;
+  if ("useId" in vue) id = (_a = vue.useId) == null ? void 0 : _a.call(vue);
+  else {
+    const configProviderContext = injectConfigProviderContext({ useId: void 0 });
+    id = ((_b = configProviderContext.useId) == null ? void 0 : _b.call(configProviderContext)) ?? `${++count}`;
+  }
+  return prefix ? `${prefix}-${id}` : id;
+}
+export {
+  useId as u
+};

package/dist/useNonce-CWj1JlPB.js

@@ -0,0 +1,12 @@
+import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
+import { ref, computed } from "vue";
+function useNonce(nonce) {
+  const context = injectConfigProviderContext({ nonce: ref() });
+  return computed(() => {
+    var _a;
+    return (nonce == null ? void 0 : nonce.value) || ((_a = context.nonce) == null ? void 0 : _a.value);
+  });
+}
+export {
+  useNonce as u
+};

package/dist/{usePrimitiveElement-Bk3ZOslv.js → usePrimitiveElement-BCpwlakH.js}

@@ -1,5 +1,5 @@
 import { ref, computed } from "vue";
-import { a as unrefElement } from "./index-Cq9Ekgtb.js";
+import { u as unrefElement } from "./index-Dw56kNV0.js";
 function usePrimitiveElement() {
   const primitiveElement = ref();
   const currentElement = computed(() => {

package/dist/{useSize-BLYTFgnQ.js → useSize-DUgGY9t1.js}

@@ -1,5 +1,5 @@
 import { ref, computed, onMounted } from "vue";
-import { a as unrefElement } from "./index-Cq9Ekgtb.js";
+import { u as unrefElement } from "./index-Dw56kNV0.js";
 function useSize(element) {
   const size = ref();
   const width = computed(() => {

package/dist/{useTypeahead-KTl4-oeq.js → useTypeahead-4RK0Emcv.js}

@@ -4,8 +4,8 @@ var __typeError = (msg) => {
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-import { g as getActiveElement } from "./FocusScope-DYbCtSNc.js";
-import { g as refAutoReset } from "./index-qGMU40e1.js";
+import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
+import { g as refAutoReset } from "./index-DDJjWaIl.js";
 function serialize(o) {
   return typeof o == "string" ? `'${o}'` : new c().serialize(o);
 }

package/dist/{utils-BXBXPGDA.js → utils-DbR1EZn-.js}

@@ -1,4 +1,4 @@
-import { g as getActiveElement } from "./FocusScope-DYbCtSNc.js";
+import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
 function getOpenState(open) {
   return open ? "open" : "closed";
 }

package/dist/utils-hdwtyAF3.js

@@ -0,0 +1,44 @@
+import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
+const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+const EVENT_OPTIONS = {
+  bubbles: false,
+  cancelable: true
+};
+const MAP_KEY_TO_FOCUS_INTENT = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function getDirectionAwareKey(key, dir) {
+  if (dir !== "rtl") return key;
+  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+}
+function getFocusIntent(event, orientation, dir) {
+  const key = getDirectionAwareKey(event.key, dir);
+  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
+  return MAP_KEY_TO_FOCUS_INTENT[key];
+}
+function focusFirst(candidates, preventScroll = false) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = getActiveElement();
+  for (const candidate of candidates) {
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    candidate.focus({ preventScroll });
+    if (getActiveElement() !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+  }
+}
+function wrapArray(array, startIndex) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+export {
+  ENTRY_FOCUS as E,
+  EVENT_OPTIONS as a,
+  focusFirst as f,
+  getFocusIntent as g,
+  wrapArray as w
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brumaombra/ui-vintage",
-    "version": "0.4.0",
+    "version": "0.5.0",
     "description": "Vue 3 component library with shadcn-style primitives, app shells, dialogs, and shared theme tokens.",
     "private": false,
     "author": "Mauro Brambilla",
@@ -60,6 +60,10 @@
             "types": "./dist/components/ui/button/index.d.ts",
             "import": "./dist/button.js"
         },
+        "./breadcrumb": {
+            "types": "./dist/components/ui/breadcrumb/index.d.ts",
+            "import": "./dist/breadcrumb.js"
+        },
         "./calendar": {
             "types": "./dist/components/ui/calendar/index.d.ts",
             "import": "./dist/calendar.js"
@@ -68,6 +72,10 @@
             "types": "./dist/components/ui/card/index.d.ts",
             "import": "./dist/card.js"
         },
+        "./chip": {
+            "types": "./dist/components/chip/index.d.ts",
+            "import": "./dist/chip.js"
+        },
         "./command": {
             "types": "./dist/components/ui/command/index.d.ts",
             "import": "./dist/command.js"
@@ -76,6 +84,14 @@
             "types": "./dist/components/ui/date-picker/index.d.ts",
             "import": "./dist/date-picker.js"
         },
+        "./data-list": {
+            "types": "./dist/components/data-list/index.d.ts",
+            "import": "./dist/data-list.js"
+        },
+        "./date-time-picker": {
+            "types": "./dist/components/ui/date-time-picker/index.d.ts",
+            "import": "./dist/date-time-picker.js"
+        },
         "./dashboard-shell": {
             "types": "./dist/components/dashboard-shell/index.d.ts",
             "import": "./dist/dashboard-shell.js"
@@ -88,6 +104,14 @@
             "types": "./dist/components/ui/dialog/index.d.ts",
             "import": "./dist/dialog.js"
         },
+        "./card-grid": {
+            "types": "./dist/components/card-grid/index.d.ts",
+            "import": "./dist/card-grid.js"
+        },
+        "./empty-state-card": {
+            "types": "./dist/components/empty-state-card/index.d.ts",
+            "import": "./dist/empty-state-card.js"
+        },
         "./confirm-dialog": {
             "types": "./dist/components/confirm-dialog/index.d.ts",
             "import": "./dist/confirm-dialog.js"
@@ -112,26 +136,86 @@
             "types": "./dist/components/ui/input/index.d.ts",
             "import": "./dist/input.js"
         },
+        "./info-card": {
+            "types": "./dist/components/info-card/index.d.ts",
+            "import": "./dist/info-card.js"
+        },
         "./label": {
             "types": "./dist/components/ui/label/index.d.ts",
             "import": "./dist/label.js"
         },
+        "./i18n": {
+            "types": "./dist/lib/i18n.d.ts",
+            "import": "./dist/i18n.js"
+        },
+        "./language-flag": {
+            "types": "./dist/components/language-flag/index.d.ts",
+            "import": "./dist/language-flag.js"
+        },
+        "./language-selector": {
+            "types": "./dist/components/language-selector/index.d.ts",
+            "import": "./dist/language-selector.js"
+        },
+        "./load-more-button": {
+            "types": "./dist/components/load-more-button/index.d.ts",
+            "import": "./dist/load-more-button.js"
+        },
+        "./loading-state-card": {
+            "types": "./dist/components/loading-state-card/index.d.ts",
+            "import": "./dist/loading-state-card.js"
+        },
         "./landing": {
             "types": "./dist/components/landing/index.d.ts",
             "import": "./dist/landing.js"
         },
+        "./landing-content": {
+            "types": "./dist/components/landing/landing-content/index.d.ts",
+            "import": "./dist/landing-content.js"
+        },
+        "./landing-footer": {
+            "types": "./dist/components/landing/landing-footer/index.d.ts",
+            "import": "./dist/landing-footer.js"
+        },
+        "./landing-navbar": {
+            "types": "./dist/components/landing/landing-navbar/index.d.ts",
+            "import": "./dist/landing-navbar.js"
+        },
+        "./landing-shell": {
+            "types": "./dist/components/landing/landing-shell/index.d.ts",
+            "import": "./dist/landing-shell.js"
+        },
         "./popover": {
             "types": "./dist/components/ui/popover/index.d.ts",
             "import": "./dist/popover.js"
         },
+        "./progress": {
+            "types": "./dist/components/ui/progress/index.d.ts",
+            "import": "./dist/progress.js"
+        },
+        "./progress-component": {
+            "types": "./dist/components/progress-component/index.d.ts",
+            "import": "./dist/progress-component.js"
+        },
+        "./page-header": {
+            "types": "./dist/components/page-header/index.d.ts",
+            "import": "./dist/page-header.js"
+        },
         "./select": {
             "types": "./dist/components/ui/select/index.d.ts",
             "import": "./dist/select.js"
         },
+        "./scroll-area": {
+            "types": "./dist/components/ui/scroll-area/index.d.ts",
+            "import": "./dist/scroll-area.js"
+        },
         "./separator": {
             "types": "./dist/components/ui/separator/index.d.ts",
             "import": "./dist/separator.js"
         },
+        "./single-value-card": {
+            "types": "./dist/components/single-value-card/index.d.ts",
+            "import": "./dist/single-value-card.js"
+        },
         "./sheet": {
             "types": "./dist/components/ui/sheet/index.d.ts",
             "import": "./dist/sheet.js"
@@ -160,6 +244,30 @@
             "types": "./dist/components/switch-form-component/index.d.ts",
             "import": "./dist/switch-form-component.js"
         },
+        "./tabs": {
+            "types": "./dist/components/ui/tabs/index.d.ts",
+            "import": "./dist/tabs.js"
+        },
+        "./table": {
+            "types": "./dist/components/ui/table/index.d.ts",
+            "import": "./dist/table.js"
+        },
+        "./text-link": {
+            "types": "./dist/components/text-link/index.d.ts",
+            "import": "./dist/text-link.js"
+        },
+        "./textarea": {
+            "types": "./dist/components/ui/textarea/index.d.ts",
+            "import": "./dist/textarea.js"
+        },
+        "./theme-selector": {
+            "types": "./dist/components/theme-selector/index.d.ts",
+            "import": "./dist/theme-selector.js"
+        },
+        "./time-picker": {
+            "types": "./dist/components/ui/time-picker/index.d.ts",
+            "import": "./dist/time-picker.js"
+        },
         "./tooltip": {
             "types": "./dist/components/ui/tooltip/index.d.ts",
             "import": "./dist/tooltip.js"
@@ -178,7 +286,8 @@
         "typecheck": "vue-tsc --noEmit"
     },
     "peerDependencies": {
-        "vue": "^3.5.0"
+        "vue": "^3.5.0",
+        "vue-i18n": "^9.0.0 || ^10.0.0"
     },
     "dependencies": {
         "@hugeicons/core-free-icons": "4.1.1",