@okam/stack-ui 1.30.0 → 1.30.1

package/index6.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),c=require("react-aria"),b=require("./index64.js"),R=a.forwardRef((e,t)=>{var x;const{as:n="a",handlePress:i,children:l,as:r,customTheme:h,tokens:m,themeName:f="button",nextLinkProps:o,...d}=e,u=t,{linkProps:g}=c.useLink({...e,...o,href:e.href??((x=o==null?void 0:o.href)==null?void 0:x.toString()),elementType:r==null?void 0:r.toString(),onPress:i},t??u),j=b(f,m,h);return s.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsx(n,{ref:u,...g,...o,...d,className:j,children:l})})}),B=a.forwardRef((e,t)=>{const{as:n="button",handlePress:i,children:l,as:r,customTheme:h,tokens:m,themeName:f="button",isDisabled:o=!1,...d}=e,u=t,{buttonProps:g}=c.useButton({...e,isDisabled:o,elementType:r,onPress:i},t??u),j=b(f,m,h);return s.jsx(c.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:s.jsx(n,{ref:u,...g,...d,className:j,children:l})})}),C=a.forwardRef((e,t)=>{const{as:n}=e;return n==="a"?s.jsx(R,{ref:t,...e}):s.jsx(B,{ref:t,...e})}),P=e=>{const{as:t}=e,n=a.useRef(null);return t==="a"?s.jsx(R,{ref:n,...e}):s.jsx(B,{ref:n,...e})};P.displayName="Button";exports.Anchor=R;exports.ButtonWithForwardRef=C;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),a=require("react"),c=require("react-aria"),P=require("./index64.js"),x=a.forwardRef((e,t)=>{var R;const{as:s="a",handlePress:i,children:l,as:r,customTheme:h,tokens:m,themeName:f="button",nextLinkProps:o,...d}=e,u=t,{linkProps:g}=c.useLink({...e,...o,href:e.href??((R=o==null?void 0:o.href)==null?void 0:R.toString()),elementType:r==null?void 0:r.toString(),onPress:i},t??u),j=P(f,m,h);return n.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:n.jsx(s,{ref:u,...g,...o,...d,className:j,children:l})})}),b=a.forwardRef((e,t)=>{const{as:s="button",handlePress:i,children:l,as:r,customTheme:h,tokens:m,themeName:f="button",isDisabled:o=!1,...d}=e,u=t,{buttonProps:g}=c.useButton({...e,isDisabled:o,elementType:r,onPress:i},t??u),j=P(f,m,h),{onPress:R,onFocusChange:N,...C}=d;return n.jsx(c.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:n.jsx(s,{ref:u,...g,...C,className:j,children:l})})}),F=a.forwardRef((e,t)=>{const{as:s}=e;return s==="a"?n.jsx(x,{ref:t,...e}):n.jsx(b,{ref:t,...e})}),B=e=>{const{as:t}=e,s=a.useRef(null);return t==="a"?n.jsx(x,{ref:s,...e}):n.jsx(b,{ref:s,...e})};B.displayName="Button";exports.Anchor=x;exports.ButtonWithForwardRef=F;exports.default=B;

package/index6.mjs

@@ -1,61 +1,61 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import g, { useRef as P } from "react";
-import { useLink as T, FocusRing as C, useButton as k } from "react-aria";
-import b from "./index64.mjs";
-const B = g.forwardRef(
-  (t, e) => {
-    var R;
+import C, { useRef as T } from "react";
+import { useLink as k, FocusRing as P, useButton as w } from "react-aria";
+import R from "./index64.mjs";
+const b = C.forwardRef(
+  (e, t) => {
+    var g;
     const {
       as: n = "a",
-      handlePress: u,
-      children: a,
+      handlePress: a,
+      children: u,
       as: r,
       customTheme: m,
       tokens: i,
       themeName: f = "button",
       nextLinkProps: o,
       ...h
-    } = t, c = e, { linkProps: l } = T(
+    } = e, c = t, { linkProps: l } = k(
       {
-        ...t,
+        ...e,
         ...o,
-        href: t.href ?? ((R = o == null ? void 0 : o.href) == null ? void 0 : R.toString()),
+        href: e.href ?? ((g = o == null ? void 0 : o.href) == null ? void 0 : g.toString()),
         elementType: r == null ? void 0 : r.toString(),
-        onPress: u
+        onPress: a
       },
-      e ?? c
-    ), d = b(f, i, m);
-    return /* @__PURE__ */ s(C, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: c, ...l, ...o, ...h, className: d, children: a }) });
+      t ?? c
+    ), d = R(f, i, m);
+    return /* @__PURE__ */ s(P, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: c, ...l, ...o, ...h, className: d, children: u }) });
   }
