@sjsf/shadcn4-theme
Version:
The shadcn-svelte based theme for svelte-jsonschema-form
26 lines (25 loc) • 1.14 kB
TypeScript
import type { Component } from 'svelte';
import type { Command } from 'bits-ui';
import '@sjsf/form/fields/extra-widgets/combobox';
import type { ButtonProps } from '../types/button.js';
import '../types/popover.js';
declare module '@sjsf/form' {
interface UiOptions {
shadcn4ComboboxTrigger?: ButtonProps;
shadcn4ComboboxInput?: Command.InputProps;
shadcn4ComboboxEmptyText?: string;
}
}
declare module '../context.js' {
interface ThemeComponents {
Command: Component<Command.RootProps, {}, 'ref' | 'value'>;
CommandInput: Component<Command.InputProps, {}, 'ref' | 'value'>;
CommandList: Component<Command.ListProps, {}, 'ref'>;
CommandEmpty: Component<Command.EmptyProps, {}, 'ref'>;
CommandGroup: Component<Command.GroupProps, {}, 'ref'>;
CommandItem: Component<Command.ItemProps, {}, 'ref'>;
}
}
declare const Combobox: Component<import("@sjsf/form/fields/widgets").WidgetCommonProps<import("@sjsf/form").SchemaValue> & import("@sjsf/form/fields/widgets").Options, {}, "value">;
type Combobox = ReturnType<typeof Combobox>;
export default Combobox;