@aster-ui/prefixed 0.12.50

package/dist/components/Command.js

@@ -0,0 +1,422 @@
+import { jsx as n, jsxs as m, Fragment as te } from "react/jsx-runtime";
+import W, { forwardRef as pe, useRef as H, useId as ne, useState as K, useCallback as V, useMemo as ee, useEffect as M, createContext as fe, useContext as he } from "react";
+const be = "d-modal", ge = "d-modal-box", Q = "d-kbd", Y = "d-kbd-xs", re = fe(null);
+function A() {
+  const r = he(re);
+  if (!r)
+    throw new Error("Command compound components must be used within a Command");
+  return r;
+}
+const xe = (r, c, s = []) => {
+  const d = c.toLowerCase();
+  return r.toLowerCase().includes(d) ? !0 : s.some((p) => p.toLowerCase().includes(d));
+}, se = pe(
+  ({
+    children: r,
+    open: c,
+    onOpenChange: s,
+    defaultOpen: d = !1,
+    items: l,
+    filter: p = xe,
+    loop: f = !0,
+    shortcut: x = ["k"],
+    placeholder: I = "Type a command or search...",
+    emptyMessage: y = "No results found.",
+    className: q = "",
+    ...z
+  }, h) => {
+    const E = H(null), G = H(null), F = H(null), U = H(null), L = ne(), [$, X] = K(d), v = c !== void 0, D = v ? c : $, b = V(
+      (e) => {
+        v || X(e), s?.(e);
+      },
+      [v, s]
+    ), [k, j] = K(""), [g, w] = K(0), [O, Z] = K(/* @__PURE__ */ new Map()), [C, J] = K(["root"]), _ = C[C.length - 1], oe = V((e) => {
+      J((t) => [...t, e]), j(""), w(0);
+    }, []), B = V(() => {
+      C.length > 1 && (J((e) => e.slice(0, -1)), j(""), w(0));
+    }, [C.length]), le = V(
+      (e, t, a, i, u) => {
+        Z((o) => {
+          const S = new Map(o);
+          return S.set(e, { id: e, value: t, keywords: a, disabled: i, onSelect: u }), S;
+        });
+      },
+      []
+    ), ie = V((e) => {
+      Z((t) => {
+        const a = new Map(t);
+        return a.delete(e), a;
+      });
+    }, []), P = ee(() => l ? l.filter((t) => {
+      if (!k) return !0;
+      const a = typeof t.label == "string" ? t.label : "";
+      return p(a, k, t.keywords);
+    }).map((t) => ({
+      id: t.key,
+      value: typeof t.label == "string" ? t.label : t.key,
+      keywords: t.keywords || [],
+      disabled: t.disabled || !1
+    })) : Array.from(O.values()).filter((t) => k ? p(t.value, k, t.keywords) : !0), [l, O, k, p]), N = ee(
+      () => P.filter((e) => !e.disabled),
+      [P]
+    ), R = V(
+      (e) => {
+        if (l) {
+          const t = l.find((a) => a.key === e);
+          t && !t.disabled && (t.onSelect?.(), b(!1));
+        } else {
+          const t = O.get(e);
+          t && !t.disabled && (t.onSelect?.(), b(!1));
+        }
+      },
+      [l, O, b]
+    );
+    M(() => {
+      D && (j(""), w(0), J(["root"]));
+    }, [D]), M(() => {
+      const e = E.current;
+      e && (D ? e.open || (U.current = document.activeElement, e.showModal(), setTimeout(() => G.current?.focus(), 0)) : e.open && (e.close(), U.current?.focus()));
+    }, [D]), M(() => {
+      const e = E.current;
+      if (!e) return;
+      const t = () => {
+        b(!1);
+      };
+      return e.addEventListener("close", t), () => e.removeEventListener("close", t);
+    }, [b]), M(() => {
+      const e = (t) => {
+        const a = x[0]?.toLowerCase();
+        (t.metaKey || t.ctrlKey) && t.key.toLowerCase() === a && (t.preventDefault(), b(!D));
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [x, D, b]);
+    const ce = V(
+      (e) => {
+        switch (e.key) {
+          case "ArrowDown": {
+            if (e.preventDefault(), N.length === 0) return;
+            w((t) => {
+              const a = t + 1;
+              return a >= N.length ? f ? 0 : t : a;
+            });
+            break;
+          }
+          case "ArrowUp": {
+            if (e.preventDefault(), N.length === 0) return;
+            w((t) => {
+              const a = t - 1;
+              return a < 0 ? f ? N.length - 1 : 0 : a;
+            });
+            break;
+          }
+          case "Enter": {
+            e.preventDefault();
+            const t = N[g];
+            t && R(t.id);
+            break;
+          }
+          case "Escape": {
+            e.preventDefault(), C.length > 1 ? B() : b(!1);
+            break;
+          }
+          case "Backspace": {
+            k === "" && C.length > 1 && (e.preventDefault(), B());
+            break;
+          }
+        }
+      },
+      [N, g, f, R, C, B, k, b]
+    );
+    M(() => {
+      g >= 0 && F.current && F.current.querySelectorAll("[data-command-item]")[g]?.scrollIntoView({ block: "nearest" });
+    }, [g]);
+    const de = (e) => {
+      e.target === E.current && b(!1);
+    }, ue = {
+      searchValue: k,
+      setSearchValue: j,
+      highlightedIndex: g,
+      setHighlightedIndex: w,
+      registerItem: (e, t, a, i) => le(e, t, a, i),
+      unregisterItem: ie,
+      filteredItems: P,
+      selectItem: R,
+      loop: f,
+      baseId: L,
+      currentPage: _,
+      setPage: oe,
+      goBack: B,
+      pageStack: C
+    }, me = () => {
+      if (!l) return null;
+      const e = /* @__PURE__ */ new Map(), t = [];
+      P.forEach((i) => {
+        const u = l.find((o) => o.key === i.id);
+        if (u)
+          if (u.group) {
+            const o = e.get(u.group) || [];
+            o.push(u), e.set(u.group, o);
+          } else
+            t.push(u);
+      });
+      let a = 0;
+      return /* @__PURE__ */ m(te, { children: [
+        Array.from(e.entries()).map(([i, u]) => /* @__PURE__ */ m("div", { role: "group", "aria-label": i, children: [
+          /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: i }),
+          u.map((o) => {
+            const S = a++, T = S === g;
+            return /* @__PURE__ */ m(
+              "div",
+              {
+                role: "option",
+                "aria-selected": T,
+                "aria-disabled": o.disabled,
+                "data-command-item": !0,
+                "data-highlighted": T,
+                className: [
+                  "px-3 py-2 cursor-pointer flex items-center gap-3",
+                  T && "bg-primary text-primary-content",
+                  !T && "hover:bg-base-200",
+                  o.disabled && "opacity-50 cursor-not-allowed"
+                ].filter(Boolean).join(" "),
+                onClick: () => !o.disabled && R(o.key),
+                onMouseEnter: () => !o.disabled && w(S),
+                children: [
+                  o.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: o.icon }),
+                  /* @__PURE__ */ n("span", { children: o.label })
+                ]
+              },
+              o.key
+            );
+          })
+        ] }, i)),
+        t.length > 0 && /* @__PURE__ */ n("div", { role: "group", children: t.map((i) => {
+          const u = a++, o = u === g;
+          return /* @__PURE__ */ m(
+            "div",
+            {
+              role: "option",
+              "aria-selected": o,
+              "aria-disabled": i.disabled,
+              "data-command-item": !0,
+              "data-highlighted": o,
+              className: [
+                "px-3 py-2 cursor-pointer flex items-center gap-3",
+                o && "bg-primary text-primary-content",
+                !o && "hover:bg-base-200",
+                i.disabled && "opacity-50 cursor-not-allowed"
+              ].filter(Boolean).join(" "),
+              onClick: () => !i.disabled && R(i.key),
+              onMouseEnter: () => !i.disabled && w(u),
+              children: [
+                i.icon && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: i.icon }),
+                /* @__PURE__ */ n("span", { children: i.label })
+              ]
+            },
+            i.key
+          );
+        }) })
+      ] });
+    };
+    return /* @__PURE__ */ n(
+      "dialog",
+      {
+        ref: (e) => {
+          E.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+        },
+        className: `${be} ${q}`,
+        onClick: de,
+        ...z,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: `${ge} p-0 max-w-lg w-full overflow-hidden`,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": "Command palette",
+            children: /* @__PURE__ */ m(re.Provider, { value: ue, children: [
+              C.length > 1 && /* @__PURE__ */ m("div", { className: "px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm", children: [
+                /* @__PURE__ */ n(
+                  "button",
+                  {
+                    onClick: B,
+                    className: "hover:bg-base-200 rounded p-1",
+                    "aria-label": "Go back",
+                    children: /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+                  }
+                ),
+                /* @__PURE__ */ n("span", { className: "text-base-content/60", children: _ })
+              ] }),
+              /* @__PURE__ */ n("div", { className: "px-3 py-3 border-b border-base-content/10", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ n(
+                  "svg",
+                  {
+                    className: "w-5 h-5 text-base-content/50",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ n(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "input",
+                  {
+                    ref: G,
+                    type: "text",
+                    className: "flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50",
+                    placeholder: I,
+                    value: k,
+                    onChange: (e) => {
+                      j(e.target.value), w(0);
+                    },
+                    onKeyDown: ce,
+                    role: "combobox",
+                    "aria-expanded": "true",
+                    "aria-controls": `${L}-listbox`,
+                    "aria-activedescendant": N[g] ? `${L}-item-${N[g].id}` : void 0
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  ref: F,
+                  className: "max-h-80 overflow-y-auto py-2",
+                  role: "listbox",
+                  id: `${L}-listbox`,
+                  children: l ? P.length > 0 ? me() : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: y }) : r
+                }
+              ),
+              /* @__PURE__ */ n("div", { className: "px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "↑↓" }),
+                  " navigate"
+                ] }),
+                /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "↵" }),
+                  " select"
+                ] }),
+                /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ n("kbd", { className: `${Q} ${Y}`, children: "esc" }),
+                  " close"
+                ] })
+              ] }) })
+            ] })
+          }
+        )
+      }
+    );
+  }
+);
+se.displayName = "Command";
+function ye({ placeholder: r, value: c, onValueChange: s, ...d }) {
+  const { searchValue: l, setSearchValue: p } = A();
+  return /* @__PURE__ */ n(
+    "input",
+    {
+      type: "text",
+      className: "flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50",
+      placeholder: r,
+      value: c !== void 0 ? c : l,
+      onChange: (I) => {
+        const y = I.target.value;
+        s ? s(y) : p(y);
+      },
+      ...d
+    }
+  );
+}
+function ve({ children: r }) {
+  const { baseId: c, currentPage: s } = A(), d = W.Children.toArray(r).filter((l) => W.isValidElement(l) ? l.type === ae ? l.props.id === s : s === "root" : !1);
+  return /* @__PURE__ */ n("div", { role: "listbox", id: `${c}-listbox`, className: "py-2", children: d });
+}
+function ke({ heading: r, children: c }) {
+  const { searchValue: s, filteredItems: d } = A(), p = W.Children.toArray(c).some((f) => {
+    if (!W.isValidElement(f)) return !1;
+    const x = f.props, I = x.value || "";
+    return s ? d.some((y) => y.value === I || y.id === x.value) : !0;
+  });
+  return s && !p ? null : /* @__PURE__ */ m("div", { role: "group", "aria-label": typeof r == "string" ? r : void 0, children: [
+    r && /* @__PURE__ */ n("div", { className: "px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider", children: r }),
+    c
+  ] });
+}
+function we({
+  children: r,
+  value: c,
+  onSelect: s,
+  disabled: d = !1,
+  keywords: l = [],
+  icon: p
+}) {
+  const {
+    registerItem: f,
+    unregisterItem: x,
+    filteredItems: I,
+    highlightedIndex: y,
+    setHighlightedIndex: q,
+    baseId: z
+  } = A(), h = ne(), E = c || (typeof r == "string" ? r : "");
+  M(() => (f(h, E, l, d), () => x(h)), [h, E, l, d, f, x]);
+  const G = H(s);
+  if (G.current = s, !I.some((v) => v.id === h)) return null;
+  const L = I.filter((v) => !v.disabled).findIndex((v) => v.id === h), $ = L === y, X = () => {
+    !d && s && s();
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      id: `${z}-item-${h}`,
+      role: "option",
+      "aria-selected": $,
+      "aria-disabled": d,
+      "data-command-item": !0,
+      "data-highlighted": $,
+      className: [
+        "px-3 py-2 cursor-pointer flex items-center gap-3",
+        $ && "bg-primary text-primary-content",
+        !$ && "hover:bg-base-200",
+        d && "opacity-50 cursor-not-allowed"
+      ].filter(Boolean).join(" "),
+      onClick: X,
+      onMouseEnter: () => !d && q(L),
+      children: [
+        p && /* @__PURE__ */ n("span", { className: "w-5 h-5", children: p }),
+        /* @__PURE__ */ n("span", { children: r })
+      ]
+    }
+  );
+}
+function Ce({ children: r = "No results found." }) {
+  const { filteredItems: c, searchValue: s } = A();
+  return c.length > 0 || !s ? null : /* @__PURE__ */ n("div", { className: "px-3 py-8 text-center text-base-content/60", children: r });
+}
+function ae({ id: r, children: c }) {
+  const { currentPage: s } = A();
+  return s !== r ? null : /* @__PURE__ */ n(te, { children: c });
+}
+function Ie() {
+  return /* @__PURE__ */ n("div", { className: "my-2 border-t border-base-content/10", role: "separator" });
+}
+const Le = Object.assign(se, {
+  Input: ye,
+  List: ve,
+  Group: ke,
+  Item: we,
+  Empty: Ce,
+  Page: ae,
+  Separator: Ie
+});
+export {
+  Le as Command,
+  Le as default
+};
+//# sourceMappingURL=Command.js.map