-), N = g.forwardRef((t, e) => {
+), B = C.forwardRef((e, t) => {
   const {
     as: n = "button",
-    handlePress: u,
-    children: a,
+    handlePress: a,
+    children: u,
     as: r,
     customTheme: m,
     tokens: i,
     themeName: f = "button",
     isDisabled: o = !1,
     ...h
-  } = t, c = e, { buttonProps: l } = k(
-    { ...t, isDisabled: o, elementType: r, onPress: u },
-    e ?? c
-  ), d = b(f, i, m);
-  return /* @__PURE__ */ s(C, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: c, ...l, ...h, className: d, children: a }) });
-}), _ = g.forwardRef(
-  (t, e) => {
-    const { as: n } = t;
-    return n === "a" ? /* @__PURE__ */ s(B, { ref: e, ...t }) : /* @__PURE__ */ s(N, { ref: e, ...t });
+  } = e, c = t, { buttonProps: l } = w(
+    { ...e, isDisabled: o, elementType: r, onPress: a },
+    t ?? c
+  ), d = R(f, i, m), { onPress: g, onFocusChange: F, ...N } = h;
+  return /* @__PURE__ */ s(P, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: c, ...l, ...N, className: d, children: u }) });
+}), A = C.forwardRef(
+  (e, t) => {
+    const { as: n } = e;
+    return n === "a" ? /* @__PURE__ */ s(b, { ref: t, ...e }) : /* @__PURE__ */ s(B, { ref: t, ...e });
   }
-), w = (t) => {
-  const { as: e } = t, n = P(null);
-  return e === "a" ? /* @__PURE__ */ s(B, { ref: n, ...t }) : /* @__PURE__ */ s(N, { ref: n, ...t });
+), y = (e) => {
+  const { as: t } = e, n = T(null);
+  return t === "a" ? /* @__PURE__ */ s(b, { ref: n, ...e }) : /* @__PURE__ */ s(B, { ref: n, ...e });
 };
-w.displayName = "Button";
+y.displayName = "Button";
 export {
-  B as Anchor,
-  _ as ButtonWithForwardRef,
-  w as default
+  b as Anchor,
+  A as ButtonWithForwardRef,
+  y as default
 };

package/index88.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"relative inline-flex flex-col text-left"}),r=e.tv({base:"flex items-center border-2 border-color-1-500 rounded focus-ring-black"}),a=e.tv({base:"fixed inset-0"}),o=e.tv({base:"absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"}),d=e.tv({base:"pr-1 flex gap-2",defaultVariants:{dateFieldShown:!0},variants:{dateFieldShown:{true:"",false:"hidden"}}}),n=e.tv({base:"focus-ring-black"}),i=e.tv({base:"text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"}),l=e.tv({base:"text-color-1-500 font-bold px-2"});exports.datePickerButton=r;exports.datePickerCalendarPopoverContainer=o;exports.datePickerCalendarPopoverUnderlay=a;exports.datePickerContainer=t;exports.datePickerDateField=d;exports.datePickerDateSegment=n;exports.datePickerIcon=i;exports.datePickerLabel=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"relative inline-flex flex-col text-left"}),r=e.tv({base:"flex items-center focus-ring-black border-l-0"}),a=e.tv({base:"flex items-center border-2 border-color-1-500 rounded focus-ring-black"}),o=e.tv({base:"fixed inset-0"}),d=e.tv({base:"absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"}),n=e.tv({base:"pr-1 flex gap-2",defaultVariants:{dateFieldShown:!0},variants:{dateFieldShown:{true:"",false:"hidden"}}}),c=e.tv({base:"focus-ring-black  focus:bg-blue-300"}),i=e.tv({base:"text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"}),l=e.tv({base:"text-color-1-500 font-bold px-2"});exports.datePickerButton=r;exports.datePickerCalendarPopoverContainer=d;exports.datePickerCalendarPopoverUnderlay=o;exports.datePickerContainer=t;exports.datePickerDateField=n;exports.datePickerDateSegment=c;exports.datePickerIcon=i;exports.datePickerLabel=l;exports.datePickerWrapper=a;

package/index88.mjs

@@ -1,13 +1,15 @@
 import { tv as e } from "tailwind-variants";
