@selectwin/kit 0.1.95 → 0.1.96

package/dist/SelectSetupGuide.d.ts

@@ -0,0 +1,42 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SelectSetupStepStatus = 'done' | 'todo' | 'next' | 'skipped' | 'waiting';
+export interface SelectSetupStep {
+    id: string;
+    title: ReactNode;
+    description?: ReactNode;
+    status: SelectSetupStepStatus;
+    /** Lado direito da linha: selo de estado ou uma ação curta ("Pular", "Desfazer"). */
+    trailing?: ReactNode;
+}
+export interface SelectSetupGroup {
+    title: ReactNode;
+    steps: SelectSetupStep[];
+}
+type SelectSetupGuideOwnProps = {
+    title: ReactNode;
+    description?: ReactNode;
+    /** Quantas etapas contam e quantas já estão feitas — a barra e o "3 de 8". */
+    progress?: {
+        done: number;
+        total: number;
+    };
+    /** Ações do guia na cabeça (minimizar, ocultar). */
+    actions?: ReactNode;
+    /** O painel do próximo passo. Sem ele, a lista ocupa o corpo inteiro. */
+    next?: ReactNode;
+    groups: SelectSetupGroup[];
+    /** Só a cabeça: o guia vira uma faixa. */
+    minimized?: boolean;
+    /** Cor da barra — `sandbox` quando o guia acompanha o ambiente de teste. */
+    tone?: 'default' | 'sandbox';
+};
+export type SelectSetupGuideProps = SelectSetupGuideOwnProps & Omit<ComponentPropsWithoutRef<'section'>, keyof SelectSetupGuideOwnProps>;
+export declare const SelectSetupGuide: import('react').ForwardRefExoticComponent<SelectSetupGuideOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof SelectSetupGuideOwnProps> & import('react').RefAttributes<HTMLElement>>;
+/** O painel do próximo passo, no ritmo da casa: sobrancelha, título, texto e a fileira de ações. */
+export declare function SelectSetupNext({ eyebrow, title, children, actions, }: {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    children?: ReactNode;
+    actions?: ReactNode;
+}): import("react").JSX.Element;
+export {};

package/dist/SelectTour.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface SelectTourStep {
+    /** Seletor CSS do elemento que a parada destaca. */
+    target: string;
+    title: ReactNode;
+    body: ReactNode;
+}
+export interface SelectTourProps {
+    open: boolean;
+    steps: SelectTourStep[];
+    /** `done` = chegou ao fim; `skip` = pulou (botão ou Esc). */
+    onClose: (reason: 'done' | 'skip') => void;
+    labels?: {
+        skip?: string;
+        prev?: string;
+        next?: string;
+        done?: string;
+    };
+    theme?: 'light' | 'dark';
+}
+export declare function SelectTour({ open, steps, onClose, labels, theme }: SelectTourProps): import('react').ReactPortal | null;

package/dist/index.d.ts

@@ -150,6 +150,10 @@ export { SelectAddCard } from './SelectAddCard';
 export type { SelectAddCardProps } from './SelectAddCard';
 export { SelectSteps } from './SelectSteps';
 export type { SelectStepsProps, SelectStepItem } from './SelectSteps';
+export { SelectSetupGuide, SelectSetupNext } from './SelectSetupGuide';
+export type { SelectSetupGuideProps, SelectSetupGroup, SelectSetupStep, SelectSetupStepStatus } from './SelectSetupGuide';
+export { SelectTour } from './SelectTour';
+export type { SelectTourProps, SelectTourStep } from './SelectTour';
 export { SelectPlanCard } from './SelectPlanCard';
 export { SelectListCard, SelectListRow } from './SelectListCard';
 export { SelectThumbnail } from './SelectThumbnail';