@selectwin/kit 0.1.57 → 0.1.59

package/dist/SelectBuilderWorkspace.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+export interface SelectBuilderSection {
+    id: string;
+    title: string;
+    /** Linha de apoio no cabeçalho do painel — o que a seção controla. */
+    description?: string;
+    /** Glifo do item na trilha. */
+    icon?: ReactNode;
+    /** Agrupa itens da trilha sob um rótulo (a ordem de aparição define a ordem dos grupos). */
+    group?: string;
+    /** Termos extras para a busca da trilha (o título já entra por padrão). */
+    keywords?: string;
+    /** Selo curto à direita do item — estado da seção ("Ativo", "3 itens"). */
+    status?: ReactNode;
+    content: ReactNode;
+}
+export interface SelectBuilderWorkspaceProps {
+    title: string;
+    subtitle?: string;
+    /** Destino do voltar; sem ele, volta no histórico. */
+    backTo?: string;
+    onSave: () => void;
+    saving?: boolean;
+    saveLabel?: string;
+    saveDisabled?: boolean;
+    cancelTo?: string;
+    /** Banner de erro acima das colunas. */
+    error?: ReactNode;
+    sections: SelectBuilderSection[];
+    /** Seção ativa (controlado). Sem ela o workspace guarda a própria seleção. */
+    activeId?: string;
+    onActiveChange?: (id: string) => void;
+    /** Caixa de busca na trilha (filtra por título/keywords). */
+    searchable?: boolean;
+    /** O palco: normalmente um `<SelectPreviewFrame fill />`. */
+    preview?: ReactNode;
+    /** Controles extras no centro da barra (ex.: alternador de dispositivo). */
+    toolbar?: ReactNode;
+    /** Selo de "alterações não salvas" na barra. */
+    dirty?: boolean;
+    dirtyLabel?: string;
+}
+export declare function SelectBuilderWorkspace({ title, subtitle, backTo, onSave, saving, saveLabel, saveDisabled, cancelTo, error, sections, activeId, onActiveChange, searchable, preview, toolbar, dirty, dirtyLabel, }: SelectBuilderWorkspaceProps): import("react").JSX.Element;

package/dist/SelectIcon.d.ts

@@ -1,8 +1,11 @@
-import { ComponentType } from 'react';
+import { ComponentType, ReactNode } from 'react';
 export type SelectIconTone = 'base' | 'subdued' | 'success' | 'critical' | 'caution' | 'inherit';
 export type SelectIconSize = 'sm' | 'md' | 'lg';
-export declare function SelectIcon({ source: Source, tone, size, }: {
-    source: ComponentType;
+export declare function SelectIcon({ source: Source, children, tone, size, }: {
+    source?: ComponentType;
+    /** Glifo já montado — alternativa ao `source` quando quem chama recebe um ReactNode. */
+    children?: ReactNode;
     tone?: SelectIconTone;
-    size?: SelectIconSize;
+    /** Tier do kit (sm/md/lg) ou uma medida CSS explícita ('1.625rem', '26px'). */
+    size?: SelectIconSize | (string & {});
 }): import("react").JSX.Element;

package/dist/SelectPreviewFrame.d.ts

@@ -4,6 +4,9 @@ export interface SelectPreviewFrameProps {
     src?: string;
     title?: string;
     height?: number;
+    /** Preenche a altura do pai em vez de medir `height` — para o palco de um
+     *  `SelectBuilderWorkspace`, onde a coluna já tem altura e o palco é quem sobra. */
+    fill?: boolean;
     initialDevice?: Device;
     showDeviceToggle?: boolean;
     emptyLabel?: string;

package/dist/icons.d.ts

@@ -4,6 +4,11 @@ import { ComponentPropsWithoutRef } from 'react';
  *  and control glyphs with no Iconsax equivalent (close X, bare check, combobox
  *  selector, @, rocket) are hand-drawn as before. Icons are sized by the consumer
  *  (CSS `svg { width/height }`) — no width/height attributes here. */
+/** Icons that ship an Iconsax **Bulk** (duotone) twin: `<StoreIcon duotone />` paints the
+ *  mass at 40% and the detail at full opacity, both from `currentColor`. Default stays Linear. */
+export type IconVariantProps = {
+    duotone?: boolean;
+};
 export declare function GoogleIcon(): import("react").JSX.Element;
 export declare function GithubIcon(): import("react").JSX.Element;
 export declare function ChevronRightIcon(): import("react").JSX.Element;
@@ -26,7 +31,7 @@ type StarIconOwnProps = {
 };
 export type StarIconProps = StarIconOwnProps & Omit<ComponentPropsWithoutRef<'svg'>, keyof StarIconOwnProps>;
 export declare const StarIcon: import('react').ForwardRefExoticComponent<StarIconOwnProps & Omit<Omit<import('react').SVGProps<SVGSVGElement>, "ref">, "filled"> & import('react').RefAttributes<SVGSVGElement>>;
-export declare function SplitIcon(): import("react").JSX.Element;
+export declare function SplitIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
 export declare function GlobeIcon(): import("react").JSX.Element;
 export declare function SelectorIcon(): import("react").JSX.Element;
 export declare function InfoIcon(): import("react").JSX.Element;
@@ -42,13 +47,13 @@ export declare function RocketIcon(): import("react").JSX.Element;
 export declare function CubeIcon(): import("react").JSX.Element;
 export declare function SunIcon(): import("react").JSX.Element;
 export declare function MoonIcon(): import("react").JSX.Element;
-export declare function MonitorIcon(): import("react").JSX.Element;
-export declare function MobileIcon(): import("react").JSX.Element;
+export declare function MonitorIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
+export declare function MobileIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
 export declare function RefreshIcon(): import("react").JSX.Element;
 export declare function PlusIcon(): import("react").JSX.Element;
-export declare function PhoneIcon(): import("react").JSX.Element;
+export declare function PhoneIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
 export declare function AuthAppIcon(): import("react").JSX.Element;
-export declare function MailIcon(): import("react").JSX.Element;
+export declare function MailIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
 export declare function FacebookIcon(): import("react").JSX.Element;
 export declare function AppleIcon(): import("react").JSX.Element;
 export declare function PasskeyIcon(): import("react").JSX.Element;
@@ -82,10 +87,12 @@ export declare function ClipboardIcon(): import("react").JSX.Element;
 export declare function NoteIcon(): import("react").JSX.Element;
 export declare function DiscountIcon(): import("react").JSX.Element;
 export declare function ChartLineIcon(): import("react").JSX.Element;
-export declare function StoreIcon(): import("react").JSX.Element;
+export declare function StoreIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
 export declare function AppsIcon(): import("react").JSX.Element;
 export declare function MinusCircleIcon(): import("react").JSX.Element;
+/** Carrinho de compras (Iconsax ShoppingCart) — o resumo do pedido no checkout. */
+export declare function CartIcon(): import("react").JSX.Element;
 export declare function MenuIcon(): import("react").JSX.Element;
 /** Marketplace — a storefront with an awning (a platform of sub-stores). */
-export declare function StorefrontIcon(): import("react").JSX.Element;
+export declare function StorefrontIcon({ duotone }?: IconVariantProps): import("react").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -161,6 +161,7 @@ export { SelectRating } from './SelectRating';
 export { SelectNumberField } from './SelectNumberField';
 export { SelectRepeatingFieldArray } from './SelectRepeatingFieldArray';
 export { SelectBuilderLayout } from './SelectBuilderLayout';
+export { SelectBuilderWorkspace } from './SelectBuilderWorkspace';
 export { SelectSwitchField } from './SelectSwitchField';
 export { SelectColorField } from './SelectColorField';
 export { SelectImageField } from './SelectImageField';
@@ -168,6 +169,7 @@ export { SelectAccordion } from './SelectAccordion';
 export type { SelectNumberFieldProps } from './SelectNumberField';
 export type { SelectRepeatingFieldArrayProps, SelectRepeatingRowHelpers } from './SelectRepeatingFieldArray';
 export type { SelectBuilderLayoutProps } from './SelectBuilderLayout';
+export type { SelectBuilderSection, SelectBuilderWorkspaceProps } from './SelectBuilderWorkspace';
 export type { SelectSwitchFieldProps } from './SelectSwitchField';
 export type { SelectColorFieldProps } from './SelectColorField';
 export type { SelectImageFieldProps } from './SelectImageField';