-const o = e({
+const t = e({
   base: "relative inline-flex flex-col text-left"
-}), r = e({
-  base: "flex items-center border-2 border-color-1-500 rounded focus-ring-black"
+}), o = e({
+  base: "flex items-center focus-ring-black border-l-0"
 }), a = e({
+  base: "flex items-center border-2 border-color-1-500 rounded focus-ring-black"
+}), l = e({
   base: "fixed inset-0"
 }), d = e({
   base: "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"
-}), l = e({
+}), n = e({
   base: "pr-1 flex gap-2",
   defaultVariants: {
     dateFieldShown: !0
@@ -18,20 +20,21 @@ const o = e({
       false: "hidden"
     }
   }
-}), n = e({
-  base: "focus-ring-black"
 }), c = e({
+  base: "focus-ring-black  focus:bg-blue-300"
+}), s = e({
   base: "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"
 }), i = e({
   base: "text-color-1-500 font-bold px-2"
 });
 export {
-  r as datePickerButton,
+  o as datePickerButton,
   d as datePickerCalendarPopoverContainer,
-  a as datePickerCalendarPopoverUnderlay,
-  o as datePickerContainer,
-  l as datePickerDateField,
-  n as datePickerDateSegment,
-  c as datePickerIcon,
-  i as datePickerLabel
+  l as datePickerCalendarPopoverUnderlay,
+  t as datePickerContainer,
+  n as datePickerDateField,
+  c as datePickerDateSegment,
+  s as datePickerIcon,
+  i as datePickerLabel,
+  a as datePickerWrapper
 };

package/index98.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@react-aria/utils"),b=require("./index135.js"),c=require("./index136.js"),p=require("./index137.js");function y(r,e,o){let{item:t}=r,i=s.useId(),n=s.useId(),d=e.disabledKeys.has(t.key),{itemProps:a}=c.useSelectableItem({selectionManager:e.selectionManager,key:t.key,ref:o}),{buttonProps:u}=b.useButton(s.mergeProps(a,{id:i,elementType:"button",isDisabled:d,onPress:()=>e.toggleKey(t.key)}),o),l=e.expandedKeys.has(t.key);return{buttonProps:{...u,"aria-expanded":l,"aria-controls":l?n:void 0},regionProps:{id:n,role:"region","aria-labelledby":i}}}function f(r,e,o){let{listProps:t}=p.useSelectableList({...r,...e,allowsTabNavigation:!0,disallowTypeAhead:!0,ref:o});return{accordionProps:{...t,tabIndex:void 0}}}exports.useAccordion=f;exports.useAccordionItem=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@react-aria/utils"),b=require("./index161.js"),c=require("./index162.js"),p=require("./index163.js");function y(r,e,o){let{item:t}=r,i=s.useId(),n=s.useId(),d=e.disabledKeys.has(t.key),{itemProps:a}=c.useSelectableItem({selectionManager:e.selectionManager,key:t.key,ref:o}),{buttonProps:u}=b.useButton(s.mergeProps(a,{id:i,elementType:"button",isDisabled:d,onPress:()=>e.toggleKey(t.key)}),o),l=e.expandedKeys.has(t.key);return{buttonProps:{...u,"aria-expanded":l,"aria-controls":l?n:void 0},regionProps:{id:n,role:"region","aria-labelledby":i}}}function f(r,e,o){let{listProps:t}=p.useSelectableList({...r,...e,allowsTabNavigation:!0,disallowTypeAhead:!0,ref:o});return{accordionProps:{...t,tabIndex:void 0}}}exports.useAccordion=f;exports.useAccordionItem=y;

package/index98.mjs

@@ -1,7 +1,7 @@
 import { useId as i, mergeProps as b } from "@react-aria/utils";
-import { useButton as u } from "./index135.mjs";
-import { useSelectableItem as c } from "./index136.mjs";
-import { useSelectableList as f } from "./index137.mjs";
+import { useButton as u } from "./index161.mjs";
+import { useSelectableItem as c } from "./index162.mjs";
+import { useSelectableList as f } from "./index163.mjs";
 function x(r, e, t) {
   let { item: o } = r, a = i(), d = i(), n = e.disabledKeys.has(o.key), { itemProps: l } = c({
     selectionManager: e.selectionManager,

package/index99.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),y=require("./index98.js"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index69.js"),F=require("./index127.js"),i=require("./index25.js"),w=require("./index6.js"),C=require("./index14.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:A}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},p=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:p,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...A,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;
+"use strict";const e=require("react/jsx-runtime"),y=require("./index98.js"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index69.js"),F=require("./index131.js"),i=require("./index25.js"),w=require("./index6.js"),C=require("./index14.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:A}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},p=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:p,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...A,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;

package/index99.mjs

@@ -4,7 +4,7 @@ import { useRef as F } from "react";
 import { FocusRing as I, FocusScope as R } from "react-aria";
 import { useUpdateEffect as w } from "react-use";
 import { useAccordionCtx as B } from "./index69.mjs";
-import C from "./index127.mjs";
+import C from "./index131.mjs";
 import i from "./index25.mjs";
 import { ButtonWithForwardRef as D } from "./index6.mjs";
 import K from "./index14.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.30.0",
+  "version": "1.30.1",
   "types": "./index.d.ts",
   "exports": {
     ".": {

package/theme/DatePicker/index.d.ts

@@ -1,5 +1,6 @@
 export declare const datePickerContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export declare const datePickerButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center focus-ring-black border-l-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center focus-ring-black border-l-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerCalendarPopoverUnderlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "fixed inset-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "fixed inset-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerCalendarPopoverContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerDateField: import("tailwind-variants").TVReturnType<{
@@ -38,6 +39,6 @@ export declare const datePickerDateField: import("tailwind-variants").TVReturnTy
         false: "hidden";
     };
 }>, unknown, unknown, undefined>>;
-export declare const datePickerDateSegment: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const datePickerDateSegment: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus-ring-black  focus:bg-blue-300", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus-ring-black  focus:bg-blue-300", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 export declare const datePickerLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;