@jirawatpyk/aura-react 4.4.1

package/dist/esm/layout.js

@@ -0,0 +1,198 @@
+'use client';
+import * as React from "react";
+import { useStrings, useAuraLocale } from "./locale.js";
+import { cx, useMaybeControlled, uid } from "./internal.js";
+import { Icon } from "./Icon.js";
+const h = React.createElement;
+const Card = React.forwardRef(function Card2(props, ref) {
+  var creative = props.variant === "creative";
+  return h(
+    props.as || "section",
+    {
+      ref,
+      className: cx("aura-card", creative && "aura-card--creative", props.interactive && "is-interactive", props.className),
+      "aria-labelledby": props.title && props.titleId ? props.titleId : void 0
+    },
+    props.title || props.actions ? h(
+      "div",
+      { className: "aura-card__head" },
+      h(
+        "div",
+        { className: "aura-card__heading" },
+        props.title ? h("h" + (props.headingLevel || 3), { className: "aura-card__title", id: props.titleId }, props.title) : null,
+        props.description ? h("p", { className: "aura-card__desc" }, props.description) : null
+      ),
+      props.actions ? h("div", { className: "aura-card__actions" }, props.actions) : null
+    ) : null,
+    props.children ? h("div", { className: "aura-card__body" }, props.children) : null,
+    props.footer ? h("div", { className: "aura-card__foot" }, props.footer) : null
+  );
+});
+const Tabs = React.forwardRef(function Tabs2(props, ref) {
+  var items = props.tabs || [], base = uid();
+  var st = useMaybeControlled(props.value, props.defaultValue || items[0] && items[0].id, props.onChange);
+  var refs = React.useRef({});
+  var current = items.filter(function(t) {
+    return t.id === st[0];
+  })[0] || items[0];
+  function go(i) {
+    var enabled = items.filter(function(t2) {
+      return !t2.disabled;
+    });
+    var t = enabled[(i + enabled.length) % enabled.length];
+    st[1](t.id);
+    if (refs.current[t.id]) refs.current[t.id].focus();
+  }
+  return h(
+    "div",
+    { ref, className: cx("aura-tabs", props.className) },
+    h(
+      "div",
+      {
+        role: "tablist",
+        "aria-label": props.label,
+        className: "aura-tabs__list",
+        onKeyDown: function(e) {
+          var enabled = items.filter(function(t) {
+            return !t.disabled;
+          }), i = enabled.indexOf(current);
+          if (e.key === "ArrowRight") {
+            e.preventDefault();
+            go(i + 1);
+          } else if (e.key === "ArrowLeft") {
+            e.preventDefault();
+            go(i - 1);
+          } else if (e.key === "Home") {
+            e.preventDefault();
+            go(0);
+          } else if (e.key === "End") {
+            e.preventDefault();
+            go(enabled.length - 1);
+          }
+        }
+      },
+      items.map(function(t) {
+        var on = current && t.id === current.id;
+        return h(
+          "button",
+          {
+            key: t.id,
+            type: "button",
+            role: "tab",
+            id: base + "-tab-" + t.id,
+            "aria-selected": on,
+            "aria-controls": base + "-panel-" + t.id,
+            tabIndex: on ? 0 : -1,
+            disabled: t.disabled,
+            ref: function(el) {
+              refs.current[t.id] = el;
+            },
+            className: cx("aura-tab", on && "is-active"),
+            onClick: function() {
+              st[1](t.id);
+            }
+          },
+          t.icon ? h(Icon, { name: t.icon }) : null,
+          t.label,
+          t.count != null ? h("span", { className: "aura-tab__count" }, t.count) : null
+        );
+      })
+    ),
+    current && current.content !== void 0 ? h("div", {
+      role: "tabpanel",
+      id: base + "-panel-" + current.id,
+      "aria-labelledby": base + "-tab-" + current.id,
+      tabIndex: 0,
+      className: "aura-tabs__panel"
+    }, current.content) : null
+  );
+});
+const SideNav = React.forwardRef(function SideNav2(props, ref) {
+  var t = useStrings();
+  var st = useMaybeControlled(props.value, props.defaultValue, props.onChange);
+  function item(it) {
+    var on = st[0] === it.id;
+    var inner = [
+      it.icon ? h(Icon, { key: "i", name: it.icon }) : null,
+      h("span", { key: "l", className: "aura-nav__label" }, it.label),
+      it.count != null ? h("span", { key: "c", className: "aura-nav__count" }, it.count) : null
+    ];
+    var common = {
+      className: cx("aura-nav__item", on && "is-active"),
+      "aria-current": on ? "page" : void 0,
+      onClick: function(e) {
+        if (!it.href) e.preventDefault();
+        st[1](it.id);
+      }
+    };
+    return h("li", { key: it.id }, it.href ? h("a", Object.assign({ href: it.href }, common), inner) : h("button", Object.assign({ type: "button" }, common), inner));
+  }
+  return h(
+    "nav",
+    { ref, className: cx("aura-nav", props.className), "aria-label": props.label || t.mainNav },
+    props.header ? h("div", { className: "aura-nav__header" }, props.header) : null,
+    h(
+      "div",
+      { className: "aura-nav__scroll" },
+      (props.sections || [{ items: props.items || [] }]).map(function(s, i) {
+        return h(
+          "div",
+          { key: i, className: "aura-nav__section" },
+          s.title ? h("p", { className: "aura-nav__title" }, s.title) : null,
+          h("ul", { className: "aura-nav__list" }, s.items.map(item))
+        );
+      })
+    ),
+    props.footer ? h("div", { className: "aura-nav__footer" }, props.footer) : null
+  );
+});
+const Breadcrumb = React.forwardRef(function Breadcrumb2(props, ref) {
+  var t = useStrings();
+  var items = props.items || [];
+  return h(
+    "nav",
+    { ref, "aria-label": props.label || t.breadcrumb, className: cx("aura-crumbs", props.className) },
+    h("ol", null, items.map(function(it, i) {
+      var last = i === items.length - 1;
+      return h(
+        "li",
+        { key: i },
+        last ? h("span", { "aria-current": "page", className: "aura-crumbs__current" }, it.label) : it.href ? h("a", { href: it.href, onClick: it.onClick }, it.label) : h("button", { type: "button", onClick: it.onClick }, it.label),
+        last ? null : h(Icon, { name: "chevron-right", size: 12, className: "aura-crumbs__sep" })
+      );
+    }))
+  );
+});
+var AVATAR_TONES = ["progress", "ready", "neutral", "warning"];
+function initials(name) {
+  var parts = String(name || "?").trim().split(/\s+/);
+  return ((parts[0] || "?")[0] + (parts.length > 1 ? parts[parts.length - 1][0] : parts[0][1] || "")).toUpperCase();
+}
+const Avatar = React.forwardRef(function Avatar2(props, ref) {
+  var size = props.size || "md", errState = React.useState(false);
+  var hash = 0;
+  String(props.name || "").split("").forEach(function(ch) {
+    hash = hash * 31 + ch.charCodeAt(0) >>> 0;
+  });
+  var tone = AVATAR_TONES[hash % AVATAR_TONES.length];
+  return h(
+    "span",
+    {
+      ref,
+      className: cx("aura-avatar", "aura-avatar--" + size, "aura-avatar--" + tone, props.className),
+      role: "img",
+      "aria-label": props.name + (props.status ? ", " + props.status : "")
+    },
+    props.src && !errState[0] ? h("img", { src: props.src, alt: "", onError: function() {
+      errState[1](true);
+    } }) : h("span", { "aria-hidden": true }, initials(props.name)),
+    props.status === "online" ? h("span", { className: "aura-avatar__status", "aria-hidden": true }) : null
+  );
+});
+export {
+  Avatar,
+  Breadcrumb,
+  Card,
+  SideNav,
+  Tabs
+};

