@selectwin/kit 0.1.128 → 0.1.129

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.
@@ -7,7 +7,13 @@ type SelectAvatarOwnProps = {
7
7
  dashed?: boolean;
8
8
  /** Circular (with a hairline) — app/logo tiles. */
9
9
  round?: boolean;
10
+ /** `md` (2.25rem, rows) or `lg` (3.75rem, page header). */
11
+ size?: 'md' | 'lg';
12
+ /** How many letters stand for the name: 1 (default) or 2 (first + last word). */
13
+ initials?: 1 | 2;
10
14
  };
11
15
  export type SelectAvatarProps = SelectAvatarOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectAvatarOwnProps>;
12
16
  export declare const SelectAvatar: import('react').ForwardRefExoticComponent<SelectAvatarOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectAvatarOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
17
+ /** The letters that stand for a name: the first letter, or first + last word's first letters. */
18
+ export declare function avatarInitials(name: string | undefined, count?: 1 | 2): string;
13
19
  export {};
@@ -54,6 +54,9 @@ export interface SelectDataColumn<T> {
54
54
  /** Whether the column can be hidden from the `columnsKey` picker. Defaults to "has a
55
55
  * title" — untitled columns (actions) are never listed nor hideable. */
56
56
  hideable?: boolean;
57
+ /** Deixa o conteúdo QUEBRAR linha em vez de cortar com reticências — para um título com a
58
+ * descrição embaixo (uma matriz de preferências), não para ids e valores. */
59
+ wrap?: boolean;
57
60
  }
58
61
  /**
59
62
  * Page size the user picked for a given table (pair with `pagination.pageSizeOptions`/
@@ -10,6 +10,12 @@ type SelectSpotlightOwnProps = {
10
10
  actions?: ReactNode;
11
11
  actionsPlacement?: 'below' | 'end';
12
12
  aside?: ReactNode;
13
+ /** `md` (padrão, o topo da página) ou `sm` (compacto, dentro de outro card). */
14
+ size?: 'md' | 'sm';
15
+ /** Card estreito: por padrão o `media` fica numa linha e o texto desce. Com `mediaInline` ele
16
+ * continua AO LADO do texto — para um media pequeno (o avatar da pessoa), em que a linha só dele
17
+ * seria espaço perdido. O `aside` desce do mesmo jeito. */
18
+ mediaInline?: boolean;
13
19
  children?: ReactNode;
14
20
  };
15
21
  export type SelectSpotlightProps = SelectSpotlightOwnProps & Omit<ComponentPropsWithoutRef<'section'>, keyof SelectSpotlightOwnProps | 'title'>;
package/dist/index.d.ts CHANGED
@@ -35,7 +35,7 @@ export { SelectDisclosureButton } from './SelectDisclosureButton';
35
35
  export { SelectLinkButton } from './SelectLinkButton';
36
36
  export { SelectDivider } from './SelectDivider';
37
37
  export { SelectAlert } from './SelectAlert';
38
- export { SelectAvatar } from './SelectAvatar';
38
+ export { SelectAvatar, avatarInitials } from './SelectAvatar';
39
39
  export { SelectOptionList, SelectOptionRow } from './SelectOptionList';
40
40
  export { SelectIdentityFooter } from './SelectIdentityFooter';
41
41
  export { SelectOtpInput } from './SelectOtpInput';