@seygo/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,320 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Button: () => ButtonCustom,
+  Input: () => Input_default,
+  Modal: () => ModalCustom,
+  Select: () => Select_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/Button/Button.tsx
+var import_antd = require("antd");
+var import_jsx_runtime = require("react/jsx-runtime");
+function twColorVar(value) {
+  if (value.startsWith("[") && value.endsWith("]")) return value.slice(1, -1);
+  if (value === "transparent") return "transparent";
+  if (value === "current") return "currentColor";
+  if (value === "inherit") return "inherit";
+  return `var(--color-${value})`;
+}
+function antdVarsFromClassName(className) {
+  const vars = {};
+  let baseBg;
+  let baseColor;
+  for (const cls of className.split(" ")) {
+    if (/^bg-/.test(cls)) {
+      baseBg = twColorVar(cls.slice(3));
+      vars["--ant-button-default-bg"] = baseBg;
+      vars["--ant-button-default-active-bg"] = baseBg;
+    } else if (/^hover:bg-/.test(cls)) {
+      vars["--ant-button-default-hover-bg"] = twColorVar(cls.slice(9));
+    } else if (/^text-/.test(cls)) {
+      baseColor = twColorVar(cls.slice(5));
+      vars["--ant-button-default-color"] = baseColor;
+      vars["--ant-button-default-active-color"] = baseColor;
+    } else if (/^hover:text-/.test(cls)) {
+      vars["--ant-button-default-hover-color"] = twColorVar(cls.slice(11));
+    }
+  }
+  if (baseBg && !vars["--ant-button-default-hover-bg"]) {
+    vars["--ant-button-default-hover-bg"] = baseBg;
+  }
+  if (baseColor && !vars["--ant-button-default-hover-color"]) {
+    vars["--ant-button-default-hover-color"] = baseColor;
+  }
+  return vars;
+}
+function ButtonCustom({
+  className = "",
+  containerClassName = "",
+  style,
+  children,
+  ...antdProps
+}) {
+  const bgVars = antdVarsFromClassName(className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: containerClassName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.ConfigProvider,
+    {
+      theme: {
+        cssVar: true,
+        components: {
+          Button: {
+            defaultShadow: "none",
+            defaultColor: "inherit",
+            defaultBg: "transparent",
+            defaultBorderColor: "transparent",
+            defaultHoverColor: "inherit",
+            defaultHoverBg: "transparent",
+            defaultHoverBorderColor: "transparent",
+            defaultActiveColor: "inherit",
+            defaultActiveBg: "transparent",
+            defaultActiveBorderColor: "transparent"
+          }
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { className, style: { ...bgVars, ...style }, ...antdProps, children })
+    }
+  ) });
+}
+
+// src/components/Input/Input.tsx
+var import_react = require("react");
+var import_antd2 = require("antd");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var masks = {
+  cpf: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})/, "$1-$2").replace(/(-\d{2})\d+?$/, "$1");
+  },
+  cnpj: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1/$2").replace(/(\d{4})(\d{1,2})/, "$1-$2").replace(/(-\d{2})\d+?$/, "$1");
+  },
+  cep: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{3})\d+?$/, "$1");
+  },
+  telefone: (value) => {
+    const cleaned = value.replace(/\D/g, "");
+    if (cleaned.length <= 10) {
+      return cleaned.replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{4})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1");
+    } else {
+      return cleaned.replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1");
+    }
+  },
+  celular: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1");
+  }
+};
+var getAutoPlaceholder = (label, fem) => {
+  if (!label) return "";
+  const article = fem ? "a" : "o";
+  const lowerLabel = label.toLowerCase();
+  return `Digite ${article} ${lowerLabel}`;
+};
+var InputCustom = (0, import_react.forwardRef)(
+  ({
+    label,
+    fem = false,
+    mask,
+    error,
+    helperText,
+    required = false,
+    onChange,
+    placeholder,
+    autoPlaceholder = true,
+    value,
+    className = "",
+    containerClassName = "",
+    labelClassName = "",
+    style = {},
+    ...antdProps
+  }, ref) => {
+    const [internalValue, setInternalValue] = (0, import_react.useState)("");
+    (0, import_react.useEffect)(() => {
+      const stringValue = value?.toString() || "";
+      const maskedValue = applyMask(stringValue);
+      if (maskedValue !== internalValue) {
+        setInternalValue(maskedValue);
+      }
+    }, [value]);
+    const applyMask = (inputValue) => {
+      if (!mask || !masks[mask]) return inputValue;
+      return masks[mask](inputValue);
+    };
+    const handleChange = (e) => {
+      let inputValue = e.target.value;
+      if (mask) {
+        const maxLengths = {
+          cpf: 11,
+          cnpj: 14,
+          cep: 8,
+          telefone: 11,
+          celular: 11
+        };
+        const numbersOnly = inputValue.replace(/\D/g, "");
+        const limitedNumbers = numbersOnly.slice(0, maxLengths[mask]);
+        const maskedValue = applyMask(limitedNumbers);
+        setInternalValue(maskedValue);
+        onChange?.(limitedNumbers);
+      } else {
+        setInternalValue(inputValue);
+        onChange?.(inputValue);
+      }
+    };
+    const finalPlaceholder = placeholder || (autoPlaceholder && label ? getAutoPlaceholder(label, fem) : "");
+    const containerClass = `w-full mb-4 ${containerClassName}`;
+    const labelClass = `block text-start text-sm font-medium mb-1 ${error ? "text-red-500" : ""} ${labelClassName}`;
+    const errorClass = "text-xs text-red-500 mt-1";
+    const helperClass = "text-xs text-gray-500 mt-1";
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: containerClass, style, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: labelClass, children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-red-500 ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_antd2.Input,
+        {
+          ref,
+          value: internalValue,
+          onChange: handleChange,
+          placeholder: finalPlaceholder,
+          status: error ? "error" : void 0,
+          className,
+          ...antdProps
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorClass, children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: helperClass, children: helperText })
+    ] });
+  }
+);
+InputCustom.displayName = "CustomInput";
+var Input_default = InputCustom;
+
+// src/components/Select/Select.tsx
+var import_react2 = require("react");
+var import_antd3 = require("antd");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SelectCustom = (0, import_react2.forwardRef)(
+  ({
+    label,
+    fem = false,
+    error,
+    helperText,
+    required = false,
+    onChange,
+    placeholder,
+    value,
+    className = "",
+    style = {},
+    options = [],
+    multiple = false,
+    ...antdProps
+  }, ref) => {
+    const [internalValue, setInternalValue] = (0, import_react2.useState)(value || []);
+    (0, import_react2.useEffect)(() => {
+      if (value !== internalValue) {
+        setInternalValue(value || []);
+      }
+    }, [value]);
+    const handleChange = (selectedValue) => {
+      setInternalValue(selectedValue);
+      onChange?.(selectedValue);
+    };
+    const finalPlaceholder = placeholder || (label ? `Selecione ${label}` : "Selecione");
+    const containerClass = "w-full mb-4";
+    const labelClass = `block text-start text-sm font-medium mb-1 ${error ? "text-red-500" : "text-black-600"}`;
+    const errorClass = "text-xs text-red-500 mt-1";
+    const helperClass = "text-xs text-gray-500 mt-1";
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: containerClass, style, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: labelClass, children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-red-500 ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_antd3.Select,
+        {
+          ref,
+          value: internalValue,
+          onChange: handleChange,
+          placeholder: finalPlaceholder,
+          mode: multiple ? "multiple" : void 0,
+          options,
+          status: error ? "error" : void 0,
+          className,
+          ...antdProps
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: errorClass, children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: helperClass, children: helperText })
+    ] });
+  }
+);
+SelectCustom.displayName = "CustomSelect";
+var Select_default = SelectCustom;
+
+// src/components/Modal/Modal.tsx
+var import_react3 = require("@phosphor-icons/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function ModalCustom({
+  height,
+  width,
+  component,
+  onClose,
+  title
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "section",
+    {
+      className: "flex items-center justify-center w-full h-full absolute inset-0 bg-black/50",
+      onClick: onClose,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "div",
+        {
+          className: "relative flex flex-col rounded-xl bg-white",
+          style: { width: `${width}px`, height: `${height}px` },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-3 text-xl", children: title ? title : "" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  className: "absolute cursor-pointer top-3 right-3 text-gray-400 hover:text-gray-700 transition-colors",
+                  onClick: onClose,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.X, { size: 20, weight: "bold" })
+                }
+              )
+            ] }),
+            component
+          ]
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Input,
+  Modal,
+  Select
+});

