@momo-webplatform/mobase 0.0.43 → 0.0.45

package/publish/cjs/components/NavigationMenu/NavigationMenu.js

@@ -1,62 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationMenuViewport = exports.NavigationMenuIndicator = exports.NavigationMenuLink = exports.NavigationMenuTrigger = exports.NavigationMenuContent = exports.NavigationMenuItem = exports.NavigationMenuList = exports.NavigationMenu = exports.navigationMenuTriggerStyle = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const solid_1 = require("@heroicons/react/16/solid");
-const NavigationMenuPrimitive = __importStar(require("@radix-ui/react-navigation-menu"));
-const class_variance_authority_1 = require("class-variance-authority");
-const Button_1 = require("../Button/Button");
-const utils_1 = require("../../helpers/utils");
-const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(NavigationMenuPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("relative z-10 flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(NavigationMenuViewport, {})] })));
-exports.NavigationMenu = NavigationMenu;
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(NavigationMenuPrimitive.List, { ref: ref, className: (0, utils_1.cn)("group flex flex-1 list-none items-center justify-center ", className), ...props })));
-exports.NavigationMenuList = NavigationMenuList;
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-exports.NavigationMenuItem = NavigationMenuItem;
-const navigationMenuTriggerStyle = (0, class_variance_authority_1.cva)((0, Button_1.buttonVariants)({
-    variant: "transparent",
-    size: "sm",
-}));
-exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
-const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(NavigationMenuPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(solid_1.ChevronDownIcon, { className: "relative  ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] })));
-exports.NavigationMenuTrigger = NavigationMenuTrigger;
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(NavigationMenuPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className), ...props })));
-exports.NavigationMenuContent = NavigationMenuContent;
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-exports.NavigationMenuLink = NavigationMenuLink;
-const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("absolute left-0 top-full flex justify-center"), children: (0, jsx_runtime_1.jsx)(NavigationMenuPrimitive.Viewport, { className: (0, utils_1.cn)("origin-top-center relative mt-3.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className), ref: ref, ...props }) })));
-exports.NavigationMenuViewport = NavigationMenuViewport;
-NavigationMenuViewport.displayName =
-    NavigationMenuPrimitive.Viewport.displayName;
-const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(NavigationMenuPrimitive.Indicator, { ref: ref, className: (0, utils_1.cn)("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className), ...props, children: (0, jsx_runtime_1.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) })));
-exports.NavigationMenuIndicator = NavigationMenuIndicator;
-NavigationMenuIndicator.displayName =
-    NavigationMenuPrimitive.Indicator.displayName;

package/publish/cjs/components/NavigationMenu/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigationMenuTriggerStyle = exports.NavigationMenuViewport = exports.NavigationMenuIndicator = exports.NavigationMenuLink = exports.NavigationMenuTrigger = exports.NavigationMenuContent = exports.NavigationMenuItem = exports.NavigationMenuList = exports.NavigationMenu = void 0;
-var NavigationMenu_1 = require("./NavigationMenu");
-Object.defineProperty(exports, "NavigationMenu", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenu; } });
-Object.defineProperty(exports, "NavigationMenuList", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuList; } });
-Object.defineProperty(exports, "NavigationMenuItem", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuItem; } });
-Object.defineProperty(exports, "NavigationMenuContent", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuContent; } });
-Object.defineProperty(exports, "NavigationMenuTrigger", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuTrigger; } });
-Object.defineProperty(exports, "NavigationMenuLink", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuLink; } });
-Object.defineProperty(exports, "NavigationMenuIndicator", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuIndicator; } });
-Object.defineProperty(exports, "NavigationMenuViewport", { enumerable: true, get: function () { return NavigationMenu_1.NavigationMenuViewport; } });
-Object.defineProperty(exports, "navigationMenuTriggerStyle", { enumerable: true, get: function () { return NavigationMenu_1.navigationMenuTriggerStyle; } });

