@anguszhu/kroma-ui 0.1.0

package/dist/react/components/KrButton.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { KrButtonType } from '../../core/types';
+export type { KrButtonType };
+export interface KrButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'type'> {
+    type?: KrButtonType;
+}
+export declare function KrButton({ type, className, children, ...rest }: KrButtonProps): import("react").JSX.Element;

package/dist/react/components/KrChevron.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type KrChevronProps = ComponentPropsWithoutRef<'div'>;
+export declare function KrChevron({ className, ...rest }: KrChevronProps): import("react").JSX.Element;

package/dist/react/components/KrDialog.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { KrDialogAction } from '../../core/types';
+export type { KrDialogAction };
+export interface KrDialogProps {
+    show?: boolean;
+    onShowChange?: (show: boolean) => void;
+    title?: string;
+    text?: string;
+    actions?: KrDialogAction[];
+    cancelText?: string;
+    hideCancel?: boolean;
+    children?: ReactNode;
+}
+export declare function KrDialog({ show, onShowChange, title, text, actions, cancelText, hideCancel, children, }: KrDialogProps): import("react").JSX.Element;

package/dist/react/components/KrEmpty.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface KrEmptyProps extends ComponentPropsWithoutRef<'div'> {
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+}
+export declare function KrEmpty({ title, description, icon, className, ...rest }: KrEmptyProps): import("react").JSX.Element;

package/dist/react/components/KrMenuItem.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { KrMenuItemData } from '../../core/types';
+export type { KrMenuItemData };
+export interface KrMenuItemProps extends KrMenuItemData, Omit<ComponentPropsWithoutRef<'button'>, 'type' | 'value' | 'title'> {
+    icon?: ReactNode;
+}
+export declare function KrMenuItem({ title, value: _value, disabled, type, icon, className, ...rest }: KrMenuItemProps): import("react").JSX.Element;

package/dist/react/components/KrOverlay.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface KrOverlayProps {
+    show: boolean;
+    onShowChange?: (show: boolean) => void;
+    centered?: boolean;
+    background?: string;
+    contentStyle?: CSSProperties;
+    contentTransition?: 'fade-in' | 'fade-in-up';
+    children?: ReactNode;
+}
+export declare function KrOverlay({ show, onShowChange, centered, background, contentStyle, contentTransition, children, }: KrOverlayProps): import("react").JSX.Element | null;

package/dist/react/components/KrSearchInput.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface KrSearchInputProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    autofocus?: boolean;
+    label?: string;
+    clearLabel?: string;
+    icon?: ReactNode;
+    clearIcon?: ReactNode;
+}
+export declare function KrSearchInput({ value, onValueChange, autofocus, label, clearLabel, icon, clearIcon, }: KrSearchInputProps): import("react").JSX.Element;

package/dist/react/components/KrSection.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface KrSectionProps extends ComponentPropsWithoutRef<'section'> {
+    title?: string;
+    subtitle?: string;
+}
+export declare function KrSection({ title, subtitle, className, children, ...rest }: KrSectionProps): import("react").JSX.Element;

package/dist/react/components/KrSelectGroup.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, ReactNode } from 'react';
+import { KrSelectShape, KrSelectVariant, KrSelectItemData } from '../../core/types';
+export type { KrSelectItemData };
+export interface KrSelectGroupProps {
+    title?: string;
+    subtitle?: string;
+    items: KrSelectItemData[];
+    showItemLabel?: boolean;
+    showTooltip?: boolean;
+    value: string | number;
+    onValueChange?: (value: string | number) => void;
+    hideSeparator?: boolean;
+    columns?: number | 'auto';
+    gap?: string;
+    variant?: KrSelectVariant;
+    shape?: KrSelectShape;
+    className?: string;
+    style?: CSSProperties;
+    renderItem?: (item: KrSelectItemData, selected: boolean, setSelected: (value: string | number) => void) => ReactNode;
+}
+export declare function KrSelectGroup({ title, subtitle, items, showItemLabel, showTooltip, value, onValueChange, hideSeparator, columns, gap, variant, shape, className, style, renderItem, }: KrSelectGroupProps): import("react").JSX.Element;

package/dist/react/components/KrSelectItem.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { KrSelectVariant, KrSelectShape, KrSelectItemProps } from '../../core/types';
+export type { KrSelectVariant, KrSelectShape, KrSelectItemProps };
+export interface KrSelectGroupContextValue {
+    value: string | number;
+    variant?: KrSelectVariant;
+    shape?: KrSelectShape;
+    showItemLabel: boolean;
+    name: string;
+    onSelect: (value: string | number) => void;
+}
+export declare const KrSelectGroupContext: import('react').Context<KrSelectGroupContextValue | null>;
+export interface KrSelectItemComponentProps extends KrSelectItemProps {
+    onSelect?: (value: string | number) => void;
+    children?: ReactNode;
+}
+export declare function KrSelectItem({ value, label, title, selected, disabled, variant, shape, circle, stretch, showItemLabel, onSelect, children, }: KrSelectItemComponentProps): import("react").JSX.Element;

package/dist/react/components/KrSwitch.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface KrSwitchProps extends ComponentPropsWithoutRef<'div'> {
+    checked?: boolean;
+    disabled?: boolean;
+    inset?: boolean;
+}
+export declare function KrSwitch({ checked, disabled, inset, className, ...rest }: KrSwitchProps): import("react").JSX.Element;

package/dist/react/components/KrTextField.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface KrTextFieldProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'value' | 'onChange' | 'className' | 'autoFocus'> {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    label?: string;
+    error?: boolean;
+    autofocus?: boolean;
+    className?: string;
+}
+export declare function KrTextField({ value, onValueChange, label, error, autofocus, className, ...rest }: KrTextFieldProps): import("react").JSX.Element;

package/dist/react/components/KrToast.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { KrToastIcon } from '../../core/types';
+export type { KrToastIcon };
+export interface KrToastProps {
+    show?: boolean;
+    onShowChange?: (show: boolean) => void;
+    text?: string;
+    icon?: KrToastIcon;
+    iconContent?: ReactNode;
+    timeout?: number;
+    actionText?: string;
+    onAction?: () => void;
+    showCountdown?: boolean;
+}
+export declare function KrToast({ show, onShowChange, text, icon, iconContent, timeout, actionText, onAction, showCountdown, }: KrToastProps): import("react").JSX.Element | null;

package/dist/react/components/KrToggleRow.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface KrToggleRowProps extends Omit<ComponentPropsWithoutRef<'label'>, 'title'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    title?: string;
+    subtitle?: string;
+    disabled?: boolean;
+    hideSeparator?: boolean;
+}
+export declare function KrToggleRow({ checked, onCheckedChange, title, subtitle, disabled, hideSeparator, className, ...rest }: KrToggleRowProps): import("react").JSX.Element;

package/dist/react/hooks/useCssTransition.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Reproduces Vue's <Transition> enter/leave class sequencing (name-enter-active
+ * / name-enter-from / name-leave-active / name-leave-to) for a single root
+ * element, so React can reuse the exact same transition CSS Kroma already
+ * ships for the Vue components. No animation library — just the class
+ * toggling Vue's compiler would otherwise generate.
+ */
+export declare function useCssTransition(show: boolean, name: string): {
+    shouldRender: boolean;
+    transitionClassName: string | undefined;
+    ref: import('react').RefObject<HTMLElement | null>;
+};

package/dist/react/index.d.ts

@@ -0,0 +1,28 @@
+export { KrChevron } from './components/KrChevron';
+export type { KrChevronProps } from './components/KrChevron';
+export { KrEmpty } from './components/KrEmpty';
+export type { KrEmptyProps } from './components/KrEmpty';
+export { KrSection } from './components/KrSection';
+export type { KrSectionProps } from './components/KrSection';
+export { KrMenuItem } from './components/KrMenuItem';
+export type { KrMenuItemProps, KrMenuItemData } from './components/KrMenuItem';
+export { KrButton } from './components/KrButton';
+export type { KrButtonProps, KrButtonType } from './components/KrButton';
+export { KrSwitch } from './components/KrSwitch';
+export type { KrSwitchProps } from './components/KrSwitch';
+export { KrToggleRow } from './components/KrToggleRow';
+export type { KrToggleRowProps } from './components/KrToggleRow';
+export { KrTextField } from './components/KrTextField';
+export type { KrTextFieldProps } from './components/KrTextField';
+export { KrSearchInput } from './components/KrSearchInput';
+export type { KrSearchInputProps } from './components/KrSearchInput';
+export { KrSelectItem, KrSelectGroupContext } from './components/KrSelectItem';
+export type { KrSelectItemComponentProps, KrSelectItemProps, KrSelectVariant, KrSelectShape, KrSelectGroupContextValue, } from './components/KrSelectItem';
+export { KrSelectGroup } from './components/KrSelectGroup';
+export type { KrSelectGroupProps, KrSelectItemData } from './components/KrSelectGroup';
+export { KrOverlay } from './components/KrOverlay';
+export type { KrOverlayProps } from './components/KrOverlay';
+export { KrToast } from './components/KrToast';
+export type { KrToastProps, KrToastIcon } from './components/KrToast';
+export { KrDialog } from './components/KrDialog';
+export type { KrDialogProps, KrDialogAction } from './components/KrDialog';

package/dist/react/utils/cx.d.ts

@@ -0,0 +1 @@
+export declare function cx(...classes: Array<string | false | null | undefined>): string;

package/dist/vue/components/KrButton.vue.d.ts

@@ -0,0 +1,20 @@
+import { KrButtonType } from '../../core/types';
+export type { KrButtonType };
+type __VLS_Props = {
+    type?: KrButtonType;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: KrButtonType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrChevron.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/KrDialog.vue.d.ts

@@ -0,0 +1,34 @@
+import { KrDialogAction } from '../../core/types';
+export type { KrDialogAction };
+type __VLS_Props = {
+    show?: boolean;
+    title?: string;
+    text?: string;
+    actions?: KrDialogAction[];
+    cancelText?: string;
+    hideCancel?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+}>, {
+    text: string;
+    title: string;
+    show: boolean;
+    actions: KrDialogAction[];
+    cancelText: string;
+    hideCancel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrEmpty.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrMenuItem.vue.d.ts

@@ -0,0 +1,15 @@
+import { KrMenuItemData } from '../../core/types';
+export type { KrMenuItemData };
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<KrMenuItemData, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KrMenuItemData> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrOverlay.vue.d.ts

@@ -0,0 +1,28 @@
+import { StyleValue } from 'vue';
+type __VLS_Props = {
+    modelValue: boolean;
+    centered?: boolean;
+    background?: string;
+    contentStyle?: StyleValue;
+    contentTransition?: 'fade-in' | 'fade-in-up';
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    centered: boolean;
+    contentTransition: "fade-in" | "fade-in-up";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrSearchInput.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    modelValue?: string;
+    autofocus?: boolean;
+    label?: string;
+    clearLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    'clear-icon'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    label: string;
+    modelValue: string;
+    autofocus: boolean;
+    clearLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrSection.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrSelectGroup.vue.d.ts

@@ -0,0 +1,44 @@
+import { KrSelectShape, KrSelectVariant, KrSelectItemData } from '../../core/types';
+export type { KrSelectItemData };
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    items: KrSelectItemData[];
+    showItemLabel?: boolean;
+    showTooltip?: boolean;
+    modelValue: string | number;
+    hideSeparator?: boolean;
+    columns?: number | 'auto';
+    gap?: string;
+    variant?: KrSelectVariant;
+    shape?: KrSelectShape;
+};
+declare function handleSelect(value: string | number): void;
+declare var __VLS_1: {
+    item: KrSelectItemData;
+    selected: boolean;
+    setSelected: typeof handleSelect;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    variant: KrSelectVariant;
+    shape: KrSelectShape;
+    showItemLabel: boolean;
+    showTooltip: boolean;
+    columns: number | "auto";
+    gap: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrSelectItem.vue.d.ts

@@ -0,0 +1,25 @@
+import { KrSelectVariant, KrSelectShape, KrSelectItemProps } from '../../core/types';
+export type { KrSelectVariant, KrSelectShape, KrSelectItemProps };
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<KrSelectItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: string | number) => any;
+    "update:selected": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<KrSelectItemProps> & Readonly<{
+    onSelect?: ((value: string | number) => any) | undefined;
+    "onUpdate:selected"?: ((value: string | number) => any) | undefined;
+}>, {
+    variant: KrSelectVariant;
+    shape: KrSelectShape;
+    showItemLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrSwitch.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    disabled?: boolean;
+    inset?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    modelValue: boolean;
+    disabled: boolean;
+    inset: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/KrTextField.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    modelValue?: string;
+    label?: string;
+    error?: boolean;
+    autofocus?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/KrToast.vue.d.ts

@@ -0,0 +1,32 @@
+import { KrToastIcon } from '../../core/types';
+export type { KrToastIcon };
+type __VLS_Props = {
+    show?: boolean;
+    text?: string;
+    icon?: KrToastIcon;
+    timeout?: number;
+    actionText?: string;
+    showCountdown?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:show": (value: boolean) => any;
+    action: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+    onAction?: (() => any) | undefined;
+}>, {
+    show: boolean;
+    timeout: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/components/KrToggleRow.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    title?: string;
+    subtitle?: string;
+    disabled?: boolean;
+    hideSeparator?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    disabled: boolean;
+    hideSeparator: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/index.d.ts

@@ -0,0 +1,20 @@
+export { default as KrButton } from './components/KrButton.vue';
+export type { KrButtonType } from './components/KrButton.vue';
+export { default as KrOverlay } from './components/KrOverlay.vue';
+export { default as KrSection } from './components/KrSection.vue';
+export { default as KrSelectGroup } from './components/KrSelectGroup.vue';
+export type { KrSelectItemData } from './components/KrSelectGroup.vue';
+export { default as KrSelectItem } from './components/KrSelectItem.vue';
+export type { KrSelectItemProps, KrSelectVariant, KrSelectShape } from './components/KrSelectItem.vue';
+export { default as KrSwitch } from './components/KrSwitch.vue';
+export { default as KrToggleRow } from './components/KrToggleRow.vue';
+export { default as KrTextField } from './components/KrTextField.vue';
+export { default as KrSearchInput } from './components/KrSearchInput.vue';
+export { default as KrToast } from './components/KrToast.vue';
+export type { KrToastIcon } from './components/KrToast.vue';
+export { default as KrEmpty } from './components/KrEmpty.vue';
+export { default as KrMenuItem } from './components/KrMenuItem.vue';
+export type { KrMenuItemData } from './components/KrMenuItem.vue';
+export { default as KrDialog } from './components/KrDialog.vue';
+export type { KrDialogAction } from './components/KrDialog.vue';
+export { default as KrChevron } from './components/KrChevron.vue';