@typlog/ui 0.7.2 → 0.8.0

package/dist/components/accordion/AccordionContent.d.ts

@@ -0,0 +1,18 @@
+import { AccordionContentProps } from 'reka-ui';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AccordionContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,18 @@
+import { AccordionItemProps } from 'reka-ui';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/AccordionRoot.d.ts

@@ -0,0 +1,19 @@
+import { AccordionRootProps as _AccordionRootProps } from 'reka-ui';
+export interface AccordionRootProps extends _AccordionRootProps {
+    size?: '1' | '2' | '3';
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<AccordionRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | 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/accordion/AccordionTrigger.d.ts

@@ -0,0 +1,15 @@
+import { AccordionTriggerProps as _AccordionTriggerProps } from 'reka-ui';
+export interface AccordionTriggerProps extends _AccordionTriggerProps {
+    indicator?: 'plus-minus' | 'chevron';
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
+    indicator: "plus-minus" | "chevron";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,5 @@
+export { type AccordionItemProps, type AccordionContentProps, } from 'reka-ui';
+export { default as AccordionRoot, type AccordionRootProps, } from './AccordionRoot';
+export { default as AccordionItem, } from './AccordionItem';
+export { default as AccordionContent, } from './AccordionContent';
+export { default as AccordionTrigger, } from './AccordionTrigger';

package/dist/components/addons/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Turnstile, type TurnstileProps, } from './Turnstile';
-export { default as IconifyCollection, } from './IconifyCollection';
+export { default as IconifyCollection, } from './iconify-collection/IconifyCollection';

package/dist/components/button/Button.d.ts

@@ -3,13 +3,13 @@ import { ColorType, RadiusType } from '../types';
 export interface ButtonProps extends PrimitiveProps {
     color?: ColorType;
     radius?: RadiusType;
-    variant?: 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
+    variant?: 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
     size?: '1' | '2' | '3' | '4';
     highContrast?: boolean;
     disabled?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    variant: "solid" | "soft" | "surface" | "outline" | "ghost";
+    variant: "classic" | "solid" | "soft" | "surface" | "outline" | "ghost";
     size: "1" | "2" | "3" | "4";
     as: import('reka-ui').AsTag | import('vue').Component;
     highContrast: boolean;

package/dist/components/button/SocialButton.d.ts

@@ -0,0 +1,21 @@
+import { PrimitiveProps } from 'reka-ui';
+import { RadiusType } from '../types';
+type BrandType = 'google' | 'facebook' | 'x' | 'github' | 'apple' | 'slack' | 'figma';
+export interface ButtonProps extends PrimitiveProps {
+    brand: BrandType;
+    radius?: RadiusType;
+    size?: '1' | '2' | '3' | '4';
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+    size: "1" | "2" | "3" | "4";
+    as: import('reka-ui').AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/button/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Button, type ButtonProps, } from './Button';
 export { default as IconButton, } from './IconButton';
+export { default as SocialButton, } from './SocialButton';

package/dist/components/checkbox/CheckboxGroupRoot.d.ts

@@ -1,15 +1,9 @@
 import { Ref } from 'vue';
 import { PrimitiveProps } from 'reka-ui';
 export interface CheckboxGroupRootProps extends PrimitiveProps {
-    modelValue?: string[];
-    defaultValue?: string[];
     disabled?: boolean;
     name?: string;
 }
-export type CheckboxGroupRootEmits = {
-    /** Event handler called when the radio group value changes */
-    'update:modelValue': [payload: string[]];
-};
 interface CheckboxGroupRootContext {
     selected: Ref<string[]>;
     checked: Ref<boolean | 'indeterminate'>;
@@ -22,10 +16,14 @@ interface CheckboxGroupRootContext {
     name?: string;
 }
 export declare const injectCheckboxGroupRootContext: <T extends CheckboxGroupRootContext | null | undefined = CheckboxGroupRootContext>(fallback?: T | undefined) => T extends null ? CheckboxGroupRootContext | null : CheckboxGroupRootContext, provideCheckboxGroupRootContext: (contextValue: CheckboxGroupRootContext) => CheckboxGroupRootContext;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxGroupRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (payload: string[]) => any;
-}, string, import('vue').PublicProps, Readonly<CheckboxGroupRootProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: string[]) => any) | undefined;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue?: any[];
+} & CheckboxGroupRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: any[];
+} & CheckboxGroupRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/collapsible/CollapsibleContent.d.ts

@@ -0,0 +1,18 @@
+import { CollapsibleContentProps } from 'reka-ui';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/collapsible/index.d.ts

@@ -1,2 +1,2 @@
-export { CollapsibleRoot, CollapsibleContent, CollapsibleTrigger, } from 'reka-ui';
-export { default as CollapsibleChevron, } from './CollapsibleChevron';
+export { CollapsibleRoot, CollapsibleTrigger, } from 'reka-ui';
+export { default as CollapsibleContent, } from './CollapsibleContent';

package/dist/components/combobox/ComboboxRoot.d.ts

@@ -28,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     } | undefined) => any) | undefined;
 }>, {
     size: "1" | "2" | "3";
+    multiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/icon/ChevronIcon.d.ts

@@ -0,0 +1,7 @@
+export interface ChevronIconProps {
+    arrowTransform?: 'right-down' | 'right-up' | 'up-down' | 'down-up';
+}
+declare const _default: import('vue').DefineComponent<ChevronIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ChevronIconProps> & Readonly<{}>, {
+    arrowTransform: "right-down" | "right-up" | "up-down" | "down-up";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/icon/PlusMinusIcon.d.ts

@@ -0,0 +1,10 @@
+import { ColorType } from '../types';
+export interface PlusMinusIconProps {
+    color?: ColorType;
+    size?: '1' | '2' | '3' | '4';
+}
+declare const _default: import('vue').DefineComponent<PlusMinusIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PlusMinusIconProps> & Readonly<{}>, {
+    color: ColorType;
+    size: "1" | "2" | "3" | "4";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/icon/index.d.ts

@@ -1,3 +1,5 @@
 import { Icon } from '@iconify/vue';
 export { default as IconCircle, type IconCircleProps, } from './IconCircle';
+export { default as PlusMinusIcon, } from './PlusMinusIcon';
+export { default as ChevronIcon, } from './ChevronIcon';
 export { Icon };

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './select';
 export * from './combobox';
 export * from './radio';
 export * from './tabs';
+export * from './accordion';
 export * from './collapsible';
 export * from './pagination';
 export * from './table';

package/dist/components/inputs/ColorField.d.ts

@@ -1,15 +1,18 @@
 import { RadiusType } from '../types';
 export interface ColorFieldProps {
     id?: string;
-    modelValue?: string;
     variant?: 'solid' | 'outline';
     size?: '1' | '2' | '3';
     radius?: RadiusType;
 }
-declare const _default: import('vue').DefineComponent<ColorFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<ColorFieldProps> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: string;
+} & ColorFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string;
+} & ColorFieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     variant: "solid" | "outline";
     size: "1" | "2" | "3";

package/dist/components/inputs/TextArea.d.ts

@@ -1,17 +1,20 @@
 import { ColorType, RadiusType } from '../types';
 export interface TextAreaProps {
     class?: string;
-    modelValue?: string;
     size?: '1' | '2' | '3';
     variant?: 'surface' | 'soft';
     resize?: 'none' | 'vertical' | 'horizontal' | 'both';
     color?: ColorType;
     radius?: RadiusType;
 }
-declare const _default: import('vue').DefineComponent<TextAreaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<TextAreaProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: string;
+} & TextAreaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: string;
+} & TextAreaProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     variant: "surface" | "soft";
     size: "1" | "2" | "3";

package/dist/components/inputs/TextField.d.ts

@@ -2,17 +2,20 @@ import { ColorType, RadiusType } from '../types';
 export interface TextFieldProps {
     id?: string;
     class?: string;
-    modelValue?: string | number;
     size?: '1' | '2' | '3';
     variant?: 'surface' | 'soft';
     color?: ColorType;
     radius?: RadiusType;
     type?: 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | 'file';
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TextFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<TextFieldProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue?: any;
+} & TextFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: any;
+} & TextFieldProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     variant: "surface" | "soft";
     size: "1" | "2" | "3";

package/dist/components/pagination/Pagination.d.ts

@@ -1,16 +1,19 @@
 import { ButtonProps } from '../button/Button';
 export interface PaginationProps extends ButtonProps {
     total: number;
-    page: number;
     perpage?: number;
     edge?: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:page": (args_0: number) => any;
-}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
-    "onUpdate:page"?: ((args_0: number) => any) | undefined;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    page: number;
+} & PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    page: number;
+} & PaginationProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
-    variant: "solid" | "soft" | "surface" | "outline" | "ghost";
+    variant: "classic" | "solid" | "soft" | "surface" | "outline" | "ghost";
     size: "1" | "2" | "3" | "4";
     perpage: number;
     edge: number;

package/dist/components/radio/Radio.d.ts

@@ -1,15 +1,18 @@
 import { ColorType } from '../types';
 export interface RadioProps {
-    modelValue?: string;
     color?: ColorType;
     size?: '1' | '2' | '3';
     variant?: 'surface' | 'soft';
     highContrast?: boolean;
 }
-declare const _default: import('vue').DefineComponent<RadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<RadioProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+declare const _default: import('vue').DefineComponent<{
+    modelValue?: any;
+} & RadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: any;
+} & RadioProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     variant: "surface" | "soft";
     size: "1" | "2" | "3";

package/dist/components/select/SelectTrigger.d.ts

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

package/dist/components/tabs/TabsList.d.ts

@@ -1,8 +1,6 @@
 import { ColorType } from '../types';
 export interface TabsListProps {
     size?: '1' | '2';
-    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-    justify?: 'start' | 'center' | 'end';
     color?: ColorType;
     highContrast?: boolean;
 }