package/dist/components/Command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.js","sources":["../../src/components/Command.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// DaisyUI classes\nconst dModal = 'd-modal'\nconst dModalBox = 'd-modal-box'\nconst dKbd = 'd-kbd'\nconst dKbdXs = 'd-kbd-xs'\n\n// Types\nexport interface CommandItemConfig {\n  key: string\n  label: React.ReactNode\n  group?: string\n  keywords?: string[]\n  disabled?: boolean\n  onSelect?: () => void\n  icon?: React.ReactNode\n}\n\nexport interface CommandProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'children'> {\n  children?: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  defaultOpen?: boolean\n  items?: CommandItemConfig[]\n  filter?: (value: string, search: string, keywords?: string[]) => boolean\n  loop?: boolean\n  shortcut?: string[]\n  placeholder?: string\n  emptyMessage?: React.ReactNode\n}\n\ninterface CommandContextValue {\n  searchValue: string\n  setSearchValue: (value: string) => void\n  highlightedIndex: number\n  setHighlightedIndex: (index: number) => void\n  registerItem: (id: string, value: string, keywords: string[], disabled: boolean) => void\n  unregisterItem: (id: string) => void\n  filteredItems: FilteredItem[]\n  selectItem: (id: string) => void\n  loop: boolean\n  baseId: string\n  currentPage: string\n  setPage: (pageId: string) => void\n  goBack: () => void\n  pageStack: string[]\n}\n\ninterface FilteredItem {\n  id: string\n  value: string\n  keywords: string[]\n  disabled: boolean\n}\n\ninterface ItemRegistration {\n  id: string\n  value: string\n  keywords: string[]\n  disabled: boolean\n  onSelect?: () => void\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null)\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext)\n  if (!context) {\n    throw new Error('Command compound components must be used within a Command')\n  }\n  return context\n}\n\n// Default filter function\nconst defaultFilter = (value: string, search: string, keywords: string[] = []): boolean => {\n  const searchLower = search.toLowerCase()\n  const valueLower = value.toLowerCase()\n  if (valueLower.includes(searchLower)) return true\n  return keywords.some((k) => k.toLowerCase().includes(searchLower))\n}\n\n// Root Command component\nconst CommandRoot = forwardRef<HTMLDialogElement, CommandProps>(\n  (\n    {\n      children,\n      open: controlledOpen,\n      onOpenChange,\n      defaultOpen = false,\n      items,\n      filter = defaultFilter,\n      loop = true,\n      shortcut = ['k'],\n      placeholder = 'Type a command or search...',\n      emptyMessage = 'No results found.',\n      className = '',\n      ...rest\n    },\n    ref\n  ) => {\n    const dialogRef = useRef<HTMLDialogElement>(null)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const listRef = useRef<HTMLDivElement>(null)\n    const previousActiveElement = useRef<HTMLElement | null>(null)\n    const baseId = useId()\n\n    // Controlled/uncontrolled open state\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const setIsOpen = useCallback(\n      (newOpen: boolean) => {\n        if (!isControlled) {\n          setInternalOpen(newOpen)\n        }\n        onOpenChange?.(newOpen)\n      },\n      [isControlled, onOpenChange]\n    )\n\n    // State\n    const [searchValue, setSearchValue] = useState('')\n    const [highlightedIndex, setHighlightedIndex] = useState(0)\n    const [registeredItems, setRegisteredItems] = useState<Map<string, ItemRegistration>>(new Map())\n    const [pageStack, setPageStack] = useState<string[]>(['root'])\n    const currentPage = pageStack[pageStack.length - 1]\n\n    // Page navigation\n    const setPage = useCallback((pageId: string) => {\n      setPageStack((prev) => [...prev, pageId])\n      setSearchValue('')\n      setHighlightedIndex(0)\n    }, [])\n\n    const goBack = useCallback(() => {\n      if (pageStack.length > 1) {\n        setPageStack((prev) => prev.slice(0, -1))\n        setSearchValue('')\n        setHighlightedIndex(0)\n      }\n    }, [pageStack.length])\n\n    // Item registration for compound components\n    const registerItem = useCallback(\n      (id: string, value: string, keywords: string[], disabled: boolean, onSelect?: () => void) => {\n        setRegisteredItems((prev) => {\n          const next = new Map(prev)\n          next.set(id, { id, value, keywords, disabled, onSelect })\n          return next\n        })\n      },\n      []\n    )\n\n    const unregisterItem = useCallback((id: string) => {\n      setRegisteredItems((prev) => {\n        const next = new Map(prev)\n        next.delete(id)\n        return next\n      })\n    }, [])\n\n    // Compute filtered items\n    const filteredItems = useMemo((): FilteredItem[] => {\n      // Use data-driven items if provided\n      if (items) {\n        return items\n          .filter((item) => {\n            if (!searchValue) return true\n            const label = typeof item.label === 'string' ? item.label : ''\n            return filter(label, searchValue, item.keywords)\n          })\n          .map((item) => ({\n            id: item.key,\n            value: typeof item.label === 'string' ? item.label : item.key,\n            keywords: item.keywords || [],\n            disabled: item.disabled || false,\n          }))\n      }\n\n      // Use registered compound items\n      const itemsArray = Array.from(registeredItems.values())\n      return itemsArray.filter((item) => {\n        if (!searchValue) return true\n        return filter(item.value, searchValue, item.keywords)\n      })\n    }, [items, registeredItems, searchValue, filter])\n\n    // Get enabled items for navigation\n    const enabledItems = useMemo(\n      () => filteredItems.filter((item) => !item.disabled),\n      [filteredItems]\n    )\n\n    // Select item\n    const selectItem = useCallback(\n      (id: string) => {\n        if (items) {\n          const item = items.find((i) => i.key === id)\n          if (item && !item.disabled) {\n            item.onSelect?.()\n            setIsOpen(false)\n          }\n        } else {\n          const reg = registeredItems.get(id)\n          if (reg && !reg.disabled) {\n            reg.onSelect?.()\n            setIsOpen(false)\n          }\n        }\n      },\n      [items, registeredItems, setIsOpen]\n    )\n\n    // Reset state when opening\n    useEffect(() => {\n      if (isOpen) {\n        setSearchValue('')\n        setHighlightedIndex(0)\n        setPageStack(['root'])\n      }\n    }, [isOpen])\n\n    // Handle dialog open/close\n    useEffect(() => {\n      const dialog = dialogRef.current\n      if (!dialog) return\n\n      if (isOpen) {\n        if (!dialog.open) {\n          previousActiveElement.current = document.activeElement as HTMLElement\n          dialog.showModal()\n          setTimeout(() => inputRef.current?.focus(), 0)\n        }\n      } else {\n        if (dialog.open) {\n          dialog.close()\n          previousActiveElement.current?.focus()\n        }\n      }\n    }, [isOpen])\n\n    // Handle dialog close event\n    useEffect(() => {\n      const dialog = dialogRef.current\n      if (!dialog) return\n\n      const onDialogClose = () => {\n        setIsOpen(false)\n      }\n\n      dialog.addEventListener('close', onDialogClose)\n      return () => dialog.removeEventListener('close', onDialogClose)\n    }, [setIsOpen])\n\n    // Global keyboard shortcut\n    useEffect(() => {\n      const handleGlobalKeyDown = (e: KeyboardEvent) => {\n        const key = shortcut[0]?.toLowerCase()\n        if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === key) {\n          e.preventDefault()\n          setIsOpen(!isOpen)\n        }\n      }\n\n      document.addEventListener('keydown', handleGlobalKeyDown)\n      return () => document.removeEventListener('keydown', handleGlobalKeyDown)\n    }, [shortcut, isOpen, setIsOpen])\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown': {\n            e.preventDefault()\n            if (enabledItems.length === 0) return\n            setHighlightedIndex((prev) => {\n              const next = prev + 1\n              if (next >= enabledItems.length) {\n                return loop ? 0 : prev\n              }\n              return next\n            })\n            break\n          }\n          case 'ArrowUp': {\n            e.preventDefault()\n            if (enabledItems.length === 0) return\n            setHighlightedIndex((prev) => {\n              const next = prev - 1\n              if (next < 0) {\n                return loop ? enabledItems.length - 1 : 0\n              }\n              return next\n            })\n            break\n          }\n          case 'Enter': {\n            e.preventDefault()\n            const item = enabledItems[highlightedIndex]\n            if (item) {\n              selectItem(item.id)\n            }\n            break\n          }\n          case 'Escape': {\n            e.preventDefault()\n            if (pageStack.length > 1) {\n              goBack()\n            } else {\n              setIsOpen(false)\n            }\n            break\n          }\n          case 'Backspace': {\n            if (searchValue === '' && pageStack.length > 1) {\n              e.preventDefault()\n              goBack()\n            }\n            break\n          }\n        }\n      },\n      [enabledItems, highlightedIndex, loop, selectItem, pageStack, goBack, searchValue, setIsOpen]\n    )\n\n    // Scroll highlighted item into view\n    useEffect(() => {\n      if (highlightedIndex >= 0 && listRef.current) {\n        const items = listRef.current.querySelectorAll('[data-command-item]')\n        const highlightedEl = items[highlightedIndex] as HTMLElement\n        highlightedEl?.scrollIntoView({ block: 'nearest' })\n      }\n    }, [highlightedIndex])\n\n    // Handle mask click\n    const handleBackdropClick = (e: React.MouseEvent) => {\n      if (e.target === dialogRef.current) {\n        setIsOpen(false)\n      }\n    }\n\n    const contextValue: CommandContextValue = {\n      searchValue,\n      setSearchValue,\n      highlightedIndex,\n      setHighlightedIndex,\n      registerItem: (id, value, keywords, disabled) => registerItem(id, value, keywords, disabled),\n      unregisterItem,\n      filteredItems,\n      selectItem,\n      loop,\n      baseId,\n      currentPage,\n      setPage,\n      goBack,\n      pageStack,\n    }\n\n    // Render data-driven items\n    const renderDataDrivenItems = () => {\n      if (!items) return null\n\n      // Group items\n      const groups = new Map<string, CommandItemConfig[]>()\n      const ungrouped: CommandItemConfig[] = []\n\n      filteredItems.forEach((fi) => {\n        const item = items.find((i) => i.key === fi.id)\n        if (!item) return\n        if (item.group) {\n          const group = groups.get(item.group) || []\n          group.push(item)\n          groups.set(item.group, group)\n        } else {\n          ungrouped.push(item)\n        }\n      })\n\n      let globalIndex = 0\n\n      return (\n        <>\n          {Array.from(groups.entries()).map(([groupName, groupItems]) => (\n            <div key={groupName} role=\"group\" aria-label={groupName}>\n              <div className=\"px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider\">\n                {groupName}\n              </div>\n              {groupItems.map((item) => {\n                const itemIndex = globalIndex++\n                const isHighlighted = itemIndex === highlightedIndex\n                return (\n                  <div\n                    key={item.key}\n                    role=\"option\"\n                    aria-selected={isHighlighted}\n                    aria-disabled={item.disabled}\n                    data-command-item\n                    data-highlighted={isHighlighted}\n                    className={[\n                      'px-3 py-2 cursor-pointer flex items-center gap-3',\n                      isHighlighted && 'bg-primary text-primary-content',\n                      !isHighlighted && 'hover:bg-base-200',\n                      item.disabled && 'opacity-50 cursor-not-allowed',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    onClick={() => !item.disabled && selectItem(item.key)}\n                    onMouseEnter={() => !item.disabled && setHighlightedIndex(itemIndex)}\n                  >\n                    {item.icon && <span className=\"w-5 h-5\">{item.icon}</span>}\n                    <span>{item.label}</span>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n          {ungrouped.length > 0 && (\n            <div role=\"group\">\n              {ungrouped.map((item) => {\n                const itemIndex = globalIndex++\n                const isHighlighted = itemIndex === highlightedIndex\n                return (\n                  <div\n                    key={item.key}\n                    role=\"option\"\n                    aria-selected={isHighlighted}\n                    aria-disabled={item.disabled}\n                    data-command-item\n                    data-highlighted={isHighlighted}\n                    className={[\n                      'px-3 py-2 cursor-pointer flex items-center gap-3',\n                      isHighlighted && 'bg-primary text-primary-content',\n                      !isHighlighted && 'hover:bg-base-200',\n                      item.disabled && 'opacity-50 cursor-not-allowed',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    onClick={() => !item.disabled && selectItem(item.key)}\n                    onMouseEnter={() => !item.disabled && setHighlightedIndex(itemIndex)}\n                  >\n                    {item.icon && <span className=\"w-5 h-5\">{item.icon}</span>}\n                    <span>{item.label}</span>\n                  </div>\n                )\n              })}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return (\n      <dialog\n        ref={(node) => {\n          ;(dialogRef as React.MutableRefObject<HTMLDialogElement | null>).current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) ref.current = node\n        }}\n        className={`${dModal} ${className}`}\n        onClick={handleBackdropClick}\n        {...rest}\n      >\n        <div\n          className={`${dModalBox} p-0 max-w-lg w-full overflow-hidden`}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command palette\"\n        >\n          <CommandContext.Provider value={contextValue}>\n            {/* Breadcrumb for nested pages */}\n            {pageStack.length > 1 && (\n              <div className=\"px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm\">\n                <button\n                  onClick={goBack}\n                  className=\"hover:bg-base-200 rounded p-1\"\n                  aria-label=\"Go back\"\n                >\n                  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                  </svg>\n                </button>\n                <span className=\"text-base-content/60\">{currentPage}</span>\n              </div>\n            )}\n\n            {/* Search input */}\n            <div className=\"px-3 py-3 border-b border-base-content/10\">\n              <div className=\"flex items-center gap-3\">\n                <svg\n                  className=\"w-5 h-5 text-base-content/50\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                  />\n                </svg>\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  className=\"flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50\"\n                  placeholder={placeholder}\n                  value={searchValue}\n                  onChange={(e) => {\n                    setSearchValue(e.target.value)\n                    setHighlightedIndex(0)\n                  }}\n                  onKeyDown={handleKeyDown}\n                  role=\"combobox\"\n                  aria-expanded=\"true\"\n                  aria-controls={`${baseId}-listbox`}\n                  aria-activedescendant={\n                    enabledItems[highlightedIndex]\n                      ? `${baseId}-item-${enabledItems[highlightedIndex].id}`\n                      : undefined\n                  }\n                />\n              </div>\n            </div>\n\n            {/* List */}\n            <div\n              ref={listRef}\n              className=\"max-h-80 overflow-y-auto py-2\"\n              role=\"listbox\"\n              id={`${baseId}-listbox`}\n            >\n              {items ? (\n                filteredItems.length > 0 ? (\n                  renderDataDrivenItems()\n                ) : (\n                  <div className=\"px-3 py-8 text-center text-base-content/60\">{emptyMessage}</div>\n                )\n              ) : (\n                children\n              )}\n            </div>\n\n            {/* Footer with shortcut hint */}\n            <div className=\"px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50\">\n              <div className=\"flex items-center gap-4\">\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>↑↓</kbd> navigate\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>↵</kbd> select\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>esc</kbd> close\n                </span>\n              </div>\n            </div>\n          </CommandContext.Provider>\n        </div>\n      </dialog>\n    )\n  }\n)\n\nCommandRoot.displayName = 'Command'\n\n// Command.Input - for compound pattern customization\ninterface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n  value?: string\n  onValueChange?: (value: string) => void\n}\n\nfunction CommandInput({ placeholder, value, onValueChange, ...rest }: CommandInputProps) {\n  const { searchValue, setSearchValue } = useCommandContext()\n  const controlledValue = value !== undefined ? value : searchValue\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    if (onValueChange) {\n      onValueChange(newValue)\n    } else {\n      setSearchValue(newValue)\n    }\n  }\n\n  return (\n    <input\n      type=\"text\"\n      className=\"flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50\"\n      placeholder={placeholder}\n      value={controlledValue}\n      onChange={handleChange}\n      {...rest}\n    />\n  )\n}\n\n// Command.List\ninterface CommandListProps {\n  children: React.ReactNode\n}\n\nfunction CommandList({ children }: CommandListProps) {\n  const { baseId, currentPage } = useCommandContext()\n\n  // Filter children to only show items for current page\n  const filteredChildren = React.Children.toArray(children).filter((child) => {\n    if (!React.isValidElement(child)) return false\n    // Show Command.Page only if it matches currentPage\n    if (child.type === CommandPage) {\n      return (child.props as CommandPageProps).id === currentPage\n    }\n    // Show groups/items only on root page\n    return currentPage === 'root'\n  })\n\n  return (\n    <div role=\"listbox\" id={`${baseId}-listbox`} className=\"py-2\">\n      {filteredChildren}\n    </div>\n  )\n}\n\n// Command.Group\ninterface CommandGroupProps {\n  heading?: React.ReactNode\n  children: React.ReactNode\n}\n\nfunction CommandGroup({ heading, children }: CommandGroupProps) {\n  const { searchValue, filteredItems } = useCommandContext()\n\n  // Check if any children match the filter\n  const childArray = React.Children.toArray(children)\n  const hasVisibleChildren = childArray.some((child) => {\n    if (!React.isValidElement(child)) return false\n    const childProps = child.props as CommandItemProps\n    const childValue = childProps.value || ''\n    if (!searchValue) return true\n    return filteredItems.some((fi) => fi.value === childValue || fi.id === childProps.value)\n  })\n\n  if (searchValue && !hasVisibleChildren) {\n    return null\n  }\n\n  return (\n    <div role=\"group\" aria-label={typeof heading === 'string' ? heading : undefined}>\n      {heading && (\n        <div className=\"px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider\">\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n}\n\n// Command.Item\ninterface CommandItemProps {\n  children: React.ReactNode\n  value?: string\n  onSelect?: () => void\n  disabled?: boolean\n  keywords?: string[]\n  icon?: React.ReactNode\n}\n\nfunction CommandItem({\n  children,\n  value,\n  onSelect,\n  disabled = false,\n  keywords = [],\n  icon,\n}: CommandItemProps) {\n  const {\n    registerItem,\n    unregisterItem,\n    filteredItems,\n    highlightedIndex,\n    setHighlightedIndex,\n    baseId,\n  } = useCommandContext()\n\n  const itemId = useId()\n  const itemValue = value || (typeof children === 'string' ? children : '')\n\n  // Register item\n  useEffect(() => {\n    registerItem(itemId, itemValue, keywords, disabled)\n    return () => unregisterItem(itemId)\n  }, [itemId, itemValue, keywords, disabled, registerItem, unregisterItem])\n\n  // Store onSelect in a ref so we can access it from selectItem\n  const onSelectRef = useRef(onSelect)\n  onSelectRef.current = onSelect\n\n  // Check if this item is visible after filtering\n  const isVisible = filteredItems.some((fi) => fi.id === itemId)\n  if (!isVisible) return null\n\n  // Find index in filtered items\n  const enabledItems = filteredItems.filter((fi) => !fi.disabled)\n  const itemIndex = enabledItems.findIndex((fi) => fi.id === itemId)\n  const isHighlighted = itemIndex === highlightedIndex\n\n  const handleClick = () => {\n    if (!disabled && onSelect) {\n      onSelect()\n    }\n  }\n\n  return (\n    <div\n      id={`${baseId}-item-${itemId}`}\n      role=\"option\"\n      aria-selected={isHighlighted}\n      aria-disabled={disabled}\n      data-command-item\n      data-highlighted={isHighlighted}\n      className={[\n        'px-3 py-2 cursor-pointer flex items-center gap-3',\n        isHighlighted && 'bg-primary text-primary-content',\n        !isHighlighted && 'hover:bg-base-200',\n        disabled && 'opacity-50 cursor-not-allowed',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      onMouseEnter={() => !disabled && setHighlightedIndex(itemIndex)}\n    >\n      {icon && <span className=\"w-5 h-5\">{icon}</span>}\n      <span>{children}</span>\n    </div>\n  )\n}\n\n// Command.Empty\ninterface CommandEmptyProps {\n  children?: React.ReactNode\n}\n\nfunction CommandEmpty({ children = 'No results found.' }: CommandEmptyProps) {\n  const { filteredItems, searchValue } = useCommandContext()\n\n  if (filteredItems.length > 0 || !searchValue) {\n    return null\n  }\n\n  return <div className=\"px-3 py-8 text-center text-base-content/60\">{children}</div>\n}\n\n// Command.Page - for nested navigation\ninterface CommandPageProps {\n  id: string\n  children: React.ReactNode\n}\n\nfunction CommandPage({ id, children }: CommandPageProps) {\n  const { currentPage } = useCommandContext()\n\n  if (currentPage !== id) {\n    return null\n  }\n\n  return <>{children}</>\n}\n\n// Command.Separator\nfunction CommandSeparator() {\n  return <div className=\"my-2 border-t border-base-content/10\" role=\"separator\" />\n}\n\n// Export compound component\nexport const Command = Object.assign(CommandRoot, {\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Empty: CommandEmpty,\n  Page: CommandPage,\n  Separator: CommandSeparator,\n})\n\nexport default Command\n"],"names":["dModal","dModalBox","dKbd","dKbdXs","CommandContext","createContext","useCommandContext","context","useContext","defaultFilter","value","search","keywords","searchLower","k","CommandRoot","forwardRef","children","controlledOpen","onOpenChange","defaultOpen","items","filter","loop","shortcut","placeholder","emptyMessage","className","rest","ref","dialogRef","useRef","inputRef","listRef","previousActiveElement","baseId","useId","internalOpen","setInternalOpen","useState","isControlled","isOpen","setIsOpen","useCallback","newOpen","searchValue","setSearchValue","highlightedIndex","setHighlightedIndex","registeredItems","setRegisteredItems","pageStack","setPageStack","currentPage","setPage","pageId","prev","goBack","registerItem","id","disabled","onSelect","next","unregisterItem","filteredItems","useMemo","item","label","enabledItems","selectItem","i","reg","useEffect","dialog","onDialogClose","handleGlobalKeyDown","e","key","handleKeyDown","handleBackdropClick","contextValue","renderDataDrivenItems","groups","ungrouped","fi","group","globalIndex","jsxs","Fragment","groupName","groupItems","jsx","itemIndex","isHighlighted","node","CommandInput","onValueChange","newValue","CommandList","filteredChildren","React","child","CommandPage","CommandGroup","heading","hasVisibleChildren","childProps","childValue","CommandItem","icon","itemId","itemValue","onSelectRef","handleClick","CommandEmpty","CommandSeparator","Command"],"mappings":"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"}

