@momo-webplatform/mobase 0.0.43 → 0.0.44

package/publish/cjs/types/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/publish/esm/components/Accordion/Accordion.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { AccordionContentProps, AccordionItemProps, AccordionTriggerProps, AccordionSingleProps, AccordionMultipleProps } from "@radix-ui/react-accordion";
-export interface AccordionInterface extends AccordionItemProps {
-    css?: string;
-}
-export type AccordionRootInterface = AccordionSingleProps | AccordionMultipleProps;
-declare const Accordion: React.ForwardRefExoticComponent<AccordionRootInterface & React.RefAttributes<HTMLDivElement>>;
-export interface AccordionItemInterface extends AccordionItemProps {
-    css?: string;
-}
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemInterface & React.RefAttributes<HTMLDivElement>>;
-export interface AccordionTriggerInterface extends AccordionTriggerProps {
-    css?: string;
-}
-declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerInterface & React.RefAttributes<HTMLButtonElement>>;
-export interface AccordionContentInterface extends AccordionContentProps {
-    css?: string;
-}
-declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentInterface & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/publish/esm/components/Accordion/Accordion.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-import { cn } from "../../helpers/utils";
-// const Accordion = AccordionPrimitive.Root;
-const Accordion = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Root, { ref: ref, ...props })));
-Accordion.displayName = "AccordionRoot";
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn("border-b border-gray-200", className), ...props })));
-AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn("flex flex-1 items-center text-left justify-between py-4 font-medium transition-all hover:underline hover:text-pink-600 [&[data-state=open]]:text-pink-600 [&[data-state=open]>svg]:rotate-180 text-gray-900", className), ...props, children: [children, _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200 ml-1" })] }) })));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-left ", ...props, children: _jsx("div", { className: cn("pb-4 pt-0 text-gray-900 prose-sm", className), children: children }) })));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/publish/esm/components/Accordion/index.d.ts

@@ -1,2 +0,0 @@
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./Accordion";
-export type { AccordionRootInterface, AccordionItemInterface, AccordionTriggerInterface, AccordionContentInterface, } from "./Accordion";

package/publish/esm/components/Accordion/index.js

@@ -1 +0,0 @@
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./Accordion";

package/publish/esm/components/AlertDialog/AlertDialog.d.ts

@@ -1,49 +0,0 @@
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import type * as Radix from "@radix-ui/react-primitive";
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-type DialogProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
-interface AlertDialogProps extends Omit<DialogProps, "modal"> {
-}
-type DialogTriggerProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
-interface AlertDialogTriggerProps extends DialogTriggerProps {
-}
-type DialogPortalProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
-interface AlertDialogPortalProps extends DialogPortalProps {
-}
-type DialogOverlayProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
-interface AlertDialogOverlayProps extends DialogOverlayProps {
-}
-type DialogCloseProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;
-interface AlertDialogActionProps extends DialogCloseProps {
-}
-interface AlertDialogCancelProps extends DialogCloseProps {
-}
-type DialogTitleProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
-interface AlertDialogTitleProps extends DialogTitleProps {
-}
-type DialogDescriptionProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
-interface AlertDialogDescriptionProps extends DialogDescriptionProps {
-}
-type DialogContentProps = Radix.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
-interface AlertDialogContentProps extends Omit<DialogContentProps, "onPointerDownOutside" | "onInteractOutside"> {
-}
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
-export type { AlertDialogProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogTitleProps, AlertDialogDescriptionProps, };

package/publish/esm/components/AlertDialog/AlertDialog.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { cn } from "../../helpers/utils";
-import { buttonVariants } from "../Button";
-const AlertDialog = AlertDialogPrimitive.Root;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/70 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] w-[90vw] bg-white text-gray-700 border  border-gray-300 top-[50%] z-50 grid w- max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4  p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl", className), ...props })] })));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-left", className), ...props }));
-AlertDialogHeader.displayName = "AlertDialogHeader";
-const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-row justify-end space-x-4", className), ...props }));
-AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-lg text-gray-900 font-semibold", className), ...props })));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
-AlertDialogDescription.displayName =
-    AlertDialogPrimitive.Description.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants({ variant: "primary" }), "", className), ...props })));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: "secondary" }), className), ...props })));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/publish/esm/components/AlertDialog/index.d.ts

@@ -1,2 +0,0 @@
-export { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogAction, AlertDialogCancel, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, } from "./AlertDialog";
-export type { AlertDialogProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogTitleProps, AlertDialogDescriptionProps, } from "./AlertDialog";

package/publish/esm/components/AlertDialog/index.js

