@ourtrip/ui 1.0.0

package/dist/components/select.js

@@ -0,0 +1,84 @@
+'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 SelectPrimitive from '@radix-ui/react-select';
+import { Check, CaretDown, CaretUp } from '@phosphor-icons/react';
+import { cn } from '../utils/classes';
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(SelectPrimitive.Trigger, __assign({ ref: ref, className: cn('flex h-[50px] w-full items-center justify-between rounded-button bg-gray-100 px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', className) }, props),
+        children,
+        React.createElement(SelectPrimitive.Icon, { asChild: true },
+            React.createElement(CaretDown, { className: 'h-4 w-4 opacity-50' }))));
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.ScrollUpButton, __assign({ ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className) }, props),
+        React.createElement(CaretUp, { className: 'h-4 w-4' })));
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.ScrollDownButton, __assign({ ref: ref, className: cn('flex cursor-default items-center justify-center py-1', className) }, props),
+        React.createElement(CaretDown, { className: 'h-4 w-4' })));
+});
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.position, position = _b === void 0 ? 'popper' : _b, props = __rest(_a, ["className", "children", "position"]);
+    return (React.createElement(SelectPrimitive.Portal, null,
+        React.createElement(SelectPrimitive.Content, __assign({ ref: ref, className: cn('relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-button bg-white text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 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', position === 'popper'
+                ? 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1'
+                : '', className), position: position }, props),
+            React.createElement(SelectScrollUpButton, null),
+            React.createElement(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper'
+                    ? 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
+                    : '') }, children),
+            React.createElement(SelectScrollDownButton, null))));
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.Label, __assign({ ref: ref, className: cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className) }, props)));
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(SelectPrimitive.Item, __assign({ ref: ref, className: cn('relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50', className) }, props),
+        React.createElement("span", { className: 'absolute left-2 flex h-3.5 w-3.5 items-center justify-center' },
+            React.createElement(SelectPrimitive.ItemIndicator, null,
+                React.createElement(Check, { className: 'h-4 w-4' }))),
+        React.createElement(SelectPrimitive.ItemText, null, children)));
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.Separator, __assign({ ref: ref, className: cn('-mx-1 my-1 h-px bg-muted', className) }, props)));
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton };

package/dist/components/sheet.js

@@ -0,0 +1,82 @@
+'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 SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from '@phosphor-icons/react';
+import cn from 'classnames';
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Overlay, __assign({ className: cn('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=open]:fade-in-0', className) }, props, { ref: ref })));
+});
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva('fixed z-50 gap-4 bg-white p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=open]:duration-500', {
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 border-b data-[state=open]:slide-in-from-top',
+            bottom: 'inset-x-0 bottom-0 border-t data-[state=open]:slide-in-from-bottom',
+            left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=open]:slide-in-from-left sm:max-w-sm',
+            right: 'inset-y-0 right-0 h-full w-3/4  border-l data-[state=open]:slide-in-from-right sm:max-w-sm'
+        }
+    },
+    defaultVariants: {
+        side: 'right'
+    }
+});
+var SheetContent = React.forwardRef(function (_a, ref) {
+    var _b = _a.side, side = _b === void 0 ? 'right' : _b, className = _a.className, children = _a.children, props = __rest(_a, ["side", "className", "children"]);
+    return (React.createElement(SheetPortal, null,
+        React.createElement(SheetOverlay, null),
+        React.createElement(SheetPrimitive.Content, __assign({ ref: ref, className: cn(sheetVariants({ side: side }), className) }, props),
+            children,
+            React.createElement(SheetPrimitive.Close, { className: 'absolute right-4 top-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary' },
+                React.createElement(X, { className: 'h-4 w-4' }),
+                React.createElement("span", { className: 'sr-only' }, "Close")))));
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn('flex flex-col space-y-2 text-center sm:text-left', className) }, props)));
+};
+SheetHeader.displayName = 'SheetHeader';
+var SheetFooter = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className) }, props)));
+};
+SheetFooter.displayName = 'SheetFooter';
+var SheetTitle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Title, __assign({ ref: ref, className: cn('text-lg font-semibold text-foreground', className) }, props)));
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Description, __assign({ ref: ref, className: cn('text-sm text-muted-foreground', className) }, props)));
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

package/dist/components/stars.js

@@ -0,0 +1,10 @@
+'use client';
+import React from 'react';
+import { Star } from '@phosphor-icons/react';
+var Stars = function (_a) {
+    var rate = _a.rate;
+    return (React.createElement("div", { className: 'flex items-center gap-0.5' },
+        Array.from({ length: 5 }).map(function (_, index) { return (React.createElement(Star, { key: "".concat(rate).concat(index), weight: rate > index ? 'fill' : 'light', className: "text-yellow-300 ".concat(rate > index ? 'text-yellow-300' : '', " ").concat(index > 0 ? 'hidden md:block' : ''), size: 12 })); }),
+        React.createElement("p", { className: 'text-sm text-primary-900 font-medium block md:hidden' }, rate)));
+};
+export default Stars;

package/dist/components/step-marker.js

@@ -0,0 +1,18 @@
+'use client';
+import React from 'react';
+import { Check } from '@phosphor-icons/react';
+import classNames from 'classnames';
+var StepMarker = function (_a) {
+    var step = _a.step, title = _a.title, subtitle = _a.subtitle, checked = _a.checked, active = _a.active, onClick = _a.onClick;
+    var classes = classNames('w-full md:w-12 h-12 flex-none rounded-default flex justify-center items-center font-medium', {
+        'bg-green-500 text-white': checked,
+        'bg-white text-gray-500': !checked,
+        'border-2 bg-gray-100 border-primary-500': active
+    });
+    return (React.createElement("div", { className: 'w-full flex flex-col items-center text-center gap-3 md:flex-row md:items-center md:text-left', onClick: onClick },
+        React.createElement("div", { className: classes }, checked ? React.createElement(Check, { size: 22 }) : step),
+        React.createElement("div", null,
+            React.createElement("h3", { className: 'text-sm md:text-base whitespace-nowrap' }, title),
+            subtitle && (React.createElement("p", { className: 'text-sm text-gray-500 whitespace-nowrap' }, subtitle)))));
+};
+export default StepMarker;

package/dist/components/switch.js

@@ -0,0 +1,15 @@
+'use client';
+import React from 'react';
+import { motion } from 'framer-motion';
+var spring = {
+    type: 'spring',
+    stiffness: 700,
+    damping: 30
+};
+var Switch = function (_a) {
+    var on = _a.on, onChange = _a.onChange, disabled = _a.disabled, label = _a.label;
+    return (React.createElement("button", { className: 'flex flex-row items-center cursor-pointer select-none border-none bg-transparent', disabled: disabled, onClick: function () { return onChange === null || onChange === void 0 ? void 0 : onChange(!on); }, "aria-label": label },
+        React.createElement("div", { className: "w-[35px] h-[20px] flex flex-row items-center p-[5px] rounded-[50px] transition-colors duration-200 ".concat(on ? 'bg-primary-500 justify-end' : 'bg-gray-200 justify-start') },
+            React.createElement(motion.div, { className: "w-[10px] h-[10px] rounded-full ".concat(on ? 'bg-white' : 'bg-gray-500'), transition: spring }))));
+};
+export default Switch;

package/dist/components/tag.js

@@ -0,0 +1,16 @@
+'use client';
+import React from 'react';
+var Tag = function (_a) {
+    var color = _a.color, children = _a.children, onClick = _a.onClick, iconLeft = _a.iconLeft, iconRight = _a.iconRight;
+    var baseClasses = 'rounded-button px-4 py-2 flex items-center justify-between border-0 cursor-pointer transition-all duration-300 ease-in-out font-medium';
+    var colorClasses = {
+        primary: 'text-primary-900 bg-white hover:bg-gray-200',
+        secondary: 'text-secondary-800 bg-secondary-100 hover:text-white hover:bg-secondary-800',
+        white: 'text-primary-900 bg-white hover:bg-gray-200'
+    };
+    return (React.createElement("button", { onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(); }, className: "".concat(baseClasses, " ").concat(colorClasses[color]) },
+        iconLeft && (React.createElement("span", { className: 'flex items-center justify-center mr-2' }, iconLeft)),
+        children,
+        iconRight && (React.createElement("span", { className: 'flex items-center justify-center ml-2' }, iconRight))));
+};
+export default Tag;

package/dist/components/tooltip.js

@@ -0,0 +1,9 @@
+'use client';
+import React from 'react';
+var Tooltip = function (_a) {
+    var text = _a.text, active = _a.active, children = _a.children;
+    return (React.createElement("div", { className: 'relative flex flex-col justify-center items-center group' },
+        React.createElement("div", { className: 'w-full' }, children),
+        React.createElement("div", { className: "\n          absolute top-[calc(100%+8px)] p-[5px_10px] text-white bg-primary-900\n          text-[14px] rounded-[8px] flex-col items-center gap-[5px] transition-all\n          ".concat(active ? 'group-hover:flex' : 'hidden', "\n          before:content-[''] before:absolute before:w-2 before:h-2 before:bg-primary-900\n          before:rotate-45 before:top-[-4px]\n        ") }, text)));
+};
+export default Tooltip;

package/dist/index.js

@@ -0,0 +1,22 @@
+export { default as Accordion } from './components/accordion';
+export { default as Alert } from './components/alert';
+export { default as Badge } from './components/badge';
+export { default as Breadcrumbs } from './components/breadcrumbs';
+export { default as Button } from './components/button';
+export { default as Card } from './components/card';
+export { default as Checkbox } from './components/checkbox';
+export { default as Collapse } from './components/collapse';
+export { default as Divider } from './components/divider';
+export { default as Input } from './components/input';
+export { default as Modal } from './components/modal';
+export { default as PhoneInput } from './components/phone';
+export { Popover, PopoverContent, PopoverTrigger } from './components/popover';
+export { default as Radio } from './components/radio';
+export { default as Range } from './components/range';
+export { Select, SelectContent, SelectTrigger } from './components/select';
+export { Sheet, SheetContent, SheetTrigger } from './components/sheet';
+export { default as Stars } from './components/stars';
+export { default as StepMarker } from './components/step-marker';
+export { default as Switch } from './components/switch';
+export { default as Tag } from './components/tag';
+export { default as Tooltip } from './components/tooltip';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IAccordionProps {
+    title: string;
+    text: string;
+}
+declare const Accordion: ({ title, text }: IAccordionProps) => React.JSX.Element;
+export default Accordion;

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+type TAlertType = 'info' | 'success' | 'danger' | 'warning';
+type TAlertVariant = 'fill' | 'outline';
+interface IAlertProps {
+    type: TAlertType;
+    variant: TAlertVariant;
+    children: ReactNode;
+}
+declare const Alert: FC<IAlertProps>;
+export default Alert;

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

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+type BadgeSize = 'small' | 'normal' | 'large';
+interface IBadgeProps {
+    icon?: ReactNode;
+    children: ReactNode;
+    type: 'success' | 'warning' | 'danger' | 'info' | 'white' | 'primary' | 'secondary';
+    size?: BadgeSize;
+    mobile?: boolean;
+    className?: string;
+}
+declare const Badge: FC<IBadgeProps>;
+export default Badge;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export type BreadcrumbsItemType = {
+    id: string;
+    text: string;
+    href: string;
+};
+interface IBreadcrumbsProps {
+    items: BreadcrumbsItemType[];
+}
+declare const Breadcrumbs: ({ items }: IBreadcrumbsProps) => React.JSX.Element;
+export default Breadcrumbs;

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "fill" | "outline" | null | undefined;
+    color?: "danger" | "white" | "primary" | "secondary" | "gray" | null | undefined;
+    size?: "small" | "normal" | "large" | "icon" | null | undefined;
+    shape?: "default" | "rounded" | null | undefined;
+    fontWeight?: "bold" | "normal" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    fullHeight?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    loading?: boolean;
+    color?: 'primary' | 'secondary' | 'danger' | 'gray' | 'white';
+    disabled?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

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

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+interface ICardProps {
+    children: ReactNode;
+}
+declare const Card: FC<ICardProps & HTMLAttributes<HTMLDivElement>>;
+export default Card;

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+interface ICheckbox {
+    value?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: ReactNode;
+    trailing?: string | number;
+    textColor?: 'primary';
+    type?: string;
+}
+declare const _default: React.MemoExoticComponent<({ value, onChange, label, trailing, textColor, type }: ICheckbox) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+type TToggleType = 'bottom' | 'right';
+type IToggleTextType = {
+    open: string;
+    close: string;
+};
+interface ICollapseProps {
+    title: string;
+    content: ReactNode;
+    showPreview?: boolean;
+    toggleText?: IToggleTextType;
+    togglePosition?: TToggleType;
+}
+declare const Collapse: FC<ICollapseProps>;
+export default Collapse;

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

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+interface IDivider extends HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    fullHeight?: boolean;
+    className?: string;
+}
+declare const Divider: ({ orientation, fullHeight, className, ...props }: IDivider) => React.JSX.Element;
+export default Divider;

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

@@ -0,0 +1,14 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+interface IInput extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    label?: string;
+    dense?: boolean;
+    floating?: boolean;
+    border?: boolean;
+    color?: 'white' | 'gray';
+    error?: string;
+    focus?: Function;
+    mask?: Function;
+    hasInitialValue?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<IInput, "ref"> & React.RefAttributes<unknown>>;
+export default Input;

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+interface IModalProps {
+    isOpen: boolean;
+    children: ReactNode;
+    showCloseButton?: boolean;
+    onClose?: Function;
+    closeOnClickOutside?: boolean;
+}
+declare const Modal: FC<IModalProps>;
+export default Modal;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FieldErrors, FieldValues, Path, UseFormSetFocus } from 'react-hook-form';
+interface IPhoneInputProps<T extends FieldValues> {
+    t: any;
+    DDI?: string;
+    phoneDDIKey: Path<T>;
+    phoneAreaCodeKey: Path<T>;
+    phoneNumberKey: Path<T>;
+    registerWithMask: any;
+    setFocus: UseFormSetFocus<T>;
+    errors: FieldErrors<T>;
+    ddiClassName?: string;
+    areaCodeClassName?: string;
+    phoneClassName?: string;
+    requiredMessage?: string;
+}
+declare const PhoneInput: <T extends FieldValues>({ t, DDI, phoneDDIKey, phoneAreaCodeKey, phoneNumberKey, registerWithMask, setFocus, errors, ddiClassName, areaCodeClassName, phoneClassName, requiredMessage }: IPhoneInputProps<T>) => React.JSX.Element;
+export default PhoneInput;

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

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

@@ -0,0 +1,8 @@
+import React, { InputHTMLAttributes } from 'react';
+type RadioSize = 'small' | 'normal' | 'large';
+interface IRadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label: string;
+    size?: RadioSize;
+}
+declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<unknown>>;
+export default Radio;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IRange {
+    initialValues?: number[];
+    min?: number;
+    max?: number;
+    onChange?: (value: number[]) => void;
+    disabled?: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ min, max, onChange, disabled, initialValues }: IRange) => React.JSX.Element>;
+export default _default;

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton };

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { type VariantProps } from 'class-variance-authority';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+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?: "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> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface IStars {
+    rate: number;
+}
+declare const Stars: FC<IStars>;
+export default Stars;

package/dist/types/components/step-marker.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+type StepMarkerProps = {
+    step: number;
+    title: string;
+    subtitle?: string;
+    checked: boolean;
+    active: boolean;
+    onClick?: () => void;
+};
+declare const StepMarker: FC<StepMarkerProps>;
+export default StepMarker;

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface ISwitch {
+    onChange?: (on: boolean) => void;
+    on: boolean;
+    disabled?: boolean;
+    label: string;
+}
+declare const Switch: FC<ISwitch>;
+export default Switch;

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

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+export type TagColor = 'primary' | 'secondary' | 'white';
+interface ITagProps {
+    color: TagColor;
+    children: ReactNode;
+    onClick?: () => void;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+}
+declare const Tag: FC<ITagProps>;
+export default Tag;

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

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+interface ITooltip {
+    text: string;
+    active: boolean;
+    children: ReactNode;
+}
+declare const Tooltip: FC<ITooltip>;
+export default Tooltip;

package/dist/types/index.d.ts

@@ -0,0 +1,22 @@
+export { default as Accordion } from './components/accordion';
+export { default as Alert } from './components/alert';
+export { default as Badge } from './components/badge';
+export { default as Breadcrumbs } from './components/breadcrumbs';
+export { default as Button } from './components/button';
+export { default as Card } from './components/card';
+export { default as Checkbox } from './components/checkbox';
+export { default as Collapse } from './components/collapse';
+export { default as Divider } from './components/divider';
+export { default as Input } from './components/input';
+export { default as Modal } from './components/modal';
+export { default as PhoneInput } from './components/phone';
+export { Popover, PopoverContent, PopoverTrigger } from './components/popover';
+export { default as Radio } from './components/radio';
+export { default as Range } from './components/range';
+export { Select, SelectContent, SelectTrigger } from './components/select';
+export { Sheet, SheetContent, SheetTrigger } from './components/sheet';
+export { default as Stars } from './components/stars';
+export { default as StepMarker } from './components/step-marker';
+export { default as Switch } from './components/switch';
+export { default as Tag } from './components/tag';
+export { default as Tooltip } from './components/tooltip';

package/dist/types/utils/classes.d.ts

@@ -0,0 +1 @@
+export declare const cn: (...args: (string | undefined)[]) => string;

package/dist/types/utils/validation.d.ts

@@ -0,0 +1,12 @@
+export declare const isValidCpf: (formatedCpf: string) => boolean;
+export declare const isValidCNPJ: (formatedCnpj: string) => boolean;
+export declare const isCPF: (document: string) => boolean;
+export declare const isCNPJ: (document: string) => boolean;
+export declare const isFullName: (name: string) => boolean;
+export declare const isValidName: (name: string) => boolean;
+export declare const isValidEmail: (email: string) => boolean;
+export declare const isValidPhoneNumber: (number: string) => boolean;
+export declare const isValidNumberCode: (numberCode: string) => boolean;
+export declare const isValidDDD: (areaCode: string) => boolean;
+export declare const isValidChildDate: (date?: string) => true | "Data inválida" | "Idade deve ser entre 1 a 17 anos";
+export declare const isValidAdult: (date?: string) => true | "Data inválida" | "Adulto deve ter mais de 18 anos";

package/dist/utils/classes.js

@@ -0,0 +1,7 @@
+export var cn = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return args.filter(Boolean).join(' ');
+};