package/publish/cjs/components/Pagination/Pagination.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const IconButton_1 = require("../IconButton/IconButton");
-const utils_1 = require("../../helpers/utils");
-function Pagination({ current, total, onChange, }) {
-    const getButton = (index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("button", { className: (0, utils_1.cn)((0, IconButton_1.iconButtonVariants)({
-                variant: current === index ? "outline" : "secondary",
-                size: "sm",
-            })), onClick: () => onChange(index), children: index }) }, index));
-    return ((0, jsx_runtime_1.jsx)("nav", { role: "navigation", "aria-label": "pagination", className: (0, utils_1.cn)("mx-auto flex w-full justify-center"), children: (0, jsx_runtime_1.jsxs)("ul", { className: (0, utils_1.cn)("flex flex-row flex-wrap items-center gap-2"), children: [total > 1 && ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("button", { className: (0, utils_1.cn)((0, IconButton_1.iconButtonVariants)({
-                            variant: "secondary",
-                            size: "sm",
-                        })), disabled: current === 1, onClick: () => current > 1 && onChange(current - 1), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { className: "h-4 w-4" }) }) })), total <= 6 ? (Array(total)
-                    .fill(0)
-                    .map((_, index) => getButton(index + 1))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [getButton(1), current === 1 && [getButton(2), getButton(3)], current > 3 && ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("button", { className: (0, utils_1.cn)((0, IconButton_1.iconButtonVariants)({
-                                    variant: "secondary",
-                                    size: "sm",
-                                })), disabled: current === 1, onClick: () => onChange(current - 3), children: "..." }) })), current > 2 &&
-                            current !== 1 &&
-                            current !== total &&
-                            getButton(current - 1), current > 1 && current < total && getButton(current), current < total - 1 && current !== 1 && getButton(current + 1), current === total && [getButton(total - 2), getButton(total - 1)], current < total - 2 && current !== total && ((0, jsx_runtime_1.jsx)("button", { className: (0, utils_1.cn)((0, IconButton_1.iconButtonVariants)({
-                                variant: "secondary",
-                                size: "sm",
-                            })), disabled: current === 1, onClick: () => onChange(current + 3), children: "..." })), getButton(total)] })), total > 1 && ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("button", { className: (0, utils_1.cn)((0, IconButton_1.iconButtonVariants)({
-                            variant: "secondary",
-                            size: "sm",
-                        })), disabled: current === total, onClick: () => current < total && onChange(current + 1), children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" }) }) }))] }) }));
-}
-exports.default = Pagination;

package/publish/cjs/components/Pagination/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-var Pagination_1 = require("./Pagination");
-Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });

package/publish/cjs/components/Popover/Popover.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopoverContent = exports.PopoverTrigger = exports.Popover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
-const utils_1 = require("../../helpers/utils");
-const Popover = PopoverPrimitive.Root;
-exports.Popover = Popover;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-exports.PopoverTrigger = PopoverTrigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("z-50 w-72 rounded-md border border-gray-200 bg-white p-4 sm:p-5 text-gray-900 shadow-md outline-none 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", className), ...props }) })));
-exports.PopoverContent = PopoverContent;
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;

package/publish/cjs/components/Popover/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopoverContent = exports.PopoverTrigger = exports.Popover = void 0;
-var Popover_1 = require("./Popover");
-Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
-Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return Popover_1.PopoverTrigger; } });
-Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return Popover_1.PopoverContent; } });

package/publish/cjs/components/RadioGroup/RadioGroup.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroupItem = exports.RadioGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const RadioGroupPrimitive = __importStar(require("@radix-ui/react-radio-group"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../helpers/utils");
-const class_variance_authority_1 = require("class-variance-authority");
-const radioGroupVariants = (0, class_variance_authority_1.cva)("grid cursor-pointer gap-2 text-gray-900 text-sm", {
-    variants: {
-        orientation: {
-            horizontal: "grid-cols-2",
-            vertical: "grid-cols-1",
-        },
-    },
-    defaultVariants: {
-        orientation: "vertical",
-    },
-});
-const RadioGroup = React.forwardRef(({ disabled, orientation, className, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Root, { className: (0, utils_1.cn)("", radioGroupVariants({ orientation }), className), ...props, ref: ref }));
-});
-exports.RadioGroup = RadioGroup;
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("aspect-square h-4 w-4 rounded-full border  border-gray-700 disabled:bg-gray-300 disabled:data-[state=checked]:text-gray-500 data-[state=checked]:text-white disabled:data-[state=checked]:bg-gray-300 data-[state=checked]:bg-pink-500  disabled:border-none data-[state=checked]:border-none text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-40", className), ...props, children: (0, jsx_runtime_1.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center w-full h-full rounded-full ", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "h-2 w-2 fill-current text-current" }) }) }));
-});
-exports.RadioGroupItem = RadioGroupItem;
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;

package/publish/cjs/components/RadioGroup/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroupItem = exports.RadioGroup = void 0;
-var RadioGroup_1 = require("./RadioGroup");
-Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
-Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return RadioGroup_1.RadioGroupItem; } });

package/publish/cjs/components/SearchBar/SearchBar.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const solid_1 = require("@heroicons/react/20/solid");
-const outline_1 = require("@heroicons/react/24/outline");
-const utils_1 = require("../../helpers/utils");
-exports.SearchBar = (0, react_1.forwardRef)(({ disabled, className, inputClassName, size, onChange, onFocus, onClickClear, value, defaultValue, type = "text", ...restProps }, ref) => {
-    const [clearable, setClearable] = (0, react_1.useState)(false);
-    const rootRef = (0, react_1.useRef)(null);
-    const handleShowClearButton = (inputValue) => {
-        if (inputValue && !clearable) {
-            setClearable(true);
-        }
-        if (!inputValue && clearable) {
-            setClearable(false);
-        }
-    };
-    const onChangeFactory = (event) => {
-        handleShowClearButton(event.target.value);
-        onChange?.(event);
-    };
-    const onFocusFactory = (event) => {
-        handleShowClearButton(event.target.value);
-        onFocus?.(event);
-    };
-    const handleClear = () => {
-        const inputTarget = rootRef.current?.querySelector("input");
-        if (!inputTarget)
-            return;
-        onClickClear?.(inputTarget.value);
-        inputTarget.value = "";
-        inputTarget.focus();
-        setClearable(false);
-    };
-    (0, react_1.useEffect)(() => {
-        handleShowClearButton(defaultValue || value);
-    }, [value, defaultValue]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(className), ref: rootRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 shrink-0 text-gray-500 duration-200 ", children: (0, jsx_runtime_1.jsx)(solid_1.MagnifyingGlassIcon, { className: "w-4 h-4 text-gray-500" }) }), (0, jsx_runtime_1.jsx)("input", { disabled: disabled, type: type, ref: ref, className: (0, utils_1.cn)("mobase-text-input-box text-gray-900 h-10 bg-white w-full transition-all text-sm rounded-md border border-gray-400  placeholder:text-gray-500 px-9  focus:border-pink-500 disabled:bg-gray-50 disabled:border-gray-300 disabled:pointer-events-none block disabled:opacity-50", inputClassName), onChange: onChangeFactory, onFocus: onFocusFactory, value: value, defaultValue: defaultValue, ...restProps }), clearable && ((0, jsx_runtime_1.jsx)("button", { "aria-label": "button", type: "button", className: "absolute right-3 top-1/2 -translate-y-1/2 shrink-0 cursor-pointer text-gray-500 duration-200 hover:opacity-70 disabled:pointer-events-none", disabled: disabled, onClick: handleClear, children: (0, jsx_runtime_1.jsx)(outline_1.XCircleIcon, { strokeWidth: 2, width: 20, height: 20 }) }))] }), (0, jsx_runtime_1.jsx)("style", { children: `
-            .mobase-text-input-box:hover {
-                box-shadow: 0px 0px 0px 1px rgb(var(--mobase-gray-400) / 1) inset;
-            }
-            .mobase-text-input-box:focus {
-                box-shadow: 0px 0px 0px 1px rgb(var(--mobase-pink-500) / 1) inset;
-            }
-          ` })] }));
-});

package/publish/cjs/components/SearchBar/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBar = void 0;
-var SearchBar_1 = require("./SearchBar");
-Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });

package/publish/cjs/components/Select/Select.js

@@ -1,67 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const solid_1 = require("@heroicons/react/16/solid");
-const outline_1 = require("@heroicons/react/24/outline");
-const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
-const utils_1 = require("../../helpers/utils");
-const Select = React.forwardRef(({ className, children, label, message, size, isError, disabled, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("select-mobase relative", className, disabled ? "disabled" : "", isError
-        ? "[&>.select-mobase-button]:border-red-500 [&>.select-mobase-button]:ring-red-500 [&>.select-mobase-button]:ring-1"
-        : "", size === 2
-        ? "[&>.select-mobase-button]:text-base [&>.select-mobase-button]:h-12"
-        : ""), children: [label && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("mobase-select-label absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500 z-[1]", size === 2 && "text-sm -top-2.5", isError && "text-red-500"), children: label })), (0, jsx_runtime_1.jsx)(SelectPrimitive.Root, { disabled: disabled, ...props, children: children }), message && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("mobase-select-message flex space-x-1 items-center mt-1 text-gray-500", isError && "text-red-500"), children: [isError ? ((0, jsx_runtime_1.jsx)(solid_1.XCircleIcon, { width: 16, height: 16 })) : ((0, jsx_runtime_1.jsx)(outline_1.QuestionMarkCircleIcon, { width: 16, height: 16 })), (0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(size === 2 ? "text-sm" : "text-xs"), children: message })] }))] })));
-exports.Select = Select;
-const SelectValue = SelectPrimitive.Value;
-exports.SelectValue = SelectValue;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("select-mobase-button bg-white w-full ring-0 transition-all focus-visible:border-pink-500 focus-visible:ring-offset-0 focus-visible:ring-offset-transparent focus-visible:ring-1 focus-visible:!ring-pink-500 rounded-md border border-gray-400 data-[placeholder]:text-gray-500 p-3 disabled:bg-gray-50 disabled:border-gray-300  disabled:pointer-events-none flex items-center justify-between data-[state=open]:border-pink-500 data-[state=open]:ring-1 hover:ring-1 hover:ring-gray-400 data-[state=open]:ring-pink-500 text-gray-900 h-11 ring-inset text-sm", className), ...props, children: [(0, jsx_runtime_1.jsx)("div", { className: "line-clamp-1 text-left", children: children }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(solid_1.ChevronDownIcon, { className: "h-4 w-4 text-gray-500 flex-none" }) })] })));
-exports.SelectTrigger = SelectTrigger;
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { ref: ref, className: (0, utils_1.cn)("flex cursor-default items-center justify-center py-1", className), ...props, children: (0, jsx_runtime_1.jsx)(solid_1.ChevronUpIcon, { className: "h-5 w-5" }) })));
-exports.SelectScrollUpButton = SelectScrollUpButton;
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { ref: ref, className: (0, utils_1.cn)("flex cursor-default items-center justify-center py-1 bg-gradient-to-t from-white to-transparent", className), ...props, children: (0, jsx_runtime_1.jsx)(solid_1.ChevronDownIcon, { className: "h-5 w-5" }) })));
-exports.SelectScrollDownButton = SelectScrollDownButton;
-SelectScrollDownButton.displayName =
-    SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white text-gray-900 shadow-lg 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, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: (0, utils_1.cn)("p-0", position === "popper" &&
-                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }) })));
-exports.SelectContent = SelectContent;
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectGroup = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Group, { ref: ref, className: (0, utils_1.cn)("relative p-1 after:w-full border-b border-gray-200 last:border-0", className), ...props, children: children })));
-exports.SelectGroup = SelectGroup;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Label, { ref: ref, className: (0, utils_1.cn)("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]", className), ...props })));
-exports.SelectLabel = SelectLabel;
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(solid_1.CheckIcon, { className: "h-4 w-4" }) }) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children })] }));
-});
-exports.SelectItem = SelectItem;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Separator, { ref: ref, className: (0, utils_1.cn)("-mx-1 my-1 h-px bg-muted", className), ...props })));
-exports.SelectSeparator = SelectSeparator;
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;

package/publish/cjs/components/Select/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = void 0;
-var Select_1 = require("./Select");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
-Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return Select_1.SelectGroup; } });
-Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return Select_1.SelectValue; } });
-Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return Select_1.SelectTrigger; } });
-Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return Select_1.SelectContent; } });
-Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return Select_1.SelectLabel; } });
-Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return Select_1.SelectItem; } });
-Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return Select_1.SelectSeparator; } });
-Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return Select_1.SelectScrollUpButton; } });
-Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return Select_1.SelectScrollDownButton; } });

package/publish/cjs/components/Stepper/Stepper.js

@@ -1,100 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stepper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const outline_1 = require("@heroicons/react/24/outline");
-const IconButton_1 = require("../IconButton");
-const react_1 = require("react");
-const utils_1 = require("../../helpers/utils");
-exports.Stepper = (0, react_1.forwardRef)(({ value = 0, min = 0, max = 999, disabled = false, disabledInput = false, step = 1, inputClassName = "", stepperClassName = "", className = "", onChange = () => { }, onChangeInputStepper, onDecrement, onIncrement, ...restProps }, ref) => {
-    const rootRef = (0, react_1.useRef)(null);
-    const [isDisablePlus, setIsDisablePlus] = (0, react_1.useState)(false);
-    const [isDisableMinus, setIsDisableMinus] = (0, react_1.useState)(false);
-    const [inputValue, setInputValue] = (0, react_1.useState)("");
-    const spanRef = (0, react_1.useRef)(null);
-    const handleDisable = (inputValue) => {
-        if (Number(inputValue) >= max) {
-            setIsDisablePlus(true);
-        }
-        else {
-            setIsDisablePlus(false);
-        }
-        if (Number(inputValue) > min) {
-            setIsDisableMinus(false);
-        }
-        else {
-            setIsDisableMinus(true);
-        }
-    };
-    const onIncrementChange = () => {
-        if (disabled || isDisablePlus)
-            return;
-        const inputTarget = rootRef?.current?.querySelector("input");
-        if (!inputTarget)
-            return;
-        let newValue = 0;
-        newValue = Math.min(Number(inputTarget.value) + step, max);
-        handleDisable(newValue);
-        inputTarget.value = String(newValue);
-        setInputValue(inputTarget.value || "");
-        onChangeInputStepper?.(inputTarget.value);
-        onIncrement?.(inputTarget.value);
-    };
-    const onDecrementChange = () => {
-        if (disabled || isDisableMinus)
-            return;
-        const inputTarget = rootRef?.current?.querySelector("input");
-        if (!inputTarget)
-            return;
-        let newValue = 0;
-        newValue = Math.max(Number(inputTarget.value) - step, 0);
-        handleDisable(newValue);
-        inputTarget.value = String(newValue);
-        setInputValue(inputTarget.value || "");
-        onChangeInputStepper?.(inputTarget.value);
-        onDecrement?.(inputTarget.value);
-    };
-    const onStepperInputChange = (e) => {
-        if (!e)
-            return;
-        let inputValue = e?.target?.value;
-        if (!inputValue?.match(/^[0-9]*$/)) {
-            inputValue = inputValue.replace(/[^0-9]/g, "");
-        }
-        handleDisable(inputValue);
-        const numericValue = parseInt(inputValue, 10);
-        if (Number.isNaN(numericValue) || numericValue < min) {
-            e.target.value = String(min);
-        }
-        else if (numericValue >= max) {
-            e.target.value = String(max);
-        }
-        else {
-            e.target.value = String(numericValue);
-        }
-        setInputValue(e?.target?.value || "");
-        onChangeInputStepper?.(e.target.value);
-        onChange?.(e);
-    };
-    (0, react_1.useEffect)(() => {
-        const inputTarget = rootRef?.current?.querySelector("input");
-        if (!inputTarget)
-            return;
-        handleDisable(inputTarget?.value);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        const inputTarget = rootRef?.current?.querySelector("input");
-        if (inputTarget && spanRef?.current) {
-            inputTarget.style.width = `${spanRef.current.offsetWidth + 10}px`;
-        }
-    }, [inputValue]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, className: "flex items-center space-x-1", children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { id: "btn-minus", className: (0, utils_1.cn)(!isDisableMinus && !disabled
-                    ? "cursor-pointer text-pink-500"
-                    : "text-gray-400 cursor-default", stepperClassName), variant: "transparent", onClick: onDecrementChange, children: (0, jsx_runtime_1.jsx)(outline_1.MinusCircleIcon, { className: "w-8 h-8 " }) }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", { pattern: "[0-9]*", inputMode: "numeric", defaultValue: value, ref: ref, min: min, max: max, onChange: (e) => onStepperInputChange(e), id: "numberInput", disabled: disabled || disabledInput, autoComplete: "off", ...restProps, className: (0, utils_1.cn)("text-gray-800 min-w-7 border-gray-400 border transition-width duration-100 focus-visible:outline-none focus-visible:ring-0 focus:ring-0 shadow-none focus-visible:ring-offset-0 w-7 h-7 rounded-md text-center bg-white", inputClassName) }), (0, jsx_runtime_1.jsx)("span", { ref: spanRef, style: {
-                            visibility: "hidden",
-                            position: "absolute",
-                            whiteSpace: "pre",
-                        }, children: inputValue || " " })] }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { id: "btn-plus", className: (0, utils_1.cn)(!isDisablePlus && !disabled
-                    ? "cursor-pointer text-pink-500"
-                    : "text-gray-400 cursor-default", stepperClassName), variant: "transparent", onClick: onIncrementChange, children: (0, jsx_runtime_1.jsx)(outline_1.PlusCircleIcon, { className: "w-8 h-8 " }) })] }));
-});

package/publish/cjs/components/Stepper/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stepper = void 0;
-var Stepper_1 = require("./Stepper");
-Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return Stepper_1.Stepper; } });

package/publish/cjs/components/Switch/Switch.js

@@ -1,33 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const SwitchPrimitives = __importStar(require("@radix-ui/react-switch"));
-const utils_1 = require("../../helpers/utils");
-const Switch = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SwitchPrimitives.Root, { className: (0, utils_1.cn)("peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-default disabled:opacity-20 data-[state=checked]:bg-pink-500   data-[state=unchecked]:bg-gray-400", className), ...props, ref: ref, children: (0, jsx_runtime_1.jsx)(SwitchPrimitives.Thumb, { className: (0, utils_1.cn)("pointer-events-none relative cik  before:content-[''] before:absolute before:w-1.5 before:h-1.5 before:rounded-full before:bg-pink-600 before:-translate-x-1/2 before:translate-y-1 disabled:opacity-20 before:data-[state=unchecked]:bg-gray-400 block h-3.5 w-3.5 bg-white rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5") }) })));
-exports.Switch = Switch;
-Switch.displayName = SwitchPrimitives.Root.displayName;

package/publish/cjs/components/Switch/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-var Switch_1 = require("./Switch");
-Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });

package/publish/cjs/components/Tabs/Tabs.js

@@ -1,41 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
-const utils_1 = require("../../helpers/utils");
-const Tabs = TabsPrimitive.Root;
-exports.Tabs = Tabs;
-const TabsList = React.forwardRef(({ className, size = "sm", isDivider = false, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { ref: ref, className: (0, utils_1.cn)("inline-flex w-full flex-row items-center bg-muted text-muted-foreground space-x-5 overflow-x-auto [&::-webkit-scrollbar]:hidden", `text-${size}`, isDivider && "border-b border-gray-200", className), ...props })));
-exports.TabsList = TabsList;
-TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("inline-flex items-center justify-center whitespace-nowrap h-8 font-semibold ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-b border-transparent data-[state=active]:text-pink-500 data-[state=active]:border-pink-500 text-gray-900 hover:text-pink-500", className), ...props })));
-exports.TabsTrigger = TabsTrigger;
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("mt-3 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 text-gray-900", className), ...props })));
-exports.TabsContent = TabsContent;
-TabsContent.displayName = TabsPrimitive.Content.displayName;

package/publish/cjs/components/Tabs/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
-var Tabs_1 = require("./Tabs");
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
-Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return Tabs_1.TabsList; } });
-Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return Tabs_1.TabsTrigger; } });
-Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return Tabs_1.TabsContent; } });