@henriquepetrelli/hp-design-system 1.1.24 → 1.1.26

package/dist/hp-design-system.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, unref, createCommentVNode, createVNode, toDisplayString, createBlock, onMounted, onUnmounted, Fragment, renderList, ref, watch, renderSlot, resolveDynamicComponent, withCtx, Transition, withModifiers, withKeys, withDirectives, vModelCheckbox, onBeforeUnmount, createTextVNode, vModelText, vShow } from 'vue';
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, unref, createCommentVNode, createVNode, toDisplayString, createBlock, onMounted, onUnmounted, renderSlot, Fragment, renderList, ref, watch, resolveDynamicComponent, withCtx, Transition, withModifiers, withKeys, withDirectives, vModelCheckbox, onBeforeUnmount, createTextVNode, vModelText, vShow } from 'vue';
 
 var ButtonColor = /* @__PURE__ */ ((ButtonColor2) => {
   ButtonColor2["PRIMARY"] = "primary";
@@ -19,8 +19,8 @@ var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => {
   return ButtonSize2;
 })(ButtonSize || {});
 
-const _hoisted_1$g = ["xlink:href"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = ["xlink:href"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Icon",
   props: {
     name: {
@@ -54,7 +54,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("use", {
           "xlink:href": `#icon-${__props.name}`
-        }, null, 8, _hoisted_1$g)
+        }, null, 8, _hoisted_1$i)
       ], 6);
     };
   }
@@ -68,18 +68,18 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const HpIcon = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0b477588"]]);
+const HpIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-0b477588"]]);
 
-const _hoisted_1$f = ["aria-label", "aria-disabled", "disabled"];
-const _hoisted_2$e = {
+const _hoisted_1$h = ["aria-label", "aria-disabled", "disabled"];
+const _hoisted_2$g = {
   key: 0,
   class: "button-primary__icon--left"
 };
-const _hoisted_3$c = {
+const _hoisted_3$e = {
   key: 1,
   class: "button-primary__icon--right"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ButtonPrimary",
   props: {
     label: {
@@ -152,7 +152,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         onClick: handleClick
       }, [
-        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$e, [
+        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$g, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm",
@@ -163,31 +163,31 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           class: "button-primary__label",
           style: normalizeStyle({ color: computedColor.value })
         }, toDisplayString(__props.label), 5),
-        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_3$c, [
+        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_3$e, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm",
             color: computedColor.value
           }, null, 8, ["name", "color"])
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$f);
+      ], 14, _hoisted_1$h);
     };
   }
 });
 
-const HpButtonPrimary = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-5c29dcce"]]);
+const HpButtonPrimary = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-5c29dcce"]]);
 
-const _hoisted_1$e = ["aria-label", "aria-disabled", "disabled"];
-const _hoisted_2$d = {
+const _hoisted_1$g = ["aria-label", "aria-disabled", "disabled"];
+const _hoisted_2$f = {
   key: 0,
   class: "button-secondary__icon--left"
 };
-const _hoisted_3$b = { class: "button-secondary__label" };
-const _hoisted_4$8 = {
+const _hoisted_3$d = { class: "button-secondary__label" };
+const _hoisted_4$9 = {
   key: 1,
   class: "button-secondary__icon--right"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ButtonSecondary",
   props: {
     label: {
@@ -245,37 +245,37 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         onClick: handleClick
       }, [
-        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$d, [
+        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$f, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_3$b, toDisplayString(__props.label), 1),
-        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_4$8, [
+        createElementVNode("span", _hoisted_3$d, toDisplayString(__props.label), 1),
+        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_4$9, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$e);
+      ], 14, _hoisted_1$g);
     };
   }
 });
 
-const HpButtonSecondary = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ce9350e4"]]);
+const HpButtonSecondary = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ce9350e4"]]);
 
-const _hoisted_1$d = ["aria-label", "aria-disabled", "disabled"];
-const _hoisted_2$c = {
+const _hoisted_1$f = ["aria-label", "aria-disabled", "disabled"];
+const _hoisted_2$e = {
   key: 0,
   class: "button-tertiary__icon--left"
 };
-const _hoisted_3$a = { class: "button-tertiary__label" };
-const _hoisted_4$7 = {
+const _hoisted_3$c = { class: "button-tertiary__label" };
+const _hoisted_4$8 = {
   key: 1,
   class: "button-tertiary__icon--right"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ButtonTertiary",
   props: {
     label: {
@@ -333,25 +333,25 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         onClick: handleClick
       }, [
-        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$c, [
+        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$e, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_3$a, toDisplayString(__props.label), 1),
-        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
+        createElementVNode("span", _hoisted_3$c, toDisplayString(__props.label), 1),
+        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_4$8, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$d);
+      ], 14, _hoisted_1$f);
     };
   }
 });
 
-const ButtonTertiary = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0401b00e"]]);
+const ButtonTertiary = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0401b00e"]]);
 
 var ButtonIconSize = /* @__PURE__ */ ((ButtonIconSize2) => {
   ButtonIconSize2["SMALL"] = "sm";
@@ -378,8 +378,8 @@ const convertHexToRgb = (color) => {
   return "";
 };
 
-const _hoisted_1$c = ["aria-label", "tabindex", "aria-disabled", "disabled"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["aria-label", "tabindex", "aria-disabled", "disabled"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "ButtonIcon",
   props: {
     label: {
@@ -461,7 +461,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           name: __props.icon,
           size: __props.size,
           color: computedIconColor.value
-        }, null, 8, ["name", "size", "color"])) : (openBlock(), createBlock(unref(_sfc_main$b), {
+        }, null, 8, ["name", "size", "color"])) : (openBlock(), createBlock(unref(_sfc_main$c), {
           key: 1,
           type: "circle1",
           color: computedIconColor.value || "#000",
@@ -469,12 +469,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           size: __props.size,
           speed: 0.8
         }, null, 8, ["color", "secondaryColor", "size"]))
-      ], 14, _hoisted_1$c);
+      ], 14, _hoisted_1$e);
     };
   }
 });
 
-const HpButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8cf8a123"]]);
+const HpButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-8cf8a123"]]);
 
 var ButtonLetterSize = /* @__PURE__ */ ((ButtonLetterSize2) => {
   ButtonLetterSize2["SMALL"] = "sm";
@@ -483,9 +483,9 @@ var ButtonLetterSize = /* @__PURE__ */ ((ButtonLetterSize2) => {
   return ButtonLetterSize2;
 })(ButtonLetterSize || {});
 
-const _hoisted_1$b = ["aria-label", "aria-disabled", "disabled", "tabindex"];
-const _hoisted_2$b = { key: 0 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["aria-label", "aria-disabled", "disabled", "tabindex"];
+const _hoisted_2$d = { key: 0 };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ButtonLetter",
   props: {
     label: {
@@ -568,7 +568,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           color: computedLetterColor.value
         })
       }, [
-        !__props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$b, toDisplayString(__props.letter), 1)) : (openBlock(), createBlock(unref(_sfc_main$b), {
+        !__props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.letter), 1)) : (openBlock(), createBlock(unref(_sfc_main$c), {
           key: 1,
           type: "circle1",
           color: computedLetterColor.value || "var(--color-primary)",
@@ -576,12 +576,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           size: __props.size,
           speed: 0.8
         }, null, 8, ["color", "secondaryColor", "size"]))
-      ], 14, _hoisted_1$b);
+      ], 14, _hoisted_1$d);
     };
   }
 });
 
