@gcsa/console-react 0.1.0

package/dist/GcsaDescriptions.js

@@ -0,0 +1,11 @@
+import { jsx as c, jsxs as e } from "react/jsx-runtime";
+function l({ items: i, className: a }) {
+  return /* @__PURE__ */ c("div", { className: `gcsa-descriptions gcsa-ui-surface${a ? ` ${a}` : ""}`, children: i.map((s) => /* @__PURE__ */ e("div", { className: "gcsa-descriptions__row", children: [
+    /* @__PURE__ */ c("div", { className: "gcsa-descriptions__label", children: s.label }),
+    /* @__PURE__ */ c("div", { className: "gcsa-descriptions__value", children: s.value })
+  ] }, s.label)) });
+}
+export {
+  l as GcsaDescriptions
+};
+//# sourceMappingURL=GcsaDescriptions.js.map

package/dist/GcsaDescriptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDescriptions.js","sources":["../src/GcsaDescriptions.tsx"],"sourcesContent":["export type GcsaDescriptionsItem = {\n  label: string;\n  value: string;\n};\n\nexport type GcsaDescriptionsProps = {\n  items: GcsaDescriptionsItem[];\n  className?: string;\n};\n\nexport function GcsaDescriptions({ items, className }: GcsaDescriptionsProps) {\n  return (\n    <div className={`gcsa-descriptions gcsa-ui-surface${className ? ` ${className}` : ''}`}>\n      {items.map(item => (\n        <div key={item.label} className=\"gcsa-descriptions__row\">\n          <div className=\"gcsa-descriptions__label\">{item.label}</div>\n          <div className=\"gcsa-descriptions__value\">{item.value}</div>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["GcsaDescriptions","items","className","item","jsxs","jsx"],"mappings":";AAUO,SAASA,EAAiB,EAAE,OAAAC,GAAO,WAAAC,KAAoC;AAC5E,2BACG,OAAA,EAAI,WAAW,oCAAoCA,IAAY,IAAIA,CAAS,KAAK,EAAE,IACjF,YAAM,IAAI,CAAAC,MACT,gBAAAC,EAAC,OAAA,EAAqB,WAAU,0BAC9B,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAF,EAAK,OAAM;AAAA,IACtD,gBAAAE,EAAC,OAAA,EAAI,WAAU,4BAA4B,YAAK,MAAA,CAAM;AAAA,EAAA,EAAA,GAF9CF,EAAK,KAGf,CACD,GACH;AAEJ;"}

package/dist/GcsaDivider.d.ts

@@ -0,0 +1,4 @@
+export type GcsaDividerProps = {
+    className?: string;
+};
+export declare function GcsaDivider({ className }: GcsaDividerProps): import("react").JSX.Element;

package/dist/GcsaDivider.js

@@ -0,0 +1,8 @@
+import { jsx as i } from "react/jsx-runtime";
+function o({ className: r }) {
+  return /* @__PURE__ */ i("hr", { className: `gcsa-divider${r ? ` ${r}` : ""}` });
+}
+export {
+  o as GcsaDivider
+};
+//# sourceMappingURL=GcsaDivider.js.map

package/dist/GcsaDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDivider.js","sources":["../src/GcsaDivider.tsx"],"sourcesContent":["export type GcsaDividerProps = {\n  className?: string;\n};\n\nexport function GcsaDivider({ className }: GcsaDividerProps) {\n  return <hr className={`gcsa-divider${className ? ` ${className}` : ''}`} />;\n}\n"],"names":["GcsaDivider","className","jsx"],"mappings":";AAIO,SAASA,EAAY,EAAE,WAAAC,KAA+B;AAC3D,SAAO,gBAAAC,EAAC,QAAG,WAAW,eAAeD,IAAY,IAAIA,CAAS,KAAK,EAAE,GAAA,CAAI;AAC3E;"}

package/dist/GcsaDrawer.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { GcsaDrawerPlacement } from '@gcsa/console-core';
+export type GcsaDrawerSize = 'default' | 'lg';
+export type GcsaDrawerProps = {
+    open: boolean;
+    title?: string;
+    closable?: boolean;
+    placement?: GcsaDrawerPlacement;
+    /** default=720px, lg=960px（复杂表单） */
+    size?: GcsaDrawerSize;
+    footer?: ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    children?: ReactNode;
+};
+export declare function GcsaDrawer({ open, title, closable, placement, size, footer, onOpenChange, children }: GcsaDrawerProps): import("react").JSX.Element;

package/dist/GcsaDrawer.js

@@ -0,0 +1,68 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { Dialog as e } from "@ark-ui/react/dialog";
+import { Portal as v } from "@ark-ui/react/portal";
+import { useGcsaLocaleMessages as y } from "./hooks/useGcsaLocale.js";
+import { useGcsaOverlayZIndex as x } from "./hooks/useOverlayZIndex.js";
+import { usePreserveScrollOnFocus as N } from "./hooks/usePreventHiddenInputScroll.js";
+function I({
+  open: s,
+  title: a,
+  closable: n = !0,
+  placement: o = "right",
+  size: u = "default",
+  footer: c,
+  onOpenChange: l,
+  children: _
+}) {
+  const m = y(), g = N(s), { backdropZ: i, positionerZ: d } = x(s), h = i == null ? void 0 : { zIndex: i }, p = d == null ? void 0 : { zIndex: d }, w = u === "lg" ? " gcsa-drawer__panel--size-lg" : "";
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      open: s,
+      lazyMount: !0,
+      unmountOnExit: !0,
+      onOpenChange: (f) => l == null ? void 0 : l(f.open),
+      children: /* @__PURE__ */ t(v, { children: [
+        /* @__PURE__ */ r(e.Backdrop, { className: "gcsa-drawer__backdrop", style: h }),
+        /* @__PURE__ */ r(
+          e.Positioner,
+          {
+            className: `gcsa-drawer__positioner gcsa-drawer__positioner--${o}`,
+            style: p,
+            children: /* @__PURE__ */ t(
+              e.Content,
+              {
+                className: `gcsa-drawer__panel gcsa-ui-surface gcsa-drawer__panel--${o}${w}`,
+                children: [
+                  n ? /* @__PURE__ */ r(e.CloseTrigger, { className: "gcsa-drawer__close", "aria-label": m.close, children: /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r(
+                    "path",
+                    {
+                      d: "M2 2l10 10M12 2L2 12",
+                      stroke: "currentColor",
+                      strokeWidth: "1.5",
+                      strokeLinecap: "round"
+                    }
+                  ) }) }) : null,
+                  a ? /* @__PURE__ */ r("header", { className: "gcsa-drawer__header", children: /* @__PURE__ */ r(e.Title, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "gcsa-drawer__title", children: a }) }) }) : null,
+                  /* @__PURE__ */ r(
+                    "div",
+                    {
+                      ref: g,
+                      className: `gcsa-drawer__body${a ? " gcsa-drawer__body--titled" : ""}`,
+                      children: _
+                    }
+                  ),
+                  c ? /* @__PURE__ */ r("div", { className: "gcsa-drawer__footer", children: c }) : null
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  I as GcsaDrawer
+};
+//# sourceMappingURL=GcsaDrawer.js.map

package/dist/GcsaDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDrawer.js","sources":["../src/GcsaDrawer.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode } from 'react';\nimport type { GcsaDrawerPlacement } from '@gcsa/console-core';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { useGcsaOverlayZIndex } from './hooks/useOverlayZIndex';\nimport { usePreserveScrollOnFocus } from './hooks/usePreventHiddenInputScroll';\n\nexport type GcsaDrawerSize = 'default' | 'lg';\n\nexport type GcsaDrawerProps = {\n  open: boolean;\n  title?: string;\n  closable?: boolean;\n  placement?: GcsaDrawerPlacement;\n  /** default=720px, lg=960px（复杂表单） */\n  size?: GcsaDrawerSize;\n  footer?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n};\n\nexport function GcsaDrawer({\n  open,\n  title,\n  closable = true,\n  placement = 'right',\n  size = 'default',\n  footer,\n  onOpenChange,\n  children\n}: GcsaDrawerProps) {\n  const messages = useGcsaLocaleMessages();\n  const bodyRef = usePreserveScrollOnFocus(open);\n  const { backdropZ, positionerZ } = useGcsaOverlayZIndex(open);\n  const backdropStyle = (backdropZ == null ? undefined : { zIndex: backdropZ }) as CSSProperties | undefined;\n  const positionerStyle = (positionerZ == null ? undefined : { zIndex: positionerZ }) as CSSProperties | undefined;\n  const sizeClass = size === 'lg' ? ' gcsa-drawer__panel--size-lg' : '';\n\n  return (\n    <Dialog.Root\n      open={open}\n      lazyMount\n      unmountOnExit\n      onOpenChange={details => onOpenChange?.(details.open)}\n    >\n      <Portal>\n        <Dialog.Backdrop className=\"gcsa-drawer__backdrop\" style={backdropStyle} />\n        <Dialog.Positioner\n          className={`gcsa-drawer__positioner gcsa-drawer__positioner--${placement}`}\n          style={positionerStyle}\n        >\n          <Dialog.Content\n            className={`gcsa-drawer__panel gcsa-ui-surface gcsa-drawer__panel--${placement}${sizeClass}`}\n          >\n            {closable ? (\n              <Dialog.CloseTrigger className=\"gcsa-drawer__close\" aria-label={messages.close}>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                  <path\n                    d=\"M2 2l10 10M12 2L2 12\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.5\"\n                    strokeLinecap=\"round\"\n                  />\n                </svg>\n              </Dialog.CloseTrigger>\n            ) : null}\n            {title ? (\n              <header className=\"gcsa-drawer__header\">\n                <Dialog.Title asChild>\n                  <div className=\"gcsa-drawer__title\">{title}</div>\n                </Dialog.Title>\n              </header>\n            ) : null}\n            <div\n              ref={bodyRef}\n              className={`gcsa-drawer__body${title ? ' gcsa-drawer__body--titled' : ''}`}\n            >\n              {children}\n            </div>\n            {footer ? <div className=\"gcsa-drawer__footer\">{footer}</div> : null}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n}\n"],"names":["GcsaDrawer","open","title","closable","placement","size","footer","onOpenChange","children","messages","useGcsaLocaleMessages","bodyRef","usePreserveScrollOnFocus","backdropZ","positionerZ","useGcsaOverlayZIndex","backdropStyle","positionerStyle","sizeClass","jsx","Dialog","details","Portal","jsxs"],"mappings":";;;;;;AAsBO,SAASA,EAAW;AAAA,EACzB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,GAAoB;AAClB,QAAMC,IAAWC,EAAA,GACXC,IAAUC,EAAyBX,CAAI,GACvC,EAAE,WAAAY,GAAW,aAAAC,MAAgBC,EAAqBd,CAAI,GACtDe,IAAiBH,KAAa,OAAO,SAAY,EAAE,QAAQA,EAAA,GAC3DI,IAAmBH,KAAe,OAAO,SAAY,EAAE,QAAQA,EAAA,GAC/DI,IAAYb,MAAS,OAAO,iCAAiC;AAEnE,SACE,gBAAAc;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,MAAAnB;AAAA,MACA,WAAS;AAAA,MACT,eAAa;AAAA,MACb,cAAc,CAAAoB,MAAWd,KAAA,gBAAAA,EAAec,EAAQ;AAAA,MAEhD,4BAACC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACC,EAAO,UAAP,EAAgB,WAAU,yBAAwB,OAAOJ,GAAe;AAAA,QACzE,gBAAAG;AAAA,UAACC,EAAO;AAAA,UAAP;AAAA,YACC,WAAW,oDAAoDhB,CAAS;AAAA,YACxE,OAAOa;AAAA,YAEP,UAAA,gBAAAM;AAAA,cAACH,EAAO;AAAA,cAAP;AAAA,gBACC,WAAW,0DAA0DhB,CAAS,GAAGc,CAAS;AAAA,gBAEzF,UAAA;AAAA,kBAAAf,IACC,gBAAAgB,EAACC,EAAO,cAAP,EAAoB,WAAU,sBAAqB,cAAYX,EAAS,OACvE,UAAA,gBAAAU,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA,gBAAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,GAAE;AAAA,sBACF,QAAO;AAAA,sBACP,aAAY;AAAA,sBACZ,eAAc;AAAA,oBAAA;AAAA,kBAAA,EAChB,CACF,GACF,IACE;AAAA,kBACHjB,IACC,gBAAAiB,EAAC,UAAA,EAAO,WAAU,uBAChB,UAAA,gBAAAA,EAACC,EAAO,OAAP,EAAa,SAAO,IACnB,4BAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAlB,EAAA,CAAM,GAC7C,GACF,IACE;AAAA,kBACJ,gBAAAiB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKR;AAAA,sBACL,WAAW,oBAAoBT,IAAQ,+BAA+B,EAAE;AAAA,sBAEvE,UAAAM;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAEFF,IAAS,gBAAAa,EAAC,OAAA,EAAI,WAAU,uBAAuB,aAAO,IAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAClE;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/GcsaDropdown.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { GcsaPopupPlacement } from '@gcsa/console-core';
+export type GcsaDropdownPlacement = GcsaPopupPlacement;
+export type GcsaDropdownItem = {
+    key: string;
+    label: string;
+    disabled?: boolean;
+};
+export type GcsaDropdownProps = {
+    items: GcsaDropdownItem[];
+    triggerLabel?: string;
+    trigger?: ReactNode;
+    placement?: GcsaDropdownPlacement;
+    /** 挂载到 body，避免表格等 overflow 容器裁切 */
+    portalled?: boolean;
+    gutter?: number;
+    className?: string;
+    onSelect?: (key: string) => void;
+};
+export declare function GcsaDropdown({ items, triggerLabel, trigger, placement, portalled, gutter, className, onSelect }: GcsaDropdownProps): import("react").JSX.Element;

package/dist/GcsaDropdown.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { Menu as n } from "@ark-ui/react/menu";
+import { Portal as w } from "@ark-ui/react/portal";
+import { createGcsaPopupPositioning as C } from "@gcsa/console-core";
+import { GcsaButton as G } from "./GcsaButton.js";
+import { useGcsaLocaleMessages as P } from "./hooks/useGcsaLocale.js";
+import { useGcsaPopupZIndex as I } from "./hooks/useGcsaPopupZIndex.js";
+function _({
+  items: i,
+  triggerLabel: c,
+  trigger: d,
+  placement: l = "bottom-start",
+  portalled: p = !0,
+  gutter: m = 4,
+  className: t,
+  onSelect: s
+}) {
+  const u = P(), { zIndex: r, onOpenChange: g } = I(), h = c ?? u.menu, f = d ?? /* @__PURE__ */ e(G, { variant: "secondary", children: h }), y = r == null ? void 0 : { zIndex: r }, v = r == null ? void 0 : { zIndex: r }, x = C({ placement: l, gutter: m }), a = /* @__PURE__ */ e(n.Positioner, { className: "gcsa-dropdown-positioner", style: y, children: /* @__PURE__ */ e(n.Content, { className: "gcsa-dropdown gcsa-ui-surface", style: v, children: i.map((o) => /* @__PURE__ */ e(
+    n.Item,
+    {
+      value: o.key,
+      disabled: o.disabled,
+      className: "gcsa-dropdown__item",
+      children: /* @__PURE__ */ e(n.ItemText, { children: o.label })
+    },
+    o.key
+  )) }) });
+  return /* @__PURE__ */ e("span", { className: `gcsa-dropdown-anchor${t ? ` ${t}` : ""}`, children: /* @__PURE__ */ b(
+    n.Root,
+    {
+      positioning: x,
+      onOpenChange: (o) => g(o.open),
+      onSelect: (o) => {
+        s == null || s(o.value);
+      },
+      children: [
+        /* @__PURE__ */ e(n.Trigger, { asChild: !0, children: f }),
+        p ? /* @__PURE__ */ e(w, { children: a }) : a
+      ]
+    }
+  ) });
+}
+export {
+  _ as GcsaDropdown
+};
+//# sourceMappingURL=GcsaDropdown.js.map

package/dist/GcsaDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDropdown.js","sources":["../src/GcsaDropdown.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Menu } from '@ark-ui/react/menu';\nimport { Portal } from '@ark-ui/react/portal';\nimport { createGcsaPopupPositioning, type GcsaPopupPlacement } from '@gcsa/console-core';\nimport { GcsaButton } from './GcsaButton';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { useGcsaPopupZIndex } from './hooks/useGcsaPopupZIndex';\n\nexport type GcsaDropdownPlacement = GcsaPopupPlacement;\n\nexport type GcsaDropdownItem = {\n  key: string;\n  label: string;\n  disabled?: boolean;\n};\n\nexport type GcsaDropdownProps = {\n  items: GcsaDropdownItem[];\n  triggerLabel?: string;\n  trigger?: ReactNode;\n  placement?: GcsaDropdownPlacement;\n  /** 挂载到 body，避免表格等 overflow 容器裁切 */\n  portalled?: boolean;\n  gutter?: number;\n  className?: string;\n  onSelect?: (key: string) => void;\n};\n\nexport function GcsaDropdown({\n  items,\n  triggerLabel,\n  trigger,\n  placement = 'bottom-start',\n  portalled = true,\n  gutter = 4,\n  className,\n  onSelect\n}: GcsaDropdownProps) {\n  const messages = useGcsaLocaleMessages();\n  const { zIndex, onOpenChange } = useGcsaPopupZIndex();\n  const resolvedTriggerLabel = triggerLabel ?? messages.menu;\n\n  const triggerNode = trigger ?? (\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  const positioning = createGcsaPopupPositioning({ placement, gutter });\n\n  const menuContent = (\n    <Menu.Positioner className=\"gcsa-dropdown-positioner\" style={positionerStyle}>\n      <Menu.Content className=\"gcsa-dropdown gcsa-ui-surface\" style={contentStyle}>\n        {items.map(item => (\n          <Menu.Item\n            key={item.key}\n            value={item.key}\n            disabled={item.disabled}\n            className=\"gcsa-dropdown__item\"\n          >\n            <Menu.ItemText>{item.label}</Menu.ItemText>\n          </Menu.Item>\n        ))}\n      </Menu.Content>\n    </Menu.Positioner>\n  );\n\n  return (\n    <span className={`gcsa-dropdown-anchor${className ? ` ${className}` : ''}`}>\n      <Menu.Root\n        positioning={positioning}\n        onOpenChange={details => onOpenChange(details.open)}\n        onSelect={details => {\n          onSelect?.(details.value);\n        }}\n      >\n        <Menu.Trigger asChild>{triggerNode}</Menu.Trigger>\n        {portalled ? <Portal>{menuContent}</Portal> : menuContent}\n      </Menu.Root>\n    </span>\n  );\n}\n"],"names":["GcsaDropdown","items","triggerLabel","trigger","placement","portalled","gutter","className","onSelect","messages","useGcsaLocaleMessages","zIndex","onOpenChange","useGcsaPopupZIndex","resolvedTriggerLabel","triggerNode","jsx","GcsaButton","positionerStyle","contentStyle","positioning","createGcsaPopupPositioning","menuContent","Menu","item","jsxs","details","Portal"],"mappings":";;;;;;;AA4BO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC;AACF,GAAsB;AACpB,QAAMC,IAAWC,EAAA,GACX,EAAE,QAAAC,GAAQ,cAAAC,EAAA,IAAiBC,EAAA,GAC3BC,IAAuBZ,KAAgBO,EAAS,MAEhDM,IAAcZ,KAClB,gBAAAa,EAACC,GAAA,EAAW,SAAQ,aACjB,UAAAH,GACH,GAGII,IAAmBP,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA,GAClDQ,IAAgBR,KAAU,OAAO,SAAY,EAAE,QAAAA,EAAA,GAC/CS,IAAcC,EAA2B,EAAE,WAAAjB,GAAW,QAAAE,GAAQ,GAE9DgB,IACJ,gBAAAN,EAACO,EAAK,YAAL,EAAgB,WAAU,4BAA2B,OAAOL,GAC3D,4BAACK,EAAK,SAAL,EAAa,WAAU,iCAAgC,OAAOJ,GAC5D,UAAAlB,EAAM,IAAI,CAAAuB,MACT,gBAAAR;AAAA,IAACO,EAAK;AAAA,IAAL;AAAA,MAEC,OAAOC,EAAK;AAAA,MACZ,UAAUA,EAAK;AAAA,MACf,WAAU;AAAA,MAEV,UAAA,gBAAAR,EAACO,EAAK,UAAL,EAAe,YAAK,MAAA,CAAM;AAAA,IAAA;AAAA,IALtBC,EAAK;AAAA,EAAA,CAOb,GACH,EAAA,CACF;AAGF,SACE,gBAAAR,EAAC,UAAK,WAAW,uBAAuBT,IAAY,IAAIA,CAAS,KAAK,EAAE,IACtE,UAAA,gBAAAkB;AAAA,IAACF,EAAK;AAAA,IAAL;AAAA,MACC,aAAAH;AAAA,MACA,cAAc,CAAAM,MAAWd,EAAac,EAAQ,IAAI;AAAA,MAClD,UAAU,CAAAA,MAAW;AACnB,QAAAlB,KAAA,QAAAA,EAAWkB,EAAQ;AAAA,MACrB;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAV,EAACO,EAAK,SAAL,EAAa,SAAO,IAAE,UAAAR,GAAY;AAAA,QAClCV,IAAY,gBAAAW,EAACW,GAAA,EAAQ,UAAAL,EAAA,CAAY,IAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAElD;AAEJ;"}

package/dist/GcsaEmpty.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type GcsaEmptyProps = {
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+};
+export declare function GcsaEmpty({ title, description, icon, action, className }: GcsaEmptyProps): import("react").JSX.Element;

package/dist/GcsaEmpty.js

@@ -0,0 +1,16 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { GcsaIcon as n } from "./GcsaIcon.js";
+import { useGcsaLocaleMessages as d } from "./hooks/useGcsaLocale.js";
+function g({ title: t, description: s, icon: m, action: a, className: c }) {
+  const l = d(), i = t ?? l.emptyDefault;
+  return /* @__PURE__ */ r("div", { className: `gcsa-empty gcsa-ui-surface${c ? ` ${c}` : ""}`, children: [
+    /* @__PURE__ */ e("div", { className: "gcsa-empty__icon", "aria-hidden": "true", children: m ?? /* @__PURE__ */ e(n, { name: "resultEmpty" }) }),
+    /* @__PURE__ */ e("div", { className: "gcsa-empty__title", children: i }),
+    s ? /* @__PURE__ */ e("div", { className: "gcsa-empty__desc", children: s }) : null,
+    a ? /* @__PURE__ */ e("div", { className: "gcsa-empty__action", children: a }) : null
+  ] });
+}
+export {
+  g as GcsaEmpty
+};
+//# sourceMappingURL=GcsaEmpty.js.map

package/dist/GcsaEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaEmpty.js","sources":["../src/GcsaEmpty.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { GcsaIcon } from './GcsaIcon';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\n\nexport type GcsaEmptyProps = {\n  title?: string;\n  description?: string;\n  icon?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n};\n\nexport function GcsaEmpty({ title, description, icon, action, className }: GcsaEmptyProps) {\n  const messages = useGcsaLocaleMessages();\n  const resolvedTitle = title ?? messages.emptyDefault;\n\n  return (\n    <div className={`gcsa-empty gcsa-ui-surface${className ? ` ${className}` : ''}`}>\n      <div className=\"gcsa-empty__icon\" aria-hidden=\"true\">\n        {icon ?? <GcsaIcon name=\"resultEmpty\" />}\n      </div>\n      <div className=\"gcsa-empty__title\">{resolvedTitle}</div>\n      {description ? <div className=\"gcsa-empty__desc\">{description}</div> : null}\n      {action ? <div className=\"gcsa-empty__action\">{action}</div> : null}\n    </div>\n  );\n}\n"],"names":["GcsaEmpty","title","description","icon","action","className","messages","useGcsaLocaleMessages","resolvedTitle","jsxs","jsx","GcsaIcon"],"mappings":";;;AAYO,SAASA,EAAU,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,GAAM,QAAAC,GAAQ,WAAAC,KAA6B;AACzF,QAAMC,IAAWC,EAAA,GACXC,IAAgBP,KAASK,EAAS;AAExC,SACE,gBAAAG,EAAC,SAAI,WAAW,6BAA6BJ,IAAY,IAAIA,CAAS,KAAK,EAAE,IAC3E,UAAA;AAAA,IAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,oBAAmB,eAAY,QAC3C,eAAQ,gBAAAA,EAACC,GAAA,EAAS,MAAK,cAAA,CAAc,EAAA,CACxC;AAAA,IACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAF,GAAc;AAAA,IACjDN,IAAc,gBAAAQ,EAAC,OAAA,EAAI,WAAU,oBAAoB,aAAY,IAAS;AAAA,IACtEN,IAAS,gBAAAM,EAAC,OAAA,EAAI,WAAU,sBAAsB,aAAO,IAAS;AAAA,EAAA,GACjE;AAEJ;"}

package/dist/GcsaField.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type GcsaFieldProps = {
+    label?: string;
+    hint?: string;
+    error?: string;
+    invalid?: boolean;
+    required?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+export declare function GcsaField({ label, hint, error, invalid, required, className, children }: GcsaFieldProps): import("react").JSX.Element;

package/dist/GcsaField.js

@@ -0,0 +1,26 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { Field as e } from "@ark-ui/react/field";
+function u({
+  label: i,
+  hint: s,
+  error: l,
+  invalid: d,
+  required: r,
+  className: n,
+  children: o
+}) {
+  const t = d ?? !!l;
+  return /* @__PURE__ */ c(e.Root, { className: `gcsa-field${n ? ` ${n}` : ""}`, invalid: t, children: [
+    i ? /* @__PURE__ */ c(e.Label, { className: "gcsa-field__label", children: [
+      i,
+      r ? /* @__PURE__ */ a("span", { className: "gcsa-field__required", "aria-hidden": "true", children: "*" }) : null
+    ] }) : null,
+    o,
+    s && !l ? /* @__PURE__ */ a(e.HelperText, { className: "gcsa-field__hint", role: "note", children: s }) : null,
+    l ? /* @__PURE__ */ a(e.ErrorText, { className: "gcsa-field__error", role: "alert", children: l }) : null
+  ] });
+}
+export {
+  u as GcsaField
+};
+//# sourceMappingURL=GcsaField.js.map

package/dist/GcsaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaField.js","sources":["../src/GcsaField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Field } from '@ark-ui/react/field';\n\nexport type GcsaFieldProps = {\n  label?: string;\n  hint?: string;\n  error?: string;\n  invalid?: boolean;\n  required?: boolean;\n  className?: string;\n  children?: ReactNode;\n};\n\nexport function GcsaField({\n  label,\n  hint,\n  error,\n  invalid,\n  required,\n  className,\n  children\n}: GcsaFieldProps) {\n  const isInvalid = invalid ?? Boolean(error);\n\n  return (\n    <Field.Root className={`gcsa-field${className ? ` ${className}` : ''}`} invalid={isInvalid}>\n      {label ? (\n        <Field.Label className=\"gcsa-field__label\">\n          {label}\n          {required ? (\n            <span className=\"gcsa-field__required\" aria-hidden=\"true\">\n              *\n            </span>\n          ) : null}\n        </Field.Label>\n      ) : null}\n      {children}\n      {hint && !error ? (\n        <Field.HelperText className=\"gcsa-field__hint\" role=\"note\">\n          {hint}\n        </Field.HelperText>\n      ) : null}\n      {error ? (\n        <Field.ErrorText className=\"gcsa-field__error\" role=\"alert\">\n          {error}\n        </Field.ErrorText>\n      ) : null}\n    </Field.Root>\n  );\n}\n"],"names":["GcsaField","label","hint","error","invalid","required","className","children","isInvalid","jsxs","Field","jsx"],"mappings":";;AAaO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAmB;AACjB,QAAMC,IAAYJ,KAAW,EAAQD;AAErC,SACE,gBAAAM,EAACC,EAAM,MAAN,EAAW,WAAW,aAAaJ,IAAY,IAAIA,CAAS,KAAK,EAAE,IAAI,SAASE,GAC9E,UAAA;AAAA,IAAAP,IACC,gBAAAQ,EAACC,EAAM,OAAN,EAAY,WAAU,qBACpB,UAAA;AAAA,MAAAT;AAAA,MACAI,sBACE,QAAA,EAAK,WAAU,wBAAuB,eAAY,QAAO,eAE1D,IACE;AAAA,IAAA,EAAA,CACN,IACE;AAAA,IACHE;AAAA,IACAL,KAAQ,CAACC,IACR,gBAAAQ,EAACD,EAAM,YAAN,EAAiB,WAAU,oBAAmB,MAAK,QACjD,UAAAR,EAAA,CACH,IACE;AAAA,IACHC,IACC,gBAAAQ,EAACD,EAAM,WAAN,EAAgB,WAAU,qBAAoB,MAAK,SACjD,UAAAP,EAAA,CACH,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/GcsaForm.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ZodObject, ZodTypeAny } from 'zod';
+import { GcsaFormApi } from './hooks/gcsaFormTypes';
+export type GcsaFormProps = {
+    defaultValues: Record<string, unknown>;
+    schema?: ZodObject<Record<string, ZodTypeAny>>;
+    onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;
+    submitLabel?: string;
+    resetLabel?: string;
+    showActions?: boolean;
+    children: ReactNode | ((form: GcsaFormApi) => ReactNode);
+};
+export declare function GcsaForm({ defaultValues, schema, onSubmit, submitLabel, resetLabel, showActions, children }: GcsaFormProps): import("react").JSX.Element;

package/dist/GcsaForm.js

@@ -0,0 +1,60 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { useForm as y } from "@tanstack/react-form";
+import { GcsaButton as l } from "./GcsaButton.js";
+import { GcsaFormSchemaContext as G } from "./hooks/useGcsaFormSchema.js";
+import { useGcsaLocaleMessages as x, useGcsaLocale as F } from "./hooks/useGcsaLocale.js";
+import { zodFormValidator as L } from "./utils/zodValidators.js";
+function _({
+  defaultValues: m,
+  schema: e,
+  onSubmit: t,
+  submitLabel: d,
+  resetLabel: f,
+  showActions: u = !0,
+  children: r
+}) {
+  const i = x(), p = F(), g = d ?? i.formSubmit, v = f ?? i.formReset, s = y({
+    defaultValues: m,
+    validators: e ? {
+      onSubmit: L(e, p)
+    } : void 0,
+    onSubmit: async ({ value: o }) => {
+      if (e) {
+        const n = e.safeParse(o);
+        if (!n.success) return;
+        await (t == null ? void 0 : t(n.data));
+        return;
+      }
+      await (t == null ? void 0 : t(o));
+    }
+  }), b = typeof r == "function" ? r(s) : r;
+  return /* @__PURE__ */ a(G.Provider, { value: e ?? null, children: /* @__PURE__ */ c(
+    "form",
+    {
+      className: "gcsa-form",
+      onSubmit: (o) => {
+        o.preventDefault(), s.handleSubmit();
+      },
+      children: [
+        b,
+        u ? /* @__PURE__ */ c("div", { className: "gcsa-form__actions", children: [
+          /* @__PURE__ */ a(l, { type: "submit", loading: s.state.isSubmitting, disabled: s.state.isSubmitting, children: g }),
+          /* @__PURE__ */ a(
+            l,
+            {
+              variant: "secondary",
+              type: "button",
+              disabled: s.state.isSubmitting,
+              onClick: () => s.reset(),
+              children: v
+            }
+          )
+        ] }) : null
+      ]
+    }
+  ) });
+}
+export {
+  _ as GcsaForm
+};
+//# sourceMappingURL=GcsaForm.js.map

package/dist/GcsaForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaForm.js","sources":["../src/GcsaForm.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ZodObject, ZodTypeAny } from 'zod';\nimport { useForm } from '@tanstack/react-form';\nimport { GcsaButton } from './GcsaButton';\nimport { GcsaFormSchemaContext } from './hooks/useGcsaFormSchema';\nimport { useGcsaLocale, useGcsaLocaleMessages } from './hooks/useGcsaLocale';\nimport { zodFormValidator } from './utils/zodValidators';\nimport type { GcsaFormApi } from './hooks/gcsaFormTypes';\n\nexport type GcsaFormProps = {\n  defaultValues: Record<string, unknown>;\n  schema?: ZodObject<Record<string, ZodTypeAny>>;\n  onSubmit?: (values: Record<string, unknown>) => void | Promise<void>;\n  submitLabel?: string;\n  resetLabel?: string;\n  showActions?: boolean;\n  children: ReactNode | ((form: GcsaFormApi) => ReactNode);\n};\n\nexport function GcsaForm({\n  defaultValues,\n  schema,\n  onSubmit,\n  submitLabel,\n  resetLabel,\n  showActions = true,\n  children\n}: GcsaFormProps) {\n  const messages = useGcsaLocaleMessages();\n  const locale = useGcsaLocale();\n  const resolvedSubmitLabel = submitLabel ?? messages.formSubmit;\n  const resolvedResetLabel = resetLabel ?? messages.formReset;\n\n  const form = useForm({\n    defaultValues,\n    validators: schema\n      ? {\n          onSubmit: zodFormValidator(schema, locale)\n        }\n      : undefined,\n    onSubmit: async ({ value }) => {\n      if (schema) {\n        const parsed = schema.safeParse(value);\n        if (!parsed.success) return;\n        await onSubmit?.(parsed.data as Record<string, unknown>);\n        return;\n      }\n      await onSubmit?.(value as Record<string, unknown>);\n    }\n  });\n\n  const content = typeof children === 'function' ? children(form) : children;\n\n  return (\n    <GcsaFormSchemaContext.Provider value={schema ?? null}>\n      <form\n        className=\"gcsa-form\"\n        onSubmit={event => {\n          event.preventDefault();\n          form.handleSubmit();\n        }}\n      >\n        {content}\n        {showActions ? (\n          <div className=\"gcsa-form__actions\">\n            <GcsaButton type=\"submit\" loading={form.state.isSubmitting} disabled={form.state.isSubmitting}>\n              {resolvedSubmitLabel}\n            </GcsaButton>\n            <GcsaButton\n              variant=\"secondary\"\n              type=\"button\"\n              disabled={form.state.isSubmitting}\n              onClick={() => form.reset()}\n            >\n              {resolvedResetLabel}\n            </GcsaButton>\n          </div>\n        ) : null}\n      </form>\n    </GcsaFormSchemaContext.Provider>\n  );\n}\n"],"names":["GcsaForm","defaultValues","schema","onSubmit","submitLabel","resetLabel","showActions","children","messages","useGcsaLocaleMessages","locale","useGcsaLocale","resolvedSubmitLabel","resolvedResetLabel","form","useForm","zodFormValidator","value","parsed","content","GcsaFormSchemaContext","jsxs","event","jsx","GcsaButton"],"mappings":";;;;;;AAmBO,SAASA,EAAS;AAAA,EACvB,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC;AACF,GAAkB;AAChB,QAAMC,IAAWC,EAAA,GACXC,IAASC,EAAA,GACTC,IAAsBR,KAAeI,EAAS,YAC9CK,IAAqBR,KAAcG,EAAS,WAE5CM,IAAOC,EAAQ;AAAA,IACnB,eAAAd;AAAA,IACA,YAAYC,IACR;AAAA,MACE,UAAUc,EAAiBd,GAAQQ,CAAM;AAAA,IAAA,IAE3C;AAAA,IACJ,UAAU,OAAO,EAAE,OAAAO,QAAY;AAC7B,UAAIf,GAAQ;AACV,cAAMgB,IAAShB,EAAO,UAAUe,CAAK;AACrC,YAAI,CAACC,EAAO,QAAS;AACrB,eAAMf,KAAA,gBAAAA,EAAWe,EAAO;AACxB;AAAA,MACF;AACA,aAAMf,KAAA,gBAAAA,EAAWc;AAAA,IACnB;AAAA,EAAA,CACD,GAEKE,IAAU,OAAOZ,KAAa,aAAaA,EAASO,CAAI,IAAIP;AAElE,2BACGa,EAAsB,UAAtB,EAA+B,OAAOlB,KAAU,MAC/C,UAAA,gBAAAmB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,CAAAC,MAAS;AACjB,QAAAA,EAAM,eAAA,GACNR,EAAK,aAAA;AAAA,MACP;AAAA,MAEC,UAAA;AAAA,QAAAK;AAAA,QACAb,IACC,gBAAAe,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,UAAA,gBAAAE,EAACC,GAAA,EAAW,MAAK,UAAS,SAASV,EAAK,MAAM,cAAc,UAAUA,EAAK,MAAM,cAC9E,UAAAF,GACH;AAAA,UACA,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,UAAUV,EAAK,MAAM;AAAA,cACrB,SAAS,MAAMA,EAAK,MAAA;AAAA,cAEnB,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

package/dist/GcsaFormField.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { GcsaFormApi } from './hooks/gcsaFormTypes';
+import { gcsaBooleanFieldBindings, gcsaTextFieldBindings, GcsaAnyFieldApi } from './hooks/useGcsaFormField';
+export type GcsaFormFieldProps = {
+    form: GcsaFormApi;
+    name: string;
+    label?: string;
+    hint?: string;
+    required?: boolean;
+    fieldType?: 'text' | 'boolean';
+    children: (props: {
+        field: GcsaAnyFieldApi;
+        bindings: ReturnType<typeof gcsaTextFieldBindings> | ReturnType<typeof gcsaBooleanFieldBindings>;
+    }) => ReactNode;
+};
+export declare function GcsaFormField({ form, name, label, hint, required, fieldType, children }: GcsaFormFieldProps): import("react").JSX.Element;

package/dist/GcsaFormField.js

@@ -0,0 +1,39 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as p, useMemo as g } from "react";
+import { GcsaField as u } from "./GcsaField.js";
+import { GcsaFormSchemaContext as f } from "./hooks/useGcsaFormSchema.js";
+import { gcsaBooleanFieldBindings as x, gcsaTextFieldBindings as h, gcsaFieldInvalid as v, gcsaFieldError as G } from "./hooks/useGcsaFormField.js";
+import { zodFieldValidators as B } from "./utils/zodValidators.js";
+import { useGcsaLocale as b } from "./hooks/useGcsaLocale.js";
+function S({
+  form: s,
+  name: r,
+  label: n,
+  hint: a,
+  required: c = !1,
+  fieldType: l = "text",
+  children: m
+}) {
+  const i = p(f), e = b(), d = g(() => {
+    if (i)
+      return B(i, r, e);
+  }, [i, r, e]), F = s.Field;
+  return /* @__PURE__ */ t(F, { name: r, validators: d, children: (o) => /* @__PURE__ */ t(
+    u,
+    {
+      label: n,
+      hint: a,
+      error: G(o),
+      invalid: v(o),
+      required: c,
+      children: m({
+        field: o,
+        bindings: l === "boolean" ? x(o) : h(o)
+      })
+    }
+  ) });
+}
+export {
+  S as GcsaFormField
+};
+//# sourceMappingURL=GcsaFormField.js.map

package/dist/GcsaFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaFormField.js","sources":["../src/GcsaFormField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useContext, useMemo } from 'react';\nimport { GcsaField } from './GcsaField';\nimport { GcsaFormSchemaContext } from './hooks/useGcsaFormSchema';\nimport type { GcsaFormApi } from './hooks/gcsaFormTypes';\nimport {\n  gcsaBooleanFieldBindings,\n  gcsaFieldError,\n  gcsaFieldInvalid,\n  gcsaTextFieldBindings,\n  type GcsaAnyFieldApi\n} from './hooks/useGcsaFormField';\nimport { zodFieldValidators } from './utils/zodValidators';\nimport { useGcsaLocale } from './hooks/useGcsaLocale';\n\nexport type GcsaFormFieldProps = {\n  form: GcsaFormApi;\n  name: string;\n  label?: string;\n  hint?: string;\n  required?: boolean;\n  fieldType?: 'text' | 'boolean';\n  children: (props: {\n    field: GcsaAnyFieldApi;\n    bindings: ReturnType<typeof gcsaTextFieldBindings> | ReturnType<typeof gcsaBooleanFieldBindings>;\n  }) => ReactNode;\n};\n\nexport function GcsaFormField({\n  form,\n  name,\n  label,\n  hint,\n  required = false,\n  fieldType = 'text',\n  children\n}: GcsaFormFieldProps) {\n  const schema = useContext(GcsaFormSchemaContext);\n  const locale = useGcsaLocale();\n\n  const validators = useMemo(() => {\n    if (!schema) return undefined;\n    return zodFieldValidators(schema, name, locale);\n  }, [schema, name, locale]);\n\n  const Field = form.Field;\n\n  return (\n    <Field name={name} validators={validators}>\n      {(field: GcsaAnyFieldApi) => (\n        <GcsaField\n          label={label}\n          hint={hint}\n          error={gcsaFieldError(field)}\n          invalid={gcsaFieldInvalid(field)}\n          required={required}\n        >\n          {children({\n            field,\n            bindings:\n              fieldType === 'boolean' ? gcsaBooleanFieldBindings(field) : gcsaTextFieldBindings(field)\n          })}\n        </GcsaField>\n      )}\n    </Field>\n  );\n}\n"],"names":["GcsaFormField","form","name","label","hint","required","fieldType","children","schema","useContext","GcsaFormSchemaContext","locale","useGcsaLocale","validators","useMemo","zodFieldValidators","Field","jsx","field","GcsaField","gcsaFieldError","gcsaFieldInvalid","gcsaBooleanFieldBindings","gcsaTextFieldBindings"],"mappings":";;;;;;;AA4BO,SAASA,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,GAAuB;AACrB,QAAMC,IAASC,EAAWC,CAAqB,GACzCC,IAASC,EAAA,GAETC,IAAaC,EAAQ,MAAM;AAC/B,QAAKN;AACL,aAAOO,EAAmBP,GAAQN,GAAMS,CAAM;AAAA,EAChD,GAAG,CAACH,GAAQN,GAAMS,CAAM,CAAC,GAEnBK,IAAQf,EAAK;AAEnB,SACE,gBAAAgB,EAACD,GAAA,EAAM,MAAAd,GAAY,YAAAW,GAChB,WAACK,MACA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,MAAAC;AAAA,MACA,OAAOgB,EAAeF,CAAK;AAAA,MAC3B,SAASG,EAAiBH,CAAK;AAAA,MAC/B,UAAAb;AAAA,MAEC,UAAAE,EAAS;AAAA,QACR,OAAAW;AAAA,QACA,UACEZ,MAAc,YAAYgB,EAAyBJ,CAAK,IAAIK,EAAsBL,CAAK;AAAA,MAAA,CAC1F;AAAA,IAAA;AAAA,EAAA,GAGP;AAEJ;"}

package/dist/GcsaIcon.d.ts

@@ -0,0 +1,7 @@
+import { GcsaIconName } from './icons';
+export type GcsaIconProps = {
+    name: GcsaIconName;
+    size?: 'sm' | 'md';
+    className?: string;
+};
+export declare function GcsaIcon({ name, size, className }: GcsaIconProps): import("react").JSX.Element;

package/dist/GcsaIcon.js

@@ -0,0 +1,17 @@
+import { jsx as c } from "react/jsx-runtime";
+import { getGcsaIconSvg as e } from "./icons/registry.js";
+function m({ name: s, size: n = "md", className: o }) {
+  const a = ["gcsa-icon", "gcsa-nav-icon", n === "sm" ? "gcsa-icon--sm" : void 0, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: a,
+      "aria-hidden": "true",
+      dangerouslySetInnerHTML: { __html: e(s) }
+    }
+  );
+}
+export {
+  m as GcsaIcon
+};
+//# sourceMappingURL=GcsaIcon.js.map

package/dist/GcsaIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaIcon.js","sources":["../src/GcsaIcon.tsx"],"sourcesContent":["import type { GcsaIconName } from './icons';\nimport { getGcsaIconSvg } from './icons';\n\nexport type GcsaIconProps = {\n  name: GcsaIconName;\n  size?: 'sm' | 'md';\n  className?: string;\n};\n\nexport function GcsaIcon({ name, size = 'md', className }: GcsaIconProps) {\n  const sizeClass = size === 'sm' ? 'gcsa-icon--sm' : undefined;\n  const classes = ['gcsa-icon', 'gcsa-nav-icon', sizeClass, className].filter(Boolean).join(' ');\n\n  return (\n    <span\n      className={classes}\n      aria-hidden=\"true\"\n      dangerouslySetInnerHTML={{ __html: getGcsaIconSvg(name) }}\n    />\n  );\n}\n"],"names":["GcsaIcon","name","size","className","classes","jsx","getGcsaIconSvg"],"mappings":";;AASO,SAASA,EAAS,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,WAAAC,KAA4B;AAExE,QAAMC,IAAU,CAAC,aAAa,iBADZF,MAAS,OAAO,kBAAkB,QACMC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE7F,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,eAAY;AAAA,MACZ,yBAAyB,EAAE,QAAQE,EAAeL,CAAI,EAAA;AAAA,IAAE;AAAA,EAAA;AAG9D;"}

package/dist/GcsaImagePreview.d.ts

@@ -0,0 +1,8 @@
+export type GcsaImagePreviewProps = {
+    open: boolean;
+    src: string;
+    alt?: string;
+    onOpenChange?: (open: boolean) => void;
+    onError?: () => void;
+};
+export declare function GcsaImagePreview({ open, src, alt, onOpenChange, onError }: GcsaImagePreviewProps): import("react").JSX.Element;

package/dist/GcsaImagePreview.js

@@ -0,0 +1,18 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Dialog as a } from "@ark-ui/react/dialog";
+import { GcsaIcon as n } from "./GcsaIcon.js";
+import { useGcsaLocaleMessages as p } from "./hooks/useGcsaLocale.js";
+function u({ open: o, src: m, alt: c, onOpenChange: s, onError: l }) {
+  const i = p(), t = c ?? i.imagePreview;
+  return /* @__PURE__ */ r(a.Root, { open: o, lazyMount: !0, unmountOnExit: !0, onOpenChange: (g) => s == null ? void 0 : s(g.open), children: [
+    /* @__PURE__ */ e(a.Backdrop, { className: "gcsa-image-preview__backdrop" }),
+    /* @__PURE__ */ e(a.Positioner, { className: "gcsa-image-preview__positioner", children: /* @__PURE__ */ r(a.Content, { className: "gcsa-image-preview__content", "aria-label": i.imagePreview, children: [
+      /* @__PURE__ */ e(a.CloseTrigger, { className: "gcsa-image-preview__close", "aria-label": i.imagePreviewClose, children: /* @__PURE__ */ e(n, { name: "close", size: "sm" }) }),
+      /* @__PURE__ */ e("img", { className: "gcsa-image-preview__image", src: m, alt: t, draggable: !1, onError: l })
+    ] }) })
+  ] });
+}
+export {
+  u as GcsaImagePreview
+};
+//# sourceMappingURL=GcsaImagePreview.js.map

package/dist/GcsaImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaImagePreview.js","sources":["../src/GcsaImagePreview.tsx"],"sourcesContent":["import { Dialog } from '@ark-ui/react/dialog';\nimport { GcsaIcon } from './GcsaIcon';\nimport { useGcsaLocaleMessages } from './hooks/useGcsaLocale';\n\nexport type GcsaImagePreviewProps = {\n  open: boolean;\n  src: string;\n  alt?: string;\n  onOpenChange?: (open: boolean) => void;\n  onError?: () => void;\n};\n\nexport function GcsaImagePreview({ open, src, alt, onOpenChange, onError }: GcsaImagePreviewProps) {\n  const messages = useGcsaLocaleMessages();\n  const resolvedAlt = alt ?? messages.imagePreview;\n\n  return (\n    <Dialog.Root open={open} lazyMount unmountOnExit onOpenChange={details => onOpenChange?.(details.open)}>\n      <Dialog.Backdrop className=\"gcsa-image-preview__backdrop\" />\n      <Dialog.Positioner className=\"gcsa-image-preview__positioner\">\n        <Dialog.Content className=\"gcsa-image-preview__content\" aria-label={messages.imagePreview}>\n          <Dialog.CloseTrigger className=\"gcsa-image-preview__close\" aria-label={messages.imagePreviewClose}>\n            <GcsaIcon name=\"close\" size=\"sm\" />\n          </Dialog.CloseTrigger>\n          <img className=\"gcsa-image-preview__image\" src={src} alt={resolvedAlt} draggable={false} onError={onError} />\n        </Dialog.Content>\n      </Dialog.Positioner>\n    </Dialog.Root>\n  );\n}\n"],"names":["GcsaImagePreview","open","src","alt","onOpenChange","onError","messages","useGcsaLocaleMessages","resolvedAlt","jsxs","Dialog","details","jsx","GcsaIcon"],"mappings":";;;;AAYO,SAASA,EAAiB,EAAE,MAAAC,GAAM,KAAAC,GAAK,KAAAC,GAAK,cAAAC,GAAc,SAAAC,KAAkC;AACjG,QAAMC,IAAWC,EAAA,GACXC,IAAcL,KAAOG,EAAS;AAEpC,SACE,gBAAAG,EAACC,EAAO,MAAP,EAAY,MAAAT,GAAY,WAAS,IAAC,eAAa,IAAC,cAAc,CAAAU,MAAWP,KAAA,gBAAAA,EAAeO,EAAQ,OAC/F,UAAA;AAAA,IAAA,gBAAAC,EAACF,EAAO,UAAP,EAAgB,WAAU,+BAAA,CAA+B;AAAA,IAC1D,gBAAAE,EAACF,EAAO,YAAP,EAAkB,WAAU,kCAC3B,UAAA,gBAAAD,EAACC,EAAO,SAAP,EAAe,WAAU,+BAA8B,cAAYJ,EAAS,cAC3E,UAAA;AAAA,MAAA,gBAAAM,EAACF,EAAO,cAAP,EAAoB,WAAU,6BAA4B,cAAYJ,EAAS,mBAC9E,UAAA,gBAAAM,EAACC,GAAA,EAAS,MAAK,SAAQ,MAAK,MAAK,GACnC;AAAA,MACA,gBAAAD,EAAC,SAAI,WAAU,6BAA4B,KAAAV,GAAU,KAAKM,GAAa,WAAW,IAAO,SAAAH,EAAA,CAAkB;AAAA,IAAA,EAAA,CAC7G,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/GcsaInput.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes } from 'react';
+import { GcsaComponentSize } from '@gcsa/console-core';
+import { GcsaTextCountFormatter } from './hooks/useGcsaTextCount';
+export type GcsaInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onBlur'> & {
+    value?: string;
+    size?: GcsaComponentSize;
+    invalid?: boolean;
+    showCount?: boolean;
+    countFormatter?: GcsaTextCountFormatter;
+    onValueChange?: (value: string) => void;
+    onBlur?: () => void;
+};
+export declare function GcsaInput({ value, type, placeholder, disabled, invalid, maxLength, showCount, countFormatter, size, className, onValueChange, onBlur, ...rest }: GcsaInputProps): import("react").JSX.Element;

package/dist/GcsaInput.js

@@ -0,0 +1,76 @@
+import { jsxs as j, jsx as n } from "react/jsx-runtime";
+import { useId as z, useRef as G, useLayoutEffect as I } from "react";
+import { gcsaControlSizeClass as b } from "@gcsa/console-core";
+import { useGcsaTextCount as y } from "./hooks/useGcsaTextCount.js";
+import { useGcsaComponentSize as C } from "./hooks/useGcsaComponentSize.js";
+import { patchFocusPreventScroll as R } from "./hooks/usePreventHiddenInputScroll.js";
+function $({
+  value: r = "",
+  type: a = "text",
+  placeholder: l = "",
+  disabled: u = !1,
+  invalid: m = !1,
+  maxLength: s,
+  showCount: f,
+  countFormatter: p,
+  size: d,
+  className: x,
+  onValueChange: t,
+  onBlur: o,
+  ...v
+}) {
+  const g = C(d), i = z(), e = G(null);
+  I(() => {
+    e.current && R(e.current);
+  });
+  const { showCounter: c, countText: N, isNearLimit: S } = y({
+    modelValue: r,
+    maxLength: s,
+    showCount: f,
+    formatter: p
+  });
+  return /* @__PURE__ */ j(
+    "div",
+    {
+      className: [
+        "gcsa-text-control",
+        "gcsa-text-control--input",
+        b("gcsa-text-control", g),
+        c ? "gcsa-text-control--count" : null,
+        x
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: e,
+            className: "gcsa-input",
+            value: r,
+            type: a,
+            placeholder: l,
+            disabled: u,
+            maxLength: s,
+            "data-invalid": m || void 0,
+            "aria-describedby": c ? i : void 0,
+            onChange: (_) => t == null ? void 0 : t(_.target.value),
+            onBlur: () => o == null ? void 0 : o(),
+            ...v
+          }
+        ),
+        c ? /* @__PURE__ */ n(
+          "span",
+          {
+            id: i,
+            className: `gcsa-text-control__count${S ? " gcsa-text-control__count--near" : ""}`,
+            "aria-live": "polite",
+            children: N
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  $ as GcsaInput
+};
+//# sourceMappingURL=GcsaInput.js.map

package/dist/GcsaInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaInput.js","sources":["../src/GcsaInput.tsx"],"sourcesContent":["import { useId, useLayoutEffect, useRef } from 'react';\nimport type { InputHTMLAttributes } from 'react';\nimport type { GcsaComponentSize } from '@gcsa/console-core';\nimport { gcsaControlSizeClass } from '@gcsa/console-core';\nimport { useGcsaTextCount, type GcsaTextCountFormatter } from './hooks/useGcsaTextCount';\nimport { useGcsaComponentSize } from './hooks/useGcsaComponentSize';\nimport { patchFocusPreventScroll } from './hooks/usePreventHiddenInputScroll';\n\nexport type GcsaInputProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'value' | 'onChange' | 'onBlur'\n> & {\n  value?: string;\n  size?: GcsaComponentSize;\n  invalid?: boolean;\n  showCount?: boolean;\n  countFormatter?: GcsaTextCountFormatter;\n  onValueChange?: (value: string) => void;\n  onBlur?: () => void;\n};\n\nexport function GcsaInput({\n  value = '',\n  type = 'text',\n  placeholder = '',\n  disabled = false,\n  invalid = false,\n  maxLength,\n  showCount,\n  countFormatter,\n  size,\n  className,\n  onValueChange,\n  onBlur,\n  ...rest\n}: GcsaInputProps) {\n  const resolvedSize = useGcsaComponentSize(size);\n  const countId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  useLayoutEffect(() => {\n    if (inputRef.current) patchFocusPreventScroll(inputRef.current);\n  });\n  const { showCounter, countText, isNearLimit } = useGcsaTextCount({\n    modelValue: value,\n    maxLength,\n    showCount,\n    formatter: countFormatter\n  });\n\n  return (\n    <div\n      className={[\n        'gcsa-text-control',\n        'gcsa-text-control--input',\n        gcsaControlSizeClass('gcsa-text-control', resolvedSize),\n        showCounter ? 'gcsa-text-control--count' : null,\n        className\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <input\n        ref={inputRef}\n        className=\"gcsa-input\"\n        value={value}\n        type={type}\n        placeholder={placeholder}\n        disabled={disabled}\n        maxLength={maxLength}\n        data-invalid={invalid || undefined}\n        aria-describedby={showCounter ? countId : undefined}\n        onChange={event => onValueChange?.(event.target.value)}\n        onBlur={() => onBlur?.()}\n        {...rest}\n      />\n      {showCounter ? (\n        <span\n          id={countId}\n          className={`gcsa-text-control__count${isNearLimit ? ' gcsa-text-control__count--near' : ''}`}\n          aria-live=\"polite\"\n        >\n          {countText}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["GcsaInput","value","type","placeholder","disabled","invalid","maxLength","showCount","countFormatter","size","className","onValueChange","onBlur","rest","resolvedSize","useGcsaComponentSize","countId","useId","inputRef","useRef","useLayoutEffect","patchFocusPreventScroll","showCounter","countText","isNearLimit","useGcsaTextCount","jsxs","gcsaControlSizeClass","jsx","event"],"mappings":";;;;;;AAqBO,SAASA,EAAU;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAeC,EAAqBN,CAAI,GACxCO,IAAUC,EAAA,GACVC,IAAWC,EAAyB,IAAI;AAC9C,EAAAC,EAAgB,MAAM;AACpB,IAAIF,EAAS,WAASG,EAAwBH,EAAS,OAAO;AAAA,EAChE,CAAC;AACD,QAAM,EAAE,aAAAI,GAAa,WAAAC,GAAW,aAAAC,EAAA,IAAgBC,EAAiB;AAAA,IAC/D,YAAYxB;AAAA,IACZ,WAAAK;AAAA,IACA,WAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,CACZ;AAED,SACE,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAC,EAAqB,qBAAqBb,CAAY;AAAA,QACtDQ,IAAc,6BAA6B;AAAA,QAC3CZ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,WAAU;AAAA,YACV,OAAAjB;AAAA,YACA,MAAAC;AAAA,YACA,aAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAE;AAAA,YACA,gBAAcD,KAAW;AAAA,YACzB,oBAAkBiB,IAAcN,IAAU;AAAA,YAC1C,UAAU,CAAAa,MAASlB,KAAA,gBAAAA,EAAgBkB,EAAM,OAAO;AAAA,YAChD,QAAQ,MAAMjB,KAAA,gBAAAA;AAAA,YACb,GAAGC;AAAA,UAAA;AAAA,QAAA;AAAA,QAELS,IACC,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIZ;AAAA,YACJ,WAAW,2BAA2BQ,IAAc,oCAAoC,EAAE;AAAA,YAC1F,aAAU;AAAA,YAET,UAAAD;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}