@loja-integrada/admin-components 1.0.0 → 1.0.2

package/dist/indicators/Tooltip/index.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TippyProps } from '@tippyjs/react';
+
+declare const Tooltip: React.MemoExoticComponent<({ isVisible, appendTo, hideOnClick, trigger, hideInMobile, duration, interactive, allowHTML, maxWidth, touch, placement, content, children, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element>;
+interface TooltipProps extends TippyProps {
+    /**
+     * Controls tooltip visibility
+     * @default true
+     */
+    isVisible?: boolean;
+    /** Tooltip append
+     * @default 'document.body'
+     * */
+    appendTo?: TippyProps['appendTo'];
+    /** Tooltip hide on click
+     * @default false
+     * */
+    hideOnClick?: TippyProps['hideOnClick'];
+    /** Tooltip trigger
+     * @default 'mouseenter'
+     * */
+    trigger?: TippyProps['trigger'];
+    /** Tooltip action on touch
+     * @default ['hold', 400]
+     * */
+    touch?: TippyProps['touch'];
+    /**
+     * Hide tooltip in mobile screen
+     * @default false
+     */
+    hideInMobile?: boolean;
+    /** Tooltip duration
+     * @default 150
+     * */
+    duration?: TippyProps['duration'];
+    /** Tooltip position
+     * @default 'top'
+     * */
+    placement?: TippyProps['placement'];
+    /** Tooltip can be hovered over and clicked inside
+     * @default false
+     * */
+    interactive?: TippyProps['interactive'];
+    /**
+     * Allow use HTML in content
+     * @default true
+     */
+    allowHTML?: TippyProps['allowHTML'];
+    /**
+     * Tooltip max width
+     * @default 250
+     */
+    maxWidth?: TippyProps['maxWidth'];
+}
+
+export { Tooltip, type TooltipProps };

package/dist/indicators/Tooltip/index.js

@@ -0,0 +1 @@
+"use client";export { a as Tooltip } from '../../chunk-TZI6YTCW.js';

package/dist/indicators/index.css

@@ -0,0 +1 @@
+.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.tippy-box{font-size:.75rem;letter-spacing:-.025em;line-height:1.063rem;position:relative;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-inverted-1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--color-base-1) / var(--tw-text-opacity));outline-width:0px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-.5rem;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-.5rem;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-.5rem;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-.5rem;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-box .tippy-arrow{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(var(--color-inverted-1) / var(--tw-text-opacity))}.tippy-box .tippy-arrow:before{position:absolute;border-style:solid;border-color:transparent;content:""}.tippy-box .tippy-content{position:relative;z-index:1;padding:.75rem .5rem}

package/dist/indicators/index.js

@@ -0,0 +1,20 @@
+import '../chunk-AKA4VSQF.js';
+export { a as Alert } from '../chunk-QNBPXACD.js';
+export { a as Badge } from '../chunk-YDYMRCXH.js';
+export { a as Tag } from '../chunk-NHDLQM42.js';
+import '../chunk-DIFKNF3L.js';
+import '../chunk-BW2HQVCT.js';
+import '../chunk-YTHY4XI2.js';
+export { a as Tooltip } from '../chunk-TZI6YTCW.js';
+import '../chunk-KEVA65S5.js';
+import '../chunk-LTHYFCE7.js';
+import '../chunk-V3MWWR5B.js';
+import '../chunk-RGSYU4MA.js';
+import '../chunk-LTWCICTK.js';
+import '../chunk-RPTUERXQ.js';
+import '../chunk-2H2JX2FG.js';
+import '../chunk-RL2XPX57.js';
+import '../chunk-63ACUGSG.js';
+import '../chunk-22FGINA5.js';
+import '../chunk-3OHDGUPG.js';
+import '../chunk-WEYSRHTX.js';

package/dist/layout/ActionBar/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { ButtonProps } from '../../components/Button/index.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../../components/Icon/index.js';
+
+declare const ActionBar: React__default.MemoExoticComponent<({ onlyMobile, children }: ActionBarProps) => react_jsx_runtime.JSX.Element>;
+interface ActionBarProps {
+    /**
+     * Show component only on Mobile
+     * @default false
+     */
+    onlyMobile?: boolean;
+    /**
+     * React children
+     */
+    children: React__default.ReactElement<ButtonProps> | React__default.ReactElement<ButtonProps>[];
+}
+
+export { ActionBar, type ActionBarProps };

package/dist/layout/ActionBar/index.js

@@ -0,0 +1,7 @@
+export { a as ActionBar } from '../../chunk-AZI2H7OT.js';
+import '../../chunk-L6H2NDVS.js';
+import '../../chunk-YTHY4XI2.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/layout/Box/index.d.ts

@@ -0,0 +1,71 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { TabsProps } from '../../components/Tabs/index.js';
+
+declare const BoxSeparator: {
+    (): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const Box: React__default.MemoExoticComponent<({ id, className, isOpen, isToggle, variant, children }: BoxProps) => react_jsx_runtime.JSX.Element>;
+declare const BoxHeader: React__default.MemoExoticComponent<({ children, className, title, subtitle, Tabs }: BoxHeaderProps) => react_jsx_runtime.JSX.Element>;
+declare const BoxContent: React__default.MemoExoticComponent<({ children, className }: BoxContentProps) => react_jsx_runtime.JSX.Element>;
+interface BoxProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Box ID
+     * */
+    id?: string;
+    /**
+     * Box Header and Content
+     */
+    children?: React__default.ReactElement<BoxContentProps> | Array<React__default.ReactElement<BoxContentProps>> | React__default.ReactElement<BoxHeaderProps> | Array<React__default.ReactElement<BoxHeaderProps>>;
+    /** Variant type
+     * @default 'default'
+     * */
+    variant?: 'default' | 'small';
+    /** Define is box content has visible by default
+     * @default true
+     * */
+    isOpen?: boolean;
+    /** Show toggle icon
+     * @default false
+     * */
+    isToggle?: boolean;
+}
+interface BoxContentProps {
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+}
+interface BoxHeaderProps {
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Title of the Box
+     */
+    title?: string | React__default.ReactNode;
+    /**
+     * Subtitle of the Box
+     */
+    subtitle?: string | React__default.ReactNode;
+    /**
+     * Use only with "&lt;Tabs /&gt;" component
+     */
+    Tabs?: React__default.ReactElement<TabsProps>;
+}
+
+export { Box, BoxContent, type BoxContentProps, BoxHeader, type BoxHeaderProps, type BoxProps, BoxSeparator };

package/dist/layout/Box/index.js

@@ -0,0 +1,4 @@
+export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from '../../chunk-K5XL557B.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/layout/Container/index.d.ts

@@ -0,0 +1,18 @@
+import * as React$1 from 'react';
+
+declare const Container: React$1.MemoExoticComponent<({ children, expanded, className }: ContainerProps) => JSX.Element>;
+declare const ContainerHeader: React$1.MemoExoticComponent<({ children, className }: ContainerProps) => JSX.Element>;
+interface ContainerProps {
+    /**
+     * Container expanded
+     * @default false
+     */
+    expanded?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    children?: React.ReactNode;
+}
+
+export { Container, ContainerHeader, type ContainerProps };

package/dist/layout/Container/index.js

@@ -0,0 +1,3 @@
+export { a as Container, b as ContainerHeader } from '../../chunk-24UC33BJ.js';
+import '../../chunk-L6H2NDVS.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/layout/index.js

@@ -0,0 +1,10 @@
+import '../chunk-DBWOW4GL.js';
+export { a as ActionBar } from '../chunk-AZI2H7OT.js';
+export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from '../chunk-K5XL557B.js';
+export { a as Container, b as ContainerHeader } from '../chunk-24UC33BJ.js';
+import '../chunk-L6H2NDVS.js';
+import '../chunk-YTHY4XI2.js';
+import '../chunk-LTWCICTK.js';
+import '../chunk-RPTUERXQ.js';
+import '../chunk-2H2JX2FG.js';
+import '../chunk-WEYSRHTX.js';

package/dist/navigation/Breadcrumb/index.d.ts

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import { HelpLinkProps } from '../HelpLink/index.js';
+
+declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
+interface BreadcrumbProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Current page title
+     * */
+    currentTitle: string | React__default.ReactNode;
+    /**
+     * Previous page title
+     * */
+    previousTitle?: string | React__default.ReactNode;
+    /**
+     * Previous page href
+     * */
+    previousHref?: string;
+    /**
+     * Custom link component (replace <a>)
+     * Example: `const Link = (props: any) => { return  <a href="https://www.google.com" target="_blank" className={`underline ` + props.className}>{props.children}</a> }`
+     * */
+    Link?: React__default.ElementType;
+    /** Alignment of `currentTitle` at mobile
+     * @default 'left'
+     * */
+    mobileAlign?: 'left' | 'center';
+    /**
+     * Help link
+     * */
+    helpLink?: HelpLinkProps;
+    /**
+     * Custom actions and buttons
+     * */
+    actions?: React__default.ReactNode;
+    /** Should show actions only at one resolution or always
+     * @default 'both'
+     * */
+    actionsDisplay?: 'desktop' | 'mobile' | 'both';
+}
+
+export { Breadcrumb, type BreadcrumbProps };

