@momo-webplatform/mobase 0.0.42 → 0.0.44

package/package.json

@@ -1,31 +1,48 @@
 {
   "name": "@momo-webplatform/mobase",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "description": "Mobase is the UI framework upon we build product experiences at MoMo.vn, base on Radix primitives, and Tailwind CSS.",
-  "scripts": {
-    "dev": "rm -rf .next && next dev",
-    "build": "rm -rf .next && next build",
-    "start": "next start",
-    "build:lib": "rm -rf ./publish/ && yarn build:lib:esm && yarn build:lib:cjs",
-    "build:lib:cjs": "tsc -p tsconfig.lib.json",
-    "build:lib:esm": "tsc -p tsconfig.lib.json --module esnext --declaration --outDir ./publish/esm",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "web-demo": "git pull && pnpm i && pnpm build && pnpm start",
-    "release": "standard-version -a"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "./publish/"
-  ],
-  "main": "./publish/cjs/index.js",
-  "module": "./publish/esm/index.js",
-  "types": "./publish/esm/index.d.ts",
   "author": "MoMo - Front-end dev",
   "license": "MIT",
   "homepage": "https://momo.vn/",
+  "files": [
+    "./dist/"
+  ],
+  "type": "module",
+  "main": "./dist/cjs/index.cjs",
+  "types": "./dist/cjs/index.d.cts",
+  "module": "./dist/esm/index.js",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./dist/cjs/index.d.cts",
+        "default": "./dist/cjs/index.cjs"
+      },
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      }
+    }
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "@turbo/gen": "^1.12.4",
+    "@types/node": "^20.11.24",
+    "@types/eslint": "^8.56.5",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "eslint": "^8.57.0",
+    "@types/color": "^3.0.6",
+    "@types/lodash.omit": "^4.5.9",
+    "react": "^18.2.0",
+    "@swc/core": "^1.4.0",
+    "typescript": "^5.3.3",
+    "prettier-plugin-tailwindcss": "^0.5.11",
+    "tsup": "^8.0.2",
+    "concurrently": "^8.2.2",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
+  },
   "dependencies": {
     "@heroicons/react": "^2.1.1",
     "@radix-ui/primitive": "^1.0.1",
@@ -58,105 +75,37 @@
     "@radix-ui/react-tooltip": "^1.0.7",
     "@radix-ui/react-use-previous": "^1.0.1",
     "@radix-ui/react-use-size": "^1.0.1",
-    "@storybook/addon-styling": "^1.3.7",
-    "@types/color": "^3.0.6",
-    "autoprefixer": "^10.4.16",
-    "axios": "^1.6.7",
-    "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "cmdk": "^0.2.1",
     "color": "^4.2.3",
-    "date-fns": "^3.2.0",
+    "color2k": "^2.0.3",
+    "cva": "1.0.0-beta.1",
     "deepmerge": "^4.3.1",
-    "dlv": "^1.1.3",
-    "embla-carousel-react": "^8.0.4",
-    "flat": "^3.0.1",
-    "framer-motion": "^11.0.24",
-    "html-react-parser": "^5.1.10",
+    "flat": "^6.0.1",
+    "lodash.omit": "^4.5.0",
     "lodash": "^4.17.21",
     "lodash.foreach": "^4.5.0",
-    "lodash.omit": "^4.5.0",
-    "lucide-react": "^0.307.0",
+    "tailwind-merge": "^2.2.1",
+    "framer-motion": "^11.0.24",
     "next": "^13.0.0",
-    "nextra": "^2.13.2",
-    "nextra-theme-docs": "^2.13.2",
-    "postcss": "^8.4.33",
-    "qrcode.react": "1.0.1",
-    "react": "^18.2.0",
-    "react-day-picker": "^8.10.0",
-    "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^18.2.0",
-    "react-icons": "^4.11.0",
-    "react-indiana-drag-scroll": "^2.2.0",
+    "class-variance-authority": "^0.7.0",
+    "cmdk": "^0.2.1",
+    "lucide-react": "^0.307.0",
+    "qrcode.react": "^3.1.0",
+    "html-react-parser": "^5.1.10",
     "react-use": "^17.5.0",
     "swiper": "^8.4.4",
-    "tailwind-merge": "^2.2.0",
-    "tailwindcss": "^3.4.3",
-    "tailwindcss-animate": "^1.0.7",
-    "vaul": "^0.8.0"
-  },
-  "devDependencies": {
-    "@next/eslint-plugin-next": "^14.1.4",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addon-onboarding": "^1.0.10",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/nextjs": "^7.6.7",
-    "@storybook/react": "^7.6.7",
-    "@storybook/test": "^7.6.7",
-    "@testing-library/dom": "^9.3.3",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.0",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/dlv": "^1.1.4",
-    "@types/node": "^20.9.0",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "@types/react-syntax-highlighter": "^15.5.10",
-    "@typescript-eslint/eslint-plugin": "^7.3.1",
-    "@typescript-eslint/parser": "^7.3.1",
-    "@vitejs/plugin-react": "^4.1.1",
-    "@vitest/coverage-v8": "^0.34.6",
-    "@vitest/ui": "^0.34.6",
-    "autoprefixer": "^10.4.16",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-next": "^14.1.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-etc": "^2.0.3",
-    "eslint-plugin-json-schema-validator": "^4.9.0",
-    "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-prettier": "^5.1.3",
-    "jsdom": "^22.1.0",
-    "markdown-toc": "^1.2.0",
-    "prettier": "^3.0.3",
-    "prettier-plugin-organize-imports": "^3.2.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-markdown": "^9.0.0",
-    "resize-observer-polyfill": "^1.5.1",
-    "sharp": "^0.32.6",
-    "standard-version": "^9.5.0",
-    "storybook": "^7.6.7",
-    "terser-webpack-plugin": "^5.3.9",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "^5.2.2",
-    "vite": "^4.5.0",
-    "vite-tsconfig-paths": "^4.2.1",
-    "vitest": "^0.34.6"
-  },
-  "pnpm": {
-    "overrides": {
-      "react-docgen-typescript": "^2.2.2",
-      "flexsearch": "0.7.31"
-    }
+    "tailwindcss": "*"
   },
-  "resolutions": {
-    "react-docgen-typescript": "^2.2.2",
-    "flexsearch": "0.7.31"
+  "scripts": {
+    "build:cjs": "tsup --format cjs --external react",
+    "build:esm": "tsup --format esm --external react",
+    "build": "concurrently \"npm run build:cjs\" \"npm run build:esm\"",
+    "build:watch:esm": "npm run build:esm -- --watch",
+    "build:watch:cjs": "npm run build:cjs -- --watch",
+    "build:watch": "concurrently \"npm:build:watch:*\"",
+    "dev": "npm run build:watch",
+    "clean": "rimraf .turbo node_modules dist",
+    "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
+    "lint:fix": "eslint 'src/**/*.{js,jsx,ts,tsx}' --fix"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 Shu Ding
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/publish/cjs/components/Accordion/Accordion.js

@@ -1,44 +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.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../helpers/utils");
-// const Accordion = AccordionPrimitive.Root;
-const Accordion = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Root, { ref: ref, ...props })));
-exports.Accordion = Accordion;
-Accordion.displayName = "AccordionRoot";
-const AccordionItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("border-b border-gray-200", className), ...props })));
-exports.AccordionItem = AccordionItem;
-AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Header, { className: "flex", children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { ref: ref, className: (0, utils_1.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, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200 ml-1" })] }) })));
-exports.AccordionTrigger = AccordionTrigger;
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("pb-4 pt-0 text-gray-900 prose-sm", className), children: children }) })));
-exports.AccordionContent = AccordionContent;
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
-var Accordion_1 = require("./Accordion");
-Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordion_1.Accordion; } });
-Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return Accordion_1.AccordionItem; } });
-Object.defineProperty(exports, "AccordionTrigger", { enumerable: true, get: function () { return Accordion_1.AccordionTrigger; } });
-Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return Accordion_1.AccordionContent; } });

package/publish/cjs/components/AlertDialog/AlertDialog.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.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
-const utils_1 = require("../../helpers/utils");
-const Button_1 = require("../Button");
-const AlertDialog = AlertDialogPrimitive.Root;
-exports.AlertDialog = AlertDialog;
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-exports.AlertDialogTrigger = AlertDialogTrigger;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-exports.AlertDialogPortal = AlertDialogPortal;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay, { className: (0, utils_1.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 })));
-exports.AlertDialogOverlay = AlertDialogOverlay;
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(AlertDialogPortal, { children: [(0, jsx_runtime_1.jsx)(AlertDialogOverlay, {}), (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Content, { ref: ref, className: (0, utils_1.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 })] })));
-exports.AlertDialogContent = AlertDialogContent;
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-const AlertDialogHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-col space-y-2 text-left", className), ...props }));
-exports.AlertDialogHeader = AlertDialogHeader;
-AlertDialogHeader.displayName = "AlertDialogHeader";
-const AlertDialogFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-row justify-end space-x-4", className), ...props }));
-exports.AlertDialogFooter = AlertDialogFooter;
-AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Title, { ref: ref, className: (0, utils_1.cn)("text-lg text-gray-900 font-semibold", className), ...props })));
-exports.AlertDialogTitle = AlertDialogTitle;
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Description, { ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className), ...props })));
-exports.AlertDialogDescription = AlertDialogDescription;
-AlertDialogDescription.displayName =
-    AlertDialogPrimitive.Description.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Action, { ref: ref, className: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: "primary" }), "", className), ...props })));
-exports.AlertDialogAction = AlertDialogAction;
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Cancel, { ref: ref, className: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: "secondary" }), className), ...props })));
-exports.AlertDialogCancel = AlertDialogCancel;
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogContent = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialogTrigger = exports.AlertDialog = void 0;
-var AlertDialog_1 = require("./AlertDialog");
-//
-Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
-Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });
-Object.defineProperty(exports, "AlertDialogPortal", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogPortal; } });
-Object.defineProperty(exports, "AlertDialogOverlay", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogOverlay; } });
-Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogContent; } });
-Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
-Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
-Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTitle; } });
-Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
-Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogFooter; } });
-Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogHeader; } });