@@ -1,5 +0,0 @@
-export { 
-//
-AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogAction, AlertDialogCancel, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader,
-//
- } from "./AlertDialog";

package/publish/esm/components/Badge/Badge.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react/experimental" />
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "danger" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };

package/publish/esm/components/Badge/Badge.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "../../helpers/utils";
-const badgeVariants = cva("inline-flex items-center rounded-md border border-gray-300 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 font-semibold", {
-    variants: {
-        variant: {
-            default: "border-transparent bg-pink-500 text-white/90 shadow hover:bg-pink-500/80",
-            secondary: "border-transparent bg-gray-200 text-gray-900 hover:bg-gray-200/80",
-            outline: "text-gray-900",
-            danger: "border-transparent bg-red-500 text-white/90 shadow hover:bg-red-500/80",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Badge({ className, variant, ...props }) {
-    return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
-}
-export { Badge, badgeVariants };

package/publish/esm/components/Badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge, badgeVariants } from "./Badge";

package/publish/esm/components/Badge/index.js

@@ -1 +0,0 @@
-export { Badge, badgeVariants } from "./Badge";

package/publish/esm/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react/experimental" />
-import * as React from "react";
-declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    separator?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/publish/esm/components/Breadcrumb/Breadcrumb.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons";
-import { Slot } from "@radix-ui/react-slot";
-import { cn } from "../../helpers/utils";
-const Breadcrumb = React.forwardRef(({ className, ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", className: cn("", className), ...props }));
-Breadcrumb.displayName = "Breadcrumb";
-const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex items-center gap-2 break-words text-sm overflow-x-auto snap-mandatory snap-x [&::-webkit-scrollbar]:hidden", className), ...props })));
-BreadcrumbList.displayName = "BreadcrumbList";
-const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn("shrink-0 text-gray-900 hover:text-pink-500", className), ...props })));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
-    const Comp = asChild ? Slot : "a";
-    return (_jsx(Comp, { ref: ref, className: cn("transition-colors hover:text-foreground", className), ...props }));
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("text-sm text-gray-500", className), ...props })));
-BreadcrumbPage.displayName = "BreadcrumbPage";
-const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("text-gray-900", className), ...props, children: children ?? _jsx(ChevronRightIcon, { className: "w-2 h-2" }) }));
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-5 w-5 items-center justify-center", className), ...props, children: [_jsx(DotsHorizontalIcon, { className: "w-4 h-4 text-gray-900" }), _jsx("span", { className: "sr-only", children: "More" })] }));
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/publish/esm/components/Breadcrumb/index.d.ts

@@ -1,2 +0,0 @@
-import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from "./Breadcrumb";
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/publish/esm/components/Breadcrumb/index.js

@@ -1,2 +0,0 @@
-import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./Breadcrumb";
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/publish/esm/components/Button/Button.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | "tonal" | "danger" | "transparent" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    /**
-     * CSS class to be appended to the root element.
-     */
-    className?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     */
-    asChild?: boolean;
-    /**
-     * Adds loading indicator icon and disables interactions
-     */
-    isLoading?: boolean;
-    /**
-     * Disabled interaction and applies disabled styles
-     */
-    isDisabled?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };

package/publish/esm/components/Button/Button.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../../helpers/utils";
-import SpinerIcon from "../../foundation/SpinerIcon";
-// /dwd
-const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed border border-transparent", {
-    variants: {
-        /**
-         * Determines style variation of Button component.
-         */
-        variant: {
-            primary: "bg-pink-500 text-white hover:bg-pink-600 disabled:bg-pink-300",
-            secondary: "bg-white text-gray-900 hover:bg-gray-100 disabled:text-gray-400 disabled:bg-white border-gray-300",
-            outline: "border-pink-500 text-pink-500 bg-white hover:bg-pink-50 disabled:bg-white disabled:border-pink-300 disabled:text-pink-300",
-            tonal: "bg-pink-100 text-pink-500 hover:bg-pink-200 disabled:bg-gray-200 disabled:text-gray-400",
-            danger: "bg-red-500 text-white hover:bg-red-600 disabled:bg-red-300",
-            transparent: "text-gray-900 bg-transparent hover:bg-gray-100 disabled:text-gray-400 disabled:bg-transparent",
-        },
-        /**
-         * Determines size variation of Button component.
-         */
-        size: {
-            default: "text-sm h-10 px-4",
-            sm: "h-8 px-3 text-sm",
-            lg: "h-12 px-4 text-base",
-        },
-    },
-    defaultVariants: {
-        variant: "primary",
-        size: "default",
-    },
-});
-const Button = React.forwardRef(({ className, variant = "primary", size = "default", asChild = false, isLoading = false, isDisabled = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    const buttonClassName = cn(buttonVariants({ variant, size, className }), {
-        "cursor-wait": isLoading,
-    });
-    const loaderSize = size === "default" || size === "sm" ? "w-4 h-4" : "w-5 h-5";
-    return (_jsx(_Fragment, { children: asChild ? (_jsx(Comp, { className: buttonClassName, type: "button", disabled: isDisabled, ref: ref, ...props, children: props.children })) : (_jsxs(Comp, { className: buttonClassName, type: "button", disabled: isDisabled, ref: ref, ...props, children: [isLoading && (_jsx(SpinerIcon, { className: `${loaderSize} animate-spin-loading mr-2` })), props.children] })) }));
-});
-Button.displayName = "Button";
-export { Button, buttonVariants };

package/publish/esm/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button, buttonVariants } from "./Button";
-export type { ButtonProps } from "./Button";

