@loja-integrada/admin-components 1.0.3 → 1.0.4

package/dist/indicators/Alert/Alert.client.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { IconProps } from '../../components/Icon';
+type alertVariantsOptions = 'success' | 'warning' | 'danger' | 'info' | 'primary';
+interface AlertProps {
+    /** Alert color
+     * @default info
+     * */
+    variant?: alertVariantsOptions;
+    /** Alert is visible
+     * @default true
+     */
+    isOpen?: boolean;
+    /**
+     * Alert main text
+     */
+    title: string | React.ReactNode;
+    /**
+     * Alert text below title
+     */
+    subtitle?: string | React.ReactNode;
+    /**
+     * Function to close alert (also activate `showClose`)
+     */
+    onClose?: () => void;
+    /** Show button close
+     * @default false
+     */
+    showClose?: boolean;
+    /** Hide alert icon
+     * @default false
+     */
+    hideIcon?: boolean;
+    /**
+     * Custom icon
+     */
+    customIcon?: IconProps['icon'];
+    /**
+     * Action for the alert, like button and hiperlinks
+     * */
+    actions?: React.ReactNode;
+    /**
+     * Custom className for the Alert container
+     * */
+    className?: string;
+}
+declare const Alert: React.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, className }: AlertProps) => import("react/jsx-runtime").JSX.Element | null>;
+export { Alert, type AlertProps };

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

@@ -1,50 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
-import { IconProps } from '../../components/Icon/index.js';
-
-type alertVariantsOptions = 'success' | 'warning' | 'danger' | 'info' | 'primary';
-interface AlertProps {
-    /** Alert color
-     * @default info
-     * */
-    variant?: alertVariantsOptions;
-    /** Alert is visible
-     * @default true
-     */
-    isOpen?: boolean;
-    /**
-     * Alert main text
-     */
-    title: string | React__default.ReactNode;
-    /**
-     * Alert text below title
-     */
-    subtitle?: string | React__default.ReactNode;
-    /**
-     * Function to close alert (also activate `showClose`)
-     */
-    onClose?: () => void;
-    /** Show button close
-     * @default false
-     */
-    showClose?: boolean;
-    /** Hide alert icon
-     * @default false
-     */
-    hideIcon?: boolean;
-    /**
-     * Custom icon
-     */
-    customIcon?: IconProps['icon'];
-    /**
-     * Action for the alert, like button and hiperlinks
-     * */
-    actions?: React__default.ReactNode;
-    /**
-     * Custom className for the Alert container
-     * */
-    className?: string;
-}
-declare const Alert: React__default.MemoExoticComponent<({ variant, isOpen, title, subtitle, actions, showClose, onClose, hideIcon, customIcon, className }: AlertProps) => react_jsx_runtime.JSX.Element | null>;
-
-export { Alert, type AlertProps };
+export * from './Alert.client';

package/dist/indicators/Alert/index.js

@@ -1,5 +1,5 @@
-"use client";export { a as Alert } from '../../chunk-243NQZV5.js';
+"use client";export { a as Alert } from '../../chunk-KSYF7CFG.js';
 import '../../chunk-LTWCICTK.js';
-import '../../chunk-RPTUERXQ.js';
-import '../../chunk-2H2JX2FG.js';
-import '../../chunk-WEYSRHTX.js';
+import '../../chunk-PFWHNMTS.js';
+import '../../chunk-WTH3TAIX.js';
+import '../../chunk-AGCI6C3Z.js';

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

@@ -0,0 +1,30 @@
+import React from 'react';
+declare const Badge: React.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element>;
+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';
+}
+export { Badge, type BadgeProps };

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

@@ -1,33 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
-
-declare const Badge: React__default.MemoExoticComponent<({ type, text, size, expanded, rounded, className }: BadgeProps) => react_jsx_runtime.JSX.Element>;
-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';
-}
-
-export { Badge, type BadgeProps };
+export * from './Badge';

package/dist/indicators/Badge/index.js

