@returnless/focus-ui 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/focus-ui.js +5422 -5305
  2. package/dist/focus-ui.umd.cjs +27 -27
  3. package/dist/src/components/Accordion/stories/Accordion.vue.d.ts +1 -1
  4. package/dist/src/components/AlertDialog/AlertDialogContent.vue.d.ts +3 -1
  5. package/dist/src/components/AspectRatio/stories/AspectRatio.vue.d.ts +1 -1
  6. package/dist/src/components/Avatar/stories/Avatar.vue.d.ts +1 -1
  7. package/dist/src/components/Badge/stories/Badge.vue.d.ts +1 -1
  8. package/dist/src/components/BarChart/BarChart.vue.d.ts +3 -5
  9. package/dist/src/components/BarChart/BarChartLegend.vue.d.ts +2 -4
  10. package/dist/src/components/BarChart/BarChartTooltip.vue.d.ts +2 -4
  11. package/dist/src/components/ButtonGroup/stories/ButtonGroup.vue.d.ts +1 -1
  12. package/dist/src/components/Card/CardHelp.vue.d.ts +8 -18
  13. package/dist/src/components/Card/CardTitle.vue.d.ts +1 -4
  14. package/dist/src/components/Card/index.d.ts +1 -1
  15. package/dist/src/components/Checkbox/Checkbox.vue.d.ts +3 -1
  16. package/dist/src/components/DataList/DataList.vue.d.ts +3 -1
  17. package/dist/src/components/DataTable/DataTable.vue.d.ts +4 -6
  18. package/dist/src/components/DataTable/DataTableCell.vue.d.ts +4 -6
  19. package/dist/src/components/DataTable/DataTableRoot.vue.d.ts +3 -5
  20. package/dist/src/components/Dialog/DialogContent.vue.d.ts +3 -1
  21. package/dist/src/components/Drawer/DrawerContent.vue.d.ts +3 -1
  22. package/dist/src/components/DropZone/DropZone.vue.d.ts +3 -1
  23. package/dist/src/components/FileField/FileField.vue.d.ts +46 -0
  24. package/dist/src/components/FileField/index.d.ts +1 -0
  25. package/dist/src/components/HelpText/HelpText.vue.d.ts +17 -0
  26. package/dist/src/components/HelpText/index.d.ts +1 -0
  27. package/dist/src/components/IntegrationConnection/IntegrationConnection.vue.d.ts +16 -1
  28. package/dist/src/components/Page/Page.vue.d.ts +1 -1
  29. package/dist/src/components/Page/PageHeader.vue.d.ts +1 -1
  30. package/dist/src/components/PinInput/PinInput.vue.d.ts +3 -1
  31. package/dist/src/components/Popper/Popper.vue.d.ts +3 -1
  32. package/dist/src/components/TextField/TextField.vue.d.ts +5 -6
  33. package/dist/src/components/index.d.ts +2 -0
  34. package/dist/style.css +1 -1
  35. package/package.json +11 -11
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -9,7 +9,9 @@ declare function __VLS_template(): {
9
9
  rootEl: HTMLDivElement;
10
10
  };
11
11
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
- declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
12
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
13
+ clickOutsideTarget: HTMLDivElement;
14
+ }, HTMLDivElement>;
13
15
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
16
  export default _default;
15
17
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -1,6 +1,6 @@
1
1
  import { type BarChartCategory } from './types';
2
2
  declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & {
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
4
4
  /** Select the categories from your data. Used to populate the legend and tooltip. */
5
5
  categories: BarChartCategory<T>[];
6
6
  /** The source data, in which each entry is a dictionary. */
@@ -9,14 +9,12 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
9
9
  labelAccessorKey: keyof T;
10
10
  /** Sets the bar chart to stacked mode. */
11
11
  stacked?: boolean;
12
- }> & import("vue").PublicProps;
12
+ } & Partial<{}>> & import("vue").PublicProps;
13
13
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
14
14
  attrs: any;
15
15
  slots: {};
16
16
  emit: {};
17
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
18
- [key: string]: any;
19
- }> & {
17
+ }>) => import("vue").VNode & {
20
18
  __ctx?: Awaited<typeof __VLS_setup>;
21
19
  };
22
20
  export default _default;
@@ -1,12 +1,10 @@
1
1
  declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
