@ourtrip/ui 1.0.3 → 1.0.5

package/dist/types/components/button.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "fill" | "outline" | null | undefined;
-    color?: "primary" | "secondary" | "danger" | "gray" | "white" | null | undefined;
+    color?: "danger" | "white" | "primary" | "secondary" | "gray" | null | undefined;
     size?: "small" | "normal" | "large" | "icon" | null | undefined;
     shape?: "default" | "rounded" | null | undefined;
-    fontWeight?: "normal" | "bold" | null | undefined;
+    fontWeight?: "bold" | "normal" | null | undefined;
     fullWidth?: boolean | null | undefined;
     fullHeight?: boolean | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/types/components/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "bottom" | "right" | "top" | "left" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ourtrip/ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "scripts": {
-    "build": "rollup -c"
+    "build": "webpack"
   },
   "keywords": [],
   "author": "",
@@ -26,7 +26,10 @@
     "react-dom": "^19.0.0",
     "rollup": "^2.79.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "typescript": "^5.8.2"
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.8.2",
+    "webpack": "^5.98.0",
+    "webpack-cli": "^6.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/webpack.config.js

@@ -0,0 +1,31 @@
+const path = require('path');
+
+module.exports = {
+  mode: 'production',
+  entry: './src/index.tsx', // ponto de entrada da sua biblioteca
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'index.js', // bundle final
+    library: '@ourtrip/ui', // nome da sua biblioteca
+    libraryTarget: 'umd', // gera um bundle compatível com diversos ambientes (CommonJS, AMD, global)
+    globalObject: 'this' // necessário para que funcione no Node.js e no browser
+  },
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js']
+  },
+  // Marque o React e o ReactDOM como "externals" para não incluí-los no bundle final
+  externals: {
+    react: 'react',
+    'react-dom': 'react-dom'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/
+      }
+    ]
+  },
+  devtool: 'source-map' // gera sourcemaps para facilitar o debug
+};

package/dist/components/accordion.js

@@ -1,19 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-var Accordion = function (_a) {
-    var title = _a.title, text = _a.text;
-    var _b = useState(false), open = _b[0], setOpen = _b[1];
-    return (React.createElement("div", { className: 'w-full flex flex-col p-6 border border-gray-200 rounded-default cursor-pointer', onClick: function () { return setOpen(function (prev) { return !prev; }); } },
-        React.createElement("div", { className: 'flex items-center gap-6' },
-            React.createElement("div", { className: "relative w-10 h-10 rounded-full flex justify-center items-center transition-colors duration-300 ".concat(open ? 'bg-primary-900' : 'bg-gray-100') },
-                React.createElement("div", { className: "absolute w-4 h-0.5 rounded transition-transform duration-300 ".concat(open
-                        ? 'bg-primary-900 transform rotate-[-90deg]'
-                        : 'bg-primary-900 transform rotate-[-180deg]') }),
-                React.createElement("div", { className: "absolute w-4 h-0.5 rounded transition-transform duration-300 ".concat(open
-                        ? 'bg-white transform rotate-0'
-                        : 'bg-primary-900 transform rotate-[-90deg]') })),
-            React.createElement("h2", { className: 'font-medium text-lg text-primary-900' }, title)),
-        React.createElement("div", { className: "pl-16 overflow-hidden transition-max-height duration-500 ease-in-out ".concat(open ? 'max-h-56' : 'max-h-0') },
-            React.createElement("p", { className: 'pt-2.5 text-base text-gray-500 leading-7' }, text))));
-};
-export default Accordion;

package/dist/components/alert.js

@@ -1,36 +0,0 @@
-'use client';
-import React from 'react';
-import { Check, Info, Warning, WarningCircle } from '@phosphor-icons/react';
-var iconByAlertType = {
-    danger: React.createElement(WarningCircle, { size: 24 }),
-    success: React.createElement(Check, { size: 24 }),
-    info: React.createElement(Info, { size: 24 }),
-    warning: React.createElement(Warning, { size: 24 })
-};
-var Alert = function (_a) {
-    var type = _a.type, variant = _a.variant, children = _a.children;
-    var baseClasses = 'rounded-default p-4 flex items-start gap-4';
-    var typeVariantClasses = {
-        info: {
-            fill: 'bg-info-500 text-white',
-            outline: 'border border-info-500 text-info-500'
-        },
-        success: {
-            fill: 'bg-success-500 text-white',
-            outline: 'border border-success-500 text-success-500'
-        },
-        danger: {
-            fill: 'bg-danger-500 text-white',
-            outline: 'border border-danger-500 text-danger-500'
-        },
-        warning: {
-            fill: 'bg-warning-500 text-white',
-            outline: 'border border-warning-500 text-warning-500'
-        }
-    };
-    var className = "".concat(baseClasses, " ").concat(typeVariantClasses[type][variant]);
-    return (React.createElement("div", { className: className },
-        iconByAlertType[type],
-        React.createElement("div", null, children)));
-};
-export default Alert;

package/dist/components/badge.js

@@ -1,47 +0,0 @@
-'use client';
-import React from 'react';
-var Badge = function (_a) {
-    var children = _a.children, icon = _a.icon, type = _a.type, _b = _a.size, size = _b === void 0 ? 'normal' : _b, mobile = _a.mobile, className = _a.className;
-    var baseClasses = "flex items-center rounded-button ".concat(mobile ? 'lg:hidden md:flex' : '', " ").concat(className || '');
-    var typeClasses = '';
-    var sizeClasses = {
-        small: 'px-2 py-1 gap-0',
-        normal: 'py-2 px-3 gap-2',
-        large: 'py-3 px-4 gap-3'
-    }[size];
-    var textSizesClasses = {
-        small: 'text-xs font-normal',
-        normal: 'text-sm font-semibold',
-        large: 'text-base font-semibold'
-    }[size];
-    switch (type) {
-        case 'success':
-            typeClasses = 'bg-success-100 text-success-600';
-            break;
-        case 'warning':
-            typeClasses = 'bg-warning-100 text-warning-600';
-            break;
-        case 'danger':
-            typeClasses = 'bg-danger-100 text-danger-600';
-            break;
-        case 'info':
-            typeClasses = 'bg-info-100 text-info-900';
-            break;
-        case 'white':
-            typeClasses = 'bg-white text-gray-900';
-            break;
-        case 'primary':
-            typeClasses = 'bg-primary-500 text-white';
-            break;
-        case 'secondary':
-            typeClasses = 'bg-gray-100 text-primary-500';
-            break;
-        default:
-            typeClasses = '';
-    }
-    var textClasses = "font-semibold whitespace-nowrap ".concat(textSizesClasses);
-    return (React.createElement("div", { className: "".concat(baseClasses, " ").concat(typeClasses, " ").concat(sizeClasses) },
-        icon && React.createElement("span", { className: 'mr-2' }, icon),
-        React.createElement("p", { className: textClasses }, children)));
-};
-export default Badge;

package/dist/components/breadcrumbs.js

@@ -1,22 +0,0 @@
-'use client';
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/anchor-is-valid */
-import React from 'react';
-import { CaretRight } from '@phosphor-icons/react';
-var Breadcrumbs = function (_a) {
-    var items = _a.items;
-    return (React.createElement("div", { className: 'flex items-center gap-2.5' }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-        var isActive = index !== items.length - 1;
-        return (React.createElement("div", { key: item.id, className: 'flex items-center gap-2.5' },
-            React.createElement("a", { onClick: function () {
-                    if (isActive) {
-                        window.open(item.href, '_blank');
-                    }
-                }, className: "no-underline text-blue-900 text-sm ".concat(isActive
-                    ? 'hover:text-blue-500 hover:cursor-pointer'
-                    : 'cursor-text') }, item.text),
-            isActive && React.createElement(CaretRight, null)));
-    })));
-};
-export default Breadcrumbs;

package/dist/components/button.js

