@selectwin/kit 0.1.2

package/README.md

@@ -0,0 +1,29 @@
+# @selectwin/kit
+
+Design system da Selectwin — primitivos React, charts SVG (sem dependência de biblioteca de
+gráficos) e tokens CSS, theme-aware (light/dark).
+
+Uso interno da Selectwin. Publicado no npm para facilitar a distribuição entre os apps da casa;
+não há suporte, documentação pública nem garantia de estabilidade de API para terceiros.
+
+## Uso
+
+```bash
+npm i @selectwin/kit
+```
+
+```tsx
+import '@selectwin/kit/styles.css'; // tokens + estilos (uma vez, no root)
+import { SelectButton, SelectSection } from '@selectwin/kit';
+```
+
+Peer deps: **react**, **react-dom** (obrigatórios); **gsap** (opcional — só componentes animados),
+**react-router-dom** (opcional). Tematização = sobrescrever os tokens CSS `--select-*` / `--sw-*`.
+
+## Build
+
+```bash
+npm run build   # → dist/index.js (ESM) + dist/style.css + dist/index.d.ts
+```
+
+`npm publish` roda `prepublishOnly` (= build) e publica só `dist/` (sem sourcemaps).

package/dist/SelectAccordion.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface SelectAccordionItem {
+    id: string;
+    title: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+}
+export interface SelectAccordionProps {
+    items: SelectAccordionItem[];
+    /** Allow several sections open at once. Default false (one at a time). */
+    multiple?: boolean;
+    defaultOpenIds?: string[];
+}
+export declare const SelectAccordion: import('react').ForwardRefExoticComponent<SelectAccordionProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectAccordionProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectActionCard.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectActionCardOwnProps = {
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** The CTA — typically a SelectButton. */
+    action?: ReactNode;
+    onDismiss?: () => void;
+};
+export type SelectActionCardProps = SelectActionCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectActionCardOwnProps>;
+export declare const SelectActionCard: import('react').ForwardRefExoticComponent<SelectActionCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectActionCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectActionList.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface SelectAction {
+    content: string;
+    onAction?: () => void;
+    icon?: ReactNode;
+    destructive?: boolean;
+    disabled?: boolean;
+}
+export interface SelectActionSection {
+    title?: string;
+    items: SelectAction[];
+}
+type SelectActionListOwnProps = {
+    items?: SelectAction[];
+    sections?: SelectActionSection[];
+    /** Fired after any item's action (e.g. to close the surrounding popover). */
+    onAction?: () => void;
+    autoFocus?: boolean;
+};
+export type SelectActionListProps = SelectActionListOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectActionListOwnProps>;
+export declare function SelectActionList({ items, sections, onAction, autoFocus, className, ...rest }: SelectActionListProps): import("react").JSX.Element;
+export {};

package/dist/SelectActionMenu.d.ts

@@ -0,0 +1,6 @@
+import { SelectAction } from './SelectActionList';
+export declare function SelectActionMenu({ items, label, disabled, }: {
+    items: SelectAction[];
+    label?: string;
+    disabled?: boolean;
+}): import("react").JSX.Element;

package/dist/SelectAddButton.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectAddButtonOwnProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    /** Override the leading icon (defaults to a plus). */
+    icon?: ReactNode;
+};
+export type SelectAddButtonProps = SelectAddButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectAddButtonOwnProps>;
+export declare const SelectAddButton: import('react').ForwardRefExoticComponent<SelectAddButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectAddButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/SelectAlert.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectAlertOwnProps = {
+    children?: ReactNode;
+    tone?: 'critical' | 'success' | 'info' | 'warning';
+    /** Bold heading above the body (e.g. "Motivo da falha"). */
+    title?: ReactNode;
+};
+export type SelectAlertProps = SelectAlertOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectAlertOwnProps>;
+export declare const SelectAlert: import('react').ForwardRefExoticComponent<SelectAlertOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectAlertOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectAuthFx.d.ts

@@ -0,0 +1,8 @@
+export type AuthFxVariant = 'dots' | 'plexus' | 'grid' | 'flow' | 'circuit';
+export declare const AUTH_FX_VARIANTS: readonly AuthFxVariant[];
+export declare function SelectAuthFx({ className, theme, glowTarget, variant, }: {
+    className?: string;
+    theme?: 'light' | 'dark';
+    glowTarget?: string;
+    variant: AuthFxVariant;
+}): import("react").JSX.Element;