2
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & {}> & import("vue").PublicProps;
2
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {} & Partial<{}>> & import("vue").PublicProps;
3
3
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
4
4
  attrs: any;
5
5
  slots: {};
6
6
  emit: {};
7
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
8
- [key: string]: any;
9
- }> & {
7
+ }>) => import("vue").VNode & {
10
8
  __ctx?: Awaited<typeof __VLS_setup>;
11
9
  };
12
10
  export default _default;
@@ -1,15 +1,13 @@
1
1
  import { Ref } from 'vue';
2
2
  declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & {}> & import("vue").PublicProps;
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {} & Partial<{}>> & import("vue").PublicProps;
4
4
  expose(exposed: import("vue").ShallowUnwrapRef<{
5
5
  $tooltip: Ref<HTMLElement | undefined, HTMLElement | undefined>;
6
6
  }>): void;
7
7
  attrs: any;
8
8
  slots: {};
9
9
  emit: {};
10
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
11
- [key: string]: any;
12
- }> & {
10
+ }>) => import("vue").VNode & {
13
11
  __ctx?: Awaited<typeof __VLS_setup>;
14
12
  };
15
13
  export default _default;
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -1,20 +1,10 @@
1
- type __VLS_Props = {
1
+ export interface CardHelpProps {
2
+ label: string;
3
+ href?: string;
4
+ onClick?: () => void;
5
+ }
6
+ declare const _default: import("vue").DefineComponent<CardHelpProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardHelpProps> & Readonly<{}>, {
7
+ onClick: () => void;
2
8
  href: string;
3
- };
4
- declare function __VLS_template(): {
5
- attrs: Partial<{}>;
6
- slots: {
7
- default?(_: {}): any;
8
- };
9
- refs: {};
10
- rootEl: any;
11
- };
12
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
- declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
9
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
10
  export default _default;
16
- type __VLS_WithTemplateSlots<T, S> = T & {
17
- new (): {
18
- $slots: S;
19
- };
20
- };
@@ -1,7 +1,4 @@
1
- type CardHelpProps = {
2
- label: string;
3
- href: string;
4
- };
1
+ import { CardHelpProps } from './';
5
2
  type __VLS_Props = {
6
3
  cardHelp?: CardHelpProps | null;
7
4
  };
@@ -2,7 +2,7 @@ export { default as Card } from './Card.vue';
2
2
  export { default as CardDescription } from './CardDescription.vue';
3
3
  export { default as CardFooter } from './CardFooter.vue';
4
4
  export { default as CardHeader } from './CardHeader.vue';
5
- export { default as CardHelp } from './CardHelp.vue';
5
+ export { default as CardHelp, type CardHelpProps } from './CardHelp.vue';
6
6
  export { default as CardIcon } from './CardIcon.vue';
7
7
  export { default as CardLayout } from './CardLayout.vue';
8
8
  export { default as CardMedia } from './CardMedia.vue';
@@ -23,5 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
23
23
  id: string | null;
24
24
  labelHidden: boolean;
25
25
  helpText: string | null;
26
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
27
+ $checkboxElement: HTMLInputElement;
28
+ }, HTMLDivElement>;
27
29
  export default _default;
@@ -18,7 +18,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
18
18
  onSort?: ((args_0: string[]) => any) | undefined;
19
19
  }>, {
20
20
  sortable: boolean;
21
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLUListElement>;
21
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
22
+ $list: HTMLUListElement;
23
+ }, HTMLUListElement>;
22
24
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
23
25
  export default _default;
24
26
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,15 +1,13 @@
1
1
  import { RowDef } from './types';
2
2
  declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & {}> & import("vue").PublicProps;
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {} & Partial<{}>> & import("vue").PublicProps;
4
4
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
5
5
  attrs: any;
6
- slots: Partial<Record<NonNullable<import("vue").UnwrapRef<keyof T>>, (_: {
7
- row: import("vue").Reactive<RowDef<T>>;
6
+ slots: Partial<Record<NonNullable<keyof T>, (_: {
7
+ row: RowDef<T>;
8
8
  }) => any>>;
9
9
  emit: {};
10
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
11
- [key: string]: any;
12
- }> & {
10
+ }>) => import("vue").VNode & {
13
11
  __ctx?: Awaited<typeof __VLS_setup>;
14
12
  };