package/dist/esm/layout2.js

@@ -0,0 +1,114 @@
+'use client';
+import * as React from "react";
+import { useStrings, useAuraLocale } from "./locale.js";
+import { cx } from "./internal.js";
+import { IconButton } from "./IconButton.js";
+import { Drawer } from "./Dialog.js";
+const h = React.createElement;
+var breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };
+var ORDER = ["base", "sm", "md", "lg", "xl"];
+function useBreakpoint() {
+  return React.useSyncExternalStore(subscribe, current, function() {
+    return "lg";
+  });
+}
+function current() {
+  var w = window.innerWidth, bp = "base";
+  ORDER.slice(1).forEach(function(k) {
+    if (w >= breakpoints[k]) bp = k;
+  });
+  return bp;
+}
+function subscribe(cb) {
+  window.addEventListener("resize", cb);
+  return function() {
+    window.removeEventListener("resize", cb);
+  };
+}
+function useResponsive(value) {
+  var bp = useBreakpoint();
+  if (value == null || typeof value !== "object") return value;
+  for (var i = ORDER.indexOf(bp); i >= 0; i--) if (value[ORDER[i]] !== void 0) return value[ORDER[i]];
+  return void 0;
+}
+function respVars(prefix, value, map) {
+  var style = {};
+  if (value == null) return style;
+  if (typeof value !== "object") value = { base: value };
+  var cur;
+  ORDER.forEach(function(k) {
+    if (value[k] !== void 0) cur = map ? map(value[k]) : value[k];
+    if (cur !== void 0) style["--" + prefix + "-" + k] = cur;
+  });
+  return style;
+}
+var space = function(v) {
+  return typeof v === "number" ? "var(--aura-space-" + v + ")" : v;
+};
+const Stack = React.forwardRef(function Stack2(props, ref) {
+  var style = Object.assign(
+    {},
+    respVars("aura-stack-dir", props.direction || "column"),
+    respVars("aura-stack-gap", props.gap == null ? 4 : props.gap, space),
+    respVars("aura-stack-align", props.align || "stretch"),
+    props.justify ? { justifyContent: props.justify } : null,
+    props.wrap ? { flexWrap: "wrap" } : null,
+    props.style
+  );
+  return h(props.as || "div", { ref, className: cx("aura-stack", props.className), style }, props.children);
+});
+const Grid = React.forwardRef(function Grid2(props, ref) {
+  var style = Object.assign(
+    {},
+    respVars("aura-grid-gap", props.gap == null ? 6 : props.gap, space),
+    props.minItemWidth ? { gridTemplateColumns: "repeat(auto-fill, minmax(min(" + props.minItemWidth + "px, 100%), 1fr))" } : respVars("aura-grid-cols", props.columns || 1),
+    props.style
+  );
+  return h(props.as || "div", { ref, className: cx("aura-grid-layout", props.minItemWidth && "is-auto", props.className), style }, props.children);
+});
+const Container = React.forwardRef(function Container2(props, ref) {
+  return h(props.as || "div", { ref, className: cx("aura-container", props.size === "narrow" && "is-narrow", props.className), style: props.style }, props.children);
+});
+const AppShell = React.forwardRef(function AppShell2(props, ref) {
+  var t = useStrings();
+  var bp = useBreakpoint();
+  var compact = bp === "base" || bp === "sm" || bp === "md";
+  var st = React.useState(false), open = st[0], setOpen = st[1];
+  React.useEffect(function() {
+    if (!compact) setOpen(false);
+  }, [compact]);
+  var nav = props.nav && React.isValidElement(props.nav) && compact ? React.cloneElement(props.nav, { onChange: function(id) {
+    if (props.nav.props.onChange) props.nav.props.onChange(id);
+    setOpen(false);
+  }, className: cx(props.nav.props.className, "is-in-drawer") }) : props.nav;
+  return h(
+    "div",
+    { ref, className: cx("aura-shell", compact && "is-compact", props.className) },
+    !compact ? h("div", { className: "aura-shell__nav" }, nav) : null,
+    compact ? h(Drawer, { open, onClose: function() {
+      setOpen(false);
+    }, side: "left", size: "nav", "aria-label": props.navLabel || t.navigation, dismissible: true }, nav) : null,
+    h(
+      "div",
+      { className: "aura-shell__main" },
+      props.header || compact ? h(
+        "header",
+        { className: "aura-shell__bar" },
+        compact ? h(IconButton, { icon: "menu", label: props.menuLabel || t.openNav, size: "md", onClick: function() {
+          setOpen(true);
+        }, "aria-expanded": open }) : null,
+        h("div", { className: "aura-shell__bar-content" }, props.header)
+      ) : null,
+      h("main", { className: "aura-shell__content", id: props.mainId || "main" }, props.children)
+    )
+  );
+});
+export {
+  AppShell,
+  Container,
+  Grid,
+  Stack,
+  breakpoints,
+  useBreakpoint,
+  useResponsive
+};

package/dist/esm/locale.js

@@ -0,0 +1,204 @@
+'use client';
+import * as React from "react";
+const h = React.createElement;
+var n = function(x) {
+  return Number(x).toLocaleString("en");
+};
+var STRINGS = {
+  en: {
+    close: "Close",
+    dismiss: "Dismiss",
+    dismissToast: "Dismiss notification",
+    notifications: "Notifications",
+    mainNav: "Main",
+    breadcrumb: "Breadcrumb",
+    navigation: "Navigation",
+    openNav: "Open navigation",
+    searching: "Searching\u2026",
+    noMatches: "No matches",
+    clear: function(what) {
+      return "Clear " + (what || "selection");
+    },
+    keepTyping: function(total) {
+      return "Keep typing to narrow " + n(total) + " options";
+    },
+    sortAsc: "Sort ascending",
+    sortDesc: "Sort descending",
+    pin: "Pin to left",
+    unpin: "Unpin column",
+    moveLeft: "Move left",
+    moveRight: "Move right",
+    hideColumn: "Hide column",
+    resetColumns: "Reset columns",
+    selectRows: "Select rows",
+    selectAllRows: "Select all rows",
+    deselectAllRows: "Deselect all rows",
+    selectAll: "Select all",
+    selectRow: function(k) {
+      return "Select " + k;
+    },
+    selectedCount: function(c) {
+      return n(c) + " selected";
+    },
+    pinned: "Pinned",
+    columnOptions: function(label) {
+      return label + " column options";
+    },
+    column: function(label) {
+      return label ? label + " column" : "Column";
+    },
+    columns: "Columns",
+    showHideColumns: "Show or hide columns",
+    empty: "Nothing here yet",
+    loading: "Loading\u2026",
+    loadingRows: "Loading rows",
+    range: function(a, b, total) {
+      return a + "\u2013" + b + " of " + n(total);
+    },
+    page: function(p, total) {
+      return "Page " + p + " of " + total;
+    },
+    prevPage: "Previous page",
+    nextPage: "Next page",
+    rowCount: function(c) {
+      return n(c) + " rows";
+    },
+    actions: "Actions",
+    optional: "optional",
+    timePlaceholder: "hh:mm",
+    timeInvalid: "Type a time like 09:30",
+    timeOutOfRange: function(a, b) {
+      return "Choose a time between " + a + " and " + b;
+    },
+    dropFiles: "Drag files here or",
+    browse: "Choose files",
+    browseOne: "Choose a file",
+    remove: function(n2) {
+      return "Remove " + n2;
+    },
+    fileTooBig: function(max) {
+      return "Larger than " + max;
+    },
+    fileWrongType: "This file type isn\u2019t accepted",
+    tooManyFiles: function(n2) {
+      return "Up to " + n2 + " files";
+    },
+    uploading: "Uploading\u2026",
+    images: "Images",
+    pagination: "Pagination",
+    pageN: function(p) {
+      return "Page " + p;
+    },
+    accepts: function(list, max) {
+      return [list, max && "up to " + max + " each"].filter(Boolean).join(", ");
+    }
+  },
+  th: {
+    close: "\u0E1B\u0E34\u0E14",
+    dismiss: "\u0E1B\u0E34\u0E14",
+    dismissToast: "\u0E1B\u0E34\u0E14\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19",
+    notifications: "\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19",
+    mainNav: "\u0E40\u0E21\u0E19\u0E39\u0E2B\u0E25\u0E31\u0E01",
+    breadcrumb: "\u0E40\u0E2A\u0E49\u0E19\u0E17\u0E32\u0E07",
+    navigation: "\u0E40\u0E21\u0E19\u0E39",
+    openNav: "\u0E40\u0E1B\u0E34\u0E14\u0E40\u0E21\u0E19\u0E39",
+    searching: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E04\u0E49\u0E19\u0E2B\u0E32\u2026",
+    noMatches: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E15\u0E23\u0E07\u0E01\u0E31\u0E19",
+    clear: function(what) {
+      return "\u0E25\u0E49\u0E32\u0E07" + (what || "\u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01");
+    },
+    keepTyping: function(total) {
+      return "\u0E1E\u0E34\u0E21\u0E1E\u0E4C\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E01\u0E23\u0E2D\u0E07\u0E08\u0E32\u0E01 " + n(total) + " \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+    },
+    sortAsc: "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E08\u0E32\u0E01\u0E19\u0E49\u0E2D\u0E22\u0E44\u0E1B\u0E21\u0E32\u0E01",
+    sortDesc: "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E08\u0E32\u0E01\u0E21\u0E32\u0E01\u0E44\u0E1B\u0E19\u0E49\u0E2D\u0E22",
+    pin: "\u0E15\u0E23\u0E36\u0E07\u0E44\u0E27\u0E49\u0E0B\u0E49\u0E32\u0E22",
+    unpin: "\u0E40\u0E25\u0E34\u0E01\u0E15\u0E23\u0E36\u0E07\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C",
+    moveLeft: "\u0E22\u0E49\u0E32\u0E22\u0E44\u0E1B\u0E0B\u0E49\u0E32\u0E22",
+    moveRight: "\u0E22\u0E49\u0E32\u0E22\u0E44\u0E1B\u0E02\u0E27\u0E32",
+    hideColumn: "\u0E0B\u0E48\u0E2D\u0E19\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C",
+    resetColumns: "\u0E04\u0E37\u0E19\u0E04\u0E48\u0E32\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C",
+    selectRows: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E16\u0E27",
+    selectAllRows: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E38\u0E01\u0E41\u0E16\u0E27",
+    deselectAllRows: "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01\u0E01\u0E32\u0E23\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E38\u0E01\u0E41\u0E16\u0E27",
+    selectAll: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14",
+    selectRow: function(k) {
+      return "\u0E40\u0E25\u0E37\u0E2D\u0E01 " + k;
+    },
+    selectedCount: function(c) {
+      return "\u0E40\u0E25\u0E37\u0E2D\u0E01 " + n(c) + " \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+    },
+    pinned: "\u0E15\u0E23\u0E36\u0E07\u0E2D\u0E22\u0E39\u0E48",
+    columnOptions: function(label) {
+      return "\u0E15\u0E31\u0E27\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C " + label;
+    },
+    column: function(label) {
+      return label ? "\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C " + label : "\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C";
+    },
+    columns: "\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C",
+    showHideColumns: "\u0E41\u0E2A\u0E14\u0E07\u0E2B\u0E23\u0E37\u0E2D\u0E0B\u0E48\u0E2D\u0E19\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C",
+    empty: "\u0E22\u0E31\u0E07\u0E44\u0E21\u0E48\u0E21\u0E35\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25",
+    loading: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14\u2026",
+    loadingRows: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25",
+    range: function(a, b, total) {
+      return a + "\u2013" + b + " \u0E08\u0E32\u0E01 " + n(total);
+    },
+    page: function(p, total) {
+      return "\u0E2B\u0E19\u0E49\u0E32 " + p + " / " + total;
+    },
+    prevPage: "\u0E2B\u0E19\u0E49\u0E32\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32",
+    nextPage: "\u0E2B\u0E19\u0E49\u0E32\u0E16\u0E31\u0E14\u0E44\u0E1B",
+    rowCount: function(c) {
+      return n(c) + " \u0E41\u0E16\u0E27";
+    },
+    actions: "\u0E01\u0E32\u0E23\u0E08\u0E31\u0E14\u0E01\u0E32\u0E23",
+    optional: "\u0E44\u0E21\u0E48\u0E1A\u0E31\u0E07\u0E04\u0E31\u0E1A",
+    timePlaceholder: "\u0E0A\u0E0A:\u0E19\u0E19",
+    timeInvalid: "\u0E1E\u0E34\u0E21\u0E1E\u0E4C\u0E40\u0E27\u0E25\u0E32\u0E41\u0E1A\u0E1A 09:30",
+    timeOutOfRange: function(a, b) {
+      return "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E27\u0E25\u0E32\u0E23\u0E30\u0E2B\u0E27\u0E48\u0E32\u0E07 " + a + "\u2013" + b + " \u0E19.";
+    },
+    dropFiles: "\u0E25\u0E32\u0E01\u0E44\u0E1F\u0E25\u0E4C\u0E21\u0E32\u0E27\u0E32\u0E07 \u0E2B\u0E23\u0E37\u0E2D",
+    browse: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C",
+    browseOne: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C",
+    remove: function(n2) {
+      return "\u0E25\u0E1A " + n2;
+    },
+    fileTooBig: function(max) {
+      return "\u0E44\u0E1F\u0E25\u0E4C\u0E43\u0E2B\u0E0D\u0E48\u0E40\u0E01\u0E34\u0E19 " + max;
+    },
+    fileWrongType: "\u0E44\u0E21\u0E48\u0E23\u0E2D\u0E07\u0E23\u0E31\u0E1A\u0E44\u0E1F\u0E25\u0E4C\u0E0A\u0E19\u0E34\u0E14\u0E19\u0E35\u0E49",
+    tooManyFiles: function(n2) {
+      return "\u0E41\u0E19\u0E1A\u0E44\u0E14\u0E49\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 " + n2 + " \u0E44\u0E1F\u0E25\u0E4C";
+    },
+    uploading: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E2D\u0E31\u0E1B\u0E42\u0E2B\u0E25\u0E14\u2026",
+    images: "\u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E",
+    pagination: "\u0E40\u0E25\u0E02\u0E2B\u0E19\u0E49\u0E32",
+    pageN: function(p) {
+      return "\u0E2B\u0E19\u0E49\u0E32 " + p;
+    },
+    accepts: function(list, max) {
+      return [list, max && "\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 " + max + " \u0E15\u0E48\u0E2D\u0E44\u0E1F\u0E25\u0E4C"].filter(Boolean).join(" \xB7 ");
+    }
+  }
+};
+var LocaleContext = React.createContext(null);
+function AuraProvider(props) {
+  var value = React.useMemo(function() {
+    var base = STRINGS[props.locale] || STRINGS.en;
+    return { locale: props.locale || "en", calendar: props.calendar, strings: props.strings ? Object.assign({}, base, props.strings) : base };
+  }, [props.locale, props.calendar, props.strings]);
+  return h(LocaleContext.Provider, { value }, props.children);
+}
+function useAuraLocale() {
+  return React.useContext(LocaleContext) || { locale: null, calendar: null, strings: STRINGS.en };
+}
+function useStrings() {
+  return useAuraLocale().strings;
+}
+export {
+  AuraProvider,
+  STRINGS,
+  useAuraLocale,
+  useStrings
+};

package/dist/esm/overlay.js

@@ -0,0 +1,46 @@
+'use client';
+import * as React from "react";
+import { FOCUSABLE, useMounted } from "./internal.js";
+function useModal(open, ref, opts) {
+  var mounted = useMounted();
+  var prev = React.useRef(null);
+  var o = opts || {};
+  React.useEffect(function() {
+    if (!open || !mounted) return;
+    prev.current = document.activeElement;
+    var body = document.body, overflow = body.style.overflow;
+    body.style.overflow = "hidden";
+    var el = ref.current;
+    var target = el && (el.querySelector("[data-autofocus]") || el.querySelector(o.bodySelector + " " + FOCUSABLE) || el.querySelector(o.footSelector + " " + FOCUSABLE) || el);
+    if (target && o.autoFocus !== false) target.focus();
+    return function() {
+      body.style.overflow = overflow;
+      if (prev.current && prev.current.focus) prev.current.focus();
+    };
+  }, [open, mounted]);
+  function onKeyDown(e) {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      if (o.onEscape) o.onEscape();
+      return;
+    }
+    if (e.key !== "Tab" || !ref.current) return;
+    var list = Array.prototype.slice.call(ref.current.querySelectorAll(FOCUSABLE));
+    if (!list.length) {
+      e.preventDefault();
+      return;
+    }
+    var first = list[0], last = list[list.length - 1];
+    if (e.shiftKey && (document.activeElement === first || document.activeElement === ref.current)) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && document.activeElement === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  }
+  return { ready: open && mounted, onKeyDown };
+}
+export {
+  useModal
+};