package/dist/components/ConfigProvider.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { Locale } from '../locale';
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Direction = 'ltr' | 'rtl';
+export interface ConfigContextValue {
+    /** Current locale */
+    locale: Locale;
+    /** Component size */
+    componentSize?: ComponentSize;
+    /** Layout direction */
+    direction?: Direction;
+    /** Prefix for CSS classes */
+    prefixCls?: string;
+    /** Default container for portals (modals, dropdowns, etc.) */
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+}
+export interface ConfigProviderProps {
+    /** Locale configuration */
+    locale?: Locale;
+    /** Component size for all child components */
+    componentSize?: ComponentSize;
+    /** Layout direction (ltr or rtl) */
+    direction?: Direction;
+    /** Prefix for CSS classes */
+    prefixCls?: string;
+    /** Default container for portals */
+    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
+    /** Child components */
+    children?: React.ReactNode;
+}
+declare const ConfigContext: React.Context<ConfigContextValue>;
+/**
+ * Hook to access the current configuration
+ */
+export declare function useConfig(): ConfigContextValue;
+/**
+ * Hook to access the current locale
+ */
+export declare function useLocale(): Locale;
+/**
+ * Hook to get locale strings for a specific component
+ */
+export declare function useComponentLocale<K extends keyof Locale>(componentName: K): NonNullable<Locale[K]>;
+/**
+ * ConfigProvider component for global configuration
+ *
+ * Provides locale, component size, direction, and other settings to all child components.
+ *
+ * @example
+ * ```tsx
+ * import { ConfigProvider, zhCN } from 'asterui'
+ *
+ * <ConfigProvider locale={zhCN} componentSize="small">
+ *   <App />
+ * </ConfigProvider>
+ * ```
+ */
+export declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export { ConfigContext };