package/dist/navigation/Breadcrumb/index.js

@@ -0,0 +1,6 @@
+export { a as Breadcrumb } from '../../chunk-767NPRMO.js';
+import '../../chunk-N73XF5FY.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/navigation/HelpLink/index.d.ts

@@ -0,0 +1,32 @@
+import React__default from 'react';
+
+declare const HelpLink: React__default.FC<HelpLinkProps>;
+interface HelpLinkProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Text to be displayed
+     * */
+    text?: string;
+    /**
+     * Text will appear on mobile or not
+     * @default false
+     * */
+    mobileText?: boolean;
+    /**
+     * Component behavior as hyper link or button
+     * */
+    as?: 'hyperLink' | 'button';
+    /**
+     * Href to the link where component redirects
+     * */
+    href?: string;
+    /**
+     * Button action when clicked
+     * */
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+}
+
+export { HelpLink, type HelpLinkProps };

package/dist/navigation/HelpLink/index.js

@@ -0,0 +1,5 @@
+export { a as HelpLink } from '../../chunk-N73XF5FY.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-RPTUERXQ.js';
+import '../../chunk-2H2JX2FG.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/navigation/Stepper/index.d.ts

@@ -0,0 +1,31 @@
+import React__default from 'react';
+
+declare const Stepper: React__default.FC<StepperProps>;
+type StepType = {
+    step: number;
+    text?: string;
+    handleClick?: () => void;
+    customClassName?: string;
+};
+interface StepperProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Current page step
+     * */
+    currentStep: number;
+    /**
+     * Array of steps containing the step number (1, 2, 3, ..., n),
+     * text with step's title (optional) and a handler for the
+     * step's click (optional) and a custom className for that given step
+     * */
+    steps: StepType[];
+    /**
+     * Shows step text instead of linking lines
+     * */
+    showText?: boolean;
+}
+
+export { Stepper, type StepperProps };

package/dist/navigation/Stepper/index.js

@@ -0,0 +1,7 @@
+import { a } from '../../chunk-WEYSRHTX.js';
+import i from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var f=i.memo(({className:o="",currentStep:t=0,steps:p=[],showText:a$1=!1})=>{let n=e=>t>e?"bg-primary border-primary":t===e?"bg-inverted-1 border-inverted-1":"bg-base-4 border-base-4";return jsx("div",{className:a("w-full flex flex-row justify-center gap-x-10 mb-6 relative",o),id:"stepsContainer",children:p.map((e,l)=>jsxs("div",{id:`step${e.step}`,className:"relative z-10 flex flex-row items-center gap-x-3.5 gap-y-2.5",children:[!a$1&&l>0&&jsx("div",{id:`leftLinkStep${e.step}`,className:a("absolute -left-5 h-0.5 w-5",t>=e.step?"bg-primary":"bg-base-4")}),jsx("div",{id:`stepCircle${e.step}`,className:a("flex size-8 items-center justify-center rounded-full border-2 text-base-1",n(e.step),e.customClassName),children:jsx("span",{onClick:()=>e.handleClick?.(),className:a("font-bold",e.handleClick?"cursor-pointer":""),children:e.step})}),a$1?jsx("span",{onClick:()=>e.handleClick?.(),className:a("my-auto text-center text-sm",e.step<2?"cursor-pointer":"",t===e.step?"font-bold":""),children:e.text}):null,!a$1&&l<p.length-1&&jsx("div",{id:`rightLinkStep${e.step}`,className:a("absolute -right-5 h-0.5 w-5",t>e.step?"bg-primary":"bg-base-4")})]},e.step))})});
+
+export { f as Stepper };

package/dist/navigation/index.js

@@ -0,0 +1,7 @@
+import '../chunk-27G6ETZK.js';
+export { a as Breadcrumb } from '../chunk-767NPRMO.js';
+export { a as HelpLink } from '../chunk-N73XF5FY.js';
+import '../chunk-LTWCICTK.js';
+import '../chunk-RPTUERXQ.js';
+import '../chunk-2H2JX2FG.js';
+import '../chunk-WEYSRHTX.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {
@@ -19,24 +19,29 @@
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@types/react-modal": "^3.16.3",
+    "@types/react-text-mask": "^5.4.14",
     "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.19",
     "cypress": "^13.9.0",
     "cypress-vite": "^1.5.0",
     "esbuild-sass-plugin": "^3.3.0",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^0.8.0",
-    "tsup": "^8.0.2",
+    "postcss": "^8.4.38",
+    "tsup": "^8.1.0",
     "typescript": "^5.3.3",
     "vite": "^5.1.4",
     "@loja-integrada/eslint-config": "0.0.1",
-    "@loja-integrada/tailwindcss-config": "2.0.0-beta.0",
-    "@loja-integrada/typescript-config": "0.0.2"
+    "@loja-integrada/typescript-config": "0.0.2",
+    "@loja-integrada/tailwindcss-config": "2.0.0"
   },
   "dependencies": {
     "@tanstack/react-table": "^8.17.3",
+    "@tippyjs/react": "^4.2.6",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "react-modal": "^3.16.1",
+    "react-text-mask": "^5.5.0",
     "tailwind-merge": "^2.3.0"
   },
   "publishConfig": {
@@ -48,61 +53,117 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
+    "./style.css": "./dist/index.css",
+    "./package.json": "./package.json",
     "./Button": {
-      "import": "./dist/components/Button/Button.js",
-      "types": "./dist/components/Button/Button.d.ts"
+      "types": "./dist/components/Button/Button.d.ts",
+      "import": "./dist/components/Button/index.js"
+    },
+    "./DataTable": {
+      "types": "./dist/components/DataTable/DataTable.d.ts",
+      "import": "./dist/components/DataTable/index.js"
     },
     "./Icon": {
-      "import": "./dist/components/Icon/Icon.js",
-      "types": "./dist/components/Icon/Icon.d.ts"
+      "types": "./dist/components/Icon/Icon.d.ts",
+      "import": "./dist/components/Icon/index.js"
     },
     "./IconCircular": {
-      "import": "./dist/components/IconCircular/IconCircular.js",
-      "types": "./dist/components/IconCircular/IconCircular.d.ts"
+      "types": "./dist/components/IconCircular/IconCircular.d.ts",
+      "import": "./dist/components/IconCircular/index.js"
     },
     "./LoadingPlaceholder": {
-      "import": "./dist/components/LoadingPlaceholder/LoadingPlaceholder.js",
-      "types": "./dist/components/LoadingPlaceholder/LoadingPlaceholder.d.ts"
+      "types": "./dist/components/LoadingPlaceholder/LoadingPlaceholder.d.ts",
+      "import": "./dist/components/LoadingPlaceholder/index.js"
     },
     "./Modal": {
-      "import": "./dist/components/Modal/Modal.js",
-      "types": "./dist/components/Modal/Modal.d.ts"
+      "types": "./dist/components/Modal/Modal.d.ts",
+      "import": "./dist/components/Modal/index.js"
     },
     "./SidebarFixed": {
-      "import": "./dist/components/SidebarFixed/SidebarFixed.js",
-      "types": "./dist/components/SidebarFixed/SidebarFixed.d.ts"
+      "types": "./dist/components/SidebarFixed/SidebarFixed.d.ts",
+      "import": "./dist/components/SidebarFixed/index.js"
+    },
+    "./Table": {
+      "types": "./dist/components/Table/Table.d.ts",
+      "import": "./dist/components/Table/index.js"
+    },
+    "./Tabs": {
+      "types": "./dist/components/Tabs/Tabs.d.ts",
+      "import": "./dist/components/Tabs/index.js"
     },
     "./Checkbox": {
-      "import": "./dist/forms/Checkbox/Checkbox.js",
-      "types": "./dist/forms/Checkbox/Checkbox.d.ts"
+      "types": "./dist/forms/Checkbox/Checkbox.d.ts",
+      "import": "./dist/forms/Checkbox/index.js"
     },
-    "./Table": {
-      "import": "./dist/components/Table/Table.js",
-      "types": "./dist/components/Table/Table.d.ts"
+    "./Input": {
+      "types": "./dist/forms/Input/Input.d.ts",
+      "import": "./dist/forms/Input/index.js"
     },
-    "./DataTable": {
-      "import": "./dist/components/DataTable/DataTable.js",
-      "types": "./dist/components/DataTable/DataTable.d.ts"
+    "./InputHelpText": {
+      "types": "./dist/forms/InputHelpText/InputHelpText.d.ts",
+      "import": "./dist/forms/InputHelpText/index.js"
+    },
+    "./InputLabel": {
+      "types": "./dist/forms/InputLabel/InputLabel.d.ts",
+      "import": "./dist/forms/InputLabel/index.js"
+    },
+    "./InputMask": {
+      "types": "./dist/forms/InputMask/InputMask.d.ts",
+      "import": "./dist/forms/InputMask/index.js"
+    },
+    "./Alert": {
+      "types": "./dist/indicators/Alert/Alert.d.ts",
+      "import": "./dist/indicators/Alert/index.js"
+    },
+    "./Badge": {
+      "types": "./dist/indicators/Badge/Badge.d.ts",
+      "import": "./dist/indicators/Badge/index.js"
+    },
+    "./Tag": {
+      "types": "./dist/indicators/Tag/Tag.d.ts",
+      "import": "./dist/indicators/Tag/index.js"
+    },
+    "./Tooltip": {
+      "types": "./dist/indicators/Tooltip/Tooltip.d.ts",
+      "import": "./dist/indicators/Tooltip/index.js"
+    },
+    "./ActionBar": {
+      "types": "./dist/layout/ActionBar/ActionBar.d.ts",
+      "import": "./dist/layout/ActionBar/index.js"
+    },
+    "./Box": {
+      "types": "./dist/layout/Box/Box.d.ts",
+      "import": "./dist/layout/Box/index.js"
     },
     "./Container": {
-      "import": "./dist/layout/Container/Container.js",
-      "types": "./dist/layout/Container/Container.d.ts"
+      "types": "./dist/layout/Container/Container.d.ts",
+      "import": "./dist/layout/Container/index.js"
     },
-    "./InputHelpText": {
-      "import": "./dist/forms/InputHelpText/InputHelpText.js",
-      "types": "./dist/forms/InputHelpText/InputHelpText.d.ts"
+    "./Breadcrumb": {
+      "types": "./dist/navigation/Breadcrumb/Breadcrumb.d.ts",
+      "import": "./dist/navigation/Breadcrumb/index.js"
+    },
+    "./HelpLink": {
+      "types": "./dist/navigation/HelpLink/HelpLink.d.ts",
+      "import": "./dist/navigation/HelpLink/index.js"
     },
-    "./package.json": "./package.json"
+    "./Stepper": {
+      "types": "./dist/navigation/Stepper/Stepper.d.ts",
+      "import": "./dist/navigation/Stepper/index.js"
+    }
   },
   "scripts": {
-    "build": "rm -rf dist && tsup",
+    "build": "pnpm gen-entry && tsup",
+    "build-stages": "node scripts/tsup-build-stages.js",
+    "gen-entry": "node scripts/entry-points.js",
     "dev": "tsup --watch",
     "lint": "eslint .",
     "format": "pnpm lint --fix && prettier --write .",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-    "test": "cypress run --component"
+    "test": "cypress run --component",
+    "test-visual": "cypress open --component"
   }
 }