@lets-events/react 12.1.3 → 12.1.4

package/dist/index.js

@@ -34,6 +34,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -155,7 +158,7 @@ var require_react_is_development = __commonJS({
         var Portal = REACT_PORTAL_TYPE;
         var Profiler = REACT_PROFILER_TYPE;
         var StrictMode = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
+        var Suspense2 = REACT_SUSPENSE_TYPE;
         var hasWarnedAboutDeprecatedIsAsyncMode = false;
         function isAsyncMode(object) {
           {
@@ -214,7 +217,7 @@ var require_react_is_development = __commonJS({
         exports2.Portal = Portal;
         exports2.Profiler = Profiler;
         exports2.StrictMode = StrictMode;
-        exports2.Suspense = Suspense;
+        exports2.Suspense = Suspense2;
         exports2.isAsyncMode = isAsyncMode;
         exports2.isConcurrentMode = isConcurrentMode;
         exports2.isContextConsumer = isContextConsumer;
@@ -859,6 +862,1558 @@ var require_prop_types = __commonJS({
   }
 });
 
+// src/components/Icon.tsx
+var import_react_fontawesome, import_fontawesome_svg_core, import_free_solid_svg_icons, import_free_regular_svg_icons, import_free_brands_svg_icons, import_prop_types, import_jsx_runtime, Icon, Icon_default;
+var init_Icon = __esm({
+  "src/components/Icon.tsx"() {
+    "use strict";
+    import_react_fontawesome = require("@fortawesome/react-fontawesome");
+    import_fontawesome_svg_core = require("@fortawesome/fontawesome-svg-core");
+    import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
+    import_free_regular_svg_icons = require("@fortawesome/free-regular-svg-icons");
+    import_free_brands_svg_icons = require("@fortawesome/free-brands-svg-icons");
+    import_prop_types = __toESM(require_prop_types());
+    import_jsx_runtime = require("react/jsx-runtime");
+    import_fontawesome_svg_core.library.add(import_free_solid_svg_icons.fas, import_free_regular_svg_icons.far, import_free_brands_svg_icons.fab);
+    Icon = (_a) => {
+      var _b = _a, { name, prefix = "fas", size = "sm", color = "currentColor", className = "" } = _b, props = __objRest(_b, ["name", "prefix", "size", "color", "className"]);
+      var _a2, _b2;
+      const sizeMap = {
+        "xs": { width: "0.625rem", height: "0.625rem", fontSize: "0.625rem" },
+        "sm": { width: "0.625rem", height: "0.625rem", fontSize: "0.625rem" },
+        "md": { width: "0.75rem", height: "0.75rem", fontSize: "0.75rem" },
+        "xl": { width: "1rem", height: "1rem", fontSize: "1rem" },
+        undefined: { width: "0.75rem", height: "0.75rem", fontSize: "0.75rem" }
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_fontawesome.FontAwesomeIcon,
+        __spreadProps(__spreadValues({
+          icon: [prefix, name],
+          style: sizeMap[size],
+          color,
+          className
+        }, props), {
+          width: (_a2 = sizeMap[size]) == null ? void 0 : _a2.width,
+          height: (_b2 = sizeMap[size]) == null ? void 0 : _b2.height
+        })
+      );
+    };
+    Icon.propTypes = {
+      name: import_prop_types.default.string.isRequired,
+      prefix: import_prop_types.default.string,
+      size: import_prop_types.default.string,
+      color: import_prop_types.default.string,
+      className: import_prop_types.default.string
+    };
+    Icon_default = Icon;
+  }
+});
+
+// ../tokens/dist/index.mjs
+var colors, fonts, fontSizes, fontWeights, lineHeights, radii, space;
+var init_dist = __esm({
+  "../tokens/dist/index.mjs"() {
+    "use strict";
+    colors = {
+      brand50: "#DBE8FF",
+      brand100: "#BDD5FF",
+      brand200: "#7AABFF",
+      brand300: "#3881FF",
+      brand400: "#005AF5",
+      brand500: "#004ED2",
+      brand600: "#0042B2",
+      brand700: "#00348F",
+      brand800: "#00276B",
+      brand900: "#001A47",
+      brand950: "#000D24",
+      blue50: "#E5F1FF",
+      blue100: "#CCE4FF",
+      blue200: "#9AC9FF",
+      blue300: "#66ADFF",
+      blue400: "#3392FF",
+      blue500: "#0278FE",
+      blue600: "#005FCD",
+      blue700: "#004799",
+      blue800: "#013066",
+      blue900: "#001834",
+      blue950: "#000C1A",
+      red50: "#FCEEEF",
+      red100: "#F9DCDF",
+      red200: "#F3BEC3",
+      red300: "#ED9CA2",
+      red400: "#E77982",
+      red500: "#E15662",
+      red600: "#DB3644",
+      red700: "#AD1F2B",
+      red800: "#75151D",
+      red900: "#380A0E",
+      red950: "#1E0507",
+      pink100: "#F9DCF3",
+      purple50: "#F3EFFB",
+      purple100: "#E6DEF7",
+      purple200: "#D1C2F0",
+      purple300: "#B9A1E8",
+      purple400: "#A080E0",
+      purple500: "#8961D8",
+      purple600: "#6431C8",
+      purple700: "#4B2597",
+      purple800: "#331966",
+      purple900: "#180C31",
+      purple950: "#0C0619",
+      yellow50: "#FFF9E6",
+      yellow100: "#FFF3CD",
+      yellow200: "#FFE69C",
+      yellow300: "#FFDA6A",
+      yellow400: "#FFCD39",
+      yellow500: "#FFC107",
+      yellow600: "#CC9A06",
+      yellow700: "#997404",
+      yellow800: "#664D03",
+      yellow900: "#332701",
+      yellow950: "#191300",
+      orange100: "#FEE0D8",
+      dark50: "#FFFFFF",
+      dark100: "#F4F4F4",
+      dark200: "#EAEBF0",
+      dark300: "#C2C3C7",
+      dark400: "#A9ABB1",
+      dark500: "#808289",
+      dark600: "#4C4F54",
+      dark700: "#34363B",
+      dark800: "#1E2023",
+      dark900: "#040507",
+      dark950: "#030303",
+      neutral50: "#FFFFFF",
+      neutral100: "#F4F4F4",
+      neutral200: "#EAEBF0",
+      neutral300: "#C2C3C7",
+      neutral400: "#A9ABB1",
+      neutral500: "#808289",
+      neutral600: "#4C4F54",
+      neutral700: "#34363B",
+      neutral800: "#1E2023",
+      neutral900: "#040507",
+      neutral950: "#030303",
+      green50: "#E6F9EA",
+      green100: "#CDF4D5",
+      green200: "#9BE8AC",
+      green300: "#6CD783",
+      green400: "#5BCA72",
+      green500: "#26A743",
+      green600: "#1E8535",
+      green700: "#176427",
+      green800: "#0F421A",
+      green900: "#08210D",
+      green950: "#041107",
+      grey50: "#F4F8FB",
+      grey100: "#E6EEF4",
+      grey200: "#DBE7F0",
+      grey300: "#BCCEDD",
+      grey400: "#9FB6C7",
+      grey500: "#849DAE",
+      grey600: "#698496",
+      grey700: "#516A7A",
+      grey800: "#394F61",
+      grey900: "#233543",
+      grey950: "#101B23",
+      error50: "#FCEEEF",
+      error100: "#F9DCDF",
+      error200: "#F3BEC3",
+      error300: "#ED9CA2",
+      error400: "#E77982",
+      error500: "#E15662",
+      error600: "#DB3644",
+      error700: "#AD1F2B",
+      error800: "#75151D",
+      error900: "#380A0E",
+      error950: "#1E0507",
+      success50: "#E6F9EA",
+      success100: "#CDF4D5",
+      success200: "#9BE8AC",
+      success300: "#6CD783",
+      success400: "#5BCA72",
+      success500: "#26A743",
+      success600: "#1E8535",
+      success700: "#176427",
+      success800: "#0F421A",
+      success900: "#08210D",
+      success950: "#041107",
+      warning50: "#FFF9E6",
+      warning100: "#FFF3CD",
+      warning200: "#FFE69C",
+      warning300: "#FFDA6A",
+      warning400: "#FFCD39",
+      warning500: "#FFC107",
+      warning600: "#CC9A06",
+      warning700: "#997404",
+      warning800: "#664D03",
+      warning900: "#332701",
+      warning950: "#191300",
+      info50: "#E5F1FF",
+      info100: "#CCE4FF",
+      info200: "#9AC9FF",
+      info300: "#66ADFF",
+      info400: "#3392FF",
+      info500: "#0278FE",
+      info600: "#005FCD",
+      info700: "#004799",
+      info800: "#013066",
+      info900: "#001834",
+      info950: "#000C1A",
+      shadow50: "#546B923D"
+    };
+    fonts = {
+      default: '"Work Sans", sans-serif'
+    };
+    fontSizes = {
+      2: "0.125rem",
+      4: "0.25rem",
+      6: "0.375rem",
+      8: "0.5rem",
+      10: "0.625rem",
+      12: "0.75rem",
+      13: "0.8125rem",
+      14: "0.875rem",
+      16: "1rem",
+      18: "1.125rem",
+      20: "1.25rem",
+      22: "1.375rem",
+      24: "1.5rem",
+      32: "2rem",
+      36: "2.25rem",
+      40: "2.5rem",
+      48: "3rem",
+      56: "3.5rem",
+      64: "4rem",
+      72: "4.5rem",
+      80: "5rem",
+      xs: "0.375rem",
+      sm: "0.5rem",
+      md: "0.75rem",
+      lg: "1rem",
+      "2xl": "1.5rem",
+      "3xl": "2rem",
+      "4xl": "2.5rem",
+      full: "62.4375rem",
+      displayLarge: "3.5rem",
+      displayMedium: "3rem",
+      displaySmall: "2.25rem",
+      headline1: "2.5rem",
+      headline2: "2rem",
+      headline3: "1.75rem",
+      headline4: "1.375rem",
+      headline5: "1.25rem",
+      headline6: "1.125rem",
+      headline7: "1rem",
+      headline8: "0.875rem",
+      bodyXL: "1.25rem",
+      bodyL: "1.125rem",
+      bodyM: "1rem",
+      bodyS: "0.875rem",
+      bodyXS: "0.8125rem",
+      bodyXXS: "0.75rem",
+      buttonLarge: "1.25rem",
+      buttonMedium: "0.875rem",
+      buttonSmall: "0.875rem",
+      buttonExtraSmall: "0.75rem",
+      badgeLarge: "1rem",
+      badgeMedium: "0.875rem",
+      badgeSmall: "0.75rem",
+      badgeExtraSmall: "0.625rem",
+      tooltip: "0.875rem",
+      popoversRegular: "0.875rem",
+      labelLarge: "1rem",
+      labelMedium: "0.875rem",
+      labelSmall: "0.8125rem",
+      labelExtraSmall: "0.75rem",
+      captionLarge: "0.8125rem",
+      captionMedium: "0.75rem",
+      captionSmall: "0.625rem"
+    };
+    fontWeights = {
+      regular: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700"
+    };
+    lineHeights = {
+      smaller: "112.5%",
+      // 4px
+      shorter: "125%",
+      // 8px
+      short: "137.5%",
+      // 12px
+      base: "150%",
+      // 16px
+      tall: "175%",
+      // 24px
+      displayLarge: "4.5rem",
+      displayMedium: "4rem",
+      displaySmall: "3.25rem",
+      headline1: "3.25rem",
+      headline2: "2.75rem",
+      headline3: "2.5rem",
+      headline4: "1.75rem",
+      headline5: "1.5rem",
+      headline6: "1.375rem",
+      headline7: "1.5rem",
+      headline8: "1.25rem",
+      bodyXL: "1.75rem",
+      bodyL: "1.625rem",
+      bodyM: "1.5rem",
+      bodyS: "1.25rem",
+      bodyXS: "1.125rem",
+      bodyXXS: "1rem",
+      buttonLarge: "1.25rem",
+      buttonMedium: "1rem",
+      buttonSmall: "0.875rem",
+      buttonExtraSmall: "0.75rem",
+      badgeLarge: "1rem",
+      badgeMedium: "0.875rem",
+      badgeSmall: "0.75rem",
+      badgeExtraSmall: "0.625rem",
+      tooltip: "1rem",
+      popoversRegular: "1rem",
+      labelLarge: "1.125rem",
+      labelMedium: "1.125rem",
+      labelSmall: "1rem",
+      labelExtraSmall: "1rem",
+      captionLarge: "1rem",
+      captionMedium: "0.875rem",
+      captionSmall: "0.75rem"
+    };
+    radii = {
+      "3xs": "2px",
+      "2xs": "4px",
+      "xs": "6px",
+      "sm": "8px",
+      "md": "10px",
+      "lg": "12px",
+      "xl": "14px",
+      "2xl": "16px",
+      "3xl": "18px",
+      "4xl": "20px",
+      "5xl": "22px",
+      "6xl": "24px",
+      "7xl": "32px",
+      "8xl": "36px",
+      "9xl": "40px",
+      "10xl": "48px",
+      "11xl": "56px",
+      "12xl": "64px",
+      "13xl": "72px",
+      "14xl": "80px",
+      full: "99999px"
+    };
+    space = {
+      2: "0.125rem",
+      4: "0.25rem",
+      6: "0.375rem",
+      8: "0.5rem",
+      10: "0.625rem",
+      12: "0.75rem",
+      13: "0.8125rem",
+      14: "0.875rem",
+      16: "1rem",
+      18: "1.125rem",
+      20: "1.25rem",
+      22: "1.375rem",
+      24: "1.5rem",
+      32: "2rem",
+      36: "2.25rem",
+      40: "2.5rem",
+      48: "3rem",
+      56: "3.5rem",
+      64: "4rem",
+      72: "4.5rem",
+      80: "5rem",
+      full: "62.4375rem"
+    };
+  }
+});
+
+// src/styles/index.ts
+var import_react, styled, css, globalCss, keyframes, getCssText, theme, createTheme, config;
+var init_styles = __esm({
+  "src/styles/index.ts"() {
+    "use strict";
+    init_dist();
+    import_react = require("@stitches/react");
+    ({
+      styled,
+      css,
+      globalCss,
+      keyframes,
+      getCssText,
+      theme,
+      createTheme,
+      config
+    } = (0, import_react.createStitches)({
+      themeMap: __spreadProps(__spreadValues({}, import_react.defaultThemeMap), {
+        height: "space",
+        width: "space",
+        gap: "space"
+      }),
+      theme: {
+        colors,
+        fontSizes,
+        fonts,
+        fontWeights,
+        lineHeights,
+        radii,
+        space
+      }
+    }));
+  }
+});
+
+// src/types/typographyValues.ts
+var typographyValues, typographyLabelValues;
+var init_typographyValues = __esm({
+  "src/types/typographyValues.ts"() {
+    "use strict";
+    typographyValues = {
+      displayLarge: {
+        fontSize: "$displayLarge",
+        lineHeight: "$displayLarge",
+        letterSpacing: "$displayLarge"
+      },
+      displayMedium: {
+        fontSize: "$displayMedium",
+        lineHeight: "$displayMedium",
+        letterSpacing: "$displayMedium"
+      },
+      displaySmall: {
+        fontSize: "$displaySmall",
+        lineHeight: "$displaySmall",
+        letterSpacing: "$displaySmall"
+      },
+      headline1: {
+        fontSize: "$headline1",
+        lineHeight: "$headline1"
+      },
+      headline2: {
+        fontSize: "$headline2",
+        lineHeight: "$headline2"
+      },
+      headline3: {
+        fontSize: "$headline3",
+        lineHeight: "$headline3"
+      },
+      headline4: {
+        fontSize: "$headline4",
+        lineHeight: "$headline4"
+      },
+      headline5: {
+        fontSize: "$headline5",
+        lineHeight: "$headline5"
+      },
+      headline6: {
+        fontSize: "$headline6",
+        lineHeight: "$headline6"
+      },
+      headline7: {
+        fontSize: "$headline7",
+        lineHeight: "$headline7"
+      },
+      headline8: {
+        fontSize: "$headline8",
+        lineHeight: "$headline8"
+      },
+      bodyXL: {
+        fontSize: "$bodyXL",
+        lineHeight: "$bodyXL"
+      },
+      bodyL: {
+        fontSize: "$bodyL",
+        lineHeight: "$bodyL"
+      },
+      bodyM: {
+        fontSize: "$bodyM",
+        lineHeight: "$bodyM"
+      },
+      bodyS: {
+        fontSize: "$bodyS",
+        lineHeight: "$bodyS"
+      },
+      bodyXS: {
+        fontSize: "$bodyXS",
+        lineHeight: "$bodyXS"
+      },
+      bodyXXS: {
+        fontSize: "$bodyXXS",
+        lineHeight: "$bodyXXS"
+      },
+      badgeLarge: {
+        fontSize: "$badgeLarge",
+        lineHeight: "$badgeLarge"
+      },
+      badgeMedium: {
+        fontSize: "$badgeMedium",
+        lineHeight: "$badgeMedium"
+      },
+      badgeSmall: {
+        fontSize: "$badgeSmall",
+        lineHeight: "$badgeSmall"
+      },
+      badgeExtraSmall: {
+        fontSize: "$badgeExtraSmall",
+        lineHeight: "$badgeExtraSmall"
+      },
+      tooltip: {
+        fontSize: "$tooltip",
+        lineHeight: "$tooltip"
+      },
+      popoversRegular: {
+        fontSize: "$popoversRegular",
+        lineHeight: "$popoversRegular"
+      },
+      captionLarge: {
+        fontSize: "$captionLarge",
+        lineHeight: "$captionLarge"
+      },
+      captionMedium: {
+        fontSize: "$captionMedium",
+        lineHeight: "$captionMedium"
+      },
+      captionSmall: {
+        fontSize: "$captionSmall",
+        lineHeight: "$captionSmall"
+      },
+      buttonLarge: {
+        fontSize: "$buttonLarge",
+        lineHeight: "$buttonLarge"
+      },
+      buttonMedium: {
+        fontSize: "$buttonMedium",
+        lineHeight: "$buttonMedium"
+      },
+      buttonSmall: {
+        fontSize: "$buttonSmall",
+        lineHeight: "$buttonSmall"
+      },
+      buttonExtraSmall: {
+        fontSize: "$buttonExtraSmall",
+        lineHeight: "$buttonExtraSmall"
+      },
+      labelLarge: {
+        fontSize: "$labelLarge",
+        lineHeight: "$labelLarge"
+      },
+      labelMedium: {
+        fontSize: "$labelMedium",
+        lineHeight: "$labelMedium"
+      },
+      labelSmall: {
+        fontSize: "$labelSmall",
+        lineHeight: "$labelSmall"
+      },
+      labelExtraSmall: {
+        fontSize: "$labelExtraSmall",
+        lineHeight: "$labelExtraSmall"
+      }
+    };
+    typographyLabelValues = {
+      labelLarge: {
+        fontSize: "$labelLarge",
+        lineHeight: "$labelLarge"
+      },
+      labelMedium: {
+        fontSize: "$labelMedium",
+        lineHeight: "$labelMedium"
+      },
+      labelSmall: {
+        fontSize: "$labelSmall",
+        lineHeight: "$labelSmall"
+      },
+      labelExtraSmall: {
+        fontSize: "$labelExtraSmall",
+        lineHeight: "$labelExtraSmall"
+      }
+    };
+  }
+});
+
+// src/components/Text.tsx
+function Text(_a) {
+  var _b = _a, { color } = _b, props = __objRest(_b, ["color"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    TextStyle,
+    __spreadProps(__spreadValues({}, props), {
+      css: __spreadValues({
+        color: color ? "$" + color : "$dark600"
+      }, props.css)
+    })
+  );
+}
+var import_themes, import_jsx_runtime2, TextStyle;
+var init_Text = __esm({
+  "src/components/Text.tsx"() {
+    "use strict";
+    init_styles();
+    import_themes = require("@radix-ui/themes");
+    init_typographyValues();
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    TextStyle = styled(import_themes.Text, {
+      fontFamily: "$default",
+      lineHeight: "$base",
+      variants: {
+        typography: typographyValues,
+        fontWeight: {
+          regular: { fontWeight: "$regular" },
+          medium: { fontWeight: "$medium" },
+          semibold: { fontWeight: "$semibold" },
+          bold: { fontWeight: "$bold" }
+        }
+      }
+    });
+  }
+});
+
+// src/components/Flex.tsx
+function Flex2(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FlexStyled, __spreadProps(__spreadValues({}, props), { children }));
+}
+var import_themes6, import_jsx_runtime6, FlexStyled;
+var init_Flex = __esm({
+  "src/components/Flex.tsx"() {
+    "use strict";
+    init_styles();
+    import_themes6 = require("@radix-ui/themes");
+    import_jsx_runtime6 = require("react/jsx-runtime");
+    FlexStyled = styled(import_themes6.Flex, {
+      variants: {
+        display: {
+          "flex": { display: "flex" },
+          "inline-flex": { display: "inline-flex" }
+        },
+        align: {
+          start: { alignItems: "flex-start" },
+          center: { alignItems: "center" },
+          end: { alignItems: "flex-end" },
+          stretch: { alignItems: "stretch" },
+          baseline: { alignItems: "baseline" }
+        },
+        justify: {
+          start: { justifyContent: "flex-start" },
+          center: { justifyContent: "center" },
+          end: { justifyContent: "flex-end" },
+          between: { justifyContent: "space-between" },
+          around: { justifyContent: "space-around" },
+          evenly: { justifyContent: "space-evenly" }
+        },
+        direction: {
+          row: { flexDirection: "row" },
+          column: { flexDirection: "column" },
+          "row-reverse": { flexDirection: "row-reverse" },
+          "column-reverse": { flexDirection: "column-reverse" }
+        },
+        gap: {
+          0: { gap: "0px" },
+          2: { gap: "$2" },
+          4: { gap: "$4" },
+          6: { gap: "$6" },
+          8: { gap: "$8" },
+          10: { gap: "$10" },
+          12: { gap: "$12" },
+          14: { gap: "$14" },
+          16: { gap: "$16" },
+          20: { gap: "$20" },
+          22: { gap: "$22" },
+          24: { gap: "$24" },
+          32: { gap: "$32" },
+          36: { gap: "$36" },
+          40: { gap: "$40" },
+          48: { gap: "$48" },
+          56: { gap: "$56" },
+          64: { gap: "$64" },
+          72: { gap: "$72" },
+          80: { gap: "$80" },
+          full: { gap: "$full" }
+        },
+        gapY: {
+          2: { gap: "$2" },
+          4: { gap: "$4" },
+          6: { gap: "$6" },
+          8: { gap: "$8" },
+          10: { gap: "$10" },
+          12: { gap: "$12" },
+          14: { gap: "$14" },
+          16: { gap: "$16" },
+          20: { gap: "$20" },
+          22: { gap: "$22" },
+          24: { gap: "$24" },
+          32: { gap: "$32" },
+          36: { gap: "$36" },
+          40: { gap: "$40" },
+          48: { gap: "$48" },
+          56: { gap: "$56" },
+          64: { gap: "$64" },
+          72: { gap: "$72" },
+          80: { gap: "$80" },
+          full: { gap: "$full" }
+        },
+        gapX: {
+          2: { gap: "$2" },
+          4: { gap: "$4" },
+          6: { gap: "$6" },
+          8: { gap: "$8" },
+          10: { gap: "$10" },
+          12: { gap: "$12" },
+          14: { gap: "$14" },
+          16: { gap: "$16" },
+          20: { gap: "$20" },
+          22: { gap: "$22" },
+          24: { gap: "$24" },
+          32: { gap: "$32" },
+          36: { gap: "$36" },
+          40: { gap: "$40" },
+          48: { gap: "$48" },
+          56: { gap: "$56" },
+          64: { gap: "$64" },
+          72: { gap: "$72" },
+          80: { gap: "$80" },
+          full: { gap: "$full" }
+        }
+      },
+      defaultVariants: {
+        display: "flex",
+        direction: "row",
+        gap: 10
+      }
+    });
+  }
+});
+
+// src/components/Toast/styles/index.ts
+var import_react12, ToastPrimitive, slideIn, slideOut, swipeOut, ToastViewport, ToastRoot, ToastClose;
+var init_styles2 = __esm({
+  "src/components/Toast/styles/index.ts"() {
+    "use strict";
+    import_react12 = require("@stitches/react");
+    ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
+    init_styles();
+    slideIn = (0, import_react12.keyframes)({
+      from: {
+        transform: "translateX(calc(100% + 25px))",
+        opacity: 0
+      },
+      to: {
+        transform: "translateX(0)",
+        opacity: 1
+      }
+    });
+    slideOut = (0, import_react12.keyframes)({
+      from: {
+        transform: "translateX(0)",
+        opacity: 1
+      },
+      to: {
+        transform: "translateX(calc(100% + 25px))",
+        opacity: 0
+      }
+    });
+    swipeOut = (0, import_react12.keyframes)({
+      from: {
+        transform: "translateX(var(--radix-toast-swipe-end-x))",
+        opacity: 1
+      },
+      to: {
+        transform: "translateX(calc(100% + 25px))",
+        opacity: 0
+      }
+    });
+    ToastViewport = styled(ToastPrimitive.Viewport, {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      display: "flex",
+      flexDirection: "column",
+      padding: 25,
+      gap: 10,
+      width: 390,
+      maxWidth: "100vw",
+      margin: 0,
+      listStyle: "none",
+      zIndex: 2147483647,
+      outline: "none"
+    });
+    ToastRoot = styled(ToastPrimitive.Root, {
+      backgroundColor: "$neutral50",
+      borderRadius: "$sm",
+      boxShadow: "hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",
+      padding: "$16",
+      gap: "$8",
+      display: "flex",
+      alignItems: "center",
+      border: "1px solid",
+      position: "relative",
+      zIndex: 9999,
+      '&[data-state="open"]': {
+        animation: `${slideIn} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
+      },
+      '&[data-state="closed"]': {
+        animation: `${slideOut} 100ms ease-in`
+      },
+      '&[data-swipe="move"]': {
+        transform: "translateX(var(--radix-toast-swipe-move-x))"
+      },
+      '&[data-swipe="cancel"]': {
+        transform: "translateX(0)",
+        transition: "transform 200ms ease-out"
+      },
+      '&[data-swipe="end"]': {
+        animation: `${swipeOut} 100ms ease-out`
+      },
+      $$toastColor: "inherit",
+      color: "$$toastColor",
+      borderColor: "$$toastColor",
+      variants: {
+        type: {
+          success: {
+            $$toastColor: "$colors$success600",
+            backgroundColor: "$success50"
+          },
+          error: {
+            $$toastColor: "$colors$error600",
+            backgroundColor: "$error50"
+          },
+          warning: {
+            $$toastColor: "$colors$warning600",
+            backgroundColor: "$warning50"
+          },
+          info: {
+            $$toastColor: "$colors$info600",
+            backgroundColor: "$info50"
+          }
+        }
+      },
+      defaultVariants: {
+        type: "info"
+      }
+    });
+    ToastClose = styled(ToastPrimitive.Close, {
+      border: "none",
+      backgroundColor: "transparent",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "inherit",
+      borderRadius: 4,
+      padding: 4,
+      cursor: "pointer",
+      opacity: 0.7,
+      "&:hover": {
+        opacity: 1,
+        backgroundColor: "rgba(0, 0, 0, 0.05)"
+      },
+      "&:focus": {
+        boxShadow: "0 0 0 2px currentColor",
+        opacity: 1
+      }
+    });
+  }
+});
+
+// src/components/Toast/components/ToastItem.tsx
+function ToastItem({
+  toast,
+  onRemove
+}) {
+  const [open, setOpen] = (0, import_react13.useState)(true);
+  const handleOpenChange = (open2) => {
+    setOpen(open2);
+    if (!open2) {
+      onRemove(toast.id);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    ToastRoot,
+    {
+      type: toast.type,
+      duration: toast.duration,
+      open,
+      onOpenChange: handleOpenChange,
+      children: [
+        (toast == null ? void 0 : toast.icon) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { name: toast.icon, size: "xl" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { typography: "bodyS", fontWeight: "medium", children: toast.message }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ToastClose, { "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { name: "xmark", size: "md" }) })
+      ]
+    }
+  );
+}
+var import_react13, import_jsx_runtime23;
+var init_ToastItem = __esm({
+  "src/components/Toast/components/ToastItem.tsx"() {
+    "use strict";
+    import_react13 = require("react");
+    init_Icon();
+    init_styles2();
+    init_Text();
+    import_jsx_runtime23 = require("react/jsx-runtime");
+  }
+});
+
+// src/components/Toast/components/ToastProvider.tsx
+function ToastProvider({
+  children,
+  defaultDuration = 5e3,
+  maxToasts = 5,
+  swipeDirection = "right"
+}) {
+  const [toasts, setToasts] = (0, import_react14.useState)([]);
+  const addToast = (toastData) => {
+    const id = Math.random().toString(36).substr(2, 9);
+    const newToast = __spreadProps(__spreadValues({
+      id
+    }, toastData), {
+      type: (toastData == null ? void 0 : toastData.type) || "info",
+      duration: (toastData == null ? void 0 : toastData.duration) || defaultDuration,
+      createdAt: Date.now()
+    });
+    setToasts((prevToasts) => {
+      const updatedToasts = [...prevToasts, newToast];
+      return updatedToasts.slice(-maxToasts);
+    });
+    return id;
+  };
+  const removeToast = (id) => {
+    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
+  };
+  const removeAllToasts = () => {
+    setToasts([]);
+  };
+  const contextValue = {
+    toasts,
+    addToast,
+    removeToast,
+    removeAllToasts
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ToastPrimitive2.Provider, { swipeDirection, children: [
+    children,
+    toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastItem, { toast, onRemove: removeToast }, toast.id)),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastViewport, {})
+  ] }) });
+}
+var import_react14, ToastPrimitive2, import_jsx_runtime24, ToastContext;
+var init_ToastProvider = __esm({
+  "src/components/Toast/components/ToastProvider.tsx"() {
+    "use strict";
+    import_react14 = require("react");
+    ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
+    init_ToastItem();
+    init_styles2();
+    import_jsx_runtime24 = require("react/jsx-runtime");
+    ToastContext = (0, import_react14.createContext)(null);
+  }
+});
+
+// src/components/Toast/hooks/useToast.ts
+var import_react15, useToast;
+var init_useToast = __esm({
+  "src/components/Toast/hooks/useToast.ts"() {
+    "use strict";
+    import_react15 = require("react");
+    init_ToastProvider();
+    useToast = () => {
+      const context = (0, import_react15.useContext)(ToastContext);
+      if (!context) {
+        throw new Error("useToast deve ser usado dentro de um ToastProvider");
+      }
+      return context;
+    };
+  }
+});
+
+// src/utils/uploadService.ts
+var generateUniqueFilename, UploadService;
+var init_uploadService = __esm({
+  "src/utils/uploadService.ts"() {
+    "use strict";
+    generateUniqueFilename = (originalName) => {
+      const timestamp = Date.now().toString(36);
+      const random = Math.random().toString(36).substring(2, 8);
+      const extension = originalName.split(".").pop();
+      return `${timestamp}_${random}.${extension}`;
+    };
+    UploadService = class {
+      static getPresignedUrl(filename, contentType, config2) {
+        return __async(this, null, function* () {
+          var _a;
+          const apiUrl = config2.apiUrl;
+          const presignedUrlEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.presignedUrl;
+          const bucket = config2.s3Bucket;
+          try {
+            const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
+              method: "POST",
+              headers: {
+                "Content-Type": "application/json"
+              },
+              body: JSON.stringify({
+                filename,
+                contentType,
+                bucket
+              })
+            });
+            if (!response.ok) {
+              throw new Error("Falha ao gerar URL de upload");
+            }
+            const data = yield response.json();
+            return data.presignedUrl;
+          } catch (error) {
+            console.error("Erro ao gerar URL pr\xE9-assinada:", error);
+            throw new Error("Falha ao gerar URL de upload");
+          }
+        });
+      }
+      static uploadToS3(file, config2, onProgress) {
+        return __async(this, null, function* () {
+          try {
+            const uniqueFilename = generateUniqueFilename(file.name);
+            const blob = new Blob([file], { type: file.type });
+            const s3Url = `${config2.s3Url}/${uniqueFilename}`;
+            return new Promise((resolve, reject) => {
+              const xhr = new XMLHttpRequest();
+              xhr.upload.addEventListener("progress", (event) => {
+                if (event.lengthComputable) {
+                  const percentComplete = Math.round(
+                    event.loaded / event.total * 100
+                  );
+                  onProgress == null ? void 0 : onProgress({
+                    amount: percentComplete,
+                    message: `Fazendo upload... ${percentComplete}%`
+                  });
+                }
+              });
+              xhr.addEventListener("load", () => {
+                if (xhr.status === 200) {
+                  resolve({
+                    url: s3Url,
+                    filename: uniqueFilename,
+                    size: file.size,
+                    type: file.type
+                  });
+                } else {
+                  reject(new Error(`Upload falhou com status: ${xhr.status}`));
+                }
+              });
+              xhr.addEventListener("error", () => {
+                reject(new Error("Erro de rede durante upload"));
+              });
+              xhr.open("PUT", s3Url);
+              xhr.setRequestHeader("Content-Type", file.type);
+              xhr.send(blob);
+            });
+          } catch (error) {
+            console.error("Erro no upload:", error);
+            throw error;
+          }
+        });
+      }
+      static uploadViaAPI(file, config2, onProgress) {
+        return __async(this, null, function* () {
+          try {
+            const formData = new FormData();
+            formData.append("file", file);
+            const bucket = config2.s3Bucket;
+            formData.append("bucket", bucket);
+            const xhr = new XMLHttpRequest();
+            return new Promise((resolve, reject) => {
+              var _a;
+              xhr.upload.addEventListener("progress", (event) => {
+                if (event.lengthComputable) {
+                  const percentComplete = Math.round(
+                    event.loaded / event.total * 100
+                  );
+                  onProgress == null ? void 0 : onProgress({
+                    amount: percentComplete,
+                    message: `Fazendo upload... ${percentComplete}%`
+                  });
+                }
+              });
+              xhr.addEventListener("load", () => {
+                if (xhr.status === 200) {
+                  try {
+                    const response = JSON.parse(xhr.responseText);
+                    resolve({
+                      url: response.url,
+                      filename: response.filename,
+                      size: file.size,
+                      type: file.type
+                    });
+                  } catch (error) {
+                    reject(new Error("Resposta inv\xE1lida do servidor"));
+                  }
+                } else {
+                  reject(new Error(`Upload falhou com status: ${xhr.status}`));
+                }
+              });
+              xhr.addEventListener("error", () => {
+                reject(new Error("Erro de rede durante upload"));
+              });
+              const apiUrl = config2.apiUrl;
+              const uploadEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.upload;
+              xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
+              xhr.send(formData);
+            });
+          } catch (error) {
+            console.error("Erro no upload via API:", error);
+            throw error;
+          }
+        });
+      }
+    };
+  }
+});
+
+// src/components/RichEditor/styledComponents.ts
+var QuillContainer, QuillEditor;
+var init_styledComponents = __esm({
+  "src/components/RichEditor/styledComponents.ts"() {
+    "use strict";
+    init_styles();
+    QuillContainer = styled("div", {
+      display: "flex",
+      flexDirection: "column"
+    });
+    QuillEditor = styled("div", {
+      "& .ql-editor": {
+        minHeight: "200px",
+        padding: "$12",
+        fontSize: "$14",
+        lineHeight: "$base",
+        fontFamily: "$default",
+        color: "$neutral900",
+        backgroundColor: "$white",
+        border: "none",
+        outline: "none",
+        cursor: "text",
+        caretColor: "$primary500",
+        "&:focus": {
+          borderColor: "$primary500",
+          boxShadow: "0 0 0 1px $primary500"
+        },
+        "& p": {
+          margin: "0 0 $8 0"
+        },
+        "& p:last-child": {
+          marginBottom: 0
+        },
+        "& .ql-cursor": {
+          borderLeft: "2px solid $primary500"
+        }
+      },
+      "& .ql-toolbar": {
+        backgroundColor: "$grey100",
+        border: "1px solid $neutral300",
+        borderBottom: "none",
+        borderTopLeftRadius: "$sm",
+        borderTopRightRadius: "$sm",
+        padding: "$8 $12"
+      },
+      "& .ql-container": {
+        border: "1px solid $neutral300",
+        borderTop: "none",
+        borderBottomLeftRadius: "$sm",
+        borderBottomRightRadius: "$sm",
+        fontFamily: "$default"
+      },
+      "& .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before": {
+        content: "T\xEDtulo 1"
+      },
+      "& .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before": {
+        content: "T\xEDtulo 2"
+      }
+    });
+  }
+});
+
+// src/components/RichEditor/QuillComponent.tsx
+var QuillComponent_exports = {};
+__export(QuillComponent_exports, {
+  default: () => QuillComponent_default
+});
+var import_react20, import_react_quilljs, import_quill_snow, import_jsx_runtime50, QuillComponent, QuillComponent_default;
+var init_QuillComponent = __esm({
+  "src/components/RichEditor/QuillComponent.tsx"() {
+    "use strict";
+    import_react20 = require("react");
+    import_react_quilljs = require("react-quilljs");
+    import_quill_snow = require("quill/dist/quill.snow.css");
+    init_Flex();
+    init_Text();
+    init_useToast();
+    init_uploadService();
+    init_styledComponents();
+    import_jsx_runtime50 = require("react/jsx-runtime");
+    QuillComponent = ({
+      value = "",
+      onChange,
+      placeholder = "Digite seu texto aqui...",
+      disabled = false,
+      className,
+      uploadConfig
+    }) => {
+      const [showVideoModal, setShowVideoModal] = (0, import_react20.useState)(false);
+      const [videoUrl, setVideoUrl] = (0, import_react20.useState)("");
+      const [showLinkModal, setShowLinkModal] = (0, import_react20.useState)(false);
+      const [linkUrl, setLinkUrl] = (0, import_react20.useState)("");
+      const videoModalRef = (0, import_react20.useRef)(null);
+      const linkModalRef = (0, import_react20.useRef)(null);
+      const { addToast, removeToast } = useToast();
+      const modules = {
+        toolbar: [
+          [{ header: [1, 2, false] }],
+          ["bold", "italic", "underline", "strike"],
+          [{ color: [] }, { background: [] }],
+          [{ align: [] }],
+          [{ list: "ordered" }, { list: "bullet" }],
+          ["link", "image", "video"]
+        ],
+        clipboard: {
+          matchVisual: false
+        }
+      };
+      const formats = [
+        "header",
+        "bold",
+        "italic",
+        "underline",
+        "strike",
+        "color",
+        "background",
+        "align",
+        "list",
+        "link",
+        "image",
+        "video"
+      ];
+      const { quill, quillRef } = (0, import_react_quilljs.useQuill)({
+        theme: "snow",
+        modules,
+        formats,
+        placeholder,
+        readOnly: disabled
+      });
+      const handleImageUpload = (0, import_react20.useCallback)(
+        (file) => __async(null, null, function* () {
+          if (disabled || !quill || !uploadConfig) return;
+          try {
+            addToast({
+              type: "info",
+              message: "Carregando imagem...",
+              duration: 2e3
+            });
+            const uploadedFile = yield UploadService.uploadToS3(file, uploadConfig);
+            removeToast("info");
+            addToast({
+              type: "success",
+              message: "Imagem adicionada com sucesso!"
+            });
+            const selection = quill.getSelection();
+            const index = selection ? selection.index : quill.getLength();
+            quill.insertEmbed(index, "image", uploadedFile.url);
+            quill.setSelection(index + 1, 0);
+          } catch (error) {
+            console.error("Erro no upload:", error);
+            addToast({
+              type: "error",
+              message: "Erro no upload: N\xE3o foi poss\xEDvel enviar a imagem. Tente novamente."
+            });
+          }
+        }),
+        [disabled, quill, addToast, removeToast, uploadConfig]
+      );
+      (0, import_react20.useEffect)(() => {
+        if (quill && value) {
+          const currentContent = quill.root.innerHTML;
+          if (currentContent !== value) {
+            const selection = quill.getSelection();
+            quill.clipboard.dangerouslyPasteHTML(value);
+            if (selection) {
+              quill.setSelection(selection.index, selection.length);
+            } else {
+              quill.setSelection(quill.getLength(), 0);
+            }
+          }
+        }
+      }, [quill, value]);
+      (0, import_react20.useEffect)(() => {
+        if (quill) {
+          quill.on("text-change", (delta, oldDelta, source) => {
+            if (source === "user") {
+              const html = quill.root.innerHTML;
+              onChange == null ? void 0 : onChange(html);
+            }
+          });
+          const toolbar = quill.getModule("toolbar");
+          if (toolbar) {
+            toolbar.addHandler("link", () => setShowLinkModal(true));
+            toolbar.addHandler("video", () => setShowVideoModal(true));
+            toolbar.addHandler("image", () => {
+              const input = document.createElement("input");
+              input.setAttribute("type", "file");
+              input.setAttribute("accept", "image/*");
+              input.click();
+              input.onchange = () => __async(null, null, function* () {
+                var _a;
+                const file = (_a = input.files) == null ? void 0 : _a[0];
+                if (file) {
+                  yield handleImageUpload(file);
+                }
+              });
+            });
+          }
+          setTimeout(() => {
+            var _a, _b;
+            const toolbarElement = (_b = (_a = quillRef.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
+            if (toolbarElement) {
+              const headerSelect = toolbarElement.querySelector(
+                "select[data-value]"
+              );
+              if (headerSelect) {
+                const options = headerSelect.querySelectorAll("option");
+                options.forEach((option) => {
+                  if (option.value === "1") {
+                    option.textContent = "T\xEDtulo 1";
+                  } else if (option.value === "2") {
+                    option.textContent = "T\xEDtulo 2";
+                  } else if (option.value === "") {
+                    option.textContent = "Normal";
+                  }
+                });
+              }
+            }
+          }, 2e3);
+        }
+      }, [quill, onChange, handleImageUpload]);
+      (0, import_react20.useEffect)(() => {
+        if (quill) {
+          quill.enable(!disabled);
+          if (!disabled) {
+            if (quill.getLength() <= 1) {
+              quill.focus();
+              quill.setSelection(0, 0);
+            }
+          }
+        }
+      }, [quill, disabled]);
+      const handleLinkCancel = (0, import_react20.useCallback)(() => {
+        setLinkUrl("");
+        setShowLinkModal(false);
+      }, []);
+      const handleLinkSubmit = (0, import_react20.useCallback)(() => {
+        if (!linkUrl.trim() || !quill) return;
+        const url = linkUrl.trim();
+        const selection = quill.getSelection();
+        if (selection && selection.length > 0) {
+          quill.format("link", url);
+        } else {
+          const index = quill.getLength();
+          quill.insertText(index, url, "link", url);
+          quill.setSelection(index + url.length, 0);
+        }
+        setLinkUrl("");
+        setShowLinkModal(false);
+      }, [linkUrl, quill]);
+      const handleVideoCancel = (0, import_react20.useCallback)(() => {
+        setVideoUrl("");
+        setShowVideoModal(false);
+      }, []);
+      const handleVideoSubmit = (0, import_react20.useCallback)(() => {
+        var _a, _b;
+        if (!videoUrl.trim() || !quill) return;
+        let processedUrl = videoUrl.trim();
+        if (processedUrl.includes("youtube.com/watch")) {
+          const videoId = (_a = processedUrl.match(/[?&]v=([^&]+)/)) == null ? void 0 : _a[1];
+          if (videoId) {
+            processedUrl = `https://www.youtube.com/embed/${videoId}`;
+          }
+        } else if (processedUrl.includes("youtu.be/")) {
+          const videoId = (_b = processedUrl.split("youtu.be/")[1]) == null ? void 0 : _b.split("?")[0];
+          if (videoId) {
+            processedUrl = `https://www.youtube.com/embed/${videoId}`;
+          }
+        }
+        const videoHTML = `
+      <iframe 
+        src="${processedUrl}"
+        style="max-width:100%; height:315px; border:0;"
+        title="Video player" 
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+        allowfullscreen>
+      </iframe>
+      <br/>
+    `;
+        const selection = quill.getSelection();
+        const insertIndex = selection ? selection.index : quill.getLength();
+        quill.clipboard.dangerouslyPasteHTML(insertIndex, videoHTML);
+        quill.setSelection(insertIndex + 1, 0);
+        setVideoUrl("");
+        setShowVideoModal(false);
+      }, [videoUrl, quill]);
+      (0, import_react20.useEffect)(() => {
+        const handleClickOutside = (event) => {
+          if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
+            handleVideoCancel();
+          }
+          if (showLinkModal && linkModalRef.current && !linkModalRef.current.contains(event.target)) {
+            handleLinkCancel();
+          }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+      }, [showVideoModal, showLinkModal, handleVideoCancel, handleLinkCancel]);
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(QuillEditor, { style: { position: "relative" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ref: quillRef }),
+        showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          "div",
+          {
+            ref: videoModalRef,
+            style: {
+              position: "absolute",
+              top: "20px",
+              left: "20px",
+              right: "20px",
+              backgroundColor: "white",
+              border: "1px solid #e0e0e0",
+              borderRadius: "4px",
+              padding: "12px",
+              boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+              zIndex: 1e3,
+              width: "fit-content"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex2, { gap: 8, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                Text,
+                {
+                  style: { fontSize: "14px", fontWeight: "500", color: "#333" },
+                  children: "V\xEDdeo:"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: videoUrl,
+                  onChange: (e) => setVideoUrl(e.target.value),
+                  placeholder: "Embed URL",
+                  style: {
+                    padding: "8px 12px",
+                    border: "1px solid #d0d0d0",
+                    borderRadius: "4px",
+                    fontSize: "14px",
+                    backgroundColor: "#f8f8f8"
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      handleVideoSubmit();
+                    } else if (e.key === "Escape") {
+                      handleVideoCancel();
+                    }
+                  },
+                  autoFocus: true
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                "button",
+                {
+                  onClick: handleVideoSubmit,
+                  disabled: !videoUrl.trim(),
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#007bff",
+                    color: "white",
+                    border: "none",
+                    borderRadius: "4px",
+                    fontSize: "14px",
+                    cursor: videoUrl.trim() ? "pointer" : "not-allowed",
+                    opacity: videoUrl.trim() ? 1 : 0.6
+                  },
+                  children: "Ok"
+                }
+              )
+            ] })
+          }
+        ),
+        showLinkModal && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          "div",
+          {
+            ref: linkModalRef,
+            style: {
+              position: "absolute",
+              top: "20px",
+              left: "20px",
+              right: "20px",
+              backgroundColor: "white",
+              border: "1px solid #e0e0e0",
+              borderRadius: "4px",
+              padding: "12px",
+              boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
+              zIndex: 1e3,
+              width: "fit-content"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex2, { gap: 8, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                Text,
+                {
+                  style: { fontSize: "14px", fontWeight: "500", color: "#333" },
+                  children: "Link:"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: linkUrl,
+                  onChange: (e) => setLinkUrl(e.target.value),
+                  placeholder: "URL do link",
+                  style: {
+                    padding: "8px 12px",
+                    border: "1px solid #d0d0d0",
+                    borderRadius: "4px",
+                    fontSize: "14px",
+                    backgroundColor: "#f8f8f8",
+                    width: "300px"
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      handleLinkSubmit();
+                    } else if (e.key === "Escape") {
+                      handleLinkCancel();
+                    }
+                  },
+                  autoFocus: true
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                "button",
+                {
+                  onClick: handleLinkSubmit,
+                  disabled: !linkUrl.trim(),
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#007bff",
+                    color: "white",
+                    border: "none",
+                    borderRadius: "4px",
+                    fontSize: "14px",
+                    cursor: linkUrl.trim() ? "pointer" : "not-allowed",
+                    opacity: linkUrl.trim() ? 1 : 0.6
+                  },
+                  children: "Ok"
+                }
+              )
+            ] })
+          }
+        )
+      ] }) });
+    };
+    QuillComponent_default = QuillComponent;
+  }
+});
+
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
@@ -917,634 +2472,60 @@ __export(index_exports, {
   MultiSelectFormField: () => MultiSelectFormField,
   PhoneFormField: () => PhoneFormField,
   RadioGroup: () => RadioGroup,
-  RadioGroupFormField: () => RadioGroupFormField,
-  RadioGroupStyled: () => RadioGroupStyled,
-  RadioItem: () => RadioItem,
-  RichEditor: () => RichEditor_default,
-  RichEditorFormField: () => RichEditorFormField,
-  Section: () => Section,
-  SectionStyled: () => SectionStyled,
-  SelectFormField: () => SelectFormField,
-  Step: () => Step,
-  StepContent: () => StepContent,
-  StepList: () => StepList,
-  StepStyled: () => StepStyled,
-  StepTrigger: () => StepTrigger,
-  StepWrapper: () => StepWrapper,
-  Switch: () => Switch,
-  SwitchStyled: () => SwitchStyled,
-  Text: () => Text,
-  TextAreaFormField: () => TextAreaFormField,
-  TextField: () => TextField,
-  TextFieldSlot: () => TextFieldSlot,
-  TextFieldSlotStyled: () => TextFieldSlotStyled,
-  TextFieldStyled: () => TextFieldStyled,
-  TextFormField: () => TextFormField,
-  TextStyle: () => TextStyle,
-  TextareaField: () => TextareaField,
-  TextareaFieldStyle: () => TextareaFieldStyle,
-  TimePicker: () => TimePicker,
-  TimePickerButtonStyled: () => TimePickerButtonStyled,
-  TimePickerDropdownStyled: () => TimePickerDropdownStyled,
-  TimePickerFooterStyled: () => TimePickerFooterStyled,
-  TimePickerFormField: () => TimePickerFormField,
-  TimePickerStyled: () => TimePickerStyled,
-  TimerPickerContentStyled: () => TimerPickerContentStyled,
-  ToastItem: () => ToastItem,
-  ToastProvider: () => ToastProvider,
-  Tooltip: () => Tooltip,
-  TooltipContent: () => TooltipContent,
-  TooltipProvider: () => TooltipProvider,
-  TooltipRoot: () => TooltipRoot,
-  TooltipTrigger: () => TooltipTrigger,
-  UploadService: () => UploadService,
-  isValidCNPJ: () => isValidCNPJ,
-  maskFormat: () => maskFormat,
-  maskUnformat: () => maskUnformat,
-  useImageUpload: () => useImageUpload,
-  useToast: () => useToast
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/Icon.tsx
-var import_react_fontawesome = require("@fortawesome/react-fontawesome");
-var import_fontawesome_svg_core = require("@fortawesome/fontawesome-svg-core");
-var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
-var import_free_regular_svg_icons = require("@fortawesome/free-regular-svg-icons");
-var import_free_brands_svg_icons = require("@fortawesome/free-brands-svg-icons");
-var import_prop_types = __toESM(require_prop_types());
-var import_jsx_runtime = require("react/jsx-runtime");
-import_fontawesome_svg_core.library.add(import_free_solid_svg_icons.fas, import_free_regular_svg_icons.far, import_free_brands_svg_icons.fab);
-var Icon = (_a) => {
-  var _b = _a, { name, prefix = "fas", size = "sm", color = "currentColor", className = "" } = _b, props = __objRest(_b, ["name", "prefix", "size", "color", "className"]);
-  var _a2, _b2;
-  const sizeMap = {
-    "xs": { width: "0.625rem", height: "0.625rem", fontSize: "0.625rem" },
-    "sm": { width: "0.625rem", height: "0.625rem", fontSize: "0.625rem" },
-    "md": { width: "0.75rem", height: "0.75rem", fontSize: "0.75rem" },
-    "xl": { width: "1rem", height: "1rem", fontSize: "1rem" },
-    undefined: { width: "0.75rem", height: "0.75rem", fontSize: "0.75rem" }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_fontawesome.FontAwesomeIcon,
-    __spreadProps(__spreadValues({
-      icon: [prefix, name],
-      style: sizeMap[size],
-      color,
-      className
-    }, props), {
-      width: (_a2 = sizeMap[size]) == null ? void 0 : _a2.width,
-      height: (_b2 = sizeMap[size]) == null ? void 0 : _b2.height
-    })
-  );
-};
-Icon.propTypes = {
-  name: import_prop_types.default.string.isRequired,
-  prefix: import_prop_types.default.string,
-  size: import_prop_types.default.string,
-  color: import_prop_types.default.string,
-  className: import_prop_types.default.string
-};
-var Icon_default = Icon;
-
-// ../tokens/dist/index.mjs
-var colors = {
-  brand50: "#DBE8FF",
-  brand100: "#BDD5FF",
-  brand200: "#7AABFF",
-  brand300: "#3881FF",
-  brand400: "#005AF5",
-  brand500: "#004ED2",
-  brand600: "#0042B2",
-  brand700: "#00348F",
-  brand800: "#00276B",
-  brand900: "#001A47",
-  brand950: "#000D24",
-  blue50: "#E5F1FF",
-  blue100: "#CCE4FF",
-  blue200: "#9AC9FF",
-  blue300: "#66ADFF",
-  blue400: "#3392FF",
-  blue500: "#0278FE",
-  blue600: "#005FCD",
-  blue700: "#004799",
-  blue800: "#013066",
-  blue900: "#001834",
-  blue950: "#000C1A",
-  red50: "#FCEEEF",
-  red100: "#F9DCDF",
-  red200: "#F3BEC3",
-  red300: "#ED9CA2",
-  red400: "#E77982",
-  red500: "#E15662",
-  red600: "#DB3644",
-  red700: "#AD1F2B",
-  red800: "#75151D",
-  red900: "#380A0E",
-  red950: "#1E0507",
-  pink100: "#F9DCF3",
-  purple50: "#F3EFFB",
-  purple100: "#E6DEF7",
-  purple200: "#D1C2F0",
-  purple300: "#B9A1E8",
-  purple400: "#A080E0",
-  purple500: "#8961D8",
-  purple600: "#6431C8",
-  purple700: "#4B2597",
-  purple800: "#331966",
-  purple900: "#180C31",
-  purple950: "#0C0619",
-  yellow50: "#FFF9E6",
-  yellow100: "#FFF3CD",
-  yellow200: "#FFE69C",
-  yellow300: "#FFDA6A",
-  yellow400: "#FFCD39",
-  yellow500: "#FFC107",
-  yellow600: "#CC9A06",
-  yellow700: "#997404",
-  yellow800: "#664D03",
-  yellow900: "#332701",
-  yellow950: "#191300",
-  orange100: "#FEE0D8",
-  dark50: "#FFFFFF",
-  dark100: "#F4F4F4",
-  dark200: "#EAEBF0",
-  dark300: "#C2C3C7",
-  dark400: "#A9ABB1",
-  dark500: "#808289",
-  dark600: "#4C4F54",
-  dark700: "#34363B",
-  dark800: "#1E2023",
-  dark900: "#040507",
-  dark950: "#030303",
-  neutral50: "#FFFFFF",
-  neutral100: "#F4F4F4",
-  neutral200: "#EAEBF0",
-  neutral300: "#C2C3C7",
-  neutral400: "#A9ABB1",
-  neutral500: "#808289",
-  neutral600: "#4C4F54",
-  neutral700: "#34363B",
-  neutral800: "#1E2023",
-  neutral900: "#040507",
-  neutral950: "#030303",
-  green50: "#E6F9EA",
-  green100: "#CDF4D5",
-  green200: "#9BE8AC",
-  green300: "#6CD783",
-  green400: "#5BCA72",
-  green500: "#26A743",
-  green600: "#1E8535",
-  green700: "#176427",
-  green800: "#0F421A",
-  green900: "#08210D",
-  green950: "#041107",
-  grey50: "#F4F8FB",
-  grey100: "#E6EEF4",
-  grey200: "#DBE7F0",
-  grey300: "#BCCEDD",
-  grey400: "#9FB6C7",
-  grey500: "#849DAE",
-  grey600: "#698496",
-  grey700: "#516A7A",
-  grey800: "#394F61",
-  grey900: "#233543",
-  grey950: "#101B23",
-  error50: "#FCEEEF",
-  error100: "#F9DCDF",
-  error200: "#F3BEC3",
-  error300: "#ED9CA2",
-  error400: "#E77982",
-  error500: "#E15662",
-  error600: "#DB3644",
-  error700: "#AD1F2B",
-  error800: "#75151D",
-  error900: "#380A0E",
-  error950: "#1E0507",
-  success50: "#E6F9EA",
-  success100: "#CDF4D5",
-  success200: "#9BE8AC",
-  success300: "#6CD783",
-  success400: "#5BCA72",
-  success500: "#26A743",
-  success600: "#1E8535",
-  success700: "#176427",
-  success800: "#0F421A",
-  success900: "#08210D",
-  success950: "#041107",
-  warning50: "#FFF9E6",
-  warning100: "#FFF3CD",
-  warning200: "#FFE69C",
-  warning300: "#FFDA6A",
-  warning400: "#FFCD39",
-  warning500: "#FFC107",
-  warning600: "#CC9A06",
-  warning700: "#997404",
-  warning800: "#664D03",
-  warning900: "#332701",
-  warning950: "#191300",
-  info50: "#E5F1FF",
-  info100: "#CCE4FF",
-  info200: "#9AC9FF",
-  info300: "#66ADFF",
-  info400: "#3392FF",
-  info500: "#0278FE",
-  info600: "#005FCD",
-  info700: "#004799",
-  info800: "#013066",
-  info900: "#001834",
-  info950: "#000C1A",
-  shadow50: "#546B923D"
-};
-var fonts = {
-  default: '"Work Sans", sans-serif'
-};
-var fontSizes = {
-  2: "0.125rem",
-  4: "0.25rem",
-  6: "0.375rem",
-  8: "0.5rem",
-  10: "0.625rem",
-  12: "0.75rem",
-  13: "0.8125rem",
-  14: "0.875rem",
-  16: "1rem",
-  18: "1.125rem",
-  20: "1.25rem",
-  22: "1.375rem",
-  24: "1.5rem",
-  32: "2rem",
-  36: "2.25rem",
-  40: "2.5rem",
-  48: "3rem",
-  56: "3.5rem",
-  64: "4rem",
-  72: "4.5rem",
-  80: "5rem",
-  xs: "0.375rem",
-  sm: "0.5rem",
-  md: "0.75rem",
-  lg: "1rem",
-  "2xl": "1.5rem",
-  "3xl": "2rem",
-  "4xl": "2.5rem",
-  full: "62.4375rem",
-  displayLarge: "3.5rem",
-  displayMedium: "3rem",
-  displaySmall: "2.25rem",
-  headline1: "2.5rem",
-  headline2: "2rem",
-  headline3: "1.75rem",
-  headline4: "1.375rem",
-  headline5: "1.25rem",
-  headline6: "1.125rem",
-  headline7: "1rem",
-  headline8: "0.875rem",
-  bodyXL: "1.25rem",
-  bodyL: "1.125rem",
-  bodyM: "1rem",
-  bodyS: "0.875rem",
-  bodyXS: "0.8125rem",
-  bodyXXS: "0.75rem",
-  buttonLarge: "1.25rem",
-  buttonMedium: "0.875rem",
-  buttonSmall: "0.875rem",
-  buttonExtraSmall: "0.75rem",
-  badgeLarge: "1rem",
-  badgeMedium: "0.875rem",
-  badgeSmall: "0.75rem",
-  badgeExtraSmall: "0.625rem",
-  tooltip: "0.875rem",
-  popoversRegular: "0.875rem",
-  labelLarge: "1rem",
-  labelMedium: "0.875rem",
-  labelSmall: "0.8125rem",
-  labelExtraSmall: "0.75rem",
-  captionLarge: "0.8125rem",
-  captionMedium: "0.75rem",
-  captionSmall: "0.625rem"
-};
-var fontWeights = {
-  regular: "400",
-  medium: "500",
-  semibold: "600",
-  bold: "700"
-};
-var lineHeights = {
-  smaller: "112.5%",
-  // 4px
-  shorter: "125%",
-  // 8px
-  short: "137.5%",
-  // 12px
-  base: "150%",
-  // 16px
-  tall: "175%",
-  // 24px
-  displayLarge: "4.5rem",
-  displayMedium: "4rem",
-  displaySmall: "3.25rem",
-  headline1: "3.25rem",
-  headline2: "2.75rem",
-  headline3: "2.5rem",
-  headline4: "1.75rem",
-  headline5: "1.5rem",
-  headline6: "1.375rem",
-  headline7: "1.5rem",
-  headline8: "1.25rem",
-  bodyXL: "1.75rem",
-  bodyL: "1.625rem",
-  bodyM: "1.5rem",
-  bodyS: "1.25rem",
-  bodyXS: "1.125rem",
-  bodyXXS: "1rem",
-  buttonLarge: "1.25rem",
-  buttonMedium: "1rem",
-  buttonSmall: "0.875rem",
-  buttonExtraSmall: "0.75rem",
-  badgeLarge: "1rem",
-  badgeMedium: "0.875rem",
-  badgeSmall: "0.75rem",
-  badgeExtraSmall: "0.625rem",
-  tooltip: "1rem",
-  popoversRegular: "1rem",
-  labelLarge: "1.125rem",
-  labelMedium: "1.125rem",
-  labelSmall: "1rem",
-  labelExtraSmall: "1rem",
-  captionLarge: "1rem",
-  captionMedium: "0.875rem",
-  captionSmall: "0.75rem"
-};
-var radii = {
-  "3xs": "2px",
-  "2xs": "4px",
-  "xs": "6px",
-  "sm": "8px",
-  "md": "10px",
-  "lg": "12px",
-  "xl": "14px",
-  "2xl": "16px",
-  "3xl": "18px",
-  "4xl": "20px",
-  "5xl": "22px",
-  "6xl": "24px",
-  "7xl": "32px",
-  "8xl": "36px",
-  "9xl": "40px",
-  "10xl": "48px",
-  "11xl": "56px",
-  "12xl": "64px",
-  "13xl": "72px",
-  "14xl": "80px",
-  full: "99999px"
-};
-var space = {
-  2: "0.125rem",
-  4: "0.25rem",
-  6: "0.375rem",
-  8: "0.5rem",
-  10: "0.625rem",
-  12: "0.75rem",
-  13: "0.8125rem",
-  14: "0.875rem",
-  16: "1rem",
-  18: "1.125rem",
-  20: "1.25rem",
-  22: "1.375rem",
-  24: "1.5rem",
-  32: "2rem",
-  36: "2.25rem",
-  40: "2.5rem",
-  48: "3rem",
-  56: "3.5rem",
-  64: "4rem",
-  72: "4.5rem",
-  80: "5rem",
-  full: "62.4375rem"
-};
-
-// src/styles/index.ts
-var import_react = require("@stitches/react");
-var {
-  styled,
-  css,
-  globalCss,
-  keyframes,
-  getCssText,
-  theme,
-  createTheme,
-  config
-} = (0, import_react.createStitches)({
-  themeMap: __spreadProps(__spreadValues({}, import_react.defaultThemeMap), {
-    height: "space",
-    width: "space",
-    gap: "space"
-  }),
-  theme: {
-    colors,
-    fontSizes,
-    fonts,
-    fontWeights,
-    lineHeights,
-    radii,
-    space
-  }
-});
-
-// src/components/Text.tsx
-var import_themes = require("@radix-ui/themes");
-
-// src/types/typographyValues.ts
-var typographyValues = {
-  displayLarge: {
-    fontSize: "$displayLarge",
-    lineHeight: "$displayLarge",
-    letterSpacing: "$displayLarge"
-  },
-  displayMedium: {
-    fontSize: "$displayMedium",
-    lineHeight: "$displayMedium",
-    letterSpacing: "$displayMedium"
-  },
-  displaySmall: {
-    fontSize: "$displaySmall",
-    lineHeight: "$displaySmall",
-    letterSpacing: "$displaySmall"
-  },
-  headline1: {
-    fontSize: "$headline1",
-    lineHeight: "$headline1"
-  },
-  headline2: {
-    fontSize: "$headline2",
-    lineHeight: "$headline2"
-  },
-  headline3: {
-    fontSize: "$headline3",
-    lineHeight: "$headline3"
-  },
-  headline4: {
-    fontSize: "$headline4",
-    lineHeight: "$headline4"
-  },
-  headline5: {
-    fontSize: "$headline5",
-    lineHeight: "$headline5"
-  },
-  headline6: {
-    fontSize: "$headline6",
-    lineHeight: "$headline6"
-  },
-  headline7: {
-    fontSize: "$headline7",
-    lineHeight: "$headline7"
-  },
-  headline8: {
-    fontSize: "$headline8",
-    lineHeight: "$headline8"
-  },
-  bodyXL: {
-    fontSize: "$bodyXL",
-    lineHeight: "$bodyXL"
-  },
-  bodyL: {
-    fontSize: "$bodyL",
-    lineHeight: "$bodyL"
-  },
-  bodyM: {
-    fontSize: "$bodyM",
-    lineHeight: "$bodyM"
-  },
-  bodyS: {
-    fontSize: "$bodyS",
-    lineHeight: "$bodyS"
-  },
-  bodyXS: {
-    fontSize: "$bodyXS",
-    lineHeight: "$bodyXS"
-  },
-  bodyXXS: {
-    fontSize: "$bodyXXS",
-    lineHeight: "$bodyXXS"
-  },
-  badgeLarge: {
-    fontSize: "$badgeLarge",
-    lineHeight: "$badgeLarge"
-  },
-  badgeMedium: {
-    fontSize: "$badgeMedium",
-    lineHeight: "$badgeMedium"
-  },
-  badgeSmall: {
-    fontSize: "$badgeSmall",
-    lineHeight: "$badgeSmall"
-  },
-  badgeExtraSmall: {
-    fontSize: "$badgeExtraSmall",
-    lineHeight: "$badgeExtraSmall"
-  },
-  tooltip: {
-    fontSize: "$tooltip",
-    lineHeight: "$tooltip"
-  },
-  popoversRegular: {
-    fontSize: "$popoversRegular",
-    lineHeight: "$popoversRegular"
-  },
-  captionLarge: {
-    fontSize: "$captionLarge",
-    lineHeight: "$captionLarge"
-  },
-  captionMedium: {
-    fontSize: "$captionMedium",
-    lineHeight: "$captionMedium"
-  },
-  captionSmall: {
-    fontSize: "$captionSmall",
-    lineHeight: "$captionSmall"
-  },
-  buttonLarge: {
-    fontSize: "$buttonLarge",
-    lineHeight: "$buttonLarge"
-  },
-  buttonMedium: {
-    fontSize: "$buttonMedium",
-    lineHeight: "$buttonMedium"
-  },
-  buttonSmall: {
-    fontSize: "$buttonSmall",
-    lineHeight: "$buttonSmall"
-  },
-  buttonExtraSmall: {
-    fontSize: "$buttonExtraSmall",
-    lineHeight: "$buttonExtraSmall"
-  },
-  labelLarge: {
-    fontSize: "$labelLarge",
-    lineHeight: "$labelLarge"
-  },
-  labelMedium: {
-    fontSize: "$labelMedium",
-    lineHeight: "$labelMedium"
-  },
-  labelSmall: {
-    fontSize: "$labelSmall",
-    lineHeight: "$labelSmall"
-  },
-  labelExtraSmall: {
-    fontSize: "$labelExtraSmall",
-    lineHeight: "$labelExtraSmall"
-  }
-};
-var typographyLabelValues = {
-  labelLarge: {
-    fontSize: "$labelLarge",
-    lineHeight: "$labelLarge"
-  },
-  labelMedium: {
-    fontSize: "$labelMedium",
-    lineHeight: "$labelMedium"
-  },
-  labelSmall: {
-    fontSize: "$labelSmall",
-    lineHeight: "$labelSmall"
-  },
-  labelExtraSmall: {
-    fontSize: "$labelExtraSmall",
-    lineHeight: "$labelExtraSmall"
-  }
-};
-
-// src/components/Text.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var TextStyle = styled(import_themes.Text, {
-  fontFamily: "$default",
-  lineHeight: "$base",
-  variants: {
-    typography: typographyValues,
-    fontWeight: {
-      regular: { fontWeight: "$regular" },
-      medium: { fontWeight: "$medium" },
-      semibold: { fontWeight: "$semibold" },
-      bold: { fontWeight: "$bold" }
-    }
-  }
+  RadioGroupFormField: () => RadioGroupFormField,
+  RadioGroupStyled: () => RadioGroupStyled,
+  RadioItem: () => RadioItem,
+  RichEditor: () => RichEditor_default,
+  RichEditorFormField: () => RichEditorFormField,
+  Section: () => Section,
+  SectionStyled: () => SectionStyled,
+  SelectFormField: () => SelectFormField,
+  Step: () => Step,
+  StepContent: () => StepContent,
+  StepList: () => StepList,
+  StepStyled: () => StepStyled,
+  StepTrigger: () => StepTrigger,
+  StepWrapper: () => StepWrapper,
+  Switch: () => Switch,
+  SwitchStyled: () => SwitchStyled,
+  Text: () => Text,
+  TextAreaFormField: () => TextAreaFormField,
+  TextField: () => TextField,
+  TextFieldSlot: () => TextFieldSlot,
+  TextFieldSlotStyled: () => TextFieldSlotStyled,
+  TextFieldStyled: () => TextFieldStyled,
+  TextFormField: () => TextFormField,
+  TextStyle: () => TextStyle,
+  TextareaField: () => TextareaField,
+  TextareaFieldStyle: () => TextareaFieldStyle,
+  TimePicker: () => TimePicker,
+  TimePickerButtonStyled: () => TimePickerButtonStyled,
+  TimePickerDropdownStyled: () => TimePickerDropdownStyled,
+  TimePickerFooterStyled: () => TimePickerFooterStyled,
+  TimePickerFormField: () => TimePickerFormField,
+  TimePickerStyled: () => TimePickerStyled,
+  TimerPickerContentStyled: () => TimerPickerContentStyled,
+  ToastItem: () => ToastItem,
+  ToastProvider: () => ToastProvider,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipRoot: () => TooltipRoot,
+  TooltipTrigger: () => TooltipTrigger,
+  UploadService: () => UploadService,
+  isValidCNPJ: () => isValidCNPJ,
+  maskFormat: () => maskFormat,
+  maskUnformat: () => maskUnformat,
+  useImageUpload: () => useImageUpload,
+  useToast: () => useToast
 });
