@cjlapao/ui-kit-vue 0.2.0 → 0.2.5

package/dist/types/vue/src/components/Badge.vue.d.ts

@@ -1,27 +1,59 @@
-import type { TrueColor } from "../theme/Theme";
+import type { ControlSize, TrueColor } from "../theme/Theme";
+export declare const BADGE_VARIANTS: readonly ["solid", "soft", "outline"];
+export type BadgeVariant = (typeof BADGE_VARIANTS)[number];
+export type BadgeSize = ControlSize;
 export interface BadgeProps {
+    /** Content to display inside the badge. */
+    count?: number | string;
+    /** Show only a dot indicator, with no count. */
+    dot?: boolean;
+    /** Max count to display before showing "+". @default 99 */
+    maxCount?: number;
     /**
-     * Content to display inside the badge
+     * Render a `0` instead of nothing. A zero count is hidden by default, which
+     * is usually right for a notification badge and wrong for a tally.
      */
-    count?: number | string;
+    showZero?: boolean;
+    /** @default "neutral" */
+    tone?: TrueColor;
+    /** @default "solid" */
+    variant?: BadgeVariant;
+    /** @default "sm" */
+    size?: BadgeSize;
     /**
-     * Show only a dot indicator (no count)
+     * A ring in the page background colour, so the badge stays legible where it
+     * overlaps an icon or avatar. Turn it off when the badge sits on its own.
+     * @default true
      */
-    dot?: boolean;
+    ring?: boolean;
+    /** Draws attention with a pinging halo. Respects `prefers-reduced-motion`. */
+    pulse?: boolean;
     /**
-     * Max count to display before showing "+"
-     * @default 99
+     * What assistive technology announces, in place of the digits. Without it
+     * the digits themselves are the accessible content.
      */
-    maxCount?: number;
+    label?: string;
     /**
-     * Badge color variant
-     * @default "neutral"
+     * Hide from assistive technology entirely. Defaults to true for a dot, which
+     * carries no value of its own, and false for a count.
      */
-    tone?: TrueColor;
+    decorative?: boolean;
 }
-declare const _default: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    size: BadgeSize;
     tone: TrueColor;
+    variant: BadgeVariant;
     dot: boolean;
     maxCount: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    showZero: boolean;
+    ring: boolean;
+    pulse: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/BadgeIcon.vue.d.ts

@@ -35,9 +35,9 @@ export interface BadgeIconProps extends IconButtonProps {
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BadgeIconProps, {
     el: import("vue").ComputedRef<HTMLButtonElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeIconProps> & Readonly<{}>, {
+    loading: boolean;
     disabled: boolean;
     fullWidth: boolean;
-    loading: boolean;
     accent: boolean;
     badgeDot: boolean;
     badgePosition: BadgePosition;

package/dist/types/vue/src/components/BreakdownCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/BreakdownCard.vue.d.ts

@@ -0,0 +1,81 @@
+import { type ButtonVariant } from "./Button.vue";
+import { type SurfaceCorner, type SurfacePadding, type SurfaceVariant, type TrueColor } from "../theme";
+/** One slice of the breakdown — its tone paints both the slice and the dot. */
+export interface BreakdownItem {
+    id: string;
+    label: string;
+    value: number;
+    /** Shown instead of the raw value (a formatted count, a currency). */
+    displayValue?: string;
+    /** @default "blue" */
+    tone?: TrueColor;
+}
+/** A label/value pair in the card's summary strip. */
+export interface BreakdownStat {
+    label: string;
+    value: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    title: string;
+    /** Small copy under the title. */
+    caption?: string;
+    items: BreakdownItem[];
+    /** Summary strip along the bottom — totals that outlive the filter. */
+    stats?: BreakdownStat[];
+    ctaLabel?: string;
+    /**
+     * Draws the card's own shape in placeholder ink while the numbers are in
+     * flight — the frame keeps its height, nothing jumps when data lands.
+     */
+    loading?: boolean;
+    /**
+     * The CTA's button variant. Follows the card's own `variant` by default —
+     * an outlined card offers an outlined button.
+     */
+    ctaVariant?: ButtonVariant;
+    /** Surface, as every card in the kit takes it. @default "outlined" */
+    variant?: SurfaceVariant;
+    /** @default "neutral" */
+    tone?: TrueColor;
+    /** @default "md" */
+    padding?: SurfacePadding;
+    corner?: SurfaceCorner;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cta: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    title: string;
+    /** Small copy under the title. */
+    caption?: string;
+    items: BreakdownItem[];
+    /** Summary strip along the bottom — totals that outlive the filter. */
+    stats?: BreakdownStat[];
+    ctaLabel?: string;
+    /**
+     * Draws the card's own shape in placeholder ink while the numbers are in
+     * flight — the frame keeps its height, nothing jumps when data lands.
+     */
+    loading?: boolean;
+    /**
+     * The CTA's button variant. Follows the card's own `variant` by default —
+     * an outlined card offers an outlined button.
+     */
+    ctaVariant?: ButtonVariant;
+    /** Surface, as every card in the kit takes it. @default "outlined" */
+    variant?: SurfaceVariant;
+    /** @default "neutral" */
+    tone?: TrueColor;
+    /** @default "md" */
+    padding?: SurfacePadding;
+    corner?: SurfaceCorner;
+}> & Readonly<{
+    onCta?: (() => any) | undefined;
+}>, {
+    caption: string;
+    loading: boolean;
+    tone: TrueColor;
+    variant: SurfaceVariant;
+    padding: SurfacePadding;
+    stats: BreakdownStat[];
+    ctaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Button.vue.d.ts

@@ -1,12 +1,19 @@
 import type { VNode } from "vue";
-import type { TrueColor, ButtonVariant } from "../theme/Theme";
+import type { TrueColor, ButtonVariant, ButtonWeight } from "../theme/Theme";
 import type { TooltipPosition } from "./Tooltip.vue";
 import type { GlassVibrancy, GlassOpacity, SpecularMode } from "../../../common/theme/glass";
 export type ButtonColor = TrueColor;
 export type { ButtonVariant };
 export type { GlassVibrancy, GlassOpacity, SpecularMode };
-export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
-export type ButtonWeight = "normal" | "medium" | "semibold" | "bold";
+/**
+ * Buttons use the shared control scale. Aliased rather than redeclared so a
+ * change to `ControlSize` reaches Button without a second list to update —
+ * the same rule the React kit's Button follows.
+ */
+export { BUTTON_VARIANTS, BUTTON_WEIGHTS, } from "../theme/Theme";
+export declare const BUTTON_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+export type { ButtonWeight };
 export interface ButtonProps {
     variant?: ButtonVariant;
     color?: TrueColor;
@@ -19,6 +26,12 @@ export interface ButtonProps {
     iconOnly?: boolean;
     accent?: boolean;
     accentColor?: TrueColor;
+    /**
+     * Raw CSS colour to tint the leading/trailing icon. Omit it and the icon
+     * inherits the button's text colour (icons paint with `currentColor`), so
+     * the glyph always matches the label; set it to override just the glyph.
+     */
+    iconColor?: string;
     /** When true, renders in a persistent lighter "on" state with hover suppressed. accentColor overrides the active color. */
     active?: boolean;
     /** When true, applies glass styling (fill + vibrancy + optional specular overlay). */
@@ -39,23 +52,21 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ButtonProp
     el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     glass: boolean;
-    color: TrueColor;
-    variant: ButtonVariant;
     size: ButtonSize;
+    loading: boolean;
+    color: TrueColor;
     disabled: boolean;
+    variant: ButtonVariant;
+    glassOpacity: GlassOpacity;
+    vibrancy: GlassVibrancy;
+    specularMode: SpecularMode;
     weight: ButtonWeight;
     fullWidth: boolean;
-    loading: boolean;
     iconOnly: boolean;
     accent: boolean;
     active: boolean;
-    vibrancy: GlassVibrancy;
-    glassOpacity: GlassOpacity;
-    specularMode: SpecularMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/vue/src/components/Chat.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/Chat.vue.d.ts

@@ -0,0 +1,80 @@
+import type { ChatEvent, ChatModel, ChatStorage } from "../chat";
+import type { SurfacePadding, TrueColor } from "../theme";
+export interface ChatProps {
+    /**
+     * The persistence contract — bring your own.
+     * @default createLocalChatStorage()
+     */
+    storage?: ChatStorage;
+    /** Streaming endpoint (OpenAI-compatible). Without it the chat archives but never answers. */
+    baseUrl?: string;
+    apiKey?: string;
+    defaultModel?: string;
+    /** Pin the picker's list; `false` hides the picker; omit to discover `baseUrl/models`. */
+    models?: ChatModel[] | false;
+    /** Messages fetched per page, both ways. @default 50 */
+    pageSize?: number;
+    /** Message ceiling kept in memory — older ones live in storage only. @default 200 */
+    keepInMemory?: number;
+    /** @default 480 */
+    height?: number | string;
+    /** @default true */
+    showRail?: boolean;
+    /** @default "Send a message…" */
+    placeholder?: string;
+    /** Every observable thing that happens (also emitted as `event`). */
+    onEvent?: (event: ChatEvent) => void;
+    /** @default "outlined" */
+    variant?: "outlined" | "subtle" | "elevated" | "tonal" | "glass";
+    /** @default "neutral" */
+    tone?: TrueColor;
+    /** @default "none" */
+    padding?: SurfacePadding;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    event: (payload: ChatEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ChatProps> & Readonly<{
+    onEvent?: ((payload: ChatEvent) => any) | undefined;
+}>, {
+    height: number | string;
+    tone: TrueColor;
+    variant: "outlined" | "subtle" | "elevated" | "tonal" | "glass";
+    placeholder: string;
+    storage: ChatStorage;
+    padding: SurfacePadding;
+    baseUrl: string;
+    apiKey: string;
+    defaultModel: string;
+    models: ChatModel[] | false;
+    pageSize: number;
+    keepInMemory: number;
+    showRail: boolean;
+    onEvent: (event: ChatEvent) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    message?: (props: {
+        message: {
+            id: string;
+            chatId: string;
+            role: import("../chat").ChatRole;
+            content: string;
+            reasoning?: string | undefined;
+            createdAt: string;
+            status: import("../chat").ChatMessageStatus;
+            usage?: {
+                prompt_tokens?: number | undefined;
+                completion_tokens?: number | undefined;
+                total_tokens?: number | undefined;
+                cost?: number | undefined;
+            } | undefined;
+            model?: string | undefined;
+            error?: string | undefined;
+        };
+        streaming: boolean;
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/Checkbox.vue.d.ts

@@ -1,46 +1,60 @@
-import type { TrueColor, Size } from "../theme/Theme";
-type CheckboxDescriptionPlacement = "bottom" | "inline";
-type CheckboxAlign = "left" | "right";
+import { type ControlSize, type InputVariant, type TrueColor } from "../theme/Theme";
+export declare const CHECKBOX_DESCRIPTION_PLACEMENTS: readonly ["bottom", "inline"];
+export type CheckboxDescriptionPlacement = (typeof CHECKBOX_DESCRIPTION_PLACEMENTS)[number];
+export declare const CHECKBOX_ALIGNS: readonly ["left", "right"];
+export type CheckboxAlign = (typeof CHECKBOX_ALIGNS)[number];
+export declare const CHECKBOX_VALIDATION_STATUSES: readonly ["none", "error", "success"];
+export type CheckboxValidationStatus = (typeof CHECKBOX_VALIDATION_STATUSES)[number];
+/** Aliased so a change to the shared control scale reaches Checkbox. */
+export type CheckboxSize = ControlSize;
+/**
+ * The same surface scale `Input` and `SearchBar` use, so a checkbox in a form
+ * matches the fields beside it.
+ */
+export type CheckboxVariant = InputVariant;
 export interface CheckboxProps {
     /** Controlled checked state (v-model). */
     modelValue?: boolean;
     id?: string;
-    /**
-     * Optional label rendered next to the checkbox control.
-     */
+    /** Label rendered next to the control. */
     label?: string;
-    /**
-     * Optional description displayed under the label.
-     */
+    /** Secondary copy, under the label or beside it. */
     description?: string;
-    /**
-     * Controls if the description is stacked under the label (default) or inline beside it.
-     */
+    /** @default "bottom" */
     descriptionPlacement?: CheckboxDescriptionPlacement;
+    /** @default "md" */
+    size?: CheckboxSize;
     /**
-     * Adjusts checkbox dimensions and typography.
+     * Surface treatment of the box, on the shared input scale. @default "flat"
      */
-    size?: Size;
+    variant?: CheckboxVariant;
+    /** @default "blue" */
     /**
-     * Accent color applied to the checkbox.
+     * Accent colour. Every other control in the kit names this `tone` with
+     * `color` as the alias; `Checkbox` had only `color`, so a form written
+     * against the shared name silently fell back to blue.
+     * @default "blue"
      */
+    tone?: TrueColor;
+    /** Alias for `tone`. */
     color?: TrueColor;
-    /**
-     * Enables the native indeterminate visual state.
-     */
+    /** Native tri-state. Also announced as `aria-checked="mixed"`. */
     indeterminate?: boolean;
-    /**
-     * When true the container will stretch to the available width.
-     */
+    /** Stretch the row to the available width. */
     fullWidth?: boolean;
-    /**
-     * Renders the checkbox control on the left (default) or right side of the label block.
-     */
+    /** Which side the box sits on. @default "left" */
     controlAlign?: CheckboxAlign;
-    disabled?: boolean;
     /**
-     * Additional classes applied directly to the input element.
+     * Validation state, matching `Input`'s. `error` also sets `aria-invalid`.
+     * @default "none"
      */
+    validationStatus?: CheckboxValidationStatus;
+    /** Message shown under the row, tinted by `validationStatus`. */
+    validationMessage?: string;
+    /** Marks the label with an asterisk and sets `required` on the input. */
+    required?: boolean;
+    disabled?: boolean;
+    /** Applied to the visible box, not the (visually hidden) input. */
     inputClassName?: string;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CheckboxProps, {
@@ -52,12 +66,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CheckboxPr
     onChange?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    color: TrueColor;
-    size: Size;
+    size: CheckboxSize;
     disabled: boolean;
+    variant: CheckboxVariant;
     fullWidth: boolean;
-    descriptionPlacement: CheckboxDescriptionPlacement;
     indeterminate: boolean;
+    validationStatus: CheckboxValidationStatus;
+    descriptionPlacement: CheckboxDescriptionPlacement;
     controlAlign: CheckboxAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     label?: () => unknown;

package/dist/types/vue/src/components/CollapsiblePanel.vue.d.ts

@@ -17,14 +17,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Collapsibl
     onToggle?: ((expanded: boolean) => any) | undefined;
     "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
 }>, {
-    tone: import("../index.js").TrueColor;
-    variant: import("./Panel.vue").PanelVariant;
+    expanded: boolean;
+    loading: boolean;
+    tone: import("./index.js").TrueColor;
     disabled: boolean;
+    variant: import("./Panel.vue").PanelVariant;
+    corner: import("./Panel.vue").PanelCorner;
     fullWidth: boolean;
-    loading: boolean;
-    expanded: boolean;
     padding: import("./Panel.vue").PanelPadding;
-    corner: import("./Panel.vue").PanelCorner;
     flexBody: boolean;
     hoverShadow: boolean;
     hoverable: boolean;

package/dist/types/vue/src/components/ColorSwatches.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/ColorSwatches.vue.d.ts

@@ -0,0 +1,42 @@
+import { type ControlSize, type SurfacePadding, type TrueColor } from "../theme";
+/**
+ * Colours on display: a strip of dots for the theme's tones, condensed into
+ * an overlapping stack with a `+N` chip whenever the count (or the width)
+ * outgrows the row, and expanded by *unfolding* — the stacked dots spread
+ * apart, the rest pop in one by one, and the strip grows exactly as far as
+ * the new lines need. One layout, clipped or whole; nothing replaces
+ * anything.
+ *
+ * (Notes live here rather than in the template because a template comment is
+ * a real node, and a comment beside the root makes the component multi-root
+ * — which silently breaks attribute inheritance.)
+ */
+interface ColorSwatchesProps {
+    /** @default TRUE_COLORS */
+    colors?: readonly TrueColor[];
+    /** Dot diameter, on the shared control scale. @default "md" */
+    size?: ControlSize;
+    /** Inset around the group, on the shared container scale. @default "none" */
+    padding?: SurfacePadding;
+    /** Dots shown before the `+N` chip while condensed. @default 5 */
+    maxVisible?: number;
+    /** @default "click" */
+    expandOn?: "click" | "hover";
+    /** @default false */
+    defaultExpanded?: boolean;
+    /** @default "circle" */
+    shape?: "circle" | "square";
+    /** Tone names under the dots, revealed with the expansion. @default false */
+    showNames?: boolean;
+}
+declare const _default: import("vue").DefineComponent<ColorSwatchesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchesProps> & Readonly<{}>, {
+    size: ControlSize;
+    padding: SurfacePadding;
+    colors: readonly TrueColor[];
+    maxVisible: number;
+    expandOn: "click" | "hover";
+    defaultExpanded: boolean;
+    shape: "circle" | "square";
+    showNames: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Combobox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/vue/src/components/Combobox.vue.d.ts

@@ -1,23 +1,72 @@
-import type { TrueColor } from "../theme/Theme";
+import type { VNode } from "vue";
+import { type ControlSize, type InputVariant, type TrueColor, type ValidationStatus } from "../theme/Theme";
+export declare const COMBOBOX_VALIDATION_STATUSES: readonly ["none", "error", "success"];
+export type ComboboxValidationStatus = ValidationStatus;
+export type ComboboxSize = ControlSize;
+export type ComboboxVariant = InputVariant;
+export interface ComboboxOption {
+    value: string;
+    /** Falls back to `value`. */
+    label?: string;
+    /** Secondary line under the label. */
+    description?: string;
+    /** Registry icon name or a node. */
+    icon?: string | VNode;
+    disabled?: boolean;
+}
+/** A bare string is shorthand for `{ value }`. */
+export type ComboboxOptionInput = string | ComboboxOption;
 export interface ComboboxProps {
-    modelValue?: string;
-    options?: string[];
+    value?: string;
+    options: ComboboxOptionInput[];
+    /** @default "md" */
+    size?: ComboboxSize;
+    /** Accent colour for the focus ring and the highlighted row. */
+    tone?: TrueColor;
+    /** Alias for `tone`, matching `Input` and `Select`. */
+    color?: TrueColor;
+    /** Entry style. @default "flat" */
+    variant?: ComboboxVariant;
+    /** @default "none" */
+    validationStatus?: ComboboxValidationStatus;
+    /** @deprecated Use `validationStatus="error"`. */
+    error?: boolean;
     placeholder?: string;
     disabled?: boolean;
-    error?: boolean;
+    readOnly?: boolean;
+    /** Fetching options. The list shows a spinner instead of the empty message. */
+    loading?: boolean;
+    loadingMessage?: string;
     emptyMessage?: string;
-    color?: TrueColor;
+    /** Show the clear button once there is something to clear. @default true */
+    clearable?: boolean;
+    leadingIcon?: string | VNode;
+    /** Rows to show before the list scrolls. @default 6 */
+    visibleRows?: number;
+    /** Classes for the field box. */
+    fieldClass?: string;
+    /** Classes for the drop-down. */
+    listClass?: string;
+    id?: string;
 }
 declare const _default: import("vue").DefineComponent<ComboboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    select: (option: ComboboxOption) => any;
+    change: (value: string) => any;
+    "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ComboboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelect?: ((option: ComboboxOption) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
-    color: TrueColor;
-    disabled: boolean;
     error: boolean;
-    options: string[];
-    modelValue: string;
-    emptyMessage: string;
+    size: ComboboxSize;
+    loading: boolean;
+    disabled: boolean;
+    value: string;
+    variant: ComboboxVariant;
+    validationStatus: ComboboxValidationStatus;
+    readOnly: boolean;
+    clearable: boolean;
+    visibleRows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;