@zonos/amino 6.1.2 → 6.2.0

package/components/json-vision-viewer/JsonVisionViewer.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("clsx"),n=require("../button/Button.js"),a=require("../flex/Flex.js"),o=require("../input/Input.js"),s=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),i=require("../../icons/ChevronDownIcon.js"),c=require("../../icons/ChevronRightIcon.js"),d=require("../../icons/CopyIcon.js"),u=require("../../icons/HelpIcon.js"),x=require("../../icons/LinkIcon.js"),b=require("../../icons/SearchIcon.js"),g=require("../../utils/jsonParse.js"),h=require("react/jsx-runtime");function p(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-4522587c.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/cn.js"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getNodeText.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js");var f=p(t),y=function(e){return null===e?"null":Array.isArray(e)?"array":typeof e},v=function(r,t){var n,a,o=r;try{for(var s=e.__values(t),l=s.next();!l.done;l=s.next()){var i=l.value;if(null===o||"object"!=typeof o)return;if(Array.isArray(o)){var c=parseInt(i,10);if(Number.isNaN(c)||c<0||c>=o.length)return;o=o[c]}else{if(!(i in o))return;o=o[i]}}}catch(e){n={error:e}}finally{try{l&&!l.done&&(a=s.return)&&a.call(s)}finally{if(n)throw n.error}}return o},k=function(e){switch(e){case"object":return"{}";case"array":return"[]";case"string":return'""';case"number":return"#";case"boolean":return"◯";case"null":return"∅";default:return"?"}},m=function(r,t){var n,a;if(null===r||"object"!=typeof r)return r;if(Array.isArray(r))return r.map(function(e){return m(e,t)});var o=r,s=Object.keys(o).sort(function(e,r){var n=e.localeCompare(r,void 0,{sensitivity:"base"});return"asc"===t?n:-n}),l={};try{for(var i=e.__values(s),c=i.next();!c.done;c=i.next()){var d=c.value,u=o[d];void 0!==u&&(l[d]=m(u,t))}}catch(e){n={error:e}}finally{try{c&&!c.done&&(a=i.return)&&a.call(i)}finally{if(n)throw n.error}}return l},j=function(e){return"undefined"!=typeof CSS&&CSS.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")},w=function(e,r){switch(r){case"array":var t=e;return"".concat(t.length," ").concat(1===t.length?"item":"items");case"object":var n=e,a=Object.keys(n);return"".concat(a.length," ").concat(1===a.length?"field":"fields");case"string":case"number":return String(e);case"boolean":return e?"true":"false";case"null":return"null";default:return""}},N=function(e,r){if("string"===r){var t=String(e);return t.length>30?t:void 0}},_=function(r,t,n,a,o){var s;if(void 0===n&&(n=[]),void 0===a&&(a=[]),void 0===o&&(o=50),a.length>=o)return a;var l=t.toLowerCase();if(null===r||"object"!=typeof r){var i=String(r);return i.toLowerCase().includes(l)&&a.push({key:null!==(s=n[n.length-1])&&void 0!==s?s:"root",matchType:"value",path:n,preview:i.length>50?"".concat(i.slice(0,50),"..."):i}),a}return Array.isArray(r)?r.forEach(function(r,s){a.length<o&&_(r,t,e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[String(s)],!1),a,o)}):Object.entries(r).forEach(function(r){var s=e.__read(r,2),i=s[0],c=s[1];if(!(a.length>=o)){if(i.toLowerCase().includes(l)){var d=y(c);a.push({key:i,matchType:"key",path:e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[i],!1),preview:w(c,d)})}_(c,t,e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[i],!1),a,o)}}),a},C=function(e){var r=e.name,t=e.value,n=y(t),a="boolean"===n?t?"true":"false":String(t);return h.jsx("div",{className:"border-border-color bg-surface max-w-[320px] min-w-[260px] shrink-0 overflow-y-auto border-r dark:border-gray-300",children:h.jsxs("div",{className:"flex items-center gap-2 bg-blue-600 px-3 py-2.5",children:[h.jsx("span",{className:"flex size-5 shrink-0 items-center justify-center rounded bg-blue-500 text-[10px] font-semibold text-white",children:k(n)}),h.jsx("span",{className:"text-[13px] font-medium whitespace-nowrap text-white",children:r}),h.jsx("span",{className:f.default("ml-auto max-w-[180px] overflow-hidden font-mono text-[13px]\n            text-ellipsis whitespace-nowrap",function(){switch(n){case"string":return"text-orange-200";case"number":return"text-blue-200";case"boolean":return"text-purple-200";case"null":return"text-blue-200 italic";default:return""}}()),children:a})]})})},S=function(t){var n=t.columnIndex,a=t.data,o=t.isActiveColumn,s=t.onFocusColumn,l=t.onSelect,i=t.selectedKey,d=r.useRef(null),u=r.useMemo(function(){return null===a||"object"!=typeof a?[]:Array.isArray(a)?a.map(function(e,r){return{key:r.toString(),type:y(e),value:e}}):Object.entries(a).map(function(r){var t=e.__read(r,2),n=t[0],a=t[1];return{key:n,type:y(a),value:a}})},[a]);return r.useEffect(function(){if(o&&i&&d.current){var e=j(i),r=d.current.querySelector('[data-key="'.concat(e,'"]'));r&&(r.focus(),r.scrollIntoView({behavior:"smooth",block:"nearest"}))}},[o,i]),r.useEffect(function(){if(i&&d.current){var e=j(i),r=d.current.querySelector('[data-key="'.concat(e,'"]'));r&&r.scrollIntoView({behavior:"smooth",block:"nearest"})}},[i]),0===u.length?h.jsx("div",{className:"border-border-color bg-surface w-[280px] max-w-[280px] min-w-[280px] shrink-0 grow-0 overflow-y-auto border-r dark:border-gray-300 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-gray-300",children:h.jsx("div",{className:"p-6 text-center text-gray-500 italic",children:"Empty"})}):h.jsx("div",{ref:d,className:"border-border-color bg-surface w-[280px] max-w-[280px] min-w-[280px] shrink-0 grow-0 overflow-y-auto border-r dark:border-gray-300 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-gray-300",children:u.map(function(e){var r="object"===e.type||"array"===e.type,t=i===e.key;return h.jsxs("button",{className:f.default("flex w-full cursor-pointer items-center gap-2 border-none\n              bg-transparent px-3 py-2.5 text-left transition-colors\n              duration-100 hover:bg-gray-50 dark:hover:bg-gray-300",t&&"bg-blue-600 hover:bg-blue-600 dark:bg-blue-600\n                dark:hover:bg-blue-600"),"data-key":e.key,onClick:function(){s(n),l(e.key)},onFocus:function(){return s(n)},type:"button",children:[h.jsx("span",{className:f.default("flex size-5 shrink-0 items-center justify-center rounded\n                bg-gray-100 text-[10px] font-semibold text-gray-500\n                dark:bg-gray-300 dark:text-gray-600",t&&"bg-blue-500 text-white dark:bg-blue-500 dark:text-white"),children:k(e.type)}),h.jsx("span",{className:f.default("flex-1 overflow-hidden text-[13px] font-medium text-ellipsis\n                whitespace-nowrap text-gray-800 dark:text-gray-800",t&&"text-white dark:text-white"),title:e.key,children:e.key}),h.jsx("span",{className:f.default("max-w-[100px] shrink-0 overflow-hidden text-xs text-ellipsis\n                whitespace-nowrap text-gray-500 dark:text-gray-500",t&&"text-blue-200 dark:text-blue-200"),title:N(e.value,e.type),children:w(e.value,e.type)}),r&&h.jsx(c.ChevronRightIcon,{className:f.default("shrink-0 text-gray-400",t&&"text-blue-200 dark:text-blue-200"),size:14})]},e.key)})})},A=function(t){var n=t.depth,a=t.expandedPaths,o=t.nodeKey,s=t.onCopy,l=t.onSelect,u=t.onToggle,x=t.path,b=t.selectedPath,g=t.value,p=y(g),v="object"===p||"array"===p,m=a.has(x),j=e.__read(r.useState(!1),2),_=j[0],C=j[1],S=x.split("::").slice(1),I=null!==b&&S.length===b.length&&S.every(function(e,r){return e===b[r]}),q=r.useMemo(function(){return v&&m?Array.isArray(g)?g.map(function(e,r){return{key:r.toString(),value:e}}):Object.entries(g).map(function(r){var t=e.__read(r,2);return{key:t[0],value:t[1]}}):[]},[g,v,m]);return h.jsxs("div",{className:"block",children:[h.jsxs("div",{className:f.default("relative mx-2 flex cursor-pointer items-center gap-1 rounded px-2\n          py-1 hover:bg-gray-50 dark:hover:bg-gray-200",I&&"bg-blue-50 hover:bg-blue-100 dark:bg-gray-300\n            dark:hover:bg-gray-400"),"data-path":JSON.stringify(S),onClick:function(e){e.stopPropagation(),l(S,g),v&&u(x)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),l(S,g),v&&u(x))},onMouseEnter:function(){return C(!0)},onMouseLeave:function(){return C(!1)},role:"button",style:{paddingLeft:"".concat(20*n+8,"px")},tabIndex:0,children:[v&&h.jsx("span",{className:"flex size-[18px] items-center justify-center text-gray-500",children:m?h.jsx(i.ChevronDownIcon,{size:14}):h.jsx(c.ChevronRightIcon,{size:14})}),!v&&h.jsx("span",{className:"w-[18px]"}),h.jsx("span",{className:"mr-1 flex size-[18px] shrink-0 items-center justify-center rounded-[3px] bg-gray-100 text-[9px] font-semibold text-gray-500 dark:bg-gray-300 dark:text-gray-600",children:k(p)}),h.jsx("span",{className:"font-medium text-gray-800 dark:text-gray-800",title:o,children:o}),!v&&h.jsxs(h.Fragment,{children:[h.jsx("span",{className:"mx-1 text-gray-500 dark:text-gray-600",children:":"}),function(){switch(p){case"string":return h.jsxs("span",{className:"text-orange-600 dark:text-orange-400",children:['"',String(g),'"']});case"number":return h.jsx("span",{className:"text-blue-600 dark:text-blue-400",children:String(g)});case"boolean":return h.jsx("span",{className:"text-purple-600 dark:text-purple-400",children:g?"true":"false"});case"null":return h.jsx("span",{className:"text-gray-500 italic dark:text-gray-500",children:"null"});default:return null}}()]}),v&&!m&&h.jsx("span",{className:"ml-2 text-xs text-gray-400 dark:text-gray-600",title:N(g,p),children:w(g,p)}),_&&h.jsx("button",{className:"absolute top-1/2 right-2 flex size-[22px] -translate-y-1/2 cursor-pointer items-center justify-center rounded border-none bg-gray-100 text-gray-600 hover:bg-gray-200 hover:text-gray-800 dark:bg-gray-300 dark:text-gray-600 dark:hover:bg-gray-400 dark:hover:text-gray-200",onClick:function(e){e.stopPropagation(),s(g)},type:"button",children:h.jsx(d.CopyIcon,{size:12})})]}),m&&q.length>0&&h.jsx("div",{className:"block",children:q.map(function(e){return h.jsx(A,{depth:n+1,expandedPaths:a,nodeKey:e.key,onCopy:s,onSelect:l,onToggle:u,path:"".concat(x,"::").concat(e.key),selectedPath:b,value:e.value},e.key)})})]})},I=function(t){var a=t.data,o=t.onCopy,s=r.useMemo(function(){return JSON.stringify(a,null,2)},[a]),l=r.useMemo(function(){return s.split("\n")},[s]),i=r.useRef(null),c=e.__read(r.useState(0),2),u=c[0],x=c[1],b=e.__read(r.useState(!1),2),g=b[0],p=b[1],f=e.__read(r.useState(1),2),y=f[0],v=f[1];r.useEffect(function(){var e=i.current;if(e){var r=function(){var r=e.clientHeight,t=e.scrollHeight,n=e.scrollTop,a=t-r;x(a>0?n/a:0);var o=Math.floor(n/19.5)+1;v(Math.min(o,l.length)),p(a>100)};return e.addEventListener("scroll",r),r(),function(){return e.removeEventListener("scroll",r)}}},[l.length]);var k=function(){var e;null===(e=i.current)||void 0===e||e.scrollTo({behavior:"smooth",top:0})},m=function(){i.current&&i.current.scrollTo({behavior:"smooth",top:i.current.scrollHeight})},j=function(){i.current&&i.current.scrollBy({behavior:"smooth",top:.8*-i.current.clientHeight})},w=function(){i.current&&i.current.scrollBy({behavior:"smooth",top:.8*i.current.clientHeight})};return r.useEffect(function(){var e=function(e){e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement||("PageUp"===e.key?(e.preventDefault(),j()):"PageDown"===e.key?(e.preventDefault(),w()):"Home"===e.key&&(e.metaKey||e.ctrlKey)?(e.preventDefault(),k()):"End"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),m()))};return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}},[]),h.jsxs("div",{className:"relative flex h-full flex-col",children:[h.jsxs("div",{className:"border-border-color bg-surface flex items-center gap-4 border-b px-4 py-2 dark:border-gray-300",children:[h.jsx(n.Button,{icon:h.jsx(d.CopyIcon,{size:16}),onClick:o,size:"sm",variant:"subtle",children:"Copy JSON"}),h.jsxs("span",{className:"text-xs text-gray-500",children:[l.length.toLocaleString()," lines"]})]}),h.jsxs("div",{ref:i,className:"flex flex-1 overflow-auto scroll-smooth bg-gray-900 dark:bg-[#1a1a2e] [&::-webkit-scrollbar]:size-3.5 [&::-webkit-scrollbar-thumb]:rounded-[7px] [&::-webkit-scrollbar-thumb]:border-[3px] [&::-webkit-scrollbar-thumb]:border-transparent [&::-webkit-scrollbar-thumb]:bg-white/20 [&::-webkit-scrollbar-thumb]:bg-clip-content [&::-webkit-scrollbar-thumb:hover]:bg-white/30 [&::-webkit-scrollbar-thumb:hover]:bg-clip-content [&::-webkit-scrollbar-track]:bg-black/20",children:[h.jsx("div",{className:"sticky left-0 z-1 shrink-0 bg-black/20 py-4 select-none dark:bg-black/30",children:l.map(function(e,r){return h.jsx("div",{className:"px-4 text-right font-mono text-[13px] leading-normal text-gray-600",children:r+1},r)})}),h.jsx("pre",{className:"m-0 min-w-0 flex-1 p-4 font-mono text-[13px] leading-normal text-gray-200 dark:text-gray-100",children:h.jsx("code",{className:"block whitespace-pre",children:s})})]}),g&&h.jsxs("div",{className:"absolute right-4 bottom-4 z-10 flex flex-col items-end gap-2",children:[h.jsxs("div",{className:"rounded bg-[rgba(30,30,46,0.95)] px-2 py-1 font-mono text-[11px] text-white/70 backdrop-blur",children:["Line ",y.toLocaleString()," /"," ",l.length.toLocaleString()]}),h.jsx("div",{className:"h-[60px] w-1 overflow-hidden rounded-sm bg-white/10",children:h.jsx("div",{className:"w-full rounded-sm bg-blue-500 transition-[height] duration-100",style:{height:"".concat(100*u,"%")}})}),h.jsxs("div",{className:"flex flex-col gap-1 rounded-lg border border-white/10 bg-[rgba(30,30,46,0.95)] p-1.5 backdrop-blur",children:[h.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:u<.01,onClick:k,title:"Scroll to top (Cmd/Ctrl+Home)",type:"button",children:h.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:h.jsx("path",{d:"M12 4L4 12h5v8h6v-8h5L12 4z"})})}),h.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:u<.01,onClick:j,title:"Page up (PageUp)",type:"button",children:h.jsx("svg",{fill:"currentColor",height:"12",viewBox:"0 0 24 24",width:"12",children:h.jsx("path",{d:"M7 14l5-5 5 5H7z"})})}),h.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:u>.99,onClick:w,title:"Page down (PageDown)",type:"button",children:h.jsx("svg",{fill:"currentColor",height:"12",viewBox:"0 0 24 24",width:"12",children:h.jsx("path",{d:"M7 10l5 5 5-5H7z"})})}),h.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:u>.99,onClick:m,title:"Scroll to bottom (Cmd/Ctrl+End)",type:"button",children:h.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:h.jsx("path",{d:"M12 20l8-8h-5V4H9v8H4l8 8z"})})})]})]})]})},q=function(r){var t=r.data,n=r.indent,a=void 0===n?0:n,o="  ".repeat(a),s="  ".repeat(a+1);if(null===t)return h.jsx("span",{className:"text-gray-500 italic dark:text-gray-500",children:"null"});if("boolean"==typeof t)return h.jsx("span",{className:"text-cyan-600 dark:text-cyan-400",children:t?"true":"false"});if("number"==typeof t)return h.jsx("span",{className:"text-purple-600 dark:text-purple-400",children:t});if("string"==typeof t)return h.jsxs("span",{className:"text-orange-600 dark:text-orange-400",children:['"',t,'"']});if(Array.isArray(t))return 0===t.length?h.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"[]"}):h.jsxs(h.Fragment,{children:[h.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"["}),"\n",t.map(function(e,r){return h.jsxs("span",{children:[s,h.jsx(q,{data:e,indent:a+1}),r<t.length-1&&h.jsx("span",{className:"text-gray-500 dark:text-gray-600",children:","}),"\n"]},"array-".concat(a,"-").concat(r))}),o,h.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"]"})]});if("object"==typeof t){var l=Object.entries(t);return 0===l.length?h.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"{}"}):h.jsxs(h.Fragment,{children:[h.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"{"}),"\n",l.map(function(r,t){var n=e.__read(r,2),o=n[0],i=n[1];return h.jsxs("span",{children:[s,h.jsxs("span",{className:"text-blue-600 dark:text-blue-400",children:['"',o,'"']}),h.jsx("span",{className:"text-gray-500 dark:text-gray-600",children:": "}),h.jsx(q,{data:i,indent:a+1}),t<l.length-1&&h.jsx("span",{className:"text-gray-500 dark:text-gray-600",children:","}),"\n"]},o)}),o,h.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"}"})]})}return null},z=function(t){var a=t.path,o=t.value,s=y(o),i=e.__read(r.useState(!1),2),c=i[0],u=i[1],x=e.__read(r.useState(!1),2),b=x[0],g=x[1],p="object"!==s&&"array"!==s,f=r.useRef(null),v=r.useRef(null);r.useEffect(function(){return function(){f.current&&clearTimeout(f.current),v.current&&clearTimeout(v.current)}},[]);return h.jsxs("div",{className:"p-0",children:[h.jsxs("div",{className:"mb-4 flex flex-col gap-3 border-b border-gray-100 bg-linear-to-b from-gray-50 to-transparent px-4 pt-4 pb-4 dark:border-gray-300 dark:from-gray-200",children:[h.jsxs("div",{className:"flex items-center gap-2.5",children:[h.jsx("div",{className:"font-mono text-base font-semibold break-all text-blue-600 dark:text-blue-400",children:0===a.length?h.jsx("span",{className:"font-medium text-gray-500 dark:text-gray-500",children:"root"}):a[a.length-1]}),h.jsx("span",{className:"inline-flex shrink-0 rounded bg-gray-100 px-2.5 py-[3px] text-[10px] font-bold tracking-wide text-gray-600 uppercase dark:bg-gray-300 dark:text-gray-300",children:s.toUpperCase()})]}),a.length>1&&h.jsx("div",{className:"font-mono text-[11px] break-all text-gray-500 dark:text-gray-500",children:a.join(".")}),h.jsx("div",{className:"flex flex-wrap items-center gap-2",children:p?h.jsx(n.Button,{icon:b?h.jsx(l.CheckmarkIcon,{size:14}):h.jsx(d.CopyIcon,{size:14}),onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),r=null===o?"null":String(o),[4,navigator.clipboard.writeText(r)];case 1:return e.sent(),g(!0),v.current&&clearTimeout(v.current),v.current=setTimeout(function(){return g(!1)},2e3),[3,3];case 2:return t=e.sent(),console.error("Failed to copy:",t),[3,3];case 3:return[2]}})})},size:"sm",variant:"standard",children:b?"Copied!":"Copy Value"}):h.jsx(n.Button,{icon:c?h.jsx(l.CheckmarkIcon,{size:14}):h.jsx(d.CopyIcon,{size:14}),onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),r="object"==typeof o?JSON.stringify(o,null,2):String(o),[4,navigator.clipboard.writeText(r)];case 1:return e.sent(),u(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(function(){return u(!1)},2e3),[3,3];case 2:return t=e.sent(),console.error("Failed to copy:",t),[3,3];case 3:return[2]}})})},size:"sm",variant:"standard",children:c?"Copied!":"Copy JSON"})})]}),h.jsxs("div",{className:"px-4 pb-4",children:[h.jsx("span",{className:"mb-2 block text-[11px] font-semibold tracking-wide text-gray-500 uppercase",children:p?"Value":"Preview"}),h.jsx("pre",{className:"m-0 rounded-md bg-gray-50 px-3 py-2 font-mono text-[13px] leading-relaxed wrap-break-word whitespace-pre-wrap dark:bg-gray-100",children:h.jsx(q,{data:o})})]})]})};exports.JsonVisionViewer=function(t){var i,c=t.data,d=t.defaultViewMode,p=void 0===d?"tree":d,k=t.onClose,j=t.onShare,w=t.title,N=e.__read(r.useState(p),2),q=N[0],T=N[1],E=e.__read(r.useState("original"),2),L=E[0],D=E[1],M=e.__read(r.useState([]),2),H=M[0],P=M[1],O=e.__read(r.useState(0),2),R=O[0],B=O[1],K=e.__read(r.useState(""),2),F=K[0],V=K[1],U=e.__read(r.useState(!1),2),J=U[0],Z=U[1],G=e.__read(r.useState(-1),2),W=G[0],$=G[1],Q=e.__read(r.useState(new Set(["root"])),2),X=Q[0],Y=Q[1],ee=e.__read(r.useState("idle"),2),re=ee[0],te=ee[1],ne=r.useRef(null),ae=e.__read(r.useState(!1),2),oe=ae[0],se=ae[1];r.useEffect(function(){return function(){ne.current&&clearTimeout(ne.current)}},[]);var le=r.useMemo(function(){var e;if("undefined"==typeof navigator)return!1;var r=null===(e=navigator.userAgentData)||void 0===e?void 0:e.platform;return/Mac|iPod|iPhone|iPad/i.test(null!=r?r:navigator.userAgent)},[]),ie=le?"⌘":"Ctrl",ce=r.useRef(null),de=r.useRef(null),ue=r.useRef(null),xe=r.useRef(null),be=r.useRef(null);r.useEffect(function(){var e=function(e){var r;be.current&&!be.current.contains(e.target)&&Z(!1),de.current&&!(null===(r=de.current.parentElement)||void 0===r?void 0:r.contains(e.target))&&se(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]);var ge=r.useMemo(function(){return c&&"original"!==L?m(c,"keys-asc"===L?"asc":"desc"):c},[c,L]),he=r.useMemo(function(){return!ge||F.length<2?[]:_(ge,F)},[ge,F]);r.useEffect(function(){$(-1)},[he]);var pe=r.useCallback(function(r){var t,n;if(J&&0!==he.length)if("ArrowDown"===r.key)r.preventDefault(),$(function(e){return e<he.length-1?e+1:e});else if("ArrowUp"===r.key)r.preventDefault(),$(function(e){return e>0?e-1:e});else if("Enter"===r.key&&W>=0){r.preventDefault();var a=he[W];if(a&&(P(a.path),B(a.path.length-1),Z(!1),V(""),"tree"===q)){var o=new Set(X),s="root";try{for(var l=e.__values(a.path),i=l.next();!i.done;i=l.next()){var c=i.value;s="".concat(s,"::").concat(c),o.add(s)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(n=l.return)&&n.call(l)}finally{if(t)throw t.error}}Y(o)}}else"Escape"===r.key&&(Z(!1),$(-1))},[J,he,W,q,X]),fe=r.useCallback(function(r){var t,n;if(P(r.path),B(r.path.length-1),Z(!1),V(""),"tree"===q){var a=new Set(X),o="root";try{for(var s=e.__values(r.path),l=s.next();!l.done;l=s.next()){var i=l.value;o="".concat(o,"::").concat(i),a.add(o)}}catch(e){t={error:e}}finally{try{l&&!l.done&&(n=s.return)&&n.call(s)}finally{if(t)throw t.error}}Y(a)}},[q,X]),ye=r.useCallback(function(){return e.__awaiter(void 0,void 0,void 0,function(){var r;return e.__generator(this,function(e){switch(e.label){case 0:if(!j)return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,j()];case 2:return e.sent(),te("copied"),ne.current&&clearTimeout(ne.current),ne.current=setTimeout(function(){return te("idle")},2e3),[3,4];case 3:return r=e.sent(),console.error("Failed to share:",r),[3,4];case 4:return[2]}})})},[j]),ve=r.useMemo(function(){if(ge)return 0===H.length?ge:v(ge,H)},[ge,H]),ke=r.useMemo(function(){var e,r;if(!ge)return[];var t=[];t.push({data:ge,selectedKey:null!==(e=H[0])&&void 0!==e?e:null});for(var n=ge,a=0;a<H.length;a+=1){var o=H[a];if(!o||null===n||"object"!=typeof n)break;if(Array.isArray(n)){var s=parseInt(o,10);if(!(!Number.isNaN(s)&&s>=0&&s<n.length))break;n=n[s]}else{if(!(o in n))break;n=n[o]}null!==n&&"object"==typeof n&&t.push({data:n,selectedKey:null!==(r=H[a+1])&&void 0!==r?r:null})}return t},[ge,H]),me=r.useCallback(function(e,r){P(function(t){var n=t.slice(0,e);return n.push(r),n})},[]),je=r.useCallback(function(e){Y(function(r){var t=new Set(r);return t.has(e)?t.delete(e):t.add(e),t})},[]),we=r.useCallback(function(e,r){P(e)},[]),Ne=r.useCallback(function(r){return e.__awaiter(void 0,void 0,void 0,function(){var t,n;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t="object"==typeof r?JSON.stringify(r,null,2):String(r),[4,navigator.clipboard.writeText(t)];case 1:return e.sent(),[3,3];case 2:return n=e.sent(),console.error("Failed to copy:",n),[3,3];case 3:return[2]}})})},[]),_e=r.useCallback(function(){return e.__awaiter(void 0,void 0,void 0,function(){var r;return e.__generator(this,function(e){switch(e.label){case 0:if(!ge)return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,navigator.clipboard.writeText(JSON.stringify(ge,null,2))];case 2:return e.sent(),[3,4];case 3:return r=e.sent(),console.error("Failed to copy:",r),[3,4];case 4:return[2]}})})},[ge]),Ce=r.useCallback(function(){if(c){var r=new Set,t=function(n,a){r.add(a),Array.isArray(n)?n.forEach(function(e,r){"object"==typeof e&&null!==e&&t(e,"".concat(a,"::").concat(r))}):"object"==typeof n&&null!==n&&Object.entries(n).forEach(function(r){var n=e.__read(r,2),o=n[0],s=n[1];"object"==typeof s&&null!==s&&t(s,"".concat(a,"::").concat(o))})};t(c,"root"),Y(r)}},[c]),Se=r.useCallback(function(){Y(new Set(["root"]))},[]),Ae=r.useCallback(function(r){var t=ke[r];return null==(null==t?void 0:t.data)||"object"!=typeof t.data?[]:Array.isArray(t.data)?t.data.map(function(e,r){return{key:r.toString(),type:y(e),value:e}}):Object.entries(t.data).map(function(r){var t=e.__read(r,2),n=t[0],a=t[1];return{key:n,type:y(a),value:a}})},[ke]);return r.useEffect(function(){var e=function(e){var r,t,n;if(!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement))if(!e.metaKey&&!e.ctrlKey||"f"!==e.key)if(!e.metaKey&&!e.ctrlKey||"c"!==e.key){if("tree"!==q){if("column"===q){var a=Ae(R),o=H[R],s=a.findIndex(function(e){return e.key===o});if("ArrowDown"===e.key){if(e.preventDefault(),0===a.length)return;if(-1===s){var l=a[0];return void(l&&me(R,l.key))}if(s<a.length-1){var i=a[s+1];i&&me(R,i.key)}}else if("ArrowUp"===e.key){if(e.preventDefault(),0===a.length)return;if(-1===s){var c=a[a.length-1];return void(c&&me(R,c.key))}if(s>0){var d=a[s-1];d&&me(R,d.key)}}else if("ArrowLeft"===e.key)e.preventDefault(),R>0&&(B(R-1),P(function(e){return e.slice(0,R)}));else if("ArrowRight"===e.key){e.preventDefault();var u=a[s];if(u&&("object"===u.type||"array"===u.type)&&R<ke.length-1){B(R+1);var x=Ae(R+1);x.length>0&&x[0]&&me(R+1,x[0].key)}}}}else if("ArrowDown"===e.key||"ArrowUp"===e.key||"ArrowLeft"===e.key||"ArrowRight"===e.key){e.preventDefault();var b=null===(t=ue.current)||void 0===t?void 0:t.querySelectorAll('[role="button"][data-path]');if(!b||0===b.length)return;var h=null===(n=ue.current)||void 0===n?void 0:n.querySelector('[role="button"][data-path].bg-blue-50'),p=Array.from(b),f=h?p.indexOf(h):-1,y=function(e){var r=p[e];if(r){var t=r.getAttribute("data-path");if(null!==t){var n=g.jsonParse(t);Array.isArray(n)&&we(n)}r.scrollIntoView({behavior:"smooth",block:"nearest"})}};if("ArrowDown"===e.key)y(-1===f?0:Math.min(f+1,p.length-1));else if("ArrowUp"===e.key){y(-1===f?p.length-1:Math.max(f-1,0))}else if("ArrowRight"===e.key&&h){var k=H.length>0?"root::".concat(H.join("::")):"",m=v(ge,H);k&&("object"==typeof m&&null!==m)&&!X.has(k)?je(k):f>=0&&f<p.length-1&&y(f+1)}else if("ArrowLeft"===e.key&&h){(k=H.length>0?"root::".concat(H.join("::")):"")&&X.has(k)?je(k):H.length>1&&P(function(e){return e.slice(0,-1)})}}}else{var j=window.getSelection();void 0!==ve&&H.length>0&&(!j||0===j.toString().length)&&(e.preventDefault(),Ne(ve))}else"column"!==q&&"tree"!==q||(e.preventDefault(),null===(r=xe.current)||void 0===r||r.focus())};return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}},[q,R,H,ke,Ae,me,ve,Ne,X,je,we]),c?h.jsxs("div",{ref:ce,className:"bg-surface flex h-full flex-col overflow-hidden rounded-lg",children:[h.jsxs("div",{className:"border-border-color bg-surface flex flex-wrap items-center justify-between gap-4 border-b px-4 py-3 dark:border-gray-300",children:[h.jsxs(a.Flex,{alignItems:"center",gap:16,children:[w&&h.jsx(s.Text,{fontWeight:600,children:w}),h.jsxs("div",{className:"flex items-center gap-1 rounded-lg bg-gray-100 p-1 dark:bg-gray-100",children:[h.jsxs("button",{className:f.default("flex items-center gap-1.5 rounded-md border-none px-3 py-1.5\n                text-[13px] font-medium whitespace-nowrap transition-all\n                duration-150 [&>svg]:shrink-0","tree"!==q&&"text-gray-600 hover:bg-gray-200 hover:text-gray-800\n                  dark:text-gray-600 dark:hover:bg-gray-300\n                  dark:hover:text-gray-200","tree"===q&&"bg-surface hover:bg-surface text-blue-600\n                  shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:text-blue-600\n                  dark:bg-gray-50 dark:text-blue-400\n                  dark:shadow-[0_1px_3px_rgba(0,0,0,0.3)] dark:hover:bg-gray-50\n                  dark:hover:text-blue-400 [&>svg]:text-blue-600\n                  dark:[&>svg]:text-blue-400"),onClick:function(){return T("tree")},type:"button",children:[h.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:h.jsx("path",{d:"M3 5h18v2H3V5zm4 4h14v2H7V9zm4 4h10v2H11v-2zm4 4h6v2h-6v-2z"})}),h.jsx("span",{children:"Tree"})]}),h.jsxs("button",{className:f.default("flex items-center gap-1.5 rounded-md border-none px-3 py-1.5\n                text-[13px] font-medium whitespace-nowrap transition-all\n                duration-150 [&>svg]:shrink-0","column"!==q&&"text-gray-600 hover:bg-gray-200 hover:text-gray-800\n                  dark:text-gray-600 dark:hover:bg-gray-300\n                  dark:hover:text-gray-200","column"===q&&"bg-surface hover:bg-surface text-blue-600\n                  shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:text-blue-600\n                  dark:bg-gray-50 dark:text-blue-400\n                  dark:shadow-[0_1px_3px_rgba(0,0,0,0.3)] dark:hover:bg-gray-50\n                  dark:hover:text-blue-400 [&>svg]:text-blue-600\n                  dark:[&>svg]:text-blue-400"),onClick:function(){return T("column")},type:"button",children:[h.jsxs("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:[h.jsx("rect",{height:"18",rx:"1",width:"6",x:"2",y:"3"}),h.jsx("rect",{height:"18",rx:"1",width:"6",x:"9",y:"3"}),h.jsx("rect",{height:"18",rx:"1",width:"6",x:"16",y:"3"})]}),h.jsx("span",{children:"Columns"})]}),h.jsxs("button",{className:f.default("flex items-center gap-1.5 rounded-md border-none px-3 py-1.5\n                text-[13px] font-medium whitespace-nowrap transition-all\n                duration-150 [&>svg]:shrink-0","editor"!==q&&"text-gray-600 hover:bg-gray-200 hover:text-gray-800\n                  dark:text-gray-600 dark:hover:bg-gray-300\n                  dark:hover:text-gray-200","editor"===q&&"bg-surface hover:bg-surface text-blue-600\n                  shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:text-blue-600\n                  dark:bg-gray-50 dark:text-blue-400\n                  dark:shadow-[0_1px_3px_rgba(0,0,0,0.3)] dark:hover:bg-gray-50\n                  dark:hover:text-blue-400 [&>svg]:text-blue-600\n                  dark:[&>svg]:text-blue-400"),onClick:function(){return T("editor")},type:"button",children:[h.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:h.jsx("path",{d:"M8 3l-6 9 6 9h2l-6-9 6-9H8zm8 0l6 9-6 9h-2l6-9-6-9h2z"})}),h.jsx("span",{children:"Code"})]})]}),h.jsxs("div",{className:"ml-2 flex items-center gap-1 border-l border-gray-200 pl-3 dark:border-gray-300",children:[h.jsx("span",{className:"mr-1 text-xs text-gray-500 dark:text-gray-500",children:"Sort:"}),h.jsx("button",{className:f.default("rounded border-none px-2 py-1 text-xs font-medium text-gray-500\n                transition-all duration-150 hover:bg-gray-100\n                hover:text-gray-700 dark:text-gray-500 dark:hover:bg-gray-300\n                dark:hover:text-gray-300","original"===L&&"bg-blue-100 text-blue-700 hover:bg-blue-100\n                  hover:text-blue-700 dark:bg-blue-900 dark:text-blue-300\n                  dark:hover:bg-blue-900 dark:hover:text-blue-300"),onClick:function(){return D("original")},title:"Original order from API",type:"button",children:"Original"}),h.jsx("button",{className:f.default("rounded border-none px-2 py-1 text-xs font-medium text-gray-500\n                transition-all duration-150 hover:bg-gray-100\n                hover:text-gray-700 dark:text-gray-500 dark:hover:bg-gray-300\n                dark:hover:text-gray-300","keys-asc"===L&&"bg-blue-100 text-blue-700 hover:bg-blue-100\n                  hover:text-blue-700 dark:bg-blue-900 dark:text-blue-300\n                  dark:hover:bg-blue-900 dark:hover:text-blue-300"),onClick:function(){return D("keys-asc")},title:"Sort keys A to Z",type:"button",children:"A-Z"}),h.jsx("button",{className:f.default("rounded border-none px-2 py-1 text-xs font-medium text-gray-500\n                transition-all duration-150 hover:bg-gray-100\n                hover:text-gray-700 dark:text-gray-500 dark:hover:bg-gray-300\n                dark:hover:text-gray-300","keys-desc"===L&&"bg-blue-100 text-blue-700 hover:bg-blue-100\n                  hover:text-blue-700 dark:bg-blue-900 dark:text-blue-300\n                  dark:hover:bg-blue-900 dark:hover:text-blue-300"),onClick:function(){return D("keys-desc")},title:"Sort keys Z to A",type:"button",children:"Z-A"})]})]}),h.jsxs(a.Flex,{alignItems:"center",gap:8,children:[("column"===q||"tree"===q)&&h.jsxs("div",{ref:be,className:"relative flex items-center",children:[h.jsx(b.SearchIcon,{className:"pointer-events-none absolute left-2.5 z-[1] text-gray-500",size:16}),h.jsx(o.Input,{className:"[&>input]:pl-8",inputRef:xe,onChange:function(e){V(e.target.value),Z(e.target.value.length>=2)},onFocus:function(){return Z(F.length>=2)},onKeyDown:pe,placeholder:"Search keys & values...",size:"sm",style:{width:358},value:F}),J&&he.length>0&&h.jsxs("div",{className:"border-border-color bg-surface absolute top-full right-0 left-0 z-100 mt-1 max-h-[300px] min-w-[280px] overflow-y-auto rounded-lg border shadow-[0_4px_12px_rgba(0,0,0,0.15)] dark:border-gray-300",children:[he.map(function(e,r){return h.jsxs("button",{className:f.default("flex w-full flex-col items-start gap-0.5 border-b\n                        border-gray-100 bg-transparent px-3 py-2 text-left\n                        transition-colors duration-100 last:border-b-0\n                        hover:bg-blue-50 dark:border-gray-300\n                        dark:hover:bg-gray-300",r===W&&"bg-blue-50 dark:bg-gray-300"),onClick:function(){return fe(e)},type:"button",children:[h.jsx("span",{className:"font-mono text-xs break-all text-blue-600 dark:text-blue-400",children:e.path.join(".")}),h.jsx("span",{className:"max-w-full overflow-hidden text-[11px] text-ellipsis whitespace-nowrap text-gray-500 dark:text-gray-500",children:"key"===e.matchType?"(key)":e.preview})]},"".concat(e.path.join("."),"-").concat(e.matchType,"-").concat(r))}),50===he.length&&h.jsx("div",{className:"border-t border-gray-100 px-3 py-2 text-center text-[11px] text-gray-500 dark:border-gray-300",children:"Showing first 50 results..."})]}),J&&F.length>=2&&0===he.length&&h.jsx("div",{className:"border-border-color bg-surface absolute top-full right-0 left-0 z-[100] mt-1 max-h-[300px] min-w-[280px] overflow-y-auto rounded-lg border shadow-[0_4px_12px_rgba(0,0,0,0.15)] dark:border-gray-300",children:h.jsx("div",{className:"px-3 py-4 text-center text-[13px] text-gray-500",children:"No matches found"})})]}),"tree"===q&&h.jsxs(a.Flex,{gap:4,children:[h.jsx(n.Button,{onClick:Ce,size:"sm",variant:"subtle",children:"Expand all"}),h.jsx(n.Button,{onClick:Se,size:"sm",variant:"subtle",children:"Collapse all"})]}),h.jsxs("div",{className:"relative",children:[h.jsx("button",{ref:de,className:"flex size-8 items-center justify-center rounded-md border-none bg-transparent text-gray-500 transition-all duration-150 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-600 dark:hover:bg-gray-300 dark:hover:text-gray-200",onClick:function(){return se(!oe)},title:"Tips & shortcuts",type:"button",children:h.jsx(u.HelpIcon,{size:16})}),oe&&h.jsxs("div",{className:"bg-surface absolute top-full right-0 z-[100] mt-2 w-[260px] overflow-hidden rounded-lg border border-gray-200 shadow-[0_4px_16px_rgba(0,0,0,0.12)] dark:border-gray-300",children:[h.jsx("div",{className:"px-4 pt-3 pb-2 text-[11px] font-semibold tracking-wide text-gray-500 uppercase dark:text-gray-600",children:"Keyboard shortcuts"}),h.jsxs("div",{className:"px-4 pb-3",children:[h.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[h.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[h.jsx("kbd",{children:"↑"})," ",h.jsx("kbd",{children:"↓"})]}),h.jsx("span",{children:"Navigate items"})]}),h.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[h.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[h.jsx("kbd",{children:"←"})," ",h.jsx("kbd",{children:"→"})]}),h.jsx("span",{children:"Collapse/expand"})]}),h.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[h.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[h.jsx("kbd",{children:ie}),"+",h.jsx("kbd",{children:"C"})]}),h.jsx("span",{children:"Copy selection"})]}),h.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[h.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[h.jsx("kbd",{children:ie}),"+",h.jsx("kbd",{children:"F"})]}),h.jsx("span",{children:"Search"})]})]}),h.jsx("div",{className:"px-4 pt-3 pb-2 text-[11px] font-semibold tracking-wide text-gray-500 uppercase dark:text-gray-600",children:"Tips"}),h.jsxs("div",{className:"px-4 pb-3",children:[h.jsx("div",{className:"py-1 text-xs leading-snug text-gray-600 dark:text-gray-600",children:"Click any item to see details and copy options"}),h.jsx("div",{className:"py-1 text-xs leading-snug text-gray-600 dark:text-gray-600",children:"Use Share to copy a link to your current view"}),h.jsx("div",{className:"py-1 text-xs leading-snug text-gray-600 dark:text-gray-600",children:"Search finds both keys and values"})]})]})]}),j&&h.jsx(n.Button,{icon:"copied"===re?h.jsx(l.CheckmarkIcon,{size:16}):h.jsx(x.LinkIcon,{size:16}),onClick:ye,size:"sm",variant:"subtle",children:"copied"===re?"Copied!":"Share"}),k&&h.jsx(n.Button,{onClick:k,size:"sm",variant:"subtle",children:"Close"})]})]}),"editor"!==q&&h.jsxs("div",{className:"border-border-color flex items-center overflow-x-auto border-b bg-gray-50 px-4 py-2 text-[13px] dark:border-gray-300 dark:bg-gray-100 [&::-webkit-scrollbar]:h-1",children:[h.jsx("button",{className:"cursor-pointer rounded border-none bg-none px-2 py-1 text-[13px] whitespace-nowrap text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-gray-300",onClick:function(){return P([])},type:"button",children:"root"}),H.map(function(e,r){return h.jsxs("span",{children:[h.jsx("span",{className:"mx-0.5 text-gray-400 dark:text-gray-600",children:"/"}),h.jsx("button",{className:"cursor-pointer rounded border-none bg-none px-2 py-1 text-[13px] whitespace-nowrap text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-gray-300",onClick:function(){return P(H.slice(0,r+1))},type:"button",children:e})]},"breadcrumb-".concat(r,"-").concat(e))})]}),h.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden",children:["column"===q&&h.jsxs("div",{className:"flex h-full overflow-hidden",children:[h.jsxs("div",{className:"bg-surface flex flex-1 overflow-x-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-gray-100",children:[ke.map(function(e,r){return h.jsx(S,{columnIndex:r,data:e.data,isActiveColumn:R===r,onFocusColumn:B,onSelect:function(e){return me(r,e)},selectedKey:e.selectedKey},"column-".concat(r))}),void 0!==ve&&(null===ve||"object"!=typeof ve)&&H.length>0&&h.jsx(C,{name:null!==(i=H[H.length-1])&&void 0!==i?i:"",value:ve})]}),void 0!==ve&&h.jsx("div",{className:"border-border-color bg-surface w-[400px] shrink-0 grow-0 overflow-y-auto border-l dark:border-gray-300",children:h.jsx(z,{path:H,value:ve})})]}),"tree"===q&&ge&&h.jsxs("div",{className:"flex h-full flex-1 overflow-hidden",children:[h.jsx("div",{ref:ue,className:"flex-1 overflow-auto py-2 font-mono text-[13px] leading-normal",children:Object.entries(ge).map(function(r){var t=e.__read(r,2),n=t[0],a=t[1];return h.jsx(A,{depth:0,expandedPaths:X,nodeKey:n,onCopy:Ne,onSelect:we,onToggle:je,path:"root::".concat(n),selectedPath:H,value:a},n)})}),void 0!==ve&&H.length>0&&h.jsx("div",{className:"border-border-color bg-surface w-[400px] shrink-0 grow-0 overflow-y-auto border-l dark:border-gray-300",children:h.jsx(z,{path:H,value:ve})})]}),"editor"===q&&ge&&h.jsx(I,{data:ge,onCopy:_e})]})]}):h.jsx("div",{className:"bg-surface flex h-full flex-col overflow-hidden rounded-lg",children:h.jsx("div",{className:"flex h-full items-center justify-center p-10",children:h.jsx(s.Text,{color:"gray600",children:"No data available"})})})};
+"use strict";var e=require("react"),t=require("clsx"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),n=require("../input/Input.js"),s=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),o=require("../../icons/ChevronDownIcon.js"),i=require("../../icons/ChevronRightIcon.js"),d=require("../../icons/CopyIcon.js"),c=require("../../icons/HelpIcon.js"),u=require("../../icons/LinkIcon.js"),x=require("../../icons/SearchIcon.js"),b=require("../../utils/jsonParse.js"),g=require("react/jsx-runtime");function h(e){return e&&e.__esModule?e:{default:e}}require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/cn.js"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../input/input-type/_FloatLabelInput.js"),require("../../utils/getNodeText.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../input/input-type/_PasswordInput.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../input/input-type/_TimeInput.js"),require("../../icons/ClockIcon.js");var p=h(t);const y=e=>null===e?"null":Array.isArray(e)?"array":typeof e,k=(e,t)=>{let r=e;for(const e of t){if(null===r||"object"!=typeof r)return;if(Array.isArray(r)){const t=parseInt(e,10);if(Number.isNaN(t)||t<0||t>=r.length)return;r=r[t]}else{if(!(e in r))return;r=r[e]}}return r},m=e=>{switch(e){case"object":return"{}";case"array":return"[]";case"string":return'""';case"number":return"#";case"boolean":return"◯";case"null":return"∅";default:return"?"}},f=(e,t)=>{if(null===e||"object"!=typeof e)return e;if(Array.isArray(e))return e.map(e=>f(e,t));const r=e,a=Object.keys(r).sort((e,r)=>{const a=e.localeCompare(r,void 0,{sensitivity:"base"});return"asc"===t?a:-a}),n={};for(const e of a){const a=r[e];void 0!==a&&(n[e]=f(a,t))}return n},v=e=>"undefined"!=typeof CSS&&CSS.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&"),j=(e,t)=>{switch(t){case"array":{const t=e;return`${t.length} ${1===t.length?"item":"items"}`}case"object":{const t=e,r=Object.keys(t);return`${r.length} ${1===r.length?"field":"fields"}`}case"string":case"number":return String(e);case"boolean":return e?"true":"false";case"null":return"null";default:return""}},w=(e,t)=>{if("string"===t){const t=String(e);return t.length>30?t:void 0}},N=(e,t,r=[],a=[],n=50)=>{if(a.length>=n)return a;const s=t.toLowerCase();if(null===e||"object"!=typeof e){const t=String(e);return t.toLowerCase().includes(s)&&a.push({key:r[r.length-1]??"root",matchType:"value",path:r,preview:t.length>50?`${t.slice(0,50)}...`:t}),a}return Array.isArray(e)?e.forEach((e,s)=>{a.length<n&&N(e,t,[...r,String(s)],a,n)}):Object.entries(e).forEach(([e,l])=>{if(!(a.length>=n)){if(e.toLowerCase().includes(s)){const t=y(l);a.push({key:e,matchType:"key",path:[...r,e],preview:j(l,t)})}N(l,t,[...r,e],a,n)}}),a},C=({name:e,value:t})=>{const r=y(t),a="boolean"===r?t?"true":"false":String(t);return g.jsx("div",{className:"border-border-color bg-surface max-w-[320px] min-w-[260px] shrink-0 overflow-y-auto border-r dark:border-gray-300",children:g.jsxs("div",{className:"flex items-center gap-2 bg-blue-600 px-3 py-2.5",children:[g.jsx("span",{className:"flex size-5 shrink-0 items-center justify-center rounded bg-blue-500 text-[10px] font-semibold text-white",children:m(r)}),g.jsx("span",{className:"text-[13px] font-medium whitespace-nowrap text-white",children:e}),g.jsx("span",{className:p.default("ml-auto max-w-[180px] overflow-hidden font-mono text-[13px]\n            text-ellipsis whitespace-nowrap",(()=>{switch(r){case"string":return"text-orange-200";case"number":return"text-blue-200";case"boolean":return"text-purple-200";case"null":return"text-blue-200 italic";default:return""}})()),children:a})]})})},S=({columnIndex:t,data:r,isActiveColumn:a,onFocusColumn:n,onSelect:s,selectedKey:l})=>{const o=e.useRef(null),d=e.useMemo(()=>null===r||"object"!=typeof r?[]:Array.isArray(r)?r.map((e,t)=>({key:t.toString(),type:y(e),value:e})):Object.entries(r).map(([e,t])=>({key:e,type:y(t),value:t})),[r]);return e.useEffect(()=>{if(a&&l&&o.current){const e=v(l),t=o.current.querySelector(`[data-key="${e}"]`);t&&(t.focus(),t.scrollIntoView({behavior:"smooth",block:"nearest"}))}},[a,l]),e.useEffect(()=>{if(l&&o.current){const e=v(l),t=o.current.querySelector(`[data-key="${e}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"nearest"})}},[l]),0===d.length?g.jsx("div",{className:"border-border-color bg-surface w-[280px] max-w-[280px] min-w-[280px] shrink-0 grow-0 overflow-y-auto border-r dark:border-gray-300 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-gray-300",children:g.jsx("div",{className:"p-6 text-center text-gray-500 italic",children:"Empty"})}):g.jsx("div",{ref:o,className:"border-border-color bg-surface w-[280px] max-w-[280px] min-w-[280px] shrink-0 grow-0 overflow-y-auto border-r dark:border-gray-300 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-gray-300",children:d.map(e=>{const r="object"===e.type||"array"===e.type,a=l===e.key;return g.jsxs("button",{className:p.default("flex w-full cursor-pointer items-center gap-2 border-none\n              bg-transparent px-3 py-2.5 text-left transition-colors\n              duration-100 hover:bg-gray-50 dark:hover:bg-gray-300",a&&"bg-blue-600 hover:bg-blue-600 dark:bg-blue-600\n                dark:hover:bg-blue-600"),"data-key":e.key,onClick:()=>{n(t),s(e.key)},onFocus:()=>n(t),type:"button",children:[g.jsx("span",{className:p.default("flex size-5 shrink-0 items-center justify-center rounded\n                bg-gray-100 text-[10px] font-semibold text-gray-500\n                dark:bg-gray-300 dark:text-gray-600",a&&"bg-blue-500 text-white dark:bg-blue-500 dark:text-white"),children:m(e.type)}),g.jsx("span",{className:p.default("flex-1 overflow-hidden text-[13px] font-medium text-ellipsis\n                whitespace-nowrap text-gray-800 dark:text-gray-800",a&&"text-white dark:text-white"),title:e.key,children:e.key}),g.jsx("span",{className:p.default("max-w-[100px] shrink-0 overflow-hidden text-xs text-ellipsis\n                whitespace-nowrap text-gray-500 dark:text-gray-500",a&&"text-blue-200 dark:text-blue-200"),title:w(e.value,e.type),children:j(e.value,e.type)}),r&&g.jsx(i.ChevronRightIcon,{className:p.default("shrink-0 text-gray-400",a&&"text-blue-200 dark:text-blue-200"),size:14})]},e.key)})})},A=({depth:t,expandedPaths:r,nodeKey:a,onCopy:n,onSelect:s,onToggle:l,path:c,selectedPath:u,value:x})=>{const b=y(x),h="object"===b||"array"===b,k=r.has(c),[f,v]=e.useState(!1),N=c.split("::").slice(1),C=null!==u&&N.length===u.length&&N.every((e,t)=>e===u[t]),S=e.useMemo(()=>h&&k?Array.isArray(x)?x.map((e,t)=>({key:t.toString(),value:e})):Object.entries(x).map(([e,t])=>({key:e,value:t})):[],[x,h,k]);return g.jsxs("div",{className:"block",children:[g.jsxs("div",{className:p.default("relative mx-2 flex cursor-pointer items-center gap-1 rounded px-2\n          py-1 hover:bg-gray-50 dark:hover:bg-gray-200",C&&"bg-blue-50 hover:bg-blue-100 dark:bg-gray-300\n            dark:hover:bg-gray-400"),"data-path":JSON.stringify(N),onClick:e=>{e.stopPropagation(),s(N,x),h&&l(c)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),s(N,x),h&&l(c))},onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),role:"button",style:{paddingLeft:20*t+8+"px"},tabIndex:0,children:[h&&g.jsx("span",{className:"flex size-[18px] items-center justify-center text-gray-500",children:k?g.jsx(o.ChevronDownIcon,{size:14}):g.jsx(i.ChevronRightIcon,{size:14})}),!h&&g.jsx("span",{className:"w-[18px]"}),g.jsx("span",{className:"mr-1 flex size-[18px] shrink-0 items-center justify-center rounded-[3px] bg-gray-100 text-[9px] font-semibold text-gray-500 dark:bg-gray-300 dark:text-gray-600",children:m(b)}),g.jsx("span",{className:"font-medium text-gray-800 dark:text-gray-800",title:a,children:a}),!h&&g.jsxs(g.Fragment,{children:[g.jsx("span",{className:"mx-1 text-gray-500 dark:text-gray-600",children:":"}),(()=>{switch(b){case"string":return g.jsxs("span",{className:"text-orange-600 dark:text-orange-400",children:['"',String(x),'"']});case"number":return g.jsx("span",{className:"text-blue-600 dark:text-blue-400",children:String(x)});case"boolean":return g.jsx("span",{className:"text-purple-600 dark:text-purple-400",children:x?"true":"false"});case"null":return g.jsx("span",{className:"text-gray-500 italic dark:text-gray-500",children:"null"});default:return null}})()]}),h&&!k&&g.jsx("span",{className:"ml-2 text-xs text-gray-400 dark:text-gray-600",title:w(x,b),children:j(x,b)}),f&&g.jsx("button",{className:"absolute top-1/2 right-2 flex size-[22px] -translate-y-1/2 cursor-pointer items-center justify-center rounded border-none bg-gray-100 text-gray-600 hover:bg-gray-200 hover:text-gray-800 dark:bg-gray-300 dark:text-gray-600 dark:hover:bg-gray-400 dark:hover:text-gray-200",onClick:e=>{e.stopPropagation(),n(x)},type:"button",children:g.jsx(d.CopyIcon,{size:12})})]}),k&&S.length>0&&g.jsx("div",{className:"block",children:S.map(e=>g.jsx(A,{depth:t+1,expandedPaths:r,nodeKey:e.key,onCopy:n,onSelect:s,onToggle:l,path:`${c}::${e.key}`,selectedPath:u,value:e.value},e.key))})]})},I=({data:t,onCopy:a})=>{const n=e.useMemo(()=>JSON.stringify(t,null,2),[t]),s=e.useMemo(()=>n.split("\n"),[n]),l=e.useRef(null),[o,i]=e.useState(0),[c,u]=e.useState(!1),[x,b]=e.useState(1);e.useEffect(()=>{const e=l.current;if(!e)return;const t=()=>{const{clientHeight:t,scrollHeight:r,scrollTop:a}=e,n=r-t;i(n>0?a/n:0);const l=Math.floor(a/19.5)+1;b(Math.min(l,s.length)),u(n>100)};return e.addEventListener("scroll",t),t(),()=>e.removeEventListener("scroll",t)},[s.length]);const h=()=>{l.current?.scrollTo({behavior:"smooth",top:0})},p=()=>{l.current&&l.current.scrollTo({behavior:"smooth",top:l.current.scrollHeight})},y=()=>{l.current&&l.current.scrollBy({behavior:"smooth",top:.8*-l.current.clientHeight})},k=()=>{l.current&&l.current.scrollBy({behavior:"smooth",top:.8*l.current.clientHeight})};return e.useEffect(()=>{const e=e=>{e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement||("PageUp"===e.key?(e.preventDefault(),y()):"PageDown"===e.key?(e.preventDefault(),k()):"Home"===e.key&&(e.metaKey||e.ctrlKey)?(e.preventDefault(),h()):"End"===e.key&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),p()))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]),g.jsxs("div",{className:"relative flex h-full flex-col",children:[g.jsxs("div",{className:"border-border-color bg-surface flex items-center gap-4 border-b px-4 py-2 dark:border-gray-300",children:[g.jsx(r.Button,{icon:g.jsx(d.CopyIcon,{size:16}),onClick:a,size:"sm",variant:"subtle",children:"Copy JSON"}),g.jsxs("span",{className:"text-xs text-gray-500",children:[s.length.toLocaleString()," lines"]})]}),g.jsxs("div",{ref:l,className:"flex flex-1 overflow-auto scroll-smooth bg-gray-900 dark:bg-[#1a1a2e] [&::-webkit-scrollbar]:size-3.5 [&::-webkit-scrollbar-thumb]:rounded-[7px] [&::-webkit-scrollbar-thumb]:border-[3px] [&::-webkit-scrollbar-thumb]:border-transparent [&::-webkit-scrollbar-thumb]:bg-white/20 [&::-webkit-scrollbar-thumb]:bg-clip-content [&::-webkit-scrollbar-thumb:hover]:bg-white/30 [&::-webkit-scrollbar-thumb:hover]:bg-clip-content [&::-webkit-scrollbar-track]:bg-black/20",children:[g.jsx("div",{className:"sticky left-0 z-1 shrink-0 bg-black/20 py-4 select-none dark:bg-black/30",children:s.map((e,t)=>g.jsx("div",{className:"px-4 text-right font-mono text-[13px] leading-normal text-gray-600",children:t+1},t))}),g.jsx("pre",{className:"m-0 min-w-0 flex-1 p-4 font-mono text-[13px] leading-normal text-gray-200 dark:text-gray-100",children:g.jsx("code",{className:"block whitespace-pre",children:n})})]}),c&&g.jsxs("div",{className:"absolute right-4 bottom-4 z-10 flex flex-col items-end gap-2",children:[g.jsxs("div",{className:"rounded bg-[rgba(30,30,46,0.95)] px-2 py-1 font-mono text-[11px] text-white/70 backdrop-blur",children:["Line ",x.toLocaleString()," /"," ",s.length.toLocaleString()]}),g.jsx("div",{className:"h-[60px] w-1 overflow-hidden rounded-sm bg-white/10",children:g.jsx("div",{className:"w-full rounded-sm bg-blue-500 transition-[height] duration-100",style:{height:100*o+"%"}})}),g.jsxs("div",{className:"flex flex-col gap-1 rounded-lg border border-white/10 bg-[rgba(30,30,46,0.95)] p-1.5 backdrop-blur",children:[g.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:o<.01,onClick:h,title:"Scroll to top (Cmd/Ctrl+Home)",type:"button",children:g.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:g.jsx("path",{d:"M12 4L4 12h5v8h6v-8h5L12 4z"})})}),g.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:o<.01,onClick:y,title:"Page up (PageUp)",type:"button",children:g.jsx("svg",{fill:"currentColor",height:"12",viewBox:"0 0 24 24",width:"12",children:g.jsx("path",{d:"M7 14l5-5 5 5H7z"})})}),g.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:o>.99,onClick:k,title:"Page down (PageDown)",type:"button",children:g.jsx("svg",{fill:"currentColor",height:"12",viewBox:"0 0 24 24",width:"12",children:g.jsx("path",{d:"M7 10l5 5 5-5H7z"})})}),g.jsx("button",{className:"flex size-7 items-center justify-center rounded border-none bg-transparent text-white/60 transition-all duration-150 hover:bg-white/10 hover:text-white active:bg-white/15 disabled:cursor-not-allowed disabled:opacity-30",disabled:o>.99,onClick:p,title:"Scroll to bottom (Cmd/Ctrl+End)",type:"button",children:g.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:g.jsx("path",{d:"M12 20l8-8h-5V4H9v8H4l8 8z"})})})]})]})]})},z=({data:e,indent:t=0})=>{const r="  ".repeat(t),a="  ".repeat(t+1);if(null===e)return g.jsx("span",{className:"text-gray-500 italic dark:text-gray-500",children:"null"});if("boolean"==typeof e)return g.jsx("span",{className:"text-cyan-600 dark:text-cyan-400",children:e?"true":"false"});if("number"==typeof e)return g.jsx("span",{className:"text-purple-600 dark:text-purple-400",children:e});if("string"==typeof e)return g.jsxs("span",{className:"text-orange-600 dark:text-orange-400",children:['"',e,'"']});if(Array.isArray(e))return 0===e.length?g.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"[]"}):g.jsxs(g.Fragment,{children:[g.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"["}),"\n",e.map((r,n)=>g.jsxs("span",{children:[a,g.jsx(z,{data:r,indent:t+1}),n<e.length-1&&g.jsx("span",{className:"text-gray-500 dark:text-gray-600",children:","}),"\n"]},`array-${t}-${n}`)),r,g.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"]"})]});if("object"==typeof e){const n=Object.entries(e);return 0===n.length?g.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"{}"}):g.jsxs(g.Fragment,{children:[g.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"{"}),"\n",n.map(([e,r],s)=>g.jsxs("span",{children:[a,g.jsxs("span",{className:"text-blue-600 dark:text-blue-400",children:['"',e,'"']}),g.jsx("span",{className:"text-gray-500 dark:text-gray-600",children:": "}),g.jsx(z,{data:r,indent:t+1}),s<n.length-1&&g.jsx("span",{className:"text-gray-500 dark:text-gray-600",children:","}),"\n"]},e)),r,g.jsx("span",{className:"text-gray-600 dark:text-gray-500",children:"}"})]})}return null},q=({path:t,value:a})=>{const n=y(a),[s,o]=e.useState(!1),[i,c]=e.useState(!1),u="object"!==n&&"array"!==n,x=e.useRef(null),b=e.useRef(null);e.useEffect(()=>()=>{x.current&&clearTimeout(x.current),b.current&&clearTimeout(b.current)},[]);return g.jsxs("div",{className:"p-0",children:[g.jsxs("div",{className:"mb-4 flex flex-col gap-3 border-b border-gray-100 bg-linear-to-b from-gray-50 to-transparent px-4 pt-4 pb-4 dark:border-gray-300 dark:from-gray-200",children:[g.jsxs("div",{className:"flex items-center gap-2.5",children:[g.jsx("div",{className:"font-mono text-base font-semibold break-all text-blue-600 dark:text-blue-400",children:0===t.length?g.jsx("span",{className:"font-medium text-gray-500 dark:text-gray-500",children:"root"}):t[t.length-1]}),g.jsx("span",{className:"inline-flex shrink-0 rounded bg-gray-100 px-2.5 py-[3px] text-[10px] font-bold tracking-wide text-gray-600 uppercase dark:bg-gray-300 dark:text-gray-300",children:n.toUpperCase()})]}),t.length>1&&g.jsx("div",{className:"font-mono text-[11px] break-all text-gray-500 dark:text-gray-500",children:t.join(".")}),g.jsx("div",{className:"flex flex-wrap items-center gap-2",children:u?g.jsx(r.Button,{icon:i?g.jsx(l.CheckmarkIcon,{size:14}):g.jsx(d.CopyIcon,{size:14}),onClick:async()=>{try{const e=null===a?"null":String(a);await navigator.clipboard.writeText(e),c(!0),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>c(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},size:"sm",variant:"standard",children:i?"Copied!":"Copy Value"}):g.jsx(r.Button,{icon:s?g.jsx(l.CheckmarkIcon,{size:14}):g.jsx(d.CopyIcon,{size:14}),onClick:async()=>{try{const e="object"==typeof a?JSON.stringify(a,null,2):String(a);await navigator.clipboard.writeText(e),o(!0),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>o(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},size:"sm",variant:"standard",children:s?"Copied!":"Copy JSON"})})]}),g.jsxs("div",{className:"px-4 pb-4",children:[g.jsx("span",{className:"mb-2 block text-[11px] font-semibold tracking-wide text-gray-500 uppercase",children:u?"Value":"Preview"}),g.jsx("pre",{className:"m-0 rounded-md bg-gray-50 px-3 py-2 font-mono text-[13px] leading-relaxed wrap-break-word whitespace-pre-wrap dark:bg-gray-100",children:g.jsx(z,{data:a})})]})]})};exports.JsonVisionViewer=({data:t,defaultViewMode:o="tree",onClose:i,onShare:d,title:h})=>{const[m,v]=e.useState(o),[j,w]=e.useState("original"),[z,T]=e.useState([]),[E,_]=e.useState(0),[L,$]=e.useState(""),[D,M]=e.useState(!1),[H,P]=e.useState(-1),[O,R]=e.useState(new Set(["root"])),[K,B]=e.useState("idle"),F=e.useRef(null),[V,U]=e.useState(!1);e.useEffect(()=>()=>{F.current&&clearTimeout(F.current)},[]);const J=e.useMemo(()=>{if("undefined"==typeof navigator)return!1;const e=navigator.userAgentData?.platform;return/Mac|iPod|iPhone|iPad/i.test(e??navigator.userAgent)},[])?"⌘":"Ctrl",Z=e.useRef(null),G=e.useRef(null),W=e.useRef(null),Q=e.useRef(null),X=e.useRef(null);e.useEffect(()=>{const e=e=>{X.current&&!X.current.contains(e.target)&&M(!1),G.current&&!G.current.parentElement?.contains(e.target)&&U(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const Y=e.useMemo(()=>{if(!t||"original"===j)return t;return f(t,"keys-asc"===j?"asc":"desc")},[t,j]),ee=e.useMemo(()=>!Y||L.length<2?[]:N(Y,L),[Y,L]);e.useEffect(()=>{P(-1)},[ee]);const te=e.useCallback(e=>{if(D&&0!==ee.length)if("ArrowDown"===e.key)e.preventDefault(),P(e=>e<ee.length-1?e+1:e);else if("ArrowUp"===e.key)e.preventDefault(),P(e=>e>0?e-1:e);else if("Enter"===e.key&&H>=0){e.preventDefault();const t=ee[H];if(t&&(T(t.path),_(t.path.length-1),M(!1),$(""),"tree"===m)){const e=new Set(O);let r="root";for(const a of t.path)r=`${r}::${a}`,e.add(r);R(e)}}else"Escape"===e.key&&(M(!1),P(-1))},[D,ee,H,m,O]),re=e.useCallback(e=>{if(T(e.path),_(e.path.length-1),M(!1),$(""),"tree"===m){const t=new Set(O);let r="root";for(const a of e.path)r=`${r}::${a}`,t.add(r);R(t)}},[m,O]),ae=e.useCallback(async()=>{if(d)try{await d(),B("copied"),F.current&&clearTimeout(F.current),F.current=setTimeout(()=>B("idle"),2e3)}catch(e){console.error("Failed to share:",e)}},[d]),ne=e.useMemo(()=>{if(Y)return 0===z.length?Y:k(Y,z)},[Y,z]),se=e.useMemo(()=>{if(!Y)return[];const e=[];e.push({data:Y,selectedKey:z[0]??null});let t=Y;for(let r=0;r<z.length;r+=1){const a=z[r];if(!a||null===t||"object"!=typeof t)break;if(Array.isArray(t)){const e=parseInt(a,10);if(!(!Number.isNaN(e)&&e>=0&&e<t.length))break;t=t[e]}else{if(!(a in t))break;t=t[a]}null!==t&&"object"==typeof t&&e.push({data:t,selectedKey:z[r+1]??null})}return e},[Y,z]),le=e.useCallback((e,t)=>{T(r=>{const a=r.slice(0,e);return a.push(t),a})},[]),oe=e.useCallback(e=>{R(t=>{const r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},[]),ie=e.useCallback((e,t)=>{T(e)},[]),de=e.useCallback(async e=>{try{const t="object"==typeof e?JSON.stringify(e,null,2):String(e);await navigator.clipboard.writeText(t)}catch(e){console.error("Failed to copy:",e)}},[]),ce=e.useCallback(async()=>{if(Y)try{await navigator.clipboard.writeText(JSON.stringify(Y,null,2))}catch(e){console.error("Failed to copy:",e)}},[Y]),ue=e.useCallback(()=>{if(!t)return;const e=new Set,r=(t,a)=>{e.add(a),Array.isArray(t)?t.forEach((e,t)=>{"object"==typeof e&&null!==e&&r(e,`${a}::${t}`)}):"object"==typeof t&&null!==t&&Object.entries(t).forEach(([e,t])=>{"object"==typeof t&&null!==t&&r(t,`${a}::${e}`)})};r(t,"root"),R(e)},[t]),xe=e.useCallback(()=>{R(new Set(["root"]))},[]),be=e.useCallback(e=>{const t=se[e];return null==t?.data||"object"!=typeof t.data?[]:Array.isArray(t.data)?t.data.map((e,t)=>({key:t.toString(),type:y(e),value:e})):Object.entries(t.data).map(([e,t])=>({key:e,type:y(t),value:t}))},[se]);return e.useEffect(()=>{const e=e=>{if(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)return;if((e.metaKey||e.ctrlKey)&&"f"===e.key)return void("column"!==m&&"tree"!==m||(e.preventDefault(),Q.current?.focus()));if((e.metaKey||e.ctrlKey)&&"c"===e.key){const t=window.getSelection();return void(void 0!==ne&&z.length>0&&(!t||0===t.toString().length)&&(e.preventDefault(),de(ne)))}if("tree"===m){if("ArrowDown"===e.key||"ArrowUp"===e.key||"ArrowLeft"===e.key||"ArrowRight"===e.key){e.preventDefault();const t=W.current?.querySelectorAll('[role="button"][data-path]');if(!t||0===t.length)return;const r=W.current?.querySelector('[role="button"][data-path].bg-blue-50'),a=Array.from(t),n=r?a.indexOf(r):-1,s=e=>{const t=a[e];if(t){const e=t.getAttribute("data-path");if(null!==e){const t=b.jsonParse(e);Array.isArray(t)&&ie(t)}t.scrollIntoView({behavior:"smooth",block:"nearest"})}};if("ArrowDown"===e.key){s(-1===n?0:Math.min(n+1,a.length-1))}else if("ArrowUp"===e.key){s(-1===n?a.length-1:Math.max(n-1,0))}else if("ArrowRight"===e.key&&r){const e=z.length>0?`root::${z.join("::")}`:"",t=k(Y,z);e&&("object"==typeof t&&null!==t)&&!O.has(e)?oe(e):n>=0&&n<a.length-1&&s(n+1)}else if("ArrowLeft"===e.key&&r){const e=z.length>0?`root::${z.join("::")}`:"";e&&O.has(e)?oe(e):z.length>1&&T(e=>e.slice(0,-1))}}return}if("column"!==m)return;const t=be(E),r=z[E],a=t.findIndex(e=>e.key===r);if("ArrowDown"===e.key){if(e.preventDefault(),0===t.length)return;if(-1===a){const e=t[0];return void(e&&le(E,e.key))}if(a<t.length-1){const e=t[a+1];e&&le(E,e.key)}}else if("ArrowUp"===e.key){if(e.preventDefault(),0===t.length)return;if(-1===a){const e=t[t.length-1];return void(e&&le(E,e.key))}if(a>0){const e=t[a-1];e&&le(E,e.key)}}else if("ArrowLeft"===e.key)e.preventDefault(),E>0&&(_(E-1),T(e=>e.slice(0,E)));else if("ArrowRight"===e.key){e.preventDefault();const r=t[a];if(r&&("object"===r.type||"array"===r.type)&&E<se.length-1){_(E+1);const e=be(E+1);e.length>0&&e[0]&&le(E+1,e[0].key)}}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[m,E,z,se,be,le,ne,de,O,oe,ie]),t?g.jsxs("div",{ref:Z,className:"bg-surface flex h-full flex-col overflow-hidden rounded-lg",children:[g.jsxs("div",{className:"border-border-color bg-surface flex flex-wrap items-center justify-between gap-4 border-b px-4 py-3 dark:border-gray-300",children:[g.jsxs(a.Flex,{alignItems:"center",gap:16,children:[h&&g.jsx(s.Text,{fontWeight:600,children:h}),g.jsxs("div",{className:"flex items-center gap-1 rounded-lg bg-gray-100 p-1 dark:bg-gray-100",children:[g.jsxs("button",{className:p.default("flex items-center gap-1.5 rounded-md border-none px-3 py-1.5\n                text-[13px] font-medium whitespace-nowrap transition-all\n                duration-150 [&>svg]:shrink-0","tree"!==m&&"text-gray-600 hover:bg-gray-200 hover:text-gray-800\n                  dark:text-gray-600 dark:hover:bg-gray-300\n                  dark:hover:text-gray-200","tree"===m&&"bg-surface hover:bg-surface text-blue-600\n                  shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:text-blue-600\n                  dark:bg-gray-50 dark:text-blue-400\n                  dark:shadow-[0_1px_3px_rgba(0,0,0,0.3)] dark:hover:bg-gray-50\n                  dark:hover:text-blue-400 [&>svg]:text-blue-600\n                  dark:[&>svg]:text-blue-400"),onClick:()=>v("tree"),type:"button",children:[g.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:g.jsx("path",{d:"M3 5h18v2H3V5zm4 4h14v2H7V9zm4 4h10v2H11v-2zm4 4h6v2h-6v-2z"})}),g.jsx("span",{children:"Tree"})]}),g.jsxs("button",{className:p.default("flex items-center gap-1.5 rounded-md border-none px-3 py-1.5\n                text-[13px] font-medium whitespace-nowrap transition-all\n                duration-150 [&>svg]:shrink-0","column"!==m&&"text-gray-600 hover:bg-gray-200 hover:text-gray-800\n                  dark:text-gray-600 dark:hover:bg-gray-300\n                  dark:hover:text-gray-200","column"===m&&"bg-surface hover:bg-surface text-blue-600\n                  shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:text-blue-600\n                  dark:bg-gray-50 dark:text-blue-400\n                  dark:shadow-[0_1px_3px_rgba(0,0,0,0.3)] dark:hover:bg-gray-50\n                  dark:hover:text-blue-400 [&>svg]:text-blue-600\n                  dark:[&>svg]:text-blue-400"),onClick:()=>v("column"),type:"button",children:[g.jsxs("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:[g.jsx("rect",{height:"18",rx:"1",width:"6",x:"2",y:"3"}),g.jsx("rect",{height:"18",rx:"1",width:"6",x:"9",y:"3"}),g.jsx("rect",{height:"18",rx:"1",width:"6",x:"16",y:"3"})]}),g.jsx("span",{children:"Columns"})]}),g.jsxs("button",{className:p.default("flex items-center gap-1.5 rounded-md border-none px-3 py-1.5\n                text-[13px] font-medium whitespace-nowrap transition-all\n                duration-150 [&>svg]:shrink-0","editor"!==m&&"text-gray-600 hover:bg-gray-200 hover:text-gray-800\n                  dark:text-gray-600 dark:hover:bg-gray-300\n                  dark:hover:text-gray-200","editor"===m&&"bg-surface hover:bg-surface text-blue-600\n                  shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:text-blue-600\n                  dark:bg-gray-50 dark:text-blue-400\n                  dark:shadow-[0_1px_3px_rgba(0,0,0,0.3)] dark:hover:bg-gray-50\n                  dark:hover:text-blue-400 [&>svg]:text-blue-600\n                  dark:[&>svg]:text-blue-400"),onClick:()=>v("editor"),type:"button",children:[g.jsx("svg",{fill:"currentColor",height:"14",viewBox:"0 0 24 24",width:"14",children:g.jsx("path",{d:"M8 3l-6 9 6 9h2l-6-9 6-9H8zm8 0l6 9-6 9h-2l6-9-6-9h2z"})}),g.jsx("span",{children:"Code"})]})]}),g.jsxs("div",{className:"ml-2 flex items-center gap-1 border-l border-gray-200 pl-3 dark:border-gray-300",children:[g.jsx("span",{className:"mr-1 text-xs text-gray-500 dark:text-gray-500",children:"Sort:"}),g.jsx("button",{className:p.default("rounded border-none px-2 py-1 text-xs font-medium text-gray-500\n                transition-all duration-150 hover:bg-gray-100\n                hover:text-gray-700 dark:text-gray-500 dark:hover:bg-gray-300\n                dark:hover:text-gray-300","original"===j&&"bg-blue-100 text-blue-700 hover:bg-blue-100\n                  hover:text-blue-700 dark:bg-blue-900 dark:text-blue-300\n                  dark:hover:bg-blue-900 dark:hover:text-blue-300"),onClick:()=>w("original"),title:"Original order from API",type:"button",children:"Original"}),g.jsx("button",{className:p.default("rounded border-none px-2 py-1 text-xs font-medium text-gray-500\n                transition-all duration-150 hover:bg-gray-100\n                hover:text-gray-700 dark:text-gray-500 dark:hover:bg-gray-300\n                dark:hover:text-gray-300","keys-asc"===j&&"bg-blue-100 text-blue-700 hover:bg-blue-100\n                  hover:text-blue-700 dark:bg-blue-900 dark:text-blue-300\n                  dark:hover:bg-blue-900 dark:hover:text-blue-300"),onClick:()=>w("keys-asc"),title:"Sort keys A to Z",type:"button",children:"A-Z"}),g.jsx("button",{className:p.default("rounded border-none px-2 py-1 text-xs font-medium text-gray-500\n                transition-all duration-150 hover:bg-gray-100\n                hover:text-gray-700 dark:text-gray-500 dark:hover:bg-gray-300\n                dark:hover:text-gray-300","keys-desc"===j&&"bg-blue-100 text-blue-700 hover:bg-blue-100\n                  hover:text-blue-700 dark:bg-blue-900 dark:text-blue-300\n                  dark:hover:bg-blue-900 dark:hover:text-blue-300"),onClick:()=>w("keys-desc"),title:"Sort keys Z to A",type:"button",children:"Z-A"})]})]}),g.jsxs(a.Flex,{alignItems:"center",gap:8,children:[("column"===m||"tree"===m)&&g.jsxs("div",{ref:X,className:"relative flex items-center",children:[g.jsx(x.SearchIcon,{className:"pointer-events-none absolute left-2.5 z-[1] text-gray-500",size:16}),g.jsx(n.Input,{className:"[&>input]:pl-8",inputRef:Q,onChange:e=>{$(e.target.value),M(e.target.value.length>=2)},onFocus:()=>M(L.length>=2),onKeyDown:te,placeholder:"Search keys & values...",size:"sm",style:{width:358},value:L}),D&&ee.length>0&&g.jsxs("div",{className:"border-border-color bg-surface absolute top-full right-0 left-0 z-100 mt-1 max-h-[300px] min-w-[280px] overflow-y-auto rounded-lg border shadow-[0_4px_12px_rgba(0,0,0,0.15)] dark:border-gray-300",children:[ee.map((e,t)=>g.jsxs("button",{className:p.default("flex w-full flex-col items-start gap-0.5 border-b\n                        border-gray-100 bg-transparent px-3 py-2 text-left\n                        transition-colors duration-100 last:border-b-0\n                        hover:bg-blue-50 dark:border-gray-300\n                        dark:hover:bg-gray-300",t===H&&"bg-blue-50 dark:bg-gray-300"),onClick:()=>re(e),type:"button",children:[g.jsx("span",{className:"font-mono text-xs break-all text-blue-600 dark:text-blue-400",children:e.path.join(".")}),g.jsx("span",{className:"max-w-full overflow-hidden text-[11px] text-ellipsis whitespace-nowrap text-gray-500 dark:text-gray-500",children:"key"===e.matchType?"(key)":e.preview})]},`${e.path.join(".")}-${e.matchType}-${t}`)),50===ee.length&&g.jsx("div",{className:"border-t border-gray-100 px-3 py-2 text-center text-[11px] text-gray-500 dark:border-gray-300",children:"Showing first 50 results..."})]}),D&&L.length>=2&&0===ee.length&&g.jsx("div",{className:"border-border-color bg-surface absolute top-full right-0 left-0 z-[100] mt-1 max-h-[300px] min-w-[280px] overflow-y-auto rounded-lg border shadow-[0_4px_12px_rgba(0,0,0,0.15)] dark:border-gray-300",children:g.jsx("div",{className:"px-3 py-4 text-center text-[13px] text-gray-500",children:"No matches found"})})]}),"tree"===m&&g.jsxs(a.Flex,{gap:4,children:[g.jsx(r.Button,{onClick:ue,size:"sm",variant:"subtle",children:"Expand all"}),g.jsx(r.Button,{onClick:xe,size:"sm",variant:"subtle",children:"Collapse all"})]}),g.jsxs("div",{className:"relative",children:[g.jsx("button",{ref:G,className:"flex size-8 items-center justify-center rounded-md border-none bg-transparent text-gray-500 transition-all duration-150 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-600 dark:hover:bg-gray-300 dark:hover:text-gray-200",onClick:()=>U(!V),title:"Tips & shortcuts",type:"button",children:g.jsx(c.HelpIcon,{size:16})}),V&&g.jsxs("div",{className:"bg-surface absolute top-full right-0 z-[100] mt-2 w-[260px] overflow-hidden rounded-lg border border-gray-200 shadow-[0_4px_16px_rgba(0,0,0,0.12)] dark:border-gray-300",children:[g.jsx("div",{className:"px-4 pt-3 pb-2 text-[11px] font-semibold tracking-wide text-gray-500 uppercase dark:text-gray-600",children:"Keyboard shortcuts"}),g.jsxs("div",{className:"px-4 pb-3",children:[g.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[g.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[g.jsx("kbd",{children:"↑"})," ",g.jsx("kbd",{children:"↓"})]}),g.jsx("span",{children:"Navigate items"})]}),g.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[g.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[g.jsx("kbd",{children:"←"})," ",g.jsx("kbd",{children:"→"})]}),g.jsx("span",{children:"Collapse/expand"})]}),g.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[g.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[g.jsx("kbd",{children:J}),"+",g.jsx("kbd",{children:"C"})]}),g.jsx("span",{children:"Copy selection"})]}),g.jsxs("div",{className:"flex items-center justify-between py-1.5 text-[13px] text-gray-700 dark:text-gray-300",children:[g.jsxs("span",{className:"flex items-center gap-1 font-mono [&>kbd]:inline-flex [&>kbd]:h-[22px] [&>kbd]:min-w-[22px] [&>kbd]:items-center [&>kbd]:justify-center [&>kbd]:rounded [&>kbd]:border [&>kbd]:border-gray-200 [&>kbd]:bg-gray-100 [&>kbd]:px-1.5 [&>kbd]:text-[11px] [&>kbd]:text-gray-600 dark:[&>kbd]:border-gray-600 dark:[&>kbd]:bg-gray-700 dark:[&>kbd]:text-gray-300",children:[g.jsx("kbd",{children:J}),"+",g.jsx("kbd",{children:"F"})]}),g.jsx("span",{children:"Search"})]})]}),g.jsx("div",{className:"px-4 pt-3 pb-2 text-[11px] font-semibold tracking-wide text-gray-500 uppercase dark:text-gray-600",children:"Tips"}),g.jsxs("div",{className:"px-4 pb-3",children:[g.jsx("div",{className:"py-1 text-xs leading-snug text-gray-600 dark:text-gray-600",children:"Click any item to see details and copy options"}),g.jsx("div",{className:"py-1 text-xs leading-snug text-gray-600 dark:text-gray-600",children:"Use Share to copy a link to your current view"}),g.jsx("div",{className:"py-1 text-xs leading-snug text-gray-600 dark:text-gray-600",children:"Search finds both keys and values"})]})]})]}),d&&g.jsx(r.Button,{icon:"copied"===K?g.jsx(l.CheckmarkIcon,{size:16}):g.jsx(u.LinkIcon,{size:16}),onClick:ae,size:"sm",variant:"subtle",children:"copied"===K?"Copied!":"Share"}),i&&g.jsx(r.Button,{onClick:i,size:"sm",variant:"subtle",children:"Close"})]})]}),"editor"!==m&&g.jsxs("div",{className:"border-border-color flex items-center overflow-x-auto border-b bg-gray-50 px-4 py-2 text-[13px] dark:border-gray-300 dark:bg-gray-100 [&::-webkit-scrollbar]:h-1",children:[g.jsx("button",{className:"cursor-pointer rounded border-none bg-none px-2 py-1 text-[13px] whitespace-nowrap text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-gray-300",onClick:()=>T([]),type:"button",children:"root"}),z.map((e,t)=>g.jsxs("span",{children:[g.jsx("span",{className:"mx-0.5 text-gray-400 dark:text-gray-600",children:"/"}),g.jsx("button",{className:"cursor-pointer rounded border-none bg-none px-2 py-1 text-[13px] whitespace-nowrap text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-gray-300",onClick:()=>T(z.slice(0,t+1)),type:"button",children:e})]},`breadcrumb-${t}-${e}`))]}),g.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden",children:["column"===m&&g.jsxs("div",{className:"flex h-full overflow-hidden",children:[g.jsxs("div",{className:"bg-surface flex flex-1 overflow-x-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar-thumb]:rounded [&::-webkit-scrollbar-thumb]:bg-gray-300 [&::-webkit-scrollbar-track]:bg-gray-100",children:[se.map((e,t)=>g.jsx(S,{columnIndex:t,data:e.data,isActiveColumn:E===t,onFocusColumn:_,onSelect:e=>le(t,e),selectedKey:e.selectedKey},`column-${t}`)),void 0!==ne&&(null===ne||"object"!=typeof ne)&&z.length>0&&g.jsx(C,{name:z[z.length-1]??"",value:ne})]}),void 0!==ne&&g.jsx("div",{className:"border-border-color bg-surface w-[400px] shrink-0 grow-0 overflow-y-auto border-l dark:border-gray-300",children:g.jsx(q,{path:z,value:ne})})]}),"tree"===m&&Y&&g.jsxs("div",{className:"flex h-full flex-1 overflow-hidden",children:[g.jsx("div",{ref:W,className:"flex-1 overflow-auto py-2 font-mono text-[13px] leading-normal",children:Object.entries(Y).map(([e,t])=>g.jsx(A,{depth:0,expandedPaths:O,nodeKey:e,onCopy:de,onSelect:ie,onToggle:oe,path:`root::${e}`,selectedPath:z,value:t},e))}),void 0!==ne&&z.length>0&&g.jsx("div",{className:"border-border-color bg-surface w-[400px] shrink-0 grow-0 overflow-y-auto border-l dark:border-gray-300",children:g.jsx(q,{path:z,value:ne})})]}),"editor"===m&&Y&&g.jsx(I,{data:Y,onCopy:ce})]})]}):g.jsx("div",{className:"bg-surface flex h-full flex-col overflow-hidden rounded-lg",children:g.jsx("div",{className:"flex h-full items-center justify-center p-10",children:g.jsx(s.Text,{color:"gray600",children:"No data available"})})})};

package/components/language-picker/AnimatedGlobe.js

@@ -1 +1 @@
-"use strict";var r=require("../../tslib.es6-cdc5f922.js"),t=require("react"),a=require("react/jsx-runtime"),e={border:"rgba(100, 116, 139, 0.2)",connectionLines:"rgba(100, 116, 139, 0.15)",continentFill:"rgba(59, 130, 246, 0.12)",dots:["rgba(59, 130, 246, 0.9)","rgba(249, 115, 22, 0.9)","rgba(20, 184, 166, 0.9)","rgba(168, 85, 247, 0.85)","rgba(34, 197, 94, 0.85)"],glowInner:"rgba(59, 130, 246, 0.08)",gridLines:"rgba(100, 116, 139, 0.1)",landOutline:"rgba(59, 130, 246, 0.3)"},l=[[[60,-140],[65,-170],[72,-170],[71,-155],[60,-140],[55,-130],[50,-125],[48,-123],[40,-124],[33,-117],[25,-110],[20,-105],[15,-92],[18,-88],[22,-97],[25,-97],[30,-85],[30,-81],[35,-75],[40,-74],[45,-67],[47,-60],[50,-57],[52,-55],[55,-60],[58,-65],[60,-65],[62,-75],[65,-85],[68,-95],[70,-100],[70,-130],[65,-140],[60,-140]],[[12,-72],[10,-67],[8,-60],[5,-52],[0,-50],[-5,-35],[-10,-37],[-15,-39],[-20,-40],[-23,-43],[-28,-49],[-33,-52],[-38,-57],[-42,-63],[-46,-67],[-50,-70],[-53,-70],[-55,-68],[-52,-75],[-46,-75],[-40,-73],[-35,-72],[-30,-71],[-22,-70],[-15,-75],[-5,-80],[0,-78],[5,-77],[10,-75],[12,-72]],[[36,-5],[38,-9],[43,-9],[47,-2],[48,-5],[51,2],[54,8],[55,12],[57,10],[60,5],[62,5],[65,12],[70,20],[70,30],[65,30],[60,30],[55,28],[50,30],[45,28],[42,28],[40,26],[38,24],[36,22],[36,15],[38,12],[40,15],[42,12],[44,8],[43,3],[39,0],[36,-5]],[[37,10],[35,-1],[32,-5],[28,-13],[22,-17],[15,-17],[10,-15],[5,-10],[5,-5],[0,10],[-5,12],[-10,14],[-15,17],[-20,20],[-25,25],[-30,28],[-34,18],[-34,25],[-30,32],[-25,35],[-15,40],[-10,42],[-2,42],[5,42],[10,45],[12,44],[15,40],[20,40],[25,35],[30,32],[32,32],[35,25],[37,15],[37,10]],[[42,28],[45,40],[42,50],[35,52],[25,57],[20,58],[25,65],[28,70],[35,75],[40,75],[45,80],[50,80],[55,75],[60,70],[65,75],[70,70],[70,140],[65,142],[60,140],[55,135],[50,130],[45,135],[42,132],[38,128],[35,130],[32,122],[28,120],[22,115],[20,110],[10,106],[5,103],[1,104],[-5,105],[-8,115],[-8,120],[-5,120],[5,120],[10,120],[15,121],[20,110],[25,100],[30,95],[28,85],[22,88],[20,73],[25,68],[30,65],[35,52]],[[-12,130],[-15,125],[-20,118],[-25,114],[-30,115],[-35,117],[-38,145],[-35,150],[-30,153],[-25,153],[-20,149],[-15,145],[-12,142],[-10,135],[-12,130]]],n=[{lat:40.7,lng:-74},{lat:51.5,lng:-.1},{lat:35.7,lng:139.7},{lat:-33.9,lng:18.4},{lat:-23.5,lng:-46.6},{lat:19.4,lng:-99.1},{lat:55.7,lng:37.6},{lat:28.6,lng:77.2},{lat:-33.8,lng:151.2},{lat:48.9,lng:2.35},{lat:1.35,lng:103.8},{lat:25.2,lng:55.3},{lat:37.5,lng:127},{lat:22.3,lng:114.2},{lat:-1.3,lng:36.8}];function o(r,t,a){var e=(90-r)*Math.PI/180,l=(t+180)*Math.PI/180;return{lat:r,lng:t,x:-a*Math.sin(e)*Math.cos(l),y:a*Math.cos(e),z:a*Math.sin(e)*Math.sin(l)}}function i(t,a){var e=Math.cos(a),l=Math.sin(a);return r.__assign(r.__assign({},t),{x:t.x*e-t.z*l,z:t.x*l+t.z*e})}function c(t,a){var e=Math.cos(a),l=Math.sin(a);return r.__assign(r.__assign({},t),{y:t.y*e-t.z*l,z:t.y*l+t.z*e})}exports.AnimatedGlobe=function(d){var s=d.size,f=void 0===s?160:s,h=t.useRef(null),g=t.useRef(0),u=t.useRef(0);return t.useEffect(function(){var t=h.current;if(t){var a=t.getContext("2d");if(a){var d=window.devicePixelRatio||1;t.width=f*d,t.height=f*d,a.scale(d,d);var s=f/2,v=f/2,y=.38*f,x=n.map(function(r,t){var a,l=t%e.dots.length;return{color:null!==(a=e.dots[l])&&void 0!==a?a:"rgba(59, 130, 246, 0.9)",point:o(r.lat,r.lng,y),pulseOffset:Math.random()*Math.PI*2,size:2+2*Math.random()}}),b=-.3;return function t(){var n,d,h,P,_,M,p,S,z,m,w,I,k,C;if(a){a.clearRect(0,0,f,f);var T=u.current,R=a.createRadialGradient(s,v,.8*y,s,v,1.4*y);R.addColorStop(0,e.glowInner),R.addColorStop(1,"rgba(59, 130, 246, 0)"),a.fillStyle=R,a.beginPath(),a.arc(s,v,1.4*y,0,2*Math.PI),a.fill();var q=a.createRadialGradient(s-.2*y,v-.2*y,0,s,v,y);q.addColorStop(0,"rgba(240, 249, 255, 0.8)"),q.addColorStop(.7,"rgba(224, 242, 254, 0.5)"),q.addColorStop(1,"rgba(186, 230, 253, 0.3)"),a.fillStyle=q,a.beginPath(),a.arc(s,v,y,0,2*Math.PI),a.fill();for(var G=-60;G<=60;G+=30){for(var L=[],W=-180;W<=180;W+=5){X=c(X=i(X=o(G,W,y),T),b),L.push(X)}a.strokeStyle=e.gridLines,a.lineWidth=.5,a.beginPath();var F=!1;try{for(var O=(n=void 0,r.__values(L)),j=O.next();!j.done;j=O.next()){(X=j.value).z>0?F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0):F=!1}}catch(r){n={error:r}}finally{try{j&&!j.done&&(d=O.return)&&d.call(O)}finally{if(n)throw n.error}}a.stroke()}for(W=-180;W<180;W+=30){for(L=[],G=-90;G<=90;G+=5){X=c(X=i(X=o(G,W,y),T),b),L.push(X)}a.strokeStyle=e.gridLines,a.lineWidth=.5,a.beginPath();F=!1;try{for(var A=(h=void 0,r.__values(L)),$=A.next();!$.done;$=A.next()){(X=$.value).z>0?F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0):F=!1}}catch(r){h={error:r}}finally{try{$&&!$.done&&(P=A.return)&&P.call(A)}finally{if(h)throw h.error}}a.stroke()}try{for(var D=r.__values(l),E=D.next();!E.done;E=D.next()){var B=E.value.map(function(t){var a=r.__read(t,2),e=o(a[0],a[1],y);return e=c(e=i(e,T),b)});a.fillStyle=e.continentFill,a.beginPath();F=!1;try{for(var H=(p=void 0,r.__values(B)),J=H.next();!J.done;J=H.next()){(X=J.value).z>0&&(F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0))}}catch(r){p={error:r}}finally{try{J&&!J.done&&(S=H.return)&&S.call(H)}finally{if(p)throw p.error}}a.closePath(),a.fill(),a.strokeStyle=e.landOutline,a.lineWidth=1,a.beginPath(),F=!1;try{for(var K=(z=void 0,r.__values(B)),N=K.next();!N.done;N=K.next()){(X=N.value).z>0?F?a.lineTo(s+X.x,v-X.y):(a.moveTo(s+X.x,v-X.y),F=!0):F=!1}}catch(r){z={error:r}}finally{try{N&&!N.done&&(m=K.return)&&m.call(K)}finally{if(z)throw z.error}}a.stroke()}}catch(r){_={error:r}}finally{try{E&&!E.done&&(M=D.return)&&M.call(D)}finally{if(_)throw _.error}}var Q=[];try{for(var U=r.__values(x),V=U.next();!V.done;V=U.next()){var X;(X=c(X=i((cr=V.value).point,T),b)).z>0&&Q.push({dot:cr,x:s+X.x,y:v-X.y})}}catch(r){w={error:r}}finally{try{V&&!V.done&&(I=U.return)&&I.call(U)}finally{if(w)throw w.error}}for(var Y=0;Y<Q.length;Y+=1)for(var Z=Y+1;Z<Q.length;Z+=1){var rr=Q[Y],tr=Q[Z];if(rr&&tr){var ar=rr.x-tr.x,er=rr.y-tr.y;Math.sqrt(ar*ar+er*er)<.9*y&&(a.strokeStyle=e.connectionLines,a.lineWidth=.5,a.beginPath(),a.moveTo(rr.x,rr.y),a.lineTo(tr.x,tr.y),a.stroke())}}var lr=.001*Date.now();try{for(var nr=r.__values(Q),or=nr.next();!or.done;or=nr.next()){var ir=or.value,cr=ir.dot,dr=ir.x,sr=ir.y,fr=.6+.4*Math.sin(2*lr+cr.pulseOffset),hr=a.createRadialGradient(dr,sr,0,dr,sr,4*cr.size);hr.addColorStop(0,cr.color.replace(/[\d.]+\)$/,"".concat(.3*fr,")"))),hr.addColorStop(1,"rgba(0,0,0,0)"),a.fillStyle=hr,a.beginPath(),a.arc(dr,sr,4*cr.size,0,2*Math.PI),a.fill(),a.fillStyle=cr.color.replace(/[\d.]+\)$/,"".concat(fr,")")),a.beginPath(),a.arc(dr,sr,cr.size*fr,0,2*Math.PI),a.fill(),a.fillStyle="rgba(255, 255, 255, ".concat(.8*fr,")"),a.beginPath(),a.arc(dr,sr,.4*cr.size*fr,0,2*Math.PI),a.fill()}}catch(r){k={error:r}}finally{try{or&&!or.done&&(C=nr.return)&&C.call(nr)}finally{if(k)throw k.error}}a.strokeStyle=e.border,a.lineWidth=1,a.beginPath(),a.arc(s,v,y,0,2*Math.PI),a.stroke();var gr=a.createRadialGradient(s-.3*y,v-.3*y,0,s-.3*y,v-.3*y,.6*y);gr.addColorStop(0,"rgba(255, 255, 255, 0.15)"),gr.addColorStop(1,"rgba(255, 255, 255, 0)"),a.fillStyle=gr,a.beginPath(),a.arc(s,v,y,0,2*Math.PI),a.fill(),u.current+=.003,g.current=requestAnimationFrame(t)}}(),function(){cancelAnimationFrame(g.current)}}}},[f]),a.jsx("canvas",{ref:h,"aria-hidden":"true",height:f,style:{height:f,width:f},width:f})};
+"use strict";var t=require("react"),e=require("react/jsx-runtime");const n={border:"rgba(100, 116, 139, 0.2)",connectionLines:"rgba(100, 116, 139, 0.15)",continentFill:"rgba(59, 130, 246, 0.12)",dots:["rgba(59, 130, 246, 0.9)","rgba(249, 115, 22, 0.9)","rgba(20, 184, 166, 0.9)","rgba(168, 85, 247, 0.85)","rgba(34, 197, 94, 0.85)"],glowInner:"rgba(59, 130, 246, 0.08)",gridLines:"rgba(100, 116, 139, 0.1)",landOutline:"rgba(59, 130, 246, 0.3)"},o=[[[60,-140],[65,-170],[72,-170],[71,-155],[60,-140],[55,-130],[50,-125],[48,-123],[40,-124],[33,-117],[25,-110],[20,-105],[15,-92],[18,-88],[22,-97],[25,-97],[30,-85],[30,-81],[35,-75],[40,-74],[45,-67],[47,-60],[50,-57],[52,-55],[55,-60],[58,-65],[60,-65],[62,-75],[65,-85],[68,-95],[70,-100],[70,-130],[65,-140],[60,-140]],[[12,-72],[10,-67],[8,-60],[5,-52],[0,-50],[-5,-35],[-10,-37],[-15,-39],[-20,-40],[-23,-43],[-28,-49],[-33,-52],[-38,-57],[-42,-63],[-46,-67],[-50,-70],[-53,-70],[-55,-68],[-52,-75],[-46,-75],[-40,-73],[-35,-72],[-30,-71],[-22,-70],[-15,-75],[-5,-80],[0,-78],[5,-77],[10,-75],[12,-72]],[[36,-5],[38,-9],[43,-9],[47,-2],[48,-5],[51,2],[54,8],[55,12],[57,10],[60,5],[62,5],[65,12],[70,20],[70,30],[65,30],[60,30],[55,28],[50,30],[45,28],[42,28],[40,26],[38,24],[36,22],[36,15],[38,12],[40,15],[42,12],[44,8],[43,3],[39,0],[36,-5]],[[37,10],[35,-1],[32,-5],[28,-13],[22,-17],[15,-17],[10,-15],[5,-10],[5,-5],[0,10],[-5,12],[-10,14],[-15,17],[-20,20],[-25,25],[-30,28],[-34,18],[-34,25],[-30,32],[-25,35],[-15,40],[-10,42],[-2,42],[5,42],[10,45],[12,44],[15,40],[20,40],[25,35],[30,32],[32,32],[35,25],[37,15],[37,10]],[[42,28],[45,40],[42,50],[35,52],[25,57],[20,58],[25,65],[28,70],[35,75],[40,75],[45,80],[50,80],[55,75],[60,70],[65,75],[70,70],[70,140],[65,142],[60,140],[55,135],[50,130],[45,135],[42,132],[38,128],[35,130],[32,122],[28,120],[22,115],[20,110],[10,106],[5,103],[1,104],[-5,105],[-8,115],[-8,120],[-5,120],[5,120],[10,120],[15,121],[20,110],[25,100],[30,95],[28,85],[22,88],[20,73],[25,68],[30,65],[35,52]],[[-12,130],[-15,125],[-20,118],[-25,114],[-30,115],[-35,117],[-38,145],[-35,150],[-30,153],[-25,153],[-20,149],[-15,145],[-12,142],[-10,135],[-12,130]]],l=[{lat:40.7,lng:-74},{lat:51.5,lng:-.1},{lat:35.7,lng:139.7},{lat:-33.9,lng:18.4},{lat:-23.5,lng:-46.6},{lat:19.4,lng:-99.1},{lat:55.7,lng:37.6},{lat:28.6,lng:77.2},{lat:-33.8,lng:151.2},{lat:48.9,lng:2.35},{lat:1.35,lng:103.8},{lat:25.2,lng:55.3},{lat:37.5,lng:127},{lat:22.3,lng:114.2},{lat:-1.3,lng:36.8}];function r(t,e,n){const o=(90-t)*Math.PI/180,l=(e+180)*Math.PI/180;return{lat:t,lng:e,x:-n*Math.sin(o)*Math.cos(l),y:n*Math.cos(o),z:n*Math.sin(o)*Math.sin(l)}}function a(t,e){const n=Math.cos(e),o=Math.sin(e);return{...t,x:t.x*n-t.z*o,z:t.x*o+t.z*n}}function i(t,e){const n=Math.cos(e),o=Math.sin(e);return{...t,y:t.y*n-t.z*o,z:t.y*o+t.z*n}}exports.AnimatedGlobe=({size:s=160})=>{const c=t.useRef(null),g=t.useRef(0),h=t.useRef(0);return t.useEffect(()=>{const t=c.current;if(!t)return;const e=t.getContext("2d");if(!e)return;const d=window.devicePixelRatio||1;t.width=s*d,t.height=s*d,e.scale(d,d);const f=s/2,u=s/2,b=.38*s,y=l.map((t,e)=>{const o=e%n.dots.length;return{color:n.dots[o]??"rgba(59, 130, 246, 0.9)",point:r(t.lat,t.lng,b),pulseOffset:Math.random()*Math.PI*2,size:2+2*Math.random()}}),x=-.3;return function t(){if(!e)return;e.clearRect(0,0,s,s);const l=h.current,c=e.createRadialGradient(f,u,.8*b,f,u,1.4*b);c.addColorStop(0,n.glowInner),c.addColorStop(1,"rgba(59, 130, 246, 0)"),e.fillStyle=c,e.beginPath(),e.arc(f,u,1.4*b,0,2*Math.PI),e.fill();const d=e.createRadialGradient(f-.2*b,u-.2*b,0,f,u,b);d.addColorStop(0,"rgba(240, 249, 255, 0.8)"),d.addColorStop(.7,"rgba(224, 242, 254, 0.5)"),d.addColorStop(1,"rgba(186, 230, 253, 0.3)"),e.fillStyle=d,e.beginPath(),e.arc(f,u,b,0,2*Math.PI),e.fill();for(let t=-60;t<=60;t+=30){const o=[];for(let e=-180;e<=180;e+=5){let n=r(t,e,b);n=a(n,l),n=i(n,x),o.push(n)}e.strokeStyle=n.gridLines,e.lineWidth=.5,e.beginPath();let s=!1;for(const t of o)t.z>0?s?e.lineTo(f+t.x,u-t.y):(e.moveTo(f+t.x,u-t.y),s=!0):s=!1;e.stroke()}for(let t=-180;t<180;t+=30){const o=[];for(let e=-90;e<=90;e+=5){let n=r(e,t,b);n=a(n,l),n=i(n,x),o.push(n)}e.strokeStyle=n.gridLines,e.lineWidth=.5,e.beginPath();let s=!1;for(const t of o)t.z>0?s?e.lineTo(f+t.x,u-t.y):(e.moveTo(f+t.x,u-t.y),s=!0):s=!1;e.stroke()}for(const t of o){const o=t.map(([t,e])=>{let n=r(t,e,b);return n=a(n,l),n=i(n,x),n});e.fillStyle=n.continentFill,e.beginPath();let s=!1;for(const t of o)t.z>0&&(s?e.lineTo(f+t.x,u-t.y):(e.moveTo(f+t.x,u-t.y),s=!0));e.closePath(),e.fill(),e.strokeStyle=n.landOutline,e.lineWidth=1,e.beginPath(),s=!1;for(const t of o)t.z>0?s?e.lineTo(f+t.x,u-t.y):(e.moveTo(f+t.x,u-t.y),s=!0):s=!1;e.stroke()}const P=[];for(const t of y){let e=a(t.point,l);e=i(e,x),e.z>0&&P.push({dot:t,x:f+e.x,y:u-e.y})}for(let t=0;t<P.length;t+=1)for(let o=t+1;o<P.length;o+=1){const l=P[t],r=P[o];if(!l||!r)continue;const a=l.x-r.x,i=l.y-r.y;Math.sqrt(a*a+i*i)<.9*b&&(e.strokeStyle=n.connectionLines,e.lineWidth=.5,e.beginPath(),e.moveTo(l.x,l.y),e.lineTo(r.x,r.y),e.stroke())}const M=.001*Date.now();for(const{dot:t,x:n,y:o}of P){const l=.6+.4*Math.sin(2*M+t.pulseOffset),r=e.createRadialGradient(n,o,0,n,o,4*t.size);r.addColorStop(0,t.color.replace(/[\d.]+\)$/,.3*l+")")),r.addColorStop(1,"rgba(0,0,0,0)"),e.fillStyle=r,e.beginPath(),e.arc(n,o,4*t.size,0,2*Math.PI),e.fill(),e.fillStyle=t.color.replace(/[\d.]+\)$/,`${l})`),e.beginPath(),e.arc(n,o,t.size*l,0,2*Math.PI),e.fill(),e.fillStyle=`rgba(255, 255, 255, ${.8*l})`,e.beginPath(),e.arc(n,o,.4*t.size*l,0,2*Math.PI),e.fill()}e.strokeStyle=n.border,e.lineWidth=1,e.beginPath(),e.arc(f,u,b,0,2*Math.PI),e.stroke();const p=e.createRadialGradient(f-.3*b,u-.3*b,0,f-.3*b,u-.3*b,.6*b);p.addColorStop(0,"rgba(255, 255, 255, 0.15)"),p.addColorStop(1,"rgba(255, 255, 255, 0)"),e.fillStyle=p,e.beginPath(),e.arc(f,u,b,0,2*Math.PI),e.fill(),h.current+=.003,g.current=requestAnimationFrame(t)}(),()=>{cancelAnimationFrame(g.current)}},[s]),e.jsx("canvas",{ref:c,"aria-hidden":"true",height:s,style:{height:s,width:s},width:s})};

package/components/language-picker/LanguageItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("react"),n=require("../../icons/CheckmarkIcon.js"),r=require("../../icons/ChevronRightIcon.js"),a=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.LanguageItem=function(i){var o=i.code,c=i.englishName,l=i.flag,u=i.index,m=i.isSelected,x=i.nativeName,h=i.onSelect,g=i.showEnglishName,d=e.__read(t.useState(!1),2),f=d[0],v=d[1];return t.useEffect(function(){var e=setTimeout(function(){return v(!0)},40*u);return function(){return clearTimeout(e)}},[u]),s.jsxs("button",{className:a.cn("gap-amino-12 rounded-amino-8 px-amino-12 [&:hover_.flag]:animate-wiggle\n        flex translate-y-2 cursor-pointer items-center border-none\n        bg-transparent py-2.5 text-left opacity-0 transition-all duration-200\n        ease-in-out hover:bg-gray-100 [&:hover_.chevron]:translate-x-0.5\n        [&:hover_.chevron]:opacity-100",m&&"bg-[rgba(37,99,235,0.05)]\n          shadow-[inset_0_0_0_1px_rgba(37,99,235,0.2)]\n          hover:bg-[rgba(37,99,235,0.08)] [&_.nativeName]:text-blue-700",f&&"translate-y-0 opacity-100"),onClick:function(){return h(o)},style:{transitionDelay:"".concat(40*u,"ms")},type:"button",children:[s.jsx("span",{"aria-label":"".concat(c," flag"),className:"flag text-[20px] leading-none transition-transform duration-200 ease-in-out",role:"img",children:l}),s.jsxs("div",{className:"flex min-w-0 flex-1 flex-col",children:[s.jsx("span",{className:"nativeName text-text-color text-sm font-medium",children:x}),g&&s.jsx("span",{className:"mt-px text-xs text-gray-500",children:c})]}),m?s.jsx("div",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-blue-600 [&_svg]:text-white",children:s.jsx(n.CheckmarkIcon,{size:12})}):s.jsx(r.ChevronRightIcon,{className:"chevron shrink-0 text-gray-300 opacity-0 transition-all duration-200 ease-in-out",size:16})]})};
+"use strict";var e=require("react"),t=require("../../icons/CheckmarkIcon.js"),n=require("../../icons/ChevronRightIcon.js"),a=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.LanguageItem=({code:s,englishName:i,flag:o,index:l,isSelected:c,nativeName:u,onSelect:m,showEnglishName:x})=>{const[h,g]=e.useState(!1);return e.useEffect(()=>{const e=setTimeout(()=>g(!0),40*l);return()=>clearTimeout(e)},[l]),r.jsxs("button",{className:a.cn("gap-amino-12 rounded-amino-8 px-amino-12 [&:hover_.flag]:animate-wiggle\n        flex translate-y-2 cursor-pointer items-center border-none\n        bg-transparent py-2.5 text-left opacity-0 transition-all duration-200\n        ease-in-out hover:bg-gray-100 [&:hover_.chevron]:translate-x-0.5\n        [&:hover_.chevron]:opacity-100",c&&"bg-[rgba(37,99,235,0.05)]\n          shadow-[inset_0_0_0_1px_rgba(37,99,235,0.2)]\n          hover:bg-[rgba(37,99,235,0.08)] [&_.nativeName]:text-blue-700",h&&"translate-y-0 opacity-100"),onClick:()=>m(s),style:{transitionDelay:40*l+"ms"},type:"button",children:[r.jsx("span",{"aria-label":`${i} flag`,className:"flag text-[20px] leading-none transition-transform duration-200 ease-in-out",role:"img",children:o}),r.jsxs("div",{className:"flex min-w-0 flex-1 flex-col",children:[r.jsx("span",{className:"nativeName text-text-color text-sm font-medium",children:u}),x&&r.jsx("span",{className:"mt-px text-xs text-gray-500",children:i})]}),c?r.jsx("div",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-blue-600 [&_svg]:text-white",children:r.jsx(t.CheckmarkIcon,{size:12})}):r.jsx(n.ChevronRightIcon,{className:"chevron shrink-0 text-gray-300 opacity-0 transition-all duration-200 ease-in-out",size:16})]})};

package/components/language-picker/LanguagePicker.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type Language = {
     /** Language code (e.g., 'en', 'es', 'fr') */
     code: string;

package/components/language-picker/LanguagePicker.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),a=require("react"),t=require("../../icons/RemoveIcon.js"),n=require("../../icons/SearchIcon.js"),r=require("../../styles/constants/theme.js"),i=require("../../utils/cn.js"),o=require("./AnimatedGlobe.js"),s=require("./LanguageItem.js"),l=require("react/jsx-runtime");require("../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/ChevronRightIcon.js");var c=Array.from({length:20}).map(function(e,a){return{delay:5*Math.random(),duration:6+8*Math.random(),id:"particle-".concat(a),left:100*Math.random(),opacity:.05+.1*Math.random(),size:2+3*Math.random(),top:100*Math.random()}});exports.LanguagePicker=function(d){var u=d.className,m=d.currentLanguage,x=d.description,p=void 0===x?"Select your preferred language for the best experience. Content will be displayed in your chosen language across the platform.":x,g=d.languages,f=d.onLanguageSelect,h=d.style,b=d.title,y=void 0===b?"Choose your language":b,v=d.trigger,j=e.__read(a.useState(!1),2),N=j[0],w=j[1],k=e.__read(a.useState(m),2),C=k[0],_=k[1],q=e.__read(a.useState(""),2),z=q[0],S=q[1],I=a.useMemo(function(){return g.find(function(e){return e.code===m})},[g,m]),L=function(e){_(e)},E=function(){w(!1)},M=a.useCallback(function(e){"Escape"===e.key&&N&&w(!1)},[N]);a.useEffect(function(){if("undefined"!=typeof document)return document.addEventListener("keydown",M),function(){return document.removeEventListener("keydown",M)}},[M]),a.useEffect(function(){if("undefined"!=typeof document)return document.body.style.overflow=N?"hidden":"",function(){document.body.style.overflow=""}},[N]),a.useEffect(function(){N||(S(""),_(m))},[N,m]);var A=a.useMemo(function(){return g.filter(function(e){return!z||(e.englishName.toLowerCase().includes(z.toLowerCase())||e.nativeName.toLowerCase().includes(z.toLowerCase()))})},[z,g]);return l.jsxs(l.Fragment,{children:[v?l.jsx("div",{"aria-label":"Open language picker",className:u,onClick:function(){return w(!0)},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),w(!0))},role:"button",style:h,tabIndex:0,children:v}):l.jsxs("button",{"aria-label":"Select language",className:i.cn("rounded-amino-6 px-amino-12 flex h-8 items-center gap-[6px] border\n              border-gray-200 bg-transparent py-[6px] text-sm font-medium\n              text-gray-800 transition-all duration-150\n              ease-[cubic-bezier(0.4,0,0.2,1)] hover:border-gray-300\n              hover:bg-gray-100",u),onClick:function(){return w(!0)},style:h,type:"button",children:[l.jsx("span",{className:"text-base leading-none",children:(null==I?void 0:I.flag)||"🌐"}),l.jsx("span",{className:"text-sm uppercase",children:m})]}),N&&l.jsx("div",{className:"animate-fade-in fixed inset-0 z-[1000] flex items-center justify-center bg-black/50 backdrop-blur-[4px]",onClick:E,children:l.jsxs("div",{"aria-label":"Select language","aria-modal":"true",className:"rounded-amino-12 bg-surface shadow-amino-medium animate-slide-up flex max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[680px] flex-col overflow-hidden",onClick:function(e){return e.stopPropagation()},role:"dialog",children:[l.jsxs("div",{className:"to-surface relative overflow-hidden bg-gradient-to-b from-gray-100",children:[l.jsx("div",{className:"pointer-events-none absolute inset-0 overflow-hidden",children:c.map(function(e){return l.jsx("div",{className:"animate-float absolute rounded-full",style:{"--particle-delay":"".concat(e.delay,"s"),"--particle-duration":"".concat(e.duration,"s"),"--particle-left":"".concat(e.left,"%"),"--particle-opacity":e.opacity,"--particle-size":"".concat(e.size,"px"),"--particle-top":"".concat(e.top,"%"),backgroundColor:"rgba(37, 99, 235, ".concat(e.opacity,")"),height:"".concat(e.size,"px"),left:"".concat(e.left,"%"),top:"".concat(e.top,"%"),width:"".concat(e.size,"px")}},e.id)})}),l.jsxs("div",{className:"gap-amino-24 pb-amino-24 max-[525px]:pt-amino-24 relative flex items-center px-8 pt-8 max-[525px]:flex-col max-[525px]:px-5 max-[525px]:pb-5 max-[525px]:text-center",children:[l.jsxs("div",{className:"relative flex-shrink-0",children:[l.jsx("div",{className:"absolute inset-0 rounded-full",style:{background:"radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%)",transform:"scale(1.5)"}}),l.jsx(o.AnimatedGlobe,{size:140})]}),l.jsxs("div",{className:"relative flex-1",children:[l.jsx("h2",{className:"mb-amino-8 text-text-color mt-0 text-[20px] leading-tight font-semibold tracking-[-0.01em]",children:y}),l.jsx("p",{className:"m-0 text-sm leading-[1.5] text-gray-600",children:p}),l.jsx("button",{"aria-label":"Close",className:"-right-amino-8 -top-amino-8 absolute flex h-[28px] w-[28px] items-center justify-center rounded-full border-none bg-transparent text-gray-400 transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-black/5 hover:text-gray-600",onClick:E,type:"button",children:l.jsx(t.RemoveIcon,{size:20})})]})]}),l.jsxs("div",{className:"mb-amino-16 max-[525px]:mb-amino-12 relative mx-8 max-[525px]:mx-5",children:[l.jsx(n.SearchIcon,{className:"left-amino-12 pointer-events-none absolute top-1/2 -translate-y-1/2 text-gray-500",size:16}),l.jsx("input",{"aria-label":"Search languages",className:"rounded-amino-8 bg-surface px-amino-12 text-text-color w-full border border-gray-200 py-[10px] pl-10 text-sm transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)] outline-none placeholder:text-gray-400 focus:border-blue-500 focus:shadow-[0_0_0_3px_rgba(37,99,235,0.1)]",onChange:function(e){return S(e.target.value)},placeholder:"Search languages...",type:"text",value:z})]})]}),l.jsx("div",{className:"h-px",style:{background:"linear-gradient(to right, transparent, ".concat(r.theme.gray200,", transparent)")}}),l.jsx("div",{className:"py-amino-12 max-[525px]:px-amino-16 max-h-80 flex-1 overflow-y-auto px-5 max-[525px]:max-h-[280px]",children:0===A.length?l.jsxs("div",{className:"px-amino-24 py-amino-48 flex flex-col items-center justify-center text-center",children:[l.jsx("div",{className:"mb-amino-12 flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 text-gray-500",children:l.jsx(n.SearchIcon,{size:20})}),l.jsx("p",{className:"text-text-color m-0 text-sm font-medium",children:"No languages found"}),l.jsx("p",{className:"mt-amino-4 mb-0 text-[13px] text-gray-500",children:"Try a different search term"})]}):l.jsx("div",{className:"gap-amino-4 grid grid-cols-2 max-[525px]:grid-cols-1",children:A.map(function(e,a){return l.jsx(s.LanguageItem,{code:e.code,englishName:e.englishName,flag:e.flag,index:a,isSelected:C===e.code,nativeName:e.nativeName,onSelect:L,showEnglishName:e.code!==m},e.code)})})}),l.jsxs("div",{className:"py-amino-16 max-[525px]:gap-amino-12 flex items-center justify-between border-t border-gray-200 bg-gray-50 px-8 max-[525px]:flex-col max-[525px]:px-5",children:[l.jsxs("div",{className:"gap-amino-8 flex items-center text-xs text-gray-600",children:[l.jsx("div",{className:"h-amino-8 w-amino-8 animate-amino-pulse rounded-full bg-blue-500"}),l.jsxs("span",{children:[g.length," languages available"]})]}),l.jsx("button",{className:"rounded-amino-8 border-none bg-blue-600 px-5 py-[10px] text-sm font-medium text-white shadow-[0_1px_2px_rgba(0,0,0,0.1)] transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-blue-700 hover:shadow-[0_2px_4px_rgba(0,0,0,0.15)] active:scale-[0.98] max-[525px]:w-full",onClick:function(){C!==m?(f(C),w(!1)):w(!1)},type:"button",children:"Confirm selection"})]})]})})]})};
+"use strict";var e=require("react"),a=require("../../icons/RemoveIcon.js"),t=require("../../icons/SearchIcon.js"),n=require("../../styles/constants/theme.js"),r=require("../../utils/cn.js"),s=require("./AnimatedGlobe.js"),i=require("./LanguageItem.js"),l=require("react/jsx-runtime");require("../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/ChevronRightIcon.js");const o=Array.from({length:20}).map((e,a)=>({delay:5*Math.random(),duration:6+8*Math.random(),id:`particle-${a}`,left:100*Math.random(),opacity:.05+.1*Math.random(),size:2+3*Math.random(),top:100*Math.random()}));exports.LanguagePicker=({className:c,currentLanguage:d,description:m="Select your preferred language for the best experience. Content will be displayed in your chosen language across the platform.",languages:x,onLanguageSelect:u,style:p,title:g="Choose your language",trigger:h})=>{const[b,f]=e.useState(!1),[y,v]=e.useState(d),[j,N]=e.useState(""),w=e.useMemo(()=>x.find(e=>e.code===d),[x,d]),k=e=>{v(e)},C=()=>{f(!1)},z=e.useCallback(e=>{"Escape"===e.key&&b&&f(!1)},[b]);e.useEffect(()=>{if("undefined"!=typeof document)return document.addEventListener("keydown",z),()=>document.removeEventListener("keydown",z)},[z]),e.useEffect(()=>{if("undefined"!=typeof document)return document.body.style.overflow=b?"hidden":"",()=>{document.body.style.overflow=""}},[b]),e.useEffect(()=>{b||(N(""),v(d))},[b,d]);const S=e.useMemo(()=>x.filter(e=>!j||(e.englishName.toLowerCase().includes(j.toLowerCase())||e.nativeName.toLowerCase().includes(j.toLowerCase()))),[j,x]);return l.jsxs(l.Fragment,{children:[h?l.jsx("div",{"aria-label":"Open language picker",className:c,onClick:()=>f(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f(!0))},role:"button",style:p,tabIndex:0,children:h}):l.jsxs("button",{"aria-label":"Select language",className:r.cn("rounded-amino-6 px-amino-12 flex h-8 items-center gap-[6px] border\n              border-gray-200 bg-transparent py-[6px] text-sm font-medium\n              text-gray-800 transition-all duration-150\n              ease-[cubic-bezier(0.4,0,0.2,1)] hover:border-gray-300\n              hover:bg-gray-100",c),onClick:()=>f(!0),style:p,type:"button",children:[l.jsx("span",{className:"text-base leading-none",children:w?.flag||"🌐"}),l.jsx("span",{className:"text-sm uppercase",children:d})]}),b&&l.jsx("div",{className:"animate-fade-in fixed inset-0 z-[1000] flex items-center justify-center bg-black/50 backdrop-blur-[4px]",onClick:C,children:l.jsxs("div",{"aria-label":"Select language","aria-modal":"true",className:"rounded-amino-12 bg-surface shadow-amino-medium animate-slide-up flex max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[680px] flex-col overflow-hidden",onClick:e=>e.stopPropagation(),role:"dialog",children:[l.jsxs("div",{className:"to-surface relative overflow-hidden bg-gradient-to-b from-gray-100",children:[l.jsx("div",{className:"pointer-events-none absolute inset-0 overflow-hidden",children:o.map(e=>l.jsx("div",{className:"animate-float absolute rounded-full",style:{"--particle-delay":`${e.delay}s`,"--particle-duration":`${e.duration}s`,"--particle-left":`${e.left}%`,"--particle-opacity":e.opacity,"--particle-size":`${e.size}px`,"--particle-top":`${e.top}%`,backgroundColor:`rgba(37, 99, 235, ${e.opacity})`,height:`${e.size}px`,left:`${e.left}%`,top:`${e.top}%`,width:`${e.size}px`}},e.id))}),l.jsxs("div",{className:"gap-amino-24 pb-amino-24 max-[525px]:pt-amino-24 relative flex items-center px-8 pt-8 max-[525px]:flex-col max-[525px]:px-5 max-[525px]:pb-5 max-[525px]:text-center",children:[l.jsxs("div",{className:"relative flex-shrink-0",children:[l.jsx("div",{className:"absolute inset-0 rounded-full",style:{background:"radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%)",transform:"scale(1.5)"}}),l.jsx(s.AnimatedGlobe,{size:140})]}),l.jsxs("div",{className:"relative flex-1",children:[l.jsx("h2",{className:"mb-amino-8 text-text-color mt-0 text-[20px] leading-tight font-semibold tracking-[-0.01em]",children:g}),l.jsx("p",{className:"m-0 text-sm leading-[1.5] text-gray-600",children:m}),l.jsx("button",{"aria-label":"Close",className:"-right-amino-8 -top-amino-8 absolute flex h-[28px] w-[28px] items-center justify-center rounded-full border-none bg-transparent text-gray-400 transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-black/5 hover:text-gray-600",onClick:C,type:"button",children:l.jsx(a.RemoveIcon,{size:20})})]})]}),l.jsxs("div",{className:"mb-amino-16 max-[525px]:mb-amino-12 relative mx-8 max-[525px]:mx-5",children:[l.jsx(t.SearchIcon,{className:"left-amino-12 pointer-events-none absolute top-1/2 -translate-y-1/2 text-gray-500",size:16}),l.jsx("input",{"aria-label":"Search languages",className:"rounded-amino-8 bg-surface px-amino-12 text-text-color w-full border border-gray-200 py-[10px] pl-10 text-sm transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)] outline-none placeholder:text-gray-400 focus:border-blue-500 focus:shadow-[0_0_0_3px_rgba(37,99,235,0.1)]",onChange:e=>N(e.target.value),placeholder:"Search languages...",type:"text",value:j})]})]}),l.jsx("div",{className:"h-px",style:{background:`linear-gradient(to right, transparent, ${n.theme.gray200}, transparent)`}}),l.jsx("div",{className:"py-amino-12 max-[525px]:px-amino-16 max-h-80 flex-1 overflow-y-auto px-5 max-[525px]:max-h-[280px]",children:0===S.length?l.jsxs("div",{className:"px-amino-24 py-amino-48 flex flex-col items-center justify-center text-center",children:[l.jsx("div",{className:"mb-amino-12 flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 text-gray-500",children:l.jsx(t.SearchIcon,{size:20})}),l.jsx("p",{className:"text-text-color m-0 text-sm font-medium",children:"No languages found"}),l.jsx("p",{className:"mt-amino-4 mb-0 text-[13px] text-gray-500",children:"Try a different search term"})]}):l.jsx("div",{className:"gap-amino-4 grid grid-cols-2 max-[525px]:grid-cols-1",children:S.map((e,a)=>l.jsx(i.LanguageItem,{code:e.code,englishName:e.englishName,flag:e.flag,index:a,isSelected:y===e.code,nativeName:e.nativeName,onSelect:k,showEnglishName:e.code!==d},e.code))})}),l.jsxs("div",{className:"py-amino-16 max-[525px]:gap-amino-12 flex items-center justify-between border-t border-gray-200 bg-gray-50 px-8 max-[525px]:flex-col max-[525px]:px-5",children:[l.jsxs("div",{className:"gap-amino-8 flex items-center text-xs text-gray-600",children:[l.jsx("div",{className:"h-amino-8 w-amino-8 animate-amino-pulse rounded-full bg-blue-500"}),l.jsxs("span",{children:[x.length," languages available"]})]}),l.jsx("button",{className:"rounded-amino-8 border-none bg-blue-600 px-5 py-[10px] text-sm font-medium text-white shadow-[0_1px_2px_rgba(0,0,0,0.1)] transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-blue-700 hover:shadow-[0_2px_4px_rgba(0,0,0,0.15)] active:scale-[0.98] max-[525px]:w-full",onClick:()=>{y!==d?(u(y),f(!1)):f(!1)},type:"button",children:"Confirm selection"})]})]})})]})};

package/components/layout/Layout.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from 'react';
-import type { NavigationGroupProps } from "./NavigationGroup";
-import type { BaseProps } from "../../types/BaseProps";
+import type { NavigationGroupProps } from '../../components/layout/NavigationGroup';
+import type { BaseProps } from '../../types/BaseProps';
 export type LayoutProps = BaseProps & {
     /**
      * Main content to display in the layout's content area

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Layout=function(i){var o=i.className,n=i.content,t=i.footer,d=i.headerContent,l=i.logoSidebar,c=i.noPaddingContent,h=i.sidebar,m=i.style;return s.jsxs("main",{className:a.cn("h-screen overflow-hidden",o),style:e.__assign(e.__assign({},m),{"--amino-layout-height":d?"calc(100vh - ".concat(r.theme.appbarHeight,")"):"100vh"}),children:[!!d&&s.jsx("header",{className:"border-amino shadow-amino-base sticky top-0 z-(--amino-appbar-elevation) box-border flex h-(--amino-appbar-height) border-b",children:d}),s.jsxs("div",{className:"grid h-(--amino-layout-height)",style:{gridTemplateColumns:"".concat(r.theme.sidebarWidth," 1fr")},children:[s.jsxs("nav",{className:"border-amino-subtle bg-sidebar box-border grid h-screen w-(--amino-sidebar-width) grid-rows-[1fr_auto] border-r",children:[s.jsxs("div",{className:"p-amino-16 box-border h-full w-full overflow-y-auto",children:[!!l&&s.jsx("div",{className:"mb-amino-24",children:l}),h]}),s.jsx("div",{className:"box-border w-(--amino-sidebar-width)",children:t})]}),s.jsx("div",{className:a.cn("box-border h-full overflow-y-auto",c?"p-0":"p-amino-32"),children:n})]})]})};
+"use strict";var e=require("../../styles/constants/theme.js"),r=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Layout=({className:s,content:i,footer:o,headerContent:d,logoSidebar:l,noPaddingContent:n,sidebar:t,style:h})=>a.jsxs("main",{className:r.cn("h-screen overflow-hidden",s),style:{...h,"--amino-layout-height":d?`calc(100vh - ${e.theme.appbarHeight})`:"100vh"},children:[!!d&&a.jsx("header",{className:"border-amino shadow-amino-base sticky top-0 z-(--amino-appbar-elevation) box-border flex h-(--amino-appbar-height) border-b",children:d}),a.jsxs("div",{className:"grid h-(--amino-layout-height)",style:{gridTemplateColumns:`${e.theme.sidebarWidth} 1fr`},children:[a.jsxs("nav",{className:"border-amino-subtle bg-sidebar box-border grid h-screen w-(--amino-sidebar-width) grid-rows-[1fr_auto] border-r",children:[a.jsxs("div",{className:"p-amino-16 box-border h-full w-full overflow-y-auto",children:[!!l&&a.jsx("div",{className:"mb-amino-24",children:l}),t]}),a.jsx("div",{className:"box-border w-(--amino-sidebar-width)",children:o})]}),a.jsx("div",{className:r.cn("box-border h-full overflow-y-auto",n?"p-0":"p-amino-32"),children:i})]})]});

package/components/layout/NavigationGroup.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type NavigationItemProps = BaseProps & {
     /**
      * Text or element to display as the navigation item

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../collapse/Collapse.js"),r=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("clsx"),require("tailwind-merge");exports.NavigationGroup=function(i){var s=i.children,t=i.className,n=i.collapsed,l=void 0!==n&&n,o=i.content,c=i.style;return a.jsxs("div",{className:r.cn("flex flex-col",t),style:c,children:[a.jsx("div",{className:r.cn(!l&&"[&_.navigation-item_*]:text-gray-1000\n          [&_.navigation-item_svg]:text-gray-1000\n          [&_.navigation-item]:hover:bg-transparent"),children:a.jsx("div",{className:"navigation-item",children:o})}),a.jsx(e.Collapse,{className:"pl-amino-12 border-border-color ml-[15px] border-l",collapsed:l,children:s})]})},exports.NavigationItem=function(e){var i=e.className,s=e.content,t=e.icon,n=e.isActive,l=void 0!==n&&n,o=e.style;return a.jsxs("div",{className:r.cn("gap-amino-8 px-amino-8 py-amino-4 text-amino-base rounded-amino-6\n      mb-[2px] flex h-[28px] items-center font-medium text-gray-800","hover:bg-hover hover:text-gray-1000","[&_svg]:h-amino-24 [&_svg]:w-amino-24 [&_svg]:ml-amino-n4\n      [&_svg]:text-gray-600","hover:[&_svg]:text-gray-800",l&&"text-gray-1000 [&_svg]:text-gray-1000 bg-gray-100",i),style:o,children:[t&&a.jsx("div",{className:"shrink-0 grow-0",children:t}),s]})};
+"use strict";var e=require("../collapse/Collapse.js"),a=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.NavigationGroup=({children:i,className:r,collapsed:t=!1,content:n,style:l})=>s.jsxs("div",{className:a.cn("flex flex-col",r),style:l,children:[s.jsx("div",{className:a.cn(!t&&"[&_.navigation-item_*]:text-gray-1000\n          [&_.navigation-item_svg]:text-gray-1000\n          [&_.navigation-item]:hover:bg-transparent"),children:s.jsx("div",{className:"navigation-item",children:n})}),s.jsx(e.Collapse,{className:"pl-amino-12 border-border-color ml-[15px] border-l",collapsed:t,children:i})]}),exports.NavigationItem=({className:e,content:i,icon:r,isActive:t=!1,style:n})=>s.jsxs("div",{className:a.cn("gap-amino-8 px-amino-8 py-amino-4 text-amino-base rounded-amino-6\n      mb-[2px] flex h-[28px] items-center font-medium text-gray-800","hover:bg-hover hover:text-gray-1000","[&_svg]:h-amino-24 [&_svg]:w-amino-24 [&_svg]:ml-amino-n4\n      [&_svg]:text-gray-600","hover:[&_svg]:text-gray-800",t&&"text-gray-1000 [&_svg]:text-gray-1000 bg-gray-100",e),style:n,children:[r&&s.jsx("div",{className:"shrink-0 grow-0",children:r}),i]});

package/components/lightbox/LightBox.d.ts

@@ -1,4 +1,4 @@
-import { type BaseDialogProps } from "../dialog/BaseDialog";
+import { type BaseDialogProps } from '../../components/dialog/BaseDialog';
 export type LightBoxProps = BaseDialogProps & {
     /**
      * Function called when the lightbox is closed

package/components/lightbox/LightBox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-4522587c.js"),r=require("../../tslib.es6-cdc5f922.js"),i=require("../dialog/BaseDialog.js"),s=require("react/jsx-runtime");require("react"),require("react-dom"),require("framer-motion"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge");exports.LightBox=function(t){var u=t.children,a=r.__rest(t,["children"]);return s.jsx(i.BaseDialog,e._objectSpread2(e._objectSpread2({},a),{},{children:u}))};
+"use strict";var e=require("../dialog/BaseDialog.js"),r=require("react/jsx-runtime");require("react"),require("react-dom"),require("framer-motion"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge");exports.LightBox=({children:i,...a})=>r.jsx(e.BaseDialog,{...a,children:i});

package/components/list/CollapsibleList.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type ListProps } from "./List";
+import { type ListProps } from '../../components/list/List';
 export type CollapsibleListProps = ListProps & {
     /**
      * Optional icon to display next to the title in the header

package/components/list/CollapsibleList.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),i=require("../collapse/Collapse.js"),s=require("./List.js"),t=require("../list-item/ListItem.js"),l=require("../../icons/ChevronUpIcon.js"),a=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("clsx"),require("tailwind-merge"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");exports.CollapsibleList=function(o){var c=o.children,u=o.className,j=o.icon,p=o.startExpanded,q=o.style,m=o.title,d=o.withBorder,h=o.withNegativeMargin,x=e.__read(r.useState(!p),2),w=x[0],g=x[1];return n.jsxs(s.List,{className:u,style:q,withBorder:d,withNegativeMargin:h,children:[n.jsx(t.ListItem,{decorator:j,label:m,onClick:function(){return g(!w)},rightDecorator:n.jsx(l.ChevronUpIcon,{className:a.cn("transition-all",w&&"rotate-180 opacity-100")})}),n.jsx(i.Collapse,{className:"[&_.list-item-icon-wrap]:w-amino-32 [&_.list-item-icon-wrap]:inline-block",collapsed:w,children:c})]})};
+"use strict";var e=require("react"),i=require("../collapse/Collapse.js"),r=require("./List.js"),s=require("../list-item/ListItem.js"),t=require("../../icons/ChevronUpIcon.js"),a=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");exports.CollapsibleList=({children:c,className:n,icon:o,startExpanded:u,style:j,title:m,withBorder:p,withNegativeMargin:q})=>{const[h,d]=e.useState(!u);return l.jsxs(r.List,{className:n,style:j,withBorder:p,withNegativeMargin:q,children:[l.jsx(s.ListItem,{decorator:o,label:m,onClick:()=>d(!h),rightDecorator:l.jsx(t.ChevronUpIcon,{className:a.cn("transition-all",h&&"rotate-180 opacity-100")})}),l.jsx(i.Collapse,{className:"[&_.list-item-icon-wrap]:w-amino-32 [&_.list-item-icon-wrap]:inline-block",collapsed:h,children:c})]})};

package/components/list/List.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type ListProps = BaseProps & {
     /**
      * List items to be displayed

package/components/list/List.js

@@ -1 +1 @@
-"use strict";var r=require("../../utils/cn.js"),e=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.List=function(i){var a=i.children,n=i.className,s=i.style,t=i.withBorder,c=i.withNegativeMargin;return e.jsx("section",{className:r.cn("flex flex-col gap-0.5",t&&"p-amino-8 rounded-amino-12 border border-gray-200 dark:border-gray-800",c&&"m-amino-n24",n),style:s,children:a})};
+"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.List=({children:i,className:a,style:s,withBorder:t,withNegativeMargin:n})=>r.jsx("section",{className:e.cn("flex flex-col gap-0.5",t&&"p-amino-8 rounded-amino-12 border border-gray-200 dark:border-gray-800",n&&"m-amino-n24",a),style:s,children:i});

package/components/list-item/ListItem.d.ts

@@ -1,5 +1,5 @@
 import type { MouseEventHandler, ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type Props = BaseProps & {
     /**
      * Element to display before the label, typically an icon or avatar

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../text/Text.js"),r=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");var l=function(e){var r=e.icon,l=e.iconComponent,n=e.label;return r?t.jsx("img",{alt:n,className:"mr-4 h-8 w-8 rounded-md",src:r}):l?t.jsx(t.Fragment,{children:l}):null};exports.ListItem=function(n){var i=n.className,s=n.decorator,o=n.disabled,c=n.label,a=n.onClick,u=n.rightDecorator,d=n.selected,x=n.style,m=n.subtitle;return t.jsxs("button",{className:r.cn("flex min-h-(--amino-size-xl) flex-row items-center gap-4 rounded-lg p-2\n      px-4 leading-4",!o&&d&&"bg-blue-50 **:text-blue-800","focus:outline-none active:outline-none",!d&&"active:bg-hover focus:bg-hover hover:bg-hover hover:outline-none",o&&"cursor-not-allowed text-gray-600",!o&&!d&&a&&"cursor-pointer",i),onClick:function(e){return!o&&(null==a?void 0:a(e))},style:x,type:"button",children:[t.jsxs("div",{className:r.cn("list-item-icon-wrap",!s&&"hidden",s&&"inline-block"),children:[s,t.jsx(l,{label:"string"==typeof c?c:""})]}),t.jsxs("div",{className:"flex grow flex-col items-start gap-0.5",children:[t.jsx(e.Text,{type:"label",children:c}),m&&t.jsx(e.Text,{type:"caption",children:m})]}),u]})};
+"use strict";var e=require("../text/Text.js"),t=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");const l=({icon:e,iconComponent:t,label:l})=>e?s.jsx("img",{alt:l,className:"mr-4 h-8 w-8 rounded-md",src:e}):t?s.jsx(s.Fragment,{children:t}):null;exports.ListItem=({className:r,decorator:i,disabled:n,label:o,onClick:c,rightDecorator:a,selected:u,style:x,subtitle:d})=>s.jsxs("button",{className:t.cn("flex min-h-(--amino-size-xl) flex-row items-center gap-4 rounded-lg p-2\n      px-4 leading-4",!n&&u&&"bg-blue-50 **:text-blue-800","focus:outline-none active:outline-none",!u&&"active:bg-hover focus:bg-hover hover:bg-hover hover:outline-none",n&&"cursor-not-allowed text-gray-600",!n&&!u&&c&&"cursor-pointer",r),onClick:e=>!n&&c?.(e),style:x,type:"button",children:[s.jsxs("div",{className:t.cn("list-item-icon-wrap",!i&&"hidden",i&&"inline-block"),children:[i,s.jsx(l,{label:"string"==typeof o?o:""})]}),s.jsxs("div",{className:"flex grow flex-col items-start gap-0.5",children:[s.jsx(e.Text,{type:"label",children:o}),d&&s.jsx(e.Text,{type:"caption",children:d})]}),a]});

package/components/menu/Menu.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type MenuProps = BaseProps & {
     /**
      * Menu items to be displayed

package/components/menu/Menu.js

@@ -1 +1 @@
-"use strict";var r=require("../../utils/cn.js"),e=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Menu=function(i){var n=i.children,s=i.className,t=i.style;return e.jsx("ul",{className:r.cn("[&_hr]:border-b-amino-subtle [&_hr]:mt-amino-6 [&_hr]:mb-amino-6 m-0\n      list-none p-0 [&_hr]:border-0 [&_hr]:border-b",s),style:t,children:n})};
+"use strict";var r=require("../../utils/cn.js"),e=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Menu=({children:s,className:i,style:n})=>e.jsx("ul",{className:r.cn("[&_hr]:border-b-amino-subtle [&_hr]:mt-amino-6 [&_hr]:mb-amino-6 m-0\n      list-none p-0 [&_hr]:border-0 [&_hr]:border-b",i),style:n,children:s});

package/components/menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import type { MouseEventHandler, ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 type MenuItemProps = BaseProps & {
     /**
      * Content to display in the menu item

package/components/menu/MenuItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.MenuItem=function(r){var t=r.children,i=r.className,o=r.disabled,l=r.icon,u=r.onClick,s=r.style;return n.jsx("li",{className:e.cn(o&&"[&_.menu-button]:opacity-disabled [&_.menu-button]:cursor-not-allowed",i),style:s,children:n.jsxs("button",{className:"menu-button p-amino-8 rounded-amino-6 text-amino-base hover:bg-hover [&_svg]:mr-amino-8 flex w-full cursor-pointer items-center leading-6 select-none active:outline-none dark:hover:bg-gray-100 [&_a]:block [&_a]:w-full",onClick:function(e){return!o&&(null==u?void 0:u(e))},type:"button",children:[l,t]})})};
+"use strict";var e=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.MenuItem=({children:t,className:r,disabled:i,icon:l,onClick:o,style:s})=>n.jsx("li",{className:e.cn(i&&"[&_.menu-button]:opacity-disabled [&_.menu-button]:cursor-not-allowed",r),style:s,children:n.jsxs("button",{className:"menu-button p-amino-8 rounded-amino-6 text-amino-base hover:bg-hover [&_svg]:mr-amino-8 flex w-full cursor-pointer items-center leading-6 select-none active:outline-none dark:hover:bg-gray-100 [&_a]:block [&_a]:w-full",onClick:e=>!i&&o?.(e),type:"button",children:[l,t]})});

package/components/nested-data-table/NestedDataTable.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-import type { Column } from "../data-grid/DataGrid";
-import type { BaseProps } from "../../types/BaseProps";
-import type { flattenRow } from "../../utils/flattenRow";
+import type { Column } from '../../components/data-grid/DataGrid';
+import type { BaseProps } from '../../types/BaseProps';
+import type { flattenRow } from '../../utils/flattenRow';
 type ColumnType<TRow> = Column<TRow, Record<string, unknown>>;
 export type ColumnCell<TRow extends Record<string, unknown>> = NonNullable<ColumnType<TRow>['renderCell']>;
 export type CustomColumnCells<TRow extends Record<string, unknown>> = {
@@ -18,7 +18,7 @@ type Props<TRow extends Record<string, unknown>> = BaseProps & {
     customColumnCells?: CustomColumnCells<TRow>;
     /**
      * Custom function to flatten nested objects in table data
-     * If not provided, the default flattenRow from "src/utils/flattenRow.ts" will be used
+     * If not provided, the default flattenRow from "../../utils/flattenRow.ts" will be used
      */
     customFlattenRow?: typeof flattenRow;
     /**

package/components/nested-data-table/NestedDataTable.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("../__amino__/TranslateAminoText.js"),t=require("../button/Button.js"),s=require("./_TableData.js"),i=require("../rest-state/RestState.js"),n=require("../text/Text.js"),a=require("../../utils/cn.js"),u=require("../../utils/translations/__amino__/translateAminoText.js"),l=require("../../utils/translations/AminoTranslationStore.js"),o=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../tslib.es6-cdc5f922.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("../pivot-table/PivotTable.js"),require("../data-grid/DataGrid.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");exports.NestedDataTable=function(c){var j=c.currentPage,q=c.customColumnCells,x=c.customFlattenRow,d=c.handlePagination,m=c.hasNextPage,g=c.hasPreviousPage,p=c.isFetching,h=c.loadingComponent,T=c.restState,b=c.style,C=c.tableData,v=c.title,_=l.useCurrentLanguage(),f=e.useMemo(function(){return Array.isArray(C)?C:[C]},[C]),R=!!d&&!!j&&C.length;return o.jsxs("div",{className:a.cn("h-full"),style:b,children:[o.jsxs("div",{className:a.cn("p-amino-8 flex items-center"),children:[!!v&&o.jsx(n.Text,{type:"header",children:v}),!!R&&o.jsxs("div",{className:a.cn("gap-amino-8 flex flex-1 items-center justify-end"),children:[o.jsx(t.Button,{disabled:1===j||!g,onClick:function(){g&&d(j-1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Previous page"})}),j,o.jsx(t.Button,{disabled:!m,onClick:function(){m&&d(j+1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Next page"})})]})]}),p?h?o.jsx(o.Fragment,{children:h}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:_,text:"Loading..."})}):0===f.length?T?o.jsx(o.Fragment,{children:T}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:_,text:"No data available."})}):o.jsx(s.TableData,{customColumnCells:q,customFlattenRow:x,tableDataArr:f})]})};
+"use strict";var e=require("react"),r=require("../__amino__/TranslateAminoText.js"),t=require("../button/Button.js"),s=require("./_TableData.js"),i=require("../rest-state/RestState.js"),a=require("../text/Text.js"),n=require("../../utils/cn.js"),u=require("../../utils/translations/__amino__/translateAminoText.js"),l=require("../../utils/translations/AminoTranslationStore.js"),o=require("react/jsx-runtime");require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("class-variance-authority"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("../data-grid/DataGrid.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js");exports.NestedDataTable=({currentPage:c,customColumnCells:j,customFlattenRow:q,handlePagination:x,hasNextPage:d,hasPreviousPage:m,isFetching:g,loadingComponent:h,restState:p,style:T,tableData:b,title:C})=>{const v=l.useCurrentLanguage(),_=e.useMemo(()=>Array.isArray(b)?b:[b],[b]),R=!!x&&!!c&&b.length;return o.jsxs("div",{className:n.cn("h-full"),style:T,children:[o.jsxs("div",{className:n.cn("p-amino-8 flex items-center"),children:[!!C&&o.jsx(a.Text,{type:"header",children:C}),!!R&&o.jsxs("div",{className:n.cn("gap-amino-8 flex flex-1 items-center justify-end"),children:[o.jsx(t.Button,{disabled:1===c||!m,onClick:()=>{m&&x(c-1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Previous page"})}),c,o.jsx(t.Button,{disabled:!d,onClick:()=>{d&&x(c+1)},outline:!0,children:o.jsx(r.TranslateAminoText,{text:"Next page"})})]})]}),g?h?o.jsx(o.Fragment,{children:h}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:v,text:"Loading..."})}):0===_.length?p?o.jsx(o.Fragment,{children:p}):o.jsx(i.RestState,{label:u.translateAminoText({languageCode:v,text:"No data available."})}):o.jsx(s.TableData,{customColumnCells:j,customFlattenRow:q,tableDataArr:_})]})};

package/components/nested-data-table/NestedDataTableHasura.d.ts

@@ -1,4 +1,4 @@
-import type { flattenRow } from "../../utils/flattenRow";
+import type { flattenRow } from '../../utils/flattenRow';
 type Props = {
     /**
      * @param customFlattenRow