package/dist/SelectAvatar.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectAvatarOwnProps = {
+    name?: string;
+    src?: string;
+    icon?: ReactNode;
+    /** Dashed outline + no fill — the "create new" affordance. */
+    dashed?: boolean;
+    /** Circular (with a hairline) — app/logo tiles. */
+    round?: boolean;
+};
+export type SelectAvatarProps = SelectAvatarOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectAvatarOwnProps>;
+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>>;
+export {};

package/dist/SelectBackLink.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare function SelectBackLink({ children, onClick, href, }: {
+    children?: ReactNode;
+    onClick?: () => void;
+    href?: string;
+}): import("react").JSX.Element;

package/dist/SelectBadge.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectBadgeOwnProps = {
+    children: ReactNode;
+    tone?: 'neutral' | 'brand' | 'pro' | 'success' | 'info' | 'warning' | 'critical' | 'outline';
+    icon?: ReactNode;
+};
+export type SelectBadgeProps = SelectBadgeOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectBadgeOwnProps>;
+export declare const SelectBadge: import('react').ForwardRefExoticComponent<SelectBadgeOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectBadgeOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/SelectBalanceCard.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface SelectBalanceBucket {
+    label: string;
+    cents: number | string | null | undefined;
+    /** Optional icon embedded in the bucket's mini-card. */
+    icon?: ReactNode;
+}
+export interface SelectBalanceCardProps {
+    availableCents: number | string | null | undefined;
+    availableLabel?: string;
+    /** Period-over-period variation of the available balance (percentage). */
+    delta?: number | null;
+    buckets?: SelectBalanceBucket[];
+    action?: {
+        content: string;
+        onAction: () => void;
+        disabled?: boolean;
+        loading?: boolean;
+    };
+}
+export declare const SelectBalanceCard: import('react').ForwardRefExoticComponent<SelectBalanceCardProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectBalanceCardProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectBankAccountField.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface SelectBankAccount {
+    bankCode: string;
+    agency: string;
+    account: string;
+    accountDigit: string;
+    type?: 'checking' | 'savings';
+}
+export interface SelectBankOption {
+    code: string;
+    name: string;
+}
+type SelectBankAccountFieldOwnProps = {
+    value: SelectBankAccount;
+    onChange: (value: SelectBankAccount) => void;
+    banks?: SelectBankOption[];
+    showType?: boolean;
+    error?: string;
+};
+export type SelectBankAccountFieldProps = SelectBankAccountFieldOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectBankAccountFieldOwnProps>;
+export declare const SelectBankAccountField: import('react').ForwardRefExoticComponent<SelectBankAccountFieldOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectBankAccountFieldOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectBarChart.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SelectBarDatum } from './chartUtils';
+type SelectBarChartOwnProps = {
+    data: SelectBarDatum[];
+    height?: number;
+    color?: string;
+    format?: (n: number) => string;
+};
+export type SelectBarChartProps = SelectBarChartOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectBarChartOwnProps>;
+export declare function SelectBarChart({ data, height, color, format, className, ...rest }: SelectBarChartProps): import("react").JSX.Element;
+export {};

package/dist/SelectBoxPlot.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface SelectBoxDatum {
+    label: string;
+    min: number;
+    q1: number;
+    median: number;
+    q3: number;
+    max: number;
+    color?: string;
+}
+type SelectBoxPlotOwnProps = {
+    data: SelectBoxDatum[];
+    height?: number;
+    format?: (n: number) => string;
+};
+export type SelectBoxPlotProps = SelectBoxPlotOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectBoxPlotOwnProps>;
+export declare function SelectBoxPlot({ data, height, format, className, ...rest }: SelectBoxPlotProps): import("react").JSX.Element;
+export {};

package/dist/SelectBuilderLayout.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface SelectBuilderLayoutProps {
+    title: string;
+    subtitle?: string;
+    /** Back target; defaults to history back. */
+    backTo?: string;
+    onSave: () => void;
+    saving?: boolean;
+    saveLabel?: string;
+    saveDisabled?: boolean;
+    cancelTo?: string;
+    /** Error banner shown above the body. String or node. */
+    error?: ReactNode;
+    /** When provided, the body becomes a 2-column form + sticky preview split. */
+    preview?: ReactNode;
+    children: ReactNode;
+}
+export declare function SelectBuilderLayout({ title, subtitle, backTo, onSave, saving, saveLabel, saveDisabled, cancelTo, error, preview, children, }: SelectBuilderLayoutProps): import("react").JSX.Element;

package/dist/SelectBullet.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface SelectBulletItem {
+    label: string;
+    value: number;
+    target: number;
+    /** Scale max (else max(value, target) × 1.25). */
+    max?: number;
+    color?: string;
+}
+type SelectBulletOwnProps = {
+    items: SelectBulletItem[];
+    format?: (n: number) => string;
+};
+export type SelectBulletProps = SelectBulletOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectBulletOwnProps>;
+export declare const SelectBullet: import('react').ForwardRefExoticComponent<SelectBulletOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectBulletOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectBump.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SelectChartSeries } from './chartUtils';
+type SelectBumpOwnProps = {
+    series: SelectChartSeries[];
+    labels: string[];
+    height?: number;
+    format?: (n: number) => string;
+};
+export type SelectBumpProps = SelectBumpOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectBumpOwnProps>;
+export declare function SelectBump({ series, labels, height, format, className, ...rest }: SelectBumpProps): import("react").JSX.Element;
+export {};

package/dist/SelectButton.d.ts

@@ -0,0 +1,17 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface SelectButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    variant?: 'primary' | 'secondary' | 'danger';
+    type?: 'button' | 'submit';
+    /** Control height/padding/text. `md` (default) is the compact normal button; `lg` is
+     *  the larger form/CTA size (the old normal); `sm` is the small control for
+     *  toolbars/filters/inline actions (shares the small height with the filter facets). */
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
+    icon?: ReactNode;
+    /** Icon rendered AFTER the label (e.g. the "Continue ›" arrow). */
+    trailingIcon?: ReactNode;
+    /** Size to content instead of filling the width (toolbars, inline actions). */
+    inline?: boolean;
+    children: ReactNode;
+}
+export declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/SelectCalendarHeatmap.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SelectCalendarHeatmapOwnProps = {
+    weeks: (number | null)[][];
+    color?: string;
+    dayLabels?: string[];
+    /** Optional label per week column (e.g. month starts). */
+    columnLabels?: (string | undefined)[];
+    format?: (n: number) => string;
+    cell?: number;
+    gap?: number;
+    min?: number;
+    max?: number;
+};
+export type SelectCalendarHeatmapProps = SelectCalendarHeatmapOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectCalendarHeatmapOwnProps>;
+export declare const SelectCalendarHeatmap: import('react').ForwardRefExoticComponent<SelectCalendarHeatmapOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectCalendarHeatmapOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectCandlestick.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface SelectCandle {
+    label: string;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+}
+type SelectCandlestickOwnProps = {
+    data: SelectCandle[];
+    height?: number;
+    format?: (n: number) => string;
+    upColor?: string;
+    downColor?: string;
+};
+export type SelectCandlestickProps = SelectCandlestickOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectCandlestickOwnProps>;
+export declare function SelectCandlestick({ data, height, format, upColor, downColor, className, ...rest }: SelectCandlestickProps): import("react").JSX.Element;
+export {};

package/dist/SelectCard.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectCardOwnProps = {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    logo?: ReactNode;
+    mark?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+};
+export type SelectCardProps = SelectCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectCardOwnProps>;
+export declare const SelectCard: import('react').ForwardRefExoticComponent<SelectCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectChartCard.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectChartCardOwnProps = {
+    title?: ReactNode;
+    caption?: ReactNode;
+    action?: ReactNode;
+    loading?: boolean;
+    /** Blur the chart body (sensitive amounts) — wire to the hide-values toggle. */
+    hideValues?: boolean;
+    /**
+     * Body min-height in px, or `'auto'` for an intrinsically-sized chart.
+     *
+     * Use `'auto'` whenever the chart's own height is driven by how much DATA there is (a heatmap
+     * = rows × cell, a bar list = bars × row) — a fixed min-height there just pads the card with
+     * dead space: a 2-row cohort is 80px of chart inside a 260px box. SVG charts that scale to
+     * their container (line/area/donut) DO need a number; that's why it stays the default.
+     */
+    height?: number | 'auto';
+    children: ReactNode;
+};
+export type SelectChartCardProps = SelectChartCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectChartCardOwnProps>;
+export declare const SelectChartCard: import('react').ForwardRefExoticComponent<SelectChartCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectChartCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectChord.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SelectChordOwnProps = {
+    matrix: number[][];
+    labels: string[];
+    size?: number;
+    format?: (n: number) => string;
+    /** Gap between node arcs, in radians. */
+    padAngle?: number;
+};
+export type SelectChordProps = SelectChordOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectChordOwnProps>;
+export declare const SelectChord: import('react').ForwardRefExoticComponent<SelectChordOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectChordOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectCirclePack.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface SelectPackDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+type SelectCirclePackOwnProps = {
+    data: SelectPackDatum[];
+    size?: number;
+    format?: (n: number) => string;
+};
+export type SelectCirclePackProps = SelectCirclePackOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectCirclePackOwnProps>;
+export declare const SelectCirclePack: import('react').ForwardRefExoticComponent<SelectCirclePackOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectCirclePackOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectCollapsible.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectCollapsibleOwnProps = {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    plain?: boolean;
+};
+export type SelectCollapsibleProps = SelectCollapsibleOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectCollapsibleOwnProps>;
+export declare const SelectCollapsible: import('react').ForwardRefExoticComponent<SelectCollapsibleOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectCollapsibleOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectColorField.d.ts

@@ -0,0 +1,9 @@
+export interface SelectColorFieldProps {
+    label?: string;
+    value: string;
+    onChange: (hex: string) => void;
+    disabled?: boolean;
+    hint?: string;
+    error?: string;
+}
+export declare function SelectColorField({ label, value, onChange, disabled, hint, error }: SelectColorFieldProps): import("react").JSX.Element;

package/dist/SelectColumnChart.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SelectChartSeries } from './chartUtils';
+type SelectColumnChartOwnProps = {
+    series: SelectChartSeries[];
+    labels: string[];
+    height?: number;
+    format?: (n: number) => string;
+    /** Stack the series into one bar per label instead of grouping side by side. */
+    stacked?: boolean;
+};
+export type SelectColumnChartProps = SelectColumnChartOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectColumnChartOwnProps>;
+export declare function SelectColumnChart({ series, labels, height, format, stacked, className, ...rest }: SelectColumnChartProps): import("react").JSX.Element;
+export {};

package/dist/SelectComboChart.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SelectComboChartOwnProps = {
+    labels: string[];
+    bars: {
+        name: string;
+        data: number[];
+        color?: string;
+    };
+    line: {
+        name: string;
+        data: number[];
+        color?: string;
+    };
+    height?: number;
+    formatBar?: (n: number) => string;
+    formatLine?: (n: number) => string;
+};
+export type SelectComboChartProps = SelectComboChartOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectComboChartOwnProps>;
+export declare function SelectComboChart({ labels, bars, line, height, formatBar, formatLine, className, ...rest }: SelectComboChartProps): import("react").JSX.Element;
+export {};

package/dist/SelectCombobox.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    /** Optional secondary text shown under the label. */
+    secondary?: string;
+    disabled?: boolean;
+}
+type SelectComboboxOwnProps = {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: ComboboxOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    labelAction?: ReactNode;
+    hint?: string;
+    error?: string;
+    emptyText?: string;
+    /** Disables the trigger (e.g. a field that's immutable on edit). */
+    disabled?: boolean;
+    /** Accepted for API parity with SelectSelect; sets aria-required (no native form control). */
+    required?: boolean;
+    /** Control density. Default `md`; use `sm` in dense surfaces and modal/card forms. */
+    size?: 'sm' | 'md';
+    /** Show the in-list search box (default true). Set false for a plain styled picker — the
+     *  portal dropdown of SelectSelect without a search field (short option lists). */
+    searchable?: boolean;
+};
+export type SelectComboboxProps = SelectComboboxOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectComboboxOwnProps>;
+export declare const SelectCombobox: import('react').ForwardRefExoticComponent<SelectComboboxOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectComboboxOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectConfirmModal.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export declare function SelectConfirmModal({ open, onClose, onConfirm, title, children, confirmLabel, cancelLabel, destructive, loading, theme, }: {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: ReactNode;
+    children?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+    loading?: boolean;
+    theme?: 'light' | 'dark';
+}): import("react").JSX.Element;

package/dist/SelectCopyRow.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SelectCopyRowOwnProps = {
+    label?: string;
+    value: string;
+    /** When set, shows an "open" action linking here. */
+    href?: string;
+    onCopy?: (value: string) => void;
+};
+export type SelectCopyRowProps = SelectCopyRowOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectCopyRowOwnProps>;
+export declare const SelectCopyRow: import('react').ForwardRefExoticComponent<SelectCopyRowOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectCopyRowOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectCopyableId.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface SelectCopyableIdProps {
+    /** The full value copied to the clipboard. */
+    value: string | null | undefined;
+    /** Display content (defaults to `value`, optionally truncated by `truncate`). */
+    children?: ReactNode;
+    /** Cap the displayed text to N characters (the full value is still copied). */
+    truncate?: number;
+    /** Accessible label / tooltip for the copy button. */
+    label?: string;
+    /** Placeholder shown when there is no value. */
+    fallback?: ReactNode;
+    /** When set, the displayed text becomes a router link to this path (still copyable). */
+    to?: string;
+}
+export declare function SelectCopyableId({ value, children, truncate, label, fallback, to, }: SelectCopyableIdProps): import("react").JSX.Element;