@luxfi/ui 7.4.15 → 8.1.0

package/dist/dialog.d.ts

@@ -1,8 +1,4 @@
-import * as _hanzo_gui from '@hanzo/gui';
-import * as _hanzogui_web from '@hanzogui/web';
-import * as _hanzogui_core from '@hanzogui/core';
 import * as React from 'react';
-
 type DialogSize = 'sm' | 'md' | 'full' | 'cover';
 /**
  * Responsive size expressed as a plain value or a breakpoint map.
@@ -15,7 +11,7 @@ type ResponsiveSize = DialogSize | {
     lgDown?: DialogSize;
     lg?: DialogSize;
 };
-interface DialogRootProps {
+export interface DialogRootProps {
     children?: React.ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
@@ -27,92 +23,92 @@ interface DialogRootProps {
     motionPreset?: string;
     modal?: boolean;
 }
-declare const DialogRoot: React.FC<DialogRootProps>;
-interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const DialogRoot: React.FC<DialogRootProps>;
+export interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     backdrop?: boolean;
     paddingTop?: number | string;
 }
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
-interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
-declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     startElement?: React.ReactNode;
     onBackToClick?: () => void;
 }
-declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
-interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
     pt?: number | string;
     display?: string;
     flexDir?: string;
 }
-declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
-interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
-declare const DialogBackdrop: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {
+export declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     open?: boolean | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
 }>, "scope" | "forceMount"> & {
     forceMount?: boolean;
 } & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & {
     forceMount?: boolean;
 } & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.StackStyleBase, {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").StackStyleBase, {
     open?: boolean | undefined;
     unstyled?: boolean | undefined;
-    elevation?: number | _hanzogui_web.SizeTokens | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const DialogTitle: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const DialogTitle: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
 }>, "scope"> & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.TextStylePropsBase, {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const DialogDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const DialogDescription: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
 }>, "scope"> & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.TextStylePropsBase, {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
 }
-declare const DialogTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope"> & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
+export declare const DialogTrigger: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}>, "scope"> & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
 /**
  * `DialogActionTrigger` renders its child and closes the dialog on click.
  * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
  * children in a close action.
  */
-declare const DialogActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+export declare const DialogActionTrigger: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
     displayWhenAdapted?: boolean;
 } & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & {
     displayWhenAdapted?: boolean;
 } & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
-
-export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
+export {};
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,KAAK,cAAc,GAAG,UAAU,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AA4D/F,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8BhD,CAAC;AAMF,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,2FA4DxB,CAAC;AAMH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEjG,eAAO,MAAM,kBAAkB,mGAa7B,CAAC;AAMH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,0FA+BvB,CAAC;AAMH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAE3E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,wFAkBrB,CAAC;AAMH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,eAAO,MAAM,YAAY,0FAWvB,CAAC;AAMH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;8CAAoB,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;8CAAkB,CAAC;AAE3C,eAAO,MAAM,iBAAiB;;;;;;;;;;8CAAwB,CAAC;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;CAAG;AAEvF,eAAO,MAAM,aAAa;;;;0FAAoB,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;0FAAkB,CAAC"}

package/dist/dialog.js

@@ -1,14 +1,10 @@
 "use client";
 import { styled, View, Dialog } from '@hanzo/gui';
