@gcsa/console-react 0.1.0

package/dist/GcsaTimePicker.js

@@ -0,0 +1,221 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { gcsaBuildTimeOptions as X, gcsaTimePickerHours as Y, gcsaTimePickerMinutes as Z, gcsaCurrentTimeOption as ee, gcsaResolveTimeDraft as te, gcsaTimePickerScrollIndex as ce, gcsaTimePickerScrollTop as B } from "@gcsa/console-core";
+import { useRef as h, useState as $, useMemo as M, useEffect as j } from "react";
+import { useGcsaLocaleMessages as ne } from "./hooks/useGcsaLocale.js";
+function re() {
+  return /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ t("circle", { cx: "8", cy: "8", r: "5.75", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ t("path", { d: "M8 4.75V8l2.25 1.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+  ] });
+}
+function ae({
+  value: s = "",
+  onChange: l,
+  className: O,
+  step: A = 60,
+  min: C,
+  max: E,
+  allowClear: G = !0,
+  invalid: S = !1,
+  placeholder: I,
+  disabled: p,
+  ...V
+}) {
+  const a = ne(), K = I ?? a.timePickerPlaceholder, D = h(null), W = h(null), x = h(null), N = h(null), w = h({}), [u, d] = $(!1), [U, z] = $(!1), [b, v] = $("00:00"), n = M(
+    () => X({ min: C, max: E, step: A }),
+    [C, E, A]
+  ), y = M(() => Y(n), [n]), r = b.slice(0, 2), f = b.slice(3), k = M(
+    () => Z(n, r),
+    [n, r]
+  ), F = M(() => ee(n), [n]), m = (e = s) => {
+    v(te(e, n));
+  }, P = () => {
+    requestAnimationFrame(() => {
+      x.current && (x.current.scrollTop = B(y.indexOf(r))), N.current && (N.current.scrollTop = B(k.indexOf(f)));
+    });
+  }, J = () => {
+    requestAnimationFrame(() => {
+      var _;
+      if (!D.current) return;
+      const e = D.current.getBoundingClientRect(), c = ((_ = W.current) == null ? void 0 : _.offsetWidth) ?? 220;
+      z(e.left + c > window.innerWidth - 8);
+    });
+  }, g = () => {
+    p || u || (m(), d(!0), J(), P());
+  }, H = (e) => {
+    const c = k.includes(f) ? f : k[0] ?? "00";
+    v(`${e}:${c}`), requestAnimationFrame(P);
+  }, L = (e, c) => {
+    const i = c.currentTarget;
+    clearTimeout(w.current[e]), w.current[e] = setTimeout(() => {
+      const _ = e === "hour" ? y : k, T = _[ce(i.scrollTop, _.length)];
+      e === "hour" && T ? H(T) : e === "minute" && T && v(`${r}:${T}`);
+    }, 80);
+  };
+  j(() => {
+    u || m(s);
+  }, [s, u, n]), j(() => {
+    const e = (c) => {
+      var i;
+      (i = D.current) != null && i.contains(c.target) || (d(!1), m());
+    };
+    return document.addEventListener("pointerdown", e), () => {
+      document.removeEventListener("pointerdown", e), clearTimeout(w.current.hour), clearTimeout(w.current.minute);
+    };
+  }, [s, n]);
+  const R = () => {
+    l == null || l(b), d(!1);
+  }, q = () => {
+    d(!1), m();
+  }, Q = (e) => {
+    if (e.key === "Escape") q();
+    else if (e.key === "Enter")
+      e.preventDefault(), u ? R() : g();
+    else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault(), g();
+      const c = n.indexOf(b), i = e.key === "ArrowDown" ? 1 : -1;
+      m(n[Math.max(0, Math.min(n.length - 1, c + i))]), P();
+    }
+  };
+  return /* @__PURE__ */ o("div", { ref: D, className: `gcsa-time-picker__root${O ? ` ${O}` : ""}`, children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: "gcsa-time-picker__control gcsa-focus-ring",
+        "data-invalid": S || void 0,
+        onClick: g,
+        children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              ...V,
+              type: "text",
+              inputMode: "numeric",
+              readOnly: !0,
+              value: s,
+              placeholder: K,
+              disabled: p,
+              className: "gcsa-time-picker__input",
+              "aria-invalid": S || void 0,
+              "aria-haspopup": "dialog",
+              "aria-expanded": u,
+              autoComplete: "off",
+              onFocus: g,
+              onKeyDown: Q
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "gcsa-time-picker__trigger gcsa-focus-ring",
+              disabled: p,
+              "aria-label": a.timePickerOpen,
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: (e) => {
+                e.stopPropagation(), g();
+              },
+              children: /* @__PURE__ */ t(re, {})
+            }
+          )
+        ]
+      }
+    ),
+    G && s && !p ? /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "gcsa-time-picker__clear",
+        "aria-label": a.timePickerClear,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: (e) => {
+          e.stopPropagation(), l == null || l(""), d(!1);
+        },
+        children: "×"
+      }
+    ) : null,
+    u && !p ? /* @__PURE__ */ o(
+      "div",
+      {
+        ref: W,
+        className: `gcsa-time-picker__panel gcsa-ui-surface gcsa-time-picker__panel--open${U ? " gcsa-time-picker__panel--align-end" : ""}`,
+        role: "dialog",
+        "aria-label": a.timePickerSelect,
+        children: [
+          /* @__PURE__ */ o("div", { className: "gcsa-time-picker__spinner", children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                ref: x,
+                className: "gcsa-time-picker__column",
+                role: "listbox",
+                "aria-label": a.timeHour,
+                onScroll: (e) => L("hour", e),
+                children: y.map((e) => /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: `gcsa-time-picker__cell${e === r ? " gcsa-time-picker__cell--selected" : ""}`,
+                    role: "option",
+                    "aria-selected": e === r,
+                    onMouseDown: (c) => c.preventDefault(),
+                    onClick: () => H(e),
+                    children: e
+                  },
+                  e
+                ))
+              }
+            ),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                ref: N,
+                className: "gcsa-time-picker__column",
+                role: "listbox",
+                "aria-label": a.timeMinute,
+                onScroll: (e) => L("minute", e),
+                children: k.map((e) => /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: `gcsa-time-picker__cell${e === f ? " gcsa-time-picker__cell--selected" : ""}`,
+                    role: "option",
+                    "aria-selected": e === f,
+                    onMouseDown: (c) => c.preventDefault(),
+                    onClick: () => v(`${r}:${e}`),
+                    children: e
+                  },
+                  e
+                ))
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "gcsa-time-picker__selection", "aria-hidden": "true" })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "gcsa-time-picker__footer", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "gcsa-time-picker__link",
+                disabled: !F,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => {
+                  m(F), P();
+                },
+                children: "此刻"
+              }
+            ),
+            /* @__PURE__ */ o("div", { className: "gcsa-time-picker__actions", children: [
+              /* @__PURE__ */ t("button", { type: "button", className: "gcsa-time-picker__link", onMouseDown: (e) => e.preventDefault(), onClick: q, children: "取消" }),
+              /* @__PURE__ */ t("button", { type: "button", className: "gcsa-time-picker__confirm", onMouseDown: (e) => e.preventDefault(), onClick: R, children: "确定" })
+            ] })
+          ] })
+        ]
+      }
+    ) : null
+  ] });
+}
+export {
+  ae as GcsaTimePicker
+};
+//# sourceMappingURL=GcsaTimePicker.js.map

package/dist/GcsaTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTimePicker.js","sources":["../src/GcsaTimePicker.tsx"],"sourcesContent":["import {\n  gcsaBuildTimeOptions,\n  gcsaCurrentTimeOption,\n  gcsaResolveTimeDraft,\n  gcsaTimePickerHours,\n  gcsaTimePickerMinutes,\n  gcsaTimePickerScrollIndex,\n  gcsaTimePickerScrollTop\n} from '@gcsa/console-core';\nimport { useEffect, useMemo, useRef, useState, type InputHTMLAttributes, type UIEvent } from 'react';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\n\nexport type GcsaTimePickerProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'onChange' | 'value' | 'placeholder' | 'readOnly'\n> & {\n  value?: string;\n  step?: number;\n  min?: string;\n  max?: string;\n  allowClear?: boolean;\n  invalid?: boolean;\n  placeholder?: string;\n  onChange?: (value: string) => void;\n};\n\nfunction TimePickerIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"8\" cy=\"8\" r=\"5.75\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n      <path d=\"M8 4.75V8l2.25 1.5\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function GcsaTimePicker({\n  value = '',\n  onChange,\n  className,\n  step = 60,\n  min,\n  max,\n  allowClear = true,\n  invalid = false,\n  placeholder,\n  disabled,\n  ...props\n}: GcsaTimePickerProps) {\n  const messages = useGcsaLocaleMessages();\n  const resolvedPlaceholder = placeholder ?? messages.timePickerPlaceholder;\n  const root = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const hourColumn = useRef<HTMLDivElement>(null);\n  const minuteColumn = useRef<HTMLDivElement>(null);\n  const timers = useRef<{ hour?: ReturnType<typeof setTimeout>; minute?: ReturnType<typeof setTimeout> }>({});\n  const [open, setOpen] = useState(false);\n  const [alignPanelEnd, setAlignPanelEnd] = useState(false);\n  const [draft, setDraft] = useState('00:00');\n\n  const options = useMemo(\n    () => gcsaBuildTimeOptions({ min, max, step }),\n    [min, max, step]\n  );\n  const hours = useMemo(() => gcsaTimePickerHours(options), [options]);\n  const draftHour = draft.slice(0, 2);\n  const draftMinute = draft.slice(3);\n  const minutes = useMemo(\n    () => gcsaTimePickerMinutes(options, draftHour),\n    [options, draftHour]\n  );\n  const nowOption = useMemo(() => gcsaCurrentTimeOption(options), [options]);\n\n  const syncDraft = (next = value) => {\n    setDraft(gcsaResolveTimeDraft(next, options));\n  };\n\n  const scrollColumns = () => {\n    requestAnimationFrame(() => {\n      if (hourColumn.current) {\n        hourColumn.current.scrollTop = gcsaTimePickerScrollTop(hours.indexOf(draftHour));\n      }\n      if (minuteColumn.current) {\n        minuteColumn.current.scrollTop = gcsaTimePickerScrollTop(minutes.indexOf(draftMinute));\n      }\n    });\n  };\n\n  const syncPanelAlignment = () => {\n    requestAnimationFrame(() => {\n      if (!root.current) return;\n      const rect = root.current.getBoundingClientRect();\n      const panelWidth = panelRef.current?.offsetWidth ?? 220;\n      const padding = 8;\n      setAlignPanelEnd(rect.left + panelWidth > window.innerWidth - padding);\n    });\n  };\n\n  const openPicker = () => {\n    if (disabled || open) return;\n    syncDraft();\n    setOpen(true);\n    syncPanelAlignment();\n    scrollColumns();\n  };\n\n  const selectHour = (hour: string) => {\n    const nextMinute = minutes.includes(draftMinute) ? draftMinute : minutes[0] ?? '00';\n    setDraft(`${hour}:${nextMinute}`);\n    requestAnimationFrame(scrollColumns);\n  };\n\n  const handleScroll = (type: 'hour' | 'minute', event: UIEvent<HTMLDivElement>) => {\n    const element = event.currentTarget;\n    clearTimeout(timers.current[type]);\n    timers.current[type] = setTimeout(() => {\n      const values = type === 'hour' ? hours : minutes;\n      const nextValue = values[gcsaTimePickerScrollIndex(element.scrollTop, values.length)];\n      if (type === 'hour' && nextValue) selectHour(nextValue);\n      else if (type === 'minute' && nextValue) setDraft(`${draftHour}:${nextValue}`);\n    }, 80);\n  };\n\n  useEffect(() => {\n    if (!open) syncDraft(value);\n  }, [value, open, options]);\n\n  useEffect(() => {\n    const close = (event: PointerEvent) => {\n      if (!root.current?.contains(event.target as Node)) {\n        setOpen(false);\n        syncDraft();\n      }\n    };\n    document.addEventListener('pointerdown', close);\n    return () => {\n      document.removeEventListener('pointerdown', close);\n      clearTimeout(timers.current.hour);\n      clearTimeout(timers.current.minute);\n    };\n  }, [value, options]);\n\n  const commit = () => {\n    onChange?.(draft);\n    setOpen(false);\n  };\n\n  const cancel = () => {\n    setOpen(false);\n    syncDraft();\n  };\n\n  const onKeyDown: InputHTMLAttributes<HTMLInputElement>['onKeyDown'] = event => {\n    if (event.key === 'Escape') cancel();\n    else if (event.key === 'Enter') {\n      event.preventDefault();\n      if (open) commit();\n      else openPicker();\n    } else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      openPicker();\n      const index = options.indexOf(draft);\n      const delta = event.key === 'ArrowDown' ? 1 : -1;\n      syncDraft(options[Math.max(0, Math.min(options.length - 1, index + delta))]);\n      scrollColumns();\n    }\n  };\n\n  return (\n    <div ref={root} className={`gcsa-time-picker__root${className ? ` ${className}` : ''}`}>\n      <div\n        className=\"gcsa-time-picker__control gcsa-focus-ring\"\n        data-invalid={invalid || undefined}\n        onClick={openPicker}\n      >\n        <input\n          {...props}\n          type=\"text\"\n          inputMode=\"numeric\"\n          readOnly\n          value={value}\n          placeholder={resolvedPlaceholder}\n          disabled={disabled}\n          className=\"gcsa-time-picker__input\"\n          aria-invalid={invalid || undefined}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          autoComplete=\"off\"\n          onFocus={openPicker}\n          onKeyDown={onKeyDown}\n        />\n        <button\n          type=\"button\"\n          className=\"gcsa-time-picker__trigger gcsa-focus-ring\"\n          disabled={disabled}\n          aria-label={messages.timePickerOpen}\n          onMouseDown={event => event.preventDefault()}\n          onClick={event => {\n            event.stopPropagation();\n            openPicker();\n          }}\n        >\n          <TimePickerIcon />\n        </button>\n      </div>\n      {allowClear && value && !disabled ? (\n        <button\n          type=\"button\"\n          className=\"gcsa-time-picker__clear\"\n          aria-label={messages.timePickerClear}\n          onMouseDown={event => event.preventDefault()}\n          onClick={event => {\n            event.stopPropagation();\n            onChange?.('');\n            setOpen(false);\n          }}\n        >\n          ×\n        </button>\n      ) : null}\n      {open && !disabled ? (\n        <div\n          ref={panelRef}\n          className={`gcsa-time-picker__panel gcsa-ui-surface gcsa-time-picker__panel--open${alignPanelEnd ? ' gcsa-time-picker__panel--align-end' : ''}`}\n          role=\"dialog\"\n          aria-label={messages.timePickerSelect}\n        >\n          <div className=\"gcsa-time-picker__spinner\">\n            <div\n              ref={hourColumn}\n              className=\"gcsa-time-picker__column\"\n              role=\"listbox\"\n              aria-label={messages.timeHour}\n              onScroll={event => handleScroll('hour', event)}\n            >\n              {hours.map(hour => (\n                <button\n                  key={hour}\n                  type=\"button\"\n                  className={`gcsa-time-picker__cell${hour === draftHour ? ' gcsa-time-picker__cell--selected' : ''}`}\n                  role=\"option\"\n                  aria-selected={hour === draftHour}\n                  onMouseDown={event => event.preventDefault()}\n                  onClick={() => selectHour(hour)}\n                >\n                  {hour}\n                </button>\n              ))}\n            </div>\n            <div\n              ref={minuteColumn}\n              className=\"gcsa-time-picker__column\"\n              role=\"listbox\"\n              aria-label={messages.timeMinute}\n              onScroll={event => handleScroll('minute', event)}\n            >\n              {minutes.map(minute => (\n                <button\n                  key={minute}\n                  type=\"button\"\n                  className={`gcsa-time-picker__cell${minute === draftMinute ? ' gcsa-time-picker__cell--selected' : ''}`}\n                  role=\"option\"\n                  aria-selected={minute === draftMinute}\n                  onMouseDown={event => event.preventDefault()}\n                  onClick={() => setDraft(`${draftHour}:${minute}`)}\n                >\n                  {minute}\n                </button>\n              ))}\n            </div>\n            <div className=\"gcsa-time-picker__selection\" aria-hidden=\"true\" />\n          </div>\n          <div className=\"gcsa-time-picker__footer\">\n            <button\n              type=\"button\"\n              className=\"gcsa-time-picker__link\"\n              disabled={!nowOption}\n              onMouseDown={event => event.preventDefault()}\n              onClick={() => {\n                syncDraft(nowOption);\n                scrollColumns();\n              }}\n            >\n              此刻\n            </button>\n            <div className=\"gcsa-time-picker__actions\">\n              <button type=\"button\" className=\"gcsa-time-picker__link\" onMouseDown={event => event.preventDefault()} onClick={cancel}>\n                取消\n              </button>\n              <button type=\"button\" className=\"gcsa-time-picker__confirm\" onMouseDown={event => event.preventDefault()} onClick={commit}>\n                确定\n              </button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["TimePickerIcon","jsxs","jsx","GcsaTimePicker","value","onChange","className","step","min","max","allowClear","invalid","placeholder","disabled","props","messages","useGcsaLocaleMessages","resolvedPlaceholder","root","useRef","panelRef","hourColumn","minuteColumn","timers","open","setOpen","useState","alignPanelEnd","setAlignPanelEnd","draft","setDraft","options","useMemo","gcsaBuildTimeOptions","hours","gcsaTimePickerHours","draftHour","draftMinute","minutes","gcsaTimePickerMinutes","nowOption","gcsaCurrentTimeOption","syncDraft","next","gcsaResolveTimeDraft","scrollColumns","gcsaTimePickerScrollTop","syncPanelAlignment","rect","panelWidth","_a","openPicker","selectHour","hour","nextMinute","handleScroll","type","event","element","values","nextValue","gcsaTimePickerScrollIndex","useEffect","close","commit","cancel","onKeyDown","index","delta","minute"],"mappings":"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"}

package/dist/GcsaTimeline.d.ts

@@ -0,0 +1,5 @@
+import { GcsaTimelineItem } from '@gcsa/console-core';
+export type GcsaTimelineProps = {
+    items: GcsaTimelineItem[];
+};
+export declare function GcsaTimeline({ items }: GcsaTimelineProps): import("react").JSX.Element;

package/dist/GcsaTimeline.js

@@ -0,0 +1,19 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { useGcsaLocaleMessages as n } from "./hooks/useGcsaLocale.js";
+function m({ items: i }) {
+  const s = n();
+  return /* @__PURE__ */ a("ol", { className: "gcsa-timeline", "aria-label": s.timelineLabel, children: i.map((e) => /* @__PURE__ */ l("li", { className: "gcsa-timeline__item", children: [
+    /* @__PURE__ */ a("span", { className: "gcsa-timeline__rail", "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: `gcsa-timeline__dot gcsa-timeline__dot--${e.tone ?? "primary"}` }) }),
+    /* @__PURE__ */ l("div", { className: "gcsa-timeline__body", children: [
+      /* @__PURE__ */ l("div", { className: "gcsa-timeline__meta", children: [
+        e.label ? /* @__PURE__ */ a("strong", { children: e.label }) : null,
+        e.time ? /* @__PURE__ */ a("time", { children: e.time }) : null
+      ] }),
+      /* @__PURE__ */ a("p", { children: e.content })
+    ] })
+  ] }, e.key)) });
+}
+export {
+  m as GcsaTimeline
+};
+//# sourceMappingURL=GcsaTimeline.js.map

package/dist/GcsaTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTimeline.js","sources":["../src/GcsaTimeline.tsx"],"sourcesContent":["import type { GcsaTimelineItem } from '@gcsa/console-core';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\n\nexport type GcsaTimelineProps = { items: GcsaTimelineItem[] };\n\nexport function GcsaTimeline({ items }: GcsaTimelineProps) {\n  const messages = useGcsaLocaleMessages();\n\n  return (\n    <ol className=\"gcsa-timeline\" aria-label={messages.timelineLabel}>\n      {items.map(item => (\n        <li key={item.key} className=\"gcsa-timeline__item\">\n          <span className=\"gcsa-timeline__rail\" aria-hidden=\"true\">\n            <span className={`gcsa-timeline__dot gcsa-timeline__dot--${item.tone ?? 'primary'}`} />\n          </span>\n          <div className=\"gcsa-timeline__body\">\n            <div className=\"gcsa-timeline__meta\">\n              {item.label ? <strong>{item.label}</strong> : null}\n              {item.time ? <time>{item.time}</time> : null}\n            </div>\n            <p>{item.content}</p>\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n"],"names":["GcsaTimeline","items","messages","useGcsaLocaleMessages","jsx","item","jsxs"],"mappings":";;AAKO,SAASA,EAAa,EAAE,OAAAC,KAA4B;AACzD,QAAMC,IAAWC,EAAA;AAEjB,SACE,gBAAAC,EAAC,MAAA,EAAG,WAAU,iBAAgB,cAAYF,EAAS,eAChD,UAAAD,EAAM,IAAI,CAAAI,MACT,gBAAAC,EAAC,MAAA,EAAkB,WAAU,uBAC3B,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,uBAAsB,eAAY,QAChD,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAW,0CAA0CC,EAAK,QAAQ,SAAS,IAAI,GACvF;AAAA,IACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,QAAAD,EAAK,QAAQ,gBAAAD,EAAC,UAAA,EAAQ,UAAAC,EAAK,OAAM,IAAY;AAAA,QAC7CA,EAAK,OAAO,gBAAAD,EAAC,QAAA,EAAM,UAAAC,EAAK,MAAK,IAAU;AAAA,MAAA,GAC1C;AAAA,MACA,gBAAAD,EAAC,KAAA,EAAG,UAAAC,EAAK,QAAA,CAAQ;AAAA,IAAA,EAAA,CACnB;AAAA,EAAA,EAAA,GAVOA,EAAK,GAWd,CACD,GACH;AAEJ;"}

package/dist/GcsaToastStack.d.ts

@@ -0,0 +1,11 @@
+import { GcsaMessageType } from '@gcsa/console-core';
+export type GcsaToastItem = {
+    id: number;
+    message: string;
+    type: GcsaMessageType;
+};
+export type GcsaToastStackProps = {
+    toasts: GcsaToastItem[];
+    zIndex?: number;
+};
+export declare function GcsaToastStack({ toasts, zIndex }: GcsaToastStackProps): import("react").JSX.Element;

package/dist/GcsaToastStack.js

@@ -0,0 +1,45 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+function s({ type: r }) {
+  return r === "success" ? /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M20 6 9 17l-5-5",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) }) : r === "error" ? /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("path", { d: "M15 9l-6 6M9 9l6 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.75" })
+  ] }) : /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.75" }),
+    /* @__PURE__ */ e("path", { d: "M12 10v6M12 8h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+  ] });
+}
+function c({ toasts: r, zIndex: o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "gcsa-toast-region",
+      "aria-live": "polite",
+      style: o == null ? void 0 : { zIndex: o },
+      children: r.map((t) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: `gcsa-toast gcsa-toast--${t.type}`,
+          role: "status",
+          children: [
+            /* @__PURE__ */ e("span", { className: "gcsa-toast__icon", "aria-hidden": "true", children: /* @__PURE__ */ e(s, { type: t.type }) }),
+            /* @__PURE__ */ e("span", { className: "gcsa-toast__content", children: t.message })
+          ]
+        },
+        t.id
+      ))
+    }
+  );
+}
+export {
+  c as GcsaToastStack
+};
+//# sourceMappingURL=GcsaToastStack.js.map

package/dist/GcsaToastStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaToastStack.js","sources":["../src/GcsaToastStack.tsx"],"sourcesContent":["import type { GcsaMessageType } from '@gcsa/console-core';\n\nexport type GcsaToastItem = {\n  id: number;\n  message: string;\n  type: GcsaMessageType;\n};\n\nfunction ToastIcon({ type }: { type: GcsaMessageType }) {\n  if (type === 'success') {\n    return (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path\n          d=\"M20 6 9 17l-5-5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  if (type === 'error') {\n    return (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M15 9l-6 6M9 9l6 6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.75\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"1.75\" />\n      <path d=\"M12 10v6M12 8h.01\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport type GcsaToastStackProps = {\n  toasts: GcsaToastItem[];\n  zIndex?: number;\n};\n\nexport function GcsaToastStack({ toasts, zIndex }: GcsaToastStackProps) {\n  return (\n    <div\n      className=\"gcsa-toast-region\"\n      aria-live=\"polite\"\n      style={zIndex == null ? undefined : { zIndex }}\n    >\n      {toasts.map(toast => (\n        <div\n          key={toast.id}\n          className={`gcsa-toast gcsa-toast--${toast.type}`}\n          role=\"status\"\n        >\n          <span className=\"gcsa-toast__icon\" aria-hidden=\"true\">\n            <ToastIcon type={toast.type} />\n          </span>\n          <span className=\"gcsa-toast__content\">{toast.message}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["ToastIcon","type","jsx","jsxs","GcsaToastStack","toasts","zIndex","toast"],"mappings":";AAQA,SAASA,EAAU,EAAE,MAAAC,KAAmC;AACtD,SAAIA,MAAS,YAET,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,EAAA,GAEnB,IAIAD,MAAS,UAET,gBAAAE,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,GAAE,sBAAqB,QAAO,gBAAe,aAAY,KAAI,eAAc,QAAA,CAAQ;AAAA,IACzF,gBAAAA,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,QAAO,gBAAe,aAAY,OAAA,CAAO;AAAA,EAAA,GACzE,IAKF,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,QAAO,gBAAe,aAAY,OAAA,CAAO;AAAA,IACvE,gBAAAA,EAAC,UAAK,GAAE,qBAAoB,QAAO,gBAAe,aAAY,KAAI,eAAc,QAAA,CAAQ;AAAA,EAAA,GAC1F;AAEJ;AAOO,SAASE,EAAe,EAAE,QAAAC,GAAQ,QAAAC,KAA+B;AACtE,SACE,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAU;AAAA,MACV,OAAOI,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA;AAAA,MAErC,UAAAD,EAAO,IAAI,CAAAE,MACV,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,0BAA0BI,EAAM,IAAI;AAAA,UAC/C,MAAK;AAAA,UAEL,UAAA;AAAA,YAAA,gBAAAL,EAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,QAC7C,4BAACF,GAAA,EAAU,MAAMO,EAAM,KAAA,CAAM,EAAA,CAC/B;AAAA,YACA,gBAAAL,EAAC,QAAA,EAAK,WAAU,uBAAuB,YAAM,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAPhDK,EAAM;AAAA,MAAA,CASd;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/GcsaTooltip.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export type GcsaTooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type GcsaTooltipProps = {
+    content?: string;
+    tooltip?: ReactNode;
+    triggerLabel?: string;
+    placement?: GcsaTooltipPlacement;
+    disabled?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    arrow?: boolean;
+    portalled?: boolean;
+    gutter?: number;
+    className?: string;
+    children?: ReactNode;
+};
+export declare function GcsaTooltip({ content, tooltip, triggerLabel, placement, disabled, openDelay, closeDelay, arrow, portalled, gutter, children }: GcsaTooltipProps): import("react").JSX.Element;

package/dist/GcsaTooltip.js

@@ -0,0 +1,43 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Tooltip as e } from "@ark-ui/react/tooltip";
+import { Portal as C } from "@ark-ui/react/portal";
+import { createGcsaPopupPositioning as G } from "@gcsa/console-core";
+import { GcsaButton as P } from "./GcsaButton.js";
+import { useGcsaLocaleMessages as N } from "./hooks/useGcsaLocale.js";
+import { useGcsaPopupZIndex as b } from "./hooks/useGcsaPopupZIndex.js";
+function z({
+  content: s = "",
+  tooltip: t,
+  triggerLabel: i,
+  placement: a = "top",
+  disabled: l = !1,
+  openDelay: c = 200,
+  closeDelay: p = 100,
+  arrow: d = !0,
+  portalled: m = !0,
+  gutter: g = 8,
+  children: u
+}) {
+  const h = N(), { zIndex: r, onOpenChange: f } = b(), x = i ?? h.hoverToView, T = !!(s || t), _ = u ?? /* @__PURE__ */ o(P, { variant: "secondary", children: x }), v = r == null ? void 0 : { zIndex: r }, w = r == null ? void 0 : { zIndex: r };
+  return /* @__PURE__ */ n(
+    e.Root,
+    {
+      disabled: l || !T,
+      openDelay: c,
+      closeDelay: p,
+      positioning: G({ placement: a, gutter: g }),
+      onOpenChange: (y) => f(y.open),
+      children: [
+        /* @__PURE__ */ o(e.Trigger, { asChild: !0, children: _ }),
+        /* @__PURE__ */ o(C, { disabled: !m, children: /* @__PURE__ */ o(e.Positioner, { style: v, children: /* @__PURE__ */ n(e.Content, { className: "gcsa-tooltip gcsa-ui-surface", style: w, children: [
+          /* @__PURE__ */ o("span", { className: "gcsa-tooltip__text", children: t ?? s }),
+          d ? /* @__PURE__ */ o(e.Arrow, { className: "gcsa-tooltip__arrow", children: /* @__PURE__ */ o(e.ArrowTip, { className: "gcsa-tooltip__arrow-tip" }) }) : null
+        ] }) }) })
+      ]
+    }
+  );
+}
+export {
+  z as GcsaTooltip
+};
+//# sourceMappingURL=GcsaTooltip.js.map

package/dist/GcsaTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTooltip.js","sources":["../src/GcsaTooltip.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Tooltip } from '@ark-ui/react/tooltip';\nimport { Portal } from '@ark-ui/react/portal';\nimport { createGcsaPopupPositioning } from '@gcsa/console-core';\nimport { GcsaButton } from './GcsaButton';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { useGcsaPopupZIndex } from './hooks/useGcsaPopupZIndex';\n\nexport type GcsaTooltipPlacement = 'top' | 'right' | 'bottom' | 'left';\n\nexport type GcsaTooltipProps = {\n  content?: string;\n  tooltip?: ReactNode;\n  triggerLabel?: string;\n  placement?: GcsaTooltipPlacement;\n  disabled?: boolean;\n  openDelay?: number;\n  closeDelay?: number;\n  arrow?: boolean;\n  portalled?: boolean;\n  gutter?: number;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport function GcsaTooltip({\n  content = '',\n  tooltip,\n  triggerLabel,\n  placement = 'top',\n  disabled = false,\n  openDelay = 200,\n  closeDelay = 100,\n  arrow = true,\n  portalled = true,\n  gutter = 8,\n  children\n}: GcsaTooltipProps) {\n  const messages = useGcsaLocaleMessages();\n  const { zIndex, onOpenChange } = useGcsaPopupZIndex();\n  const resolvedTriggerLabel = triggerLabel ?? messages.hoverToView;\n  const hasContent = Boolean(content || tooltip);\n  const trigger = children ?? (\n    <GcsaButton variant=\"secondary\">\n      {resolvedTriggerLabel}\n    </GcsaButton>\n  );\n\n  const positionerStyle = (zIndex == null ? undefined : { zIndex }) as CSSProperties | undefined;\n  const contentStyle = (zIndex == null ? undefined : { zIndex }) as CSSProperties | undefined;\n\n  return (\n    <Tooltip.Root\n      disabled={disabled || !hasContent}\n      openDelay={openDelay}\n      closeDelay={closeDelay}\n      positioning={createGcsaPopupPositioning({ placement, gutter })}\n      onOpenChange={details => onOpenChange(details.open)}\n    >\n      <Tooltip.Trigger asChild>{trigger}</Tooltip.Trigger>\n      <Portal disabled={!portalled}>\n        <Tooltip.Positioner style={positionerStyle}>\n          <Tooltip.Content className=\"gcsa-tooltip gcsa-ui-surface\" style={contentStyle}>\n            <span className=\"gcsa-tooltip__text\">{tooltip ?? content}</span>\n            {arrow ? (\n              <Tooltip.Arrow className=\"gcsa-tooltip__arrow\">\n                <Tooltip.ArrowTip className=\"gcsa-tooltip__arrow-tip\" />\n              </Tooltip.Arrow>\n            ) : null}\n          </Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n}\n"],"names":["GcsaTooltip","content","tooltip","triggerLabel","placement","disabled","openDelay","closeDelay","arrow","portalled","gutter","children","messages","useGcsaLocaleMessages","zIndex","onOpenChange","useGcsaPopupZIndex","resolvedTriggerLabel","hasContent","trigger","jsx","GcsaButton","positionerStyle","contentStyle","jsxs","Tooltip","createGcsaPopupPositioning","details","Portal"],"mappings":";;;;;;;AAyBO,SAASA,EAAY;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,GAAqB;AACnB,QAAMC,IAAWC,EAAA,GACX,EAAE,QAAAC,GAAQ,cAAAC,EAAA,IAAiBC,EAAA,GAC3BC,IAAuBd,KAAgBS,EAAS,aAChDM,IAAa,GAAQjB,KAAWC,IAChCiB,IAAUR,KACd,gBAAAS,EAACC,GAAA,EAAW,SAAQ,aACjB,UAAAJ,GACH,GAGIK,IAAmBR,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA,GAClDS,IAAgBT,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA;AAErD,SACE,gBAAAU;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,UAAUpB,KAAY,CAACa;AAAA,MACvB,WAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,aAAamB,EAA2B,EAAE,WAAAtB,GAAW,QAAAM,GAAQ;AAAA,MAC7D,cAAc,CAAAiB,MAAWZ,EAAaY,EAAQ,IAAI;AAAA,MAElD,UAAA;AAAA,QAAA,gBAAAP,EAACK,EAAQ,SAAR,EAAgB,SAAO,IAAE,UAAAN,GAAQ;AAAA,0BACjCS,GAAA,EAAO,UAAU,CAACnB,GACjB,UAAA,gBAAAW,EAACK,EAAQ,YAAR,EAAmB,OAAOH,GACzB,4BAACG,EAAQ,SAAR,EAAgB,WAAU,gCAA+B,OAAOF,GAC/D,UAAA;AAAA,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAlB,KAAWD,GAAQ;AAAA,UACxDO,IACC,gBAAAY,EAACK,EAAQ,OAAR,EAAc,WAAU,uBACvB,UAAA,gBAAAL,EAACK,EAAQ,UAAR,EAAiB,WAAU,0BAAA,CAA0B,GACxD,IACE;AAAA,QAAA,EAAA,CACN,GACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/GcsaTransfer.d.ts

@@ -0,0 +1,11 @@
+import { GcsaTransferOption } from '@gcsa/console-core';
+export type GcsaTransferProps = {
+    options: GcsaTransferOption[];
+    value?: string[];
+    sourceTitle?: string;
+    targetTitle?: string;
+    disabled?: boolean;
+    onValueChange?: (keys: string[]) => void;
+    onChange?: (keys: string[]) => void;
+};
+export declare function GcsaTransfer({ options, value, sourceTitle, targetTitle, disabled, onValueChange, onChange }: GcsaTransferProps): import("react").JSX.Element;

package/dist/GcsaTransfer.js

@@ -0,0 +1,95 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { useState as g, useMemo as T } from "react";
+import { GcsaInput as k } from "./GcsaInput.js";
+import { useGcsaLocaleMessages as $ } from "./hooks/useGcsaLocale.js";
+function z({
+  options: u,
+  value: t = [],
+  sourceTitle: y,
+  targetTitle: L,
+  disabled: l = !1,
+  onValueChange: m,
+  onChange: _
+}) {
+  const c = $(), w = y ?? c.transferSourceTitle, x = L ?? c.transferTargetTitle, [d, b] = g([]), [f, N] = g([]), [h, M] = g(""), [p, Q] = g(""), G = T(
+    () => u.filter(
+      (e) => !t.includes(e.value) && e.label.toLowerCase().includes(h.trim().toLowerCase())
+    ),
+    [u, h, t]
+  ), I = T(
+    () => u.filter(
+      (e) => t.includes(e.value) && e.label.toLowerCase().includes(p.trim().toLowerCase())
+    ),
+    [u, p, t]
+  ), v = (e) => {
+    m == null || m(e), _ == null || _(e), b([]), N([]);
+  }, j = (e, n) => {
+    const r = n === "source" ? d : f, a = r.includes(e) ? r.filter((o) => o !== e) : [...r, e];
+    n === "source" ? b(a) : N(a);
+  }, S = (e, n, r) => /* @__PURE__ */ i("section", { className: "gcsa-transfer__panel", "aria-label": n, children: [
+    /* @__PURE__ */ i("header", { className: "gcsa-transfer__header", children: [
+      /* @__PURE__ */ s("span", { children: n }),
+      /* @__PURE__ */ s("span", { children: e.length })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "gcsa-transfer__search", children: /* @__PURE__ */ s(
+      k,
+      {
+        value: r === "source" ? h : p,
+        placeholder: c.searchPlaceholder,
+        disabled: l,
+        onValueChange: r === "source" ? M : Q
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { className: "gcsa-transfer__list", role: "listbox", "aria-multiselectable": "true", children: e.length ? e.map((a) => {
+      const o = (r === "source" ? d : f).includes(a.value);
+      return /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: `gcsa-transfer__item gcsa-focus-ring${o ? " gcsa-transfer__item--selected" : ""}`,
+          disabled: l || a.disabled,
+          role: "option",
+          "aria-selected": o,
+          onClick: () => j(a.value, r),
+          children: [
+            /* @__PURE__ */ s("span", { className: "gcsa-transfer__check", "aria-hidden": "true", children: o ? "✓" : "" }),
+            /* @__PURE__ */ s("span", { children: a.label })
+          ]
+        },
+        a.value
+      );
+    }) : /* @__PURE__ */ s("span", { className: "gcsa-transfer__empty", children: c.noOptions }) })
+  ] });
+  return /* @__PURE__ */ i("div", { className: `gcsa-transfer${l ? " gcsa-transfer--disabled" : ""}`, children: [
+    S(G, w, "source"),
+    /* @__PURE__ */ i("div", { className: "gcsa-transfer__actions", children: [
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: "gcsa-transfer__action gcsa-focus-ring",
+          disabled: l || !d.length,
+          "aria-label": c.transferMoveRight,
+          onClick: () => v([...t, ...d]),
+          children: "›"
+        }
+      ),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: "gcsa-transfer__action gcsa-focus-ring",
+          disabled: l || !f.length,
+          "aria-label": c.transferMoveLeft,
+          onClick: () => v(t.filter((e) => !f.includes(e))),
+          children: "‹"
+        }
+      )
+    ] }),
+    S(I, x, "target")
+  ] });
+}
+export {
+  z as GcsaTransfer
+};
+//# sourceMappingURL=GcsaTransfer.js.map

package/dist/GcsaTransfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTransfer.js","sources":["../src/GcsaTransfer.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport type { GcsaTransferOption } from '@gcsa/console-core';\nimport { GcsaInput } from './GcsaInput';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\n\nexport type GcsaTransferProps = {\n  options: GcsaTransferOption[];\n  value?: string[];\n  sourceTitle?: string;\n  targetTitle?: string;\n  disabled?: boolean;\n  onValueChange?: (keys: string[]) => void;\n  onChange?: (keys: string[]) => void;\n};\n\nexport function GcsaTransfer({\n  options,\n  value = [],\n  sourceTitle,\n  targetTitle,\n  disabled = false,\n  onValueChange,\n  onChange\n}: GcsaTransferProps) {\n  const messages = useGcsaLocaleMessages();\n  const resolvedSourceTitle = sourceTitle ?? messages.transferSourceTitle;\n  const resolvedTargetTitle = targetTitle ?? messages.transferTargetTitle;\n  const [sourceSelected, setSourceSelected] = useState<string[]>([]);\n  const [targetSelected, setTargetSelected] = useState<string[]>([]);\n  const [sourceQuery, setSourceQuery] = useState('');\n  const [targetQuery, setTargetQuery] = useState('');\n  const availableItems = useMemo(\n    () =>\n      options.filter(\n        item =>\n          !value.includes(item.value) &&\n          item.label.toLowerCase().includes(sourceQuery.trim().toLowerCase())\n      ),\n    [options, sourceQuery, value]\n  );\n  const targetItems = useMemo(\n    () =>\n      options.filter(\n        item =>\n          value.includes(item.value) &&\n          item.label.toLowerCase().includes(targetQuery.trim().toLowerCase())\n      ),\n    [options, targetQuery, value]\n  );\n  const update = (next: string[]) => {\n    onValueChange?.(next);\n    onChange?.(next);\n    setSourceSelected([]);\n    setTargetSelected([]);\n  };\n  const toggle = (key: string, side: 'source' | 'target') => {\n    const current = side === 'source' ? sourceSelected : targetSelected;\n    const next = current.includes(key) ? current.filter(item => item !== key) : [...current, key];\n    if (side === 'source') setSourceSelected(next);\n    else setTargetSelected(next);\n  };\n  const panel = (items: GcsaTransferOption[], title: string, side: 'source' | 'target') => (\n    <section className=\"gcsa-transfer__panel\" aria-label={title}>\n      <header className=\"gcsa-transfer__header\">\n        <span>{title}</span>\n        <span>{items.length}</span>\n      </header>\n      <div className=\"gcsa-transfer__search\">\n        <GcsaInput\n          value={side === 'source' ? sourceQuery : targetQuery}\n          placeholder={messages.searchPlaceholder}\n          disabled={disabled}\n          onValueChange={side === 'source' ? setSourceQuery : setTargetQuery}\n        />\n      </div>\n      <div className=\"gcsa-transfer__list\" role=\"listbox\" aria-multiselectable=\"true\">\n        {items.length ? (\n          items.map(item => {\n            const selected = (side === 'source' ? sourceSelected : targetSelected).includes(item.value);\n            return (\n              <button\n                key={item.value}\n                type=\"button\"\n                className={`gcsa-transfer__item gcsa-focus-ring${selected ? ' gcsa-transfer__item--selected' : ''}`}\n                disabled={disabled || item.disabled}\n                role=\"option\"\n                aria-selected={selected}\n                onClick={() => toggle(item.value, side)}\n              >\n                <span className=\"gcsa-transfer__check\" aria-hidden=\"true\">\n                  {selected ? '✓' : ''}\n                </span>\n                <span>{item.label}</span>\n              </button>\n            );\n          })\n        ) : (\n          <span className=\"gcsa-transfer__empty\">{messages.noOptions}</span>\n        )}\n      </div>\n    </section>\n  );\n  return (\n    <div className={`gcsa-transfer${disabled ? ' gcsa-transfer--disabled' : ''}`}>\n      {panel(availableItems, resolvedSourceTitle, 'source')}\n      <div className=\"gcsa-transfer__actions\">\n        <button\n          type=\"button\"\n          className=\"gcsa-transfer__action gcsa-focus-ring\"\n          disabled={disabled || !sourceSelected.length}\n          aria-label={messages.transferMoveRight}\n          onClick={() => update([...value, ...sourceSelected])}\n        >\n          ›\n        </button>\n        <button\n          type=\"button\"\n          className=\"gcsa-transfer__action gcsa-focus-ring\"\n          disabled={disabled || !targetSelected.length}\n          aria-label={messages.transferMoveLeft}\n          onClick={() => update(value.filter(key => !targetSelected.includes(key)))}\n        >\n          ‹\n        </button>\n      </div>\n      {panel(targetItems, resolvedTargetTitle, 'target')}\n    </div>\n  );\n}\n"],"names":["GcsaTransfer","options","value","sourceTitle","targetTitle","disabled","onValueChange","onChange","messages","useGcsaLocaleMessages","resolvedSourceTitle","resolvedTargetTitle","sourceSelected","setSourceSelected","useState","targetSelected","setTargetSelected","sourceQuery","setSourceQuery","targetQuery","setTargetQuery","availableItems","useMemo","item","targetItems","update","next","toggle","key","side","current","panel","items","title","jsxs","jsx","GcsaInput","selected"],"mappings":"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"}

package/dist/GcsaTree.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export type GcsaTreeNode = {
+    key: string;
+    label: ReactNode;
+    disabled?: boolean;
+    children?: GcsaTreeNode[];
+};
+export type GcsaTreeProps = {
+    nodes?: GcsaTreeNode[];
+    expandedKeys?: string[];
+    selectedKeys?: string[];
+    multiple?: boolean;
+    onExpandedKeysChange?: (keys: string[]) => void;
+    onSelectedKeysChange?: (keys: string[]) => void;
+    onSelect?: (node: GcsaTreeNode) => void;
+};
+export declare function GcsaTree({ nodes, expandedKeys, selectedKeys, multiple, onExpandedKeysChange, onSelectedKeysChange, onSelect }: GcsaTreeProps): import("react").JSX.Element;

package/dist/GcsaTree.js

@@ -0,0 +1,38 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { useState as I, useEffect as y } from "react";
+import { GcsaIcon as w } from "./GcsaIcon.js";
+import { useGcsaLocaleMessages as B } from "./hooks/useGcsaLocale.js";
+function A({ nodes: m = [], expandedKeys: s, selectedKeys: l, multiple: p = !1, onExpandedKeysChange: o, onSelectedKeysChange: d, onSelect: u }) {
+  const G = B(), [$, h] = I(() => s ?? []), [j, v] = I(() => l ?? []), g = s ?? $, _ = l ?? j;
+  y(() => {
+    s && h(s);
+  }, [s]), y(() => {
+    l && v(l);
+  }, [l]);
+  function b(a, c, z, D) {
+    var x;
+    const e = g.includes(a.key), k = _.includes(a.key), i = !!((x = a.children) != null && x.length), E = () => {
+      const r = e ? g.filter((n) => n !== a.key) : [...g, a.key];
+      s === void 0 && h(r), o == null || o(r);
+    }, N = `gcsa-tree-children-${a.key}`;
+    return /* @__PURE__ */ f("div", { className: "gcsa-tree__branch", role: "treeitem", "aria-level": c + 1, "aria-posinset": z, "aria-setsize": D, "aria-expanded": i ? e : void 0, children: [
+      /* @__PURE__ */ f("div", { className: "gcsa-tree__node", style: { paddingInlineStart: c * 20 + 8 }, "data-selected": k || void 0, "data-expanded": i ? e : void 0, "data-leaf": !i || void 0, children: [
+        i ? /* @__PURE__ */ t("button", { type: "button", className: "gcsa-tree__toggle gcsa-focus-ring", "aria-label": e ? "Collapse" : "Expand", "aria-expanded": e, "aria-controls": N, onClick: E, children: /* @__PURE__ */ t(w, { name: "chevronDown", size: "sm", className: `gcsa-tree__caret${e ? " gcsa-tree__caret--expanded" : ""}` }) }) : /* @__PURE__ */ t("span", { className: "gcsa-tree__spacer" }),
+        /* @__PURE__ */ t("button", { type: "button", className: "gcsa-tree__label gcsa-focus-ring", disabled: a.disabled, onClick: () => {
+          const r = p ? k ? _.filter((n) => n !== a.key) : [..._, a.key] : [a.key];
+          l === void 0 && v(r), d == null || d(r), u == null || u(a);
+        }, children: a.label }),
+        i && !e ? /* @__PURE__ */ f("span", { className: "gcsa-tree__summary", "aria-label": `${a.children.length} 项`, children: [
+          a.children.length,
+          " 项"
+        ] }) : null
+      ] }),
+      i && e ? /* @__PURE__ */ t("div", { id: N, className: "gcsa-tree__children", role: "group", children: a.children.map((r, n) => b(r, c + 1, n + 1, a.children.length)) }) : null
+    ] }, a.key);
+  }
+  return /* @__PURE__ */ t("div", { className: "gcsa-tree", role: "tree", "aria-multiselectable": p, children: m.length ? m.map((a, c) => b(a, 0, c + 1, m.length)) : /* @__PURE__ */ t("div", { className: "gcsa-tree__empty", role: "status", children: G.emptyDefault }) });
+}
+export {
+  A as GcsaTree
+};
+//# sourceMappingURL=GcsaTree.js.map