@pantograph/vue 0.34.16 → 0.34.18

package/dist/components/ActionButton/ActionButton.d.ts

@@ -48,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ac
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;

package/dist/components/Alert/Alert.d.ts

@@ -1,10 +1,12 @@
 import { AlertType } from './Alert.model';
 import { LinkProps } from '../Link';
 import { ClassValue } from 'clsx';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the Alert component
  */
 export interface AlertProps {
+    dir?: Direction;
     /**
      * The type of alert which determines its color and icon
      * @default 'hint'

package/dist/components/AlertDialog/ConfirmDialog.d.ts

@@ -1,6 +1,6 @@
 import { AlertDialogProps, AlertDialogSlots } from './AlertDialog';
 import { ConfigProviderProps } from '../ConfigProvider';
-export interface ConfirmDialogProps extends Omit<AlertDialogProps, 'title' | 'description' | 'screen'>, Omit<AlertDialogSlots, 'title' | 'description'> {
+export interface ConfirmDialogProps extends Omit<AlertDialogProps, 'title' | 'description' | 'screen' | 'to'>, Omit<AlertDialogSlots, 'title' | 'description'> {
     config?: ConfigProviderProps;
     title: AlertDialogProps['title'] | AlertDialogSlots['title'];
     description: AlertDialogProps['description'] | AlertDialogSlots['description'];

package/dist/components/AlertDialog/useAlertDialog.d.ts

@@ -1,13 +1,14 @@
 import { ConfirmDialogProps } from './ConfirmDialog';
 import { AlertDialogEmits } from './AlertDialog';
 import { EmitToProp } from '@pantograph/utils-vue';
+import { ConfigProviderProps } from '../ConfigProvider';
 type PropEmits = {
     [K in keyof AlertDialogEmits as EmitToProp<K>]?: (...params: AlertDialogEmits[K]) => void;
 };
 interface CreateAlertDialogParams extends ConfirmDialogProps, PropEmits {
     appContext?: any;
 }
-export declare function useAlertDialog(): {
+export declare function useAlertDialog(rootConfig?: ConfigProviderProps): {
     info: (options: CreateAlertDialogParams) => {
         close: () => void;
         update: (updateConfig: Partial<CreateAlertDialogParams> | ((prams: CreateAlertDialogParams) => Partial<CreateAlertDialogParams>)) => void;

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,10 +1,12 @@
 import { AvatarShape, AvatarSize, AvatarStroke } from '../Avatar';
 import { HoverCardProps } from '../HoverCard';
 import { ClassValue } from 'clsx';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the AvatarGroup component
  */
 export type AvatarGroupProps = {
+    dir?: Direction;
     /**
      * CSS classes to apply to the avatar group
      */

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

@@ -3,7 +3,7 @@ import { BadgeColor, BadgeColorSubtle } from '../Base/BaseBadge/BaseBadge.model'
 /**
  * Props for the Badge component
  */
-export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon' | 'flipOnDir' | 'customStroke'>> & {
+export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon' | 'flipOnDir' | 'customStroke' | 'dir'>> & {
     /**
      * Size of the badge, excluding 'sm', 'tiny', and 'tinier' options
      */

package/dist/components/Banner/Banner.d.ts

@@ -5,6 +5,7 @@ import { IconButtonProps } from '../IconButton';
 import { LinkProps } from '../Link';
 import { PopoverBaseProps } from '../Popover';
 import { BannerColor, BannerPlacement, BannerPosition } from './Banner.model';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the Banner component
  */
@@ -51,7 +52,7 @@ export interface BannerProps {
     /**
      * Text direction for the banner
      */
-    dir?: 'ltr' | 'rtl' | 'auto';
+    dir?: Direction;
     /**
      * Whether the banner can be closed by the user
      * @default false

package/dist/components/Base/BaseBadge/BaseBadge.d.ts

@@ -1,11 +1,12 @@
 import { BadgeColor, BadgeColorSubtle, BadgeSize, BadgeType } from './BaseBadge.model';
 import { IconSize } from '../../Icon';
-import { FlipOnDir } from '../../ConfigProvider';
+import { Direction, FlipOnDir } from '../../ConfigProvider';
 import { ClassValue } from 'clsx';
 /**
  * Props for the BaseBadge component
  */
 export interface BaseBadgeProps {
+    dir?: Direction;
     /**
      * Size of the badge
      * @default 'md'

package/dist/components/Base/BaseButton/BaseButton.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue } from 'clsx';
 import { PrimitiveProps } from 'reka-ui';
-import { FlipOnDir } from '../../ConfigProvider';
+import { Direction, FlipOnDir } from '../../ConfigProvider';
 import { BadgeSize } from '../BaseBadge/BaseBadge.model';
 import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
 import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
@@ -17,6 +17,7 @@ export declare const BASE_BUTTON_DEFAULT_PROPS: {
  * Props for the BaseButton component
  */
 export interface BaseButtonProps {
+    dir?: Direction;
     /**
      * The HTML element or component to render as
      */

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -3,11 +3,13 @@ import { HoverCardProps } from '../HoverCard';
 import { BreadcrumbSize } from './Breadcrumb.model';
 import { MenuItemLeadingProps } from '../MenuItem/MenuItemContent';
 import { BreadcrumbItemType } from './BreadcrumbItem';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the Breadcrumb component
  * @interface BreadcrumbProps
  */
 export interface BreadcrumbProps {
+    dir?: Direction;
     /**
      * Array of breadcrumb items to display
      * @type {BreadcrumbItemType[]}

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

@@ -40,6 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pa
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,6 @@
 import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
 import { ClassValue } from 'clsx';
+import { Direction } from '../ConfigProvider';
 /**
  * Array of possible button group gaps
  */
@@ -8,6 +9,7 @@ declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
  * Props for the ButtonGroup component
  */
 export type ButtonGroupProps = {
+    dir?: Direction;
     /**
      * Additional CSS classes to apply to the button group
      */

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

@@ -1,9 +1,11 @@
 import { ClassValue } from 'clsx';
 import { CardType, CarResponsiveBreakpoint } from './Card.model';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the Card component
  */
 export interface CardProps {
+    dir?: Direction;
     /**
      * Type of card layout (vertical or horizontal)
      * @default 'vertical'

package/dist/components/Chip/Chip.d.ts

@@ -1,10 +1,12 @@
 import { ClassValue } from 'clsx';
 import { IconSize } from '../Icon';
 import { ChipColor, ChipSize } from './Chip.model';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the Chip component
  */
 export interface ChipProps {
+    dir?: Direction;
     /**
      * Value of the chip
      */

package/dist/components/ChipGroup/ChipGroup.d.ts

@@ -2,10 +2,12 @@ import { ChipProps } from '../Chip/Chip';
 import { ChipColor, ChipSize } from '../Chip/Chip.model';
 import { ClassValue } from 'clsx';
 import { HoverCardProps } from '../HoverCard';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the ChipGroup component
  */
 export interface ChipGroupProps {
+    dir?: Direction;
     /**
      * Color of the chips in the group
      * @default 'default'

package/dist/components/CoachMark/CoachMark.d.ts

@@ -72,9 +72,10 @@ export declare const COACH_MARK_DEFAULT_PROPS: {
     readonly avoidCollisions: true;
     readonly placement: "bottom";
     readonly zIndex: 1000;
+    readonly sideOffset: 4;
     readonly updatePositionStrategy: "optimized";
     readonly renderPopupsInContent: true;
-    readonly asChild: true;
+    readonly asChild: false;
 };
 /**
  * Props for the CoachMark component
@@ -197,6 +198,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
     open: boolean;
     prioritizePosition: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
+    sideOffset: number;
     sticky: "partial" | "always";
     avoidCollisions: boolean;
     updatePositionStrategy: "always" | "optimized";

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,5 +1,5 @@
-import { Color, ColorChangeDetail, LocalColorFormat, ColorMap, VisibleColorFormat } from './types';
 import { Ref } from 'vue';
+import { Color, ColorChangeDetail, ColorMap, LocalColorFormat, VisibleColorFormat } from './types';
 import { ClassValue } from 'clsx';
 /**
  * Props for the ColorPicker component

package/dist/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,5 +1,5 @@
 import { GraphicalObjectProps } from '../GraphicalObject/GraphicalObject';
-import { ColorSwatchType, ColorSwatchSize } from './ColorSwatch.model';
+import { ColorSwatchSize, ColorSwatchType } from './ColorSwatch.model';
 /**
  * Props for the ColorSwatch component
  */

package/dist/components/ColorSwatchGroup/ColorSwatchGroup.d.ts

@@ -1,9 +1,10 @@
-import { ColorSwatchProps, ColorSwatchSlots } from '../ColorSwatch/ColorSwatch';
-import { ColorSwatchSize } from '../ColorSwatch/ColorSwatch.model';
+import { ClassValue } from 'clsx';
+import { ColorPickerProps } from '../ColorPicker';
 import { VisibleColorFormat } from '../ColorPicker/types';
+import { ColorSwatchSize } from '../ColorSwatch/ColorSwatch.model';
+import { ColorSwatchProps, ColorSwatchSlots } from '../ColorSwatch/ColorSwatch';
+import { Direction } from '../ConfigProvider';
 import { PopoverProps } from '../Popover';
-import { ColorPickerProps } from '../ColorPicker';
-import { ClassValue } from 'clsx';
 /**
  * Object representing a color with optional styling properties
  */
@@ -25,6 +26,10 @@ type ColorMode = 'subtle' | 'bold';
  * Props for the ColorSwatchGroup component
  */
 export type ColorSwatchGroupProps = Omit<ColorPickerProps, 'class' | 'modelValue' | 'defaultColor'> & Partial<Pick<ColorSwatchProps, 'size' | 'customPickerIcon' | 'icon'>> & {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * Additional CSS classes to apply to the component
      */

package/dist/components/ColorTrigger/ColorTrigger.d.ts

@@ -1,9 +1,14 @@
+import { Direction } from '../ConfigProvider';
 import { GraphicalObjectProps } from '../GraphicalObject/GraphicalObject';
 import { ColorTriggerSize } from './ColorTrigger.model';
 /**
  * Props for the ColorTrigger component
  */
 export type ColorTriggerProps = Partial<Pick<GraphicalObjectProps, 'icon' | 'bg' | 'br' | 'fg' | 'class'>> & {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * Size of the color trigger
      * @default 'md'

package/dist/components/Comment/Comment.d.ts

@@ -4,6 +4,7 @@ import { UploadList, UploadProps, UploadSlots } from '../Upload';
 import { Ref } from 'vue';
 import { EmitType } from '@pantograph/utils-vue';
 import { ReactionHoverCardSlots } from './CommentReactionHoverCard';
+import { Direction } from '../ConfigProvider';
 export interface CommentReactionUser {
     id: string;
     avatar: AvatarProps;
@@ -162,6 +163,7 @@ export interface CommentProps {
      * @default 'people reacted with'
      */
     reactionUsersTitle?: string;
+    dir?: Direction;
 }
 /**
  * Base emits for the Comment component

package/dist/components/Comment/CommentActions.d.ts

@@ -3,6 +3,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly flipOnDir?: import('../ConfigProvider').FlipOnDir | undefined;
             readonly type?: "fill" | "outline" | "ghost" | undefined;
@@ -32,6 +33,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    readonly dir?: import('../ConfigProvider').Direction | undefined;
                     readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;
@@ -215,6 +217,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly flipOnDir?: import('../ConfigProvider').FlipOnDir | undefined;
             readonly type?: "fill" | "outline" | "ghost" | undefined;
@@ -244,6 +247,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    readonly dir?: import('../ConfigProvider').Direction | undefined;
                     readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;

package/dist/components/Comment/CommentEditor.d.ts

@@ -158,6 +158,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly class?: ClassValue;
             readonly flipOnDir?: import('../ConfigProvider').FlipOnDir | undefined;
             readonly type?: "fill" | "outline" | "ghost" | undefined;
@@ -187,6 +188,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    readonly dir?: import('../ConfigProvider').Direction | undefined;
                     readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: ClassValue;
                     readonly text?: string | number | undefined;
@@ -370,6 +372,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly class?: ClassValue;
             readonly flipOnDir?: import('../ConfigProvider').FlipOnDir | undefined;
             readonly type?: "fill" | "outline" | "ghost" | undefined;
@@ -399,6 +402,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    readonly dir?: import('../ConfigProvider').Direction | undefined;
                     readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: ClassValue;
                     readonly text?: string | number | undefined;

package/dist/components/Comment/CommentMention.d.ts

@@ -535,7 +535,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
         onKeydownEscape?: ((event: import('../Combobox').ComboboxKeydownEvent, search?: string | undefined, isEmpty?: boolean | undefined) => any) | undefined;
         "onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
         onFetch?: (() => any) | undefined;
-    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "readonly" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode" | "showTreeTagStrategy") | "displaySelectedKeys" | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "removeValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "triggerPrefix" | "triggerProps"> & import('vue').ShallowUnwrapRef<{
+    }>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "inputRef" | "onKeyDown" | "getItems" | "focusOnInput" | "getOptionDataset" | ("disabled" | "readonly" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode" | "showTreeTagStrategy") | "displaySelectedKeys" | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "removeValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "triggerPrefix" | "triggerProps"> & import('vue').ShallowUnwrapRef<{
         displaySelectedKeys: import('vue').ComputedRef<string[]>;
         isOptionSelected: (value?: string | undefined) => boolean;
         getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;

package/dist/components/Comment/CommentReactionList.d.ts

@@ -3,6 +3,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly flipOnDir?: import('../ConfigProvider').FlipOnDir | undefined;
             readonly type?: "fill" | "outline" | "ghost" | undefined;
@@ -32,6 +33,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    readonly dir?: import('../ConfigProvider').Direction | undefined;
                     readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;

package/dist/components/ConfigProvider/ConfigProvider.d.ts

@@ -86,10 +86,10 @@ export type ConfigProviderSlots = {
 };
 declare const provideConfigContext: (contextValue: Context) => Context;
 declare const injectConfigContext: () => Context;
-declare const useConfig: () => {
+declare const useConfig: (noDirProvider?: boolean) => {
     config: Context;
     getFlipOnDir: <T = object>(key: keyof T) => ComputedRef<FlipOnDir | undefined>;
-    getDir: (getter?: () => Direction | undefined) => ComputedRef<Direction | undefined>;
+    dir: ComputedRef<Direction>;
     useCssInJs: (params: UseCssInJsParams) => void;
 };
 export { provideConfigContext, injectConfigContext, useConfig };

package/dist/components/DataTable/DataTable.d.ts

@@ -1,8 +1,8 @@
-import { DataTableProps, DataTableSlotProps, DataTableSlots, GetTableRowProps, TableCol, TableColExtra, TableColumn, DataTableEmits } from './types';
+import { EmitType } from '@pantograph/utils-vue';
 import { Table } from '@tanstack/vue-table';
-import { CellActions, ColActions, ColumnWrapActions, SelectionState, SortActions, SelectionActions, FilterActions, ColumnSizeActions, ColumnFixActions, ColumnOrderActions, RowActions } from './utils';
 import { ComputedRef, Ref } from 'vue';
-import { EmitType } from '@pantograph/utils-vue';
+import { DataTableEmits, DataTableProps, DataTableSlotProps, DataTableSlots, GetTableRowProps, TableCol, TableColExtra, TableColumn } from './types';
+import { CellActions, ColActions, ColumnFixActions, ColumnOrderActions, ColumnSizeActions, ColumnWrapActions, FilterActions, RowActions, SelectionActions, SelectionState, SortActions } from './utils';
 export interface DataTableContext {
     props: DataTableProps;
     emit: EmitType<DataTableEmits>;
@@ -75,12 +75,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Da
 }>, {
     loadingRowCount: number;
     zebra: boolean;
+    paginateExpandedRows: boolean;
+    tableLayout: "fixed" | "auto";
     minVisibleAreaOnFixColumns: string | number;
     childrenRowName: string | ((row: any) => any);
     childrenColumnName: string | ((row: any) => any);
     batchActionsTitle: string;
-    paginateExpandedRows: boolean;
-    tableLayout: "fixed" | "auto";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     tableRootRef: HTMLDivElement;
 }, HTMLDivElement>, Readonly<DataTableSlots> & DataTableSlots>;

package/dist/components/DataTable/components/DataTableHeaderCell.d.ts

@@ -10,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
         $data: {};
         $props: {
             readonly text?: string | number | undefined;
+            readonly dir?: import('../../ConfigProvider').Direction | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly flipOnDir?: import('../../ConfigProvider').FlipOnDir | undefined;
             readonly target?: string | undefined;
@@ -47,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
+                    readonly dir?: import('../../ConfigProvider').Direction | undefined;
                     readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                     readonly class?: import('clsx').ClassValue;
                     readonly text?: string | number | undefined;

package/dist/components/Dialog/Dialog.d.ts

@@ -4,6 +4,7 @@ import { PopoverBaseProps } from '../Popover/type';
 import { ClassValue } from 'clsx';
 import { DialogDrawerSide, DialogSize, DialogType } from './Dialog.model';
 import { StyleValue, VNode } from 'vue';
+import { Direction } from '../ConfigProvider';
 export declare const DIALOG_OK_DEFAULT_PROPS: {
     readonly text: "Submit";
 };
@@ -336,6 +337,7 @@ export interface DialogSlots {
  * @extends Omit<DialogContentProps, 'as' | 'asChild' | 'onCloseAutoFocus'>
  */
 export interface DialogProps extends Omit<DialogPortalProps, 'to'>, Omit<DialogContentProps, 'as' | 'asChild' | 'onCloseAutoFocus'> {
+    dir?: Direction;
     /**
      * Custom styles for the dialog wrapper element.
      *

package/dist/components/DropZone/DropZone.d.ts

@@ -1,9 +1,11 @@
 import { DropZoneSize, DropZoneType } from './DropZone.model';
 import { ClassValue } from 'clsx';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the DropZone component
  */
 export interface DropZoneProps {
+    dir?: Direction;
     /**
      * The type of drop zone to display
      * @default 'default'

package/dist/components/Empty/Empty.d.ts

@@ -1,9 +1,14 @@
-import { EmptyType } from './Empty.model';
 import { ClassValue } from 'clsx';
+import { Direction } from '../ConfigProvider';
+import { EmptyType } from './Empty.model';
 /**
  * Props for the Empty component
  */
 export interface EmptyProps {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * The type of empty state to display
      * @default 'simple'

package/dist/components/FloatButton/FloatButton.d.ts

@@ -48,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Fl
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly dir?: import('../ConfigProvider').Direction | undefined;
             readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;

package/dist/components/Form/Form.d.ts

@@ -1,6 +1,7 @@
-import { RuleExpression, TypedSchema, YupSchema, FormOptions, FormContext as VeeValidateForm, GenericValidateFunction, InvalidSubmissionContext } from 'vee-validate';
-import { FormContext as _FormContext, FormItemSize } from '@pantograph/utils-vue';
+import { FormItemSize, FormContext as _FormContext } from '@pantograph/utils-vue';
 import { ClassValue } from 'clsx';
+import { FormOptions, GenericValidateFunction, InvalidSubmissionContext, RuleExpression, TypedSchema, FormContext as VeeValidateForm, YupSchema } from 'vee-validate';
+import { Direction } from '../ConfigProvider';
 /**
  * Interface defining default validation rules available in the form
  */
@@ -174,6 +175,10 @@ type ValidationSchema = Record<string, FormRuleItem> | TypedSchema | YupSchema;
  * Props for the Form component
  */
 export interface FormProps extends Partial<Omit<FormOptions<any>, 'validationSchema'>> {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * The validation schema for the form
      */

package/dist/components/Form/FormItem.d.ts

@@ -1,13 +1,18 @@
+import { FormItemSize, FormItemStatus, FormItemContext as _FormItemContext } from '@pantograph/utils-vue';
+import { ClassValue } from 'clsx';
 import { FieldContext, FieldOptions } from 'vee-validate';
 import { Ref } from 'vue';
-import { FormType, FormRuleItem } from './Form';
+import { Direction } from '../ConfigProvider';
 import { LabelProps } from '../Label';
-import { ClassValue } from 'clsx';
-import { FormItemContext as _FormItemContext, FormItemSize, FormItemStatus } from '@pantograph/utils-vue';
+import { FormRuleItem, FormType } from './Form';
 /**
  * Props for the FormItem component
  */
 export type FormItemProps = Partial<Omit<FieldOptions, 'initialValue'>> & Omit<LabelProps, 'size'> & {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * CSS classes to apply to the form item
      */

package/dist/components/FormValidation/FormValidation.d.ts

@@ -1,9 +1,14 @@
 import { FormItemStatus } from '@pantograph/utils-vue';
 import { ClassValue } from 'clsx';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the FormValidation component
  */
 export interface FormValidationProps {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * The validation message to display
      */

package/dist/components/GOPicker/GOPicker.d.ts

@@ -1,13 +1,14 @@
+import { ClassValue } from 'clsx';
 import { ComputedRef, Ref } from 'vue';
-import { PopoverProps } from '../Popover';
+import { BaseInputSlots } from '../Base/BaseInput/BaseInput';
+import { ColorSwatchSlots } from '../ColorSwatch';
 import { ColorSwatchGroupProps } from '../ColorSwatchGroup';
-import { ClassValue } from 'clsx';
-import { ScrollContainerProps } from '../ScrollContainer';
 import { ColorTriggerSize } from '../ColorTrigger';
-import { InputProps } from '../Input';
-import { ColorSwatchSlots } from '../ColorSwatch';
-import { BaseInputSlots } from '../Base/BaseInput/BaseInput';
+import { Direction } from '../ConfigProvider';
 import { GraphicalObjectBG, GraphicalObjectBR, GraphicalObjectFG } from '../GraphicalObject';
+import { InputProps } from '../Input';
+import { PopoverProps } from '../Popover';
+import { ScrollContainerProps } from '../ScrollContainer';
 import { GoPickerColor, GoPickerGroup } from './GOPicker.model';
 /**
  * Represents a graphical object item (icon or emoji)
@@ -55,6 +56,10 @@ export interface GOPickerModel {
  * Props for the GOPicker component
  */
 export interface GOPickerProps {
+    /**
+     * Text direction for the component
+     */
+    dir?: Direction;
     /**
      * Array of icon items to display in the picker
      */

package/dist/components/GraphicalObject/GraphicalObject.d.ts

@@ -3,7 +3,7 @@ import { GraphicalObjectBG, GraphicalObjectBR, GraphicalObjectFG, GraphicalObjec
 /**
  * Props for the GraphicalObject component
  */
-export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'class' | 'icon' | 'flipOnDir' | 'customStroke'>> & {
+export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'class' | 'icon' | 'flipOnDir' | 'customStroke' | 'dir'>> & {
     /**
      * Foreground color of the graphical object
      */

package/dist/components/GraphicalObjectGroup/GraphicalObjectGroup.d.ts

@@ -1,10 +1,12 @@
 import { BadgeSize } from '../Base/BaseBadge/BaseBadge.model';
 import { ClassValue } from 'clsx';
 import { HoverCardProps } from '../HoverCard';
+import { Direction } from '../ConfigProvider';
 /**
  * Props for the GraphicalObjectGroup component
  */
 export type GraphicalObjectGroupProps = {
+    dir?: Direction;
     /**
      * The size of all graphical objects in the group
      * @default 'md'