@koaris/bloom-ui 1.0.3 → 1.0.5

package/dist/index.mjs

@@ -390,6 +390,7 @@ var fractionRegex = /^\d+\/\d+$/;
 var stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
 var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
+var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
 var shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 function isLength(value) {
@@ -444,7 +445,7 @@ function getIsArbitraryValue(value, label, testValue) {
   return false;
 }
 function isLengthOnly(value) {
-  return lengthUnitRegex.test(value);
+  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
 }
 function isNever() {
   return false;
@@ -2576,9 +2577,9 @@ var Button = (_a) => {
     "button",
     __spreadValues({
       className: twMerge(
-        "flex items-center justify-center rounded-lg px-8 py-2 text-md font-medium hover:shadow-md hover:shadow-neutral-500",
+        "flex gap-4 items-center justify-center rounded-sm px-8 py-2 text-md font-medium hover:shadow-md hover:shadow-neutral-500 w-full",
         variant === "primary" && "bg-orange-500 text-neutral hover:bg-orange-700",
-        variant === "secondary" && "bg-neutral text-orange-500 border border-orange-500 hover:bg-neutral-200",
+        variant === "secondary" && "bg-neutral text-orange-500 border border-orange-500 hover:text-orange-100 hover:bg-orange-500",
         size === "sm" && "px-6 py-1",
         typeof rest.children !== "string" && "px-4",
         disabled === true && "opacity-50 cursor-not-allowed",
@@ -2589,10 +2590,40 @@ var Button = (_a) => {
   );
 };
 
+// src/components/Link/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Link = (_a) => {
+  var _b = _a, {
+    className,
+    disabled,
+    url,
+    newPage = true,
+    onClick
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "disabled",
+    "url",
+    "newPage",
+    "onClick"
+  ]);
+  return /* @__PURE__ */ jsx3(
+    "a",
+    __spreadValues(__spreadValues({
+      className: twMerge(
+        "text-blue-800 font-bold",
+        typeof rest.children !== "string" && "px-4",
+        disabled === true && "opacity-50 cursor-not-allowed",
+        className
+      ),
+      href: url
+    }, newPage && { target: "_blank", rel: "noopener noreferrer" }), rest)
+  );
+};
+
 // src/components/RadioGroup/index.tsx
 import { useState } from "react";
 import { FiCheck } from "react-icons/fi";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var RadioGroup = ({
   disabled,
   options = [
@@ -2606,7 +2637,7 @@ var RadioGroup = ({
   const handleOptionChange = (value) => {
     setSelectedOption(value);
   };
-  return /* @__PURE__ */ jsx3("div", { className: "flex flex-col ", children: options.map((option) => /* @__PURE__ */ jsxs2("div", { className: "flex py-2 items-center", children: [
+  return /* @__PURE__ */ jsx4("div", { className: "flex flex-col ", children: options.map((option) => /* @__PURE__ */ jsxs2("div", { className: "flex py-2 items-center", children: [
     /* @__PURE__ */ jsxs2(
       "label",
       {
@@ -2618,7 +2649,7 @@ var RadioGroup = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "input",
             {
               type: "radio",
@@ -2632,24 +2663,24 @@ var RadioGroup = ({
               disabled
             }
           ),
-          selectedOption === option.value && /* @__PURE__ */ jsx3(FiCheck, { color: "#FFFFFF", size: 12, style: { strokeWidth: 4 } })
+          selectedOption === option.value && /* @__PURE__ */ jsx4(FiCheck, { color: "#FFFFFF", size: 12, style: { strokeWidth: 4 } })
         ]
       }
     ),
-    /* @__PURE__ */ jsx3("span", { className: "px-2", children: option.label })
+    /* @__PURE__ */ jsx4("span", { className: "px-2", children: option.label })
   ] }, option.id)) });
 };
 
 // src/components/Checkbox/index.tsx
 import { useState as useState2 } from "react";
 import { FiCheck as FiCheck2 } from "react-icons/fi";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var Checkbox = ({ className, required, disabled }) => {
   const [selected, setSelected] = useState2(false);
   const handleCheckboxChange = (value) => {
     setSelected(!value);
   };
-  return /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center px-2", children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center px-2", children: /* @__PURE__ */ jsxs3(
     "label",
     {
       className: twMerge(
@@ -2659,7 +2690,7 @@ var Checkbox = ({ className, required, disabled }) => {
         disabled === true && "opacity-50 cursor-not-allowed"
       ),
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "input",
           {
             type: "checkbox",
@@ -2673,7 +2704,7 @@ var Checkbox = ({ className, required, disabled }) => {
             )
           }
         ),
-        selected && /* @__PURE__ */ jsx4(FiCheck2, { color: "#FFFFFF", size: 14, style: { strokeWidth: 4 } })
+        selected && /* @__PURE__ */ jsx5(FiCheck2, { color: "#FFFFFF", size: 14, style: { strokeWidth: 4 } })
       ]
     }
   ) });
@@ -2682,7 +2713,8 @@ var Checkbox = ({ className, required, disabled }) => {
 // src/components/Input/index.tsx
 import {
   useEffect,
-  useState as useState3
+  useState as useState3,
+  forwardRef
 } from "react";
 import { FiCheck as FiCheck3, FiX } from "react-icons/fi";
 
@@ -2748,65 +2780,102 @@ var masks = {
 var masks_default = masks;
 
 // src/components/Input/index.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var Input = (_a) => {
-  var _b = _a, {
-    className,
-    disabled,
-    placeholder,
-    value,
-    validated,
-    error,
-    required,
-    type,
-    onClick
-  } = _b, rest = __objRest(_b, [
-    "className",
-    "disabled",
-    "placeholder",
-    "value",
-    "validated",
-    "error",
-    "required",
-    "type",
-    "onClick"
-  ]);
-  const [selected, setSelected] = useState3(false);
-  const [inputValue, setInputValue] = useState3(value);
-  const [hasNumber, setHasNumber] = useState3(false);
-  const [hasSpecialCharacteres, setHasSpecialCharacteres] = useState3(false);
-  const [hasEightCharacteres, setHasEightCharacteres] = useState3(false);
-  const handleFocus = () => {
-    setSelected(!selected);
-  };
-  const handleBlur = () => {
-    setSelected(false);
-  };
-  const handleInput = (event) => {
-    setInputValue(event.currentTarget.value);
-    checkPassword(event.currentTarget.value);
-  };
-  useEffect(() => {
-    setInputValue(value);
-  }, [value]);
-  const checkPassword = (value2) => {
-    setHasSpecialCharacteres((value2 == null ? void 0 : value2.match(masks_default.password[0])) !== null);
-    setHasNumber((value2 == null ? void 0 : value2.match(masks_default.password[1])) !== null);
-    setHasEightCharacteres((value2 == null ? void 0 : value2.match(masks_default.password[2])) !== null);
-  };
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    type === "text" || type === "password" || type === "date" ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-      /* @__PURE__ */ jsx5(
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var Input = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      disabled,
+      placeholder,
+      value,
+      validated,
+      error,
+      required,
+      type,
+      onClick
+    } = _b, rest = __objRest(_b, [
+      "className",
+      "disabled",
+      "placeholder",
+      "value",
+      "validated",
+      "error",
+      "required",
+      "type",
+      "onClick"
+    ]);
+    const [selected, setSelected] = useState3(false);
+    const [inputValue, setInputValue] = useState3(value);
+    const [hasNumber, setHasNumber] = useState3(false);
+    const [hasSpecialCharacteres, setHasSpecialCharacteres] = useState3(false);
+    const [hasEightCharacteres, setHasEightCharacteres] = useState3(false);
+    const handleFocus = () => {
+      setSelected(!selected);
+    };
+    const handleBlur = () => {
+      setSelected(false);
+    };
+    const handleInput = (event) => {
+      setInputValue(event.currentTarget.value);
+      checkPassword(event.currentTarget.value);
+    };
+    useEffect(() => {
+      setInputValue(value);
+    }, [value]);
+    const checkPassword = (value2) => {
+      setHasSpecialCharacteres((value2 == null ? void 0 : value2.match(masks_default.password[0])) !== null);
+      setHasNumber((value2 == null ? void 0 : value2.match(masks_default.password[1])) !== null);
+      setHasEightCharacteres((value2 == null ? void 0 : value2.match(masks_default.password[2])) !== null);
+    };
+    return /* @__PURE__ */ jsxs4(Fragment, { children: [
+      type === "text" || type === "password" || type === "date" ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+        /* @__PURE__ */ jsx6(
+          "input",
+          __spreadValues({
+            type,
+            required,
+            ref,
+            className: twMerge(
+              "flex items-center justify-center border-2 border-neutral rounded-sm w-full px-3 py-2 text-md hover:shadow-md hover:shadow-neutral-500 focus:outline-none",
+              className,
+              disabled === true && "opacity-50 cursor-not-allowed",
+              selected === true && "border-2 border-orange-500",
+              validated === true && "border-2 border-green-900",
+              error === true && "border-2 border-red-900"
+            ),
+            onClick,
+            onFocus: handleFocus,
+            onChange: handleInput,
+            onBlur: handleBlur,
+            placeholder,
+            value: inputValue
+          }, rest)
+        ),
+        type === "password" && (!hasEightCharacteres || !hasSpecialCharacteres || !hasNumber) && /* @__PURE__ */ jsxs4("ul", { className: "py-1", children: [
+          /* @__PURE__ */ jsxs4("li", { className: "flex items-center px-2", children: [
+            hasEightCharacteres ? /* @__PURE__ */ jsx6(FiCheck3, {}) : /* @__PURE__ */ jsx6(FiX, {}),
+            /* @__PURE__ */ jsx6("span", { className: "px-1", children: "Pelo menos 8 caracteres" })
+          ] }),
+          /* @__PURE__ */ jsxs4("li", { className: "flex items-center px-2", children: [
+            hasSpecialCharacteres ? /* @__PURE__ */ jsx6(FiCheck3, {}) : /* @__PURE__ */ jsx6(FiX, {}),
+            /* @__PURE__ */ jsx6("span", { className: "px-1", children: "Pelo menos 1 s\xEDmbolo (@, !, $, etc)" })
+          ] }),
+          /* @__PURE__ */ jsxs4("li", { className: "flex items-center px-2", children: [
+            hasNumber ? /* @__PURE__ */ jsx6(FiCheck3, {}) : /* @__PURE__ */ jsx6(FiX, {}),
+            /* @__PURE__ */ jsx6("span", { className: "px-1", children: "Deve conter 1 n\xFAmero" })
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsx6(
         "input",
         __spreadValues({
           type,
           required,
+          ref,
           className: twMerge(
             "flex items-center justify-center border-2 border-neutral rounded-sm w-full px-3 py-2 text-md hover:shadow-md hover:shadow-neutral-500 focus:outline-none",
             className,
             disabled === true && "opacity-50 cursor-not-allowed",
             selected === true && "border-2 border-orange-500",
-            validated === true && "border-2 border-green-900",
             error === true && "border-2 border-red-900"
           ),
           onClick,
@@ -2817,52 +2886,20 @@ var Input = (_a) => {
           value: inputValue
         }, rest)
       ),
-      type === "password" && (!hasEightCharacteres || !hasSpecialCharacteres || !hasNumber) && /* @__PURE__ */ jsxs4("ul", { className: "py-1", children: [
-        /* @__PURE__ */ jsxs4("li", { className: "flex items-center px-2", children: [
-          hasEightCharacteres ? /* @__PURE__ */ jsx5(FiCheck3, {}) : /* @__PURE__ */ jsx5(FiX, {}),
-          /* @__PURE__ */ jsx5("span", { className: "px-1", children: "Pelo menos 8 caracteres" })
-        ] }),
-        /* @__PURE__ */ jsxs4("li", { className: "flex items-center px-2", children: [
-          hasSpecialCharacteres ? /* @__PURE__ */ jsx5(FiCheck3, {}) : /* @__PURE__ */ jsx5(FiX, {}),
-          /* @__PURE__ */ jsx5("span", { className: "px-1", children: "Pelo menos 1 s\xEDmbolo (@, !, $, etc)" })
-        ] }),
-        /* @__PURE__ */ jsxs4("li", { className: "flex items-center px-2", children: [
-          hasNumber ? /* @__PURE__ */ jsx5(FiCheck3, {}) : /* @__PURE__ */ jsx5(FiX, {}),
-          /* @__PURE__ */ jsx5("span", { className: "px-1", children: "Deve conter 1 n\xFAmero" })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ jsx5(
-      "input",
-      __spreadValues({
-        type,
-        required,
-        className: twMerge(
-          "flex items-center justify-center border-2 border-neutral rounded-sm w-full px-3 py-2 text-md hover:shadow-md hover:shadow-neutral-500 focus:outline-none",
-          className,
-          disabled === true && "opacity-50 cursor-not-allowed",
-          selected === true && "border-2 border-orange-500",
-          error === true && "border-2 border-red-900"
-        ),
-        onClick,
-        onFocus: handleFocus,
-        onChange: handleInput,
-        onBlur: handleBlur,
-        placeholder,
-        value: inputValue
-      }, rest)
-    ),
-    error === true && /* @__PURE__ */ jsx5("label", { htmlFor: rest.id, className: "text-red-900", children: "Campo inv\xE1lido." })
-  ] });
-};
+      error === true && /* @__PURE__ */ jsx6("label", { htmlFor: rest.id, className: "text-red-900", children: "Campo inv\xE1lido." })
+    ] });
+  }
+);
+Input.displayName = "Input";
 
 // src/components/TextInput/index.tsx
 import {
   useEffect as useEffect2,
   useState as useState4,
-  forwardRef
+  forwardRef as forwardRef2
 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextInput = forwardRef(
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var TextInput = forwardRef2(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -2911,8 +2948,8 @@ var TextInput = forwardRef(
           error === true && "border-2 border-red-900"
         ),
         children: [
-          !!prefix && /* @__PURE__ */ jsx6("span", { className: "text-neutral-500 sm:text-sm", children: prefix }),
-          /* @__PURE__ */ jsx6(
+          !!prefix && /* @__PURE__ */ jsx7("span", { className: "text-neutral-500 sm:text-sm", children: prefix }),
+          /* @__PURE__ */ jsx7(
             "input",
             __spreadValues({
               type,
@@ -2946,7 +2983,7 @@ import {
   useEffect as useEffect3,
   useState as useState5
 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var TextArea = (_a) => {
   var _b = _a, {
     className,
@@ -2979,7 +3016,7 @@ var TextArea = (_a) => {
   useEffect3(() => {
     setInputValue(value);
   }, [value]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "textarea",
     __spreadValues({
       required,
@@ -3003,7 +3040,7 @@ var TextArea = (_a) => {
 };
 
 // src/components/Text/index.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Text = (_a) => {
   var _b = _a, {
     children,
@@ -3035,11 +3072,11 @@ var Text = (_a) => {
     "9xl": "text-9xl"
   }[size];
   const Tag = tag;
-  return /* @__PURE__ */ jsx8(Tag, __spreadProps(__spreadValues({}, rest), { className: twMerge(`text-${color} ${fontSize}`, className), children }));
+  return /* @__PURE__ */ jsx9(Tag, __spreadProps(__spreadValues({}, rest), { className: twMerge(`text-${color} ${fontSize}`, className), children }));
 };
 
 // src/components/Heading/index.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var Heading = ({
   children,
   color = "neutral-800",
@@ -3062,11 +3099,11 @@ var Heading = ({
     "9xl": "text-9xl"
   }[size];
   const Tag = tag;
-  return /* @__PURE__ */ jsx9(Tag, { className: twMerge(`text-${color} ${fontSize}`, className), children });
+  return /* @__PURE__ */ jsx10(Tag, { className: twMerge(`text-${color} ${fontSize}`, className), children });
 };
 
 // src/components/Box/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Box = ({
   className,
   children,
@@ -3074,7 +3111,7 @@ var Box = ({
   variant = "secondary"
 }) => {
   const Tag = tag;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Tag,
     {
       className: twMerge(
@@ -3088,12 +3125,42 @@ var Box = ({
   );
 };
 
+// src/components/Form/index.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Form = (_a) => {
+  var _b = _a, {
+    className,
+    children,
+    variant = "secondary",
+    orientation = "row"
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "children",
+    "variant",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ jsx12(
+    "form",
+    __spreadProps(__spreadValues({
+      className: twMerge(
+        "flex flex-row gap-2 p-6 rounded-md border-2",
+        variant === "primary" && "text-neutral-800 bg-neutral-200 border-neutral-300",
+        variant === "secondary" && "text-neutral-200 bg-neutral-600 border-neutral-800",
+        orientation === "col" && "flex-col",
+        className
+      )
+    }, rest), {
+      children
+    })
+  );
+};
+
 // src/components/Avatar/index.tsx
 import { FaUser } from "react-icons/fa";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Avatar = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: twMerge(
@@ -3102,18 +3169,18 @@ var Avatar = (_a) => {
             bg-neutral-600 justify-center`,
         className
       ),
-      children: rest.src ? /* @__PURE__ */ jsx11("img", __spreadValues({ className: "w-full h-full object-cover rounded-full" }, rest)) : /* @__PURE__ */ jsx11(FaUser, { color: "#FFFFFF", size: 24 })
+      children: rest.src ? /* @__PURE__ */ jsx13("img", __spreadValues({ className: "w-full h-full object-cover rounded-full" }, rest)) : /* @__PURE__ */ jsx13(FaUser, { color: "#FFFFFF", size: 24 })
     }
   );
 };
 
 // src/components/MultiStep/index.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var MultiStep = ({ className, size, currentStep }) => {
   return /* @__PURE__ */ jsxs6("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsx12(Text, { tag: "label", color: "neutral-100", size: "xs", children: `Passo ${currentStep} de ${size}` }),
-    /* @__PURE__ */ jsx12("div", { className: `grid gap-2 grid-cols-${size} grid-flow-col mt-1`, children: Array.from(Array(size).keys()).map((_, index) => {
-      return /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx14(Text, { tag: "label", color: "neutral-100", size: "xs", children: `Passo ${currentStep} de ${size}` }),
+    /* @__PURE__ */ jsx14("div", { className: `grid gap-2 grid-cols-${size} grid-flow-col mt-1`, children: Array.from(Array(size).keys()).map((_, index) => {
+      return /* @__PURE__ */ jsx14(
         "div",
         {
           className: twMerge(
@@ -3133,8 +3200,10 @@ export {
   Button,
   Card,
   Checkbox,
+  Form,
   Heading,
   Input,
+  Link,
   MultiStep,
   RadioGroup,
   Text,

package/dist/tailwind.css

@@ -632,6 +632,10 @@ video {
   grid-auto-flow: column;
 }
 
+.flex-row {
+  flex-direction: row;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -652,6 +656,10 @@ video {
   gap: 0.5rem;
 }
 
+.gap-4 {
+  gap: 1rem;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -879,6 +887,11 @@ video {
   line-height: 1.25;
 }
 
+.text-blue-800 {
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity));
+}
+
 .text-neutral {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -931,9 +944,9 @@ html {
   border-color: rgb(243 98 70 / var(--tw-border-opacity));
 }
 
-.hover\:bg-neutral-200:hover {
+.hover\:bg-orange-500:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
+  background-color: rgb(243 98 70 / var(--tw-bg-opacity));
 }
 
 .hover\:bg-orange-700:hover {
@@ -941,6 +954,11 @@ html {
   background-color: rgb(194 65 12 / var(--tw-bg-opacity));
 }
 
+.hover\:text-orange-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 237 213 / var(--tw-text-opacity));
+}
+
 .hover\:shadow-md:hover {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koaris/bloom-ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Bloom-ui is a public design system from the Koaris Project developed with React, Typescript, and Tailwind.",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
@@ -25,7 +25,7 @@
     "type": "git",
     "url": "https://github.com/guilhermesalviano/bloom-ui.git"
   },
-  "license": "MIT",
+  "license": "GPL-3.0-only",
   "devDependencies": {
     "@koaris/eslint-config": "*",
     "@koaris/tokens": "*",