@selectwin/kit 0.1.56 → 0.1.58

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.
@@ -14,6 +14,9 @@ type SelectComboboxOwnProps = {
14
14
  placeholder?: string;
15
15
  searchPlaceholder?: string;
16
16
  labelAction?: ReactNode;
17
+ /** Ajuda contextual: vira o "!" (SelectInfoTip) ao lado do rotulo. Use para o que
18
+ * explica a plataforma; `hint` e so restricao/estado do proprio campo. */
19
+ help?: ReactNode;
17
20
  hint?: string;
18
21
  error?: string;
19
22
  emptyText?: string;
@@ -3,6 +3,9 @@ import { KeyboardEvent, ReactNode, ComponentPropsWithoutRef } from 'react';
3
3
  type SelectLabelRowOwnProps = {
4
4
  htmlFor: string;
5
5
  label: ReactNode;
6
+ /** Ajuda contextual: o "!" (SelectInfoTip) logo depois do rotulo. */
7
+ help?: ReactNode;
8
+ /** @deprecated use `help` — este usa `title` nativo (sem tema, invisivel no touch). */
6
9
  info?: string;
7
10
  action?: ReactNode;
8
11
  };
@@ -16,7 +19,10 @@ export interface SelectFieldProps {
16
19
  type?: 'text' | 'email' | 'password' | 'url' | 'tel' | 'date' | 'datetime-local' | 'number';
17
20
  /** Right-aligned action next to the label (e.g. a recovery link). */
18
21
  labelAction?: ReactNode;
19
- /** Small affordance after the label, with this text as a tooltip. */
22
+ /** Ajuda contextual: vira o "!" (SelectInfoTip) ao lado do rotulo. Use para o que
23
+ * explica a plataforma; `hint` e so restricao/estado do proprio campo. */
24
+ help?: ReactNode;
25
+ /** @deprecated use `help`. Pequeno ⓘ com `title` nativo. */
20
26
  info?: string;
21
27
  /** Helper text shown under the label, ABOVE the input (Clerk "Key" pattern). */
22
28
  description?: ReactNode;
@@ -1,8 +1,11 @@
1
- import { ComponentType } from 'react';
1
+ import { ComponentType, ReactNode } from 'react';
2
2
  export type SelectIconTone = 'base' | 'subdued' | 'success' | 'critical' | 'caution' | 'inherit';
3
3
  export type SelectIconSize = 'sm' | 'md' | 'lg';
4
- export declare function SelectIcon({ source: Source, tone, size, }: {
5
- source: ComponentType;
4
+ export declare function SelectIcon({ source: Source, children, tone, size, }: {
5
+ source?: ComponentType;
6
+ /** Glifo já montado — alternativa ao `source` quando quem chama recebe um ReactNode. */
7
+ children?: ReactNode;
6
8
  tone?: SelectIconTone;
7
- size?: SelectIconSize;
9
+ /** Tier do kit (sm/md/lg) ou uma medida CSS explícita ('1.625rem', '26px'). */
10
+ size?: SelectIconSize | (string & {});
8
11
  }): import("react").JSX.Element;
@@ -10,6 +10,9 @@ type SelectSelectOwnProps = {
10
10
  onChange: (value: string) => void;
11
11
  options: SelectSelectOption[];
12
12
  labelAction?: ReactNode;
13
+ /** Ajuda contextual: vira o "!" (SelectInfoTip) ao lado do rotulo. Use para o que
14
+ * explica a plataforma; `hint` e so restricao/estado do proprio campo. */
15
+ help?: ReactNode;
13
16
  info?: string;
14
17
  description?: ReactNode;
15
18
  hint?: string;
@@ -5,5 +5,8 @@ export interface SelectSwitchFieldProps {
5
5
  onChange: (checked: boolean) => void;
6
6
  disabled?: boolean;
7
7
  hint?: ReactNode;
8
+ /** Ajuda contextual: vira o "!" (SelectInfoTip) ao lado do rotulo. Use para o que
9
+ * explica a plataforma; `hint` e so restricao/estado do proprio campo. */
10
+ help?: ReactNode;
8
11
  }
9
12
  export declare const SelectSwitchField: import('react').ForwardRefExoticComponent<SelectSwitchFieldProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSwitchFieldProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -13,6 +13,9 @@ type SelectTagSelectOwnProps = {
13
13
  onChange: (next: string[]) => void;
14
14
  placeholder?: string;
15
15
  hint?: ReactNode;
16
+ /** Ajuda contextual: vira o "!" (SelectInfoTip) ao lado do rotulo. Use para o que
17
+ * explica a plataforma; `hint` e so restricao/estado do proprio campo. */
18
+ help?: ReactNode;
16
19
  /** Validation message below the control; also flips the control to its error style. */
17
20
  error?: string;
18
21
  /** Fires when focus leaves the control (closes the popover) — for validate-on-blur. */
@@ -4,6 +4,9 @@ type SelectTextareaOwnProps = {
4
4
  value: string;
5
5
  onChange: (value: string) => void;
6
6
  labelAction?: ReactNode;
7
+ /** Ajuda contextual: vira o "!" (SelectInfoTip) ao lado do rotulo. Use para o que
8
+ * explica a plataforma; `hint` e so restricao/estado do proprio campo. */
9
+ help?: ReactNode;
7
10
  info?: string;
8
11
  /** Helper text shown under the label, above the textarea (Clerk pattern). */
9
12
  description?: ReactNode;
package/dist/icons.d.ts CHANGED
@@ -4,6 +4,11 @@ import { ComponentPropsWithoutRef } from 'react';
4
4
  * and control glyphs with no Iconsax equivalent (close X, bare check, combobox
5
5
  * selector, @, rocket) are hand-drawn as before. Icons are sized by the consumer
6
6
  * (CSS `svg { width/height }`) — no width/height attributes here. */
7
+ /** Icons that ship an Iconsax **Bulk** (duotone) twin: `<StoreIcon duotone />` paints the
8
+ * mass at 40% and the detail at full opacity, both from `currentColor`. Default stays Linear. */
9
+ export type IconVariantProps = {
10
+ duotone?: boolean;
11
+ };
7
12
  export declare function GoogleIcon(): import("react").JSX.Element;
8
13
  export declare function GithubIcon(): import("react").JSX.Element;
9
14
  export declare function ChevronRightIcon(): import("react").JSX.Element;
@@ -26,7 +31,7 @@ type StarIconOwnProps = {
26
31
  };
27
32
  export type StarIconProps = StarIconOwnProps & Omit<ComponentPropsWithoutRef<'svg'>, keyof StarIconOwnProps>;
28
33
  export declare const StarIcon: import('react').ForwardRefExoticComponent<StarIconOwnProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref">, "filled"> & import('react').RefAttributes<SVGSVGElement>>;
29
- export declare function SplitIcon(): import("react").JSX.Element;
34
+ export declare function SplitIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
30
35
  export declare function GlobeIcon(): import("react").JSX.Element;
31
36
  export declare function SelectorIcon(): import("react").JSX.Element;
32
37
  export declare function InfoIcon(): import("react").JSX.Element;
@@ -42,13 +47,13 @@ export declare function RocketIcon(): import("react").JSX.Element;
42
47
  export declare function CubeIcon(): import("react").JSX.Element;
43
48
  export declare function SunIcon(): import("react").JSX.Element;
44
49
  export declare function MoonIcon(): import("react").JSX.Element;
45
- export declare function MonitorIcon(): import("react").JSX.Element;
46
- export declare function MobileIcon(): import("react").JSX.Element;
50
+ export declare function MonitorIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
51
+ export declare function MobileIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
47
52
  export declare function RefreshIcon(): import("react").JSX.Element;
48
53
  export declare function PlusIcon(): import("react").JSX.Element;
49
- export declare function PhoneIcon(): import("react").JSX.Element;
54
+ export declare function PhoneIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
50
55
  export declare function AuthAppIcon(): import("react").JSX.Element;
51
- export declare function MailIcon(): import("react").JSX.Element;
56
+ export declare function MailIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
52
57
  export declare function FacebookIcon(): import("react").JSX.Element;
53
58
  export declare function AppleIcon(): import("react").JSX.Element;
54
59
  export declare function PasskeyIcon(): import("react").JSX.Element;
@@ -82,10 +87,10 @@ export declare function ClipboardIcon(): import("react").JSX.Element;
82
87
  export declare function NoteIcon(): import("react").JSX.Element;
83
88
  export declare function DiscountIcon(): import("react").JSX.Element;
84
89
  export declare function ChartLineIcon(): import("react").JSX.Element;
85
- export declare function StoreIcon(): import("react").JSX.Element;
90
+ export declare function StoreIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
86
91
  export declare function AppsIcon(): import("react").JSX.Element;
87
92
  export declare function MinusCircleIcon(): import("react").JSX.Element;
88
93
  export declare function MenuIcon(): import("react").JSX.Element;
89
94
  /** Marketplace — a storefront with an awning (a platform of sub-stores). */
90
- export declare function StorefrontIcon(): import("react").JSX.Element;
95
+ export declare function StorefrontIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
91
96
  export {};