@@ -1,2 +1,2 @@
-export { a as Badge } from '../../chunk-4BVRONPO.js';
-import '../../chunk-WEYSRHTX.js';
+export { a as Badge } from '../../chunk-UO2TARVR.js';
+import '../../chunk-AGCI6C3Z.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;
+    /** Additional 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.d.ts

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

package/dist/indicators/Tag/index.js

@@ -1,6 +1,6 @@
-export { a as Tag } from '../../chunk-BQW67FSK.js';
-import '../../chunk-YTHY4XI2.js';
+export { a as Tag } from '../../chunk-FCIMHESM.js';
+import '../../chunk-I32MZTHH.js';
 import '../../chunk-LTWCICTK.js';
-import '../../chunk-RPTUERXQ.js';
-import '../../chunk-2H2JX2FG.js';
-import '../../chunk-WEYSRHTX.js';
+import '../../chunk-PFWHNMTS.js';
+import '../../chunk-WTH3TAIX.js';
+import '../../chunk-AGCI6C3Z.js';

package/dist/indicators/Toast/Toast.client.d.ts

@@ -0,0 +1,9 @@
+import './_variables.scss';
+import React from 'react';
+import { ToastContainerProps, ToastContent, ToastOptions } from 'react-toastify';
+declare const notify: ({ content, ...options }: NotifyProps) => void;
+interface NotifyProps extends ToastOptions {
+    content: ToastContent;
+}
+declare const ToastContainer: React.MemoExoticComponent<({ ...props }: ToastContainerProps) => import("react/jsx-runtime").JSX.Element>;
+export { notify, type NotifyProps, ToastContainer };

package/dist/indicators/Toast/index.css

@@ -0,0 +1 @@
+:root{--toastify-color-progress-bgo: 0 !important}

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

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

package/dist/indicators/Toast/index.js

@@ -0,0 +1,12 @@
+"use client";import '../../chunk-LTWCICTK.js';
+import { a as a$1 } from '../../chunk-PFWHNMTS.js';
+import '../../chunk-WTH3TAIX.js';
+import { a } from '../../chunk-AGCI6C3Z.js';
+import i, { useEffect } from 'react';
+import { ToastContainer, toast } from 'react-toastify';
+import { injectStyle } from 'react-toastify/dist/inject-style';
+import { jsx } from 'react/jsx-runtime';
+
+var p={success:"bg-primary-light border-primary-dark",error:"bg-danger-light border-danger-dark",info:"bg-secondary-light border-secondary",warning:"bg-warning-light border-warning-dark",default:"",dark:""},f={success:"!bg-primary-dark",error:"!bg-danger-dark",info:"!bg-secondary-dark",warning:"!bg-warning-dark",default:"",dark:""},g=({...t})=>(useEffect(()=>{injectStyle();},[]),jsx(ToastContainer,{toastClassName:o=>a("border flex items-top justify-between py-3 px-4 relative rounded shadow-md mb-2",p[o?.type||"info"]),bodyClassName:"max-w-[95%] text-sm text-on-base break-words",progressClassName:o=>a(o?.defaultClassName,"!h-1",f[o?.type||"info"]),closeButton:({closeToast:o})=>jsx("div",{className:"text-on-base hover:text-on-base-2 flex cursor-pointer items-center",onClick:o,children:jsx(a$1,{icon:"close",size:3})}),position:"top-right",icon:!1,...t})),O=({content:t,...o})=>{let a=o?.type||"success",n=typeof o?.autoClose!="boolean"?o?.autoClose:o?.autoClose&&5e3;toast(t,{...o,type:a,autoClose:n});},y=i.memo(g);y.displayName="Toast";
+
+export { y as ToastContainer, O as notify };

package/dist/indicators/Tooltip/Tooltip.client.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.d.ts

@@ -1,57 +1 @@
-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 };
+export * from './Tooltip.client';

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

@@ -1,10 +1,10 @@
 import '../chunk-AKA4VSQF.js';
-export { a as Alert } from '../chunk-243NQZV5.js';
-export { a as Badge } from '../chunk-4BVRONPO.js';
-export { a as Tag } from '../chunk-BQW67FSK.js';
-import '../chunk-YTHY4XI2.js';
 export { a as Tooltip } from '../chunk-TZI6YTCW.js';
+export { a as Badge } from '../chunk-UO2TARVR.js';
+export { a as Alert } from '../chunk-KSYF7CFG.js';
+export { a as Tag } from '../chunk-FCIMHESM.js';
+import '../chunk-I32MZTHH.js';
 import '../chunk-LTWCICTK.js';
-import '../chunk-RPTUERXQ.js';
-import '../chunk-2H2JX2FG.js';
-import '../chunk-WEYSRHTX.js';
+import '../chunk-PFWHNMTS.js';
+import '../chunk-WTH3TAIX.js';
+import '../chunk-AGCI6C3Z.js';

package/dist/layout/ActionBar/ActionBar.client.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

@@ -1,21 +1 @@
-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 };
+export * from './ActionBar.client';

package/dist/layout/ActionBar/index.js

@@ -1,7 +1,7 @@
-"use client";export { a as ActionBar } from '../../chunk-26ZK5M43.js';
+"use client";export { a as ActionBar } from '../../chunk-QMQU7H7Y.js';
 import '../../chunk-L6H2NDVS.js';
-import '../../chunk-YTHY4XI2.js';
+import '../../chunk-I32MZTHH.js';
 import '../../chunk-LTWCICTK.js';
-import '../../chunk-RPTUERXQ.js';
-import '../../chunk-2H2JX2FG.js';
-import '../../chunk-WEYSRHTX.js';
+import '../../chunk-PFWHNMTS.js';
+import '../../chunk-WTH3TAIX.js';
+import '../../chunk-AGCI6C3Z.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

@@ -1,71 +1 @@
-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 };
+export * from './Box';

package/dist/layout/Box/index.js

@@ -1,4 +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';
+export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from '../../chunk-OHKM27GJ.js';
+import '../../chunk-PFWHNMTS.js';
+import '../../chunk-WTH3TAIX.js';
+import '../../chunk-AGCI6C3Z.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 };