@lets-events/react 12.4.1 → 12.5.1

package/dist/index.d.mts

@@ -4743,8 +4743,9 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     expand?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;
@@ -5133,8 +5134,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
     goBackIcon?: ReactNode;
     goBackAction?: () => void;
     zIndex?: number;
+    clickOutsideAvailable?: boolean;
 };
-declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, clickOutsideAvailable, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     expand?: boolean | "true" | undefined;
@@ -12326,7 +12328,8 @@ declare const TextareaContainer: _stitches_react_types_styled_component.StyledCo
     zIndex: "zIndices";
 }, {}>>;
 type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color"> & ComponentProps<typeof TextareaContainer> & {
-    simpleLayout?: boolean;
+    maxLength?: number;
+    top?: string;
 };
 declare const TextareaField: React__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
 
@@ -15101,7 +15104,7 @@ type TextAreaFormFieldProps = TextareaFieldProps & {
     validate?: (value: string) => boolean | string;
     validationErrorMessage?: string;
 };
-declare const TextAreaFormField: ({ name, label, required, placeholder, validate, validationErrorMessage, simpleLayout, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const TextAreaFormField: ({ name, label, required, placeholder, validate, validationErrorMessage, maxLength, top, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TextFormFieldProps = TextFieldProps & {
     name: string;
@@ -15326,10 +15329,11 @@ type DoubleCalendarFormFieldProps = Omit<DoubleCalendarProps, "selected" | "setS
     validate?: (value: DateRange) => boolean | string;
     validationErrorMessage?: string;
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
+    disabled?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
 };
-declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, disabled, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
     name: string;

package/dist/index.d.ts

@@ -4743,8 +4743,9 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     expand?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;
@@ -5133,8 +5134,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
     goBackIcon?: ReactNode;
     goBackAction?: () => void;
     zIndex?: number;
+    clickOutsideAvailable?: boolean;
 };
-declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, clickOutsideAvailable, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     expand?: boolean | "true" | undefined;
@@ -12326,7 +12328,8 @@ declare const TextareaContainer: _stitches_react_types_styled_component.StyledCo
     zIndex: "zIndices";
 }, {}>>;
 type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color"> & ComponentProps<typeof TextareaContainer> & {
-    simpleLayout?: boolean;
+    maxLength?: number;
+    top?: string;
 };
 declare const TextareaField: React__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & React__default.RefAttributes<HTMLTextAreaElement>>;
 
@@ -15101,7 +15104,7 @@ type TextAreaFormFieldProps = TextareaFieldProps & {
     validate?: (value: string) => boolean | string;
     validationErrorMessage?: string;
 };
-declare const TextAreaFormField: ({ name, label, required, placeholder, validate, validationErrorMessage, simpleLayout, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const TextAreaFormField: ({ name, label, required, placeholder, validate, validationErrorMessage, maxLength, top, ...props }: TextAreaFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TextFormFieldProps = TextFieldProps & {
     name: string;
@@ -15326,10 +15329,11 @@ type DoubleCalendarFormFieldProps = Omit<DoubleCalendarProps, "selected" | "setS
     validate?: (value: DateRange) => boolean | string;
     validationErrorMessage?: string;
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
+    disabled?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
 };
-declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, disabled, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
     name: string;

package/dist/index.js

@@ -8167,7 +8167,8 @@ function DoubleCalendar(_a) {
     hasError,
     expand,
     allowPastDates = false,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    disabled = false
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -8178,7 +8179,8 @@ function DoubleCalendar(_a) {
     "hasError",
     "expand",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "disabled"
   ]);
   const [startValue, setStartValue] = (0, import_react9.useState)("");
   const [endValue, setEndValue] = (0, import_react9.useState)("");
@@ -8213,6 +8215,7 @@ function DoubleCalendar(_a) {
           if (!prev) initialSelectedRef.current = selected;
           return next;
         }),
+        disabled,
         children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { style: { display: "flex", gap: "8px", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           TextField,
           {
@@ -8223,6 +8226,7 @@ function DoubleCalendar(_a) {
             inputMode: "numeric",
             textAlign: "right",
             color: hasError ? "error" : "default",
+            disabled,
             children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextFieldSlot, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon_default, { name: "calendar", size: "xl" }) })
           }
         ) })
@@ -8388,7 +8392,8 @@ function Drawer({
   children,
   goBackIcon,
   goBackAction,
-  zIndex = 1e3
+  zIndex = 1e3,
+  clickOutsideAvailable = true
 }) {
   (0, import_react10.useEffect)(() => {
     if (isOpen) {
@@ -8411,7 +8416,7 @@ function Drawer({
         css: {
           zIndex
         },
-        onClick: onClose,
+        onClick: clickOutsideAvailable ? onClose : void 0,
         open: isOpen
       }
     ),
@@ -9363,22 +9368,8 @@ var TextareaContainer = styled("div", {
     color: "default"
   }
 });
-var TextareaLimitIndicator = styled("div", {
-  padding: "$12 $16",
-  borderTop: "1px solid $neutral300",
-  width: "100%",
-  flex: 1,
-  display: "flex",
-  backgroundColor: "$dark50",
-  span: {
-    backgroundColor: "$neutral200",
-    color: "$neutral700",
-    borderRadius: "$2xs",
-    padding: "$4"
-  }
-});
 var TextareaField = import_react13.default.forwardRef((_a, forwardedRef) => {
-  var _b = _a, { maxLength, color, simpleLayout = false } = _b, props = __objRest(_b, ["maxLength", "color", "simpleLayout"]);
+  var _b = _a, { maxLength, color, top = "-1.75rem" } = _b, props = __objRest(_b, ["maxLength", "color", "top"]);
   const inputRef = (0, import_react13.useRef)(null);
   const [remaining, setRemaining] = (0, import_react13.useState)(maxLength);
   (0, import_react13.useEffect)(() => {
@@ -9395,26 +9386,23 @@ var TextareaField = import_react13.default.forwardRef((_a, forwardedRef) => {
     (_a2 = props.onInput) == null ? void 0 : _a2.call(props, e);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Flex2, { direction: "column", align: "end", style: { position: "relative" }, children: [
-    maxLength && simpleLayout && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { size: "sm", color: "grey", style: { position: "absolute", right: 0, top: "-1.75rem" }, children: remaining }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TextareaContainer, { color, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        TextareaFieldStyle,
-        __spreadValues({
-          rows: 4,
-          ref: (r) => {
-            if (!r) return;
-            inputRef.current = r;
-            if (forwardedRef) {
-              if (typeof forwardedRef === "function") forwardedRef(r);
-              else forwardedRef.current = r;
-            }
-          },
-          onInput: handleInput,
-          maxLength
-        }, props)
-      ),
-      maxLength && !simpleLayout && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextareaLimitIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { typography: "badgeMedium", children: remaining }) })
-    ] })
+    maxLength && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Badge, { size: "sm", color: "grey", style: { position: "absolute", right: 0, top: "-1.75rem" }, children: remaining }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextareaContainer, { color, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      TextareaFieldStyle,
+      __spreadValues({
+        rows: 4,
+        ref: (r) => {
+          if (!r) return;
+          inputRef.current = r;
+          if (forwardedRef) {
+            if (typeof forwardedRef === "function") forwardedRef(r);
+            else forwardedRef.current = r;
+          }
+        },
+        onInput: handleInput,
+        maxLength
+      }, props)
+    ) })
   ] });
 });
 
@@ -10291,7 +10279,8 @@ var TextAreaFormField = (_a) => {
     placeholder,
     validate,
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
-    simpleLayout = false
+    maxLength,
+    top
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -10299,7 +10288,8 @@ var TextAreaFormField = (_a) => {
     "placeholder",
     "validate",
     "validationErrorMessage",
-    "simpleLayout"
+    "maxLength",
+    "top"
   ]);
   var _a2;
   const {
@@ -10327,8 +10317,9 @@ var TextAreaFormField = (_a) => {
       __spreadProps(__spreadValues(__spreadValues({}, props), register(name, validationRules)), {
         placeholder,
         color: haveError ? "error" : "default",
-        simpleLayout,
-        "aria-labelledby": `${name}-label`
+        "aria-labelledby": `${name}-label`,
+        maxLength,
+        top
       })
     ),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ErrorFormMessage, { message: errorMsg })
@@ -13034,7 +13025,8 @@ var DoubleCalendarFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    disabled
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -13043,7 +13035,8 @@ var DoubleCalendarFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "disabled"
   ]);
   const handleValidate = (0, import_react26.useCallback)(
     (value) => {
@@ -13081,6 +13074,7 @@ var DoubleCalendarFormField = (_a) => {
           const newValue = typeof value === "function" ? value(selected) : value;
           handleCalendarChange(newValue);
         },
+        disabled,
         hasError: haveError,
         allowPastDates,
         maxYearsFromNow

package/dist/index.mjs

@@ -8053,7 +8053,8 @@ function DoubleCalendar(_a) {
     hasError,
     expand,
     allowPastDates = false,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    disabled = false
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -8064,7 +8065,8 @@ function DoubleCalendar(_a) {
     "hasError",
     "expand",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "disabled"
   ]);
   const [startValue, setStartValue] = useState3("");
   const [endValue, setEndValue] = useState3("");
@@ -8099,6 +8101,7 @@ function DoubleCalendar(_a) {
           if (!prev) initialSelectedRef.current = selected;
           return next;
         }),
+        disabled,
         children: /* @__PURE__ */ jsx16("div", { style: { display: "flex", gap: "8px", width: "100%" }, children: /* @__PURE__ */ jsx16(
           TextField,
           {
@@ -8109,6 +8112,7 @@ function DoubleCalendar(_a) {
             inputMode: "numeric",
             textAlign: "right",
             color: hasError ? "error" : "default",
+            disabled,
             children: /* @__PURE__ */ jsx16(TextFieldSlot, { children: /* @__PURE__ */ jsx16(Icon_default, { name: "calendar", size: "xl" }) })
           }
         ) })
@@ -8274,7 +8278,8 @@ function Drawer({
   children,
   goBackIcon,
   goBackAction,
-  zIndex = 1e3
+  zIndex = 1e3,
+  clickOutsideAvailable = true
 }) {
   useEffect5(() => {
     if (isOpen) {
@@ -8297,7 +8302,7 @@ function Drawer({
         css: {
           zIndex
         },
-        onClick: onClose,
+        onClick: clickOutsideAvailable ? onClose : void 0,
         open: isOpen
       }
     ),
@@ -9249,22 +9254,8 @@ var TextareaContainer = styled("div", {
     color: "default"
   }
 });
-var TextareaLimitIndicator = styled("div", {
-  padding: "$12 $16",
-  borderTop: "1px solid $neutral300",
-  width: "100%",
-  flex: 1,
-  display: "flex",
-  backgroundColor: "$dark50",
-  span: {
-    backgroundColor: "$neutral200",
-    color: "$neutral700",
-    borderRadius: "$2xs",
-    padding: "$4"
-  }
-});
 var TextareaField = React9.forwardRef((_a, forwardedRef) => {
-  var _b = _a, { maxLength, color, simpleLayout = false } = _b, props = __objRest(_b, ["maxLength", "color", "simpleLayout"]);
+  var _b = _a, { maxLength, color, top = "-1.75rem" } = _b, props = __objRest(_b, ["maxLength", "color", "top"]);
   const inputRef = useRef7(null);
   const [remaining, setRemaining] = useState5(maxLength);
   useEffect6(() => {
@@ -9281,26 +9272,23 @@ var TextareaField = React9.forwardRef((_a, forwardedRef) => {
     (_a2 = props.onInput) == null ? void 0 : _a2.call(props, e);
   };
   return /* @__PURE__ */ jsxs11(Flex2, { direction: "column", align: "end", style: { position: "relative" }, children: [
-    maxLength && simpleLayout && /* @__PURE__ */ jsx23(Badge, { size: "sm", color: "grey", style: { position: "absolute", right: 0, top: "-1.75rem" }, children: remaining }),
-    /* @__PURE__ */ jsxs11(TextareaContainer, { color, children: [
-      /* @__PURE__ */ jsx23(
-        TextareaFieldStyle,
-        __spreadValues({
-          rows: 4,
-          ref: (r) => {
-            if (!r) return;
-            inputRef.current = r;
-            if (forwardedRef) {
-              if (typeof forwardedRef === "function") forwardedRef(r);
-              else forwardedRef.current = r;
-            }
-          },
-          onInput: handleInput,
-          maxLength
-        }, props)
-      ),
-      maxLength && !simpleLayout && /* @__PURE__ */ jsx23(TextareaLimitIndicator, { children: /* @__PURE__ */ jsx23(Text, { typography: "badgeMedium", children: remaining }) })
-    ] })
+    maxLength && /* @__PURE__ */ jsx23(Badge, { size: "sm", color: "grey", style: { position: "absolute", right: 0, top: "-1.75rem" }, children: remaining }),
+    /* @__PURE__ */ jsx23(TextareaContainer, { color, children: /* @__PURE__ */ jsx23(
+      TextareaFieldStyle,
+      __spreadValues({
+        rows: 4,
+        ref: (r) => {
+          if (!r) return;
+          inputRef.current = r;
+          if (forwardedRef) {
+            if (typeof forwardedRef === "function") forwardedRef(r);
+            else forwardedRef.current = r;
+          }
+        },
+        onInput: handleInput,
+        maxLength
+      }, props)
+    ) })
   ] });
 });
 
@@ -10181,7 +10169,8 @@ var TextAreaFormField = (_a) => {
     placeholder,
     validate,
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
-    simpleLayout = false
+    maxLength,
+    top
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -10189,7 +10178,8 @@ var TextAreaFormField = (_a) => {
     "placeholder",
     "validate",
     "validationErrorMessage",
-    "simpleLayout"
+    "maxLength",
+    "top"
   ]);
   var _a2;
   const {
@@ -10217,8 +10207,9 @@ var TextAreaFormField = (_a) => {
       __spreadProps(__spreadValues(__spreadValues({}, props), register(name, validationRules)), {
         placeholder,
         color: haveError ? "error" : "default",
-        simpleLayout,
-        "aria-labelledby": `${name}-label`
+        "aria-labelledby": `${name}-label`,
+        maxLength,
+        top
       })
     ),
     /* @__PURE__ */ jsx33(ErrorFormMessage, { message: errorMsg })
@@ -12929,7 +12920,8 @@ var DoubleCalendarFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    disabled
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12938,7 +12930,8 @@ var DoubleCalendarFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "disabled"
   ]);
   const handleValidate = useCallback6(
     (value) => {
@@ -12976,6 +12969,7 @@ var DoubleCalendarFormField = (_a) => {
           const newValue = typeof value === "function" ? value(selected) : value;
           handleCalendarChange(newValue);
         },
+        disabled,
         hasError: haveError,
         allowPastDates,
         maxYearsFromNow

package/package.json

@@ -1,50 +1,50 @@
-{
-  "name": "@lets-events/react",
-  "version": "12.4.1",
-  "description": "",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "tsup src/index.tsx  --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx  --format esm,cjs --dts --external react --watch",
-    "lint": "eslint src/**/*.ts --fix"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "MIT",
-  "type": "commonjs",
-  "devDependencies": {
-    "@lets-events/eslint-config": "*",
-    "@lets-events/tokens": "*",
-    "@lets-events/ts-config": "*",
-    "@types/quill": "^2.0.10",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "react": "^19.0.0",
-    "tsup": "^8.4.0",
-    "typescript": "^5.8.2"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.14.0",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-regular-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@radix-ui/react-toast": "^1.2.14",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@radix-ui/themes": "^3.2.1",
-    "@react-input/mask": "^2.0.4",
-    "@stitches/react": "^1.2.8",
-    "aws-sdk": "^2.1692.0",
-    "dotenv": "^17.2.1",
-    "i18n-iso-countries": "^7.14.0",
-    "npm": "^11.4.2",
-    "quill": "^2.0.3",
-    "radix-ui": "^1.4.2",
-    "react-day-picker": "^9.6.7",
-    "react-hook-form": "^7.57.0",
-    "react-quilljs": "^2.0.5"
-  }
+{
+  "name": "@lets-events/react",
+  "version": "12.5.1",
+  "description": "",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.tsx  --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx  --format esm,cjs --dts --external react --watch",
+    "lint": "eslint src/**/*.ts --fix"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "type": "commonjs",
+  "devDependencies": {
+    "@lets-events/eslint-config": "*",
+    "@lets-events/tokens": "*",
+    "@lets-events/ts-config": "*",
+    "@types/quill": "^2.0.10",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "react": "^19.0.0",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.2"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^5.14.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/free-brands-svg-icons": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@radix-ui/react-toast": "^1.2.14",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@radix-ui/themes": "^3.2.1",
+    "@react-input/mask": "^2.0.4",
+    "@stitches/react": "^1.2.8",
+    "aws-sdk": "^2.1692.0",
+    "dotenv": "^17.2.1",
+    "i18n-iso-countries": "^7.14.0",
+    "npm": "^11.4.2",
+    "quill": "^2.0.3",
+    "radix-ui": "^1.4.2",
+    "react-day-picker": "^9.6.7",
+    "react-hook-form": "^7.57.0",
+    "react-quilljs": "^2.0.5"
+  }
 }

package/src/components/DoubleCalendar/index.tsx

@@ -28,6 +28,7 @@ export type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     expand?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    disabled?: boolean;
 };
 
 export function DoubleCalendar({
@@ -41,6 +42,7 @@ export function DoubleCalendar({
     expand,
     allowPastDates = false,
     maxYearsFromNow = 20,
+    disabled = false,
     ...props
 }: DoubleCalendarProps) {
     const [startValue, setStartValue] = useState("");
@@ -83,6 +85,7 @@ export function DoubleCalendar({
                             return next;
                         })
                     }
+                    disabled={disabled}
                 >
                     <div style={{ display: "flex", gap: "8px", width: "100%" }}>
                         <TextField
@@ -93,6 +96,7 @@ export function DoubleCalendar({
                             inputMode="numeric"
                             textAlign={"right"}
                             color={hasError ? "error" : "default"}
+                            disabled={disabled}
                         >
                             <TextFieldSlot>
                                 <Icon name="calendar" size={"xl"} />

package/src/components/Drawer/index.tsx

@@ -23,6 +23,7 @@ export type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
   goBackIcon?: ReactNode;
   goBackAction?: () => void;
   zIndex?: number;
+  clickOutsideAvailable?: boolean;
 };
 
 export function Drawer({
@@ -35,6 +36,7 @@ export function Drawer({
   goBackIcon,
   goBackAction,
   zIndex = 1000,
+  clickOutsideAvailable = true,
 }: DrawerProps) {
   useEffect(() => {
     if (isOpen) {
@@ -60,7 +62,7 @@ export function Drawer({
         css={{
           zIndex,
         }}
-        onClick={onClose}
+        onClick={clickOutsideAvailable ? onClose : undefined}
         open={isOpen}
       />
       <DrawerWrapper

package/src/components/FormFields/DoubleCalendarFormField.tsx

@@ -18,6 +18,7 @@ export type DoubleCalendarFormFieldProps = Omit<
         RegisterOptions<FieldValues, string>,
         "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled"
     >;
+    disabled?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
 };
@@ -31,6 +32,7 @@ export const DoubleCalendarFormField = ({
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    disabled,
     ...calendarProps
 }: DoubleCalendarFormFieldProps) => {
     const handleValidate = useCallback(
@@ -76,6 +78,7 @@ export const DoubleCalendarFormField = ({
                     const newValue = typeof value === "function" ? value(selected) : value;
                     handleCalendarChange(newValue);
                 }}
+                disabled={disabled}
                 hasError={haveError}
                 allowPastDates={allowPastDates}
                 maxYearsFromNow={maxYearsFromNow}