@selectwin/kit 0.1.104 → 0.1.106

package/dist/SelectCardGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { SelectListChromeProps, SelectListPagination } from './internal/listChrome';
-export declare function SelectCardGrid<T>({ items, getId, renderItem, loading, skeletonCount, empty, pagination, create, minCardWidth, title, help, description, action, filters, tools, }: {
+export declare function SelectCardGrid<T>({ items, getId, renderItem, loading, skeletonCount, empty, pagination, create, minCardWidth, skeletonCover, title, help, description, action, filters, tools, }: {
     items: T[];
     getId: (item: T) => string;
     /** O card de um item — tipicamente um SelectRecordCard. */
@@ -25,4 +25,7 @@ export declare function SelectCardGrid<T>({ items, getId, renderItem, loading, s
     };
     /** Piso da coluna da grade (`auto-fill` + `minmax`). */
     minCardWidth?: string;
+    /** Os cards têm capa (`SelectRecordCard cover`): o esqueleto traz a faixa 16:9 no topo, para a
+     *  grade não pular de altura quando as capas chegam. */
+    skeletonCover?: boolean;
 } & SelectListChromeProps): import("react").JSX.Element;

package/dist/SelectChoiceCard.d.ts

@@ -21,10 +21,18 @@ export interface SelectChoiceCardProps {
     'data-tour'?: string;
 }
 export declare const SelectChoiceCard: import('react').ForwardRefExoticComponent<SelectChoiceCardProps & import('react').RefAttributes<HTMLElement>>;
+/** O card carregando, na FORMA do real: quadrado do ícone, selo no canto, nome, duas linhas e o rodapé. */
+export declare function SelectChoiceCardSkeleton({ badge }: {
+    badge?: boolean;
+}): import("react").JSX.Element;
 type SelectChoiceGridOwnProps = {
-    children: ReactNode;
+    children?: ReactNode;
     /** Largura mínima de um card antes de a grade quebrar a linha. */
     minCardWidth?: string;
+    /** Carregando: a grade desenha `skeletonCount` cards-esqueleto no lugar dos filhos. */
+    loading?: boolean;
+    /** Quantos esqueletos — o número de cards que VAI aparecer, para a grade não mudar de forma. */
+    skeletonCount?: number;
 };
 export type SelectChoiceGridProps = SelectChoiceGridOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectChoiceGridOwnProps>;
 export declare const SelectChoiceGrid: import('react').ForwardRefExoticComponent<SelectChoiceGridOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectChoiceGridOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectKpiCard.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
 type SelectKpiCardOwnProps = {
     label: ReactNode;
+    /** O número ainda carrega: valor e legenda viram skeleton na altura deles (o rótulo fica). */
+    loading?: boolean;
     value: ReactNode;
     caption?: ReactNode;
     chart?: ReactNode;

package/dist/SelectProgressBar.d.ts

@@ -16,6 +16,8 @@ type SelectProgressBarOwnProps = {
     indeterminate?: boolean;
     /** Nome acessível quando não há `label` visível. */
     ariaLabel?: string;
+    /** O número ainda não chegou: rótulo, valor e trilho viram esqueleto na mesma altura. */
+    loading?: boolean;
 };
 export type SelectProgressBarProps = SelectProgressBarOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectProgressBarOwnProps>;
 export declare const SelectProgressBar: import('react').ForwardRefExoticComponent<SelectProgressBarOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectProgressBarOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectSection.d.ts

@@ -5,7 +5,9 @@ type SelectSectionOwnProps = {
      *  `collapsible` — ali o head inteiro é um <button>, e botão dentro de botão é DOM
      *  inválido. */
     help?: ReactNode;
-    /** Subdued line under the title (e.g. the step subtitle of a wizard card). */
+    /** Subdued line under the title (e.g. the step subtitle of a wizard card). Collapsible too:
+     *  there it is the SUMMARY of what is inside ("Liberação imediata · conclui com 90%"), so the
+     *  closed card still says what it holds. */
     description?: ReactNode;
     /** Right-aligned action in the head (e.g. an "Editar" link). Ignored when collapsible. */
     action?: ReactNode;

package/dist/SelectSkeleton.d.ts

@@ -9,8 +9,19 @@ declare function SkeletonThumbnail({ size }: {
 }): import("react").JSX.Element;
 /** Área de conteúdo não-textual carregando (chart, mapa, imagem, preview): retângulo
  *  shimmer com 100% da largura do pai e a altura dada. */
-declare function SkeletonBlock({ height }: {
+declare function SkeletonBlock({ height, aspectRatio }: {
     height?: number | string;
+    aspectRatio?: string;
+}): import("react").JSX.Element;
+/** Um campo de formulário carregando: o rótulo curto e a caixa do controle na altura real. */
+declare function SkeletonField({ tall }: {
+    tall?: boolean;
+}): import("react").JSX.Element;
+/** Uma linha de lista carregando. `boxed` = o item emoldurado (linha dentro de um well). */
+declare function SkeletonRow({ media, action, boxed }: {
+    media?: boolean;
+    action?: boolean;
+    boxed?: boolean;
 }): import("react").JSX.Element;
 export declare const SelectSkeleton: (({ lines }: {
     lines?: number;
@@ -19,5 +30,7 @@ export declare const SelectSkeleton: (({ lines }: {
     Display: typeof SkeletonDisplay;
     Thumbnail: typeof SkeletonThumbnail;
     Block: typeof SkeletonBlock;
+    Field: typeof SkeletonField;
+    Row: typeof SkeletonRow;
 };
 export {};

package/dist/index.d.ts

@@ -178,7 +178,7 @@ export { SelectFlowCanvas, SelectFlowNode, SelectFlowLayout } from './SelectFlow
 export { SelectSwitchField } from './SelectSwitchField';
 export { SelectColorField, SELECT_COLOR_PRESETS, normalizeHex, contrastRatio } from './SelectColorField';
 export { SelectProgressBar, type SelectProgressBarProps, type SelectProgressTone } from './SelectProgressBar';
-export { SelectChoiceCard, SelectChoiceGrid, type SelectChoiceCardProps, type SelectChoiceGridProps } from './SelectChoiceCard';
+export { SelectChoiceCard, SelectChoiceCardSkeleton, SelectChoiceGrid, type SelectChoiceCardProps, type SelectChoiceGridProps } from './SelectChoiceCard';
 export { SelectCertificatePreview, type SelectCertificatePreviewProps, type SelectCertificateSignature } from './SelectCertificatePreview';
 export { SelectImageField } from './SelectImageField';
 export { SelectAccordion } from './SelectAccordion';