@typlog/ui 0.4.0 → 0.5.0

package/dist/components/ComboboxContent.d.ts

@@ -0,0 +1,43 @@
+import { ComboboxContentProps as _ComboboxContentProps } from 'reka-ui';
+export interface ComboboxContentProps extends _ComboboxContentProps {
+    to?: string | HTMLElement;
+    variant?: 'solid' | 'soft';
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any;
+    focusOutside: (event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+    interactOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+}, string, import('vue').PublicProps, Readonly<ComboboxContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+}>, {
+    variant: "solid" | "soft";
+    position: "inline" | "popper";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ComboboxInput.d.ts

@@ -0,0 +1,15 @@
+import { ComboboxInputProps as _ComboboxInputProps } from 'reka-ui';
+import { RadiusType } from './types';
+export interface ComboboxInputProps extends _ComboboxInputProps {
+    variant?: 'surface' | 'soft';
+    radius?: RadiusType;
+    placeholder?: string;
+}
+declare const _default: import('vue').DefineComponent<ComboboxInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string) => any;
+}, string, import('vue').PublicProps, Readonly<ComboboxInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {
+    variant: "surface" | "soft";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ComboboxItem.d.ts

@@ -0,0 +1,10 @@
+import { ComboboxItemProps } from 'reka-ui';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxItemProps<import('reka-ui').AcceptableValue>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ComboboxItemProps<import('reka-ui').AcceptableValue>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ComboboxLabel.d.ts

@@ -0,0 +1,10 @@
+import { ComboboxLabelProps } from 'reka-ui';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ComboboxRoot.d.ts

@@ -0,0 +1,41 @@
+import { Ref } from 'vue';
+import { ComboboxRootProps as _ComboboxRootProps, AcceptableValue } from 'reka-ui';
+import { ColorType } from './types';
+export interface ComboboxRootProps extends _ComboboxRootProps {
+    size?: '1' | '2' | '3';
+    color?: ColorType;
+    highContrast?: boolean;
+    displayValue?: (value: AcceptableValue) => string;
+}
+interface ComboboxRootContext {
+    size: Ref<string>;
+    color: Ref<ColorType | undefined>;
+    highContrast: Ref<boolean>;
+    displayValue?: (value: AcceptableValue) => string;
+}
+export declare const injectComboboxRootContext: <T extends ComboboxRootContext | null | undefined = ComboboxRootContext>(fallback?: T | undefined) => T extends null ? ComboboxRootContext | null : ComboboxRootContext, provideComboboxRootContext: (contextValue: ComboboxRootContext) => ComboboxRootContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: AcceptableValue) => any;
+    "update:open": (value: boolean) => any;
+    highlight: (payload: {
+        ref: HTMLElement;
+        value: AcceptableValue;
+    } | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<ComboboxRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onHighlight?: ((payload: {
+        ref: HTMLElement;
+        value: AcceptableValue;
+    } | undefined) => any) | undefined;
+}>, {
+    size: "1" | "2" | "3";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/SelectContent.d.ts

@@ -1,9 +1,7 @@
 import { SelectContentProps as _SelectContentProps } from 'reka-ui';
-import { ColorType } from './types';
 export interface SelectContentProps extends _SelectContentProps {
+    to?: string | HTMLElement;
     variant?: 'solid' | 'soft';
-    color?: ColorType;
-    highContrast?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<SelectContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
     variant: "solid" | "soft";

package/dist/components/SelectRoot.d.ts

@@ -1,7 +1,17 @@
+import { Ref } from 'vue';
 import { SelectRootProps as _SelectRootProps } from 'reka-ui';
+import { ColorType } from './types';
 export interface SelectRootProps extends _SelectRootProps {
     size?: '1' | '2' | '3';
+    color?: ColorType;
+    highContrast?: boolean;
 }
+interface SelectRootContext {
+    size: Ref<string>;
+    color: Ref<ColorType | undefined>;
+    highContrast: Ref<boolean>;
+}
+export declare const injectSelectRootContext: <T extends SelectRootContext | null | undefined = SelectRootContext>(fallback?: T | undefined) => T extends null ? SelectRootContext | null : SelectRootContext, provideSelectRootContext: (contextValue: SelectRootContext) => SelectRootContext;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<SelectRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: import('reka-ui').AcceptableValue) => any;
     "update:open": (value: boolean) => any;

package/dist/components/SelectTrigger.d.ts

@@ -1,8 +1,7 @@
 import { SelectTriggerProps as _SelectTriggerProps } from 'reka-ui';
-import { ColorType, RadiusType } from './types';
+import { RadiusType } from './types';
 export interface SelectTriggerProps extends _SelectTriggerProps {
     variant?: 'surface' | 'soft' | 'ghost';
-    color?: ColorType;
     radius?: RadiusType;
     placeholder?: string;
 }

package/dist/components/index.d.ts

@@ -3,41 +3,49 @@ export { default as Avatar, type AvatarProps, } from './Avatar';
 export { default as Badge, type BadgeProps, } from './Badge';
 export { default as Button, type ButtonProps, } from './Button';
 export { default as IconButton, } from './IconButton';
-export { default as Checkbox, type CheckboxProps, } from './Checkbox';
-export { default as CheckboxGroupRoot, } from './CheckboxGroupRoot';
-export { default as CheckboxGroupItem, } from './CheckboxGroupItem';
-export { default as CheckboxGroupControl, } from './CheckboxGroupControl';
 export { default as Card, type CardProps, } from './Card';
 export { default as CardHead, type CardHeadProps, } from './CardHead';
-export { default as ColorField, type ColorFieldProps, } from './ColorField';
-export { AlertDialogRoot, AlertDialogTrigger, AlertDialogCancel, AlertDialogAction, AlertDialogTitle, AlertDialogDescription, DialogRoot, DialogTrigger, DialogClose, DialogTitle, DialogDescription, PopoverRoot, PopoverTrigger, PopoverClose, PopoverAnchor, PopoverArrow, DropdownMenuRoot, DropdownMenuTrigger, } from 'reka-ui';
+export { default as ScrollArea, type ScrollAreaProps, } from './ScrollArea';
+export { default as Separator, type SeparatorProps, } from './Separator';
+export { default as Inset, type InsetProps, } from './Inset';
+export { default as SavingIndicator, type SavingStatus, type SavingIndicatorProps, } from './SavingIndicator';
+export { AlertDialogRoot, AlertDialogTrigger, AlertDialogCancel, AlertDialogAction, AlertDialogTitle, AlertDialogDescription, DialogRoot, DialogTrigger, DialogClose, DialogTitle, DialogDescription, PopoverRoot, PopoverTrigger, PopoverClose, DropdownMenuRoot, DropdownMenuTrigger, } from 'reka-ui';
 export { default as AlertDialogContent, type AlertDialogContentProps, } from './AlertDialogContent';
 export { default as DialogContent, type DialogContentProps, } from './DialogContent';
 export { default as DialogHead, } from './DialogHead';
 export { default as PopoverContent, type PopoverContentProps, } from './PopoverContent';
 export { default as DropdownMenuContent, type DropdownMenuContentProps, } from './DropdownMenuContent';
 export { default as DropdownMenuItem, type DropdownMenuItemProps, } from './DropdownMenuItem';
-export { default as Separator, type SeparatorProps, } from './Separator';
-export { default as Inset, type InsetProps, } from './Inset';
-export { default as SavingIndicator, type SavingStatus, type SavingIndicatorProps, } from './SavingIndicator';
 export { default as Switch, type SwitchProps, } from './Switch';
 export { default as Radio, type RadioProps, } from './Radio';
 export { default as RadioGroupRoot, default as RadioCardsRoot, type RadioGroupRootProps, } from './RadioGroupRoot';
 export { default as RadioGroupItem, } from './RadioGroupItem';
 export { type RadioGroupItemProps, } from 'reka-ui';
 export { default as RadioCardsItem, } from './RadioCardsItem';
+export { default as Checkbox, type CheckboxProps, } from './Checkbox';
+export { default as CheckboxGroupRoot, } from './CheckboxGroupRoot';
+export { default as CheckboxGroupItem, } from './CheckboxGroupItem';
+export { default as CheckboxGroupControl, } from './CheckboxGroupControl';
 export { default as TextField, type TextFieldProps, } from './TextField';
 export { default as TextArea, type TextAreaProps, } from './TextArea';
-export { default as ScrollArea, type ScrollAreaProps, } from './ScrollArea';
+export { default as ColorField, type ColorFieldProps, } from './ColorField';
+export { default as Toggle, type ToggleProps, } from './Toggle';
+export { default as ToggleGroupRoot, type ToggleGroupRootProps, } from './ToggleGroupRoot';
+export { default as ToggleGroupItem, } from './ToggleGroupItem';
 export { default as SelectRoot, type SelectRootProps, } from './SelectRoot';
 export { default as SelectContent, type SelectContentProps, } from './SelectContent';
 export { default as SelectTrigger, type SelectTriggerProps, } from './SelectTrigger';
 export { default as SelectItem, } from './SelectItem';
-export { type SelectItemProps, } from 'reka-ui';
 export { default as SelectLabel, } from './SelectLabel';
-export { type SelectLabelProps, } from 'reka-ui';
+export { type SelectItemProps, type SelectLabelProps, } from 'reka-ui';
 export { default as SelectSeparator, } from './SelectSeparator';
 export { SelectGroup } from 'reka-ui';
+export { default as ComboboxRoot, type ComboboxRootProps, } from './ComboboxRoot';
+export { default as ComboboxInput, } from './ComboboxInput';
+export { default as ComboboxContent, } from './ComboboxContent';
+export { default as ComboboxItem, } from './ComboboxItem';
+export { default as ComboboxLabel, } from './ComboboxLabel';
+export { ComboboxGroup, ComboboxEmpty, } from 'reka-ui';
 export { default as Table, type TableProps, } from './Table';
 export { default as Tooltip, type TooltipProps, } from './Tooltip';
 export { TabsRoot, TabsContent, } from 'reka-ui';
@@ -49,7 +57,4 @@ export { default as Turnstile, type TurnstileProps, } from './Turnstile';
 export { default as Quota, type QuotaProps, } from './Quota';
 export { default as Spinner, } from './Spinner';
 export { default as IconCircle, type IconCircleProps, } from './IconCircle';
-export { default as Toggle, type ToggleProps, } from './Toggle';
-export { default as ToggleGroupRoot, type ToggleGroupRootProps, } from './ToggleGroupRoot';
-export { default as ToggleGroupItem, } from './ToggleGroupItem';
 export { Icon };