package/publish/esm/components/Button/index.js

@@ -1 +0,0 @@
-export { Button, buttonVariants } from "./Button";

package/publish/esm/components/Callout/Callout.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { type VariantProps } from "class-variance-authority";
-interface CalloutProps {
-    message: string;
-    type: "neutral" | "error" | "success" | "warning" | "info";
-    withAction?: string;
-    onClickAction?: () => void;
-    className?: string;
-    disabled?: boolean;
-    actionClassName?: string;
-}
-export declare const Callout: import("react").ForwardRefExoticComponent<CalloutProps & VariantProps<(props?: ({
-    typeDiv?: "warning" | "error" | "neutral" | "success" | "info" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & VariantProps<(props?: ({
-    typeIcon?: "warning" | "error" | "neutral" | "success" | "info" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/publish/esm/components/Callout/Callout.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
-import { cn } from "../../helpers/utils";
-import { InformationCircleIcon } from "@heroicons/react/24/outline";
-import { TextButton } from "../TextButton";
-const calloutVariants = cva("px-3 py-2 rounded-md border flex items-center space-x-2 text-gray-700 text-sm ", {
-    variants: {
-        typeDiv: {
-            neutral: "bg-gray-50 border-gray-300 ",
-            error: "bg-red-50 border-red-300",
-            success: "bg-green-50 border-green-300",
-            warning: "bg-yellow-50 border-yellow-300",
-            info: "bg-blue-50 border-blue-300",
-        },
-        disabled: {
-            true: "text-gray-400 bg-gray-50 opacity-55 pointer-events-none border-gray-300",
-        },
-    },
-    defaultVariants: {
-        typeDiv: "neutral",
-    },
-});
-const iconVariants = cva("w-5 h-5 shrink-0 border-none p-0 ", {
-    variants: {
-        typeIcon: {
-            neutral: "text-gray-700",
-            error: "text-red-700",
-            success: "text-green-700",
-            warning: "text-yellow-700",
-            info: "text-blue-700",
-        },
-        disabled: {
-            true: "text-gray-400",
-        },
-    },
-    defaultVariants: {
-        typeIcon: "neutral",
-    },
-});
-export const Callout = forwardRef(({ type = "neutral", message = "", withAction = false, onClickAction, className, disabled, actionClassName, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn("", className, calloutVariants({ typeDiv: type, disabled })), ...props, children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(InformationCircleIcon, { className: cn(iconVariants({ typeIcon: type, disabled })), width: 20, height: 20 }), _jsx("div", { children: "B\u1EA1n c\u1EA7n cho ph\u00E9p website s\u1EED d\u1EE5ng th\u00F4ng tin v\u1ECB tr\u00ED \u0111\u1EC3 s\u1EED d\u1EE5ng t\u00EDnh n\u0103ng n\u00E0y" })] }), withAction && (_jsx(TextButton, { variant: "primary", onClick: () => onClickAction?.(), className: cn("", actionClassName), isDisabled: disabled, children: withAction }))] }));
-});

package/publish/esm/components/Callout/index.d.ts

@@ -1 +0,0 @@
-export { Callout } from "./Callout";

package/publish/esm/components/Callout/index.js

@@ -1 +0,0 @@
-export { Callout } from "./Callout";

package/publish/esm/components/Card/Card.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react/experimental" />
-import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/publish/esm/components/Card/Card.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../helpers/utils";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
-CardFooter.displayName = "CardFooter";
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/publish/esm/components/Card/index.d.ts

@@ -1 +0,0 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./Card";

package/publish/esm/components/Card/index.js

@@ -1 +0,0 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./Card";

