@returnless/focus-ui 0.0.20 → 0.0.21

package/dist/components/ActionList/ActionListItem.vue.d.ts

@@ -1,24 +1,28 @@
 import { ButtonVariant } from '../Button';
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Whether the action list item is active. */
     active?: boolean | undefined;
     /** The icon to display next to the action list item. */
-    icon: () => void | null;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null | undefined;
     variant?: ButtonVariant | undefined;
 }>, {
     active: boolean;
+    icon: null;
     variant: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Whether the action list item is active. */
     active?: boolean | undefined;
     /** The icon to display next to the action list item. */
-    icon: () => void | null;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null | undefined;
     variant?: ButtonVariant | undefined;
 }>, {
     active: boolean;
+    icon: null;
     variant: string;
 }>>>, {
     variant: ButtonVariant;
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null;
     active: boolean;
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** The size of the avatar */
-    size?: "sm" | "xl" | "xs" | "md" | "lg" | undefined;
+    size?: "sm" | "lg" | "xl" | "xs" | "md" | undefined;
     /** The name of the person, company or entity */
     name?: string | undefined;
     /** Initials of person to display. */
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     accessibilityLabel: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** The size of the avatar */
-    size?: "sm" | "xl" | "xs" | "md" | "lg" | undefined;
+    size?: "sm" | "lg" | "xl" | "xs" | "md" | undefined;
     /** The name of the person, company or entity */
     name?: string | undefined;
     /** Initials of person to display. */
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     source: string;
     name: string;
-    size: "sm" | "xl" | "xs" | "md" | "lg";
+    size: "sm" | "lg" | "xl" | "xs" | "md";
     accessibilityLabel: string | null;
     initials: string | null;
 }, {}>;

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The color of the badge. */
     color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
     /** The size of the badge */
-    size?: "sm" | "xl" | "md" | "lg" | undefined;
+    size?: "sm" | "lg" | "xl" | "md" | undefined;
 }>, {
     accessibilityLabel: null;
     size: string;
@@ -14,12 +14,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The color of the badge. */
     color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
     /** The size of the badge */
-    size?: "sm" | "xl" | "md" | "lg" | undefined;
+    size?: "sm" | "lg" | "xl" | "md" | undefined;
 }>, {
     accessibilityLabel: null;
     size: string;
 }>>>, {
-    size: "sm" | "xl" | "md" | "lg";
+    size: "sm" | "lg" | "xl" | "md";
     accessibilityLabel: string | null;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/Card/CardIcon.vue.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    /** The alt text of the image. */
+    alt: string;
+    /** The source of the media. */
+    source: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    /** The alt text of the image. */
+    alt: string;
+    /** The source of the media. */
+    source: string;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -3,6 +3,7 @@ export { default as CardDescription } from './CardDescription.vue';
 export { default as CardFooter } from './CardFooter.vue';
 export { default as CardHeader } from './CardHeader.vue';
 export { default as CardHelp } from './CardHelp.vue';
+export { default as CardIcon } from './CardIcon.vue';
 export { default as CardLayout } from './CardLayout.vue';
 export { default as CardMedia } from './CardMedia.vue';
 export { default as CardSection } from './CardSection.vue';

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

@@ -8,23 +8,23 @@ declare let __VLS_typeProps: {
     /** Whether the label is hidden. */
     labelHidden?: boolean;
     /** The value of the checkbox. */
-    value: any;
+    value: string | number;
 };
 type __VLS_PublicProps = {
-    modelValue?: boolean | boolean[];
+    modelValue?: boolean | Array<string | number>;
 } & typeof __VLS_typeProps;
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     id: null;
     helpText: null;
     labelHidden: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean | boolean[]) => void;
+    "update:modelValue": (modelValue: boolean | (string | number)[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     id: null;
     helpText: null;
     labelHidden: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: ((modelValue: boolean | boolean[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean | (string | number)[]) => any) | undefined;
 }, {
     id: string | null;
     labelHidden: boolean;

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

@@ -0,0 +1,55 @@
+declare let __VLS_typeProps: {
+    /** The error to display below the input. */
+    error?: string | null;
+    /** The help text to display below the input. */
+    helpText?: string | null;
+    /** The ID of the input the label is associated with. */
+    id?: string | null;
+    /** The label text. */
+    label: string;
+    /** Whether the label is hidden. */
+    labelHidden?: boolean;
+    /** The name of the input. */
+    name: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    error: null;
+    helpText: null;
+    id: null;
+    labelHidden: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    error: null;
+    helpText: null;
+    id: null;
+    labelHidden: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}, {
+    id: string | null;
+    error: string | null;
+    labelHidden: boolean;
+    helpText: string | null;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as ColorInput } from './ColorInput.vue';

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

@@ -1,9 +1,9 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    columns: number;
+    columns?: number | undefined;
 }>, {
     columns: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    columns: number;
+    columns?: number | undefined;
 }>, {
     columns: number;
 }>>>, {

package/dist/components/Heading/types.d.ts

@@ -1,2 +1,2 @@
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export type HeadingSize = 'xl' | '2xl';
+export type HeadingSize = 'lg' | 'xl' | '2xl';

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

@@ -9,18 +9,18 @@ declare let __VLS_typeProps: {
     value: any;
 };
 type __VLS_PublicProps = {
-    modelValue?: boolean;
+    modelValue?: boolean | string;
 } & typeof __VLS_typeProps;
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     id: null;
     helpText: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => void;
+    "update:modelValue": (modelValue: string | boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     id: null;
     helpText: null;
 }>>> & {
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: string | boolean) => any) | undefined;
 }, {
     id: string | null;
     helpText: string | null;

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The color of the badge. */
     color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
     /** The size of the status-indicator. */
-    size: "default" | "small";
+    size?: "default" | "small" | undefined;
 }>, {
     accessibilityLabel: null;
     size: string;
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The color of the badge. */
     color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
     /** The size of the status-indicator. */
-    size: "default" | "small";
+    size?: "default" | "small" | undefined;
 }>, {
     accessibilityLabel: null;
     size: string;

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

@@ -1,6 +1,4 @@
 export { default as TopBar } from './TopBar.vue';
 export { default as TopBarLogo } from './TopBarLogo.vue';
 export { default as TopBarNavigation } from './TopBarNavigation.vue';
-export { default as TopBarNavigationItem } from './TopBarNavigationItem.vue';
 export { default as TopBarSearch } from './TopBarSearch.vue';
-export { default as TopBarUserMenu } from './TopBarUserMenu.vue';

package/dist/components/index.d.ts

@@ -8,9 +8,10 @@ export { Badge, BadgeContent, BadgeIcon } from './Badge';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './Breadcrumbs';
 export { type ButtonVariant, Button, ButtonBadge, ButtonContent, ButtonIcon, } from './Button';
 export { ButtonGroup } from './ButtonGroup';
-export { Card, CardDescription, CardFooter, CardHeader, CardHelp, CardLayout, CardMedia, CardSection, CardTitle, } from './Card';
+export { Card, CardDescription, CardFooter, CardHeader, CardHelp, CardIcon, CardLayout, CardMedia, CardSection, CardTitle, } from './Card';
 export { Checkbox } from './Checkbox';
 export { Collapsible } from './Collapsible';
+export { ColorInput } from './ColorInput';
 export { DataList, DataListContent, DataListItem, DataListItemLine, } from './DataList';
 export { DatePicker, DatePickerCard, } from './DatePicker';
 export { DescriptionList, DescriptionListDescription, DescriptionListItem, DescriptionListTerm, } from './DescriptionList';
@@ -51,5 +52,5 @@ export { TextStyle } from './TextStyle';
 export { Toast, ToastGroup } from './Toast';
 export { Toggle } from './Toggle';
 export { Tooltip } from './Tooltip';
-export { TopBar, TopBarLogo, TopBarNavigation, TopBarNavigationItem, TopBarSearch, TopBarUserMenu, } from './TopBar';
+export { TopBar, TopBarLogo, TopBarNavigation, TopBarSearch, } from './TopBar';
 export { VisuallyHidden } from './VisuallyHidden';