-const ButtonLetter = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-13b75270"]]);
+const ButtonLetter = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-13b75270"]]);
 
 var AlertType = /* @__PURE__ */ ((AlertType2) => {
   AlertType2["WARNING"] = "warning";
@@ -591,9 +591,9 @@ var AlertType = /* @__PURE__ */ ((AlertType2) => {
   return AlertType2;
 })(AlertType || {});
 
-const _hoisted_1$a = { class: "alert" };
-const _hoisted_2$a = { class: "alert__container__message" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "alert" };
+const _hoisted_2$c = { class: "alert__container__message" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {
@@ -656,7 +656,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return props.type;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$a, [
+      return openBlock(), createElementBlock("section", _hoisted_1$c, [
         createElementVNode("div", {
           class: "alert__container",
           style: normalizeStyle({
@@ -664,7 +664,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             "--color": computedColorType.value
           })
         }, [
-          createElementVNode("p", _hoisted_2$a, toDisplayString(__props.message), 1),
+          createElementVNode("p", _hoisted_2$c, toDisplayString(__props.message), 1),
           createVNode(unref(HpButtonIcon), {
             class: "alert__container__icon",
             label: "Fechar modal",
@@ -680,7 +680,64 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-10dcca72"]]);
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-10dcca72"]]);
+
+const _hoisted_1$b = {
+  key: 0,
+  class: "card__header"
+};
+const _hoisted_2$b = { class: "card__body" };
+const _hoisted_3$b = {
+  key: 1,
+  class: "card__footer"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  props: {
+    title: { type: String, default: "" },
+    description: { type: String, default: "" },
+    variant: { type: String, default: "default" },
+    interactive: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const titleId = `card-title-${Math.random().toString(36).slice(2)}`;
+    const descriptionId = `card-desc-${Math.random().toString(36).slice(2)}`;
+    const cardClasses = computed(() => ({
+      [`card--${props.variant}`]: true,
+      "card--interactive": props.interactive
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", {
+        class: normalizeClass(["card", cardClasses.value]),
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId
+      }, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_1$b, [
+          renderSlot(_ctx.$slots, "header", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$b, [
+          __props.title ? (openBlock(), createElementBlock("h3", {
+            key: 0,
+            id: titleId,
+            class: "card__title"
+          }, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          __props.description ? (openBlock(), createElementBlock("p", {
+            key: 1,
+            id: descriptionId,
+            class: "card__description"
+          }, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$b, [
+          renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+const Card = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2b489100"]]);
 
 var SpinnerLoaderSize = /* @__PURE__ */ ((SpinnerLoaderSize2) => {
   SpinnerLoaderSize2["SMALL"] = "sm";
@@ -689,23 +746,23 @@ var SpinnerLoaderSize = /* @__PURE__ */ ((SpinnerLoaderSize2) => {
   return SpinnerLoaderSize2;
 })(SpinnerLoaderSize || {});
 
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   key: 0,
   class: "spinner-circle-1"
 };
-const _hoisted_2$9 = {
+const _hoisted_2$a = {
   key: 1,
   class: "spinner-circle-2"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 2,
   class: "spinner-circle-3"
 };
-const _hoisted_4$6 = {
+const _hoisted_4$7 = {
   key: 3,
   class: "spinner-circle-4"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$7 = {
   key: 4,
   class: "spinner-dot-1"
 };
@@ -753,7 +810,7 @@ const _hoisted_16$1 = {
   key: 15,
   class: "spinner-search"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "SpinnerLoader",
   props: {
     type: {
@@ -803,11 +860,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["spinner-loader", `spinner-${__props.type}`]),
         style: normalizeStyle(spinnerStyles.value)
       }, [
-        __props.type === "circle1" ? (openBlock(), createElementBlock("div", _hoisted_1$9)) : createCommentVNode("", true),
-        __props.type === "circle2" ? (openBlock(), createElementBlock("div", _hoisted_2$9)) : createCommentVNode("", true),
-        __props.type === "circle3" ? (openBlock(), createElementBlock("div", _hoisted_3$9)) : createCommentVNode("", true),
-        __props.type === "circle4" ? (openBlock(), createElementBlock("div", _hoisted_4$6)) : createCommentVNode("", true),
-        __props.type === "dot1" ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+        __props.type === "circle1" ? (openBlock(), createElementBlock("div", _hoisted_1$a)) : createCommentVNode("", true),
+        __props.type === "circle2" ? (openBlock(), createElementBlock("div", _hoisted_2$a)) : createCommentVNode("", true),
+        __props.type === "circle3" ? (openBlock(), createElementBlock("div", _hoisted_3$a)) : createCommentVNode("", true),
+        __props.type === "circle4" ? (openBlock(), createElementBlock("div", _hoisted_4$7)) : createCommentVNode("", true),
+        __props.type === "dot1" ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
           (openBlock(), createElementBlock(Fragment, null, renderList(3, (i) => {
             return createElementVNode("div", {
               key: `dot1-${i}`,
@@ -833,13 +890,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = ["for"];
-const _hoisted_2$8 = ["id", "checked", "disabled"];
-const _hoisted_3$8 = {
+const _hoisted_1$9 = ["for"];
+const _hoisted_2$9 = ["id", "checked", "disabled"];
+const _hoisted_3$9 = {
   key: 0,
   class: "checkbox__label"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     modelValue: {
@@ -925,7 +982,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           checked: isChecked.value,
           disabled: __props.disabled,
           onChange: handleChange
-        }, null, 40, _hoisted_2$8),
+        }, null, 40, _hoisted_2$9),
         createElementVNode("span", {
           class: normalizeClass(["checkbox__container", { "checkbox__container--rounded": __props.rounded }]),
           style: normalizeStyle({ "--background-color": computedBackgroundColor.value })
@@ -943,23 +1000,23 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             createElementVNode("polyline", { points: "1 5 4 8 11 1" }, null, -1)
           ]), 6)) : createCommentVNode("", true)
         ], 6),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$8, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$9, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$8);
+      ], 14, _hoisted_1$9);
     };
   }
 });
 
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-29384d40"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-29384d40"]]);
 
-const _hoisted_1$7 = ["for"];
-const _hoisted_2$7 = ["id", "checked", "disabled", "value"];
-const _hoisted_3$7 = {
+const _hoisted_1$8 = ["for"];
+const _hoisted_2$8 = ["id", "checked", "disabled", "value"];
+const _hoisted_3$8 = {
   key: 0,
   class: "radio__label"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "RadioButton",
   props: {
     modelValue: {
@@ -1041,7 +1098,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           disabled: __props.disabled,
           value: __props.value,
           onChange: handleChange
-        }, null, 40, _hoisted_2$7),
+        }, null, 40, _hoisted_2$8),
         createElementVNode("span", {
           class: normalizeClass(["radio__container", { "radio__container--rounded": __props.rounded }])
         }, [
@@ -1050,15 +1107,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["radio__dot", { "radio__dot--animated": __props.hasAnimation }])
           }, null, 2)) : createCommentVNode("", true)
         ], 2),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$7, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$8, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$7);
+      ], 14, _hoisted_1$8);
     };
   }
 });
 
-const RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-50110fea"]]);
+const RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-50110fea"]]);
 
 var TextSize = /* @__PURE__ */ ((TextSize2) => {
   TextSize2["EXTRA_SMALL"] = "xs";
@@ -1079,7 +1136,7 @@ var HeadingLevel = /* @__PURE__ */ ((HeadingLevel2) => {
   return HeadingLevel2;
 })(HeadingLevel || {});
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: {
     size: {
@@ -1110,9 +1167,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e52f8226"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e52f8226"]]);
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Heading",
   props: {
     level: {
@@ -1150,20 +1207,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Heading = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-35210bc7"]]);
+const Heading = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-35210bc7"]]);
 
-const _hoisted_1$6 = { class: "modal__header" };
-const _hoisted_2$6 = { class: "modal__title" };
-const _hoisted_3$6 = { class: "modal__content" };
-const _hoisted_4$5 = {
+const _hoisted_1$7 = { class: "modal__header" };
+const _hoisted_2$7 = { class: "modal__title" };
+const _hoisted_3$7 = { class: "modal__content" };
+const _hoisted_4$6 = {
   key: 0,
   class: "modal__footer"
 };
-const _hoisted_5$5 = {
+const _hoisted_5$6 = {
   key: 1,
   class: "modal__footer"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     title: {
@@ -1242,7 +1299,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(["modal__container", [`modal__container--${__props.size}`]])
             }, [
-              createElementVNode("div", _hoisted_1$6, [
+              createElementVNode("div", _hoisted_1$7, [
                 __props.showBackButton ? (openBlock(), createBlock(unref(HpButtonIcon), {
                   key: 0,
                   class: "modal__back-button",
@@ -1251,7 +1308,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   label: "Botão de voltar",
                   onClick: handleBackClick
                 })) : createCommentVNode("", true),
-                createElementVNode("h2", _hoisted_2$6, toDisplayString(__props.title), 1),
+                createElementVNode("h2", _hoisted_2$7, toDisplayString(__props.title), 1),
                 __props.showCloseButton ? (openBlock(), createBlock(unref(HpButtonIcon), {
                   key: 1,
                   class: "modal__close-button",
@@ -1261,10 +1318,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   onClick: handleCloseModal
                 })) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_3$6, [
+              createElementVNode("div", _hoisted_3$7, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ]),
-              __props.hasPrimaryButton || __props.hasSecondaryButton ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+              __props.hasPrimaryButton || __props.hasSecondaryButton ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
                 __props.hasSecondaryButton ? (openBlock(), createBlock(unref(HpButtonSecondary), {
                   key: 0,
                   label: __props.secondaryButtonLabel,
@@ -1278,7 +1335,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   onClick: handleSecondaryButtonClick
                 }, null, 8, ["label", "backgroundColor"])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              !__props.hasPrimaryButton && !__props.hasSecondaryButton && _ctx.$slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+              !__props.hasPrimaryButton && !__props.hasSecondaryButton && _ctx.$slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
                 renderSlot(_ctx.$slots, "buttons", {}, void 0, true)
               ])) : createCommentVNode("", true)
             ], 2)
@@ -1290,15 +1347,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-cdf63c2b"]]);
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cdf63c2b"]]);
 
-const _hoisted_1$5 = ["id", "checked", "disabled", "aria-checked", "aria-labelledby"];
-const _hoisted_2$5 = ["for", "id", "tabindex", "onKeydown"];
-const _hoisted_3$5 = {
+const _hoisted_1$6 = ["id", "checked", "disabled", "aria-checked", "aria-labelledby"];
+const _hoisted_2$6 = ["for", "id", "tabindex", "onKeydown"];
+const _hoisted_3$6 = {
   key: 0,
   class: "toggle-switch__text"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "ToggleSwitch",
   props: {
     modelValue: {
@@ -1363,7 +1420,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           "aria-checked": __props.modelValue,
           "aria-labelledby": `${__props.id}-label`,
           tabindex: "-1"
-        }, null, 40, _hoisted_1$5),
+        }, null, 40, _hoisted_1$6),
         createElementVNode("label", {
           for: __props.id,
           class: "toggle-switch__label",
@@ -1384,28 +1441,28 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ "--thumb-color": computedThumbColor.value })
             }, null, 4)
           ], 4),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
-        ], 44, _hoisted_2$5)
+        ], 44, _hoisted_2$6)
       ], 2);
     };
   }
 });
 
-const ToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-14c54b46"]]);
+const ToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-14c54b46"]]);
 
-const _hoisted_1$4 = { key: 0 };
-const _hoisted_2$4 = ["aria-checked", "onKeydown"];
-const _hoisted_3$4 = {
+const _hoisted_1$5 = { key: 0 };
+const _hoisted_2$5 = ["aria-checked", "onKeydown"];
+const _hoisted_3$5 = {
   key: 1,
   class: "theme-switcher-animation"
 };
-const _hoisted_4$4 = ["id", "aria-checked"];
-const _hoisted_5$4 = ["for", "onKeydown"];
+const _hoisted_4$5 = ["id", "aria-checked"];
+const _hoisted_5$5 = ["for", "onKeydown"];
 
 
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   __name: 'ThemeSwitcher',
   props: {
   modelValue: {
@@ -1517,7 +1574,7 @@ const computedDarkBackgroundColor = computed(
 
 return (_ctx, _cache) => {
   return (!__props.hasAnimation)
-    ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("button", {
           class: "theme-switcher",
           type: "button",
@@ -1540,9 +1597,9 @@ return (_ctx, _cache) => {
             size: "sm",
             color: computedButtonIconColor.value
           }, null, 8, ["name", "color"])
-        ], 44, _hoisted_2$4)
+        ], 44, _hoisted_2$5)
       ]))
-    : (openBlock(), createElementBlock("div", _hoisted_3$4, [
+    : (openBlock(), createElementBlock("div", _hoisted_3$5, [
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           id: __props.id,
@@ -1553,7 +1610,7 @@ return (_ctx, _cache) => {
           "aria-checked": isDarkMode.value,
           "aria-label": "Alternar entre tema claro e escuro",
           tabindex: "-1"
-        }, null, 40, _hoisted_4$4), [
+        }, null, 40, _hoisted_4$5), [
           [vModelCheckbox, isDarkMode.value]
         ]),
         createElementVNode("label", {
@@ -1572,22 +1629,22 @@ return (_ctx, _cache) => {
           ]
         }, _cache[1] || (_cache[1] = [
           createElementVNode("span", { class: "toggle--label-background" }, null, -1)
-        ]), 44, _hoisted_5$4)
+        ]), 44, _hoisted_5$5)
       ]))
 }
 }
 
 };
