@rabelo-digital/ds-rd 1.1.1 → 1.1.2

package/dist/index.mjs

@@ -1,18 +1,25 @@
-export { breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex } from './chunk-JPWULLEO.mjs';
-import React, { useId, useState, createContext, useContext, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
-import * as RadixRadio from '@radix-ui/react-radio-group';
-import * as RadixSelect from '@radix-ui/react-select';
-import * as RadixTooltip from '@radix-ui/react-tooltip';
-import { FaTwitter, FaFacebookF, FaWhatsapp, FaYoutube, FaGithub, FaInstagram, FaLinkedinIn } from 'react-icons/fa';
-import * as Dialog from '@radix-ui/react-dialog';
-import * as RadixTabs from '@radix-ui/react-tabs';
-import * as RadixAccordion from '@radix-ui/react-accordion';
-import * as RadixToast from '@radix-ui/react-toast';
+// src/components/atoms/Button/Button.tsx
+import React from "react";
 
 // src/components/atoms/Button/Button.module.css
-var Button_default = {};
+var Button_default = {
+  button: "Button_button",
+  sm: "Button_sm",
+  md: "Button_md",
+  lg: "Button_lg",
+  primary: "Button_primary",
+  secondary: "Button_secondary",
+  ghost: "Button_ghost",
+  danger: "Button_danger",
+  loading: "Button_loading",
+  label: "Button_label",
+  labelHidden: "Button_labelHidden",
+  spinner: "Button_spinner",
+  spin: "Button_spin"
+};
+
+// src/components/atoms/Button/Button.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 var Button = React.forwardRef(
   ({
     variant = "primary",
@@ -51,17 +58,33 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
+// src/components/atoms/Input/Input.tsx
+import React2, { useId } from "react";
+
 // src/components/atoms/Input/Input.module.css
-var Input_default = {};
-var Input = React.forwardRef(
+var Input_default = {
+  wrapper: "Input_wrapper",
+  label: "Input_label",
+  input: "Input_input",
+  error: "Input_error",
+  sm: "Input_sm",
+  md: "Input_md",
+  lg: "Input_lg",
+  helperText: "Input_helperText",
+  errorText: "Input_errorText"
+};
+
+// src/components/atoms/Input/Input.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Input = React2.forwardRef(
   ({ label, error, helperText, size = "md", className, id, ...props }, ref) => {
     const generatedId = useId();
     const inputId = id ?? generatedId;
     const errorId = `${inputId}-error`;
     const helperId = `${inputId}-helper`;
-    return /* @__PURE__ */ jsxs("div", { className: Input_default.wrapper, children: [
-      label && /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: Input_default.label, children: label }),
-      /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs2("div", { className: Input_default.wrapper, children: [
+      label && /* @__PURE__ */ jsx2("label", { htmlFor: inputId, className: Input_default.label, children: label }),
+      /* @__PURE__ */ jsx2(
         "input",
         {
           ref,
@@ -72,18 +95,33 @@ var Input = React.forwardRef(
           ...props
         }
       ),
-      error && /* @__PURE__ */ jsx("span", { id: errorId, className: Input_default.errorText, role: "alert", children: error }),
-      helperText && !error && /* @__PURE__ */ jsx("span", { id: helperId, className: Input_default.helperText, children: helperText })
+      error && /* @__PURE__ */ jsx2("span", { id: errorId, className: Input_default.errorText, role: "alert", children: error }),
+      helperText && !error && /* @__PURE__ */ jsx2("span", { id: helperId, className: Input_default.helperText, children: helperText })
     ] });
   }
 );
 Input.displayName = "Input";
 
+// src/components/atoms/Textarea/Textarea.tsx
+import React3, { useId as useId2, useState } from "react";
+
 // src/components/atoms/Textarea/Textarea.module.css
-var Textarea_default = {};
-var Textarea = React.forwardRef(
+var Textarea_default = {
+  wrapper: "Textarea_wrapper",
+  label: "Textarea_label",
+  textarea: "Textarea_textarea",
+  error: "Textarea_error",
+  footer: "Textarea_footer",
+  helperText: "Textarea_helperText",
+  errorText: "Textarea_errorText",
+  counter: "Textarea_counter"
+};
+
+// src/components/atoms/Textarea/Textarea.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Textarea = React3.forwardRef(
   ({ label, error, helperText, showCount = false, maxLength, className, id, onChange, ...props }, ref) => {
-    const generatedId = useId();
+    const generatedId = useId2();
     const textareaId = id ?? generatedId;
     const errorId = `${textareaId}-error`;
     const helperId = `${textareaId}-helper`;
@@ -92,9 +130,9 @@ var Textarea = React.forwardRef(
       setCount(e.target.value.length);
       onChange?.(e);
     };
-    return /* @__PURE__ */ jsxs("div", { className: Textarea_default.wrapper, children: [
-      label && /* @__PURE__ */ jsx("label", { htmlFor: textareaId, className: Textarea_default.label, children: label }),
-      /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs3("div", { className: Textarea_default.wrapper, children: [
+      label && /* @__PURE__ */ jsx3("label", { htmlFor: textareaId, className: Textarea_default.label, children: label }),
+      /* @__PURE__ */ jsx3(
         "textarea",
         {
           ref,
@@ -107,10 +145,10 @@ var Textarea = React.forwardRef(
           ...props
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: Textarea_default.footer, children: [
-        error && /* @__PURE__ */ jsx("span", { id: errorId, className: Textarea_default.errorText, role: "alert", children: error }),
-        helperText && !error && /* @__PURE__ */ jsx("span", { id: helperId, className: Textarea_default.helperText, children: helperText }),
-        showCount && maxLength && /* @__PURE__ */ jsxs("span", { className: Textarea_default.counter, "aria-live": "polite", children: [
+      /* @__PURE__ */ jsxs3("div", { className: Textarea_default.footer, children: [
+        error && /* @__PURE__ */ jsx3("span", { id: errorId, className: Textarea_default.errorText, role: "alert", children: error }),
+        helperText && !error && /* @__PURE__ */ jsx3("span", { id: helperId, className: Textarea_default.helperText, children: helperText }),
+        showCount && maxLength && /* @__PURE__ */ jsxs3("span", { className: Textarea_default.counter, "aria-live": "polite", children: [
           count,
           "/",
           maxLength
@@ -122,13 +160,26 @@ var Textarea = React.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/atoms/Badge/Badge.module.css
-var Badge_default = {};
+var Badge_default = {
+  badge: "Badge_badge",
+  sm: "Badge_sm",
+  md: "Badge_md",
+  default: "Badge_default",
+  primary: "Badge_primary",
+  success: "Badge_success",
+  warning: "Badge_warning",
+  error: "Badge_error",
+  info: "Badge_info"
+};
+
+// src/components/atoms/Badge/Badge.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Badge = ({
   variant = "default",
   size = "md",
   children,
   className
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx4(
   "span",
   {
     className: [Badge_default.badge, Badge_default[variant], Badge_default[size], className ?? ""].filter(Boolean).join(" "),
@@ -137,8 +188,25 @@ var Badge = ({
 );
 Badge.displayName = "Badge";
 
+// src/components/atoms/Avatar/Avatar.tsx
+import { useState as useState2 } from "react";
+
 // src/components/atoms/Avatar/Avatar.module.css
-var Avatar_default = {};
+var Avatar_default = {
+  avatar: "Avatar_avatar",
+  circle: "Avatar_circle",
+  square: "Avatar_square",
+  xs: "Avatar_xs",
+  sm: "Avatar_sm",
+  md: "Avatar_md",
+  lg: "Avatar_lg",
+  xl: "Avatar_xl",
+  image: "Avatar_image",
+  initials: "Avatar_initials"
+};
+
+// src/components/atoms/Avatar/Avatar.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
 function getInitials(name) {
   return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
 }
@@ -150,12 +218,12 @@ var Avatar = ({
   shape = "circle",
   className
 }) => {
-  const [imgError, setImgError] = useState(false);
+  const [imgError, setImgError] = useState2(false);
   const initials = name ? getInitials(name) : null;
   const showImage = src && !imgError;
   const wrapperClass = [Avatar_default.avatar, Avatar_default[size], Avatar_default[shape], className ?? ""].filter(Boolean).join(" ");
   if (showImage) {
-    return /* @__PURE__ */ jsx("span", { className: wrapperClass, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx5("span", { className: wrapperClass, children: /* @__PURE__ */ jsx5(
       "img",
       {
         src,
@@ -165,12 +233,24 @@ var Avatar = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx("span", { className: wrapperClass, role: "img", "aria-label": alt ?? name ?? "Avatar", children: /* @__PURE__ */ jsx("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials ?? "?" }) });
+  return /* @__PURE__ */ jsx5("span", { className: wrapperClass, role: "img", "aria-label": alt ?? name ?? "Avatar", children: /* @__PURE__ */ jsx5("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials ?? "?" }) });
 };
 Avatar.displayName = "Avatar";
 
+// src/components/atoms/Checkbox/Checkbox.tsx
+import * as RadixCheckbox from "@radix-ui/react-checkbox";
+import { useId as useId3 } from "react";
+
 // src/components/atoms/Checkbox/Checkbox.module.css
-var Checkbox_default = {};
+var Checkbox_default = {
+  wrapper: "Checkbox_wrapper",
+  root: "Checkbox_root",
+  indicator: "Checkbox_indicator",
+  label: "Checkbox_label"
+};
+
+// src/components/atoms/Checkbox/Checkbox.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var Checkbox = ({
   checked,
   defaultChecked,
@@ -180,10 +260,10 @@ var Checkbox = ({
   id,
   className
 }) => {
-  const generatedId = useId();
+  const generatedId = useId3();
   const checkboxId = id ?? generatedId;
-  return /* @__PURE__ */ jsxs("div", { className: [Checkbox_default.wrapper, className ?? ""].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs4("div", { className: [Checkbox_default.wrapper, className ?? ""].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsx6(
       RadixCheckbox.Root,
       {
         id: checkboxId,
@@ -192,7 +272,7 @@ var Checkbox = ({
         onCheckedChange,
         disabled,
         className: Checkbox_default.root,
-        children: /* @__PURE__ */ jsx(RadixCheckbox.Indicator, { className: Checkbox_default.indicator, children: checked === "indeterminate" ? /* @__PURE__ */ jsx("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("rect", { width: "10", height: "2", rx: "1" }) }) : /* @__PURE__ */ jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx6(RadixCheckbox.Indicator, { className: Checkbox_default.indicator, children: checked === "indeterminate" ? /* @__PURE__ */ jsx6("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx6("rect", { width: "10", height: "2", rx: "1" }) }) : /* @__PURE__ */ jsx6("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(
           "path",
           {
             d: "M1 4l2.5 2.5L9 1",
@@ -204,13 +284,28 @@ var Checkbox = ({
         ) }) })
       }
     ),
-    label && /* @__PURE__ */ jsx("label", { htmlFor: checkboxId, className: Checkbox_default.label, children: label })
+    label && /* @__PURE__ */ jsx6("label", { htmlFor: checkboxId, className: Checkbox_default.label, children: label })
   ] });
 };
 Checkbox.displayName = "Checkbox";
 
+// src/components/atoms/Radio/Radio.tsx
+import * as RadixRadio from "@radix-ui/react-radio-group";
+import { useId as useId4 } from "react";
+
 // src/components/atoms/Radio/Radio.module.css
-var Radio_default = {};
+var Radio_default = {
+  group: "Radio_group",
+  vertical: "Radio_vertical",
+  horizontal: "Radio_horizontal",
+  item: "Radio_item",
+  radio: "Radio_radio",
+  indicator: "Radio_indicator",
+  label: "Radio_label"
+};
+
+// src/components/atoms/Radio/Radio.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var RadioGroup = ({
   options,
   value,
@@ -221,8 +316,8 @@ var RadioGroup = ({
   orientation = "vertical",
   className
 }) => {
-  const baseId = useId();
-  return /* @__PURE__ */ jsx(
+  const baseId = useId4();
+  return /* @__PURE__ */ jsx7(
     RadixRadio.Root,
     {
       value,
@@ -234,18 +329,18 @@ var RadioGroup = ({
       className: [Radio_default.group, Radio_default[orientation], className ?? ""].filter(Boolean).join(" "),
       children: options.map((option) => {
         const radioId = `${baseId}-${option.value}`;
-        return /* @__PURE__ */ jsxs("div", { className: Radio_default.item, children: [
-          /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsxs5("div", { className: Radio_default.item, children: [
+          /* @__PURE__ */ jsx7(
             RadixRadio.Item,
             {
               id: radioId,
               value: option.value,
               disabled: option.disabled ?? disabled,
               className: Radio_default.radio,
-              children: /* @__PURE__ */ jsx(RadixRadio.Indicator, { className: Radio_default.indicator })
+              children: /* @__PURE__ */ jsx7(RadixRadio.Indicator, { className: Radio_default.indicator })
             }
           ),
-          /* @__PURE__ */ jsx("label", { htmlFor: radioId, className: Radio_default.label, children: option.label })
+          /* @__PURE__ */ jsx7("label", { htmlFor: radioId, className: Radio_default.label, children: option.label })
         ] }, option.value);
       })
     }
@@ -253,8 +348,30 @@ var RadioGroup = ({
 };
 RadioGroup.displayName = "RadioGroup";
 
+// src/components/atoms/Select/Select.tsx
+import * as RadixSelect from "@radix-ui/react-select";
+import { useId as useId5 } from "react";
+
 // src/components/atoms/Select/Select.module.css
-var Select_default = {};
+var Select_default = {
+  wrapper: "Select_wrapper",
+  label: "Select_label",
+  trigger: "Select_trigger",
+  error: "Select_error",
+  sm: "Select_sm",
+  md: "Select_md",
+  lg: "Select_lg",
+  icon: "Select_icon",
+  content: "Select_content",
+  viewport: "Select_viewport",
+  item: "Select_item",
+  itemIndicator: "Select_itemIndicator",
+  errorText: "Select_errorText",
+  helperText: "Select_helperText"
+};
+
+// src/components/atoms/Select/Select.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var Select = ({
   options,
   value,
@@ -269,11 +386,11 @@ var Select = ({
   id,
   className
 }) => {
-  const generatedId = useId();
+  const generatedId = useId5();
   const selectId = id ?? generatedId;
-  return /* @__PURE__ */ jsxs("div", { className: [Select_default.wrapper, className ?? ""].filter(Boolean).join(" "), children: [
-    label && /* @__PURE__ */ jsx("label", { id: `${selectId}-label`, className: Select_default.label, children: label }),
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs6("div", { className: [Select_default.wrapper, className ?? ""].filter(Boolean).join(" "), children: [
+    label && /* @__PURE__ */ jsx8("label", { id: `${selectId}-label`, className: Select_default.label, children: label }),
+    /* @__PURE__ */ jsxs6(
       RadixSelect.Root,
       {
         value,
@@ -281,7 +398,7 @@ var Select = ({
         onValueChange,
         disabled,
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs6(
             RadixSelect.Trigger,
             {
               id: selectId,
@@ -289,8 +406,8 @@ var Select = ({
               "aria-invalid": !!error,
               className: [Select_default.trigger, Select_default[size], error ? Select_default.error : ""].filter(Boolean).join(" "),
               children: [
-                /* @__PURE__ */ jsx(RadixSelect.Value, { placeholder }),
-                /* @__PURE__ */ jsx(RadixSelect.Icon, { className: Select_default.icon, children: /* @__PURE__ */ jsx("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx8(RadixSelect.Value, { placeholder }),
+                /* @__PURE__ */ jsx8(RadixSelect.Icon, { className: Select_default.icon, children: /* @__PURE__ */ jsx8("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx8(
                   "path",
                   {
                     d: "M1 1l5 5 5-5",
@@ -303,15 +420,15 @@ var Select = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsx(RadixSelect.Portal, { children: /* @__PURE__ */ jsx(RadixSelect.Content, { className: Select_default.content, position: "popper", sideOffset: 4, children: /* @__PURE__ */ jsx(RadixSelect.Viewport, { className: Select_default.viewport, children: options.map((option) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx8(RadixSelect.Portal, { children: /* @__PURE__ */ jsx8(RadixSelect.Content, { className: Select_default.content, position: "popper", sideOffset: 4, children: /* @__PURE__ */ jsx8(RadixSelect.Viewport, { className: Select_default.viewport, children: options.map((option) => /* @__PURE__ */ jsxs6(
             RadixSelect.Item,
             {
               value: option.value,
               disabled: option.disabled,
               className: Select_default.item,
               children: [
-                /* @__PURE__ */ jsx(RadixSelect.ItemText, { children: option.label }),
-                /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, { className: Select_default.itemIndicator, children: /* @__PURE__ */ jsx("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx8(RadixSelect.ItemText, { children: option.label }),
+                /* @__PURE__ */ jsx8(RadixSelect.ItemIndicator, { className: Select_default.itemIndicator, children: /* @__PURE__ */ jsx8("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx8(
                   "path",
                   {
                     d: "M1 5l3 3 7-7",
@@ -328,31 +445,61 @@ var Select = ({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx("span", { className: Select_default.errorText, role: "alert", children: error }),
-    helperText && !error && /* @__PURE__ */ jsx("span", { className: Select_default.helperText, children: helperText })
+    error && /* @__PURE__ */ jsx8("span", { className: Select_default.errorText, role: "alert", children: error }),
+    helperText && !error && /* @__PURE__ */ jsx8("span", { className: Select_default.helperText, children: helperText })
   ] });
 };
 Select.displayName = "Select";
 
+// src/components/atoms/Tooltip/Tooltip.tsx
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+
 // src/components/atoms/Tooltip/Tooltip.module.css
-var Tooltip_default = {};
+var Tooltip_default = {
+  content: "Tooltip_content",
+  fadeIn: "Tooltip_fadeIn",
+  arrow: "Tooltip_arrow"
+};
+
+// src/components/atoms/Tooltip/Tooltip.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var TooltipProvider = RadixTooltip.Provider;
 var Tooltip = ({
   content,
   children,
   side = "top",
   delayDuration = 300
-}) => /* @__PURE__ */ jsxs(RadixTooltip.Root, { delayDuration, children: [
-  /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
-  /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(RadixTooltip.Content, { side, className: Tooltip_default.content, sideOffset: 6, children: [
+}) => /* @__PURE__ */ jsxs7(RadixTooltip.Root, { delayDuration, children: [
+  /* @__PURE__ */ jsx9(RadixTooltip.Trigger, { asChild: true, children }),
+  /* @__PURE__ */ jsx9(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs7(RadixTooltip.Content, { side, className: Tooltip_default.content, sideOffset: 6, children: [
     content,
-    /* @__PURE__ */ jsx(RadixTooltip.Arrow, { className: Tooltip_default.arrow })
+    /* @__PURE__ */ jsx9(RadixTooltip.Arrow, { className: Tooltip_default.arrow })
   ] }) })
 ] });
 Tooltip.displayName = "Tooltip";
 
+// src/components/atoms/SocialIcons/SocialIcons.tsx
+import {
+  FaLinkedinIn,
+  FaInstagram,
+  FaGithub,
+  FaYoutube,
+  FaWhatsapp,
+  FaFacebookF,
+  FaTwitter
+} from "react-icons/fa";
+
 // src/components/atoms/SocialIcons/SocialIcons.module.css
-var SocialIcons_default = {};
+var SocialIcons_default = {
+  list: "SocialIcons_list",
+  link: "SocialIcons_link",
+  sm: "SocialIcons_sm",
+  md: "SocialIcons_md",
+  lg: "SocialIcons_lg"
+};
+
+// src/components/atoms/SocialIcons/SocialIcons.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
 var ICON_MAP = {
   linkedin: FaLinkedinIn,
   instagram: FaInstagram,
@@ -371,10 +518,10 @@ var DEFAULT_LABELS = {
   facebook: "Seguir no Facebook",
   twitter: "Seguir no Twitter"
 };
-var SocialIcons = ({ links, size = "md", className }) => /* @__PURE__ */ jsx("ul", { className: [SocialIcons_default.list, className ?? ""].filter(Boolean).join(" "), children: links.map(({ platform, url, label }) => {
+var SocialIcons = ({ links, size = "md", className }) => /* @__PURE__ */ jsx10("ul", { className: [SocialIcons_default.list, className ?? ""].filter(Boolean).join(" "), children: links.map(({ platform, url, label }) => {
   const Icon2 = ICON_MAP[platform];
   const ariaLabel = label ?? DEFAULT_LABELS[platform];
-  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(
     "a",
     {
       href: url,
@@ -382,18 +529,26 @@ var SocialIcons = ({ links, size = "md", className }) => /* @__PURE__ */ jsx("ul
       rel: "noopener noreferrer",
       "aria-label": ariaLabel,
       className: [SocialIcons_default.link, SocialIcons_default[size]].join(" "),
-      children: /* @__PURE__ */ jsx(Icon2, { "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx10(Icon2, { "aria-hidden": "true" })
     }
   ) }, platform);
 }) });
 SocialIcons.displayName = "SocialIcons";
 
 // src/components/molecules/Card/Card.module.css
-var Card_default = {};
-var CardHeader = ({ children, className }) => /* @__PURE__ */ jsx("div", { className: [Card_default.header, className ?? ""].filter(Boolean).join(" "), children });
-var CardBody = ({ children, className }) => /* @__PURE__ */ jsx("div", { className: [Card_default.body, className ?? ""].filter(Boolean).join(" "), children });
-var CardFooter = ({ children, className }) => /* @__PURE__ */ jsx("div", { className: [Card_default.footer, className ?? ""].filter(Boolean).join(" "), children });
-var Card = ({ elevation: elevation2 = "sm", radius = "lg", className, children }) => /* @__PURE__ */ jsx(
+var Card_default = {
+  card: "Card_card",
+  header: "Card_header",
+  body: "Card_body",
+  footer: "Card_footer"
+};
+
+// src/components/molecules/Card/Card.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var CardHeader = ({ children, className }) => /* @__PURE__ */ jsx11("div", { className: [Card_default.header, className ?? ""].filter(Boolean).join(" "), children });
+var CardBody = ({ children, className }) => /* @__PURE__ */ jsx11("div", { className: [Card_default.body, className ?? ""].filter(Boolean).join(" "), children });
+var CardFooter = ({ children, className }) => /* @__PURE__ */ jsx11("div", { className: [Card_default.footer, className ?? ""].filter(Boolean).join(" "), children });
+var Card = ({ elevation: elevation2 = "sm", radius = "lg", className, children }) => /* @__PURE__ */ jsx11(
   "div",
   {
     className: [Card_default.card, className ?? ""].filter(Boolean).join(" "),
@@ -409,8 +564,29 @@ Card.Body = CardBody;
 Card.Footer = CardFooter;
 Card.displayName = "Card";
 
+// src/components/molecules/Modal/Modal.tsx
+import * as Dialog from "@radix-ui/react-dialog";
+
 // src/components/molecules/Modal/Modal.module.css
-var Modal_default = {};
+var Modal_default = {
+  overlay: "Modal_overlay",
+  overlayIn: "Modal_overlayIn",
+  content: "Modal_content",
+  contentIn: "Modal_contentIn",
+  sm: "Modal_sm",
+  md: "Modal_md",
+  lg: "Modal_lg",
+  xl: "Modal_xl",
+  full: "Modal_full",
+  header: "Modal_header",
+  title: "Modal_title",
+  description: "Modal_description",
+  body: "Modal_body",
+  close: "Modal_close"
+};
+
+// src/components/molecules/Modal/Modal.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var Modal = ({
   open,
   onOpenChange,
@@ -419,19 +595,19 @@ var Modal = ({
   size = "md",
   children,
   trigger
-}) => /* @__PURE__ */ jsxs(Dialog.Root, { open, onOpenChange, children: [
-  trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: trigger }),
-  /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: Modal_default.overlay }),
-    /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ jsxs8(Dialog.Root, { open, onOpenChange, children: [
+  trigger && /* @__PURE__ */ jsx12(Dialog.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsxs8(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx12(Dialog.Overlay, { className: Modal_default.overlay }),
+    /* @__PURE__ */ jsxs8(
       Dialog.Content,
       {
         className: [Modal_default.content, Modal_default[size]].join(" "),
         "aria-describedby": description ? "modal-description" : void 0,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: Modal_default.header, children: [
-            title && /* @__PURE__ */ jsx(Dialog.Title, { className: Modal_default.title, children: title }),
-            /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: Modal_default.close, "aria-label": "Fechar", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs8("div", { className: Modal_default.header, children: [
+            title && /* @__PURE__ */ jsx12(Dialog.Title, { className: Modal_default.title, children: title }),
+            /* @__PURE__ */ jsx12(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx12("button", { className: Modal_default.close, "aria-label": "Fechar", children: /* @__PURE__ */ jsx12("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(
               "path",
               {
                 d: "M2 2l12 12M14 2L2 14",
@@ -441,8 +617,8 @@ var Modal = ({
               }
             ) }) }) })
           ] }),
-          description && /* @__PURE__ */ jsx(Dialog.Description, { id: "modal-description", className: Modal_default.description, children: description }),
-          /* @__PURE__ */ jsx("div", { className: Modal_default.body, children })
+          description && /* @__PURE__ */ jsx12(Dialog.Description, { id: "modal-description", className: Modal_default.description, children: description }),
+          /* @__PURE__ */ jsx12("div", { className: Modal_default.body, children })
         ]
       }
     )
@@ -450,8 +626,30 @@ var Modal = ({
 ] });
 Modal.displayName = "Modal";
 
+// src/components/molecules/Drawer/Drawer.tsx
+import * as Dialog2 from "@radix-ui/react-dialog";
+
 // src/components/molecules/Drawer/Drawer.module.css
-var Drawer_default = {};
+var Drawer_default = {
+  overlay: "Drawer_overlay",
+  fadeIn: "Drawer_fadeIn",
+  content: "Drawer_content",
+  right: "Drawer_right",
+  slideInRight: "Drawer_slideInRight",
+  left: "Drawer_left",
+  slideInLeft: "Drawer_slideInLeft",
+  top: "Drawer_top",
+  slideInTop: "Drawer_slideInTop",
+  bottom: "Drawer_bottom",
+  slideInBottom: "Drawer_slideInBottom",
+  header: "Drawer_header",
+  title: "Drawer_title",
+  body: "Drawer_body",
+  close: "Drawer_close"
+};
+
+// src/components/molecules/Drawer/Drawer.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var Drawer = ({
   open,
   onOpenChange,
@@ -459,14 +657,14 @@ var Drawer = ({
   side = "right",
   children,
   trigger
-}) => /* @__PURE__ */ jsxs(Dialog.Root, { open, onOpenChange, children: [
-  trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: trigger }),
-  /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: Drawer_default.overlay }),
-    /* @__PURE__ */ jsxs(Dialog.Content, { className: [Drawer_default.content, Drawer_default[side]].join(" "), children: [
-      /* @__PURE__ */ jsxs("div", { className: Drawer_default.header, children: [
-        title && /* @__PURE__ */ jsx(Dialog.Title, { className: Drawer_default.title, children: title }),
-        /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: Drawer_default.close, "aria-label": "Fechar", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsxs9(Dialog2.Root, { open, onOpenChange, children: [
+  trigger && /* @__PURE__ */ jsx13(Dialog2.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsxs9(Dialog2.Portal, { children: [
+    /* @__PURE__ */ jsx13(Dialog2.Overlay, { className: Drawer_default.overlay }),
+    /* @__PURE__ */ jsxs9(Dialog2.Content, { className: [Drawer_default.content, Drawer_default[side]].join(" "), children: [
+      /* @__PURE__ */ jsxs9("div", { className: Drawer_default.header, children: [
+        title && /* @__PURE__ */ jsx13(Dialog2.Title, { className: Drawer_default.title, children: title }),
+        /* @__PURE__ */ jsx13(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx13("button", { className: Drawer_default.close, "aria-label": "Fechar", children: /* @__PURE__ */ jsx13("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(
           "path",
           {
             d: "M2 2l12 12M14 2L2 14",
@@ -476,21 +674,32 @@ var Drawer = ({
           }
         ) }) }) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: Drawer_default.body, children })
+      /* @__PURE__ */ jsx13("div", { className: Drawer_default.body, children })
     ] })
   ] })
 ] });
 Drawer.displayName = "Drawer";
 
+// src/components/molecules/Tabs/Tabs.tsx
+import * as RadixTabs from "@radix-ui/react-tabs";
+
 // src/components/molecules/Tabs/Tabs.module.css
-var Tabs_default = {};
+var Tabs_default = {
+  root: "Tabs_root",
+  list: "Tabs_list",
+  trigger: "Tabs_trigger",
+  content: "Tabs_content"
+};
+
+// src/components/molecules/Tabs/Tabs.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var Tabs = ({
   tabs,
   defaultValue,
   value,
   onValueChange,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ jsxs10(
   RadixTabs.Root,
   {
     defaultValue: defaultValue ?? tabs[0]?.value,
@@ -498,7 +707,7 @@ var Tabs = ({
     onValueChange,
     className: [Tabs_default.root, className ?? ""].filter(Boolean).join(" "),
     children: [
-      /* @__PURE__ */ jsx(RadixTabs.List, { className: Tabs_default.list, "aria-label": "Tabs", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx14(RadixTabs.List, { className: Tabs_default.list, "aria-label": "Tabs", children: tabs.map((tab) => /* @__PURE__ */ jsx14(
         RadixTabs.Trigger,
         {
           value: tab.value,
@@ -508,14 +717,29 @@ var Tabs = ({
         },
         tab.value
       )) }),
-      tabs.map((tab) => /* @__PURE__ */ jsx(RadixTabs.Content, { value: tab.value, className: Tabs_default.content, children: tab.content }, tab.value))
+      tabs.map((tab) => /* @__PURE__ */ jsx14(RadixTabs.Content, { value: tab.value, className: Tabs_default.content, children: tab.content }, tab.value))
     ]
   }
 );
 Tabs.displayName = "Tabs";
 
+// src/components/molecules/Accordion/Accordion.tsx
+import * as RadixAccordion from "@radix-ui/react-accordion";
+
 // src/components/molecules/Accordion/Accordion.module.css
-var Accordion_default = {};
+var Accordion_default = {
+  root: "Accordion_root",
+  item: "Accordion_item",
+  trigger: "Accordion_trigger",
+  chevron: "Accordion_chevron",
+  content: "Accordion_content",
+  slideDown: "Accordion_slideDown",
+  slideUp: "Accordion_slideUp",
+  contentInner: "Accordion_contentInner"
+};
+
+// src/components/molecules/Accordion/Accordion.tsx
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var Accordion = ({
   items,
   type = "single",
@@ -526,16 +750,16 @@ var Accordion = ({
   className
 }) => {
   const rootClassName = [Accordion_default.root, className ?? ""].filter(Boolean).join(" ");
-  const content = items.map((item) => /* @__PURE__ */ jsxs(
+  const content = items.map((item) => /* @__PURE__ */ jsxs11(
     RadixAccordion.Item,
     {
       value: item.value,
       disabled: item.disabled,
       className: Accordion_default.item,
       children: [
-        /* @__PURE__ */ jsx(RadixAccordion.Header, { children: /* @__PURE__ */ jsxs(RadixAccordion.Trigger, { className: Accordion_default.trigger, children: [
+        /* @__PURE__ */ jsx15(RadixAccordion.Header, { children: /* @__PURE__ */ jsxs11(RadixAccordion.Trigger, { className: Accordion_default.trigger, children: [
           item.trigger,
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx15(
             "svg",
             {
               className: Accordion_default.chevron,
@@ -544,7 +768,7 @@ var Accordion = ({
               viewBox: "0 0 14 9",
               fill: "none",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx(
+              children: /* @__PURE__ */ jsx15(
                 "path",
                 {
                   d: "M1 1l6 6 6-6",
@@ -557,13 +781,13 @@ var Accordion = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx(RadixAccordion.Content, { className: Accordion_default.content, children: /* @__PURE__ */ jsx("div", { className: Accordion_default.contentInner, children: item.content }) })
+        /* @__PURE__ */ jsx15(RadixAccordion.Content, { className: Accordion_default.content, children: /* @__PURE__ */ jsx15("div", { className: Accordion_default.contentInner, children: item.content }) })
       ]
     },
     item.value
   ));
   if (type === "multiple") {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx15(
       RadixAccordion.Root,
       {
         type: "multiple",
@@ -575,7 +799,7 @@ var Accordion = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx15(
     RadixAccordion.Root,
     {
       type: "single",
@@ -590,8 +814,30 @@ var Accordion = ({
 };
 Accordion.displayName = "Accordion";
 
+// src/components/molecules/Toast/Toast.tsx
+import * as RadixToast from "@radix-ui/react-toast";
+import { createContext, useCallback, useContext, useState as useState3 } from "react";
+
 // src/components/molecules/Toast/Toast.module.css
-var Toast_default = {};
+var Toast_default = {
+  viewport: "Toast_viewport",
+  root: "Toast_root",
+  slideIn: "Toast_slideIn",
+  slideOut: "Toast_slideOut",
+  default: "Toast_default",
+  success: "Toast_success",
+  warning: "Toast_warning",
+  error: "Toast_error",
+  info: "Toast_info",
+  content: "Toast_content",
+  text: "Toast_text",
+  title: "Toast_title",
+  description: "Toast_description",
+  close: "Toast_close"
+};
+
+// src/components/molecules/Toast/Toast.tsx
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var ToastContext = createContext(null);
 var useToast = () => {
   const ctx = useContext(ToastContext);
@@ -599,7 +845,7 @@ var useToast = () => {
   return ctx;
 };
 var ToastProvider = ({ children }) => {
-  const [toasts, setToasts] = useState([]);
+  const [toasts, setToasts] = useState3([]);
   const show = useCallback((message) => {
     const id = Math.random().toString(36).slice(2);
     setToasts((prev) => [...prev, { ...message, id }]);
@@ -607,9 +853,9 @@ var ToastProvider = ({ children }) => {
   const dismiss = useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: { show }, children: /* @__PURE__ */ jsxs(RadixToast.Provider, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ jsx16(ToastContext.Provider, { value: { show }, children: /* @__PURE__ */ jsxs12(RadixToast.Provider, { swipeDirection: "right", children: [
     children,
-    toasts.map((toast) => /* @__PURE__ */ jsx(
+    toasts.map((toast) => /* @__PURE__ */ jsx16(
       RadixToast.Root,
       {
         duration: toast.duration ?? 4e3,
@@ -617,12 +863,12 @@ var ToastProvider = ({ children }) => {
         onOpenChange: (open) => {
           if (!open) dismiss(toast.id);
         },
-        children: /* @__PURE__ */ jsxs("div", { className: Toast_default.content, children: [
-          /* @__PURE__ */ jsxs("div", { className: Toast_default.text, children: [
-            /* @__PURE__ */ jsx(RadixToast.Title, { className: Toast_default.title, children: toast.title }),
-            toast.description && /* @__PURE__ */ jsx(RadixToast.Description, { className: Toast_default.description, children: toast.description })
+        children: /* @__PURE__ */ jsxs12("div", { className: Toast_default.content, children: [
+          /* @__PURE__ */ jsxs12("div", { className: Toast_default.text, children: [
+            /* @__PURE__ */ jsx16(RadixToast.Title, { className: Toast_default.title, children: toast.title }),
+            toast.description && /* @__PURE__ */ jsx16(RadixToast.Description, { className: Toast_default.description, children: toast.description })
           ] }),
-          /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: Toast_default.close, "aria-label": "Fechar notifica\xE7\xE3o", children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx16(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx16("button", { className: Toast_default.close, "aria-label": "Fechar notifica\xE7\xE3o", children: /* @__PURE__ */ jsx16("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
             "path",
             {
               d: "M1 1l10 10M11 1L1 11",
@@ -635,15 +881,28 @@ var ToastProvider = ({ children }) => {
       },
       toast.id
     )),
-    /* @__PURE__ */ jsx(RadixToast.Viewport, { className: Toast_default.viewport, "aria-label": "Notifica\xE7\xF5es", role: "region" })
+    /* @__PURE__ */ jsx16(RadixToast.Viewport, { className: Toast_default.viewport, "aria-label": "Notifica\xE7\xF5es", role: "region" })
   ] }) });
 };
 
 // src/components/molecules/Table/Table.module.css
-var Table_default = {};
-var TableHead = ({ className, children, ...props }) => /* @__PURE__ */ jsx("thead", { className: [Table_default.head, className ?? ""].filter(Boolean).join(" "), ...props, children });
-var TableBody = ({ className, children, ...props }) => /* @__PURE__ */ jsx("tbody", { className: [Table_default.body, className ?? ""].filter(Boolean).join(" "), ...props, children });
-var TableRow = ({ className, children, ...props }) => /* @__PURE__ */ jsx("tr", { className: [Table_default.row, className ?? ""].filter(Boolean).join(" "), ...props, children });
+var Table_default = {
+  wrapper: "Table_wrapper",
+  table: "Table_table",
+  caption: "Table_caption",
+  head: "Table_head",
+  stickyHeader: "Table_stickyHeader",
+  th: "Table_th",
+  td: "Table_td",
+  row: "Table_row",
+  body: "Table_body"
+};
+
+// src/components/molecules/Table/Table.tsx
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+var TableHead = ({ className, children, ...props }) => /* @__PURE__ */ jsx17("thead", { className: [Table_default.head, className ?? ""].filter(Boolean).join(" "), ...props, children });
+var TableBody = ({ className, children, ...props }) => /* @__PURE__ */ jsx17("tbody", { className: [Table_default.body, className ?? ""].filter(Boolean).join(" "), ...props, children });
+var TableRow = ({ className, children, ...props }) => /* @__PURE__ */ jsx17("tr", { className: [Table_default.row, className ?? ""].filter(Boolean).join(" "), ...props, children });
 var TableCell = ({
   as: Tag = "td",
   scope,
@@ -652,7 +911,7 @@ var TableCell = ({
   ...props
 }) => {
   const cellClass = [Tag === "th" ? Table_default.th : Table_default.td, className ?? ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx17(
     Tag,
     {
       className: cellClass,
@@ -662,13 +921,13 @@ var TableCell = ({
     }
   );
 };
-var Table = ({ caption, stickyHeader, className, children, ...props }) => /* @__PURE__ */ jsx("div", { className: Table_default.wrapper, children: /* @__PURE__ */ jsxs(
+var Table = ({ caption, stickyHeader, className, children, ...props }) => /* @__PURE__ */ jsx17("div", { className: Table_default.wrapper, children: /* @__PURE__ */ jsxs13(
   "table",
   {
     className: [Table_default.table, stickyHeader ? Table_default.stickyHeader : "", className ?? ""].filter(Boolean).join(" "),
     ...props,
     children: [
-      caption && /* @__PURE__ */ jsx("caption", { className: Table_default.caption, children: caption }),
+      caption && /* @__PURE__ */ jsx17("caption", { className: Table_default.caption, children: caption }),
       children
     ]
   }
@@ -679,6 +938,337 @@ Table.Row = TableRow;
 Table.Cell = TableCell;
 Table.displayName = "Table";
 
-export { Accordion, Avatar, Badge, Button, Card, Checkbox, Drawer, Input, Modal, RadioGroup, Select, SocialIcons, Table, Tabs, Textarea, ToastProvider, Tooltip, TooltipProvider, useToast };
+// src/tokens/colors.primitive.ts
+var primitiveColors = {
+  blue: {
+    50: "#EAF4FB",
+    100: "#C5E0F2",
+    200: "#9BCCE9",
+    300: "#6DB7DF",
+    400: "#42A2D5",
+    500: "#1B8ECB",
+    600: "#1170A8",
+    700: "#02548B",
+    800: "#013E6A",
+    900: "#012849"
+  },
+  teal: {
+    50: "#E9FAF6",
+    100: "#C0F1E6",
+    200: "#93E7D5",
+    300: "#62DAC2",
+    400: "#34CEAF",
+    500: "#16B597",
+    600: "#0E9278",
+    700: "#087059",
+    800: "#044E3D",
+    900: "#012E24"
+  },
+  orange: {
+    50: "#FFF0EB",
+    100: "#FFDDD4",
+    200: "#FFC0AE",
+    300: "#FF9F87",
+    400: "#FF7358",
+    500: "#FF3C00",
+    600: "#D83200",
+    700: "#B02700",
+    800: "#881D00",
+    900: "#601300"
+  },
+  red: {
+    50: "#FEF2F2",
+    100: "#FEE2E2",
+    200: "#FECACA",
+    300: "#FCA5A5",
+    400: "#F87171",
+    500: "#EF4444",
+    600: "#DC2626",
+    700: "#B91C1C",
+    800: "#991B1B",
+    900: "#7F1D1D"
+  },
+  green: {
+    50: "#ECFDF5",
+    100: "#D1FAE5",
+    200: "#A7F3D0",
+    300: "#6EE7B7",
+    400: "#34D399",
+    500: "#10B981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065F46",
+    900: "#064E3B"
+  },
+  yellow: {
+    50: "#FFFBEB",
+    100: "#FEF3C7",
+    200: "#FDE68A",
+    300: "#FCD34D",
+    400: "#FBBF24",
+    500: "#F59E0B",
+    600: "#D97706",
+    700: "#B45309",
+    800: "#92400E",
+    900: "#78350F"
+  },
+  gray: {
+    50: "#F8F9FA",
+    100: "#E9ECEF",
+    200: "#DEE2E6",
+    300: "#CED4DA",
+    400: "#ADB5BD",
+    500: "#6C757D",
+    600: "#495057",
+    700: "#343A40",
+    800: "#212529",
+    900: "#111315"
+  },
+  white: "#FFFFFF",
+  black: "#000000"
+};
+
+// src/tokens/colors.semantic.ts
+var semanticColors = {
+  primary: {
+    default: primitiveColors.blue[700],
+    hover: primitiveColors.blue[600],
+    active: primitiveColors.blue[800],
+    subtle: primitiveColors.blue[50],
+    muted: primitiveColors.blue[100],
+    on: primitiveColors.white
+  },
+  secondary: {
+    default: primitiveColors.teal[500],
+    hover: primitiveColors.teal[600],
+    active: primitiveColors.teal[700],
+    subtle: primitiveColors.teal[50],
+    muted: primitiveColors.teal[100],
+    on: primitiveColors.white
+  },
+  accent: {
+    default: primitiveColors.orange[500],
+    hover: primitiveColors.orange[600],
+    active: primitiveColors.orange[700],
+    subtle: primitiveColors.orange[50],
+    on: primitiveColors.white
+  },
+  success: {
+    default: primitiveColors.green[600],
+    hover: primitiveColors.green[700],
+    subtle: primitiveColors.green[50],
+    muted: primitiveColors.green[100],
+    on: primitiveColors.white
+  },
+  warning: {
+    default: primitiveColors.yellow[500],
+    hover: primitiveColors.yellow[600],
+    subtle: primitiveColors.yellow[50],
+    muted: primitiveColors.yellow[100],
+    on: primitiveColors.gray[900]
+  },
+  error: {
+    default: primitiveColors.red[600],
+    hover: primitiveColors.red[700],
+    subtle: primitiveColors.red[50],
+    muted: primitiveColors.red[100],
+    on: primitiveColors.white
+  },
+  info: {
+    default: primitiveColors.blue[500],
+    hover: primitiveColors.blue[600],
+    subtle: primitiveColors.blue[50],
+    muted: primitiveColors.blue[100],
+    on: primitiveColors.white
+  },
+  background: {
+    default: primitiveColors.white,
+    subtle: primitiveColors.gray[50],
+    muted: primitiveColors.gray[100],
+    overlay: "rgba(0, 0, 0, 0.5)"
+  },
+  surface: {
+    default: primitiveColors.white,
+    raised: primitiveColors.white,
+    overlay: primitiveColors.white
+  },
+  text: {
+    default: primitiveColors.gray[800],
+    muted: primitiveColors.gray[500],
+    subtle: primitiveColors.gray[400],
+    disabled: primitiveColors.gray[300],
+    inverse: primitiveColors.white,
+    link: primitiveColors.blue[700],
+    linkHover: primitiveColors.blue[600]
+  },
+  border: {
+    default: primitiveColors.gray[200],
+    strong: primitiveColors.gray[300],
+    muted: primitiveColors.gray[100],
+    focus: primitiveColors.blue[500],
+    error: primitiveColors.red[500]
+  },
+  disabled: {
+    background: primitiveColors.gray[100],
+    text: primitiveColors.gray[400],
+    border: primitiveColors.gray[200]
+  }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  0: "0px",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  24: "96px",
+  32: "128px"
+};
+
+// src/tokens/typography.ts
+var typography = {
+  fontFamily: {
+    base: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    heading: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    mono: "'JetBrains Mono', 'Fira Code', 'Courier New', monospace"
+  },
+  fontSize: {
+    xs: "0.75rem",
+    // 12px
+    sm: "0.875rem",
+    // 14px
+    md: "1rem",
+    // 16px
+    lg: "1.125rem",
+    // 18px
+    xl: "1.25rem",
+    // 20px
+    "2xl": "1.5rem",
+    // 24px
+    "3xl": "1.875rem",
+    // 30px
+    "4xl": "2.25rem"
+    // 36px
+  },
+  fontWeight: {
+    regular: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  lineHeight: {
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2"
+  },
+  letterSpacing: {
+    tight: "-0.025em",
+    normal: "0em",
+    wide: "0.025em",
+    wider: "0.05em"
+  }
+};
+
+// src/tokens/radii.ts
+var radii = {
+  none: "0px",
+  sm: "2px",
+  md: "4px",
+  lg: "8px",
+  xl: "12px",
+  "2xl": "16px",
+  full: "9999px"
+};
+
+// src/tokens/elevation.ts
+var elevation = {
+  none: "none",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+  "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+};
+
+// src/tokens/zIndex.ts
+var zIndex = {
+  base: 0,
+  raised: 1,
+  dropdown: 1e3,
+  sticky: 1020,
+  overlay: 1040,
+  modal: 1050,
+  toast: 1060,
+  tooltip: 1070
+};
+
+// src/tokens/motion.ts
+var motion = {
+  duration: {
+    fast: "100ms",
+    normal: "200ms",
+    slow: "300ms",
+    slower: "500ms"
+  },
+  easing: {
+    easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+    easeOut: "cubic-bezier(0, 0, 0.2, 1)",
+    easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+    linear: "linear",
+    spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  }
+};
+
+// src/tokens/breakpoints.ts
+var breakpoints = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+};
+function mediaQuery(bp) {
+  return `@media (min-width: ${breakpoints[bp]}px)`;
+}
+export {
+  Accordion,
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  Checkbox,
+  Drawer,
+  Input,
+  Modal,
+  RadioGroup,
+  Select,
+  SocialIcons,
+  Table,
+  Tabs,
+  Textarea,
+  ToastProvider,
+  Tooltip,
+  TooltipProvider,
+  breakpoints,
+  elevation,
+  mediaQuery,
+  motion,
+  primitiveColors,
+  radii,
+  semanticColors,
+  spacing,
+  typography,
+  useToast,
+  zIndex
+};
 //# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map