@typlog/ui 0.10.0 → 0.11.0

package/dist/{index.d.ts → components.d.ts}

@@ -3,7 +3,6 @@ import { AcceptableValue } from 'reka-ui';
 import { AccordionContentProps } from 'reka-ui';
 import { AccordionItemProps } from 'reka-ui';
 import { AccordionRootProps as AccordionRootProps_2 } from 'reka-ui';
-import { AccordionTriggerProps as AccordionTriggerProps_2 } from 'reka-ui';
 import { AlertDialogAction } from 'reka-ui';
 import { AlertDialogCancel } from 'reka-ui';
 import { AlertDialogContentProps as AlertDialogContentProps_2 } from 'reka-ui';
@@ -37,6 +36,7 @@ import { DropdownMenuContentProps as DropdownMenuContentProps_2 } from 'reka-ui'
 import { DropdownMenuItemProps as DropdownMenuItemProps_2 } from 'reka-ui';
 import { DropdownMenuRoot } from 'reka-ui';
 import { DropdownMenuTrigger } from 'reka-ui';
+import { EditableRootProps } from 'reka-ui';
 import { FocusOutsideEvent } from 'reka-ui';
 import { Icon } from '@iconify/vue';
 import { PointerDownOutsideEvent } from 'reka-ui';
@@ -70,19 +70,13 @@ declare const __VLS_component: DefineComponent<CardHeadProps, {}, {}, {}, {}, Co
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_2: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_2: DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_3: DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_3: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_4: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_4: DefineComponent<TabsTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_5: DefineComponent<TabsTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_6: DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_7: DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare const __VLS_component_8: DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component_5: DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare type __VLS_Props = {
     title: string;
@@ -121,40 +115,13 @@ declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_5(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_6(): {
-    attrs: Partial<{}>;
-    slots: {
         default?(_: {}): any;
     };
     refs: {};
     rootEl: any;
 };
 
-declare function __VLS_template_7(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare function __VLS_template_8(): {
+declare function __VLS_template_5(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -173,12 +140,6 @@ declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 
 declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
 
-declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
-
-declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
-
-declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
-
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -431,11 +392,15 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const AccordionContent: __VLS_WithTemplateSlots_37<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const AccordionContent: __VLS_WithTemplateSlots_37<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 
 export { AccordionContentProps }
 
-export declare const AccordionItem: __VLS_WithTemplateSlots_36<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const AccordionItem: __VLS_WithTemplateSlots_36<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 
 export { AccordionItemProps }
 
@@ -459,7 +424,11 @@ indicator: "plus-minus" | "chevron";
     default?(_: {}): any;
 }>;
 
-declare interface AccordionTriggerProps extends AccordionTriggerProps_2 {
+export declare interface AccordionTriggerProps extends PrimitiveProps {
+    /**
+     * The indicator icon for the accordion trigger.
+     * @defaultValue "chevron"
+     */
     indicator?: 'plus-minus' | 'chevron';
 }
 
@@ -517,12 +486,28 @@ size: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface AvatarProps {
-    src: string | undefined;
+    /** Alt text of the avatar. */
     alt: string;
+    /** Avatar's image source URL. */
+    src?: string;
+    /** Using fallback characters for the avatar. */
     fallback?: string;
+    /**
+     * Overrides the radius inherited from the theme.
+     * @defaultValue "small"
+     */
     radius?: RadiusType;
+    /**
+     * The visual variant to apply.
+     * @defaultValue "solid"
+     */
     variant?: 'solid' | 'soft' | 'ring';
+    /**
+     * Control the size of the avatar.
+     * @defaultValue "2"
+     */
     size?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+    /** Overrides the accent color inherited from the Theme. */
     color?: ColorType;
 }
 
@@ -530,18 +515,38 @@ export declare const Badge: __VLS_WithTemplateSlots<DefineComponent<BadgeProps,
 radius: RadiusType;
 variant: "solid" | "soft" | "surface" | "outline";
 size: "1" | "2" | "3";
-as: AsTag | Component;
+as: AsTag;
 highContrast: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare interface BadgeProps extends PrimitiveProps {
+export declare interface BadgeProps {
+    /**
+     * The visual variant to apply.
+     * @defaultValue "solid"
+     */
     variant?: 'solid' | 'soft' | 'surface' | 'outline';
+    /** Overrides the accent color inherited from the theme. */
     color?: ColorType;
+    /**
+     * Overrides the radius inherited from the theme.
+     * @defaultValue "small"
+     */
     radius?: RadiusType;
+    /**
+     * Control the size of the badge.
+     * @defaultValue "1"
+     */
     size?: '1' | '2' | '3';
+    /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
+    /**
+     * The element or component this component should render as.
+     * @defaultValue "span"
+     */
+    as?: AsTag;
+    asChild?: boolean;
 }
 
 declare type BrandType = 'google' | 'facebook' | 'x' | 'github' | 'apple' | 'slack' | 'figma';
@@ -555,21 +560,34 @@ highContrast: boolean;
     default?(_: {}): any;
 }>;
 
-export declare interface ButtonProps extends PrimitiveProps {
+declare interface ButtonProps {
+    /**
+     * The visual variant to apply.
+     * @defaultValue "solid"
+     */
+    variant?: 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
+    /** Overrides the accent color inherited from the Theme. */
     color?: ColorType;
+    /** Overrides the radius inherited from the theme. */
     radius?: RadiusType;
-    variant?: 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
+    /**
+     * Control the size of the button.
+     * @defaultValue "2"
+     */
     size?: '1' | '2' | '3' | '4';
+    /** Uses a higher contrast color for the component. */
     highContrast?: boolean;
+    /** Mark the button as disabled. */
     disabled?: boolean;
+    /**
+     * The element or component this component should render as.
+     * @defaultValue "button"
+     */
+    as?: AsTag | Component;
+    asChild?: boolean;
 }
-
-declare interface ButtonProps_2 extends PrimitiveProps {
-    brand: BrandType;
-    radius?: RadiusType;
-    size?: '1' | '2' | '3' | '4';
-    disabled?: boolean;
-}
+export { ButtonProps }
+export { ButtonProps as IconButtonProps }
 
 export declare const Card: __VLS_WithTemplateSlots_3<DefineComponent<CardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardProps> & Readonly<{}>, {
 variant: "surface" | "soft";
@@ -640,7 +658,7 @@ declare interface ChevronIconProps {
     arrowTransform?: 'right-down' | 'right-up' | 'up-down' | 'down-up';
 }
 
-export declare const CollapsibleContent: __VLS_WithTemplateSlots_39<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const CollapsibleContent: __VLS_WithTemplateSlots_39<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export { CollapsibleRoot }
 
@@ -712,7 +730,7 @@ declare interface ComboboxInputProps extends ComboboxInputProps_2 {
     placeholder?: string;
 }
 
-export declare const ComboboxItem: __VLS_WithTemplateSlots_27<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const ComboboxItem: __VLS_WithTemplateSlots_27<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export declare const ComboboxLabel: __VLS_WithTemplateSlots_28<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -854,9 +872,39 @@ export { DropdownMenuRoot }
 
 export { DropdownMenuTrigger }
 
+export declare const Editable: DefineComponent<EditableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+submit: (value: string | null | undefined) => any;
+"update:modelValue": (value: string) => any;
+"update:state": (state: "cancel" | "submit" | "edit") => any;
+}, string, PublicProps, Readonly<EditableProps> & Readonly<{
+onSubmit?: ((value: string | null | undefined) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+"onUpdate:state"?: ((state: "cancel" | "submit" | "edit") => any) | undefined;
+}>, {
+radius: RadiusType;
+size: "1" | "2" | "3";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface EditableProps extends EditableRootProps {
+    /**
+     * Overrides the radius inherited from the theme.
+     * @defaultValue "small"
+     */
+    radius?: RadiusType;
+    /** Overrides the accent color inherited from the theme. */
+    color?: ColorType;
+    /**
+     * Control the size of the padding and radius.
+     * @defaultValue "1"
+     */
+    size?: '1' | '2' | '3';
+}
+
 export { Icon }
 
-export declare const IconButton: __VLS_WithTemplateSlots_6<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const IconButton: __VLS_WithTemplateSlots_6<DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 
 export declare const IconCircle: DefineComponent<IconCircleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconCircleProps> & Readonly<{}>, {
 variant: "solid" | "soft" | "outline" | "glow";
@@ -870,20 +918,6 @@ export declare interface IconCircleProps {
     icon: string;
 }
 
-export declare const IconifyCollection: DefineComponent<IconifyCollectionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-select: (icon: string) => any;
-}, string, PublicProps, Readonly<IconifyCollectionProps> & Readonly<{
-onSelect?: ((icon: string) => any) | undefined;
-}>, {
-perpage: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
-declare interface IconifyCollectionProps {
-    prefix?: string;
-    search?: string;
-    perpage?: number;
-}
-
 export declare const Inset: __VLS_WithTemplateSlots_2<DefineComponent<InsetProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InsetProps> & Readonly<{}>, {
 side: "all" | "x" | "y" | "top" | "bottom" | "left" | "right";
 clip: "border-box" | "padding-box";
@@ -893,6 +927,10 @@ clip: "border-box" | "padding-box";
 
 export declare interface InsetProps {
     side?: 'all' | 'x' | 'y' | 'top' | 'bottom' | 'left' | 'right';
+    top?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    right?: boolean;
     clip?: 'border-box' | 'padding-box';
 }
 
@@ -1140,13 +1178,24 @@ export declare interface SeparatorProps {
     color?: ColorType;
 }
 
-export declare const SocialButton: __VLS_WithTemplateSlots_7<DefineComponent<ButtonProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps_2> & Readonly<{}>, {
+export declare const SocialButton: __VLS_WithTemplateSlots_7<DefineComponent<SocialButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SocialButtonProps> & Readonly<{}>, {
 size: "1" | "2" | "3" | "4";
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
+export declare interface SocialButtonProps extends PrimitiveProps {
+    brand: BrandType;
+    radius?: RadiusType;
+    /**
+     * Control the size of the social button.
+     * @defaultValue "2"
+     */
+    size?: '1' | '2' | '3' | '4';
+    disabled?: boolean;
+}
+
 export declare const Spinner: DefineComponent<SpinnerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
 size: "1" | "2" | "3";
 icon: SpinnerIcon;
@@ -1205,7 +1254,7 @@ export declare interface TabsListProps {
 
 export { TabsRoot }
 
-export declare const TabsTrigger: __VLS_WithTemplateSlots_34<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const TabsTrigger: __VLS_WithTemplateSlots_34<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare const TextArea: DefineComponent<    {
 modelValue?: string;
@@ -1242,7 +1291,7 @@ variant: "surface" | "soft";
 size: "1" | "2" | "3";
 type: "date" | "datetime-local" | "email" | "hidden" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week" | "file";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputRef: HTMLInputElement;
+input: HTMLInputElement;
 }, any>, {
     left?(_: {}): any;
     right?(_: {}): any;
@@ -1269,7 +1318,7 @@ size: "1" | "2" | "3";
     default?(_: {}): any;
 }>;
 
-export declare const ToggleGroupItem: __VLS_WithTemplateSlots_17<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const ToggleGroupItem: __VLS_WithTemplateSlots_17<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_16<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: AcceptableValue | AcceptableValue[]) => any;
@@ -1301,6 +1350,7 @@ export declare interface ToggleProps extends ToggleProps_2 {
 export declare const Tooltip: __VLS_WithTemplateSlots_42<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
 side: "top" | "bottom" | "left" | "right";
 sideOffset: number;
+avoidCollisions: boolean;
 collisionPadding: number | Partial<Record<"top" | "bottom" | "left" | "right", number>>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -1312,30 +1362,4 @@ export declare interface TooltipProps extends TooltipProviderProps, TooltipConte
     content?: string;
 }
 
-export declare const Turnstile: DefineComponent<TurnstileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (args_0: string) => any;
-}, string, PublicProps, Readonly<TurnstileProps> & Readonly<{
-"onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
-}>, {
-size: "normal" | "compact";
-resetInterval: number;
-theme: "light" | "dark" | "auto";
-action: string;
-appearance: "always" | "execute" | "interaction-only";
-renderOnMount: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-element: HTMLDivElement;
-}, HTMLDivElement>;
-
-export declare interface TurnstileProps {
-    sitekey: string;
-    modelValue?: string;
-    resetInterval?: number;
-    size?: 'normal' | 'compact';
-    theme?: 'light' | 'dark' | 'auto';
-    action?: string;
-    appearance?: 'always' | 'execute' | 'interaction-only';
-    renderOnMount?: boolean;
-}
-
 export { }