15
13
  export default _default;
@@ -1,18 +1,16 @@
1
- import { ColumnDef } from './types';
1
+ import { ColumnDef } from '@/components/DataTable/types';
2
2
  declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & {
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
4
4
  as?: "th" | "td";
5
5
  column: ColumnDef<T>;
6
- }> & import("vue").PublicProps;
6
+ } & Partial<{}>> & import("vue").PublicProps;
7
7
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
8
8
  attrs: any;
9
9
  slots: {
10
10
  default?(_: {}): any;
11
11
  };
12
12
  emit: {};
13
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
14
- [key: string]: any;
15
- }> & {
13
+ }>) => import("vue").VNode & {
16
14
  __ctx?: Awaited<typeof __VLS_setup>;
17
15
  };
18
16
  export default _default;
@@ -1,18 +1,16 @@
1
1
  import type { ColumnDef } from './types';
2
2
  declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
- props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & {
3
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
4
4
  columns: ColumnDef<T>[];
5
5
  rows: T[];
6
- }> & import("vue").PublicProps;
6
+ } & Partial<{}>> & import("vue").PublicProps;
7
7
  expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
8
8
  attrs: any;
9
9
  slots: {
10
10
  default?(_: {}): any;
11
11
  };
12
12
  emit: {};
13
- }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
14
- [key: string]: any;
15
- }> & {
13
+ }>) => import("vue").VNode & {
16
14
  __ctx?: Awaited<typeof __VLS_setup>;
17
15
  };
18
16
  export default _default;
@@ -9,7 +9,9 @@ declare function __VLS_template(): {
9
9
  rootEl: HTMLDivElement;
10
10
  };
11
11
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
- declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
12
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
13
+ target: HTMLDivElement;
14
+ }, HTMLDivElement>;
13
15
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
16
  export default _default;
15
17
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -9,7 +9,9 @@ declare function __VLS_template(): {
9
9
  rootEl: HTMLDivElement;
10
10
  };
11
11
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
- declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
12
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
13
+ target: HTMLDivElement;
14
+ }, HTMLDivElement>;
13
15
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
16
  export default _default;
15
17
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -18,5 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
18
18
  }>, {
19
19
  multiple: boolean;
20
20
  accepts: FileAccepts;
21
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLButtonElement>;
21
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
22
+ dropZoneRef: HTMLButtonElement;
23
+ }, HTMLButtonElement>;
22
24
  export default _default;
@@ -0,0 +1,46 @@
1
+ type FileAccepts = 'image' | 'video' | 'document';
2
+ type __VLS_Props = {
3
+ /** Whether the input is disabled. */
4
+ disabled?: boolean;
5
+ /** The error to display below the input. */
6
+ error?: string | null;
7
+ /** The help text to display below the input. */
8
+ helpText?: string | null;
9
+ /** The ID of the input the label is associated with. */
10
+ id?: string | null;
11
+ /** The label text. */
12
+ label: string;
13
+ /** Whether the label is hidden. */
14
+ labelHidden?: boolean;
15
+ /** The accept attribute for file inputs. */
16
+ accept?: FileAccepts | FileAccepts[];
17
+ /** The name of the input. */
18
+ name: string;
19
+ /** Whether the input accepts multiple files. */
20
+ multiple?: boolean;
21
+ /** Whether the input is required. */
22
+ required?: boolean;
23
+ /** The maximum file size in megabytes. */
24
+ filesizeLimit?: number;
25
+ };
26
+ type __VLS_PublicProps = {
27
+ modelValue: File | File[] | null;
28
+ } & __VLS_Props;
29
+ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
+ "update:modelValue": (value: File | File[] | null) => any;
31
+ filesizeExceeded: () => any;
32
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
33
+ "onUpdate:modelValue"?: ((value: File | File[] | null) => any) | undefined;
34
+ onFilesizeExceeded?: (() => any) | undefined;
35
+ }>, {
36
+ error: string | null;
37
+ id: string | null;
38
+ required: boolean;
39
+ disabled: boolean;
40
+ labelHidden: boolean;
41
+ helpText: string | null;
42
+ multiple: boolean;
43
+ accept: FileAccepts | FileAccepts[];
44
+ filesizeLimit: number;
45
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
46
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as FileField } from './FileField.vue';
@@ -0,0 +1,17 @@
1
+ declare function __VLS_template(): {
2
+ attrs: Partial<{}>;
3
+ slots: {
4
+ default?(_: {}): any;
5
+ };
6
+ refs: {};
7
+ rootEl: HTMLParagraphElement;
8
+ };
9
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLParagraphElement>;
11
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
12
+ export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -0,0 +1 @@
1
+ export { default as HelpText } from './HelpText.vue';
@@ -1,2 +1,17 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
1
+ declare function __VLS_template(): {
2
+ attrs: Partial<{}>;
3
+ slots: {
4
+ default?(_: {}): any;
5
+ };
6
+ refs: {};
7
+ rootEl: HTMLDivElement;
8
+ };
9
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
11
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
2
12
  export default _default;
