@fluityy/designsystem 0.2.14 → 0.2.16

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: ({
     variant?: "raised" | "primary" | "secondary" | "outline" | "ghost" | "accent" | "danger" | "danger-ghost" | "raised-secondary" | "raised-outline" | "raised-ghost" | "raised-danger" | "raised-accent" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/Chart/chartTheme.d.ts

@@ -5,6 +5,8 @@
 export declare const CHART_PALETTE: readonly ["var(--flui-semantic-chart-1)", "var(--flui-semantic-chart-2)", "var(--flui-semantic-chart-3)", "var(--flui-semantic-chart-4)", "var(--flui-semantic-chart-5)", "var(--flui-semantic-chart-6)"];
 export declare const CHART_GRID = "var(--flui-semantic-chart-grid)";
 export declare const CHART_AXIS = "var(--flui-semantic-chart-axis)";
+/** Classe do wrapper — usada no CSS global para suprimir o focus-ring do Recharts. */
+export declare const CHART_WRAPPER_CLASS = "flui-chart";
 export declare function paletteColor(index: number): string;
 export interface ChartSeries {
     /** Chave do objeto `data` que contem o valor desta serie. */

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,33 @@
+import { VariantProps } from 'class-variance-authority';
+declare const headerVariants: (props?: ({
+    sticky?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
+}
+export declare const Header: import('react').ForwardRefExoticComponent<HeaderProps & import('react').RefAttributes<HTMLElement>>;
+export declare const HeaderStart: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const HeaderEnd: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export interface HeaderLogoProps extends React.HTMLAttributes<HTMLElement> {
+    href?: string;
+    src?: string;
+    alt?: string;
+}
+export declare const HeaderLogo: import('react').ForwardRefExoticComponent<HeaderLogoProps & import('react').RefAttributes<HTMLElement>>;
+export declare function HeaderContextNav({ className, children, "aria-label": ariaLabel, ...props }: React.HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+export interface HeaderContextItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    /** Exibe o chevron de seletor. Padrão: true. */
+    showChevron?: boolean;
+}
+export declare const HeaderContextItem: import('react').ForwardRefExoticComponent<HeaderContextItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare function HeaderDivider({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export interface HeaderSearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    shortcut?: string;
+}
+export declare const HeaderSearch: import('react').ForwardRefExoticComponent<HeaderSearchProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare function HeaderIconGroup({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare const HeaderLink: import('react').ForwardRefExoticComponent<import('react').AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+interface SidebarContextValue {
+    expanded: boolean;
+    collapsible: boolean;
+    setExpanded: (expanded: boolean) => void;
+    toggle: () => void;
+}
+export declare function useSidebar(): SidebarContextValue;
+declare const sidebarVariants: (props?: ({
+    expanded?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SidebarProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange">, VariantProps<typeof sidebarVariants> {
+    /** Controla se a sidebar está expandida. */
+    expanded?: boolean;
+    /** Estado inicial quando não controlado. Padrão: true. */
+    defaultExpanded?: boolean;
+    /** Disparado ao expandir ou recolher. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Permite recolher a sidebar. Padrão: true. */
+    collapsible?: boolean;
+}
+export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarProps & import('react').RefAttributes<HTMLElement>>;
+export declare const SidebarHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SidebarToggle: import('react').ForwardRefExoticComponent<Omit<Omit<import('..').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "size" | "children">, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SidebarContent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooter: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: ReactNode;
+}
+export declare function SidebarSection({ className, label, children, ...props }: SidebarSectionProps): import("react").JSX.Element;
+export declare function SidebarDivider({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export interface SidebarItemProps {
+    icon?: ReactNode;
+    badge?: ReactNode;
+    active?: boolean;
+    href?: string;
+    /** Rótulo acessível e texto do tooltip quando recolhida. */
+    label?: string;
+    tooltip?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+}
+export declare function SidebarItem({ icon, badge, active, href, label, tooltip, className, children, onClick, }: SidebarItemProps): import("react").JSX.Element;
+export {};

package/dist/components/index.d.ts

@@ -12,6 +12,8 @@ export * from './Spinner/Spinner';
 export * from './Progress/Progress';
 export * from './Divider/Divider';
 export * from './Breadcrumb/Breadcrumb';
+export * from './Header/Header';
+export * from './Sidebar/Sidebar';
 export * from './StatCard/StatCard';
 export * from './MetricCard/MetricCard';
 export * from './Alert/Alert';