-function Text(_a) {
-  var _b = _a, { color } = _b, props = __objRest(_b, ["color"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    TextStyle,
-    __spreadProps(__spreadValues({}, props), {
-      css: __spreadValues({
-        color: color ? "$" + color : "$dark600"
-      }, props.css)
-    })
-  );
-}
+module.exports = __toCommonJS(index_exports);
+init_Icon();
+init_Text();
 
 // src/components/Button/styledComponents.ts
 var import_themes2 = require("@radix-ui/themes");
+init_styles();
 var ButtonStyled = styled(import_themes2.Button, {
   $$buttonColor: "inherit",
   $$buttonBgColor: "$colors$grey50",
@@ -1838,6 +2819,7 @@ function Button(_a) {
 }
 
 // src/components/ButtonGroup.tsx
+init_styles();
 var import_themes4 = require("@radix-ui/themes");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ButtonItemStyled = styled(import_themes4.Button, {
@@ -2313,6 +3295,7 @@ function ButtonGroup(_a) {
 }
 
 // src/components/Avatar.tsx
+init_styles();
 var import_themes5 = require("@radix-ui/themes");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var AvatarStyled = styled(import_themes5.Avatar, {
@@ -2364,118 +3347,12 @@ function Avatar(_a) {
 
 // src/components/TextField.tsx
 var import_react2 = __toESM(require("react"));
+init_styles();
 var import_themes7 = require("@radix-ui/themes");
-
-// src/components/Flex.tsx
-var import_themes6 = require("@radix-ui/themes");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var FlexStyled = styled(import_themes6.Flex, {
-  variants: {
-    display: {
-      "flex": { display: "flex" },
-      "inline-flex": { display: "inline-flex" }
-    },
-    align: {
-      start: { alignItems: "flex-start" },
-      center: { alignItems: "center" },
-      end: { alignItems: "flex-end" },
-      stretch: { alignItems: "stretch" },
-      baseline: { alignItems: "baseline" }
-    },
-    justify: {
-      start: { justifyContent: "flex-start" },
-      center: { justifyContent: "center" },
-      end: { justifyContent: "flex-end" },
-      between: { justifyContent: "space-between" },
-      around: { justifyContent: "space-around" },
-      evenly: { justifyContent: "space-evenly" }
-    },
-    direction: {
-      row: { flexDirection: "row" },
-      column: { flexDirection: "column" },
-      "row-reverse": { flexDirection: "row-reverse" },
-      "column-reverse": { flexDirection: "column-reverse" }
-    },
-    gap: {
-      0: { gap: "0px" },
-      2: { gap: "$2" },
-      4: { gap: "$4" },
-      6: { gap: "$6" },
-      8: { gap: "$8" },
-      10: { gap: "$10" },
-      12: { gap: "$12" },
-      14: { gap: "$14" },
-      16: { gap: "$16" },
-      20: { gap: "$20" },
-      22: { gap: "$22" },
-      24: { gap: "$24" },
-      32: { gap: "$32" },
-      36: { gap: "$36" },
-      40: { gap: "$40" },
-      48: { gap: "$48" },
-      56: { gap: "$56" },
-      64: { gap: "$64" },
-      72: { gap: "$72" },
-      80: { gap: "$80" },
-      full: { gap: "$full" }
-    },
-    gapY: {
-      2: { gap: "$2" },
-      4: { gap: "$4" },
-      6: { gap: "$6" },
-      8: { gap: "$8" },
-      10: { gap: "$10" },
-      12: { gap: "$12" },
-      14: { gap: "$14" },
-      16: { gap: "$16" },
-      20: { gap: "$20" },
-      22: { gap: "$22" },
-      24: { gap: "$24" },
-      32: { gap: "$32" },
-      36: { gap: "$36" },
-      40: { gap: "$40" },
-      48: { gap: "$48" },
-      56: { gap: "$56" },
-      64: { gap: "$64" },
-      72: { gap: "$72" },
-      80: { gap: "$80" },
-      full: { gap: "$full" }
-    },
-    gapX: {
-      2: { gap: "$2" },
-      4: { gap: "$4" },
-      6: { gap: "$6" },
-      8: { gap: "$8" },
-      10: { gap: "$10" },
-      12: { gap: "$12" },
-      14: { gap: "$14" },
-      16: { gap: "$16" },
-      20: { gap: "$20" },
-      22: { gap: "$22" },
-      24: { gap: "$24" },
-      32: { gap: "$32" },
-      36: { gap: "$36" },
-      40: { gap: "$40" },
-      48: { gap: "$48" },
-      56: { gap: "$56" },
-      64: { gap: "$64" },
-      72: { gap: "$72" },
-      80: { gap: "$80" },
-      full: { gap: "$full" }
-    }
-  },
-  defaultVariants: {
-    display: "flex",
-    direction: "row",
-    gap: 10
-  }
-});
-function Flex2(_a) {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FlexStyled, __spreadProps(__spreadValues({}, props), { children }));
-}
-
-// src/components/TextField.tsx
+init_Icon();
+init_typographyValues();
+init_Text();
+init_Flex();
 var import_mask = require("@react-input/mask");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var TextFieldStyled = styled(import_themes7.TextField.Root, {
@@ -2806,7 +3683,9 @@ function TextFieldSlot(_a) {
 }
 
 // src/components/RadioGroup.tsx
+init_styles();
 var import_themes8 = require("@radix-ui/themes");
+init_typographyValues();
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var RadioGroupStyled = styled(import_themes8.RadioGroup.Root, {
   fontFamily: "$default",
@@ -2996,7 +3875,9 @@ function RadioItem(_a) {
 }
 
 // src/components/CheckboxGroup.tsx
+init_styles();
 var import_themes9 = require("@radix-ui/themes");
+init_typographyValues();
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var CheckboxGroupStyled = styled(import_themes9.CheckboxGroup.Root, {
   fontFamily: "$default",
@@ -3150,7 +4031,10 @@ function CheckboxItem(_a) {
 }
 
 // src/components/Filter.tsx
+init_styles();
 var import_themes10 = require("@radix-ui/themes");
+init_Icon();
+init_typographyValues();
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var FilterContentStyled = styled(import_themes10.DropdownMenu.Content, {
   background: "white",
@@ -3292,7 +4176,10 @@ function FilterItem(_a) {
 // src/components/Dropdown.tsx
 var import_react3 = __toESM(require("react"));
 var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
+init_typographyValues();
 var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
+init_dist();
+init_styles();
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DropdownMenuItemStyled = styled("div", {
   fontFamily: "$default",
@@ -3552,6 +4439,7 @@ function DropdownMenuItem(_a) {
 
 // src/components/Badge.tsx
 var import_react4 = __toESM(require("react"));
+init_styles();
 var import_themes11 = require("@radix-ui/themes");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var BadgeStyled = styled(import_themes11.Badge, {
@@ -3664,13 +4552,16 @@ function Badge(_a) {
 }
 
 // src/components/Modal.tsx
+init_styles();
 var import_radix_ui = require("radix-ui");
+init_Icon();
 
 // src/components/Box.tsx
 var import_themes12 = require("@radix-ui/themes");
 var Box = import_themes12.Box;
 
 // src/components/Modal.tsx
+init_Text();
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var ModalContentStyled = styled(import_radix_ui.Dialog.Content, {
   fontFamily: "$default",
@@ -3735,6 +4626,7 @@ function Modal(_a) {
 var import_react6 = require("react");
 
 // src/components/MenuDropdown/styledComponents.ts
+init_styles();
 var MenuDropdownContainerStyled = styled("div", {
   position: "relative",
   width: "fit-content"
@@ -3765,6 +4657,9 @@ var MenuItemsContainerStyled = styled("div", {
   height: "fit-content"
 });
 
+// src/components/MenuDropdown/index.tsx
+init_Icon();
+
 // src/hooks/useOnClickOutside.tsx
 var import_react5 = require("react");
 function useOnClickOutside(ref, handler) {
@@ -7707,7 +8602,11 @@ function cleanEscapedString2(input) {
   return input.match(escapedStringRegExp2)[1].replace(doubleQuoteRegExp2, "'");
 }
 
+// src/components/Calendar/index.tsx
+init_Icon();
+
 // src/components/Calendar/styledComponents.ts
+init_styles();
 var CalendarStyled = styled("div", {
   fontFamily: "$default",
   lineHeight: "$base",
@@ -8066,8 +8965,11 @@ function Calendar(_a) {
 
 // src/components/Drawer/index.tsx
 var import_react8 = require("react");
+init_dist();
+init_Icon();
 
 // src/components/Drawer/styledComponents.ts
+init_styles();
 var DrawerOverlayStyled = styled("div", {
   position: "fixed",
   top: 0,
@@ -8184,6 +9086,9 @@ function Drawer({
 
 // src/components/TimePicker.tsx
 var import_react9 = require("react");
+init_Text();
+init_Icon();
+init_styles();
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8508,7 +9413,11 @@ function TimePicker({
 }
 
 // src/components/Alert.tsx
+init_styles();
 var import_themes13 = require("@radix-ui/themes");
+init_Flex();
+init_Icon();
+init_Text();
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var AlertDialogSimpleStyled = styled(import_themes13.AlertDialog.Content, {
   fontFamily: "$default",
@@ -8749,6 +9658,7 @@ function Alert(_a) {
 
 // src/components/Switch.tsx
 var import_themes14 = require("@radix-ui/themes");
+init_styles();
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var SwitchStyled = styled(import_themes14.Switch, {
   all: "unset",
@@ -8848,6 +9758,7 @@ function Switch(props) {
 
 // src/components/Step.tsx
 var import_react10 = __toESM(require("react"));
+init_styles();
 var import_themes15 = require("@radix-ui/themes");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var StepStyled = styled("div", {
@@ -8980,6 +9891,7 @@ function StepWrapper(_a) {
 }
 
 // src/components/Card.tsx
+init_styles();
 var import_themes16 = require("@radix-ui/themes");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var CardStyled = styled(import_themes16.Card, {
@@ -9022,7 +9934,10 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 var import_themes17 = require("@radix-ui/themes");
+init_styles();
 var import_react11 = __toESM(require("react"));
+init_typographyValues();
+init_Text();
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TextareaFieldStyle = styled(import_themes17.TextArea, {
   display: "flex",
@@ -9088,256 +10003,52 @@ var TextareaLimitIndicator = styled("div", {
   }
 });
 var TextareaField = import_react11.default.forwardRef((_a, forwardedRef) => {
-  var _b = _a, { maxLength, color } = _b, props = __objRest(_b, ["maxLength", "color"]);
-  const inputRef = (0, import_react11.useRef)(null);
-  const [remaining, setRemaining] = (0, import_react11.useState)(maxLength);
-  (0, import_react11.useEffect)(() => {
-    var _a2;
-    if (maxLength && inputRef.current) {
-      setRemaining(maxLength - ((_a2 = inputRef.current.value.length) != null ? _a2 : 0));
-    }
-  }, [maxLength]);
-  const handleInput = (e) => {
-    var _a2;
-    if (maxLength) {
-      setRemaining(maxLength - e.currentTarget.value.length);
-    }
-    (_a2 = props.onInput) == null ? void 0 : _a2.call(props, e);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TextareaContainer, { color, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.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 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextareaLimitIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { typography: "badgeMedium", children: remaining }) })
-  ] });
-});
-
-// src/components/Toast/components/ToastItem.tsx
-var import_react13 = require("react");
-
-// src/components/Toast/styles/index.ts
-var import_react12 = require("@stitches/react");
-var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
-var slideIn = (0, import_react12.keyframes)({
-  from: {
-    transform: "translateX(calc(100% + 25px))",
-    opacity: 0
-  },
-  to: {
-    transform: "translateX(0)",
-    opacity: 1
-  }
-});
-var slideOut = (0, import_react12.keyframes)({
-  from: {
-    transform: "translateX(0)",
-    opacity: 1
-  },
-  to: {
-    transform: "translateX(calc(100% + 25px))",
-    opacity: 0
-  }
-});
-var swipeOut = (0, import_react12.keyframes)({
-  from: {
-    transform: "translateX(var(--radix-toast-swipe-end-x))",
-    opacity: 1
-  },
-  to: {
-    transform: "translateX(calc(100% + 25px))",
-    opacity: 0
-  }
-});
-var ToastViewport = styled(ToastPrimitive.Viewport, {
-  position: "fixed",
-  top: 0,
-  right: 0,
-  display: "flex",
-  flexDirection: "column",
-  padding: 25,
-  gap: 10,
-  width: 390,
-  maxWidth: "100vw",
-  margin: 0,
-  listStyle: "none",
-  zIndex: 2147483647,
-  outline: "none"
-});
-var ToastRoot = styled(ToastPrimitive.Root, {
-  backgroundColor: "$neutral50",
-  borderRadius: "$sm",
-  boxShadow: "hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",
-  padding: "$16",
-  gap: "$8",
-  display: "flex",
-  alignItems: "center",
-  border: "1px solid",
-  position: "relative",
-  zIndex: 9999,
-  '&[data-state="open"]': {
-    animation: `${slideIn} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
-  },
-  '&[data-state="closed"]': {
-    animation: `${slideOut} 100ms ease-in`
-  },
-  '&[data-swipe="move"]': {
-    transform: "translateX(var(--radix-toast-swipe-move-x))"
-  },
-  '&[data-swipe="cancel"]': {
-    transform: "translateX(0)",
-    transition: "transform 200ms ease-out"
-  },
-  '&[data-swipe="end"]': {
-    animation: `${swipeOut} 100ms ease-out`
-  },
-  $$toastColor: "inherit",
-  color: "$$toastColor",
-  borderColor: "$$toastColor",
-  variants: {
-    type: {
-      success: {
-        $$toastColor: "$colors$success600",
-        backgroundColor: "$success50"
-      },
-      error: {
-        $$toastColor: "$colors$error600",
-        backgroundColor: "$error50"
-      },
-      warning: {
-        $$toastColor: "$colors$warning600",
-        backgroundColor: "$warning50"
-      },
-      info: {
-        $$toastColor: "$colors$info600",
-        backgroundColor: "$info50"
-      }
-    }
-  },
-  defaultVariants: {
-    type: "info"
-  }
-});
-var ToastClose = styled(ToastPrimitive.Close, {
-  border: "none",
-  backgroundColor: "transparent",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  color: "inherit",
-  borderRadius: 4,
-  padding: 4,
-  cursor: "pointer",
-  opacity: 0.7,
-  "&:hover": {
-    opacity: 1,
-    backgroundColor: "rgba(0, 0, 0, 0.05)"
-  },
-  "&:focus": {
-    boxShadow: "0 0 0 2px currentColor",
-    opacity: 1
-  }
-});
-
-// src/components/Toast/components/ToastItem.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function ToastItem({
-  toast,
-  onRemove
-}) {
-  const [open, setOpen] = (0, import_react13.useState)(true);
-  const handleOpenChange = (open2) => {
-    setOpen(open2);
-    if (!open2) {
-      onRemove(toast.id);
+  var _b = _a, { maxLength, color } = _b, props = __objRest(_b, ["maxLength", "color"]);
+  const inputRef = (0, import_react11.useRef)(null);
+  const [remaining, setRemaining] = (0, import_react11.useState)(maxLength);
+  (0, import_react11.useEffect)(() => {
+    var _a2;
+    if (maxLength && inputRef.current) {
+      setRemaining(maxLength - ((_a2 = inputRef.current.value.length) != null ? _a2 : 0));
     }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-    ToastRoot,
-    {
-      type: toast.type,
-      duration: toast.duration,
-      open,
-      onOpenChange: handleOpenChange,
-      children: [
-        (toast == null ? void 0 : toast.icon) && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { name: toast.icon, size: "xl" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { typography: "bodyS", fontWeight: "medium", children: toast.message }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ToastClose, { "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon_default, { name: "xmark", size: "md" }) })
-      ]
+  }, [maxLength]);
+  const handleInput = (e) => {
+    var _a2;
+    if (maxLength) {
+      setRemaining(maxLength - e.currentTarget.value.length);
     }
-  );
-}
-
-// src/components/Toast/components/ToastProvider.tsx
-var import_react14 = require("react");
-var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var ToastContext = (0, import_react14.createContext)(null);
-function ToastProvider({
-  children,
-  defaultDuration = 5e3,
-  maxToasts = 5,
-  swipeDirection = "right"
-}) {
-  const [toasts, setToasts] = (0, import_react14.useState)([]);
-  const addToast = (toastData) => {
-    const id = Math.random().toString(36).substr(2, 9);
-    const newToast = __spreadProps(__spreadValues({
-      id
-    }, toastData), {
-      type: (toastData == null ? void 0 : toastData.type) || "info",
-      duration: (toastData == null ? void 0 : toastData.duration) || defaultDuration,
-      createdAt: Date.now()
-    });
-    setToasts((prevToasts) => {
-      const updatedToasts = [...prevToasts, newToast];
-      return updatedToasts.slice(-maxToasts);
-    });
-    return id;
-  };
-  const removeToast = (id) => {
-    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
-  };
-  const removeAllToasts = () => {
-    setToasts([]);
-  };
-  const contextValue = {
-    toasts,
-    addToast,
-    removeToast,
-    removeAllToasts
+    (_a2 = props.onInput) == null ? void 0 : _a2.call(props, e);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ToastPrimitive2.Provider, { swipeDirection, children: [
-    children,
-    toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastItem, { toast, onRemove: removeToast }, toast.id)),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastViewport, {})
-  ] }) });
-}
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TextareaContainer, { color, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.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 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextareaLimitIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { typography: "badgeMedium", children: remaining }) })
+  ] });
+});
 
-// src/components/Toast/hooks/useToast.ts
-var import_react15 = require("react");
-var useToast = () => {
-  const context = (0, import_react15.useContext)(ToastContext);
-  if (!context) {
-    throw new Error("useToast deve ser usado dentro de um ToastProvider");
-  }
-  return context;
-};
+// src/components/Toast/index.tsx
+init_ToastItem();
+init_ToastProvider();
+init_useToast();
 
 // src/components/Tooltip/index.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+init_styles();
+init_Text();
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = TooltipPrimitive.Root;
@@ -9389,9 +10100,13 @@ function Tooltip({
 // src/components/MultiSelect.tsx
 var import_react16 = __toESM(require("react"));
 var import_themes18 = require("@radix-ui/themes");
+init_styles();
+init_Text();
 var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
+init_dist();
 var import_react17 = require("react");
+init_Flex();
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var StyledContent = styled(import_themes18.DropdownMenu.Content, {
   backgroundColor: "$dark50",
@@ -9655,7 +10370,11 @@ var MultiSelect = import_react16.default.forwardRef(
   }
 );
 
+// src/index.tsx
+init_Flex();
+
 // src/components/Grid.tsx
+init_styles();
 var import_themes19 = require("@radix-ui/themes");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var GridStyled = styled(import_themes19.Grid, {
@@ -9783,6 +10502,7 @@ function Grid(_a) {
 }
 
 // src/components/Container.tsx
+init_styles();
 var import_themes20 = require("@radix-ui/themes");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var ContainerStyled = styled(import_themes20.Container, {
@@ -9818,6 +10538,7 @@ function Container(_a) {
 }
 
 // src/components/Section.tsx
+init_styles();
 var import_themes21 = require("@radix-ui/themes");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var SectionStyled = styled(import_themes21.Section, {
@@ -9849,6 +10570,9 @@ function Section(_a) {
 // src/components/FormFields/subComponents/ErrorFormMessage.tsx
 var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
+init_dist();
+init_Flex();
+init_Text();
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var ErrorFormMessage = ({ message: message2 }) => {
   if (!message2) return null;
@@ -9862,6 +10586,7 @@ var ErrorFormMessage = ({ message: message2 }) => {
 };
 
 // src/components/FormFields/subComponents/FormLabel.tsx
+init_Text();
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var FormLabel = ({
   name,
@@ -9887,6 +10612,7 @@ var FormLabel = ({
 
 // src/components/FormFields/TextAreaFormField.tsx
 var import_react_hook_form = require("react-hook-form");
+init_Flex();
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var TextAreaFormField = (_a) => {
   var _b = _a, {
@@ -9939,6 +10665,7 @@ var TextAreaFormField = (_a) => {
 
 // src/components/FormFields/TextFormField.tsx
 var import_react_hook_form2 = require("react-hook-form");
+init_Flex();
 var import_react18 = require("react");
 var import_mask2 = require("@react-input/mask");
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -10045,6 +10772,7 @@ var Form = (_a) => {
 
 // src/components/FormFields/MultiSelectFormField.tsx
 var import_react_hook_form4 = require("react-hook-form");
+init_Flex();
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var MultiSelectFormField = (_a) => {
   var _b = _a, {
@@ -10152,6 +10880,7 @@ var PhoneFormField = ({
 
 // src/components/FormFields/CPFFormField.tsx
 var import_react_hook_form5 = require("react-hook-form");
+init_Flex();
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var isValidCPF = (cpf) => {
   cpf = cpf.replace(/[^\d]+/g, "");
@@ -10377,8 +11106,12 @@ var IdentityDocumentNumberFormField = ({
 // src/components/FormFields/AddressFormFields/index.tsx
 var import_react_hook_form8 = require("react-hook-form");
 
+// src/components/FormFields/AddressFormFields/CountryFormField.tsx
+init_Flex();
+
 // src/components/FormFields/SelectFormField.tsx
 var import_react_hook_form6 = require("react-hook-form");
+init_Flex();
 
 // src/utils/getNestedValue.ts
 function getNestedValue(obj, path) {
@@ -10670,6 +11403,7 @@ function CityFormField({
 }
 
 // src/components/FormFields/AddressFormFields/index.tsx
+init_styles();
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function getNestedValue2(obj, path) {
   return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
@@ -10799,6 +11533,7 @@ function AddressFormFields({
 
 // src/components/FormFields/RadioGroupFormField.tsx
 var import_react_hook_form9 = require("react-hook-form");
+init_Flex();
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var RadioGroupFormField = ({
   name,
@@ -10860,6 +11595,7 @@ var RadioGroupFormField = ({
 
 // src/components/FormFields/CheckboxGroupFormField.tsx
 var import_react_hook_form10 = require("react-hook-form");
+init_Flex();
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var CheckboxGroupFormField = ({
   name,
@@ -10949,573 +11685,19 @@ var EmailFormField = ({
 
 // src/components/FormFields/RichEditorFormField.tsx
 var import_react_hook_form11 = require("react-hook-form");
-
-// src/components/RichEditor/QuillComponent.tsx
-var import_react20 = require("react");
-var import_react_quilljs = require("react-quilljs");
-var import_quill_snow = require("quill/dist/quill.snow.css");
-
-// src/utils/uploadService.ts
-var generateUniqueFilename = (originalName) => {
-  const timestamp = Date.now().toString(36);
-  const random = Math.random().toString(36).substring(2, 8);
-  const extension = originalName.split(".").pop();
-  return `${timestamp}_${random}.${extension}`;
-};
-var UploadService = class {
-  static getPresignedUrl(filename, contentType, config2) {
-    return __async(this, null, function* () {
-      var _a;
-      const apiUrl = config2.apiUrl;
-      const presignedUrlEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.presignedUrl;
-      const bucket = config2.s3Bucket;
-      try {
-        const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            filename,
-            contentType,
-            bucket
-          })
-        });
-        if (!response.ok) {
-          throw new Error("Falha ao gerar URL de upload");
-        }
-        const data = yield response.json();
-        return data.presignedUrl;
-      } catch (error) {
-        console.error("Erro ao gerar URL pr\xE9-assinada:", error);
-        throw new Error("Falha ao gerar URL de upload");
-      }
-    });
-  }
-  static uploadToS3(file, config2, onProgress) {
-    return __async(this, null, function* () {
-      try {
-        const uniqueFilename = generateUniqueFilename(file.name);
-        const blob = new Blob([file], { type: file.type });
-        const s3Url = `${config2.s3Url}/${uniqueFilename}`;
-        return new Promise((resolve, reject) => {
-          const xhr = new XMLHttpRequest();
-          xhr.upload.addEventListener("progress", (event) => {
-            if (event.lengthComputable) {
-              const percentComplete = Math.round(
-                event.loaded / event.total * 100
-              );
-              onProgress == null ? void 0 : onProgress({
-                amount: percentComplete,
-                message: `Fazendo upload... ${percentComplete}%`
-              });
-            }
-          });
-          xhr.addEventListener("load", () => {
-            if (xhr.status === 200) {
-              resolve({
-                url: s3Url,
-                filename: uniqueFilename,
-                size: file.size,
-                type: file.type
-              });
-            } else {
-              reject(new Error(`Upload falhou com status: ${xhr.status}`));
-            }
-          });
-          xhr.addEventListener("error", () => {
-            reject(new Error("Erro de rede durante upload"));
-          });
-          xhr.open("PUT", s3Url);
-          xhr.setRequestHeader("Content-Type", file.type);
-          xhr.send(blob);
-        });
-      } catch (error) {
-        console.error("Erro no upload:", error);
-        throw error;
-      }
-    });
-  }
-  static uploadViaAPI(file, config2, onProgress) {
-    return __async(this, null, function* () {
-      try {
-        const formData = new FormData();
-        formData.append("file", file);
-        const bucket = config2.s3Bucket;
-        formData.append("bucket", bucket);
-        const xhr = new XMLHttpRequest();
-        return new Promise((resolve, reject) => {
-          var _a;
-          xhr.upload.addEventListener("progress", (event) => {
-            if (event.lengthComputable) {
-              const percentComplete = Math.round(
-                event.loaded / event.total * 100
-              );
-              onProgress == null ? void 0 : onProgress({
-                amount: percentComplete,
-                message: `Fazendo upload... ${percentComplete}%`
-              });
-            }
-          });
-          xhr.addEventListener("load", () => {
-            if (xhr.status === 200) {
-              try {
-                const response = JSON.parse(xhr.responseText);
-                resolve({
-                  url: response.url,
-                  filename: response.filename,
-                  size: file.size,
-                  type: file.type
-                });
-              } catch (error) {
-                reject(new Error("Resposta inv\xE1lida do servidor"));
-              }
-            } else {
-              reject(new Error(`Upload falhou com status: ${xhr.status}`));
-            }
-          });
-          xhr.addEventListener("error", () => {
-            reject(new Error("Erro de rede durante upload"));
-          });
-          const apiUrl = config2.apiUrl;
-          const uploadEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.upload;
-          xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
-          xhr.send(formData);
-        });
-      } catch (error) {
-        console.error("Erro no upload via API:", error);
-        throw error;
-      }
-    });
-  }
-};
-
-// src/components/RichEditor/styledComponents.ts
-var QuillContainer = styled("div", {
-  display: "flex",
-  flexDirection: "column"
-});
-var QuillEditor = styled("div", {
-  "& .ql-editor": {
-    minHeight: "200px",
-    padding: "$12",
-    fontSize: "$14",
-    lineHeight: "$base",
-    fontFamily: "$default",
-    color: "$neutral900",
-    backgroundColor: "$white",
-    border: "none",
-    outline: "none",
-    cursor: "text",
-    caretColor: "$primary500",
-    "&:focus": {
-      borderColor: "$primary500",
-      boxShadow: "0 0 0 1px $primary500"
-    },
-    "& p": {
-      margin: "0 0 $8 0"
-    },
-    "& p:last-child": {
-      marginBottom: 0
-    },
-    "& .ql-cursor": {
-      borderLeft: "2px solid $primary500"
-    }
-  },
-  "& .ql-toolbar": {
-    backgroundColor: "$grey100",
-    border: "1px solid $neutral300",
-    borderBottom: "none",
-    borderTopLeftRadius: "$sm",
-    borderTopRightRadius: "$sm",
-    padding: "$8 $12"
-  },
-  "& .ql-container": {
-    border: "1px solid $neutral300",
-    borderTop: "none",
-    borderBottomLeftRadius: "$sm",
-    borderBottomRightRadius: "$sm",
-    fontFamily: "$default"
-  },
-  "& .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before": {
-    content: "T\xEDtulo 1"
-  },
-  "& .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before": {
-    content: "T\xEDtulo 2"
-  }
-});
-
-// src/components/RichEditor/QuillComponent.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var QuillComponent = ({
-  value = "",
-  onChange,
-  placeholder = "Digite seu texto aqui...",
-  disabled = false,
-  className,
-  uploadConfig
-}) => {
-  const [showVideoModal, setShowVideoModal] = (0, import_react20.useState)(false);
-  const [videoUrl, setVideoUrl] = (0, import_react20.useState)("");
-  const [showLinkModal, setShowLinkModal] = (0, import_react20.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react20.useState)("");
-  const videoModalRef = (0, import_react20.useRef)(null);
-  const linkModalRef = (0, import_react20.useRef)(null);
-  const { addToast, removeToast } = useToast();
-  const modules = {
-    toolbar: [
-      [{ header: [1, 2, false] }],
-      ["bold", "italic", "underline", "strike"],
-      [{ color: [] }, { background: [] }],
-      [{ align: [] }],
-      [{ list: "ordered" }, { list: "bullet" }],
-      ["link", "image", "video"]
-    ],
-    clipboard: {
-      matchVisual: false
-    }
-  };
-  const formats = [
-    "header",
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "color",
-    "background",
-    "align",
-    "list",
-    "link",
-    "image",
-    "video"
-  ];
-  const { quill, quillRef } = (0, import_react_quilljs.useQuill)({
-    theme: "snow",
-    modules,
-    formats,
-    placeholder,
-    readOnly: disabled
-  });
-  const handleImageUpload = (0, import_react20.useCallback)(
-    (file) => __async(null, null, function* () {
-      if (disabled || !quill || !uploadConfig) return;
-      try {
-        addToast({
-          type: "info",
-          message: "Carregando imagem...",
-          duration: 2e3
-        });
-        const uploadedFile = yield UploadService.uploadToS3(file, uploadConfig);
-        removeToast("info");
-        addToast({
-          type: "success",
-          message: "Imagem adicionada com sucesso!"
-        });
-        const selection = quill.getSelection();
-        const index = selection ? selection.index : quill.getLength();
-        quill.insertEmbed(index, "image", uploadedFile.url);
-        quill.setSelection(index + 1, 0);
-      } catch (error) {
-        console.error("Erro no upload:", error);
-        addToast({
-          type: "error",
-          message: "Erro no upload: N\xE3o foi poss\xEDvel enviar a imagem. Tente novamente."
-        });
-      }
-    }),
-    [disabled, quill, addToast, removeToast, uploadConfig]
-  );
-  (0, import_react20.useEffect)(() => {
-    if (quill && value) {
-      const currentContent = quill.root.innerHTML;
-      if (currentContent !== value) {
-        const selection = quill.getSelection();
-        quill.clipboard.dangerouslyPasteHTML(value);
-        if (selection) {
-          quill.setSelection(selection.index, selection.length);
-        } else {
-          quill.setSelection(quill.getLength(), 0);
-        }
-      }
-    }
-  }, [quill, value]);
-  (0, import_react20.useEffect)(() => {
-    if (quill) {
-      quill.on("text-change", (delta, oldDelta, source) => {
-        if (source === "user") {
-          const html = quill.root.innerHTML;
-          onChange == null ? void 0 : onChange(html);
-        }
-      });
-      const toolbar = quill.getModule("toolbar");
-      if (toolbar) {
-        toolbar.addHandler("link", () => setShowLinkModal(true));
-        toolbar.addHandler("video", () => setShowVideoModal(true));
-        toolbar.addHandler("image", () => {
-          const input = document.createElement("input");
-          input.setAttribute("type", "file");
-          input.setAttribute("accept", "image/*");
-          input.click();
-          input.onchange = () => __async(null, null, function* () {
-            var _a;
-            const file = (_a = input.files) == null ? void 0 : _a[0];
-            if (file) {
-              yield handleImageUpload(file);
-            }
-          });
-        });
-      }
-      setTimeout(() => {
-        var _a, _b;
-        const toolbarElement = (_b = (_a = quillRef.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
-        if (toolbarElement) {
-          const headerSelect = toolbarElement.querySelector(
-            "select[data-value]"
-          );
-          if (headerSelect) {
-            const options = headerSelect.querySelectorAll("option");
-            options.forEach((option) => {
-              if (option.value === "1") {
-                option.textContent = "T\xEDtulo 1";
-              } else if (option.value === "2") {
-                option.textContent = "T\xEDtulo 2";
-              } else if (option.value === "") {
-                option.textContent = "Normal";
-              }
-            });
-          }
-        }
-      }, 2e3);
-    }
-  }, [quill, onChange, handleImageUpload]);
-  (0, import_react20.useEffect)(() => {
-    if (quill) {
-      quill.enable(!disabled);
-      if (!disabled) {
-        if (quill.getLength() <= 1) {
-          quill.focus();
-          quill.setSelection(0, 0);
-        }
-      }
-    }
-  }, [quill, disabled]);
-  const handleLinkCancel = (0, import_react20.useCallback)(() => {
-    setLinkUrl("");
-    setShowLinkModal(false);
-  }, []);
-  const handleLinkSubmit = (0, import_react20.useCallback)(() => {
-    if (!linkUrl.trim() || !quill) return;
-    const url = linkUrl.trim();
-    const selection = quill.getSelection();
-    if (selection && selection.length > 0) {
-      quill.format("link", url);
-    } else {
-      const index = quill.getLength();
-      quill.insertText(index, url, "link", url);
-      quill.setSelection(index + url.length, 0);
-    }
-    setLinkUrl("");
-    setShowLinkModal(false);
-  }, [linkUrl, quill]);
-  const handleVideoCancel = (0, import_react20.useCallback)(() => {
-    setVideoUrl("");
-    setShowVideoModal(false);
-  }, []);
-  const handleVideoSubmit = (0, import_react20.useCallback)(() => {
-    var _a, _b;
-    if (!videoUrl.trim() || !quill) return;
-    let processedUrl = videoUrl.trim();
-    if (processedUrl.includes("youtube.com/watch")) {
-      const videoId = (_a = processedUrl.match(/[?&]v=([^&]+)/)) == null ? void 0 : _a[1];
-      if (videoId) {
-        processedUrl = `https://www.youtube.com/embed/${videoId}`;
-      }
-    } else if (processedUrl.includes("youtu.be/")) {
-      const videoId = (_b = processedUrl.split("youtu.be/")[1]) == null ? void 0 : _b.split("?")[0];
-      if (videoId) {
-        processedUrl = `https://www.youtube.com/embed/${videoId}`;
-      }
-    }
-    const videoHTML = `
-      <iframe 
-        src="${processedUrl}"
-        style="max-width:100%; height:315px; border:0;"
-        title="Video player" 
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
-        allowfullscreen>
-      </iframe>
-      <br/>
-    `;
-    const selection = quill.getSelection();
-    const insertIndex = selection ? selection.index : quill.getLength();
-    quill.clipboard.dangerouslyPasteHTML(insertIndex, videoHTML);
-    quill.setSelection(insertIndex + 1, 0);
-    setVideoUrl("");
-    setShowVideoModal(false);
-  }, [videoUrl, quill]);
-  (0, import_react20.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
-        handleVideoCancel();
-      }
-      if (showLinkModal && linkModalRef.current && !linkModalRef.current.contains(event.target)) {
-        handleLinkCancel();
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [showVideoModal, showLinkModal, handleVideoCancel, handleLinkCancel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(QuillEditor, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ref: quillRef }),
-    showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      "div",
-      {
-        ref: videoModalRef,
-        style: {
-          position: "absolute",
-          top: "20px",
-          left: "20px",
-          right: "20px",
-          backgroundColor: "white",
-          border: "1px solid #e0e0e0",
-          borderRadius: "4px",
-          padding: "12px",
-          boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-          zIndex: 1e3,
-          width: "fit-content"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex2, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            Text,
-            {
-              style: { fontSize: "14px", fontWeight: "500", color: "#333" },
-              children: "V\xEDdeo:"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            "input",
-            {
-              type: "text",
-              value: videoUrl,
-              onChange: (e) => setVideoUrl(e.target.value),
-              placeholder: "Embed URL",
-              style: {
-                padding: "8px 12px",
-                border: "1px solid #d0d0d0",
-                borderRadius: "4px",
-                fontSize: "14px",
-                backgroundColor: "#f8f8f8"
-              },
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  handleVideoSubmit();
-                } else if (e.key === "Escape") {
-                  handleVideoCancel();
-                }
-              },
-              autoFocus: true
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            "button",
-            {
-              onClick: handleVideoSubmit,
-              disabled: !videoUrl.trim(),
-              style: {
-                padding: "8px 16px",
-                backgroundColor: "#007bff",
-                color: "white",
-                border: "none",
-                borderRadius: "4px",
-                fontSize: "14px",
-                cursor: videoUrl.trim() ? "pointer" : "not-allowed",
-                opacity: videoUrl.trim() ? 1 : 0.6
-              },
-              children: "Ok"
-            }
-          )
-        ] })
-      }
-    ),
-    showLinkModal && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      "div",
-      {
-        ref: linkModalRef,
-        style: {
-          position: "absolute",
-          top: "20px",
-          left: "20px",
-          right: "20px",
-          backgroundColor: "white",
-          border: "1px solid #e0e0e0",
-          borderRadius: "4px",
-          padding: "12px",
-          boxShadow: "0 2px 8px rgba(0,0,0,0.1)",
-          zIndex: 1e3,
-          width: "fit-content"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Flex2, { gap: 8, align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            Text,
-            {
-              style: { fontSize: "14px", fontWeight: "500", color: "#333" },
-              children: "Link:"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            "input",
-            {
-              type: "text",
-              value: linkUrl,
-              onChange: (e) => setLinkUrl(e.target.value),
-              placeholder: "URL do link",
-              style: {
-                padding: "8px 12px",
-                border: "1px solid #d0d0d0",
-                borderRadius: "4px",
-                fontSize: "14px",
-                backgroundColor: "#f8f8f8",
-                width: "300px"
-              },
-              onKeyDown: (e) => {
-                if (e.key === "Enter") {
-                  handleLinkSubmit();
-                } else if (e.key === "Escape") {
-                  handleLinkCancel();
-                }
-              },
-              autoFocus: true
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-            "button",
-            {
-              onClick: handleLinkSubmit,
-              disabled: !linkUrl.trim(),
-              style: {
-                padding: "8px 16px",
-                backgroundColor: "#007bff",
-                color: "white",
-                border: "none",
-                borderRadius: "4px",
-                fontSize: "14px",
-                cursor: linkUrl.trim() ? "pointer" : "not-allowed",
-                opacity: linkUrl.trim() ? 1 : 0.6
-              },
-              children: "Ok"
-            }
-          )
-        ] })
-      }
-    )
-  ] }) });
-};
-var QuillComponent_default = QuillComponent;
+init_Flex();
 
 // src/components/RichEditor/RichEditor.tsx
+var import_react21 = require("react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
+var QuillComponent2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_QuillComponent(), QuillComponent_exports)));
 var RichEditor = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuillComponent_default, __spreadValues({}, props)) }) });
+  const [isClient, setIsClient] = (0, import_react21.useState)(false);
+  (0, import_react21.useEffect)(() => {
+    setIsClient(typeof window !== "undefined");
+  }, []);
+  if (!isClient) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react21.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(QuillComponent2, __spreadValues({}, props)) }) }) });
 };
 var RichEditor_default = RichEditor;
 
@@ -11575,7 +11757,8 @@ var RichEditorFormField = (_a) => {
 
 // src/components/FormFields/CalendarFormField.tsx
 var import_react_hook_form12 = require("react-hook-form");
-var import_react21 = require("react");
+init_Flex();
+var import_react22 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var CalendarFormField = (_a) => {
   var _b = _a, {
@@ -11597,7 +11780,7 @@ var CalendarFormField = (_a) => {
     "onChange",
     "allowPastDates"
   ]);
-  const handleValidate = (0, import_react21.useCallback)(
+  const handleValidate = (0, import_react22.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null) {
@@ -11651,7 +11834,8 @@ var CalendarFormField = (_a) => {
 
 // src/components/FormFields/TimePickerFormField.tsx
 var import_react_hook_form13 = require("react-hook-form");
-var import_react22 = require("react");
+init_Flex();
+var import_react23 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var TimePickerFormField = (_a) => {
   var _b = _a, {
@@ -11669,7 +11853,7 @@ var TimePickerFormField = (_a) => {
     "validationErrorMessage",
     "rules"
   ]);
-  const handleValidate = (0, import_react22.useCallback)(
+  const handleValidate = (0, import_react23.useCallback)(
     (value) => {
       var _a2;
       if (value === void 0 || value === null || value === "") {
@@ -11721,11 +11905,12 @@ var TimePickerFormField = (_a) => {
 };
 
 // src/hooks/useImageUpload.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
+init_uploadService();
 var useImageUpload = (options) => {
-  const [isUploading, setIsUploading] = (0, import_react23.useState)(false);
-  const [progress, setProgress] = (0, import_react23.useState)(null);
-  const [error, setError] = (0, import_react23.useState)(null);
+  const [isUploading, setIsUploading] = (0, import_react24.useState)(false);
+  const [progress, setProgress] = (0, import_react24.useState)(null);
+  const [error, setError] = (0, import_react24.useState)(null);
   const {
     onSuccess,
     onError,
@@ -11735,7 +11920,7 @@ var useImageUpload = (options) => {
     allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"],
     uploadConfig
   } = options;
-  const validateFile = (0, import_react23.useCallback)(
+  const validateFile = (0, import_react24.useCallback)(
     (file) => {
       if (!allowedTypes.includes(file.type)) {
         const errorMsg = "Tipo de arquivo n\xE3o suportado";
@@ -11753,7 +11938,7 @@ var useImageUpload = (options) => {
     },
     [allowedTypes, maxFileSize, onError]
   );
-  const uploadFile = (0, import_react23.useCallback)(
+  const uploadFile = (0, import_react24.useCallback)(
     (file) => __async(null, null, function* () {
       if (!validateFile(file)) {
         return null;
@@ -11806,7 +11991,7 @@ var useImageUpload = (options) => {
     }),
     [validateFile, onSuccess, onError, onProgress]
   );
-  const reset = (0, import_react23.useCallback)(() => {
+  const reset = (0, import_react24.useCallback)(() => {
     setIsUploading(false);
     setProgress(null);
     setError(null);
@@ -11819,6 +12004,9 @@ var useImageUpload = (options) => {
     reset
   };
 };
+
+// src/index.tsx
+init_uploadService();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddressFormFields,