@ourtrip/ui 1.0.3 → 1.0.4

package/dist/components/radio.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, { forwardRef } from 'react';
-var Radio = forwardRef(function (_a, ref) {
-    var id = _a.id, label = _a.label, onChange = _a.onChange, _b = _a.size, size = _b === void 0 ? 'normal' : _b, props = __rest(_a, ["id", "label", "onChange", "size"]);
-    var sizeClasses = {
-        small: 'w-3 h-3 text-xs',
-        normal: 'w-4 h-4 text-base',
-        large: 'w-6 h-6 text-lg'
-    };
-    var inputSizeClass = sizeClasses[size];
-    return (React.createElement("div", { className: "flex items-center gap-4 ".concat(sizeClasses[size]) },
-        React.createElement("input", __assign({}, props, { id: id, ref: ref, type: 'radio', className: "".concat(inputSizeClass, " border-green-500") })),
-        React.createElement("label", { htmlFor: id, className: 'cursor-pointer' }, label)));
-});
-Radio.displayName = 'Radio';
-export default Radio;

package/dist/components/range.js

@@ -1,19 +0,0 @@
-'use client';
-import React, { memo, useState } from 'react';
-import ReactSlider from 'react-slider';
-var Range = function (_a) {
-    var min = _a.min, max = _a.max, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, initialValues = _a.initialValues;
-    var _c = useState(initialValues !== null && initialValues !== void 0 ? initialValues : [min || 0, max || 1000]), rangeValue = _c[0], setRangeValue = _c[1];
-    return (React.createElement("div", { className: 'w-full flex flex-col gap-[5px]' },
-        React.createElement("p", { className: 'text-primary-900 text-sm select-none' }, "".concat(rangeValue[0], " - ").concat(rangeValue[1])),
-        React.createElement(ReactSlider, { className: 'slider', disabled: disabled, min: min || 1, max: max || 1000, value: initialValues, onChange: function (value) { return setRangeValue(value); }, ariaLabel: ['Lower thumb', 'Upper thumb'], onAfterChange: function (value) {
-                onChange === null || onChange === void 0 ? void 0 : onChange(value);
-            }, minDistance: 10, pearling: true })));
-};
-var propsAreEqual = function (prevProps, nextProps) {
-    return prevProps.min === nextProps.min &&
-        prevProps.max === nextProps.max &&
-        prevProps.disabled === nextProps.disabled &&
-        prevProps.initialValues === nextProps.initialValues;
-};
-export default memo(Range, propsAreEqual);

package/dist/components/select.js

@@ -1,84 +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 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

@@ -1,82 +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 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

@@ -1,10 +0,0 @@
-'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

@@ -1,18 +0,0 @@
-'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

@@ -1,15 +0,0 @@
-'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

@@ -1,16 +0,0 @@
-'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

@@ -1,9 +0,0 @@
-'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;