package/dist/components/ConfigProvider.js

@@ -0,0 +1,46 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as C, useContext as r, useMemo as p } from "react";
+import u from "../locale/en-US.js";
+const m = {
+  locale: u,
+  componentSize: "md",
+  direction: "ltr"
+}, n = C(m);
+function P() {
+  return r(n);
+}
+function g() {
+  const { locale: o } = r(n);
+  return o;
+}
+function S(o) {
+  return g()[o] ?? u[o] ?? {};
+}
+const z = ({
+  locale: o,
+  componentSize: t,
+  direction: c,
+  prefixCls: i,
+  getPopupContainer: l,
+  children: f
+}) => {
+  const e = r(n), s = p(
+    () => ({
+      locale: o ?? e.locale,
+      componentSize: t ?? e.componentSize,
+      direction: c ?? e.direction,
+      prefixCls: i ?? e.prefixCls,
+      getPopupContainer: l ?? e.getPopupContainer
+    }),
+    [o, t, c, i, l, e]
+  );
+  return /* @__PURE__ */ a(n.Provider, { value: s, children: f });
+};
+export {
+  n as ConfigContext,
+  z as ConfigProvider,
+  S as useComponentLocale,
+  P as useConfig,
+  g as useLocale
+};
+//# sourceMappingURL=ConfigProvider.js.map

