@lets-events/react 12.1.9 → 12.1.11

package/dist/index.js

@@ -34,9 +34,6 @@ 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;
 };
@@ -848,1587 +845,17 @@ var require_factoryWithTypeCheckers = __commonJS({
 
 // ../../node_modules/prop-types/index.js
 var require_prop_types = __commonJS({
-  "../../node_modules/prop-types/index.js"(exports2, module2) {
-    "use strict";
-    if (true) {
-      ReactIs = require_react_is();
-      throwOnDirectAccess = true;
-      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-    } else {
-      module2.exports = null();
-    }
-    var ReactIs;
-    var throwOnDirectAccess;
-  }
-});
-
-// 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_runtime51, 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_runtime51 = require("react/jsx-runtime");
-    QuillComponent = ({
-      value = "",
-      onChange,
-      placeholder = "Digite seu texto aqui...",
-      disabled = false,
-      className,
-      uploadConfig,
-      simpleVersion = false,
-      onCharacterCountChange,
-      maxLength
-    }) => {
-      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 = simpleVersion ? {
-        toolbar: [
-          ["bold", "italic", "underline"],
-          [{ list: "ordered" }, { list: "bullet" }],
-          ["link"]
-        ],
-        clipboard: {
-          matchVisual: false
-        }
-      } : {
-        toolbar: [
-          [{ header: [1, 2, false] }],
-          ["bold", "italic", "underline", "strike"],
-          [{ color: [] }, { background: [] }],
-          [{ align: [] }],
-          [{ list: "ordered" }, { list: "bullet" }],
-          ["link", "image", "video"]
-        ],
-        clipboard: {
-          matchVisual: false
-        }
-      };
-      const formats = simpleVersion ? ["bold", "italic", "underline", "list", "link"] : [
-        "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 text = quill.getText().trim();
-              const count = text.length;
-              if (maxLength !== void 0 && count > maxLength) {
-                quill.deleteText(maxLength, count - maxLength);
-                return;
-              }
-              onChange == null ? void 0 : onChange(quill.root.innerHTML);
-              onCharacterCountChange == null ? void 0 : onCharacterCountChange(count);
-            }
-          });
-          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, onCharacterCountChange]);
-      (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_runtime51.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(QuillEditor, { style: { position: "relative" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref: quillRef }),
-        showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsxs)(Flex2, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                Text,
-                {
-                  style: { fontSize: "14px", fontWeight: "500", color: "#333" },
-                  children: "V\xEDdeo:"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime51.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_runtime51.jsxs)(Flex2, { gap: 8, align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                Text,
-                {
-                  style: { fontSize: "14px", fontWeight: "500", color: "#333" },
-                  children: "Link:"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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;
+  "../../node_modules/prop-types/index.js"(exports2, module2) {
+    "use strict";
+    if (true) {
+      ReactIs = require_react_is();
+      throwOnDirectAccess = true;
+      module2.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+    } else {
+      module2.exports = null();
+    }
+    var ReactIs;
+    var throwOnDirectAccess;
   }
 });
 
@@ -2540,12 +967,586 @@ __export(index_exports, {
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
-init_Icon();
-init_Text();
+
+// 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" }
+    }
+  }
+});
+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)
+    })
+  );
+}
 
 // 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",
@@ -2839,7 +1840,6 @@ 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, {
@@ -3315,7 +2315,6 @@ 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, {
@@ -3367,12 +2366,118 @@ function Avatar(_a) {
 
 // src/components/TextField.tsx
 var import_react2 = __toESM(require("react"));
-init_styles();
 var import_themes7 = require("@radix-ui/themes");
-init_Icon();
-init_typographyValues();
-init_Text();
-init_Flex();
+
+// 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
 var import_mask = require("@react-input/mask");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var TextFieldStyled = styled(import_themes7.TextField.Root, {
@@ -3703,9 +2808,7 @@ 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",
@@ -3895,9 +2998,7 @@ 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",
@@ -4051,10 +3152,7 @@ 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",
@@ -4196,10 +3294,7 @@ 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",
@@ -4459,7 +3554,6 @@ 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, {
@@ -4572,16 +3666,13 @@ 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",
@@ -4646,7 +3737,6 @@ function Modal(_a) {
 var import_react6 = require("react");
 
 // src/components/MenuDropdown/styledComponents.ts
-init_styles();
 var MenuDropdownContainerStyled = styled("div", {
   position: "relative",
   width: "fit-content"
@@ -4677,9 +3767,6 @@ 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) {
@@ -8622,11 +7709,7 @@ 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",
@@ -8985,11 +8068,8 @@ 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,
@@ -9106,9 +8186,6 @@ 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",
@@ -9437,11 +8514,7 @@ 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",
@@ -9682,7 +8755,6 @@ 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",
@@ -9782,7 +8854,6 @@ 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", {
@@ -9915,7 +8986,6 @@ 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, {
@@ -9958,10 +9028,7 @@ 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",
@@ -10035,44 +9102,248 @@ var TextareaField = import_react11.default.forwardRef((_a, forwardedRef) => {
     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);
+  }, [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);
+    }
+  };
+  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" }) })
+      ]
     }
-    (_a2 = props.onInput) == null ? void 0 : _a2.call(props, e);
+  );
+}
+
+// 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;
   };
-  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 }) })
-  ] });
-});
+  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, {})
+  ] }) });
+}
 
-// src/components/Toast/index.tsx
-init_ToastItem();
-init_ToastProvider();
-init_useToast();
+// 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/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;
@@ -10124,13 +9395,9 @@ 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",
@@ -10394,11 +9661,7 @@ 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, {
@@ -10526,7 +9789,6 @@ 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, {
@@ -10562,7 +9824,6 @@ 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, {
@@ -10594,9 +9855,6 @@ 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;
@@ -10610,7 +9868,6 @@ var ErrorFormMessage = ({ message: message2 }) => {
 };
 
 // src/components/FormFields/subComponents/FormLabel.tsx
-init_Text();
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var FormLabel = ({
   name,
@@ -10636,7 +9893,6 @@ 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, {
@@ -10689,7 +9945,6 @@ 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");
@@ -10796,7 +10051,6 @@ 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, {
@@ -10904,7 +10158,6 @@ 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, "");
@@ -11125,12 +10378,8 @@ 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) {
@@ -11422,7 +10671,6 @@ 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);
@@ -11552,7 +10800,6 @@ 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,
@@ -11614,7 +10861,6 @@ 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,
@@ -11683,8 +10929,6 @@ var CheckboxGroupFormField = ({
 
 // src/components/FormFields/SwitchFormField.tsx
 var import_react_hook_form11 = require("react-hook-form");
-init_Flex();
-init_Text();
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var SwitchFormField = ({
   name,
@@ -11742,19 +10986,601 @@ var EmailFormField = ({
 
 // src/components/FormFields/RichEditorFormField.tsx
 var import_react_hook_form12 = require("react-hook-form");
-init_Flex();
 
 // src/components/RichEditor/RichEditor.tsx
 var import_react21 = require("react");
+
+// src/components/RichEditor/QuillComponent.tsx
+var import_react20 = require("react");
+var import_react_quilljs = require("react-quilljs");
+
+// 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"
+    },
+    "& h1 span, & h1, & h2, & h2 span": {
+      lineHeight: "1.5rem"
+    },
+    "& 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_runtime51 = require("react/jsx-runtime");
+var QuillComponent = ({
+  value = "",
+  onChange,
+  placeholder = "Digite seu texto aqui...",
+  disabled = false,
+  className,
+  uploadConfig,
+  simpleVersion = false,
+  onCharacterCountChange,
+  maxLength
+}) => {
+  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 = simpleVersion ? {
+    toolbar: [
+      ["bold", "italic", "underline"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["link"]
+    ],
+    clipboard: {
+      matchVisual: false
+    }
+  } : {
+    toolbar: [
+      [{ header: [1, 2, false] }],
+      ["bold", "italic", "underline", "strike"],
+      [{ color: [] }, { background: [] }],
+      [{ align: [] }],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["link", "image", "video"]
+    ],
+    clipboard: {
+      matchVisual: false
+    }
+  };
+  const formats = simpleVersion ? ["bold", "italic", "underline", "list", "link"] : [
+    "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 text = quill.getText().trim();
+          const count = text.length;
+          if (maxLength !== void 0 && count > maxLength) {
+            quill.deleteText(maxLength, count - maxLength);
+            return;
+          }
+          onChange == null ? void 0 : onChange(quill.root.innerHTML);
+          onCharacterCountChange == null ? void 0 : onCharacterCountChange(count);
+        }
+      });
+      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, onCharacterCountChange]);
+  (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_runtime51.jsx)(QuillContainer, { className, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(QuillEditor, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { ref: quillRef }),
+    showVideoModal && /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsxs)(Flex2, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            Text,
+            {
+              style: { fontSize: "14px", fontWeight: "500", color: "#333" },
+              children: "V\xEDdeo:"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime51.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_runtime51.jsxs)(Flex2, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            Text,
+            {
+              style: { fontSize: "14px", fontWeight: "500", color: "#333" },
+              children: "Link:"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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;
+
+// src/components/RichEditor/RichEditor.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var QuillComponent2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_QuillComponent(), QuillComponent_exports)));
 var RichEditor = (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_runtime52.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react21.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuillComponent2, __spreadValues({}, props)) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(QuillComponent_default, __spreadValues({}, props)) }) });
 };
 var RichEditor_default = RichEditor;
 
@@ -11836,7 +11662,6 @@ var RichEditorFormField = (_a) => {
 
 // src/components/FormFields/CalendarFormField.tsx
 var import_react_hook_form13 = require("react-hook-form");
-init_Flex();
 var import_react23 = require("react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var CalendarFormField = (_a) => {
@@ -11913,7 +11738,6 @@ var CalendarFormField = (_a) => {
 
 // src/components/FormFields/TimePickerFormField.tsx
 var import_react_hook_form14 = require("react-hook-form");
-init_Flex();
 var import_react24 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var TimePickerFormField = (_a) => {
@@ -11985,7 +11809,6 @@ var TimePickerFormField = (_a) => {
 
 // src/hooks/useImageUpload.ts
 var import_react25 = require("react");
-init_uploadService();
 var useImageUpload = (options) => {
   const [isUploading, setIsUploading] = (0, import_react25.useState)(false);
   const [progress, setProgress] = (0, import_react25.useState)(null);
@@ -12083,9 +11906,6 @@ var useImageUpload = (options) => {
     reset
   };
 };
-
-// src/index.tsx
-init_uploadService();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddressFormFields,