@eightshift/ui-components 0.0.1

package/dist/components/toggle/switch.js

@@ -0,0 +1,140 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-BsiH7-5Y.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
+import React__default, { forwardRef, createContext } from "react";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DJ_z5E2S.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-C9ETOBaZ.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Cc-4eouh.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-C3K8zAKj.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BYRI1Lfo.js";
+import { classnames } from "../../utilities/classnames.js";
+function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
+  let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
+  return {
+    labelProps,
+    inputProps: {
+      ...inputProps,
+      role: "switch",
+      checked: isSelected
+    },
+    isSelected,
+    isPressed,
+    isDisabled,
+    isReadOnly
+  };
+}
+const $8e59e948500a8fe1$export$8699e3b644d5a28a = /* @__PURE__ */ createContext(null);
+function $8e59e948500a8fe1$var$Switch(props, ref) {
+  let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(otherProps, ref, $8e59e948500a8fe1$export$8699e3b644d5a28a);
+  let inputRef = $df56164dff5785e2$export$4338b53315abf666($5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  let state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
+  let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed } = $b418ec0c85c52f27$export$d853f7095ae95f88({
+    ...$64fa3d84918910a7$export$ef03459518577ad4(props),
+    // ReactNode type doesn't allow function children.
+    children: typeof props.children === "function" ? true : props.children
+  }, state, inputRef);
+  let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
+  let isInteractionDisabled = props.isDisabled || props.isReadOnly;
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+    ...props,
+    isDisabled: isInteractionDisabled
+  });
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-Switch",
+    values: {
+      isSelected,
+      isPressed,
+      isHovered,
+      isFocused,
+      isFocusVisible,
+      isDisabled,
+      isReadOnly,
+      state
+    }
+  });
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  delete DOMProps.id;
+  return /* @__PURE__ */ React__default.createElement("label", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
+    ref,
+    slot: props.slot || void 0,
+    "data-selected": isSelected || void 0,
+    "data-pressed": isPressed || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focused": isFocused || void 0,
+    "data-focus-visible": isFocusVisible || void 0,
+    "data-disabled": isDisabled || void 0,
+    "data-readonly": isReadOnly || void 0
+  }, /* @__PURE__ */ React__default.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, {
+    elementType: "span"
+  }, /* @__PURE__ */ React__default.createElement("input", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps),
+    ref: inputRef
+  })), renderProps.children);
+}
+const $8e59e948500a8fe1$export$b5d5cf8927ab7262 = /* @__PURE__ */ forwardRef($8e59e948500a8fe1$var$Switch);
+/**
+ * A toggle switch.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {boolean} props.checked - Whether the switch is checked.
+ * @param {Function} props.onChange - Function to call when the switch is toggled.
+ * @param {boolean} [props.disabled] - Whether the switch is disabled.
+ * @param {string} [props.id] - The ID of the switch.
+ * @param {string} [props.className] - Classes to pass to the switch.
+ *
+ * @returns {JSX.Element} The Switch component.
+ *
+ * @example
+ * const [checked, setChecked] = useState(false);
+ *
+ * <Switch
+ * 	checked={checked}
+ * 	onChange={() => setChecked(!checked)}
+ * />
+ *
+ * @preserve
+ */
+const Switch = (props) => {
+  const { checked, onChange, disabled, id, children, className } = props;
+  return /* @__PURE__ */ jsxs(
+    $8e59e948500a8fe1$export$b5d5cf8927ab7262,
+    {
+      id,
+      isDisabled: disabled,
+      isSelected: checked ?? false,
+      onChange,
+      className: "es-uic-group es-uic-flex es-uic-items-center es-uic-justify-between es-uic-gap-2",
+      children: [
+        children,
+        /* @__PURE__ */ jsx("div", { className: classnames("es-uic-flex es-uic-items-center es-uic-min-w-9 es-uic-justify-center", className), children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classnames(
+              "es-uic-no-webkit-highlight es-uic-h-4 es-uic-w-7 es-uic-shrink-0 es-uic-cursor-pointer es-uic-rounded-full es-uic-border es-uic-border-gray-500 es-uic-bg-white es-uic-p-[0.1875rem] es-uic-shadow-sm es-uic-outline-none es-uic-transition",
+              "group-focus-visible:es-uic-ring group-focus-visible:es-uic-ring-teal-500 group-focus-visible:es-uic-ring-opacity-50",
+              "group-selected:es-uic-border-teal-800/75 group-selected:es-uic-bg-teal-100/25 group-selected:es-uic-shadow-teal-500/25",
+              "group-disabled:es-uic-cursor-default group-disabled:es-uic-border-gray-300 group-disabled:es-uic-bg-white"
+            ),
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: classnames(
+                  "es-uic-block es-uic-size-2 es-uic-rounded-full es-uic-border es-uic-border-gray-500 es-uic-bg-gray-500 es-uic-transition es-uic-will-change-transform",
+                  "group-selected:es-uic-translate-x-3 group-selected:es-uic-scale-125 group-selected:es-uic-border-teal-600 group-selected:es-uic-bg-teal-600",
+                  "group-disabled:es-uic-border-gray-300 group-disabled:es-uic-bg-white"
+                )
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  Switch
+};

package/dist/components/toggle/toggle.js

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BPzS-sR7.js";
+import { Switch } from "./switch.js";
+import { RichLabel } from "../rich-label/rich-label.js";
+/**
+ * A toggle switch with a label and optional icon and subtitle.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {boolean} props.checked - Whether the switch is checked.
+ * @param {Function} props.onChange - Function to call when the switch is toggled.
+ * @param {boolean} [props.disabled] - Whether the switch is disabled.
+ * @param {JSX.Element} [props.icon] - Icon to display.
+ * @param {string} props.label - Label to display.
+ * @param {string} [props.subtitle] - Subtitle to display.
+ * @param {string} [props.className] - Classes to pass to the toggle switch.
+ * @param {string} [props.labelClassName] - Classes to pass to the label.
+ *
+ * @returns {JSX.Element} The Toggle component.
+ *
+ * @example
+ * const [checked, setChecked] = useState(false);
+ *
+ * <Toggle
+ * 	icon={icons.myIcon}
+ * 	label='My toggle'
+ * 	checked={checked}
+ * 	onChange={() => setChecked(!checked)}
+ * />
+ *
+ * @preserve
+ */
+const Toggle = (props) => {
+  const { checked, onChange, icon, label, subtitle, disabled, className, labelClassName } = props;
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      checked,
+      onChange,
+      disabled,
+      className,
+      children: /* @__PURE__ */ jsx(
+        RichLabel,
+        {
+          as: $01b77f81d0f07f68$export$b04be29aa201d4f5,
+          icon,
+          label,
+          subtitle,
+          className: labelClassName,
+          fullWidth: true
+        }
+      )
+    }
+  );
+};
+export {
+  Toggle
+};

package/dist/components/toggle-button/toggle-button.js

@@ -0,0 +1,206 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-BsiH7-5Y.js";
+import React__default, { forwardRef, createContext } from "react";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DJ_z5E2S.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-CuG5UzUw.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Cc-4eouh.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-C3K8zAKj.js";
+import { classnames } from "../../utilities/classnames.js";
+import { T as Tooltip } from "../../tooltip-CkCndvTI.js";
+function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
+  const { isSelected } = state;
+  const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
+    ...props,
+    onPress: $ff5963eb1fccf552$export$e08e3b67e392101e(state.toggle, props.onPress)
+  }, ref);
+  return {
+    isPressed,
+    buttonProps: $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, {
+      "aria-pressed": isSelected
+    })
+  };
+}
+const $efde0372d7a700fe$export$43506d75ebd2e218 = /* @__PURE__ */ createContext({});
+function $efde0372d7a700fe$var$ToggleButton(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $efde0372d7a700fe$export$43506d75ebd2e218);
+  let state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
+  let { buttonProps, isPressed } = $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref);
+  let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: {
+      isHovered,
+      isPressed,
+      isFocused,
+      isSelected: state.isSelected,
+      isFocusVisible,
+      isDisabled: props.isDisabled || false,
+      state
+    },
+    defaultClassName: "react-aria-ToggleButton"
+  });
+  return /* @__PURE__ */ React__default.createElement("button", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, focusProps, hoverProps),
+    ...renderProps,
+    ref,
+    slot: props.slot || void 0,
+    "data-focused": isFocused || void 0,
+    "data-disabled": props.isDisabled || void 0,
+    "data-pressed": isPressed || void 0,
+    "data-selected": state.isSelected || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focus-visible": isFocusVisible || void 0
+  });
+}
+const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef($efde0372d7a700fe$var$ToggleButton);
+/**
+ * A simple toggle button component.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {JSX.Element} [props.icon] - Icon to display within the button.
+ * @param {ButtonSize} [props.size='default'] - The size of the button.
+ * @param {ButtonType} [props.type='default'] - The type of the button.
+ * @param {boolean} [props.disabled] - If `true`, the button is disabled.
+ * @param {string} [props.className] - Classes to pass to the button.
+ * @param {string} [props.tooltip] - Tooltip text to display on hover.
+ * @param {boolean} props.selected - Whether the button is selected.
+ * @param {Function} [props.onChange] - Function to run when the toggle state changes.
+ * @param {string} [props.wrapperClassName] - Classes to pass to the tooltip wrapper.
+ * @param {Object} [props.tooltipProps] - Props to pass to the tooltip.
+ *
+ * @returns {JSX.Element} The Button component.
+ *
+ * @typedef {'small' | 'default' | 'large'} ButtonSize
+ * @typedef {'default' | 'selected' | 'ghost' | 'danger'} ButtonType
+ *
+ * @example
+ * const [selected, setSelected] = useState(false);
+ *
+ * <ToggleButton
+ * 	selected={selected}
+ * 	onChange={setSelected}
+ * 	icon={icons.myIcon}
+ * 	/>
+ *
+ * <ToggleButton
+ * 		selected={selected}
+ * 		onChange={setSelected}
+ * 		icon={icons.myIcon}
+ * >
+ * 		My button
+ * </ToggleButton>
+ *
+ * @preserve
+ */
+const ToggleButton = (props) => {
+  const {
+    children,
+    icon,
+    size = "default",
+    type = "default",
+    disabled,
+    className,
+    tooltip,
+    selected,
+    onChange,
+    wrapperClassName,
+    tooltipProps,
+    ...other
+  } = props;
+  const sizes = {
+    small: {
+      iconButton: "es-uic-size-7",
+      button: "es-uic-h-7 es-uic-min-w-7",
+      iconButtonPadding: "es-uic-px-1",
+      buttonPadding: "es-uic-px-2",
+      iconSize: "[&>svg]:es-uic-size-4"
+    },
+    default: {
+      iconButton: "es-uic-size-9",
+      button: "es-uic-h-9 es-uic-min-w-9",
+      iconButtonPadding: "es-uic-px-1.5",
+      buttonPadding: "es-uic-px-2",
+      iconSize: "[&>svg]:es-uic-size-5.5"
+    },
+    large: {
+      iconButton: "es-uic-size-10",
+      button: "es-uic-h-10 es-uic-min-w-10",
+      iconButtonPadding: "es-uic-px-2",
+      buttonPadding: "es-uic-px-4",
+      iconSize: "[&>svg]:es-uic-size-6"
+    }
+  };
+  const themes = {
+    default: {
+      regular: "es-uic-border-gray-300 es-uic-text-gray-700 es-uic-shadow-sm es-uic-border",
+      hover: "hover:es-uic-border-gray-300 hover:es-uic-bg-gray-100",
+      selected: "es-uic-bg-teal-600 es-uic-text-white es-uic-border-teal-600 after:es-uic-opacity-30 es-uic-border es-uic-shadow-md es-uic-shadow-teal-500/25",
+      selectedHover: "hover:es-uic-shadow-teal-600/50 hover:after:es-uic-opacity-40",
+      focus: " focus-visible:es-uic-ring-teal-500 focus-visible:es-uic-ring-opacity-50",
+      disabled: "disabled:es-uic-border-gray-200 disabled:es-uic-text-gray-300 es-uic-border"
+    },
+    ghost: {
+      regular: "es-uic-border-transparent es-uic-text-gray-700",
+      hover: "hover:es-uic-bg-gray-100",
+      disabled: "disabled:es-uic-text-gray-300 disabled:es-uic-border-transparent",
+      selected: "es-uic-bg-teal-600 es-uic-text-white es-uic-border-teal-600 after:es-uic-opacity-30 es-uic-shadow es-uic-shadow-teal-500/25",
+      selectedHover: "hover:es-uic-shadow-teal-600/50 hover:after:es-uic-opacity-40"
+    }
+  };
+  const component = /* @__PURE__ */ jsxs(
+    $efde0372d7a700fe$export$d2b052e7b4be1756,
+    {
+      isSelected: selected,
+      onChange,
+      isDisabled: disabled,
+      className: ({ isSelected }) => {
+        var _a, _b, _c, _d, _e, _f;
+        return classnames(
+          "es-uic-isolate es-uic-flex es-uic-items-center es-uic-justify-center es-uic-gap-1 es-uic-rounded-md es-uic-transition es-uic-duration-300 es-uic-relative",
+          'after:es-uic-absolute after:es-uic-inset-0 after:-es-uic-z-10 after:es-uic-rounded-[0.3125rem] after:es-uic-bg-gradient-to-br after:es-uic-from-teal-100/40 after:es-uic-via-transparent after:es-uic-to-teal-200/50 after:es-uic-opacity-0 after:es-uic-transition-opacity after:es-uic-content-[""]',
+          "disabled:es-uic-shadow-none",
+          "focus:es-uic-outline-none focus-visible:es-uic-outline-none focus-visible:es-uic-ring",
+          !disabled && !isSelected && (((_a = themes[type]) == null ? void 0 : _a.regular) ?? themes.default.regular),
+          !disabled && !isSelected && (((_b = themes[type]) == null ? void 0 : _b.hover) ?? themes.default.hover),
+          !disabled && isSelected && (((_c = themes[type]) == null ? void 0 : _c.selectedHover) ?? themes.default.selectedHover),
+          ((_d = themes[type]) == null ? void 0 : _d.disabled) ?? themes.default.disabled,
+          ((_e = themes[type]) == null ? void 0 : _e.focus) ?? themes.default.focus,
+          icon && !children && sizes[size].iconButton,
+          children && "es-uic-text-sm",
+          children && sizes[size].button,
+          children && icon && sizes[size].iconButtonPadding,
+          children && !icon && sizes[size].buttonPadding,
+          sizes[size].iconSize,
+          isSelected && (((_f = themes[type]) == null ? void 0 : _f.selected) ?? themes.default.selected),
+          "[.es-uic-button-group_&:not(:first-child)]:es-uic-rounded-l-none [.es-uic-button-group_&:not(:last-child)]:-es-uic-mr-px [.es-uic-button-group_&:not(:last-child)]:es-uic-rounded-r-none",
+          "[.es-uic-button-group_&:not(:first-child)]:after:es-uic-rounded-l-none [.es-uic-button-group_&:not(:last-child)]:after:es-uic-rounded-r-none",
+          "[.es-uic-button-group_div:not(:first-child)_>_&]:es-uic-rounded-l-none [.es-uic-button-group_div:not(:last-child)_>_&]:-es-uic-mr-px [.es-uic-button-group_div:not(:last-child)_>_&]:es-uic-rounded-r-none",
+          "[.es-uic-button-group_div:not(:last-child)_>_&]:after:es-uic-rounded-r-none [.es-uic-button-group_div:not(:first-child)_>_&]:after:es-uic-rounded-l-none",
+          className
+        );
+      },
+      ...other,
+      children: [
+        icon,
+        children
+      ]
+    }
+  );
+  if (!tooltip) {
+    return component;
+  }
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      text: tooltip,
+      wrapperClassName,
+      ...tooltipProps,
+      children: component
+    }
+  );
+};
+export {
+  ToggleButton
+};

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import { D, T } from "../../tooltip-CkCndvTI.js";
+import "../../utilities/classnames.js";
+import "react";
+import "../../focusSafely-C3K8zAKj.js";
+import "../../utils-BsiH7-5Y.js";
+export {
+  D as DecorativeTooltip,
+  T as Tooltip
+};

package/dist/context-jMy6xdVq.js

@@ -0,0 +1,98 @@
+import React__default, { useState, useEffect, useContext } from "react";
+import { o as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-BsiH7-5Y.js";
+const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
+  "Arab",
+  "Syrc",
+  "Samr",
+  "Mand",
+  "Thaa",
+  "Mend",
+  "Nkoo",
+  "Adlm",
+  "Rohg",
+  "Hebr"
+]);
+const $148a7a147e38ea7f$var$RTL_LANGS = /* @__PURE__ */ new Set([
+  "ae",
+  "ar",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "nqo",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+function $148a7a147e38ea7f$export$702d680b21cbd764(localeString) {
+  if (Intl.Locale) {
+    let locale = new Intl.Locale(localeString).maximize();
+    let textInfo = typeof locale.getTextInfo === "function" ? locale.getTextInfo() : locale.textInfo;
+    if (textInfo)
+      return textInfo.direction === "rtl";
+    if (locale.script)
+      return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(locale.script);
+  }
+  let lang = localeString.split("-")[0];
+  return $148a7a147e38ea7f$var$RTL_LANGS.has(lang);
+}
+const $1e5a04cdaf7d1af8$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
+function $1e5a04cdaf7d1af8$export$f09106e7c6677ec5() {
+  let locale = typeof window !== "undefined" && window[$1e5a04cdaf7d1af8$var$localeSymbol] || typeof navigator !== "undefined" && (navigator.language || navigator.userLanguage) || "en-US";
+  try {
+    Intl.DateTimeFormat.supportedLocalesOf([
+      locale
+    ]);
+  } catch (_err) {
+    locale = "en-US";
+  }
+  return {
+    locale,
+    direction: $148a7a147e38ea7f$export$702d680b21cbd764(locale) ? "rtl" : "ltr"
+  };
+}
+let $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
+let $1e5a04cdaf7d1af8$var$listeners = /* @__PURE__ */ new Set();
+function $1e5a04cdaf7d1af8$var$updateLocale() {
+  $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
+  for (let listener of $1e5a04cdaf7d1af8$var$listeners)
+    listener($1e5a04cdaf7d1af8$var$currentLocale);
+}
+function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
+  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+  let [defaultLocale, setDefaultLocale] = useState($1e5a04cdaf7d1af8$var$currentLocale);
+  useEffect(() => {
+    if ($1e5a04cdaf7d1af8$var$listeners.size === 0)
+      window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
+    $1e5a04cdaf7d1af8$var$listeners.add(setDefaultLocale);
+    return () => {
+      $1e5a04cdaf7d1af8$var$listeners.delete(setDefaultLocale);
+      if ($1e5a04cdaf7d1af8$var$listeners.size === 0)
+        window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
+    };
+  }, []);
+  if (isSSR)
+    return {
+      locale: "en-US",
+      direction: "ltr"
+    };
+  return defaultLocale;
+}
+const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);
+function $18f2051aff69b9bf$export$43bb16f9c6d9e3f7() {
+  let defaultLocale = $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a();
+  let context = useContext($18f2051aff69b9bf$var$I18nContext);
+  return context || defaultLocale;
+}
+export {
+  $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 as $
+};