@henriquepetrelli/hp-design-system 1.1.28 → 1.1.30

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

@@ -19,8 +19,8 @@ var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => {
   return ButtonSize2;
 })(ButtonSize || {});
 
-const _hoisted_1$i = ["xlink:href"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = ["xlink:href"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Icon",
   props: {
     name: {
@@ -54,7 +54,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("use", {
           "xlink:href": `#icon-${__props.name}`
-        }, null, 8, _hoisted_1$i)
+        }, null, 8, _hoisted_1$j)
       ], 6);
     };
   }
@@ -68,18 +68,18 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const HpIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-0b477588"]]);
+const HpIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-0b477588"]]);
 
-const _hoisted_1$h = ["aria-label", "aria-disabled", "disabled"];
-const _hoisted_2$g = {
+const _hoisted_1$i = ["aria-label", "aria-disabled", "disabled"];
+const _hoisted_2$h = {
   key: 0,
   class: "button-primary__icon--left"
 };
-const _hoisted_3$e = {
+const _hoisted_3$f = {
   key: 1,
   class: "button-primary__icon--right"
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "ButtonPrimary",
   props: {
     label: {
@@ -152,7 +152,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         onClick: handleClick
       }, [
-        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$g, [
+        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$h, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm",
@@ -163,31 +163,31 @@ const _sfc_main$j = /* @__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$e, [
+        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_3$f, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm",
             color: computedColor.value
           }, null, 8, ["name", "color"])
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$h);
+      ], 14, _hoisted_1$i);
     };
   }
 });
 
-const HpButtonPrimary = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-5c29dcce"]]);
+const HpButtonPrimary = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5c29dcce"]]);
 
-const _hoisted_1$g = ["aria-label", "aria-disabled", "disabled"];
-const _hoisted_2$f = {
+const _hoisted_1$h = ["aria-label", "aria-disabled", "disabled"];
+const _hoisted_2$g = {
   key: 0,
   class: "button-secondary__icon--left"
 };
-const _hoisted_3$d = { class: "button-secondary__label" };
-const _hoisted_4$9 = {
+const _hoisted_3$e = { class: "button-secondary__label" };
+const _hoisted_4$a = {
   key: 1,
   class: "button-secondary__icon--right"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ButtonSecondary",
   props: {
     label: {
@@ -245,37 +245,37 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled,
         onClick: handleClick
       }, [
-        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$f, [
+        __props.icon && __props.iconPosition === unref(IconPosition).LEFT ? (openBlock(), createElementBlock("span", _hoisted_2$g, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_3$d, toDisplayString(__props.label), 1),
-        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_4$9, [
+        createElementVNode("span", _hoisted_3$e, toDisplayString(__props.label), 1),
+        __props.icon && __props.iconPosition === unref(IconPosition).RIGHT ? (openBlock(), createElementBlock("span", _hoisted_4$a, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$g);
+      ], 14, _hoisted_1$h);
     };
   }
 });
 
-const HpButtonSecondary = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ce9350e4"]]);
+const HpButtonSecondary = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ce9350e4"]]);
 
-const _hoisted_1$f = ["aria-label", "aria-disabled", "disabled"];
-const _hoisted_2$e = {
+const _hoisted_1$g = ["aria-label", "aria-disabled", "disabled"];
+const _hoisted_2$f = {
   key: 0,
   class: "button-tertiary__icon--left"
 };
-const _hoisted_3$c = { class: "button-tertiary__label" };
-const _hoisted_4$8 = {
+const _hoisted_3$d = { class: "button-tertiary__label" };
+const _hoisted_4$9 = {
   key: 1,
   class: "button-tertiary__icon--right"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ButtonTertiary",
   props: {
     label: {
@@ -333,25 +333,25 @@ 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$f, [
           createVNode(HpIcon, {
             name: __props.icon,
             size: "sm"
           }, null, 8, ["name"])
         ])) : createCommentVNode("", true),
-        createElementVNode("span", _hoisted_3$c, 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$f);
+      ], 14, _hoisted_1$g);
     };
   }
 });
 
-const ButtonTertiary = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0401b00e"]]);
+const ButtonTertiary = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0401b00e"]]);
 
 var ButtonIconSize = /* @__PURE__ */ ((ButtonIconSize2) => {
   ButtonIconSize2["SMALL"] = "sm";
@@ -378,8 +378,8 @@ const convertHexToRgb = (color) => {
   return "";
 };
 
-const _hoisted_1$e = ["aria-label", "tabindex", "aria-disabled", "disabled"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = ["aria-label", "tabindex", "aria-disabled", "disabled"];
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ButtonIcon",
   props: {
     label: {
@@ -461,7 +461,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           name: __props.icon,
           size: __props.size,
           color: computedIconColor.value
-        }, null, 8, ["name", "size", "color"])) : (openBlock(), createBlock(unref(_sfc_main$c), {
+        }, null, 8, ["name", "size", "color"])) : (openBlock(), createBlock(unref(_sfc_main$d), {
           key: 1,
           type: "circle1",
           color: computedIconColor.value || "#000",
@@ -469,12 +469,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           size: __props.size,
           speed: 0.8
         }, null, 8, ["color", "secondaryColor", "size"]))
-      ], 14, _hoisted_1$e);
+      ], 14, _hoisted_1$f);
     };
   }
 });
 
