@returnless/focus-ui 0.0.59 → 0.0.60

package/dist/src/components/ActionField/ActionField.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    /** The label for the input field. */
+    label?: string | null;
+    /** The id of the input field. */
+    labelFor?: string | null;
+    /** The error message for the input field. */
+    error?: string | null;
+    /** The helper text for the input field. */
+    helpText?: string | null;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Record<string, any>> & Record<string, any>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    error: string | null;
+    label: string | null;
+    labelFor: string | null;
+    helpText: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/src/components/ActionField/index.d.ts

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

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

@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
 }>, {
     id: string | null;
-    labelHidden: boolean;
     helpText: string | null;
+    labelHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
     $checkboxElement: HTMLInputElement;
 }, HTMLDivElement>;

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

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     error: string | null;
     id: string | null;
-    disabled: boolean;
-    labelHidden: boolean;
     helpText: string | null;
+    labelHidden: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/FileField/FileField.vue.d.ts

@@ -35,10 +35,10 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     error: string | null;
     id: string | null;
+    helpText: string | null;
+    labelHidden: boolean;
     required: boolean;
     disabled: boolean;
-    labelHidden: boolean;
-    helpText: string | null;
     multiple: boolean;
     accept: FileAccepts | FileAccepts[];
     filesizeLimit: number;

package/dist/src/components/InputLabel/InputLabel.vue.d.ts

@@ -1,4 +1,6 @@
+import { HTMLAttributes } from 'vue';
 type __VLS_Props = {
+    class?: HTMLAttributes['class'];
     /** The label text. */
     label: string;
     /** The ID of the input the label is associated with. */
@@ -7,6 +9,7 @@ type __VLS_Props = {
     labelHidden?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: HTMLAttributes["class"];
     labelHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/Select/Select.vue.d.ts

@@ -39,11 +39,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }>, {
     error: string | null;
     id: string | null;
+    helpText: string | null;
+    labelHidden: boolean;
     required: boolean;
     disabled: boolean;
-    labelHidden: boolean;
     placeholder: string | null;
-    helpText: string | null;
     readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/TextField/TextField.vue.d.ts

@@ -1,4 +1,4 @@
-import { type FunctionalComponent, type HTMLAttributes, type VNodeProps, type Component } from 'vue';
+import { type Component, type FunctionalComponent, type HTMLAttributes, type VNodeProps } from 'vue';
 import { type AsTag } from 'reka-ui';
 type __VLS_Props = {
     /**
@@ -50,19 +50,17 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     error: string | null;
     type: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
     id: string | null;
+    helpText: string | null;
+    labelHidden: boolean;
     required: boolean;
     as: AsTag | Component | null;
     disabled: boolean;
     icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
-    labelHidden: boolean;
     placeholder: string | null;
     autoComplete: string | null;
-    helpText: string | null;
     multiline: boolean;
     passwordReveal: boolean;
     readonly: boolean;
     maxLength: number | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-    $inputElement: unknown;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/TextField/TextFieldInput.vue.d.ts

@@ -0,0 +1,61 @@
+import { type Component, FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+import { type AsTag } from 'reka-ui';
+type __VLS_Props = {
+    /**
+     * The element or component this component should render as. Can be overwrite by `asChild`
+     * @defaultValue "div"
+     */
+    as?: AsTag | Component | null;
+    /** The placeholder text. */
+    placeholder?: string | null;
+    /** Whether the password should be revealed. */
+    passwordReveal?: boolean;
+    /** The name of the input. */
+    name: string;
+    /** Enable automatic completion by the browser. Set to "off" when you do not want the browser to fill in info */
+    autoComplete?: string | null;
+    /** Whether the input is a textarea. */
+    multiline?: boolean;
+    /** The type of the input. */
+    type?: 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
+    /** The ID of the input the label is associated with. */
+    id?: string | null;
+    /** The error to display below the input. */
+    error?: string | null;
+    /** Whether the input is disabled. */
+    disabled?: boolean;
+    /** Whether the input is read-only. */
+    readonly?: boolean;
+    /** Whether the input is required. */
+    required?: boolean;
+    /** The maximum number of characters allowed in the input. */
+    maxLength?: number | null;
+    /** The icon to display inside the input. */
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps> | string | undefined;
+};
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "character-count": (count: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onCharacter-count"?: ((count: number) => any) | undefined;
+}>, {
+    error: string | null;
+    type: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
+    id: string | null;
+    required: boolean;
+    as: AsTag | Component | null;
+    disabled: boolean;
+    icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
+    placeholder: string | null;
+    autoComplete: string | null;
+    passwordReveal: boolean;
+    readonly: boolean;
+    maxLength: number | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    $inputElement: unknown;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/components/TextField/index.d.ts

@@ -1 +1,2 @@
 export { default as TextField } from './TextField.vue';
+export { default as TextFieldInput } from './TextFieldInput.vue';

package/dist/src/components/TextField/styles.d.ts

@@ -0,0 +1,25 @@
+export declare const textFieldStyles: import("tailwind-variants").TVReturnType<{
+    withIcon: {
+        true: string;
+    };
+    error: {
+        true: (string | string[])[];
+        false: string | string[];
+    };
+}, undefined, string[], {
+    withIcon: {
+        true: string;
+    };
+    error: {
+        true: (string | string[])[];
+        false: string | string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    withIcon: {
+        true: string;
+    };
+    error: {
+        true: (string | string[])[];
+        false: string | string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/src/components/Toggle/Toggle.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     id: string | null;
-    disabled: boolean;
     helpText: string | null;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,4 +1,5 @@
 export * from './Accordion';
+export * from './ActionField';
 export * from './ActionList';
 export * from './Alert';
 export * from './AlertDialog';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "license": "MIT",
   "type": "module",
   "scripts": {