+import { sx, Box, cn, css } from '@hanzo/ui';
 import * as React2 from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/dialog.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
 var CloseButtonFrame = styled(View, {
   name: "LuxCloseButton",
@@ -69,13 +65,14 @@ var CloseButton = React2.forwardRef(function CloseButton2(props, ref) {
 });
 function BackToButton({ onClick }) {
   return /* @__PURE__ */ jsx(
-    "button",
+    Box,
     {
+      tag: "button",
       type: "button",
       onClick,
       className: "inline-flex items-center justify-center size-8 rounded-md bg-transparent text-current hover:bg-[var(--color-button-subtle-bg)] cursor-pointer",
       "aria-label": "Go back",
-      children: /* @__PURE__ */ jsx("svg", { className: "size-5", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+      children: /* @__PURE__ */ jsx("svg", { style: css("size-5"), viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
     }
   );
 }
@@ -152,11 +149,11 @@ var DialogContent = React2.forwardRef(function DialogContent2(props, ref) {
       Dialog.Overlay,
       {
         unstyled: true,
-        className: "fixed inset-0 z-[1400] bg-black/80"
+        ...sx("fixed inset-0 z-[1400] bg-black/80")
       }
     ),
     /* @__PURE__ */ jsx(
-      "div",
+      Box,
       {
         className: cn(
           "fixed inset-0 z-[1400] flex w-screen h-dvh",
@@ -168,7 +165,7 @@ var DialogContent = React2.forwardRef(function DialogContent2(props, ref) {
           {
             ref,
             unstyled: true,
-            className: cn(
+            ...sx(
               // Base content styles
               "relative flex flex-col w-full p-6 outline-none text-base",
               "bg-dialog-bg text-dialog-fg shadow-lg rounded-xl",
@@ -196,7 +193,7 @@ var DialogHeader = React2.forwardRef(function DialogHeader2(props, ref) {
   const { startElement: startElementProp, onBackToClick, className, children, ...rest } = props;
   const startElement = startElementProp ?? (onBackToClick ? /* @__PURE__ */ jsx(BackToButton, { onClick: onBackToClick }) : void 0);
   return /* @__PURE__ */ jsxs(
-    "div",
+    Box,
     {
       ref,
       className: cn(
@@ -210,14 +207,14 @@ var DialogHeader = React2.forwardRef(function DialogHeader2(props, ref) {
           Dialog.Title,
           {
             unstyled: true,
-            className: cn(
+            ...sx(
               "text-base lg:text-lg font-medium",
               "whitespace-nowrap overflow-hidden text-ellipsis"
             ),
             children
           }
         ),
-        /* @__PURE__ */ jsx(DialogCloseTrigger, { className: "ml-auto" })
+        /* @__PURE__ */ jsx(DialogCloseTrigger, { ...sx("ml-auto") })
       ]
     }
   );
@@ -230,7 +227,7 @@ var DialogBody = React2.forwardRef(function DialogBody2({ className, pt, display
     ...flexDir ? { flexDirection: flexDir } : {}
   };
   return /* @__PURE__ */ jsx(
-    "div",
+    Box,
     {
       ref,
       className: cn("flex-1 p-0 overflow-auto", className),
@@ -241,7 +238,7 @@ var DialogBody = React2.forwardRef(function DialogBody2({ className, pt, display
 });
 var DialogFooter = React2.forwardRef(function DialogFooter2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
-    "div",
+    Box,
     {
       ref,
       className: cn("flex items-center justify-start gap-6 p-0 mt-6", className),

package/dist/direction.cjs

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DirectionContext = react.createContext(void 0);
+function DirectionProvider({
+  dir,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DirectionContext.Provider, { value: dir, children });
+}
+function useDirection(local) {
+  const inherited = react.useContext(DirectionContext);
+  if (local) return local;
+  if (inherited) return inherited;
+  if (typeof document !== "undefined") {
+    const d = document.documentElement.dir;
+    if (d === "rtl" || d === "ltr") return d;
+  }
+  return "ltr";
+}
+
+exports.DirectionProvider = DirectionProvider;
+exports.useDirection = useDirection;

package/dist/direction.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Reading direction, for the components that have to know it.
+ *
+ * A menu opens toward the end of the line, a slider fills toward it, a carousel
+ * advances toward it. None of that can be read off CSS, so it travels as
+ * context — and `dir` on an ancestor element is what the DOM already uses, so a
+ * provider with nothing above it answers from there rather than guessing.
+ */
+import { type ReactNode } from 'react';
+export type Direction = 'ltr' | 'rtl';
+export declare function DirectionProvider({ dir, children, }: {
+    dir: Direction;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The direction in force. Falls back to the document's own `dir`, so a page that
+ * sets it on `<html>` — which is where it belongs — needs no provider at all.
+ */
+export declare function useDirection(local?: Direction): Direction;
+//# sourceMappingURL=direction.d.ts.map

package/dist/direction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../src/direction.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjE,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAIrC,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,SAAS,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,2CAEA;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CASzD"}

package/dist/direction.js

@@ -0,0 +1,23 @@
+"use client";
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DirectionContext = createContext(void 0);
+function DirectionProvider({
+  dir,
+  children
+}) {
+  return /* @__PURE__ */ jsx(DirectionContext.Provider, { value: dir, children });
+}
+function useDirection(local) {
+  const inherited = useContext(DirectionContext);
+  if (local) return local;
+  if (inherited) return inherited;
+  if (typeof document !== "undefined") {
+    const d = document.documentElement.dir;
+    if (d === "rtl" || d === "ltr") return d;
+  }
+  return "ltr";
+}
+
+export { DirectionProvider, useDirection };