-const HpButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-8cf8a123"]]);
+const HpButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__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$d = ["aria-label", "aria-disabled", "disabled", "tabindex"];
-const _hoisted_2$d = { key: 0 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["aria-label", "aria-disabled", "disabled", "tabindex"];
+const _hoisted_2$e = { key: 0 };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "ButtonLetter",
   props: {
     label: {
@@ -568,7 +568,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           color: computedLetterColor.value
         })
       }, [
-        !__props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.letter), 1)) : (openBlock(), createBlock(unref(_sfc_main$c), {
+        !__props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(__props.letter), 1)) : (openBlock(), createBlock(unref(_sfc_main$d), {
           key: 1,
           type: "circle1",
           color: computedLetterColor.value || "var(--color-primary)",
@@ -576,12 +576,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           size: __props.size,
           speed: 0.8
         }, null, 8, ["color", "secondaryColor", "size"]))
-      ], 14, _hoisted_1$d);
+      ], 14, _hoisted_1$e);
     };
   }
 });
 
-const ButtonLetter = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-13b75270"]]);
+const ButtonLetter = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__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$c = { class: "alert" };
-const _hoisted_2$c = { class: "alert__container__message" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "alert" };
+const _hoisted_2$d = { class: "alert__container__message" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     message: {
@@ -656,7 +656,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return props.type;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1$c, [
+      return openBlock(), createElementBlock("section", _hoisted_1$d, [
         createElementVNode("div", {
           class: "alert__container",
           style: normalizeStyle({
@@ -664,7 +664,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             "--color": computedColorType.value
           })
         }, [
-          createElementVNode("p", _hoisted_2$c, toDisplayString(__props.message), 1),
+          createElementVNode("p", _hoisted_2$d, toDisplayString(__props.message), 1),
           createVNode(unref(HpButtonIcon), {
             class: "alert__container__icon",
             label: "Fechar modal",
@@ -680,18 +680,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-10dcca72"]]);
+const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-10dcca72"]]);
 
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   key: 0,
   class: "card__header"
 };
-const _hoisted_2$b = { class: "card__body" };
-const _hoisted_3$b = {
+const _hoisted_2$c = { class: "card__body" };
+const _hoisted_3$c = {
   key: 1,
   class: "card__footer"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     title: { type: String, default: "" },
@@ -713,10 +713,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         "aria-labelledby": titleId,
         "aria-describedby": descriptionId
       }, [
-        _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_1$b, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_1$c, [
           renderSlot(_ctx.$slots, "header", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$b, [
+        createElementVNode("div", _hoisted_2$c, [
           __props.title ? (openBlock(), createElementBlock("h3", {
             key: 0,
             id: titleId,
@@ -729,7 +729,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           }, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$b, [
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$c, [
           renderSlot(_ctx.$slots, "footer", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
@@ -737,7 +737,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Card = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2b489100"]]);
+const Card = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2b489100"]]);
 
 var SpinnerLoaderSize = /* @__PURE__ */ ((SpinnerLoaderSize2) => {
   SpinnerLoaderSize2["SMALL"] = "sm";
@@ -746,35 +746,35 @@ var SpinnerLoaderSize = /* @__PURE__ */ ((SpinnerLoaderSize2) => {
   return SpinnerLoaderSize2;
 })(SpinnerLoaderSize || {});
 
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "spinner-circle-1"
 };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   key: 1,
   class: "spinner-circle-2"
 };
-const _hoisted_3$a = {
+const _hoisted_3$b = {
   key: 2,
   class: "spinner-circle-3"
 };
-const _hoisted_4$7 = {
+const _hoisted_4$8 = {
   key: 3,
   class: "spinner-circle-4"
 };
-const _hoisted_5$7 = {
+const _hoisted_5$8 = {
   key: 4,
   class: "spinner-dot-1"
 };
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 5,
   class: "spinner-dot-2"
 };
-const _hoisted_7$4 = {
+const _hoisted_7$5 = {
   key: 6,
   class: "spinner-dot-3"
 };
-const _hoisted_8$4 = {
+const _hoisted_8$5 = {
   key: 7,
   class: "spinner-dot-4"
 };
@@ -810,7 +810,7 @@ const _hoisted_16$1 = {
   key: 15,
   class: "spinner-search"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "SpinnerLoader",
   props: {
     type: {
@@ -860,11 +860,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["spinner-loader", `spinner-${__props.type}`]),
         style: normalizeStyle(spinnerStyles.value)
       }, [
-        __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, [
+        __props.type === "circle1" ? (openBlock(), createElementBlock("div", _hoisted_1$b)) : createCommentVNode("", true),
+        __props.type === "circle2" ? (openBlock(), createElementBlock("div", _hoisted_2$b)) : createCommentVNode("", true),
+        __props.type === "circle3" ? (openBlock(), createElementBlock("div", _hoisted_3$b)) : createCommentVNode("", true),
+        __props.type === "circle4" ? (openBlock(), createElementBlock("div", _hoisted_4$8)) : createCommentVNode("", true),
+        __props.type === "dot1" ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
           (openBlock(), createElementBlock(Fragment, null, renderList(3, (i) => {
             return createElementVNode("div", {
               key: `dot1-${i}`,
@@ -872,9 +872,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             });
           }), 64))
         ])) : createCommentVNode("", true),
-        __props.type === "dot2" ? (openBlock(), createElementBlock("div", _hoisted_6$4)) : createCommentVNode("", true),
-        __props.type === "dot3" ? (openBlock(), createElementBlock("div", _hoisted_7$4)) : createCommentVNode("", true),
-        __props.type === "dot4" ? (openBlock(), createElementBlock("div", _hoisted_8$4)) : createCommentVNode("", true),
+        __props.type === "dot2" ? (openBlock(), createElementBlock("div", _hoisted_6$5)) : createCommentVNode("", true),
+        __props.type === "dot3" ? (openBlock(), createElementBlock("div", _hoisted_7$5)) : createCommentVNode("", true),
+        __props.type === "dot4" ? (openBlock(), createElementBlock("div", _hoisted_8$5)) : createCommentVNode("", true),
         __props.type === "dot5" ? (openBlock(), createElementBlock("div", _hoisted_9$3)) : createCommentVNode("", true),
         __props.type === "ring1" ? (openBlock(), createElementBlock("div", _hoisted_10$3)) : createCommentVNode("", true),
         __props.type === "ring2" ? (openBlock(), createElementBlock("div", _hoisted_11$1)) : createCommentVNode("", true),
@@ -890,13 +890,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$9 = ["for"];
-const _hoisted_2$9 = ["id", "checked", "disabled"];
-const _hoisted_3$9 = {
+const _hoisted_1$a = ["for"];
+const _hoisted_2$a = ["id", "checked", "disabled"];
+const _hoisted_3$a = {
   key: 0,
   class: "checkbox__label"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     modelValue: {
@@ -982,7 +982,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           checked: isChecked.value,
           disabled: __props.disabled,
           onChange: handleChange
-        }, null, 40, _hoisted_2$9),
+        }, null, 40, _hoisted_2$a),
         createElementVNode("span", {
           class: normalizeClass(["checkbox__container", { "checkbox__container--rounded": __props.rounded }]),
           style: normalizeStyle({ "--background-color": computedBackgroundColor.value })
@@ -1000,23 +1000,23 @@ const _sfc_main$b = /* @__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$9, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$a, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$9);
+      ], 14, _hoisted_1$a);
     };
   }
 });
 
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-29384d40"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-29384d40"]]);
 
-const _hoisted_1$8 = ["for"];
-const _hoisted_2$8 = ["id", "checked", "disabled", "value"];
-const _hoisted_3$8 = {
+const _hoisted_1$9 = ["for"];
+const _hoisted_2$9 = ["id", "checked", "disabled", "value"];
+const _hoisted_3$9 = {
   key: 0,
   class: "radio__label"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "RadioButton",
   props: {
     modelValue: {
@@ -1098,7 +1098,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           disabled: __props.disabled,
           value: __props.value,
           onChange: handleChange
-        }, null, 40, _hoisted_2$8),
+        }, null, 40, _hoisted_2$9),
         createElementVNode("span", {
           class: normalizeClass(["radio__container", { "radio__container--rounded": __props.rounded }])
         }, [
@@ -1107,15 +1107,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["radio__dot", { "radio__dot--animated": __props.hasAnimation }])
           }, null, 2)) : createCommentVNode("", true)
         ], 2),
-        _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 RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-50110fea"]]);
+const RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-50110fea"]]);
 
 var TextSize = /* @__PURE__ */ ((TextSize2) => {
   TextSize2["EXTRA_SMALL"] = "xs";
@@ -1136,7 +1136,7 @@ var HeadingLevel = /* @__PURE__ */ ((HeadingLevel2) => {
   return HeadingLevel2;
 })(HeadingLevel || {});
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: {
     size: {
@@ -1167,9 +1167,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-e52f8226"]]);
+const HpText = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-e52f8226"]]);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Heading",
   props: {
     level: {
@@ -1207,20 +1207,20 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Heading = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-35210bc7"]]);
+const Heading = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-35210bc7"]]);
 
-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 = {
+const _hoisted_1$8 = { class: "modal__header" };
+const _hoisted_2$8 = { class: "modal__title" };
+const _hoisted_3$8 = { class: "modal__content" };
+const _hoisted_4$7 = {
   key: 0,
   class: "modal__footer"
 };
-const _hoisted_5$6 = {
+const _hoisted_5$7 = {
   key: 1,
   class: "modal__footer"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Modal",
   props: {
     title: {
@@ -1299,7 +1299,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(["modal__container", [`modal__container--${__props.size}`]])
             }, [
-              createElementVNode("div", _hoisted_1$7, [
+              createElementVNode("div", _hoisted_1$8, [
                 __props.showBackButton ? (openBlock(), createBlock(unref(HpButtonIcon), {
                   key: 0,
                   class: "modal__back-button",
@@ -1308,7 +1308,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   label: "Botão de voltar",
                   onClick: handleBackClick
                 })) : createCommentVNode("", true),
-                createElementVNode("h2", _hoisted_2$7, toDisplayString(__props.title), 1),
+                createElementVNode("h2", _hoisted_2$8, toDisplayString(__props.title), 1),
                 __props.showCloseButton ? (openBlock(), createBlock(unref(HpButtonIcon), {
                   key: 1,
                   class: "modal__close-button",
@@ -1318,10 +1318,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   onClick: handleCloseModal
                 })) : createCommentVNode("", true)
               ]),
-              createElementVNode("div", _hoisted_3$7, [
+              createElementVNode("div", _hoisted_3$8, [
                 renderSlot(_ctx.$slots, "default", {}, void 0, true)
               ]),
-              __props.hasPrimaryButton || __props.hasSecondaryButton ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+              __props.hasPrimaryButton || __props.hasSecondaryButton ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
                 __props.hasSecondaryButton ? (openBlock(), createBlock(unref(HpButtonSecondary), {
                   key: 0,
                   label: __props.secondaryButtonLabel,
@@ -1335,7 +1335,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   onClick: handleSecondaryButtonClick
                 }, null, 8, ["label", "backgroundColor"])) : createCommentVNode("", true)
               ])) : createCommentVNode("", true),
-              !__props.hasPrimaryButton && !__props.hasSecondaryButton && _ctx.$slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
+              !__props.hasPrimaryButton && !__props.hasSecondaryButton && _ctx.$slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
                 renderSlot(_ctx.$slots, "buttons", {}, void 0, true)
               ])) : createCommentVNode("", true)
             ], 2)
@@ -1347,15 +1347,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cdf63c2b"]]);
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-cdf63c2b"]]);
 
-const _hoisted_1$6 = ["id", "checked", "disabled", "aria-checked", "aria-labelledby"];
-const _hoisted_2$6 = ["for", "id", "tabindex", "onKeydown"];
-const _hoisted_3$6 = {
+const _hoisted_1$7 = ["id", "checked", "disabled", "aria-checked", "aria-labelledby"];
+const _hoisted_2$7 = ["for", "id", "tabindex", "onKeydown"];
+const _hoisted_3$7 = {
   key: 0,
   class: "toggle-switch__text"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ToggleSwitch",
   props: {
     modelValue: {
@@ -1420,7 +1420,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           "aria-checked": __props.modelValue,
           "aria-labelledby": `${__props.id}-label`,
           tabindex: "-1"
-        }, null, 40, _hoisted_1$6),
+        }, null, 40, _hoisted_1$7),
         createElementVNode("label", {
           for: __props.id,
           class: "toggle-switch__label",
@@ -1441,28 +1441,28 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ "--thumb-color": computedThumbColor.value })
             }, null, 4)
           ], 4),
-          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$6, [
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$7, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : createCommentVNode("", true)
-        ], 44, _hoisted_2$6)
+        ], 44, _hoisted_2$7)
       ], 2);
     };
   }
 });
 
-const ToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-14c54b46"]]);
+const ToggleSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-14c54b46"]]);
 
-const _hoisted_1$5 = { key: 0 };
-const _hoisted_2$5 = ["aria-checked", "onKeydown"];
-const _hoisted_3$5 = {
+const _hoisted_1$6 = { key: 0 };
+const _hoisted_2$6 = ["aria-checked", "onKeydown"];
+const _hoisted_3$6 = {
   key: 1,
   class: "theme-switcher-animation"
 };
-const _hoisted_4$5 = ["id", "aria-checked"];
-const _hoisted_5$5 = ["for", "onKeydown"];
+const _hoisted_4$6 = ["id", "aria-checked"];
+const _hoisted_5$6 = ["for", "onKeydown"];
 
 
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: 'ThemeSwitcher',
   props: {
   modelValue: {
@@ -1574,7 +1574,7 @@ const computedDarkBackgroundColor = computed(
 
 return (_ctx, _cache) => {
   return (!__props.hasAnimation)
-    ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("button", {
           class: "theme-switcher",
           type: "button",
@@ -1597,9 +1597,9 @@ return (_ctx, _cache) => {
             size: "sm",
             color: computedButtonIconColor.value
           }, null, 8, ["name", "color"])
-        ], 44, _hoisted_2$5)
+        ], 44, _hoisted_2$6)
       ]))
-    : (openBlock(), createElementBlock("div", _hoisted_3$5, [
+    : (openBlock(), createElementBlock("div", _hoisted_3$6, [
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           id: __props.id,
@@ -1610,7 +1610,7 @@ return (_ctx, _cache) => {
           "aria-checked": isDarkMode.value,
           "aria-label": "Alternar entre tema claro e escuro",
           tabindex: "-1"
-        }, null, 40, _hoisted_4$5), [
+        }, null, 40, _hoisted_4$6), [
           [vModelCheckbox, isDarkMode.value]
         ]),
         createElementVNode("label", {
@@ -1629,31 +1629,31 @@ return (_ctx, _cache) => {
           ]
         }, [...(_cache[1] || (_cache[1] = [
           createElementVNode("span", { class: "toggle--label-background" }, null, -1)
-        ]))], 44, _hoisted_5$5)
+        ]))], 44, _hoisted_5$6)
       ]))
 }
 }
 
 };
-const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-7efca676"]]);
+const ThemeSwitcher = /*#__PURE__*/_export_sfc(_sfc_main$6, [['__scopeId',"data-v-7efca676"]]);
 
-const _hoisted_1$4 = { class: "input__fieldset" };
-const _hoisted_2$4 = {
+const _hoisted_1$5 = { class: "input__fieldset" };
+const _hoisted_2$5 = {
   style: {"display":"none"},
   "aria-hidden": true
 };
-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 = {
+const _hoisted_3$5 = ["for"];
+const _hoisted_4$5 = { class: "input__wrapper" };
+const _hoisted_5$5 = ["id", "value", "readonly", "aria-readonly", "disabled", "placeholder", "required", "maxlength", "aria-labelledby", "aria-describedby", "aria-invalid"];
+const _hoisted_6$4 = { class: "input__footer" };
+const _hoisted_7$4 = ["id"];
+const _hoisted_8$4 = {
   key: 1,
   class: "input__counter"
 };
 
 
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   __name: 'InputText',
   props: {
   modelValue: {
@@ -1664,6 +1664,10 @@ const _sfc_main$4 = {
     type: String,
     required: true
   },
+  hideLabel: {
+    type: Boolean,
+    default: false
+  },
   id: {
     type: String,
     default: () => `input-text-${Math.random().toString(36).substring(2, 9)}`
@@ -1727,6 +1731,11 @@ const emit = __emit;
 
 const input = ref(null);
 const isFocused = ref(false);
+const showInputLabel = computed(
+  () =>
+    !props.hideLabel &&
+    (isFocused || props.modelValue !== '' || props.placeholder !== '')
+);
 const hasValue = computed(() => String(props.modelValue).length > 0);
 const hasPlaceholder = computed(() => String(props.placeholder).length > 0);
 const placeholderFormatted = computed(() => {
@@ -1780,16 +1789,16 @@ return (_ctx, _cache) => {
       '--icon-padding-right': __props.trailingIcon ? '32px' : '0px'
     })
   }, [
-    createElementVNode("fieldset", _hoisted_1$4, [
-      createElementVNode("legend", _hoisted_2$4, toDisplayString(__props.label), 1),
-      (isFocused.value || __props.modelValue !== '' || __props.placeholder !== '')
+    createElementVNode("fieldset", _hoisted_1$5, [
+      createElementVNode("legend", _hoisted_2$5, toDisplayString(__props.label), 1),
+      (showInputLabel.value)
         ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: __props.id,
             class: normalizeClass(["input__label", { 'input__label--required': __props.required }])
-          }, toDisplayString(__props.label), 11, _hoisted_3$4))
+          }, toDisplayString(__props.label), 11, _hoisted_3$5))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_4$4, [
+      createElementVNode("div", _hoisted_4$5, [
         (__props.leadingIcon)
           ? (openBlock(), createBlock(unref(HpIcon), {
               key: 0,
@@ -1818,7 +1827,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$4),
+        }, null, 40, _hoisted_5$5),
         (__props.iconHasAction && __props.trailingIcon)
           ? (openBlock(), createBlock(unref(HpButtonIcon), {
               key: 1,
@@ -1842,16 +1851,16 @@ return (_ctx, _cache) => {
             : createCommentVNode("", true)
       ])
     ]),
-    createElementVNode("div", _hoisted_6$3, [
+    createElementVNode("div", _hoisted_6$4, [
       (__props.helperText)
         ? (openBlock(), createElementBlock("span", {
             key: 0,
             id: `${__props.id}-helper-text`,
             class: normalizeClass(["input__helper-text", { [`input__helper-text--${__props.status}`]: __props.status !== 'default' }])
-          }, toDisplayString(__props.helperText), 11, _hoisted_7$3))
+          }, toDisplayString(__props.helperText), 11, _hoisted_7$4))
         : createCommentVNode("", true),
       (__props.hasLengthCount)
-        ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(__props.modelValue?.length || 0) + "/" + toDisplayString(__props.maxLength), 1))
+        ? (openBlock(), createElementBlock("span", _hoisted_8$4, toDisplayString(__props.modelValue?.length || 0) + "/" + toDisplayString(__props.maxLength), 1))
         : createCommentVNode("", true)
     ])
   ], 6))
@@ -1859,24 +1868,24 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputText = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-6450d99a"]]);
+const HpInputText = /*#__PURE__*/_export_sfc(_sfc_main$5, [['__scopeId',"data-v-e05af4c2"]]);
 
-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", "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"];
+const _hoisted_3$4 = ["for"];
+const _hoisted_4$4 = { class: "input__wrapper" };
+const _hoisted_5$4 = ["id", "value", "readonly", "aria-readonly", "disabled", "placeholder", "required", "min", "max", "aria-labelledby", "aria-describedby", "aria-invalid"];
+const _hoisted_6$3 = { class: "input__buttons-container" };
+const _hoisted_7$3 = ["disabled", "aria-label"];
+const _hoisted_8$3 = ["disabled", "aria-label"];
 const _hoisted_9$2 = { class: "input__footer" };
 const _hoisted_10$2 = ["id"];
 
 
-const _sfc_main$3 = {
+const _sfc_main$4 = {
   __name: 'InputNumber',
   props: {
   modelValue: {
@@ -2042,16 +2051,16 @@ return (_ctx, _cache) => {
       '--icon-padding-left': __props.leadingIcon ? '24px' : '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 || 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$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,
@@ -2082,8 +2091,8 @@ 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),
-        createElementVNode("div", _hoisted_6$2, [
+        }, null, 40, _hoisted_5$4),
+        createElementVNode("div", _hoisted_6$3, [
           createElementVNode("button", {
             type: "button",
             disabled: __props.disabled || __props.readonly || isMinValue.value,
@@ -2096,7 +2105,7 @@ return (_ctx, _cache) => {
               size: "sm",
               color: "#666666"
             })
-          ], 8, _hoisted_7$2),
+          ], 8, _hoisted_7$3),
           _cache[0] || (_cache[0] = createElementVNode("div", { class: "input__buttons-container--divider" }, null, -1)),
           createElementVNode("button", {
             type: "button",
@@ -2110,7 +2119,7 @@ return (_ctx, _cache) => {
               size: "sm",
               color: "#666666"
             })
-          ], 8, _hoisted_8$2)
+          ], 8, _hoisted_8$3)
         ])
       ])
     ]),
@@ -2128,25 +2137,25 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputNumber = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-7f20743b"]]);
+const InputNumber = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-7f20743b"]]);
 
-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", "id"];
-const _hoisted_4$2 = {
+const _hoisted_3$3 = ["for", "id"];
+const _hoisted_4$3 = {
   key: 0,
   class: "required-asterisk"
 };
-const _hoisted_5$2 = { class: "input__wrapper" };
-const _hoisted_6$1 = {
+const _hoisted_5$3 = { class: "input__wrapper" };
+const _hoisted_6$2 = {
   key: 0,
   class: "autocomplete-wrapper"
 };
-const _hoisted_7$1 = ["id", "placeholder", "disabled", "readonly", "required", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-disabled", "aria-expanded", "aria-activedescendant"];
-const _hoisted_8$1 = ["aria-labelledby"];
+const _hoisted_7$2 = ["id", "placeholder", "disabled", "readonly", "required", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-disabled", "aria-expanded", "aria-activedescendant"];
+const _hoisted_8$2 = ["aria-labelledby"];
 const _hoisted_9$1 = ["id", "onMousedown", "aria-selected", "aria-disabled"];
 const _hoisted_10$1 = ["aria-expanded", "aria-owns"];
 const _hoisted_11 = ["id", "tabindex", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-disabled"];
@@ -2168,7 +2177,7 @@ const _hoisted_20 = {
 };
 
 
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   __name: 'InputSelect',
   props: {
   modelValue: {
@@ -2452,8 +2461,8 @@ return (_ctx, _cache) => {
     ref_key: "select",
     ref: select
   }, [
-    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),
       (__props.modelValue !== null || __props.placeholder !== '')
         ? (openBlock(), createElementBlock("label", {
             key: 0,
@@ -2463,13 +2472,13 @@ return (_ctx, _cache) => {
           }, [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
             (__props.required)
-              ? (openBlock(), createElementBlock("span", _hoisted_4$2, "*"))
+              ? (openBlock(), createElementBlock("span", _hoisted_4$3, "*"))
               : createCommentVNode("", true)
-          ], 10, _hoisted_3$2))
+          ], 10, _hoisted_3$3))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_5$2, [
+      createElementVNode("div", _hoisted_5$3, [
         (__props.autocomplete)
-          ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+          ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
               withDirectives(createElementVNode("input", {
                 id: __props.id,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((searchText).value = $event)),
@@ -2499,7 +2508,7 @@ return (_ctx, _cache) => {
             ,
                 role: "combobox",
                 "aria-autocomplete": "list"
-              }, null, 40, _hoisted_7$1), [
+              }, null, 40, _hoisted_7$2), [
                 [vModelText, searchText.value]
               ]),
               createVNode(unref(HpIcon), {
@@ -2529,7 +2538,7 @@ return (_ctx, _cache) => {
                     "aria-disabled": option.disabled
                   }, toDisplayString(option.label), 43, _hoisted_9$1))
                 }), 128))
-              ], 12, _hoisted_8$1), [
+              ], 12, _hoisted_8$2), [
                 [vShow, isOpen.value && filteredOptions.value.length > 0]
               ])
             ]))
@@ -2655,22 +2664,22 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputSelect = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-00cdf827"]]);
+const InputSelect = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-00cdf827"]]);
 
-const _hoisted_1$1 = { class: "input-range__fieldset" };
-const _hoisted_2$1 = {
+const _hoisted_1$2 = { class: "input-range__fieldset" };
+const _hoisted_2$2 = {
   key: 0,
   class: "input-range__legend"
 };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   key: 0,
   class: "input-range__required"
 };
-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 = {
+const _hoisted_4$2 = { class: "input-range__wrapper" };
+const _hoisted_5$2 = ["id", "min", "max", "step", "value", "disabled", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-labelledby", "aria-describedby"];
+const _hoisted_6$1 = { class: "input-range__value-display" };
+const _hoisted_7$1 = { class: "input-range__value" };
+const _hoisted_8$1 = {
   key: 0,
   class: "input-range__unit"
 };
@@ -2681,7 +2690,7 @@ const _hoisted_9 = {
 const _hoisted_10 = ["id"];
 
 
-const _sfc_main$1 = {
+const _sfc_main$2 = {
   __name: 'InputRange',
   props: {
   modelValue: {
@@ -2764,16 +2773,16 @@ return (_ctx, _cache) => {
       [`input-range--${__props.status}`]: __props.status !== 'default'
     }])
   }, [
-    createElementVNode("fieldset", _hoisted_1$1, [
+    createElementVNode("fieldset", _hoisted_1$2, [
       (__props.label)
-        ? (openBlock(), createElementBlock("legend", _hoisted_2$1, [
+        ? (openBlock(), createElementBlock("legend", _hoisted_2$2, [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
             (__props.required)
-              ? (openBlock(), createElementBlock("span", _hoisted_3$1, "*"))
+              ? (openBlock(), createElementBlock("span", _hoisted_3$2, "*"))
               : createCommentVNode("", true)
           ]))
         : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_4$1, [
+      createElementVNode("div", _hoisted_4$2, [
         createElementVNode("input", {
           id: __props.id,
           ref_key: "input",
@@ -2792,11 +2801,11 @@ return (_ctx, _cache) => {
           "aria-valuenow": __props.modelValue,
           "aria-labelledby": `${__props.id}-label`,
           "aria-describedby": __props.helperText ? `${__props.id}-helper` : undefined
-        }, null, 40, _hoisted_5$1),
-        createElementVNode("div", _hoisted_6, [
-          createElementVNode("span", _hoisted_7, toDisplayString(__props.modelValue), 1),
+        }, null, 40, _hoisted_5$2),
+        createElementVNode("div", _hoisted_6$1, [
+          createElementVNode("span", _hoisted_7$1, toDisplayString(__props.modelValue), 1),
           (__props.unit)
-            ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.unit), 1))
+            ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.unit), 1))
             : createCommentVNode("", true)
         ])
       ])
@@ -2814,17 +2823,17 @@ return (_ctx, _cache) => {
 }
 
 };
-const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$1, [['__scopeId',"data-v-32e54a28"]]);
+const InputRange = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-32e54a28"]]);
 
-const _hoisted_1 = { class: "progress-bar" };
-const _hoisted_2 = {
+const _hoisted_1$1 = { class: "progress-bar" };
+const _hoisted_2$1 = {
   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({
+const _hoisted_3$1 = { class: "progress-bar__value" };
+const _hoisted_4$1 = { class: "progress-bar__wrapper" };
+const _hoisted_5$1 = ["value", "max", "aria-labelledby"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ProgressBar",
   props: {
     label: {
@@ -2864,29 +2873,173 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "--bar-color": props.barColor || "var(--color-danger, #b91c1c)"
     }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.hasLabel ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        __props.hasLabel ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           createElementVNode("span", {
             class: "progress-bar__label",
             id: labelId
           }, toDisplayString(__props.label), 1),
-          createElementVNode("span", _hoisted_3, toDisplayString(normalizedValue.value) + "% ", 1)
+          createElementVNode("span", _hoisted_3$1, toDisplayString(normalizedValue.value) + "% ", 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4, [
+        createElementVNode("div", _hoisted_4$1, [
           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)
+          }, null, 12, _hoisted_5$1)
         ])
       ]);
     };
   }
 });
 
-const ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-80b0b9cd"]]);
+const ProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-80b0b9cd"]]);
+
+const _hoisted_1 = { class: "data-table__table" };
+const _hoisted_2 = { class: "data-table__row" };
+const _hoisted_3 = {
+  key: 0,
+  class: "data-table__header-cell data-table__header-cell--right"
+};
+const _hoisted_4 = { class: "data-table__body" };
+const _hoisted_5 = {
+  key: 0,
+  class: "data-table__row"
+};
+const _hoisted_6 = ["colspan"];
+const _hoisted_7 = ["data-label"];
+const _hoisted_8 = {
+  key: 0,
+  class: "data-table__cell data-table__cell--actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DataTable",
+  props: {
+    searchable: {
+      type: Boolean,
+      default: true
+    },
+    placeholderSearch: {
+      type: String,
+      default: "Digite para buscar..."
+    },
+    hasRowLine: {
+      type: Boolean,
+      default: false
+    },
+    items: {
+      type: Array,
+      required: true
+    },
+    columns: {
+      type: Array,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const search = ref("");
+    const filteredItems = computed(() => {
+      if (!search.value) return props.items;
+      return props.items.filter(
+        (item) => JSON.stringify(item).toLowerCase().includes(search.value.toLowerCase())
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: normalizeClass(["data-table", { "data-table--has-row-line": __props.hasRowLine }]),
+        role: "region"
+      }, [
+        __props.searchable ? (openBlock(), createBlock(unref(HpInputText), {
+          key: 0,
+          class: "data-table__search",
+          leadingIcon: "BE0090",
+          "model-value": search.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+          "aria-label": __props.placeholderSearch,
+          label: __props.placeholderSearch,
+          hideLabel: true
+        }, null, 8, ["model-value", "aria-label", "label"])) : createCommentVNode("", true),
+        createElementVNode("table", _hoisted_1, [
+          createElementVNode("thead", null, [
+            createElementVNode("tr", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column, index) => {
+                return openBlock(), createElementBlock("th", {
+                  key: index,
+                  class: normalizeClass(["data-table__header-cell", {
+                    "data-table__header-cell--right": column.align === "right"
+                  }]),
+                  style: normalizeStyle({ width: column.width })
+                }, [
+                  createVNode(unref(HpText), null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(column.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 6);
+              }), 128)),
+              _ctx.$slots.actions ? (openBlock(), createElementBlock("th", _hoisted_3, [
+                createVNode(unref(HpText), null, {
+                  default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                    createTextVNode("Ações", -1)
+                  ])]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          createElementVNode("tbody", _hoisted_4, [
+            filteredItems.value.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_5, [
+              createElementVNode("td", {
+                class: "data-table__cell",
+                colspan: __props.columns.length + (_ctx.$slots.actions ? 1 : 0),
+                role: "status",
+                "aria-live": "polite"
+              }, [
+                createVNode(unref(HpText), null, {
+                  default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                    createTextVNode("Nenhum resultado encontrado.", -1)
+                  ])]),
+                  _: 1
+                })
+              ], 8, _hoisted_6)
+            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(filteredItems.value, (item, rowIndex) => {
+              return openBlock(), createElementBlock("tr", {
+                key: rowIndex,
+                class: "data-table__row"
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+                  return openBlock(), createElementBlock("td", {
+                    key: column.key,
+                    class: normalizeClass(["data-table__cell", {
+                      "data-table__cell--right": column.align === "right"
+                    }]),
+                    "data-label": column.label
+                  }, [
+                    createVNode(unref(HpText), null, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item[column.key]), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 10, _hoisted_7);
+                }), 128)),
+                _ctx.$slots.actions ? (openBlock(), createElementBlock("td", _hoisted_8, [
+                  renderSlot(_ctx.$slots, "actions", { item }, void 0, true)
+                ])) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a06a935f"]]);
 
 const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -2898,17 +3051,18 @@ const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty
   HpButtonTertiary: ButtonTertiary,
   HpCard: Card,
   HpCheckbox: Checkbox,
+  HpDataTable: DataTable,
   HpHeading: Heading,
   HpIcon,
   HpInputNumber: InputNumber,
   HpInputRange: InputRange,
   HpInputSelect: InputSelect,
-  HpInputText: InputText,
+  HpInputText,
   HpModal: Modal,
   HpProgressBar: ProgressBar,
   HpRadioButton: RadioButton,
-  HpSpinnerLoader: _sfc_main$c,
-  HpText: Text,
+  HpSpinnerLoader: _sfc_main$d,
+  HpText,
   HpThemeSwitcher: ThemeSwitcher,
   HpToggleSwitch: ToggleSwitch
 }, Symbol.toStringTag, { value: 'Module' }));
@@ -2948,5 +3102,5 @@ const index = {
   ...components
 };
 
-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 };
+export { Alert as HpAlert, HpButtonIcon, ButtonLetter as HpButtonLetter, HpButtonPrimary, HpButtonSecondary, ButtonTertiary as HpButtonTertiary, Card as HpCard, Checkbox as HpCheckbox, DataTable as HpDataTable, Heading as HpHeading, HpIcon, InputNumber as HpInputNumber, InputRange as HpInputRange, InputSelect as HpInputSelect, HpInputText, Modal as HpModal, ProgressBar as HpProgressBar, RadioButton as HpRadioButton, _sfc_main$d as HpSpinnerLoader, HpText, ThemeSwitcher as HpThemeSwitcher, ToggleSwitch as HpToggleSwitch, index as default };
 //# sourceMappingURL=hp-design-system.es.js.map