package/publish/esm/components/Checkbox/Checkbox.d.ts

@@ -1,40 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Primitive } from "@radix-ui/react-primitive";
-import type * as Radix from "@radix-ui/react-primitive";
-import type { Scope } from "@radix-ui/react-context";
-declare const createCheckboxScope: import("@radix-ui/react-context").CreateScope;
-type CheckedState = boolean | "indeterminate";
-type CheckboxContextValue = {
-    state: CheckedState;
-    disabled?: boolean;
-};
-export declare const CheckboxProvider: {
-    (props: CheckboxContextValue & {
-        scope: Scope<CheckboxContextValue>;
-        children: React.ReactNode;
-    }): JSX.Element;
-    displayName: string;
-}, useCheckboxContext: (consumerName: string, scope: Scope<CheckboxContextValue | undefined>) => CheckboxContextValue;
-type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
-interface CheckboxProps extends Omit<PrimitiveButtonProps, "checked" | "defaultChecked"> {
-    checked?: CheckedState;
-    defaultChecked?: CheckedState;
-    required?: boolean;
-    onCheckedChange?(checked: CheckedState): void;
-    disabled?: boolean;
-}
-type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
-interface CheckboxIndicatorProps extends PrimitiveSpanProps {
-    /**
-     * Used to force mounting when more control is needed. Useful when
-     * controlling animation with React animation libraries.
-     */
-    forceMount?: true;
-}
-declare const CheckboxIndicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const Root: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const Indicator: React.ForwardRefExoticComponent<CheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
-export { Checkbox, CheckboxIndicator, createCheckboxScope, Root, Indicator };
-export type { CheckboxProps, CheckboxIndicatorProps };

package/publish/esm/components/Checkbox/Checkbox.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
-import { Primitive } from "@radix-ui/react-primitive";
-import { createContextScope } from "@radix-ui/react-context";
-import { Presence } from "@radix-ui/react-presence";
-import { cn } from "../../helpers/utils";
-/* -------------------------------------------------------------------------------------------------
- * Checkbox
- * -----------------------------------------------------------------------------------------------*/
-const CHECKBOX_NAME = "Checkbox";
-const [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
-export const [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-const INDICATOR_NAME = "CheckboxIndicator";
-function getState(checked) {
-    return isIndeterminate(checked)
-        ? "indeterminate"
-        : checked
-            ? "checked"
-            : "unchecked";
-}
-const CheckboxIndicator = React.forwardRef((props, forwardedRef) => {
-    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
-    const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
-    return (_jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: _jsx(Primitive.span, { "data-state": getState(context.state), "data-disabled": context.disabled ? "" : undefined, ...indicatorProps, ref: forwardedRef, style: { pointerEvents: "none", ...props.style } }) }));
-});
-function isIndeterminate(checked) {
-    return checked === "indeterminate";
-}
-CheckboxIndicator.displayName = INDICATOR_NAME;
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border-2 disabled:bg-gray-300  border-gray-300 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-50 data-[state=checked]:border-none disabled:data-[state=checked]:bg-gray-300 disabled:data-[state=checked]:text-gray-600 data-[state=checked]:bg-pink-500 data-[state=checked]:text-white", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: _jsx(Check, { className: "h-3.5 w-3.5" }) }) })));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-const Root = Checkbox;
-const Indicator = CheckboxIndicator;
-export { Checkbox, CheckboxIndicator, createCheckboxScope, Root, Indicator };

package/publish/esm/components/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-export { Root, Checkbox, CheckboxIndicator, createCheckboxScope, Indicator, } from "./Checkbox";
-export type { CheckboxProps, CheckboxIndicatorProps } from "./Checkbox";

package/publish/esm/components/Checkbox/index.js

@@ -1 +0,0 @@
-export { Root, Checkbox, CheckboxIndicator, createCheckboxScope, Indicator, } from "./Checkbox";

package/publish/esm/components/Choicebox/Choicebox.d.ts