@@ -1,155 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { CircleNotch } from '@phosphor-icons/react';
-import { cva } from 'class-variance-authority';
-import { cn } from '../utils/classes';
-var buttonVariants = cva('flex items-center justify-center gap-2 whitespace-nowrap transition-colors focus:outline-hidden', {
-    variants: {
-        variant: {
-            fill: '',
-            outline: 'bg-transparent border'
-        },
-        color: {
-            primary: '',
-            secondary: '',
-            danger: '',
-            gray: '',
-            white: ''
-        },
-        size: {
-            small: 'h-[32px] px-4 text-sm',
-            normal: 'h-[40px] px-6 text-base',
-            large: 'h-[48px] px-8 text-lg',
-            icon: 'h-[40px] w-[40px] p-0'
-        },
-        shape: {
-            default: 'rounded-inner',
-            rounded: 'rounded-full'
-        },
-        fontWeight: {
-            normal: 'font-normal',
-            bold: 'font-medium'
-        },
-        fullWidth: {
-            true: 'w-full',
-            false: ''
-        },
-        fullHeight: {
-            true: 'h-full',
-            false: ''
-        },
-        disabled: {
-            true: 'bg-gray-200 text-gray-900 border-none cursor-not-allowed hover:bg-gray-200 hover:text-gray-900',
-            false: ''
-        }
-    },
-    compoundVariants: [
-        {
-            variant: 'fill',
-            color: 'primary',
-            disabled: false,
-            className: 'bg-primary-500 text-white hover:bg-primary-400 active:bg-primary-600'
-        },
-        {
-            variant: 'fill',
-            color: 'secondary',
-            disabled: false,
-            className: 'bg-secondary-500 text-white hover:bg-secondary-400 active:bg-secondary-600'
-        },
-        {
-            variant: 'fill',
-            color: 'danger',
-            disabled: false,
-            className: 'bg-red-500 text-white hover:bg-red-400 active:bg-red-600'
-        },
-        {
-            variant: 'fill',
-            color: 'gray',
-            disabled: false,
-            className: 'bg-gray-100 text-gray-700 hover:bg-gray-200 active:bg-gray-300'
-        },
-        {
-            variant: 'fill',
-            color: 'white',
-            disabled: false,
-            className: 'bg-white text-black hover:bg-gray-200'
-        },
-        {
-            variant: 'outline',
-            color: 'primary',
-            disabled: false,
-            className: 'text-primary-500 border-primary-500 hover:text-primary-400 hover:border-primary-400'
-        },
-        {
-            variant: 'outline',
-            color: 'secondary',
-            disabled: false,
-            className: 'text-secondary-500 border-secondary-500 hover:text-secondary-400 hover:border-secondary-400'
-        },
-        {
-            variant: 'outline',
-            color: 'danger',
-            disabled: false,
-            className: 'text-red-500 border-red-500 hover:text-red-400 hover:border-red-400'
-        },
-        {
-            variant: 'outline',
-            color: 'gray',
-            disabled: false,
-            className: 'text-gray-300 border-gray-300 hover:text-gray-500 hover:border-gray-400'
-        },
-        {
-            variant: 'outline',
-            color: 'white',
-            disabled: false,
-            className: 'text-white border-white hover:text-gray-200 hover:border-gray-200'
-        }
-    ],
-    defaultVariants: {
-        variant: 'fill',
-        color: 'primary',
-        size: 'normal',
-        shape: 'default',
-        fontWeight: 'normal',
-        fullWidth: false,
-        fullHeight: false,
-        disabled: false
-    }
-});
-var Button = React.forwardRef(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, color = _a.color, size = _a.size, shape = _a.shape, fontWeight = _a.fontWeight, fullWidth = _a.fullWidth, fullHeight = _a.fullHeight, disabled = _a.disabled, _b = _a.loading, loading = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["className", "variant", "color", "size", "shape", "fontWeight", "fullWidth", "fullHeight", "disabled", "loading", "children"]);
-    return (React.createElement("button", __assign({ className: cn(buttonVariants({
-            variant: variant,
-            color: color,
-            size: size,
-            shape: shape,
-            fontWeight: fontWeight,
-            fullWidth: fullWidth,
-            fullHeight: fullHeight,
-            disabled: disabled || loading
-        }), className), ref: ref, disabled: disabled || loading }, props), loading ? (React.createElement(CircleNotch, { className: 'animate-spin', weight: 'bold' })) : (children)));
-});
-Button.displayName = 'Button';
-export default Button;

package/dist/components/card.js

@@ -1,29 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-var Card = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement("div", __assign({ className: 'p-4 rounded-default border bg-white border-gray-200' }, props), children));
-};
-export default Card;

package/dist/components/checkbox.js

@@ -1,24 +0,0 @@
-'use client';
-import React, { memo, useEffect, useState } from 'react';
-import { Check } from '@phosphor-icons/react';
-import Stars from './stars';
-var Checkbox = function (_a) {
-    var value = _a.value, onChange = _a.onChange, label = _a.label, trailing = _a.trailing, textColor = _a.textColor, type = _a.type;
-    var _b = useState(value || false), checked = _b[0], setChecked = _b[1];
-    useEffect(function () {
-        if (value !== undefined)
-            setChecked(value);
-    }, [value]);
-    return (React.createElement("div", { className: 'w-full flex items-center justify-between cursor-pointer gap-2 select-none', onClick: function () {
-            setChecked(function (prev) { return !prev; });
-            onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
-        } },
-        React.createElement("div", { className: 'flex items-center gap-2' },
-            React.createElement("div", { className: "w-5 h-5 flex items-center justify-center border border-primary-500 rounded-md flex-none mt-[3px] hover:bg-primary-500 ".concat(checked ? 'bg-primary-500' : '') }, checked && React.createElement(Check, { size: 12, color: 'white', weight: 'bold' })),
-            label && (React.createElement("p", { className: "flex items-center gap-1 text-sm mt-1 ".concat(textColor === 'primary' ? 'text-primary-900' : 'text-gray-500') }, type === 'stars' ? (React.createElement(Stars, { rate: parseFloat(label.toString()) })) : (label)))),
-        trailing !== undefined && (React.createElement("p", { className: 'text-sm text-gray-500' }, trailing))));
-};
-var propsAreEqual = function (prevProps, nextProps) {
-    return prevProps.value === nextProps.value && prevProps.label === nextProps.label;
-};
-export default memo(Checkbox, propsAreEqual);

package/dist/components/collapse.js

@@ -1,16 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-import { CaretDown, CaretUp } from '@phosphor-icons/react';
-var Collapse = function (_a) {
-    var title = _a.title, content = _a.content, _b = _a.showPreview, showPreview = _b === void 0 ? false : _b, _c = _a.togglePosition, togglePosition = _c === void 0 ? 'right' : _c, toggleText = _a.toggleText;
-    var _d = useState(false), open = _d[0], setOpen = _d[1];
-    return (React.createElement("div", { className: "relative flex items-start ".concat(togglePosition === 'right' ? 'flex-row' : 'flex-col', " gap-3"), onClick: function () { return setOpen(function (prev) { return !prev; }); } },
-        React.createElement("div", { className: 'mt-1' },
-            React.createElement("h3", { className: 'text-sm text-primary-900' }, title),
-            React.createElement("div", { className: "overflow-hidden transition-max-height duration-300 ease-in-out ".concat(open ? 'max-h-[1000px]' : showPreview ? 'max-h-12' : 'max-h-0') },
-                React.createElement("p", { className: 'mt-1 text-gray-500' }, content))),
-        React.createElement("div", { className: 'flex items-center gap-2' },
-            toggleText && React.createElement("span", null, open ? toggleText.close : toggleText.open),
-            React.createElement("div", { className: 'w-7 h-7 rounded-full bg-gray-100 flex items-center justify-center' }, open ? React.createElement(CaretUp, { size: 18 }) : React.createElement(CaretDown, { size: 18 })))));
-};
-export default Collapse;

package/dist/components/divider.js

@@ -1,38 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import classNames from 'classnames';
-var Divider = function (_a) {
-    var _b;
-    var _c = _a.orientation, orientation = _c === void 0 ? 'vertical' : _c, fullHeight = _a.fullHeight, className = _a.className, props = __rest(_a, ["orientation", "fullHeight", "className"]);
-    var dividerClass = classNames((_b = {
-            'w-px h-10 bg-gray-200': orientation === 'vertical' && !fullHeight,
-            'w-full h-px bg-gray-200': orientation === 'horizontal',
-            'w-px h-full bg-gray-200': orientation === 'vertical' && fullHeight
-        },
-        _b[className] = className,
-        _b));
-    return React.createElement("div", __assign({}, props, { className: dividerClass }));
-};
-export default Divider;

package/dist/components/input.js

@@ -1,58 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-/* eslint-disable no-param-reassign */
-/* eslint-disable react-hooks/rules-of-hooks */
-import React, { forwardRef, useRef } from 'react';
-var Input = forwardRef(function (_a, ref) {
-    var id = _a.id, label = _a.label, placeholder = _a.placeholder, _b = _a.color, color = _b === void 0 ? 'white' : _b, dense = _a.dense, floating = _a.floating, border = _a.border, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, focus = _a.focus, error = _a.error, disabled = _a.disabled, props = __rest(_a, ["id", "label", "placeholder", "color", "dense", "floating", "border", "onChange", "onFocus", "onBlur", "focus", "error", "disabled"]);
-    var inputRef = useRef(null);
-    return (React.createElement("div", { "aria-labelledby": id, onClick: function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, className: "flex flex-col w-full ".concat(props.className) },
-        React.createElement("div", { onClick: function () {
-                var _a;
-                if (ref === null || ref === void 0 ? void 0 : ref.current) {
-                    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-                }
-                else {
-                    focus === null || focus === void 0 ? void 0 : focus();
-                }
-            } },
-            label && (React.createElement("label", { htmlFor: id, className: 'mb-2 text-sm text-gray-500' }, label)),
-            React.createElement("input", __assign({ id: id, ref: function (e) {
-                    if (typeof ref === 'function')
-                        ref(e);
-                    else if (ref && typeof ref === 'object')
-                        ref.current = e;
-                    inputRef.current = e;
-                }, placeholder: placeholder, autoComplete: 'off' }, props, { disabled: disabled, onChange: function (event) {
-                    onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                }, onFocus: function (event) {
-                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-                }, onBlur: function (e) {
-                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                }, className: "".concat(color === 'white'
-                    ? 'bg-white disabled:bg-white'
-                    : 'bg-gray-100 disabled:bg-gray-100', " w-full rounded-button h-[50px] px-4 disabled:cursor-not-allowed placeholder-gray-500 text-primary-900 ").concat(props.className) }))),
-        error && React.createElement("span", { className: 'text-sm text-red-600' }, error)));
-});
-export default Input;

package/dist/components/modal.js

@@ -1,10 +0,0 @@
-'use client';
-import React from 'react';
-var Modal = function (_a) {
-    var isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.showCloseButton, showCloseButton = _b === void 0 ? false : _b;
-    return isOpen ? (React.createElement("div", { className: 'fixed top-0 left-0 w-full h-full bg-black/50 flex justify-center items-center' },
-        React.createElement("div", { className: 'bg-white rounded-default shadow-lg min-w-[350px] relative' },
-            showCloseButton ? (React.createElement("button", { type: 'button', className: 'absolute top-[10px] right-[10px] cursor-pointer', onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } }, "Fechar")) : null,
-            React.createElement("div", { className: 'modal-content' }, children)))) : null;
-};
-export default Modal;

package/dist/components/phone.js

@@ -1,53 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import Input from './input';
-import { isValidDDD, isValidPhoneNumber } from '../utils/validation';
-var PhoneInput = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var t = _a.t, DDI = _a.DDI, phoneDDIKey = _a.phoneDDIKey, phoneAreaCodeKey = _a.phoneAreaCodeKey, phoneNumberKey = _a.phoneNumberKey, registerWithMask = _a.registerWithMask, setFocus = _a.setFocus, errors = _a.errors, ddiClassName = _a.ddiClassName, areaCodeClassName = _a.areaCodeClassName, phoneClassName = _a.phoneClassName, requiredMessage = _a.requiredMessage;
-    var host = typeof window !== 'undefined' ? window.location.host : '';
-    return (React.createElement("div", { className: 'w-full flex flex-col gap-1' },
-        React.createElement("div", { className: 'flex flex-col md:flex-row gap-0.5' },
-            React.createElement(Input, __assign({ className: "flex-2 rounded-b-none md:rounded-r-none md:rounded-l-button ".concat(ddiClassName), placeholder: t('fieldsLabels.ddi') }, registerWithMask(phoneDDIKey, ['+9', '+99', '+999'], {
-                value: DDI,
-                required: requiredMessage
-            }), { defaultValue: (host === null || host === void 0 ? void 0 : host.includes('.br')) ? '+55' : '', color: 'gray' })),
-            React.createElement(Input, __assign({ className: "flex-2 rounded-none ".concat(areaCodeClassName), placeholder: t('fieldsLabels.areaCode') }, registerWithMask(phoneAreaCodeKey, DDI === '+55' ? '(99)' : '', {
-                required: requiredMessage,
-                validate: function (value) {
-                    return DDI === '+55'
-                        ? isValidDDD(value)
-                        : true || t('validations.invalidPhoneAreaCode');
-                },
-                oncomplete: function () {
-                    if (DDI === '+55') {
-                        setFocus(phoneNumberKey);
-                    }
-                }
-            }), { color: 'gray' })),
-            React.createElement(Input, __assign({ className: "flex-5 rounded-t-none md:rounded-l-none md:rounded-r-button ".concat(phoneClassName), placeholder: t('fieldsLabels.number') }, registerWithMask(phoneNumberKey, DDI === '+55' ? '99999-9999' : '', {
-                required: requiredMessage,
-                validate: function (value) {
-                    return DDI === '+55'
-                        ? isValidPhoneNumber(value)
-                        : true || t('validations.invalidPhoneNumber');
-                }
-            }), { color: 'gray' }))),
-        (((_c = (_b = errors === null || errors === void 0 ? void 0 : errors.phone) === null || _b === void 0 ? void 0 : _b.ddi) === null || _c === void 0 ? void 0 : _c.message) ||
-            ((_e = (_d = errors === null || errors === void 0 ? void 0 : errors.phone) === null || _d === void 0 ? void 0 : _d.areaCode) === null || _e === void 0 ? void 0 : _e.message) ||
-            ((_g = (_f = errors === null || errors === void 0 ? void 0 : errors.phone) === null || _f === void 0 ? void 0 : _f.number) === null || _g === void 0 ? void 0 : _g.message)) && (React.createElement("span", { className: 'text-red-600 text-sm' }, ((_j = (_h = errors === null || errors === void 0 ? void 0 : errors.phone) === null || _h === void 0 ? void 0 : _h.ddi) === null || _j === void 0 ? void 0 : _j.message) ||
-            ((_l = (_k = errors === null || errors === void 0 ? void 0 : errors.phone) === null || _k === void 0 ? void 0 : _k.areaCode) === null || _l === void 0 ? void 0 : _l.message) ||
-            ((_o = (_m = errors === null || errors === void 0 ? void 0 : errors.phone) === null || _m === void 0 ? void 0 : _m.number) === null || _o === void 0 ? void 0 : _o.message)))));
-};
-export default PhoneInput;

package/dist/components/popover.js

@@ -1,35 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../utils/classes';
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.align, align = _b === void 0 ? 'center' : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
-    return (React.createElement(PopoverPrimitive.Portal, null,
-        React.createElement(PopoverPrimitive.Content, __assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-default bg-white p-4 text-popover-foreground shadow-xl outline-hidden data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className) }, props))));
-});
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent };