@selectwin/kit 0.1.98 → 0.1.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,6 +15,14 @@ type SelectKpiCardOwnProps = {
15
15
  /** Sem moldura (fundo/borda/padding) — o stat "nu" pra viver DENTRO de um card que já
16
16
  * tem chrome próprio (ex.: grupo de métricas no body de um SelectChartCard). */
17
17
  bare?: boolean;
18
+ /**
19
+ * Torna o card um FILTRO clicável ("Ativos · 132" que recorta a tabela abaixo). Com ele o card
20
+ * ganha cursor, hover, foco de teclado (Enter/Espaço) e `role="button"`.
21
+ */
22
+ onClick?: () => void;
23
+ /** O filtro que este card representa está aplicado — moldura de destaque + `aria-pressed`.
24
+ * Só faz sentido junto com `onClick`. */
25
+ selected?: boolean;
18
26
  };
19
27
  export type SelectKpiCardProps = SelectKpiCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectKpiCardOwnProps>;
20
28
  export declare const SelectKpiCard: import('react').ForwardRefExoticComponent<SelectKpiCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectKpiCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export declare function SelectModal({ open, onClose, title, subtitle, children, footer, aside, size, showClose, noise, dividedHeader, theme, }: {
2
+ export declare function SelectModal({ open, onClose, title, subtitle, children, footer, aside, size, showClose, noise, dividedHeader, backdrop, theme, }: {
3
3
  open: boolean;
4
4
  onClose: () => void;
5
5
  title?: ReactNode;
@@ -13,5 +13,8 @@ export declare function SelectModal({ open, onClose, title, subtitle, children,
13
13
  noise?: boolean;
14
14
  /** Add a hairline under the header (Clerk form modals, e.g. New permission). */
15
15
  dividedHeader?: boolean;
16
+ /** `blur` desfoca a página atrás do scrim — para gates que prometem esconder o que há por
17
+ * trás (queda do servidor): escurecer só não esconde, o conteúdo segue legível. */
18
+ backdrop?: 'dim' | 'blur';
16
19
  theme?: 'light' | 'dark';
17
20
  }): import('react').ReactPortal | null;
@@ -0,0 +1,21 @@
1
+ import { ReactNode } from 'react';
2
+ export type SelectRetryPhase = 'waiting' | 'trying' | 'done';
3
+ export type SelectRetryStatusProps = {
4
+ phase: SelectRetryPhase;
5
+ /** Epoch ms of the next attempt (phase `waiting`). */
6
+ nextAttemptAt?: number | null;
7
+ /** Length of the current wait in ms — where the bar started from. */
8
+ waitMs?: number;
9
+ /** Attempts already made; shown as a quiet caption when > 0. */
10
+ attempt?: number;
11
+ /** In-flight indicator (phase `trying`); defaults to the kit ring. */
12
+ mark?: ReactNode;
13
+ /** Right-aligned control on the status line (hidden while `trying`/`done`). */
14
+ action?: ReactNode;
15
+ waitingLabel?: (seconds: number) => ReactNode;
16
+ tryingLabel?: ReactNode;
17
+ doneLabel?: ReactNode;
18
+ attemptLabel?: (attempt: number) => ReactNode;
19
+ className?: string;
20
+ };
21
+ export declare function SelectRetryStatus({ phase, nextAttemptAt, waitMs, attempt, mark, action, waitingLabel, tryingLabel, doneLabel, attemptLabel, className, }: SelectRetryStatusProps): import("react").JSX.Element;
package/dist/index.d.ts CHANGED
@@ -40,6 +40,7 @@ export { SelectIdentityFooter } from './SelectIdentityFooter';
40
40
  export { SelectOtpInput } from './SelectOtpInput';
41
41
  export { SelectBackLink } from './SelectBackLink';
42
42
  export { SelectResendButton } from './SelectResendButton';
43
+ export { SelectRetryStatus, type SelectRetryStatusProps, type SelectRetryPhase } from './SelectRetryStatus';
43
44
  export { SelectPasswordStrength, passwordScore, type SelectPasswordRule } from './SelectPasswordStrength';
44
45
  export { SelectLoader, type SelectLoaderProps } from './SelectLoader';
45
46
  export { SelectText } from './SelectText';