@sjsf-lab/shadcn-extras-theme
Version:
The shadcn-svelte-extras based theme for svelte-jsonschema-form
44 lines (43 loc) • 2.37 kB
TypeScript
import { type VariantProps } from 'tailwind-variants';
export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
variant: {
default: string;
outline: string;
};
size: {
default: string;
sm: string;
lg: string;
};
}, undefined, "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
variant: {
default: string;
outline: string;
};
size: {
default: string;
sm: string;
lg: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
default: string;
outline: string;
};
size: {
default: string;
sm: string;
lg: string;
};
}, undefined, "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
export type ToggleVariant = VariantProps<typeof toggleVariants>['variant'];
export type ToggleSize = VariantProps<typeof toggleVariants>['size'];
export type ToggleVariants = VariantProps<typeof toggleVariants>;
import { Toggle as TogglePrimitive } from 'bits-ui';
type $$ComponentProps = TogglePrimitive.RootProps & {
variant?: ToggleVariant;
size?: ToggleSize;
};
declare const Toggle: import("svelte").Component<$$ComponentProps, {}, "ref" | "pressed">;
type Toggle = ReturnType<typeof Toggle>;
export default Toggle;