-const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-7efca676"]]);
+const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-7efca676"]]);
 
-const _hoisted_1$3 = { class: "input__fieldset" };
-const _hoisted_2$3 = {
+const _hoisted_1$4 = { class: "input__fieldset" };
+const _hoisted_2$4 = {
   style: {"display":"none"},
   "aria-hidden": true
 };
-const _hoisted_3$3 = ["for"];
-const _hoisted_4$3 = { class: "input__wrapper" };
-const _hoisted_5$3 = ["id", "value", "readonly", "aria-readonly", "disabled", "placeholder", "required", "maxlength", "aria-labelledby", "aria-describedby", "aria-invalid"];
+const _hoisted_3$4 = ["for"];
+const _hoisted_4$4 = { class: "input__wrapper" };
+const _hoisted_5$4 = ["id", "value", "readonly", "aria-readonly", "disabled", "placeholder", "required", "maxlength", "aria-labelledby", "aria-describedby", "aria-invalid"];
 const _hoisted_6$3 = { class: "input__footer" };
 const _hoisted_7$3 = ["id"];
 const _hoisted_8$3 = {
@@ -1596,7 +1653,7 @@ const _hoisted_8$3 = {
 };
 
 
-const _sfc_main$3 = {
+const _sfc_main$4 = {
   __name: 'InputText',
   props: {
   modelValue: {
@@ -1723,16 +1780,16 @@ return (_ctx, _cache) => {
       '--icon-padding-right': __props.trailingIcon ? '32px' : '0px'
     })
   }, [
-    createElementVNode("fieldset", _hoisted_1$3, [
-      createElementVNode("legend", _hoisted_2$3, toDisplayString(__props.label), 1),
+    createElementVNode("fieldset", _hoisted_1$4, [
+      createElementVNode("legend", _hoisted_2$4, toDisplayString(__props.label), 1),
       (isFocused.value || __props.modelValue !== '' || __props.placeholder !== '')
         ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: __props.id,
             class: normalizeClass(["input__label", { 'input__label--required': __props.required }])
-          }, toDisplayString(__props.label), 11, _hoisted_3$3))
+          }, toDisplayString(__props.label), 11, _hoisted_3$4))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_4$3, [
+      createElementVNode("div", _hoisted_4$4, [
         (__props.leadingIcon)
           ? (openBlock(), createBlock(unref(HpIcon), {
               key: 0,
@@ -1761,7 +1818,7 @@ return (_ctx, _cache) => {
           "aria-labelledby": `${__props.id}-label`,
           "aria-describedby": __props.helperText ? `${__props.id}-helper-text` : undefined,
           "aria-invalid": __props.status === 'error'
-        }, null, 40, _hoisted_5$3),
+        }, null, 40, _hoisted_5$4),
         (__props.iconHasAction && __props.trailingIcon)
           ? (openBlock(), createBlock(unref(HpButtonIcon), {
               key: 1,
@@ -1802,16 +1859,16 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputText = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-6450d99a"]]);
+const InputText = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-6450d99a"]]);
 
-const _hoisted_1$2 = { class: "input__fieldset" };
-const _hoisted_2$2 = {
+const _hoisted_1$3 = { class: "input__fieldset" };
+const _hoisted_2$3 = {
   style: {"display":"none"},
   "aria-hidden": true
 };
-const _hoisted_3$2 = ["for"];
-const _hoisted_4$2 = { class: "input__wrapper" };
-const _hoisted_5$2 = ["id", "value", "readonly", "aria-readonly", "disabled", "placeholder", "required", "min", "max", "aria-labelledby", "aria-describedby", "aria-invalid"];
+const _hoisted_3$3 = ["for"];
+const _hoisted_4$3 = { class: "input__wrapper" };
+const _hoisted_5$3 = ["id", "value", "readonly", "aria-readonly", "disabled", "placeholder", "required", "min", "max", "aria-labelledby", "aria-describedby", "aria-invalid"];
 const _hoisted_6$2 = { class: "input__buttons-container" };
 const _hoisted_7$2 = ["disabled", "aria-label"];
 const _hoisted_8$2 = ["disabled", "aria-label"];
@@ -1819,7 +1876,7 @@ const _hoisted_9$2 = { class: "input__footer" };
 const _hoisted_10$2 = ["id"];
 
 
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   __name: 'InputNumber',
   props: {
   modelValue: {
@@ -1985,16 +2042,16 @@ return (_ctx, _cache) => {
       '--icon-padding-left': __props.leadingIcon ? '24px' : '0px'
     })
   }, [
-    createElementVNode("fieldset", _hoisted_1$2, [
-      createElementVNode("legend", _hoisted_2$2, toDisplayString(__props.label), 1),
+    createElementVNode("fieldset", _hoisted_1$3, [
+      createElementVNode("legend", _hoisted_2$3, toDisplayString(__props.label), 1),
       (isFocused.value || modelValueFormatted.value !== null || __props.placeholder !== '')
         ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: __props.id,
             class: normalizeClass(["input__label", { 'input__label--required': __props.required }])
-          }, toDisplayString(__props.label), 11, _hoisted_3$2))
+          }, toDisplayString(__props.label), 11, _hoisted_3$3))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_4$2, [
+      createElementVNode("div", _hoisted_4$3, [
         (__props.leadingIcon)
           ? (openBlock(), createBlock(unref(HpIcon), {
               key: 0,
@@ -2025,7 +2082,7 @@ return (_ctx, _cache) => {
           "aria-labelledby": `${__props.id}-label`,
           "aria-describedby": __props.helperText ? `${__props.id}-helper-text` : undefined,
           "aria-invalid": __props.status === 'error'
-        }, null, 40, _hoisted_5$2),
+        }, null, 40, _hoisted_5$3),
         createElementVNode("div", _hoisted_6$2, [
           createElementVNode("button", {
             type: "button",
@@ -2071,19 +2128,19 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputNumber = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-7f20743b"]]);
+const InputNumber = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-7f20743b"]]);
 
-const _hoisted_1$1 = { class: "input__fieldset" };
-const _hoisted_2$1 = {
+const _hoisted_1$2 = { class: "input__fieldset" };
+const _hoisted_2$2 = {
   style: {"display":"none"},
   "aria-hidden": true
 };
-const _hoisted_3$1 = ["for", "id"];
-const _hoisted_4$1 = {
+const _hoisted_3$2 = ["for", "id"];
+const _hoisted_4$2 = {
   key: 0,
   class: "required-asterisk"
 };
-const _hoisted_5$1 = { class: "input__wrapper" };
+const _hoisted_5$2 = { class: "input__wrapper" };
 const _hoisted_6$1 = {
   key: 0,
   class: "autocomplete-wrapper"
@@ -2111,7 +2168,7 @@ const _hoisted_20 = {
 };
 
 
-const _sfc_main$1 = {
+const _sfc_main$2 = {
   __name: 'InputSelect',
   props: {
   modelValue: {
@@ -2395,8 +2452,8 @@ return (_ctx, _cache) => {
     ref_key: "select",
     ref: select
   }, [
-    createElementVNode("fieldset", _hoisted_1$1, [
-      createElementVNode("legend", _hoisted_2$1, toDisplayString(__props.label), 1),
+    createElementVNode("fieldset", _hoisted_1$2, [
+      createElementVNode("legend", _hoisted_2$2, toDisplayString(__props.label), 1),
       (__props.modelValue !== null || __props.placeholder !== '')
         ? (openBlock(), createElementBlock("label", {
             key: 0,
@@ -2406,11 +2463,11 @@ return (_ctx, _cache) => {
           }, [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
             (__props.required)
-              ? (openBlock(), createElementBlock("span", _hoisted_4$1, "*"))
+              ? (openBlock(), createElementBlock("span", _hoisted_4$2, "*"))
               : createCommentVNode("", true)
-          ], 10, _hoisted_3$1))
+          ], 10, _hoisted_3$2))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_5$1, [
+      createElementVNode("div", _hoisted_5$2, [
         (__props.autocomplete)
           ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
               withDirectives(createElementVNode("input", {
@@ -2598,19 +2655,19 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputSelect = /*#__PURE__*/_export_sfc(_sfc_main$1, [['__scopeId',"data-v-00cdf827"]]);
+const InputSelect = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-00cdf827"]]);
 
-const _hoisted_1 = { class: "input-range__fieldset" };
-const _hoisted_2 = {
+const _hoisted_1$1 = { class: "input-range__fieldset" };
+const _hoisted_2$1 = {
   key: 0,
   class: "input-range__legend"
 };
-const _hoisted_3 = {
+const _hoisted_3$1 = {
   key: 0,
   class: "input-range__required"
 };
-const _hoisted_4 = { class: "input-range__wrapper" };
-const _hoisted_5 = ["id", "min", "max", "step", "value", "disabled", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-labelledby", "aria-describedby"];
+const _hoisted_4$1 = { class: "input-range__wrapper" };
+const _hoisted_5$1 = ["id", "min", "max", "step", "value", "disabled", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-labelledby", "aria-describedby"];
 const _hoisted_6 = { class: "input-range__value-display" };
 const _hoisted_7 = { class: "input-range__value" };
 const _hoisted_8 = {
@@ -2624,7 +2681,7 @@ const _hoisted_9 = {
 const _hoisted_10 = ["id"];
 
 
-const _sfc_main = {
+const _sfc_main$1 = {
   __name: 'InputRange',
   props: {
   modelValue: {
@@ -2707,16 +2764,16 @@ return (_ctx, _cache) => {
       [`input-range--${__props.status}`]: __props.status !== 'default'
     }])
   }, [
-    createElementVNode("fieldset", _hoisted_1, [
+    createElementVNode("fieldset", _hoisted_1$1, [
       (__props.label)
-        ? (openBlock(), createElementBlock("legend", _hoisted_2, [
+        ? (openBlock(), createElementBlock("legend", _hoisted_2$1, [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
             (__props.required)
-              ? (openBlock(), createElementBlock("span", _hoisted_3, "*"))
+              ? (openBlock(), createElementBlock("span", _hoisted_3$1, "*"))
               : createCommentVNode("", true)
           ]))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_4, [
+      createElementVNode("div", _hoisted_4$1, [
         createElementVNode("input", {
           id: __props.id,
           ref_key: "input",
@@ -2735,7 +2792,7 @@ return (_ctx, _cache) => {
           "aria-valuenow": __props.modelValue,
           "aria-labelledby": `${__props.id}-label`,
           "aria-describedby": __props.helperText ? `${__props.id}-helper` : undefined
-        }, null, 40, _hoisted_5),
+        }, null, 40, _hoisted_5$1),
         createElementVNode("div", _hoisted_6, [
           createElementVNode("span", _hoisted_7, toDisplayString(__props.modelValue), 1),
           (__props.unit)
@@ -2757,7 +2814,82 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputRange = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-32e54a28"]]);
+const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$1, [['__scopeId',"data-v-32e54a28"]]);
+
+const _hoisted_1 = { class: "progress-bar" };
+const _hoisted_2 = {
+  key: 0,
+  class: "progress-bar__header"
+};
+const _hoisted_3 = { class: "progress-bar__value" };
+const _hoisted_4 = { class: "progress-bar__wrapper" };
+const _hoisted_5 = ["value", "max", "aria-labelledby"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ProgressBar"
+  },
+  __name: "ProgressBar",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: Number,
+      required: true
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    hasLabel: {
+      type: Boolean,
+      default: false
+    },
+    backgroundColor: {
+      type: String,
+      default: ""
+    },
+    barColor: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const labelId = `progress-bar-label-${Math.random().toString(36).slice(2)}`;
+    const normalizedValue = computed(() => {
+      const percent = props.value / props.max * 100;
+      return Math.min(100, Math.max(0, Math.round(percent)));
+    });
+    const trackStyle = computed(() => ({
+      "--track-color": props.backgroundColor || "var(--color-border, #e5e7eb)",
+      "--bar-color": props.barColor || "var(--color-danger, #b91c1c)"
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.hasLabel ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", {
+            class: "progress-bar__label",
+            id: labelId
+          }, toDisplayString(__props.label), 1),
+          createElementVNode("span", _hoisted_3, toDisplayString(normalizedValue.value) + "% ", 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("progress", {
+            class: "progress-bar__track",
+            value: __props.value,
+            max: __props.max,
+            "aria-labelledby": __props.label ? labelId : void 0,
+            style: normalizeStyle(trackStyle.value)
+          }, null, 12, _hoisted_5)
+        ])
+      ]);
+    };
+  }
+});
+
+const ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3ba3e49"]]);
 
 const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -2767,6 +2899,7 @@ const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty
   HpButtonPrimary,
   HpButtonSecondary,
   HpButtonTertiary: ButtonTertiary,
+  HpCard: Card,
   HpCheckbox: Checkbox,
   HpHeading: Heading,
   HpIcon,
@@ -2775,8 +2908,9 @@ const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty
   HpInputSelect: InputSelect,
   HpInputText: InputText,
   HpModal: Modal,
+  HpProgressBar: ProgressBar,
   HpRadioButton: RadioButton,
-  HpSpinnerLoader: _sfc_main$b,
+  HpSpinnerLoader: _sfc_main$c,
   HpText: Text,
   HpThemeSwitcher: ThemeSwitcher,
   HpToggleSwitch: ToggleSwitch
@@ -2817,5 +2951,5 @@ const index = {
   ...components
 };
 
-export { Alert as HpAlert, HpButtonIcon, ButtonLetter as HpButtonLetter, HpButtonPrimary, HpButtonSecondary, ButtonTertiary as HpButtonTertiary, Checkbox as HpCheckbox, Heading as HpHeading, HpIcon, InputNumber as HpInputNumber, InputRange as HpInputRange, InputSelect as HpInputSelect, InputText as HpInputText, Modal as HpModal, RadioButton as HpRadioButton, _sfc_main$b as HpSpinnerLoader, Text as HpText, ThemeSwitcher as HpThemeSwitcher, ToggleSwitch as HpToggleSwitch, index as default };
+export { Alert as HpAlert, HpButtonIcon, ButtonLetter as HpButtonLetter, HpButtonPrimary, HpButtonSecondary, ButtonTertiary as HpButtonTertiary, Card as HpCard, Checkbox as HpCheckbox, Heading as HpHeading, HpIcon, InputNumber as HpInputNumber, InputRange as HpInputRange, InputSelect as HpInputSelect, InputText as HpInputText, Modal as HpModal, ProgressBar as HpProgressBar, RadioButton as HpRadioButton, _sfc_main$c as HpSpinnerLoader, Text as HpText, ThemeSwitcher as HpThemeSwitcher, ToggleSwitch as HpToggleSwitch, index as default };
 //# sourceMappingURL=hp-design-system.es.js.map