package/publish/cjs/components/Badge/Badge.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.badgeVariants = exports.Badge = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../../helpers/utils");
-const badgeVariants = (0, class_variance_authority_1.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",
-    },
-});
-exports.badgeVariants = badgeVariants;
-function Badge({ className, variant, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(badgeVariants({ variant }), className), ...props }));
-}
-exports.Badge = Badge;

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

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

package/publish/cjs/components/Breadcrumb/Breadcrumb.js

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

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbEllipsis = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbList = exports.Breadcrumb = void 0;
-const Breadcrumb_1 = require("./Breadcrumb");
-Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return Breadcrumb_1.Breadcrumb; } });
-Object.defineProperty(exports, "BreadcrumbList", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbList; } });
-Object.defineProperty(exports, "BreadcrumbItem", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbItem; } });
-Object.defineProperty(exports, "BreadcrumbLink", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbLink; } });
-Object.defineProperty(exports, "BreadcrumbPage", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbPage; } });
-Object.defineProperty(exports, "BreadcrumbSeparator", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbSeparator; } });
-Object.defineProperty(exports, "BreadcrumbEllipsis", { enumerable: true, get: function () { return Breadcrumb_1.BreadcrumbEllipsis; } });

package/publish/cjs/components/Button/Button.js

@@ -1,74 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonVariants = exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_slot_1 = require("@radix-ui/react-slot");
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../../helpers/utils");
-const SpinerIcon_1 = __importDefault(require("../../foundation/SpinerIcon"));
-// /dwd
-const buttonVariants = (0, class_variance_authority_1.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",
-    },
-});
-exports.buttonVariants = buttonVariants;
-const Button = React.forwardRef(({ className, variant = "primary", size = "default", asChild = false, isLoading = false, isDisabled = false, ...props }, ref) => {
-    const Comp = asChild ? react_slot_1.Slot : "button";
-    const buttonClassName = (0, utils_1.cn)(buttonVariants({ variant, size, className }), {
-        "cursor-wait": isLoading,
-    });
-    const loaderSize = size === "default" || size === "sm" ? "w-4 h-4" : "w-5 h-5";
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: asChild ? ((0, jsx_runtime_1.jsx)(Comp, { className: buttonClassName, type: "button", disabled: isDisabled, ref: ref, ...props, children: props.children })) : ((0, jsx_runtime_1.jsxs)(Comp, { className: buttonClassName, type: "button", disabled: isDisabled, ref: ref, ...props, children: [isLoading && ((0, jsx_runtime_1.jsx)(SpinerIcon_1.default, { className: `${loaderSize} animate-spin-loading mr-2` })), props.children] })) }));
-});
-exports.Button = Button;
-Button.displayName = "Button";

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

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

package/publish/cjs/components/Callout/Callout.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Callout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const class_variance_authority_1 = require("class-variance-authority");
-const react_1 = require("react");
-const utils_1 = require("../../helpers/utils");
-const outline_1 = require("@heroicons/react/24/outline");
-const TextButton_1 = require("../TextButton");
-const calloutVariants = (0, class_variance_authority_1.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 = (0, class_variance_authority_1.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",
-    },
-});
-exports.Callout = (0, react_1.forwardRef)(({ type = "neutral", message = "", withAction = false, onClickAction, className, disabled, actionClassName, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)("", className, calloutVariants({ typeDiv: type, disabled })), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, jsx_runtime_1.jsx)(outline_1.InformationCircleIcon, { className: (0, utils_1.cn)(iconVariants({ typeIcon: type, disabled })), width: 20, height: 20 }), (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { variant: "primary", onClick: () => onClickAction?.(), className: (0, utils_1.cn)("", actionClassName), isDisabled: disabled, children: withAction }))] }));
-});

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

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