package/dist/index.d.cts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps, InputProps, InputRef, SelectProps } from 'antd';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+
+type ButtonCustomProps = ButtonProps & {
+    className?: string;
+    containerClassName?: string;
+    children: ReactNode;
+};
+declare function ButtonCustom({ className, containerClassName, style, children, ...antdProps }: ButtonCustomProps): react_jsx_runtime.JSX.Element;
+
+type MaskType = "cpf" | "cnpj" | "cep" | "telefone" | "celular";
+interface CustomInputProps extends Omit<InputProps, "onChange"> {
+    label?: string;
+    fem?: boolean;
+    mask?: MaskType;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    onChange?: (value: string) => void;
+    autoPlaceholder?: boolean;
+    containerClassName?: string;
+    labelClassName?: string;
+}
+declare const InputCustom: React__default.ForwardRefExoticComponent<CustomInputProps & React__default.RefAttributes<InputRef>>;
+
+interface CustomSelectProps extends Omit<SelectProps, "onChange" | "options"> {
+    label?: string;
+    fem?: boolean;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    onChange?: (value: string | string[]) => void;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    multiple?: boolean;
+}
+declare const SelectCustom: React$1.ForwardRefExoticComponent<CustomSelectProps & React$1.RefAttributes<any>>;
+
+declare function ModalCustom({ height, width, component, onClose, title, }: {
+    height: string;
+    width: string;
+    component: React.ReactNode;
+    onClose: () => void;
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ButtonCustom as Button, InputCustom as Input, ModalCustom as Modal, SelectCustom as Select };

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps, InputProps, InputRef, SelectProps } from 'antd';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+
+type ButtonCustomProps = ButtonProps & {
+    className?: string;
+    containerClassName?: string;
+    children: ReactNode;
+};
+declare function ButtonCustom({ className, containerClassName, style, children, ...antdProps }: ButtonCustomProps): react_jsx_runtime.JSX.Element;
+
+type MaskType = "cpf" | "cnpj" | "cep" | "telefone" | "celular";
+interface CustomInputProps extends Omit<InputProps, "onChange"> {
+    label?: string;
+    fem?: boolean;
+    mask?: MaskType;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    onChange?: (value: string) => void;
+    autoPlaceholder?: boolean;
+    containerClassName?: string;
+    labelClassName?: string;
+}
+declare const InputCustom: React__default.ForwardRefExoticComponent<CustomInputProps & React__default.RefAttributes<InputRef>>;
+
+interface CustomSelectProps extends Omit<SelectProps, "onChange" | "options"> {
+    label?: string;
+    fem?: boolean;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    onChange?: (value: string | string[]) => void;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    multiple?: boolean;
+}
+declare const SelectCustom: React$1.ForwardRefExoticComponent<CustomSelectProps & React$1.RefAttributes<any>>;
+
+declare function ModalCustom({ height, width, component, onClose, title, }: {
+    height: string;
+    width: string;
+    component: React.ReactNode;
+    onClose: () => void;
+    title?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ButtonCustom as Button, InputCustom as Input, ModalCustom as Modal, SelectCustom as Select };

package/dist/index.js

@@ -0,0 +1,290 @@
+// src/components/Button/Button.tsx
+import { Button, ConfigProvider } from "antd";
+import { jsx } from "react/jsx-runtime";
+function twColorVar(value) {
+  if (value.startsWith("[") && value.endsWith("]")) return value.slice(1, -1);
+  if (value === "transparent") return "transparent";
+  if (value === "current") return "currentColor";
+  if (value === "inherit") return "inherit";
+  return `var(--color-${value})`;
+}
+function antdVarsFromClassName(className) {
+  const vars = {};
+  let baseBg;
+  let baseColor;
+  for (const cls of className.split(" ")) {
+    if (/^bg-/.test(cls)) {
+      baseBg = twColorVar(cls.slice(3));
+      vars["--ant-button-default-bg"] = baseBg;
+      vars["--ant-button-default-active-bg"] = baseBg;
+    } else if (/^hover:bg-/.test(cls)) {
+      vars["--ant-button-default-hover-bg"] = twColorVar(cls.slice(9));
+    } else if (/^text-/.test(cls)) {
+      baseColor = twColorVar(cls.slice(5));
+      vars["--ant-button-default-color"] = baseColor;
+      vars["--ant-button-default-active-color"] = baseColor;
+    } else if (/^hover:text-/.test(cls)) {
+      vars["--ant-button-default-hover-color"] = twColorVar(cls.slice(11));
+    }
+  }
+  if (baseBg && !vars["--ant-button-default-hover-bg"]) {
+    vars["--ant-button-default-hover-bg"] = baseBg;
+  }
+  if (baseColor && !vars["--ant-button-default-hover-color"]) {
+    vars["--ant-button-default-hover-color"] = baseColor;
+  }
+  return vars;
+}
+function ButtonCustom({
+  className = "",
+  containerClassName = "",
+  style,
+  children,
+  ...antdProps
+}) {
+  const bgVars = antdVarsFromClassName(className);
+  return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(
+    ConfigProvider,
+    {
+      theme: {
+        cssVar: true,
+        components: {
+          Button: {
+            defaultShadow: "none",
+            defaultColor: "inherit",
+            defaultBg: "transparent",
+            defaultBorderColor: "transparent",
+            defaultHoverColor: "inherit",
+            defaultHoverBg: "transparent",
+            defaultHoverBorderColor: "transparent",
+            defaultActiveColor: "inherit",
+            defaultActiveBg: "transparent",
+            defaultActiveBorderColor: "transparent"
+          }
+        }
+      },
+      children: /* @__PURE__ */ jsx(Button, { className, style: { ...bgVars, ...style }, ...antdProps, children })
+    }
+  ) });
+}
+
+// src/components/Input/Input.tsx
+import { useState, useEffect, forwardRef } from "react";
+import { Input as AntdInput } from "antd";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var masks = {
+  cpf: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})/, "$1-$2").replace(/(-\d{2})\d+?$/, "$1");
+  },
+  cnpj: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1/$2").replace(/(\d{4})(\d{1,2})/, "$1-$2").replace(/(-\d{2})\d+?$/, "$1");
+  },
+  cep: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{3})\d+?$/, "$1");
+  },
+  telefone: (value) => {
+    const cleaned = value.replace(/\D/g, "");
+    if (cleaned.length <= 10) {
+      return cleaned.replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{4})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1");
+    } else {
+      return cleaned.replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1");
+    }
+  },
+  celular: (value) => {
+    return value.replace(/\D/g, "").replace(/(\d{2})(\d)/, "($1) $2").replace(/(\d{5})(\d)/, "$1-$2").replace(/(-\d{4})\d+?$/, "$1");
+  }
+};
+var getAutoPlaceholder = (label, fem) => {
+  if (!label) return "";
+  const article = fem ? "a" : "o";
+  const lowerLabel = label.toLowerCase();
+  return `Digite ${article} ${lowerLabel}`;
+};
+var InputCustom = forwardRef(
+  ({
+    label,
+    fem = false,
+    mask,
+    error,
+    helperText,
+    required = false,
+    onChange,
+    placeholder,
+    autoPlaceholder = true,
+    value,
+    className = "",
+    containerClassName = "",
+    labelClassName = "",
+    style = {},
+    ...antdProps
+  }, ref) => {
+    const [internalValue, setInternalValue] = useState("");
+    useEffect(() => {
+      const stringValue = value?.toString() || "";
+      const maskedValue = applyMask(stringValue);
+      if (maskedValue !== internalValue) {
+        setInternalValue(maskedValue);
+      }
+    }, [value]);
+    const applyMask = (inputValue) => {
+      if (!mask || !masks[mask]) return inputValue;
+      return masks[mask](inputValue);
+    };
+    const handleChange = (e) => {
+      let inputValue = e.target.value;
+      if (mask) {
+        const maxLengths = {
+          cpf: 11,
+          cnpj: 14,
+          cep: 8,
+          telefone: 11,
+          celular: 11
+        };
+        const numbersOnly = inputValue.replace(/\D/g, "");
+        const limitedNumbers = numbersOnly.slice(0, maxLengths[mask]);
+        const maskedValue = applyMask(limitedNumbers);
+        setInternalValue(maskedValue);
+        onChange?.(limitedNumbers);
+      } else {
+        setInternalValue(inputValue);
+        onChange?.(inputValue);
+      }
+    };
+    const finalPlaceholder = placeholder || (autoPlaceholder && label ? getAutoPlaceholder(label, fem) : "");
+    const containerClass = `w-full mb-4 ${containerClassName}`;
+    const labelClass = `block text-start text-sm font-medium mb-1 ${error ? "text-red-500" : ""} ${labelClassName}`;
+    const errorClass = "text-xs text-red-500 mt-1";
+    const helperClass = "text-xs text-gray-500 mt-1";
+    return /* @__PURE__ */ jsxs("div", { className: containerClass, style, children: [
+      label && /* @__PURE__ */ jsxs("label", { className: labelClass, children: [
+        label,
+        required && /* @__PURE__ */ jsx2("span", { className: "text-red-500 ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        AntdInput,
+        {
+          ref,
+          value: internalValue,
+          onChange: handleChange,
+          placeholder: finalPlaceholder,
+          status: error ? "error" : void 0,
+          className,
+          ...antdProps
+        }
+      ),
+      error && /* @__PURE__ */ jsx2("div", { className: errorClass, children: error }),
+      helperText && !error && /* @__PURE__ */ jsx2("div", { className: helperClass, children: helperText })
+    ] });
+  }
+);
+InputCustom.displayName = "CustomInput";
+var Input_default = InputCustom;
+
+// src/components/Select/Select.tsx
+import { useState as useState2, useEffect as useEffect2, forwardRef as forwardRef2 } from "react";
+import { Select } from "antd";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var SelectCustom = forwardRef2(
+  ({
+    label,
+    fem = false,
+    error,
+    helperText,
+    required = false,
+    onChange,
+    placeholder,
+    value,
+    className = "",
+    style = {},
+    options = [],
+    multiple = false,
+    ...antdProps
+  }, ref) => {
+    const [internalValue, setInternalValue] = useState2(value || []);
+    useEffect2(() => {
+      if (value !== internalValue) {
+        setInternalValue(value || []);
+      }
+    }, [value]);
+    const handleChange = (selectedValue) => {
+      setInternalValue(selectedValue);
+      onChange?.(selectedValue);
+    };
+    const finalPlaceholder = placeholder || (label ? `Selecione ${label}` : "Selecione");
+    const containerClass = "w-full mb-4";
+    const labelClass = `block text-start text-sm font-medium mb-1 ${error ? "text-red-500" : "text-black-600"}`;
+    const errorClass = "text-xs text-red-500 mt-1";
+    const helperClass = "text-xs text-gray-500 mt-1";
+    return /* @__PURE__ */ jsxs2("div", { className: containerClass, style, children: [
+      label && /* @__PURE__ */ jsxs2("label", { className: labelClass, children: [
+        label,
+        required && /* @__PURE__ */ jsx3("span", { className: "text-red-500 ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx3(
+        Select,
+        {
+          ref,
+          value: internalValue,
+          onChange: handleChange,
+          placeholder: finalPlaceholder,
+          mode: multiple ? "multiple" : void 0,
+          options,
+          status: error ? "error" : void 0,
+          className,
+          ...antdProps
+        }
+      ),
+      error && /* @__PURE__ */ jsx3("div", { className: errorClass, children: error }),
+      helperText && !error && /* @__PURE__ */ jsx3("div", { className: helperClass, children: helperText })
+    ] });
+  }
+);
+SelectCustom.displayName = "CustomSelect";
+var Select_default = SelectCustom;
+
+// src/components/Modal/Modal.tsx
+import { X } from "@phosphor-icons/react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ModalCustom({
+  height,
+  width,
+  component,
+  onClose,
+  title
+}) {
+  return /* @__PURE__ */ jsx4(
+    "section",
+    {
+      className: "flex items-center justify-center w-full h-full absolute inset-0 bg-black/50",
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: "relative flex flex-col rounded-xl bg-white",
+          style: { width: `${width}px`, height: `${height}px` },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex", children: [
+              /* @__PURE__ */ jsx4("div", { className: "p-3 text-xl", children: title ? title : "" }),
+              /* @__PURE__ */ jsx4(
+                "button",
+                {
+                  className: "absolute cursor-pointer top-3 right-3 text-gray-400 hover:text-gray-700 transition-colors",
+                  onClick: onClose,
+                  children: /* @__PURE__ */ jsx4(X, { size: 20, weight: "bold" })
+                }
+              )
+            ] }),
+            component
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  ButtonCustom as Button,
+  Input_default as Input,
+  ModalCustom as Modal,
+  Select_default as Select
+};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@seygo/ui",
+  "version": "0.1.0",
+  "description": "Biblioteca de componentes UI da Seygo — wrappers do Ant Design com padrões internos",
+  "license": "MIT",
+  "keywords": ["seygo", "ui", "components", "antd", "react"],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/seygo/seygo-frontend-componentes"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
+  "dependencies": {
+    "@phosphor-icons/react": "^2.1.10"
+  },
+  "peerDependencies": {
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "antd": "^5.27.2",
+    "tailwindcss": "^4.1.12"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "antd": "^5.27.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "tailwindcss": "^4.1.12",
+    "tsup": "^8.5.0",
+    "typescript": "~5.8.3"
+  }
+}