@@ -1,31 +0,0 @@
-import React, { ReactNode } from "react";
-interface ChoiceboxGroupProps {
-    direction?: "row" | "col";
-    label?: string;
-    type: "checkbox" | "radio";
-    value: string;
-    disabled?: boolean;
-    hiddenInput?: boolean;
-    onChange: (value: string | boolean) => void;
-    className?: string;
-}
-interface ChoiceboxGroupItemProps {
-    description?: string;
-    title?: string;
-    value: string;
-    type?: "checkbox" | "radio";
-    name?: string;
-    checked?: boolean;
-    hiddenInput?: boolean;
-    onChange?: (value: string | boolean) => void;
-    disabled?: boolean;
-    children?: ReactNode;
-    classNameDescription?: string;
-    classNameTitle?: string;
-    className?: string;
-}
-export declare const ChoiceboxGroupItem: ({ title, description, value, type, name, checked, disabled, hiddenInput, classNameDescription, classNameTitle, className, onChange, children, }: ChoiceboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ChoiceboxGroup: ({ direction, label, type, value, children, disabled, hiddenInput, onChange, className, ...props }: ChoiceboxGroupProps & {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

package/publish/esm/components/Choicebox/Choicebox.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import { Checkbox } from "../Checkbox";
-import { cn } from "../../helpers/utils";
-import { Circle } from "lucide-react";
-export const ChoiceboxGroupItem = ({ title, description, value, type, name, checked, disabled, hiddenInput, classNameDescription, classNameTitle, className, onChange, children, }) => {
-    const [checkedCheckbox, setCheckedCheckbox] = useState(false);
-    const handleChange = (event) => {
-        if (onChange) {
-            onChange(event?.target?.value);
-        }
-    };
-    const handleChangeCheckbox = (checked) => {
-        setCheckedCheckbox(checked);
-        onChange?.(checked);
-    };
-    return (_jsxs("label", { className: cn(" flex rounded-md cursor-pointer p-4 items-center space-x-6", checked || checkedCheckbox ? "mobase-focus" : "mobase-visible", disabled ? "opacity-60 bg-gray-100" : "", className), htmlFor: value, children: [!title && !description ? null : (_jsxs("div", { children: [_jsx("div", { className: cn("text-gray-900 text-sm select-none font-bold", classNameTitle), children: title }), _jsx("div", { className: cn("text-gray-900 select-none text-sm", classNameDescription), children: description })] })), children, type === "radio" ? (_jsxs("div", { className: cn("relative", hiddenInput ? "hidden" : ""), children: [_jsx("input", { "aria-checked": checked, "data-state": checked ? "checked" : "unchecked", checked: checked, type: "radio", value: value, name: name, id: value, disabled: disabled, onChange: handleChange, className: "custom-radio cursor-pointer aspect-square ml-auto 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" }), _jsx(Circle, { className: cn("h-2 w-2 absolute top-[6px] right-[4px] fill-white text-current transition-opacity", checked ? "opacti-100" : "opacity-0", disabled ? "fill-gray-300" : "") })] })) : (_jsx(Checkbox, { disabled: disabled, id: value, value: value, name: value, onCheckedChange: handleChangeCheckbox, className: cn("ml-auto", hiddenInput ? "hidden" : "") })), _jsx("style", { children: `
-          .custom-radio {
-            appearance: none;
-            border: 1px solid #ccc;
-            border-radius: 50%;
-            width: 16px;
-            height: 16px;
-            position: relative;
-          }
-          .mobase-visible {
-            box-shadow: 0px 0px 0px 1px rgb(var(--mobase-gray-400) / 1) inset;
-          }
-          
-          .mobase-focus {
-            box-shadow: 0px 0px 0px 2px rgb(var(--mobase-pink-500) / 1) inset;
-        }
-        ` })] }));
-};
-export const ChoiceboxGroup = ({ direction = "row", label, type, value, children, disabled, hiddenInput, onChange, className, ...props }) => {
-    const name = `choicebox-group-${label?.replace(/\s+/g, "-").toLowerCase()}`;
-    return (_jsxs("div", { ...props, children: [_jsx("label", { children: label }), _jsx("ul", { className: cn("", className, direction
-                    ? "flex md:flex-row md:space-y-0 md:space-x-4 flex-col space-y-4"
-                    : "block"), children: React.Children?.map(children, (child) => {
-                    if (React.isValidElement(child)) {
-                        const updatedProps = {
-                            disabled: child.props.disabled ?? disabled,
-                            type,
-                            name,
-                            checked: child.props.value === value,
-                            hiddenInput,
-                            className: child.props.className,
-                            classNameTitle: child.props.classNameTitle,
-                            classNameDescription: child.props.classNameDescription,
-                            onChange,
-                        };
-                        const knownProps = Object.keys(updatedProps).reduce((acc, key) => {
-                            if (updatedProps[key] !== undefined) {
-                                acc[key] = updatedProps[key];
-                            }
-                            return acc;
-                        }, {});
-                        return React.cloneElement(child, knownProps);
-                    }
-                    return null;
-                }) })] }));
-};

package/publish/esm/components/Choicebox/index.d.ts

@@ -1 +0,0 @@
-export { ChoiceboxGroup, ChoiceboxGroupItem } from "./Choicebox";