13
+ type __VLS_WithTemplateSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -8,7 +8,7 @@ type __VLS_Props = {
8
8
  declare function __VLS_template(): {
9
9
  attrs: Partial<{}>;
10
10
  slots: {
11
- "page-navigation"?(_: {}): any;
11
+ 'page-navigation'?(_: {}): any;
12
12
  default?(_: {}): any;
13
13
  };
14
14
  refs: {};
@@ -10,7 +10,7 @@ declare function __VLS_template(): {
10
10
  attrs: Partial<{}>;
11
11
  slots: {
12
12
  default?(_: {}): any;
13
- "page-header-actions"?(_: {}): any;
13
+ 'page-header-actions'?(_: {}): any;
14
14
  };
15
15
  refs: {};
16
16
  rootEl: HTMLDivElement;
@@ -7,5 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
7
7
  onComplete?: ((args_0: string) => any) | undefined;
8
8
  }>, {
9
9
  inputs: number;
10
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
10
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
11
+ $otpInput: HTMLInputElement[];
12
+ }, HTMLDivElement>;
11
13
  export default _default;
@@ -23,7 +23,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
23
23
  trigger: "click" | "hover" | "manual";
24
24
  timeout: number;
25
25
  open: boolean;
26
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
27
+ $popperWrapper: HTMLSpanElement;
28
+ }, HTMLSpanElement>;
27
29
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
30
  export default _default;
29
31
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -24,8 +24,6 @@ type __VLS_Props = {
24
24
  labelHidden?: boolean;
25
25
  /** Whether the input is a textarea. */
26
26
  multiline?: boolean;
27
- /** The accept attribute for file inputs. */
28
- accept?: string;
29
27
  /** Whether the password should be revealed. */
30
28
  passwordReveal?: boolean;
31
29
  /** The name of the input. */
@@ -37,7 +35,7 @@ type __VLS_Props = {
37
35
  /** Whether the input is required. */
38
36
  required?: boolean;
39
37
  /** The type of the input. */
40
- type?: 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency' | 'file';
38
+ type?: 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
41
39
  /** The maximum number of characters allowed in the input. */
42
40
  maxLength?: number | null;
43
41
  };
@@ -50,7 +48,7 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
50
48
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
51
49
  }>, {
52
50
  error: string | null;
53
- type: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency" | "file";
51
+ type: "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week" | "currency";
54
52
  id: string | null;
55
53
  required: boolean;
56
54
  as: AsTag | Component | null;
@@ -61,9 +59,10 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
61
59
  autoComplete: string | null;
62
60
  helpText: string | null;
63
61
  multiline: boolean;
64
- accept: string;
65
62
  passwordReveal: boolean;
66
63
  readonly: boolean;
67
64
  maxLength: number | null;
68
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
65
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
66
+ $inputElement: unknown;
67
+ }, HTMLDivElement>;
69
68
  export default _default;
@@ -26,10 +26,12 @@ export * from './DropZone';
26
26
  export * from './EmptyState';
27
27
  export * from './FeatureList';
28
28
  export * from './Feed';
29
+ export * from './FileField';
29
30
  export * from './FileUploadButton';
30
31
  export * from './Form';
31
32
  export * from './FormLayout';
32
33
  export * from './Heading';
34
+ export * from './HelpText';
33
35
  export * from './Image';
34
36
  export * from './InertiaLink';
35
37
  export * from './InlineError';
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root{--grid-gap: 1.5rem}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-color:currentColor;background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}._visuallyHidden_o6qmb_6{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}.shake{animation:horizontal-shaking .25s infinite}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.chosen[data-v-af1d3709]{opacity:1;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ghost[data-v-af1d3709]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.ghost[data-v-af1d3709]:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.nested-enter-active,.nested-leave-active{transition:all .2s ease-in-out}.nested-enter-active .background,.nested-leave-active .background{transition:all .2s linear}.nested-enter-from .background,.nested-leave-to .background{opacity:0}.nested-enter-active .drawer,.nested-leave-active .drawer{transition:all .15s ease-out}.nested-enter-from .drawer,.nested-leave-to .drawer{transform:translate(120%)}input[type=number][data-v-38bdd63a]::-webkit-inner-spin-button,input[type=number][data-v-38bdd63a]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
1
+ :root{--grid-gap: 1.5rem}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-color:currentColor;background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}._visuallyHidden_o6qmb_6{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}.shake{animation:horizontal-shaking .25s infinite}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}.chosen[data-v-af1d3709]{opacity:1;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ghost[data-v-af1d3709]{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.ghost[data-v-af1d3709]:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.nested-enter-active,.nested-leave-active{transition:all .2s ease-in-out}.nested-enter-active .background,.nested-leave-active .background{transition:all .2s linear}.nested-enter-from .background,.nested-leave-to .background{opacity:0}.nested-enter-active .drawer,.nested-leave-active .drawer{transition:all .15s ease-out}.nested-enter-from .drawer,.nested-leave-to .drawer{transform:translate(120%)}input[type=number][data-v-38bdd63a]::-webkit-inner-spin-button,input[type=number][data-v-38bdd63a]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@returnless/focus-ui",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -20,16 +20,16 @@
20
20
  "@floating-ui/vue": "^1.0.6",
21
21
  "@heroicons/vue": "^2.2.0",
22
22
  "@inertiajs/vue3": "^1.1.0",
23
- "@internationalized/date": "^3.5.5",
24
- "@stylistic/eslint-plugin": "^2.11.0",
23
+ "@internationalized/date": "^3.7.0",
24
+ "@stylistic/eslint-plugin": "^2.12.1",
25
25
  "@tailwindcss/typography": "^0.5.13",
26
26
  "@testing-library/jest-dom": "^6.6.3",
27
27
  "@testing-library/vue": "^8.1.0",
28
28
  "@types/jest-axe": "^3.5.9",
29
- "@types/node": "^22.9.0",
29
+ "@types/node": "^22.10.7",
30
30
  "@types/sortablejs": "^1.15.8",
31
31
  "@typescript-eslint/eslint-plugin": "^7.11.0",
32
- "@vitejs/plugin-vue": "^5.2.0",
32
+ "@vitejs/plugin-vue": "^5.2.1",
33
33
  "@vitest/coverage-istanbul": "^2.1.8",
34
34
  "@vue/test-utils": "^2.4.6",
35
35
  "@vueuse/core": "^11.2.0",
@@ -38,22 +38,22 @@
38
38
  "dayjs": "^1.11.11",
39
39
  "eslint": "^8.57.0",
40
40
  "eslint-plugin-tailwindcss": "^3.17.5",
41
- "eslint-plugin-vue": "^9.31.0",
41
+ "eslint-plugin-vue": "^9.32.0",
42
42
  "front-matter": "^4.0.2",
43
43
  "jest-axe": "^9.0.0",
44
- "jsdom": "^25.0.0",
44
+ "jsdom": "^26.0.0",
45
45
  "postcss": "^8.4.49",
46
- "radix-vue": "^1.9.10",
46
+ "radix-vue": "^1.9.12",
47
47
  "rimraf": "^6.0.1",
48
- "sortablejs": "^1.15.2",
48
+ "sortablejs": "^1.15.6",
49
49
  "tailwindcss": "^3.4.17",
50
- "typescript": "^5.6.3",
50
+ "typescript": "^5.7.2",
51
51
  "vite": "^5.4.11",
52
52
  "vitepress": "^1.5.0",
53
53
  "vitest": "^2.0.5",
54
54
  "vitest-canvas-mock": "^0.3.3",
55
55
  "vue-component-meta": "^2.1.10",
56
- "vue-tsc": "^2.1.10"
56
+ "vue-tsc": "^2.2.0"
57
57
  },
58
58
  "files": [
59
59
  "dist"