@loja-integrada/admin-components 1.0.0-beta.0 → 1.0.1

package/dist/indicators/Badge/Badge.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export declare const Badge: React.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element>;
+export interface BadgeProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /** Badge color
+     * @default neutral
+     * */
+    type?: 'neutral' | 'neutralLight' | 'primary' | 'danger' | 'success' | 'warning' | 'focus';
+    /**
+     * Badge text
+     * */
+    text?: string;
+    /** Size of the badge
+     * @default default
+     * */
+    size?: 'default' | 'small' | 'xsmall';
+    /**
+     * Enlarge width of the badge
+     * */
+    expanded?: boolean;
+    /**
+     * Style of rounded corners
+     * @default full
+     * */
+    rounded?: 'full' | 'small' | 'none';
+}

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

@@ -0,0 +1 @@
+export * from './Badge';

package/dist/indicators/Badge/index.js

@@ -0,0 +1,2 @@
+export { a as Badge } from '../../chunk-YDYMRCXH.js';
+import '../../chunk-WEYSRHTX.js';

package/dist/indicators/Tag/Tag.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface TagProps {
+    /** Tag's color
+     * @default neutral
+     * */
+    variant?: 'neutral' | 'primary' | 'danger' | 'success' | 'warning';
+    /**
+     * Tag's content
+     * */
+    content: string | React.ReactNode;
+    /**
+     * Enlarge Tag's width
+     * */
+    fullWidth?: boolean;
+    /** Adittional Tag's classes
+     * @default ''
+     * */
+    className?: string;
+    /**
+     * Tag's action, like a button or an icon
+     * */
+    action?: React.ReactNode;
+    /**
+     * Icon to remove Tag on click
+     * */
+    removeTag?: boolean;
+    /**
+     * Handler called when close icon is clicked
+     * */
+    onClose?: () => void;
+}
+export declare const Tag: React.MemoExoticComponent<({ variant, content, fullWidth, className, action, removeTag, onClose, }: TagProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/indicators/Tag/index.css

@@ -0,0 +1 @@
+.ReactModal__Overlay--after-open{@apply opacity-100;}.ReactModal__Overlay--before-close{@apply opacity-0;}

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

@@ -0,0 +1 @@
+export * from './Tag';

package/dist/indicators/Tag/index.js

@@ -0,0 +1,16 @@
+export { a as Tag } from '../../chunk-NHDLQM42.js';
+import '../../chunk-DIFKNF3L.js';
+import '../../chunk-BW2HQVCT.js';
+import '../../chunk-YTHY4XI2.js';
+import '../../chunk-KEVA65S5.js';
+import '../../chunk-LTHYFCE7.js';
+import '../../chunk-FLXTIRDF.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/indicators/Tooltip/Tooltip.d.ts

@@ -0,0 +1,54 @@
+import './style.scss';
+import { TippyProps } from '@tippyjs/react';
+declare const Tooltip: import("react").MemoExoticComponent<({ isVisible, appendTo, hideOnClick, trigger, hideInMobile, duration, interactive, allowHTML, maxWidth, touch, placement, content, children, ...props }: TooltipProps) => import("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.css

@@ -0,0 +1 @@
+.tippy-box{@apply relative bg-inverted-1 text-base-1 rounded text-f7 outline-0 transition-all;}.tippy-box[data-animation=fade][data-state=hidden]{@apply opacity-0;}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{@apply bottom-0;}.tippy-box[data-placement^=top]>.tippy-arrow:before{@apply -bottom-2 left-0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{@apply top-0;}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{@apply -top-2 left-0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{@apply right-0;}.tippy-box[data-placement^=left]>.tippy-arrow:before{@apply -right-2;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{@apply left-0;}.tippy-box[data-placement^=right]>.tippy-arrow:before{@apply -left-2;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{@apply text-inverted-1 w-4 h-4;}.tippy-box .tippy-arrow:before{@apply absolute border-transparent border-solid;content:""}.tippy-box .tippy-content{@apply relative py-3 px-2 z-1;}

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

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/indicators/Tooltip/index.js

@@ -0,0 +1 @@
+export { a as Tooltip } from '../../chunk-GWT7XT76.js';

package/dist/indicators/index.css

@@ -0,0 +1 @@
+.ReactModal__Overlay--after-open{@apply opacity-100;}.ReactModal__Overlay--before-close{@apply opacity-0;}.tippy-box{@apply relative bg-inverted-1 text-base-1 rounded text-f7 outline-0 transition-all;}.tippy-box[data-animation=fade][data-state=hidden]{@apply opacity-0;}.tippy-box [data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box[data-placement^=top]>.tippy-arrow{@apply bottom-0;}.tippy-box[data-placement^=top]>.tippy-arrow:before{@apply -bottom-2 left-0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{@apply top-0;}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{@apply -top-2 left-0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{@apply right-0;}.tippy-box[data-placement^=left]>.tippy-arrow:before{@apply -right-2;border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{@apply left-0;}.tippy-box[data-placement^=right]>.tippy-arrow:before{@apply -left-2;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{@apply text-inverted-1 w-4 h-4;}.tippy-box .tippy-arrow:before{@apply absolute border-transparent border-solid;content:""}.tippy-box .tippy-content{@apply relative py-3 px-2 z-1;}

package/dist/indicators/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Alert';
+export * from './Badge';
+export * from './Tag';
+export * from './Tooltip';

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-GWT7XT76.js';
+import '../chunk-KEVA65S5.js';
+import '../chunk-LTHYFCE7.js';
+import '../chunk-FLXTIRDF.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/ActionBar.d.ts

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

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

@@ -0,0 +1 @@
+export * from './ActionBar';

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/Box.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import { TabsProps } from '@/components/Tabs';
+declare const BoxSeparator: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Box: React.MemoExoticComponent<({ id, className, isOpen, isToggle, variant, children }: BoxProps) => import("react/jsx-runtime").JSX.Element>;
+declare const BoxHeader: React.MemoExoticComponent<({ children, className, title, subtitle, Tabs }: BoxHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const BoxContent: React.MemoExoticComponent<({ children, className }: BoxContentProps) => import("react/jsx-runtime").JSX.Element>;
+interface BoxProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Box ID
+     * */
+    id?: string;
+    /**
+     * Box Header and Content
+     */
+    children?: React.ReactElement<BoxContentProps> | Array<React.ReactElement<BoxContentProps>> | React.ReactElement<BoxHeaderProps> | Array<React.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.ReactNode;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+}
+interface BoxHeaderProps {
+    /**
+     * React children
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Title of the Box
+     */
+    title?: string | React.ReactNode;
+    /**
+     * Subtitle of the Box
+     */
+    subtitle?: string | React.ReactNode;
+    /**
+     * Use only with "&lt;Tabs /&gt;" component
+     */
+    Tabs?: React.ReactElement<TabsProps>;
+}
+export { Box, BoxContent, type BoxContentProps, BoxHeader, type BoxHeaderProps, type BoxProps, BoxSeparator };

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

@@ -0,0 +1 @@
+export * from './Box';

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/Container.d.ts

@@ -0,0 +1,15 @@
+declare const Container: import("react").MemoExoticComponent<({ children, expanded, className }: ContainerProps) => JSX.Element>;
+declare const ContainerHeader: import("react").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.d.ts

@@ -0,0 +1 @@
+export * from './Container';

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/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const CONTAINER_MAX_SIZE: {
+    default: string;
+    expanded: string;
+};

package/dist/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ActionBar';
+export * from './Box';
+export * from './Container';

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/lib/utils.d.ts

@@ -0,0 +1,5 @@
+import { type ClassValue } from 'clsx';
+import { Ref } from 'react';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function composeRefs<T>(...refs: Array<Ref<T>>): (value: T) => void;
+export declare function setRef<T>(ref: Ref<T>, value: T): void;

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { HelpLinkProps } from '../HelpLink';
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+interface BreadcrumbProps {
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Current page title
+     * */
+    currentTitle: string | React.ReactNode;
+    /**
+     * Previous page title
+     * */
+    previousTitle?: string | React.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.ElementType;
+    /** Alignment of `currentTitle` at mobile
+     * @default 'left'
+     * */
+    mobileAlign?: 'left' | 'center';
+    /**
+     * Help link
+     * */
+    helpLink?: HelpLinkProps;
+    /**
+     * Custom actions and buttons
+     * */
+    actions?: React.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.d.ts

@@ -0,0 +1 @@
+export * from './Breadcrumb';

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/HelpLink.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+declare const HelpLink: React.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.MouseEventHandler<HTMLButtonElement>;
+}
+export { HelpLink, type HelpLinkProps };

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

@@ -0,0 +1 @@
+export * from './HelpLink';

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/Stepper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export declare const Stepper: React.FC<StepperProps>;
+type StepType = {
+    step: number;
+    text?: string;
+    handleClick?: () => void;
+    customClassName?: string;
+};
+export 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 {};

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

@@ -0,0 +1 @@
+export * from './Stepper';

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.d.ts

@@ -0,0 +1,2 @@
+export * from './Breadcrumb';
+export * from './HelpLink';

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';