package/dist/components/ConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigProvider.js","sources":["../../src/components/ConfigProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react'\nimport type { Locale } from '../locale'\nimport enUS from '../locale/en-US'\n\nexport type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type Direction = 'ltr' | 'rtl'\n\nexport interface ConfigContextValue {\n  /** Current locale */\n  locale: Locale\n  /** Component size */\n  componentSize?: ComponentSize\n  /** Layout direction */\n  direction?: Direction\n  /** Prefix for CSS classes */\n  prefixCls?: string\n  /** Default container for portals (modals, dropdowns, etc.) */\n  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement\n}\n\nexport interface ConfigProviderProps {\n  /** Locale configuration */\n  locale?: Locale\n  /** Component size for all child components */\n  componentSize?: ComponentSize\n  /** Layout direction (ltr or rtl) */\n  direction?: Direction\n  /** Prefix for CSS classes */\n  prefixCls?: string\n  /** Default container for portals */\n  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement\n  /** Child components */\n  children?: React.ReactNode\n}\n\nconst defaultConfig: ConfigContextValue = {\n  locale: enUS,\n  componentSize: 'md',\n  direction: 'ltr',\n}\n\nconst ConfigContext = createContext<ConfigContextValue>(defaultConfig)\n\n/**\n * Hook to access the current configuration\n */\nexport function useConfig(): ConfigContextValue {\n  return useContext(ConfigContext)\n}\n\n/**\n * Hook to access the current locale\n */\nexport function useLocale(): Locale {\n  const { locale } = useContext(ConfigContext)\n  return locale\n}\n\n/**\n * Hook to get locale strings for a specific component\n */\nexport function useComponentLocale<K extends keyof Locale>(\n  componentName: K\n): NonNullable<Locale[K]> {\n  const locale = useLocale()\n  return (locale[componentName] ?? enUS[componentName] ?? {}) as NonNullable<Locale[K]>\n}\n\n/**\n * ConfigProvider component for global configuration\n *\n * Provides locale, component size, direction, and other settings to all child components.\n *\n * @example\n * ```tsx\n * import { ConfigProvider, zhCN } from 'asterui'\n *\n * <ConfigProvider locale={zhCN} componentSize=\"small\">\n *   <App />\n * </ConfigProvider>\n * ```\n */\nexport const ConfigProvider: React.FC<ConfigProviderProps> = ({\n  locale,\n  componentSize,\n  direction,\n  prefixCls,\n  getPopupContainer,\n  children,\n}) => {\n  // Get parent config if nested\n  const parentConfig = useContext(ConfigContext)\n\n  const config = useMemo<ConfigContextValue>(\n    () => ({\n      locale: locale ?? parentConfig.locale,\n      componentSize: componentSize ?? parentConfig.componentSize,\n      direction: direction ?? parentConfig.direction,\n      prefixCls: prefixCls ?? parentConfig.prefixCls,\n      getPopupContainer: getPopupContainer ?? parentConfig.getPopupContainer,\n    }),\n    [locale, componentSize, direction, prefixCls, getPopupContainer, parentConfig]\n  )\n\n  return <ConfigContext.Provider value={config}>{children}</ConfigContext.Provider>\n}\n\n// Also export the context for advanced use cases\nexport { ConfigContext }\n"],"names":["defaultConfig","enUS","ConfigContext","createContext","useConfig","useContext","useLocale","locale","useComponentLocale","componentName","ConfigProvider","componentSize","direction","prefixCls","getPopupContainer","children","parentConfig","config","useMemo"],"mappings":";;;AAmCA,MAAMA,IAAoC;AAAA,EACxC,QAAQC;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AACb,GAEMC,IAAgBC,EAAkCH,CAAa;AAK9D,SAASI,IAAgC;AAC9C,SAAOC,EAAWH,CAAa;AACjC;AAKO,SAASI,IAAoB;AAClC,QAAM,EAAE,QAAAC,EAAA,IAAWF,EAAWH,CAAa;AAC3C,SAAOK;AACT;AAKO,SAASC,EACdC,GACwB;AAExB,SADeH,EAAA,EACAG,CAAa,KAAKR,EAAKQ,CAAa,KAAK,CAAA;AAC1D;AAgBO,MAAMC,IAAgD,CAAC;AAAA,EAC5D,QAAAH;AAAA,EACA,eAAAI;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AAEJ,QAAMC,IAAeX,EAAWH,CAAa,GAEvCe,IAASC;AAAA,IACb,OAAO;AAAA,MACL,QAAQX,KAAUS,EAAa;AAAA,MAC/B,eAAeL,KAAiBK,EAAa;AAAA,MAC7C,WAAWJ,KAAaI,EAAa;AAAA,MACrC,WAAWH,KAAaG,EAAa;AAAA,MACrC,mBAAmBF,KAAqBE,EAAa;AAAA,IAAA;AAAA,IAEvD,CAACT,GAAQI,GAAeC,GAAWC,GAAWC,GAAmBE,CAAY;AAAA,EAAA;AAG/E,2BAAQd,EAAc,UAAd,EAAuB,OAAOe,GAAS,UAAAF,GAAS;AAC1D;"}

package/dist/components/Container.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Container content */
+    children: React.ReactNode;
+    /** Max width size */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    /** Center container horizontally */
+    centered?: boolean;
+    /** Add horizontal padding */
+    padding?: boolean;
+}
+export declare const Container: React.FC<ContainerProps>;