caplink-saas-ui-shared-component-library 0.2.3 → 0.2.4

package/dist/src/index.js

@@ -1,24 +1,3594 @@
+import './index.css';
 import { nanoid } from 'nanoid';
-import * as Q from 'react';
-import { createContext, useState, useCallback, useMemo, useEffect, useId, useContext, useRef } from 'react';
+import * as React4 from 'react';
+import { createContext, forwardRef, Children, isValidElement, createElement, cloneElement, useRef, useEffect, Fragment, useState, useCallback, useMemo as useMemo$1, useId as useId$1, useContext } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { useClickAway } from 'react-use';
-import * as Z from '@radix-ui/react-tooltip';
+import $01b9c$babelruntimehelpersesmextends from '@babel/runtime/helpers/esm/extends';
+import { composeEventHandlers } from '@radix-ui/primitive';
+import { composeRefs, useComposedRefs } from '@radix-ui/react-compose-refs';
+import { createContextScope } from '@radix-ui/react-context';
+import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
+import { useId } from '@radix-ui/react-id';
+import { createPopperScope, Content, Anchor, Root as Root$3 } from '@radix-ui/react-popper';
+import { Portal } from '@radix-ui/react-portal';
+import { Presence } from '@radix-ui/react-presence';
+import { Primitive } from '@radix-ui/react-primitive';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { VisuallyHidden, Root as Root$1 } from '@radix-ui/react-visually-hidden';
 import { CaretSortIcon, ChevronUpIcon, ChevronDownIcon, CheckIcon, ChevronRightIcon, DotFilledIcon, TextIcon, QuestionMarkCircledIcon } from '@radix-ui/react-icons';
 import { ChevronDown, CalendarIcon, CopyCheckIcon, ListTodoIcon, DivideIcon, DollarSignIcon, PercentIcon } from 'lucide-react';
-import * as m from '@radix-ui/react-select';
+import { createPortal } from 'react-dom';
+import { clamp } from '@radix-ui/number';
+import { createCollection } from '@radix-ui/react-collection';
+import { useDirection } from '@radix-ui/react-direction';
+import { useFocusGuards } from '@radix-ui/react-focus-guards';
+import { FocusScope } from '@radix-ui/react-focus-scope';
+import { useCallbackRef } from '@radix-ui/react-use-callback-ref';
+import { useLayoutEffect } from '@radix-ui/react-use-layout-effect';
+import { usePrevious } from '@radix-ui/react-use-previous';
+import { hideOthers } from 'aria-hidden';
+import { RemoveScroll } from 'react-remove-scroll';
 import { NumericFormat } from 'react-number-format';
-import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import * as u from '@radix-ui/react-dropdown-menu';
+import { createMenuScope, Portal as Portal$1, Content as Content$1, Label, Item, CheckboxItem, RadioItem, ItemIndicator, Separator, SubTrigger, SubContent, Root as Root$2, Anchor as Anchor$1 } from '@radix-ui/react-menu';
 
-function Ae(e){if(e<=0)return "";let t=65,o=(e-1)%26,r=Math.floor((e-1)/26);return Ae(r)+String.fromCharCode(t+o)}function tt(e){let{columns:t,matrix:o}=e;return o.map(r=>r.map((a,i)=>{let n=t[i].dataEditorType;t[i].settings?.select?.items||[];let l={value:a,dataEditorType:n};return n==="Boolean"&&(l.convertedValue={Boolean:JSON.parse(a)}),n==="Integer"&&(l.convertedValue={Integer:Number(a)}),n==="Currency"&&(l.convertedValue={Currency:Number(a)}),n==="Decimal"&&(l.convertedValue={Decimal:Number(a)}),n==="Float"&&(l.convertedValue={Float:Number(a)}),n==="Percentage"&&(l.convertedValue={Percentage:Number(a)}),n==="Date"&&(l.convertedValue={Date:Number(a)}),n==="Select"&&(l.convertedValue={Select:a}),l}))}function ot(e){try{return e.includes("/")?new Date(e.split("/").reverse().join("-")).toISOString().split("T")[0].replace("+",""):new Date(e).toISOString().split("T")[0].replace("+","")}catch{return null}}var rt=["Decimal","Float","Integer","Percentage","Currency"];function at(e){let{value:t,dataEditorType:o}=e;return o==="Date"?ot(t)||"":o==="Boolean"?t===!0?"true":"false":rt.includes(o)&&Number.isNaN(Number(t))?"":t}function po(e,t){return new Array(e.rows).fill(void 0).map(()=>new Array(e.columns).fill(t))}function mo(e){return e?.length}function Ce(e){let t=e?.[0];return t?t.length:0}function Se(e){return {columns:Ce(e),rows:mo(e)}}function nt(e,t){return t.row>=e.start.row&&t.column>=e.start.column&&t.row<=e.end.row&&t.column<=e.end.column}function me(e){let{matrix:t,pointRange:o}=e;return o.start.column===0&&o.end.column===Ce(t)}function it(e){let{matrix:t,pointRange:o,row:r}=e;return r>=o.start.row&&r<=o.end.row&&me({matrix:t,pointRange:o})}function st(e){return e.split(`
-`).map(t=>t.split("	"))}function lt(e){let{mA:t,mB:o,point:r={column:0,row:0}}=e,a=Se(t),i=Se(o),n=r.row+i.rows>a.rows,h=r.column+i.columns>i.columns,l=n?r.row+i.rows:a.rows,y=h?r.column+i.columns:a.columns,d=po({rows:l,columns:y});for(let b=0;b<a.rows;b+=1)for(let v=0;v<a.columns;v+=1)d[b][v]=t[b][v];for(let b=0;b<i.rows;b+=1)for(let v=0;v<i.columns;v+=1)d[b+r.row][v+r.column]=o[b][v];return d}var Ve,He=createContext(null);function pt(e){let{children:t,startingColumns:o,matrix:r=[],staticRows:a,onMatrixChange:i}=e,[n,h]=useState(r),[l,y]=useState(()=>ct(o)),[d,b]=useState(null),[v,k]=useState({height:0,width:0}),[E,P]=useState(!1),L=useCallback((f=2e3)=>{P(!0),Ve&&clearTimeout(Ve),Ve=setTimeout(()=>P(!1),f);},[]),w=useMemo(()=>Ce(n)||l.length,[n,l.length]),S=useMemo(()=>Se(n),[n]),g=useMemo(()=>S.rows===0,[S.rows]),W=useMemo(()=>!!(d&&me({matrix:n,pointRange:d})),[d,n]),R=useCallback(f=>{if(i){let M=tt({columns:l,matrix:f});i(M);}},[i,l]),j=useCallback(async f=>{let{state:M}=await navigator.permissions.query({name:"clipboard-read"});if(M==="denied"){console.log("denied");return}let D=await navigator.clipboard.readText(),O=st(D),Le=lt({mA:n,mB:O,point:f}).map(pe=>pe.map((_e,ze)=>l[ze]?.readonly?"":_e)).map(pe=>pe.map((_e,ze)=>at({value:_e,dataEditorType:l[ze]?.dataEditorType}))).map(pe=>pe.slice(0,o.length)),ce=a?Le.slice(0,n.length):Le;h(ce),R(ce);},[l,n,o.length,R,a]),F=useCallback(f=>{let{data:M,point:D}=f,{column:O,row:ie}=D,U=structuredClone(n);U[ie][O]=M,h(U),R(U);},[n,R]),A=useCallback(()=>{if(d&&!a){let f=d.start.row,M=d.end.row,D=M-f+1;if(!W)return;let O=D>1?`Voc\xEA ir\xE1 excluir ${D} linhas, deseja continuar?
-Linha N\xB0 ${f+1} at\xE9 N\xB0 ${M+1}`:`Voc\xEA ir\xE1 excluir a linha N\xB0 ${f+1}, deseja continuar?`;if(!confirm(O))return;let U=n.filter((Le,ce)=>ce<f||ce>M);b(null),h(U),R(U);}},[n,d,a,W,R]),K=useCallback((f,M)=>{if(d&&M&&M.shiftKey){let D=f<d.start.row?f:d.start.row,O=f<d.start.row?d.start.row:f;return b({start:{row:D,column:0},end:{row:O,column:w}})}b({start:{row:f,column:0},end:{row:f,column:w}});},[w,d]),q=useCallback(f=>{f.row===d?.start.row&&f.column===d.start.column||b({start:f,end:f});},[d?.start.row,d?.start.column]),ne=useCallback(f=>!!(d&&nt(d,f)),[d]),x=useCallback(f=>{let{columnId:M,width:D}=f,O=D;D>320&&(O=320),D<160&&(O=160),y(ie=>ie.map(U=>U.id===M?{...U,width:O}:U));},[]),V=useCallback(()=>{if(a)return;let f=[...structuredClone(n),new Array(w).fill("")];h(f),R(f),L();},[a,n,w,L,R]),_=useCallback(()=>{let f={column:0,row:0},M={column:S.columns,row:S.rows-1};b({start:f,end:M});},[S]),G=useCallback(f=>{y(M=>M.map(D=>D.id===f?{...D,visible:!D.visible}:D));},[]);useEffect(()=>{h(r);},[r]),useEffect(()=>{y(()=>ct(o));},[o]);let co=useMemo(()=>({size:S,matrix:n,columns:l,emptySize:g,staticRows:a,hasSomeEntireRow:W,highlightLastRow:E,pointRange:d,setPointRange:b,containerDimensions:v,setContainerDimensions:k,onPaste:j,onChange:F,onRemoveRow:A,onSelectRow:K,onSelectCell:q,isCellSelected:ne,onInsertNewRow:V,onColumnResize:x,onSelectSpreadsheet:_,onColumnVisibilityChange:G}),[S,n,l,g,a,W,E,d,v,j,F,A,K,q,ne,V,x,_,G]);return jsx(He.Provider,{value:co,children:t})}function ct(e){return e.map((t,o)=>({...t,id:`spreadsheet__column__id__${nanoid()}`,alphabetLetter:Ae(o+1),position:o,width:t.width||160,visible:!0}))}function N(){let e=useContext(He);if(!e)throw new Error("useSpreadsheet has to be used within <SpreadsheetContext.Provider>");return e}function s(...e){return twMerge(clsx(e))}function mt(e){let{children:t,className:o}=e,{size:r,staticRows:a,setContainerDimensions:i}=N(),n=useRef(null),h=useMemo(()=>r.rows*26+36,[r.rows]);return useEffect(()=>{let l=n.current;if(!l)return;let y=new ResizeObserver(d=>{let b=d[0];if(b){let v=b.contentRect.width,k=b.contentRect.height;i({height:k,width:v});}});return y.observe(l),()=>{y.disconnect();}},[i]),jsx("div",{ref:n,className:s("relative w-full border border-t-0 border-r-0",r.rows>=7?"border-b-0":"border-b",a?`${h}px border-b-0`:"min-h-[260px]",o),children:t})}function ut(e){let{children:t,className:o}=e,{setPointRange:r}=N(),a=useRef(null);return useClickAway(a,()=>r(null)),jsx("div",{ref:a,className:s("min-w-[640px]",o),children:t})}var We={Matrix:mt,Root:ut};function ft(e){let{className:t,...o}=e;return jsx("button",{draggable:!0,className:s("h-9 w-1.5 cursor-col-resize rounded-sm bg-neutral-400 drop-shadow-md",t),...o,children:jsxs("div",{className:"relative",children:[jsx("span",{className:"-translate-y-1/2 absolute top-1/2 right-2.5 h-3 w-1 rounded-full bg-neutral-300"}),jsx("span",{className:"-translate-y-1/2 absolute top-1/2 left-2.5 h-3 w-1 rounded-full bg-neutral-300"})]})})}function wt(e){let{className:t,column:o,children:r}=e,{id:a,width:i,position:n,visible:h,alphabetLetter:l}=o,{matrix:y,pointRange:d,containerDimensions:b,onColumnResize:v}=N(),k=useRef(null),E=useMemo(()=>(b?.height||0)+32,[b?.height]),[P,L]=useState(!1),[w,S]=useState(0),[g,W]=useState(0),R=useMemo(()=>P?g-w:0,[P,g,w]),j=useCallback(x=>{S(x.clientX),L(!0);},[]),F=useCallback(x=>{let V=k.current;if(!V)return;let _=x.clientX-w,G=i+_;G>320&&(G=320),G<160&&(G=160),V.style.left=`${G}px`,W(x.clientX);},[w,i]),A=useCallback(x=>{let V=x.clientX-w,_=i+V;v({width:_,columnId:a}),L(!1);},[w,i,a,v]),K=useCallback(()=>{if(P)return `bg-neutral-100 font-bold text-neutral-700 ${t}`;if(d&&!P){let{start:x,end:V}=d,_=me({matrix:y,pointRange:d}),G=n>=x.column&&n<=V.column;if(_)return `bg-[#0085FF] font-bold text-white ${t}`;if(G)return `bg-blue-100 font-bold text-blue-700 ${t}`}return t},[P,t,y,d,n]),q=useCallback(()=>{let x=i+R;return x>320&&(x=320),x<160&&(x=160),`${x}px`},[i,R]),ne=useMemo(()=>({onDragStart:j,onDrag:F,onDragEnd:A}),[j,F,A]);return useEffect(()=>{let x=k.current;x&&(x.style.left=`${i}px`);},[i]),h?jsxs("div",{style:{width:i},className:s("relative flex h-7 w-32 shrink-0 items-center justify-center border border-t-0 border-l-0 text-[#8E8EA9] text-xs",K()),children:[jsx(ft,{...ne,className:s("-right-[3px] -top-1 absolute z-50 opacity-0 hover:opacity-100",P&&"opacity-0")}),jsx("div",{ref:k,style:{height:E},className:s("-top-4 pointer-events-none absolute z-50 h-full w-1.5 rounded-full bg-blue-400 shadow-lg outline outline-sky-100",P?"opacity-100":"opacity-0"),children:jsx("span",{className:"-translate-y-1/2 relative top-8 left-4 z-50 select-none rounded-md border bg-white p-1 font-semibold drop-shadow-md",children:q()})}),jsx("span",{children:r||l})]}):null}function gt(e){return jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:jsx("path",{d:"M13.003 7.754a.75.75 0 0 1 .75-.75h5.232a.75.75 0 0 1 .53 1.28l-2.776 2.777c.55.097 1.057.253 1.492.483.905.477 1.504 1.284 1.504 2.418 0 .966-.471 1.75-1.172 2.27-.687.511-1.587.77-2.521.77-1.367 0-2.274-.528-2.667-.756a.75.75 0 0 1 .755-1.297c.331.193.953.553 1.912.553.673 0 1.243-.188 1.627-.473.37-.275.566-.635.566-1.067 0-.5-.219-.836-.703-1.091-.538-.284-1.375-.443-2.471-.443a.75.75 0 0 1-.53-1.28l2.643-2.644h-3.421a.75.75 0 0 1-.75-.75ZM7.88 15.215a1.4 1.4 0 0 0-1.446.83.75.75 0 0 1-1.37-.61 2.899 2.899 0 0 1 2.986-1.71c.589.06 1.139.323 1.557.743.434.446.685 1.058.685 1.778 0 1.641-1.254 2.437-2.12 2.986-.538.341-1.18.694-1.495 1.273H9.75a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75c0-1.799 1.337-2.63 2.243-3.21 1.032-.659 1.55-1.031 1.55-1.8 0-.355-.116-.584-.26-.732a1.071 1.071 0 0 0-.652-.298Zm.234-13.121a.75.75 0 0 1 .386.656V9h1.252a.75.75 0 0 1 0 1.5H5.75a.75.75 0 0 1 0-1.5H7V4.103l-.853.533a.749.749 0 1 1-.795-1.272l2-1.25a.749.749 0 0 1 .762-.02Z"})})}var Pe=Z.Provider,Ne=Z.Root,Me=Z.Trigger,he=Q.forwardRef(({className:e,sideOffset:t=4,...o},r)=>jsx(Z.Content,{ref:r,sideOffset:t,className:s("fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out",e),...o}));he.displayName=Z.Content.displayName;function xt({column:e}){let{width:t,name:o,visible:r,dataEditorType:a,description:i}=e;return r?jsxs("div",{className:"flex h-9 w-32 shrink-0 items-center border border-t-0 border-l-0 bg-[#F6F6F9] px-2",style:{width:t,height:36},children:[jsxs("div",{className:"mr-2 w-4 shrink-0 text-[#8E8EA9]",children:[a==="String"&&jsx(TextIcon,{className:"h-4 w-4"}),a==="Date"&&jsx(CalendarIcon,{className:"h-4 w-4"}),a==="Boolean"&&jsx(CopyCheckIcon,{className:"h-4 w-4"}),a==="Select"&&jsx(ListTodoIcon,{className:"h-4 w-4"}),a==="Float"&&jsx(DivideIcon,{className:"h-4 w-4"}),a==="Decimal"&&jsx(DivideIcon,{className:"h-4 w-4"}),a==="Integer"&&jsx(gt,{className:"h-4 w-4"}),a==="Currency"&&jsx(DollarSignIcon,{className:"h-4 w-4"}),a==="Percentage"&&jsx(PercentIcon,{className:"h-4 w-4"})]}),jsx("p",{title:o,className:"mr-2 line-clamp-2 w-full break-words font-semibold text-[#4A4A6A] text-xs",children:o}),i?jsx(Pe,{children:jsxs(Ne,{delayDuration:100,children:[jsx(Me,{children:jsx(QuestionMarkCircledIcon,{className:"h-4 w-4 text-[#4A4A6A]"})}),jsx(he,{className:"max-w-[240px]",children:jsx("p",{children:i})})]})}):jsx("div",{className:"w-4 shrink-0"})]}):null}function St({className:e}){let{emptySize:t,onSelectSpreadsheet:o}=N();return jsxs("button",{disabled:t,className:s("relative flex h-7 w-12 shrink-0 items-center justify-center border border-l border-t bg-white text-xs",e),onClick:o,children:[jsx("span",{className:"absolute right-0 top-0 h-full w-0.5 bg-gray-300"}),jsx("span",{className:"absolute bottom-0 left-0 h-0.5 w-full bg-gray-300"})]})}function Ct(){let{columns:e}=N();return jsxs("div",{className:"sticky top-[58px] z-50",children:[jsxs("div",{className:"relative flex items-center bg-white",children:[jsx(St,{className:"border-t-0 border-l-0"}),e.map(t=>jsx(wt,{column:t},`spreadsheet__column__indicator__key__${t.name}__${t.position}`))]}),jsxs("div",{className:"flex items-center",children:[jsx("div",{className:"h-9 w-12 shrink-0 cursor-default border border-t-0 border-l-0 bg-[#F6F6F9]"}),e.map(t=>jsx(xt,{column:t},`spreadsheet__column__header__key__${t.name}__${t.position}`))]})]})}var Ee=m.Root;var Re=m.Value,ge=Q.forwardRef(({className:e,children:t,...o},r)=>jsxs(m.Trigger,{ref:r,className:s("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent py-2 pr-px pl-3 text-sm shadow-sm ring-offset-background [&>span]:line-clamp-1 disabled:cursor-not-allowed placeholder:text-muted-foreground disabled:opacity-50 focus:outline-none focus:ring-1 focus:ring-ring",e),...o,children:[t,jsx(m.Icon,{asChild:!0,children:jsx(CaretSortIcon,{className:"h-4 w-4 opacity-50"})})]}));ge.displayName=m.Trigger.displayName;var kt=Q.forwardRef(({className:e,...t},o)=>jsx(m.ScrollUpButton,{ref:o,className:s("flex cursor-default items-center justify-center py-1",e),...t,children:jsx(ChevronUpIcon,{})}));kt.displayName=m.ScrollUpButton.displayName;var Pt=Q.forwardRef(({className:e,...t},o)=>jsx(m.ScrollDownButton,{ref:o,className:s("flex cursor-default items-center justify-center py-1",e),...t,children:jsx(ChevronDownIcon,{})}));Pt.displayName=m.ScrollDownButton.displayName;var be=Q.forwardRef(({className:e,children:t,position:o="popper",...r},a)=>jsx(m.Portal,{children:jsxs(m.Content,{ref:a,className:s("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",o==="popper"&&"data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",e),position:o,...r,children:[jsx(kt,{}),jsx(m.Viewport,{className:s("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),jsx(Pt,{})]})}));be.displayName=m.Content.displayName;var Go=Q.forwardRef(({className:e,...t},o)=>jsx(m.Label,{ref:o,className:s("px-2 py-1.5 font-semibold text-sm",e),...t}));Go.displayName=m.Label.displayName;var se=Q.forwardRef(({className:e,children:t,...o},r)=>jsxs(m.Item,{ref:r,className:s("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",e),...o,children:[jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(m.ItemIndicator,{children:jsx(CheckIcon,{className:"h-4 w-4"})})}),jsx(m.ItemText,{children:t})]}));se.displayName=m.Item.displayName;var Xo=Q.forwardRef(({className:e,...t},o)=>jsx(m.Separator,{ref:o,className:s("-mx-1 my-1 h-px bg-muted",e),...t}));Xo.displayName=m.Separator.displayName;function Nt(e){let{value:t,onBlur:o,onChange:r,onPaste:a}=e,i=useCallback(n=>{n.preventDefault(),a?.();},[a]);return jsxs(Ee,{value:t,onValueChange:n=>r?.({data:n}),defaultOpen:!0,children:[jsx(ge,{onBlur:o,onPaste:i,className:s("h-full w-full rounded-none border-none pl-1 text-xs outline-none focus:ring-0"),autoFocus:!0,children:jsx(Re,{placeholder:"Selecionar"})}),jsxs(be,{children:[jsx(se,{className:"text-xs",value:"true",children:"Sim"}),jsx(se,{className:"text-xs",value:"false",children:"N\xE3o"})]})]})}function Mt({value:e}){return jsxs("div",{className:"flex h-full w-full items-center justify-between pr-px pl-1",children:[jsx("p",{className:"line-clamp-1 text-xs",children:e===""?"Selecionar":e==="true"?"Sim":"N\xE3o"}),jsx(CaretSortIcon,{className:"h-4 w-4 opacity-50"})]})}function Dt(e){let{value:t,onBlur:o,onChange:r,onPaste:a}=e,i=useCallback(n=>{n.preventDefault(),a?.();},[a]);return jsx("input",{type:"date",onBlur:o,onPaste:i,value:t,onChange:n=>r?.({data:n.target.value}),className:s("h-full w-full bg-transparent pl-1 text-xs outline-none"),autoFocus:!0})}function Et(e){let{value:t}=e,o=Intl.DateTimeFormat("pt-BR",{dateStyle:"short"}),r=t?o.format(new Date(t)):"dd/mm/yyyy";return jsx("div",{className:"flex h-full w-full items-center",children:jsx("p",{className:"line-clamp-1 pl-1 text-xs",children:r})})}function qe(e){let{className:t,dataEditorType:o,onFocus:r,onBlur:a,onChange:i,onClick:n,onPaste:h,settings:l,testid:y,value:d,disabled:b,dataCypress:v,tabIndex:k}=e,E=".",P=",",L=Jo({dataEditorType:o,decimalScale:l?.numeric?.decimalPlaces}),w=l?.numeric?.allowNegative,S=l?.numeric?.min,g=l?.numeric?.max,W=o.toLocaleLowerCase()==="currency"?"R$ ":"",R=o.toLocaleLowerCase()==="percentage"?"%":"",[j,F]=useState(d),[A,K]=useState(!1),q=({value:x})=>{F(x),i?.(x);},ne=()=>{let x=!1,V=Number(d),_=d;typeof S=="number"&&V<S&&(_=S.toString()),typeof g=="number"&&V>g&&(_=g.toString()),_!==d&&(x=!0,i?.(_),F(_),K(x)),x||a?.();};return useEffect(()=>{A&&(a?.(),K(!1));},[a,A]),useEffect(()=>{F(d);},[d]),jsx(NumericFormat,{tabIndex:k,value:j,onPaste:h,prefix:W,suffix:R,fixedDecimalScale:!0,onBlur:ne,"data-testid":y,valueIsNumericString:!0,onFocus:r,onClick:n,decimalScale:L,onValueChange:q,allowNegative:w,decimalSeparator:P,thousandSeparator:E,className:s("h-full w-full rounded-none bg-transparent pl-1 text-xs outline-none",t),disabled:b,"data-cypress":v,autoFocus:!0})}var qo=2;function Jo(e){let{dataEditorType:t,decimalScale:o}=e,r=o;return t.toLowerCase()==="percentage"&&(o?r=o>2?o-qo:0:r=0),o||(t.toLowerCase()==="decimal"&&(r=2),t.toLowerCase()==="float"&&(r=2),t.toLowerCase()==="integer"&&(r=0),t.toLowerCase()==="currency"&&(r=2)),r}function Lt(e){let{value:t,onBlur:o,onChange:r,onPaste:a,setMode:i,column:n}=e,h=useCallback(y=>{y.preventDefault(),a?.();},[a]),l=useCallback(()=>{o?.(),i?.("view");},[o,i]);return jsx(qe,{dataEditorType:n.dataEditorType,value:t,onPaste:h,onBlur:l,onChange:y=>r?.({data:y}),settings:n.settings})}function _t(e){let{value:t,column:o}=e;return jsx(qe,{dataEditorType:o.dataEditorType,value:t,settings:o.settings,disabled:!0,className:"pointer-events-none"})}function Ft(e){let{value:t,onBlur:o,onChange:r,onPaste:a,items:i}=e,n=useCallback(h=>{h.preventDefault(),a?.();},[a]);return jsxs(Ee,{value:t,onValueChange:h=>r?.({data:h}),defaultOpen:!0,children:[jsx(ge,{onBlur:o,onPaste:n,className:s("h-full w-full rounded-none border-none pl-1 text-xs outline-none focus:ring-0"),children:jsx(Re,{placeholder:"Selecionar"})}),jsx(be,{children:i.map(({value:h,text:l})=>jsx(se,{className:"text-xs",value:h,children:l},h))})]})}function Vt(e){let{value:t,items:o}=e,r=useMemo(()=>o.find(i=>i.value===t),[o,t]),a=useMemo(()=>r?r.text:"Selecionar",[r]);return jsxs("div",{className:"flex h-full w-full items-center justify-between pr-px pl-1",children:[jsx("p",{className:"line-clamp-1 text-xs",children:a}),jsx(CaretSortIcon,{className:"h-4 w-4 opacity-50"})]})}function Bt(e){e.selectionStart=e.selectionEnd=e.value.length;}var tr="text/plain";function Wt(e){return window.clipboardData?.getData?window.clipboardData.getData("Text"):e.clipboardData?.getData?e.clipboardData.getData(tr):""}var ar=6,Ot=200;function Gt(e){let{value:t,onBlur:o,onChange:r,onPaste:a,setMode:i,column:n,selected:h}=e,l=t,y=useRef(null),[d,b]=useState(0),v=useMemo(()=>$t(l,n.width),[l,n.width]),k=useCallback(w=>{let S=Wt(w);nr(S)||(w.preventDefault(),a?.());},[a]),E=useCallback(()=>{o?.(),i?.("view");},[o,i]),P=useCallback(()=>{let w=y.current;if(!w)return;let S=w.scrollHeight;w.style.height=`${S}px`,b(S);},[]),L=useCallback(w=>{r?.({data:w.target.value}),P();},[P,r]);return v?jsx("div",{style:{height:d},className:s("-left-0.5 -top-0.5 absolute z-40 h-fit w-fit border bg-white shadow-lg outline outline-2 outline-blue-500",h?"bg-blue-50":"bg-white"),children:jsx("div",{style:{height:d-1},className:"h-full w-full outline outline-[3px] outline-sky-200 outline-offset-2",children:jsx("textarea",{ref:y,onBlur:E,onPaste:k,value:l,onChange:L,className:s("resize-none break-all rounded-none bg-transparent py-1.5 pr-3 pl-1 text-xs outline-none"),onFocus:w=>Bt(w.target),maxLength:Ot,style:{width:n.width},autoFocus:!0})})}):jsx("input",{onBlur:o,onPaste:k,value:l,maxLength:Ot,onChange:L,className:s("h-full w-full bg-transparent pl-1 text-xs outline-none"),autoFocus:!0})}function Xt(e){let{value:t,column:o,selected:r}=e,a=t;return useMemo(()=>$t(a,o.width),[a,o.width])?jsx(Pe,{delayDuration:0,children:jsxs(Ne,{children:[jsx(Me,{className:"w-full",children:jsx("div",{className:"flex h-full w-full items-center overflow-hidden",children:jsx("p",{className:"line-clamp-1 break-all pl-1 text-left text-xs",children:a})})}),jsx(he,{align:"start",side:"bottom",alignOffset:-2,sideOffset:-26,className:s("h-fit w-full break-all rounded-none border bg-white pl-1 text-black shadow-lg","data-[state=closed]:transform-none data-[side=bottom]:animate-none data-[state=closed]:animate-none data-[state=closed]:transition-none",r?"bg-blue-50":"bg-white"),style:{width:o.width},children:jsx("p",{children:a})})]})}):jsx("div",{className:"flex h-full w-full items-center overflow-hidden",children:jsx("p",{className:"line-clamp-1 break-all pl-1 text-left text-xs",title:a,children:a})})}function $t(e,t){return ar*e?.length>t}function nr(e){return ["	",`
-`,"\r"].every(t=>!e.includes(t))}var X={Date:Dt,Text:Gt,Boolean:Nt,Numeric:Lt,Select:Ft},$={Date:Et,Text:Xt,Boolean:Mt,Numeric:_t,Select:Vt};function Yt(e){let{value:t,coordinates:o}=e,{columns:r,isCellSelected:a,onChange:i,onPaste:n,onSelectCell:h}=N(),{dataEditorType:l,readonly:y,width:d,visible:b,settings:v}=r[o.column],[k,E]=useState(y?"readonly":"view"),P=useRef(null),L=useMemo(()=>r[o.column],[r,o.column]),w=useMemo(()=>a(o),[o,a]),S=useMemo(()=>v?.select?.items||[],[v?.select?.items]),g=useMemo(()=>({dataEditor:{value:t,column:L,setMode:E,selected:w,onPaste:()=>n(o),onChange:({data:A})=>i({data:A,point:o})},dataViewer:{value:t,column:L,selected:w}}),[o,t,L,w,n,i]),W=useMemo(()=>({Date:jsx(X.Date,{...g.dataEditor}),String:jsx(X.Text,{...g.dataEditor}),Currency:jsx(X.Numeric,{...g.dataEditor}),Decimal:jsx(X.Numeric,{...g.dataEditor}),Float:jsx(X.Numeric,{...g.dataEditor}),Integer:jsx(X.Numeric,{...g.dataEditor}),Percentage:jsx(X.Numeric,{...g.dataEditor}),Boolean:jsx(X.Boolean,{...g.dataEditor}),Select:jsx(X.Select,{...g.dataEditor,items:S})}),[g.dataEditor,S]),R=useMemo(()=>({Date:jsx($.Date,{...g.dataViewer}),String:jsx($.Text,{...g.dataViewer}),Currency:jsx($.Numeric,{...g.dataViewer}),Decimal:jsx($.Numeric,{...g.dataViewer}),Float:jsx($.Numeric,{...g.dataViewer}),Integer:jsx($.Numeric,{...g.dataViewer}),Percentage:jsx($.Numeric,{...g.dataViewer}),Boolean:jsx($.Boolean,{...g.dataViewer}),Select:jsx($.Select,{...g.dataViewer,items:S})}),[g.dataViewer,S]),j=useMemo(()=>l?W[l]:null,[l,W]),F=useMemo(()=>l?R[l]:null,[l,R]);return useEffect(()=>{let A=K=>{let q=K.code==="Enter";q&&w&&k==="view"&&E("edit"),q&&w&&k==="edit"&&E("view");};return window.addEventListener("keydown",A),()=>window.removeEventListener("keydown",A)},[w,k]),useClickAway(P,()=>E("view")),b?k==="readonly"?jsx("div",{onClick:()=>h(o),className:s("flex h-7 shrink-0 cursor-default select-none border border-t-transparent border-l-transparent bg-[#F6F6F9]",w&&"bg-[#EAF5FF]"),style:{width:d,height:26},children:F}):k==="view"?jsx("div",{onClick:()=>h(o),onDoubleClick:()=>E("edit"),className:s("relative flex h-7 shrink-0 cursor-default select-none border border-t-transparent border-l-transparent",w&&"bg-[#EAF5FF]"),style:{width:d,height:26},children:F}):jsx("div",{ref:P,"data-testid":"cell__testid",className:"relative h-7 w-32 shrink-0 border border-l-transparent border-t-transparent bg-[#EAF5FF] shadow-lg outline outline-2 outline-blue-500",style:{width:d,height:26,top:o.row===0?"4px":"0px"},children:jsx("div",{className:"h-full w-full outline outline-[3px] outline-offset-2 outline-sky-200",children:j})}):null}function Kt({row:e}){let{onSelectRow:t,pointRange:o,matrix:r}=N(),a=useMemo(()=>o&&e>=o.start.row&&e<=o.end.row,[o,e]),i=useMemo(()=>!!(o&&it({matrix:r,pointRange:o,row:e})),[r,o,e]);return jsx("div",{className:s("flex h-7 w-12 shrink-0 cursor-default select-none items-center justify-center border-r border-b text-[#8E8EA9] text-xs",a&&"bg-blue-100 font-bold text-blue-700",i&&"bg-[#0085FF] font-bold text-white"),onClick:n=>t(e,n),style:{height:26},children:e+1})}function qt(){let e=useId(),{highlightLastRow:t,matrix:o}=N();return jsx("div",{className:"relative",children:o.map((r,a)=>jsxs("div",{className:s("flex items-center transition-all ease-linear",a===o.length-1&&t&&"bg-blue-50"),children:[jsx(Kt,{row:a}),r.map((i,n)=>jsx(Yt,{value:i,coordinates:{column:n,row:a}},`spreadsheet__cell__key__${e}__${a}__${n}`))]},`spreadsheet__row__key__${e}__${a}}`))})}function Jt({className:e}){let{staticRows:t,emptySize:o,onInsertNewRow:r}=N();return t?null:jsx("div",{className:s("pointer-events-none mt-[calc(28px+36px)] flex h-[calc(100%-28px-28px)] w-full items-center justify-center",o&&"pointer-events-auto bg-white/25 backdrop-blur-sm",e),children:o&&jsxs("p",{className:"text-neutral-500",children:[jsx("span",{children:"Clique "}),jsx("button",{type:"button",onClick:r,className:"font-bold",children:"AQUI"}),jsx("span",{children:" para come\xE7ar a preencher a tabela."})]})})}function Qt(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",...e,children:jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M10 6.667v6.666M6.667 10h6.666M6.5 17.5h7c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 001.092-1.092c.273-.535.273-1.235.273-2.635v-7c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 00-1.092-1.093C15.6 2.5 14.9 2.5 13.5 2.5h-7c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 00-1.093 1.093C2.5 4.4 2.5 5.1 2.5 6.5v7c0 1.4 0 2.1.272 2.635a2.5 2.5 0 001.093 1.092C4.4 17.5 5.1 17.5 6.5 17.5z"})})}function to(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20",...e,children:jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M13.333 5v-.667c0-.933 0-1.4-.181-1.756a1.667 1.667 0 00-.729-.729c-.356-.181-.823-.181-1.756-.181H9.333c-.933 0-1.4 0-1.756.181-.314.16-.569.415-.729.729-.181.356-.181.823-.181 1.756V5m1.666 4.583v4.167m3.334-4.167v4.167M2.5 5h15m-1.667 0v9.333c0 1.4 0 2.1-.272 2.635a2.5 2.5 0 01-1.093 1.093c-.534.272-1.235.272-2.635.272H8.167c-1.4 0-2.1 0-2.635-.272a2.5 2.5 0 01-1.093-1.093c-.272-.535-.272-1.235-.272-2.635V5"})})}var gr=cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),ve=Q.forwardRef(({className:e,variant:t,size:o,asChild:r=!1,...a},i)=>jsx(r?Slot:"button",{className:s(gr({variant:t,size:o,className:e})),ref:i,...a}));ve.displayName="Button";var ro=u.Root,ao=u.Trigger;var Sr=Q.forwardRef(({className:e,inset:t,children:o,...r},a)=>jsxs(u.SubTrigger,{ref:a,className:s("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",t&&"pl-8",e),...r,children:[o,jsx(ChevronRightIcon,{className:"ml-auto h-4 w-4"})]}));Sr.displayName=u.SubTrigger.displayName;var Cr=Q.forwardRef(({className:e,...t},o)=>jsx(u.SubContent,{ref:o,className:s("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),...t}));Cr.displayName=u.SubContent.displayName;var Ze=Q.forwardRef(({className:e,sideOffset:t=4,...o},r)=>jsx(u.Portal,{children:jsx(u.Content,{ref:r,sideOffset:t,className:s("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=open]:animate-in",e),...o})}));Ze.displayName=u.Content.displayName;var kr=Q.forwardRef(({className:e,inset:t,...o},r)=>jsx(u.Item,{ref:r,className:s("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",t&&"pl-8",e),...o}));kr.displayName=u.Item.displayName;var Qe=Q.forwardRef(({className:e,children:t,checked:o,...r},a)=>jsxs(u.CheckboxItem,{ref:a,className:s("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",e),checked:o,...r,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(u.ItemIndicator,{children:jsx(CheckIcon,{className:"h-4 w-4"})})}),t]}));Qe.displayName=u.CheckboxItem.displayName;var Pr=Q.forwardRef(({className:e,children:t,...o},r)=>jsxs(u.RadioItem,{ref:r,className:s("relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",e),...o,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(u.ItemIndicator,{children:jsx(DotFilledIcon,{className:"h-4 w-4 fill-current"})})}),t]}));Pr.displayName=u.RadioItem.displayName;var Nr=Q.forwardRef(({className:e,inset:t,...o},r)=>jsx(u.Label,{ref:r,className:s("px-2 py-1.5 font-semibold text-sm",t&&"pl-8",e),...o}));Nr.displayName=u.Label.displayName;var Mr=Q.forwardRef(({className:e,...t},o)=>jsx(u.Separator,{ref:o,className:s("-mx-1 my-1 h-px bg-muted",e),...t}));Mr.displayName=u.Separator.displayName;function io(){let{hasSomeEntireRow:e,emptySize:t,staticRows:o,columns:r,onInsertNewRow:a,onRemoveRow:i,onColumnVisibilityChange:n}=N(),h=useMemo(()=>r.filter(({visible:v})=>v),[r]),l=useMemo(()=>r.length===h.length,[r.length,h.length]),y="Exibindo todas as colunas",d=`Exibindo ${h.length} de ${r.length} colunas`;return jsxs("div",{className:"sticky top-0 z-50 flex w-full items-center justify-between rounded-t-md border bg-[#EAF5FF] px-4 py-2.5",children:[jsxs("div",{className:"flex items-center gap-6",children:[jsx(ve,{disabled:o,size:"icon",variant:"ghost",onClick:a,className:"text-[#4A4A6A] transition-none active:bg-[#0085FF] hover:bg-[#8FD6FF] active:text-white",children:jsx(Qt,{})}),jsx(ve,{disabled:o||t||!e,size:"icon",variant:"ghost",onClick:i,className:"text-[#4A4A6A] transition-none active:bg-[#0085FF] hover:bg-[#8FD6FF] active:text-white",children:jsx(to,{})})]}),jsxs(ro,{children:[jsx(ao,{asChild:!0,className:"w-56",children:jsxs(ve,{variant:"outline",className:"justify-between px-2",children:[jsx("span",{className:"text-xs",children:l?y:d}),jsx(ChevronDown,{className:"h-4 w-4"})]})}),jsx(Ze,{className:"w-56",children:r.map(({name:v,id:k,alphabetLetter:E,visible:P})=>jsxs(Qe,{checked:P,onCheckedChange:()=>n(k),className:"justify-between text-xs",children:[jsx("span",{children:v}),jsx("span",{className:"text-[10px] text-neutral-500",children:E})]},`spreadsheet__column__dropdown_checkbox__key__${nanoid()}`))})]})]})}function lo(e){let{className:t,...o}=e;return jsx(pt,{...o,children:jsxs(We.Root,{className:t,children:[jsx(io,{}),jsxs(We.Matrix,{children:[jsx(Jt,{className:"absolute z-50"}),jsx(Ct,{}),jsx(qt,{})]})]})})}var xs={Spreadsheet:lo};
+// src/components/spreadsheet/lib/indexed-alphabet.ts
+function indexedAlphabet(columns) {
+  if (columns <= 0) {
+    return "";
+  }
+  const asciiA = "A".charCodeAt(0);
+  const remainder = (columns - 1) % 26;
+  const quotient = Math.floor((columns - 1) / 26);
+  return indexedAlphabet(quotient) + String.fromCharCode(asciiA + remainder);
+}
 
-export { xs as CapLink };
+// src/components/spreadsheet/lib/matrix-output.ts
+function matrixConverter(params) {
+  const { columns, matrix } = params;
+  return matrix.map(
+    (rowValue) => rowValue.map((columnValue, column) => {
+      const dataEditorType = columns[column].dataEditorType;
+      columns[column].settings?.select?.items || [];
+      const newColumn = { value: columnValue, dataEditorType };
+      if (dataEditorType === "Boolean") {
+        newColumn.convertedValue = { Boolean: JSON.parse(columnValue) };
+      }
+      if (dataEditorType === "Integer") {
+        newColumn.convertedValue = { Integer: Number(columnValue) };
+      }
+      if (dataEditorType === "Currency") {
+        newColumn.convertedValue = { Currency: Number(columnValue) };
+      }
+      if (dataEditorType === "Decimal") {
+        newColumn.convertedValue = { Decimal: Number(columnValue) };
+      }
+      if (dataEditorType === "Float") {
+        newColumn.convertedValue = { Float: Number(columnValue) };
+      }
+      if (dataEditorType === "Percentage") {
+        newColumn.convertedValue = { Percentage: Number(columnValue) };
+      }
+      if (dataEditorType === "Date") {
+        newColumn.convertedValue = { Date: Number(columnValue) };
+      }
+      if (dataEditorType === "Select") {
+        newColumn.convertedValue = { Select: columnValue };
+      }
+      return newColumn;
+    })
+  );
+}
+
+// src/components/spreadsheet/lib/date-formatter.ts
+function dateFormatter(value) {
+  try {
+    if (value.includes("/"))
+      return new Date(value.split("/").reverse().join("-")).toISOString().split("T")[0].replace("+", "");
+    return new Date(value).toISOString().split("T")[0].replace("+", "");
+  } catch (error) {
+    return null;
+  }
+}
+
+// src/components/spreadsheet/model/spreadsheet.ts
+var COLUMN_INITIAL_WIDTH = 160;
+var COLUMN_MAX_WIDTH = 320;
+var COLUMN_MIN_WIDTH = 160;
+var COLUMN_TITLE_INITIAL_HEIGHT = 36;
+var CELL_INITIAL_HEIGHT = 26;
+var NUMERIC_DATA_EDITOR_TYPES = [
+  "Decimal",
+  "Float",
+  "Integer",
+  "Percentage",
+  "Currency"
+];
+
+// src/components/spreadsheet/lib/normalize-value.ts
+function normalizeValue(params) {
+  const { value, dataEditorType } = params;
+  if (dataEditorType === "Date") {
+    return dateFormatter(value) || "";
+  }
+  if (dataEditorType === "Boolean") {
+    return value === true ? "true" : "false";
+  }
+  const isNumeric = NUMERIC_DATA_EDITOR_TYPES.includes(dataEditorType);
+  if (isNumeric) {
+    return Number.isNaN(Number(value)) ? "" : value;
+  }
+  return value;
+}
+
+// src/components/spreadsheet/model/matrix.ts
+function createEmpty(size, fill) {
+  return new Array(size.rows).fill(void 0).map(() => new Array(size.columns).fill(fill));
+}
+function getRowsCount(matrix) {
+  return matrix?.length;
+}
+function getColumnsCount(matrix) {
+  const firstRow = matrix?.[0];
+  return firstRow ? firstRow.length : 0;
+}
+function getSize(matrix) {
+  return {
+    columns: getColumnsCount(matrix),
+    rows: getRowsCount(matrix)
+  };
+}
+function hasPointInRange(pointRange, point) {
+  return point.row >= pointRange.start.row && point.column >= pointRange.start.column && point.row <= pointRange.end.row && point.column <= pointRange.end.column;
+}
+function hasEntireColumns(params) {
+  const { matrix, pointRange } = params;
+  return pointRange.start.column === 0 && pointRange.end.column === getColumnsCount(matrix);
+}
+function hasEntireRows(params) {
+  const { matrix, pointRange, row } = params;
+  return row >= pointRange.start.row && row <= pointRange.end.row && hasEntireColumns({ matrix, pointRange });
+}
+function parseString(value) {
+  return value.split("\n").map((row) => row.split("	"));
+}
+function overlap(params) {
+  const { mA, mB, point = { column: 0, row: 0 } } = params;
+  const mASize = getSize(mA);
+  const mBSize = getSize(mB);
+  const fillRows = point.row + mBSize.rows > mASize.rows;
+  const fillColumns = point.column + mBSize.columns > mBSize.columns;
+  const rows = fillRows ? point.row + mBSize.rows : mASize.rows;
+  const columns = fillColumns ? point.column + mBSize.columns : mASize.columns;
+  const mC = createEmpty({ rows, columns });
+  for (let y = 0; y < mASize.rows; y += 1) {
+    for (let x = 0; x < mASize.columns; x += 1) {
+      mC[y][x] = mA[y][x];
+    }
+  }
+  for (let y = 0; y < mBSize.rows; y += 1) {
+    for (let x = 0; x < mBSize.columns; x += 1) {
+      mC[y + point.row][x + point.column] = mB[y][x];
+    }
+  }
+  return mC;
+}
+var timeoutId;
+var SpreadsheetContext = createContext(null);
+function SpreadsheetContextProvider(props) {
+  const {
+    children,
+    startingColumns,
+    matrix: startingMatrix = [],
+    staticRows,
+    onMatrixChange
+  } = props;
+  const [matrix, setMatrix] = useState(startingMatrix);
+  const [columns, setColumns] = useState(() => setupColumns(startingColumns));
+  const [pointRange, setPointRange] = useState(null);
+  const [containerDimensions, setContainerDimensions] = useState({
+    height: 0,
+    width: 0
+  });
+  const [highlightLastRow, setHighlightLastRow] = useState(false);
+  const highlight = useCallback((ms = 2e3) => {
+    setHighlightLastRow(true);
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => setHighlightLastRow(false), ms);
+  }, []);
+  const columnsCount = useMemo$1(
+    () => getColumnsCount(matrix) || columns.length,
+    [matrix, columns.length]
+  );
+  const size = useMemo$1(() => getSize(matrix), [matrix]);
+  const emptySize = useMemo$1(() => size.rows === 0, [size.rows]);
+  const hasSomeEntireRow = useMemo$1(
+    () => !!(pointRange && hasEntireColumns({ matrix, pointRange })),
+    [pointRange, matrix]
+  );
+  const onConvertedMatrixChange = useCallback(
+    (matrix2) => {
+      if (onMatrixChange) {
+        const newMatrix = matrixConverter({ columns, matrix: matrix2 });
+        onMatrixChange(newMatrix);
+      }
+    },
+    [onMatrixChange, columns]
+  );
+  const onPaste = useCallback(
+    async (point) => {
+      const { state } = await navigator.permissions.query({
+        name: "clipboard-read"
+      });
+      if (state === "denied") {
+        console.log("denied");
+        return;
+      }
+      const value2 = await navigator.clipboard.readText();
+      const mB = parseString(value2);
+      const overlapped = overlap({ mA: matrix, mB, point }).map(
+        (row) => row.map((columnValue, column) => columns[column]?.readonly ? "" : columnValue)
+      );
+      const normalized = overlapped.map(
+        (row) => row.map(
+          (columnValue, column) => normalizeValue({ value: columnValue, dataEditorType: columns[column]?.dataEditorType })
+        )
+      );
+      const nextColumns = normalized.map((row) => row.slice(0, startingColumns.length));
+      const nextMatrix = staticRows ? nextColumns.slice(0, matrix.length) : nextColumns;
+      setMatrix(nextMatrix);
+      onConvertedMatrixChange(nextMatrix);
+    },
+    [columns, matrix, startingColumns.length, onConvertedMatrixChange, staticRows]
+  );
+  const onChange = useCallback(
+    (params) => {
+      const { data, point } = params;
+      const { column, row } = point;
+      const nextMatrix = structuredClone(matrix);
+      nextMatrix[row][column] = data;
+      setMatrix(nextMatrix);
+      onConvertedMatrixChange(nextMatrix);
+    },
+    [matrix, onConvertedMatrixChange]
+  );
+  const onRemoveRow = useCallback(() => {
+    if (pointRange && !staticRows) {
+      const rowStart = pointRange.start.row;
+      const rowEnd = pointRange.end.row;
+      const delta = rowEnd - rowStart + 1;
+      if (!hasSomeEntireRow)
+        return;
+      const confirmedMessage = delta > 1 ? `Voc\xEA ir\xE1 excluir ${delta} linhas, deseja continuar?
+Linha N\xB0 ${rowStart + 1} at\xE9 N\xB0 ${rowEnd + 1}` : `Voc\xEA ir\xE1 excluir a linha N\xB0 ${rowStart + 1}, deseja continuar?`;
+      const confirmed = confirm(confirmedMessage);
+      if (!confirmed)
+        return;
+      const nextMatrix = matrix.filter((row, index) => index < rowStart || index > rowEnd);
+      setPointRange(null);
+      setMatrix(nextMatrix);
+      onConvertedMatrixChange(nextMatrix);
+    }
+  }, [matrix, pointRange, staticRows, hasSomeEntireRow, onConvertedMatrixChange]);
+  const onSelectRow = useCallback(
+    (row, event) => {
+      if (pointRange && event && event.shiftKey) {
+        const normalizedStart = row < pointRange.start.row ? row : pointRange.start.row;
+        const normalizedEnd = row < pointRange.start.row ? pointRange.start.row : row;
+        const newPointRange = {
+          start: { row: normalizedStart, column: 0 },
+          end: { row: normalizedEnd, column: columnsCount }
+        };
+        return setPointRange(newPointRange);
+      }
+      setPointRange({ start: { row, column: 0 }, end: { row, column: columnsCount } });
+    },
+    [columnsCount, pointRange]
+  );
+  const onSelectCell = useCallback(
+    (point) => {
+      if (point.row === pointRange?.start.row && point.column === pointRange.start.column)
+        return;
+      setPointRange({ start: point, end: point });
+    },
+    [pointRange?.start.row, pointRange?.start.column]
+  );
+  const isCellSelected = useCallback(
+    (point) => {
+      return !!(pointRange && hasPointInRange(pointRange, point));
+    },
+    [pointRange]
+  );
+  const onColumnResize = useCallback((params) => {
+    const { columnId, width } = params;
+    let newWidth = width;
+    if (width > COLUMN_MAX_WIDTH) {
+      newWidth = COLUMN_MAX_WIDTH;
+    }
+    if (width < COLUMN_MIN_WIDTH) {
+      newWidth = COLUMN_MIN_WIDTH;
+    }
+    setColumns(
+      (previous) => previous.map((column) => column.id === columnId ? { ...column, width: newWidth } : column)
+    );
+  }, []);
+  const onInsertNewRow = useCallback(() => {
+    if (staticRows)
+      return;
+    const nextMatrix = [...structuredClone(matrix), new Array(columnsCount).fill("")];
+    setMatrix(nextMatrix);
+    onConvertedMatrixChange(nextMatrix);
+    highlight();
+  }, [staticRows, matrix, columnsCount, highlight, onConvertedMatrixChange]);
+  const onSelectSpreadsheet = useCallback(() => {
+    const start = { column: 0, row: 0 };
+    const end = { column: size.columns, row: size.rows - 1 };
+    setPointRange({ start, end });
+  }, [size]);
+  const onColumnVisibilityChange = useCallback((columnId) => {
+    setColumns(
+      (previous) => previous.map(
+        (column) => column.id === columnId ? { ...column, visible: !column.visible } : column
+      )
+    );
+  }, []);
+  useEffect(() => {
+    setMatrix(startingMatrix);
+  }, [startingMatrix]);
+  useEffect(() => {
+    setColumns(() => setupColumns(startingColumns));
+  }, [startingColumns]);
+  const value = useMemo$1(
+    () => ({
+      size,
+      matrix,
+      columns,
+      emptySize,
+      staticRows,
+      hasSomeEntireRow,
+      highlightLastRow,
+      pointRange,
+      setPointRange,
+      containerDimensions,
+      setContainerDimensions,
+      onPaste,
+      onChange,
+      onRemoveRow,
+      onSelectRow,
+      onSelectCell,
+      isCellSelected,
+      onInsertNewRow,
+      onColumnResize,
+      onSelectSpreadsheet,
+      onColumnVisibilityChange
+    }),
+    [
+      size,
+      matrix,
+      columns,
+      emptySize,
+      staticRows,
+      hasSomeEntireRow,
+      highlightLastRow,
+      pointRange,
+      containerDimensions,
+      onPaste,
+      onChange,
+      onRemoveRow,
+      onSelectRow,
+      onSelectCell,
+      isCellSelected,
+      onInsertNewRow,
+      onColumnResize,
+      onSelectSpreadsheet,
+      onColumnVisibilityChange
+    ]
+  );
+  return /* @__PURE__ */ jsx(SpreadsheetContext.Provider, { value, children });
+}
+function setupColumns(columns) {
+  return columns.map((column, index) => ({
+    ...column,
+    id: `spreadsheet__column__id__${nanoid()}`,
+    alphabetLetter: indexedAlphabet(index + 1),
+    position: index,
+    width: column.width || COLUMN_INITIAL_WIDTH,
+    visible: true
+  }));
+}
+function useSpreadsheet() {
+  const context = useContext(SpreadsheetContext);
+  if (!context) {
+    throw new Error("useSpreadsheet has to be used within <SpreadsheetContext.Provider>");
+  }
+  return context;
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Matrix(props) {
+  const { children, className } = props;
+  const { size, staticRows, setContainerDimensions } = useSpreadsheet();
+  const containerRef = useRef(null);
+  const height = useMemo$1(
+    () => size.rows * CELL_INITIAL_HEIGHT + COLUMN_TITLE_INITIAL_HEIGHT,
+    [size.rows]
+  );
+  useEffect(() => {
+    const containerElement = containerRef.current;
+    if (!containerElement)
+      return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        const width = entry.contentRect.width;
+        const height2 = entry.contentRect.height;
+        setContainerDimensions({ height: height2, width });
+      }
+    });
+    resizeObserver.observe(containerElement);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [setContainerDimensions]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(
+        "relative w-full border border-t-0 border-r-0",
+        size.rows >= 7 ? "border-b-0" : "border-b",
+        staticRows ? `${height}px border-b-0` : "min-h-[260px]",
+        className
+      ),
+      children
+    }
+  );
+}
+
+// node_modules/react-use/esm/misc/util.js
+function on(obj) {
+  var args = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    args[_i - 1] = arguments[_i];
+  }
+  if (obj && obj.addEventListener) {
+    obj.addEventListener.apply(obj, args);
+  }
+}
+function off(obj) {
+  var args = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    args[_i - 1] = arguments[_i];
+  }
+  if (obj && obj.removeEventListener) {
+    obj.removeEventListener.apply(obj, args);
+  }
+}
+var defaultEvents = ["mousedown", "touchstart"];
+var useClickAway = function(ref, onClickAway, events) {
+  if (events === void 0) {
+    events = defaultEvents;
+  }
+  var savedCallback = useRef(onClickAway);
+  useEffect(function() {
+    savedCallback.current = onClickAway;
+  }, [onClickAway]);
+  useEffect(function() {
+    var handler = function(event) {
+      var el = ref.current;
+      el && !el.contains(event.target) && savedCallback.current(event);
+    };
+    for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
+      var eventName = events_1[_i];
+      on(document, eventName, handler);
+    }
+    return function() {
+      for (var _i2 = 0, events_2 = events; _i2 < events_2.length; _i2++) {
+        var eventName2 = events_2[_i2];
+        off(document, eventName2, handler);
+      }
+    };
+  }, [events, ref]);
+};
+var useClickAway_default = useClickAway;
+function Root(props) {
+  const { children, className } = props;
+  const { setPointRange } = useSpreadsheet();
+  const rootRef = useRef(null);
+  useClickAway_default(rootRef, () => setPointRange(null));
+  return /* @__PURE__ */ jsx("div", { ref: rootRef, className: cn("min-w-[640px]", className), children });
+}
+
+// src/components/spreadsheet/ui/containers/index.ts
+var Container = {
+  Matrix,
+  Root
+};
+function DragIndicator(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      draggable: true,
+      className: cn(
+        "h-9 w-1.5 cursor-col-resize rounded-sm bg-neutral-400 drop-shadow-md",
+        className
+      ),
+      ...rest,
+      children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx("span", { className: "-translate-y-1/2 absolute top-1/2 right-2.5 h-3 w-1 rounded-full bg-neutral-300" }),
+        /* @__PURE__ */ jsx("span", { className: "-translate-y-1/2 absolute top-1/2 left-2.5 h-3 w-1 rounded-full bg-neutral-300" })
+      ] })
+    }
+  );
+}
+function ColumnIndicator(props) {
+  const { className, column, children } = props;
+  const { id, width, position, visible, alphabetLetter } = column;
+  const { matrix, pointRange, containerDimensions, onColumnResize } = useSpreadsheet();
+  const rulerIndicatorRef = useRef(null);
+  const rulerIndicatorHeight = useMemo$1(
+    () => (containerDimensions?.height || 0) + 32,
+    [containerDimensions?.height]
+  );
+  const [dragging, setDragging] = useState(false);
+  const [startClientX, setStartClientX] = useState(0);
+  const [clientX, setClientX] = useState(0);
+  const difference = useMemo$1(
+    () => dragging ? clientX - startClientX : 0,
+    [dragging, clientX, startClientX]
+  );
+  const onDragStart = useCallback((e) => {
+    setStartClientX(e.clientX);
+    setDragging(true);
+  }, []);
+  const onDrag = useCallback(
+    (e) => {
+      const rulerIndicatorElement = rulerIndicatorRef.current;
+      if (!rulerIndicatorElement)
+        return;
+      const difference2 = e.clientX - startClientX;
+      let newWidth = width + difference2;
+      if (newWidth > COLUMN_MAX_WIDTH)
+        newWidth = COLUMN_MAX_WIDTH;
+      if (newWidth < COLUMN_MIN_WIDTH)
+        newWidth = COLUMN_MIN_WIDTH;
+      rulerIndicatorElement.style.left = `${newWidth}px`;
+      setClientX(e.clientX);
+    },
+    [startClientX, width]
+  );
+  const onDragEnd = useCallback(
+    (e) => {
+      const difference2 = e.clientX - startClientX;
+      const nextWidth = width + difference2;
+      onColumnResize({ width: nextWidth, columnId: id });
+      setDragging(false);
+    },
+    [startClientX, width, id, onColumnResize]
+  );
+  const createClassName = useCallback(() => {
+    if (dragging)
+      return `bg-neutral-100 font-bold text-neutral-700 ${className}`;
+    if (pointRange && !dragging) {
+      const { start, end } = pointRange;
+      const hasEntireColumns2 = hasEntireColumns({ matrix, pointRange });
+      const columnInRange = position >= start.column && position <= end.column;
+      if (hasEntireColumns2)
+        return `bg-[#0085FF] font-bold text-white ${className}`;
+      if (columnInRange)
+        return `bg-blue-100 font-bold text-blue-700 ${className}`;
+    }
+    return className;
+  }, [dragging, className, matrix, pointRange, position]);
+  const rulerIndicatorToPx = useCallback(() => {
+    let newWidth = width + difference;
+    if (newWidth > COLUMN_MAX_WIDTH)
+      newWidth = COLUMN_MAX_WIDTH;
+    if (newWidth < COLUMN_MIN_WIDTH)
+      newWidth = COLUMN_MIN_WIDTH;
+    return `${newWidth}px`;
+  }, [width, difference]);
+  const dragEventListeners = useMemo$1(
+    () => ({ onDragStart, onDrag, onDragEnd }),
+    [onDragStart, onDrag, onDragEnd]
+  );
+  useEffect(() => {
+    const rulerIndicatorElement = rulerIndicatorRef.current;
+    if (!rulerIndicatorElement)
+      return;
+    rulerIndicatorElement.style.left = `${width}px`;
+  }, [width]);
+  if (!visible)
+    return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: { width },
+      className: cn(
+        "relative flex h-7 w-32 shrink-0 items-center justify-center border border-t-0 border-l-0 text-[#8E8EA9] text-xs",
+        createClassName()
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          DragIndicator,
+          {
+            ...dragEventListeners,
+            className: cn(
+              "-right-[3px] -top-1 absolute z-50 opacity-0 hover:opacity-100",
+              dragging && "opacity-0"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: rulerIndicatorRef,
+            style: { height: rulerIndicatorHeight },
+            className: cn(
+              "-top-4 pointer-events-none absolute z-50 h-full w-1.5 rounded-full bg-blue-400 shadow-lg outline outline-sky-100",
+              dragging ? "opacity-100" : "opacity-0"
+            ),
+            children: /* @__PURE__ */ jsx("span", { className: "-translate-y-1/2 relative top-8 left-4 z-50 select-none rounded-md border bg-white p-1 font-semibold drop-shadow-md", children: rulerIndicatorToPx() })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: children || alphabetLetter })
+      ]
+    }
+  );
+}
+function IntegerIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("title", { children: "Integer" }),
+        /* @__PURE__ */ jsx("path", { d: "M13.003 7.754a.75.75 0 0 1 .75-.75h5.232a.75.75 0 0 1 .53 1.28l-2.776 2.777c.55.097 1.057.253 1.492.483.905.477 1.504 1.284 1.504 2.418 0 .966-.471 1.75-1.172 2.27-.687.511-1.587.77-2.521.77-1.367 0-2.274-.528-2.667-.756a.75.75 0 0 1 .755-1.297c.331.193.953.553 1.912.553.673 0 1.243-.188 1.627-.473.37-.275.566-.635.566-1.067 0-.5-.219-.836-.703-1.091-.538-.284-1.375-.443-2.471-.443a.75.75 0 0 1-.53-1.28l2.643-2.644h-3.421a.75.75 0 0 1-.75-.75ZM7.88 15.215a1.4 1.4 0 0 0-1.446.83.75.75 0 0 1-1.37-.61 2.899 2.899 0 0 1 2.986-1.71c.589.06 1.139.323 1.557.743.434.446.685 1.058.685 1.778 0 1.641-1.254 2.437-2.12 2.986-.538.341-1.18.694-1.495 1.273H9.75a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75c0-1.799 1.337-2.63 2.243-3.21 1.032-.659 1.55-1.031 1.55-1.8 0-.355-.116-.584-.26-.732a1.071 1.071 0 0 0-.652-.298Zm.234-13.121a.75.75 0 0 1 .386.656V9h1.252a.75.75 0 0 1 0 1.5H5.75a.75.75 0 0 1 0-1.5H7V4.103l-.853.533a.749.749 0 1 1-.795-1.272l2-1.25a.749.749 0 0 1 .762-.02Z" })
+      ]
+    }
+  );
+}
+var $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = Children.toArray(children);
+  const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
+  if (slottable) {
+    const newElement = slottable.props.children;
+    const newChildren = childrenArray.map((child) => {
+      if (child === slottable) {
+        if (Children.count(newElement) > 1)
+          return Children.only(null);
+        return /* @__PURE__ */ isValidElement(newElement) ? newElement.props.children : null;
+      } else
+        return child;
+    });
+    return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, $01b9c$babelruntimehelpersesmextends({}, slotProps, {
+      ref: forwardedRef
+    }), /* @__PURE__ */ isValidElement(newElement) ? /* @__PURE__ */ cloneElement(newElement, void 0, newChildren) : null);
+  }
+  return /* @__PURE__ */ createElement($5e63c961fc1ce211$var$SlotClone, $01b9c$babelruntimehelpersesmextends({}, slotProps, {
+    ref: forwardedRef
+  }), children);
+});
+$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
+var $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (/* @__PURE__ */ isValidElement(children))
+    return /* @__PURE__ */ cloneElement(children, {
+      ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
+      ref: forwardedRef ? composeRefs(forwardedRef, children.ref) : children.ref
+    });
+  return Children.count(children) > 1 ? Children.only(null) : null;
+});
+$5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
+var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
+  return /* @__PURE__ */ createElement(Fragment, null, children);
+};
+function $5e63c961fc1ce211$var$isSlottable(child) {
+  return /* @__PURE__ */ isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
+}
+function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
+  const overrideProps = {
+    ...childProps
+  };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue)
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      else if (slotPropValue)
+        overrideProps[propName] = slotPropValue;
+    } else if (propName === "style")
+      overrideProps[propName] = {
+        ...slotPropValue,
+        ...childPropValue
+      };
+    else if (propName === "className")
+      overrideProps[propName] = [
+        slotPropValue,
+        childPropValue
+      ].filter(Boolean).join(" ");
+  }
+  return {
+    ...slotProps,
+    ...overrideProps
+  };
+}
+var [$a093c7e1ec25a057$var$createTooltipContext, $a093c7e1ec25a057$export$1c540a2224f0d865] = createContextScope("Tooltip", [
+  createPopperScope
+]);
+var $a093c7e1ec25a057$var$usePopperScope = createPopperScope();
+var $a093c7e1ec25a057$var$PROVIDER_NAME = "TooltipProvider";
+var $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION = 700;
+var $a093c7e1ec25a057$var$TOOLTIP_OPEN = "tooltip.open";
+var [$a093c7e1ec25a057$var$TooltipProviderContextProvider, $a093c7e1ec25a057$var$useTooltipProviderContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PROVIDER_NAME);
+var $a093c7e1ec25a057$export$f78649fb9ca566b8 = (props) => {
+  const { __scopeTooltip, delayDuration = $a093c7e1ec25a057$var$DEFAULT_DELAY_DURATION, skipDelayDuration = 300, disableHoverableContent = false, children } = props;
+  const [isOpenDelayed, setIsOpenDelayed] = useState(true);
+  const isPointerInTransitRef = useRef(false);
+  const skipDelayTimerRef = useRef(0);
+  useEffect(() => {
+    const skipDelayTimer = skipDelayTimerRef.current;
+    return () => window.clearTimeout(skipDelayTimer);
+  }, []);
+  return /* @__PURE__ */ createElement($a093c7e1ec25a057$var$TooltipProviderContextProvider, {
+    scope: __scopeTooltip,
+    isOpenDelayed,
+    delayDuration,
+    onOpen: useCallback(() => {
+      window.clearTimeout(skipDelayTimerRef.current);
+      setIsOpenDelayed(false);
+    }, []),
+    onClose: useCallback(() => {
+      window.clearTimeout(skipDelayTimerRef.current);
+      skipDelayTimerRef.current = window.setTimeout(
+        () => setIsOpenDelayed(true),
+        skipDelayDuration
+      );
+    }, [
+      skipDelayDuration
+    ]),
+    isPointerInTransitRef,
+    onPointerInTransitChange: useCallback((inTransit) => {
+      isPointerInTransitRef.current = inTransit;
+    }, []),
+    disableHoverableContent
+  }, children);
+};
+var $a093c7e1ec25a057$var$TOOLTIP_NAME = "Tooltip";
+var [$a093c7e1ec25a057$var$TooltipContextProvider, $a093c7e1ec25a057$var$useTooltipContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME);
+var $a093c7e1ec25a057$export$28c660c63b792dea = (props) => {
+  const { __scopeTooltip, children, open: openProp, defaultOpen = false, onOpenChange, disableHoverableContent: disableHoverableContentProp, delayDuration: delayDurationProp } = props;
+  const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TOOLTIP_NAME, props.__scopeTooltip);
+  const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+  const [trigger, setTrigger] = useState(null);
+  const contentId = useId();
+  const openTimerRef = useRef(0);
+  const disableHoverableContent = disableHoverableContentProp !== null && disableHoverableContentProp !== void 0 ? disableHoverableContentProp : providerContext.disableHoverableContent;
+  const delayDuration = delayDurationProp !== null && delayDurationProp !== void 0 ? delayDurationProp : providerContext.delayDuration;
+  const wasOpenDelayedRef = useRef(false);
+  const [open1 = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: (open) => {
+      if (open) {
+        providerContext.onOpen();
+        document.dispatchEvent(new CustomEvent($a093c7e1ec25a057$var$TOOLTIP_OPEN));
+      } else
+        providerContext.onClose();
+      onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+    }
+  });
+  const stateAttribute = useMemo$1(() => {
+    return open1 ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
+  }, [
+    open1
+  ]);
+  const handleOpen = useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    wasOpenDelayedRef.current = false;
+    setOpen(true);
+  }, [
+    setOpen
+  ]);
+  const handleClose = useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    setOpen(false);
+  }, [
+    setOpen
+  ]);
+  const handleDelayedOpen = useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    openTimerRef.current = window.setTimeout(() => {
+      wasOpenDelayedRef.current = true;
+      setOpen(true);
+    }, delayDuration);
+  }, [
+    delayDuration,
+    setOpen
+  ]);
+  useEffect(() => {
+    return () => window.clearTimeout(openTimerRef.current);
+  }, []);
+  return /* @__PURE__ */ createElement(Root$3, popperScope, /* @__PURE__ */ createElement($a093c7e1ec25a057$var$TooltipContextProvider, {
+    scope: __scopeTooltip,
+    contentId,
+    open: open1,
+    stateAttribute,
+    trigger,
+    onTriggerChange: setTrigger,
+    onTriggerEnter: useCallback(() => {
+      if (providerContext.isOpenDelayed)
+        handleDelayedOpen();
+      else
+        handleOpen();
+    }, [
+      providerContext.isOpenDelayed,
+      handleDelayedOpen,
+      handleOpen
+    ]),
+    onTriggerLeave: useCallback(() => {
+      if (disableHoverableContent)
+        handleClose();
+      else
+        window.clearTimeout(openTimerRef.current);
+    }, [
+      handleClose,
+      disableHoverableContent
+    ]),
+    onOpen: handleOpen,
+    onClose: handleClose,
+    disableHoverableContent
+  }, children));
+};
+var $a093c7e1ec25a057$var$TRIGGER_NAME = "TooltipTrigger";
+var $a093c7e1ec25a057$export$8c610744efcf8a1d = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeTooltip, ...triggerProps } = props;
+  const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
+  const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
+  const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+  const ref = useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
+  const isPointerDownRef = useRef(false);
+  const hasPointerMoveOpenedRef = useRef(false);
+  const handlePointerUp = useCallback(
+    () => isPointerDownRef.current = false,
+    []
+  );
+  useEffect(() => {
+    return () => document.removeEventListener("pointerup", handlePointerUp);
+  }, [
+    handlePointerUp
+  ]);
+  return /* @__PURE__ */ createElement(Anchor, $01b9c$babelruntimehelpersesmextends({
+    asChild: true
+  }, popperScope), /* @__PURE__ */ createElement(Primitive.button, $01b9c$babelruntimehelpersesmextends({
+    // We purposefully avoid adding `type=button` here because tooltip triggers are also
+    // commonly anchors and the anchor `type` attribute signifies MIME type.
+    "aria-describedby": context.open ? context.contentId : void 0,
+    "data-state": context.stateAttribute
+  }, triggerProps, {
+    ref: composedRefs,
+    onPointerMove: composeEventHandlers(props.onPointerMove, (event) => {
+      if (event.pointerType === "touch")
+        return;
+      if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
+        context.onTriggerEnter();
+        hasPointerMoveOpenedRef.current = true;
+      }
+    }),
+    onPointerLeave: composeEventHandlers(props.onPointerLeave, () => {
+      context.onTriggerLeave();
+      hasPointerMoveOpenedRef.current = false;
+    }),
+    onPointerDown: composeEventHandlers(props.onPointerDown, () => {
+      isPointerDownRef.current = true;
+      document.addEventListener("pointerup", handlePointerUp, {
+        once: true
+      });
+    }),
+    onFocus: composeEventHandlers(props.onFocus, () => {
+      if (!isPointerDownRef.current)
+        context.onOpen();
+    }),
+    onBlur: composeEventHandlers(props.onBlur, context.onClose),
+    onClick: composeEventHandlers(props.onClick, context.onClose)
+  })));
+});
+var $a093c7e1ec25a057$var$PORTAL_NAME = "TooltipPortal";
+var [$a093c7e1ec25a057$var$PortalProvider, $a093c7e1ec25a057$var$usePortalContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$PORTAL_NAME, {
+  forceMount: void 0
+});
+var $a093c7e1ec25a057$var$CONTENT_NAME = "TooltipContent";
+var $a093c7e1ec25a057$export$e9003e2be37ec060 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const portalContext = $a093c7e1ec25a057$var$usePortalContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
+  const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
+  const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
+  return /* @__PURE__ */ createElement(Presence, {
+    present: forceMount || context.open
+  }, context.disableHoverableContent ? /* @__PURE__ */ createElement($a093c7e1ec25a057$var$TooltipContentImpl, $01b9c$babelruntimehelpersesmextends({
+    side
+  }, contentProps, {
+    ref: forwardedRef
+  })) : /* @__PURE__ */ createElement($a093c7e1ec25a057$var$TooltipContentHoverable, $01b9c$babelruntimehelpersesmextends({
+    side
+  }, contentProps, {
+    ref: forwardedRef
+  })));
+});
+var $a093c7e1ec25a057$var$TooltipContentHoverable = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
+  const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
+  const ref = useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const [pointerGraceArea, setPointerGraceArea] = useState(null);
+  const { trigger, onClose } = context;
+  const content = ref.current;
+  const { onPointerInTransitChange } = providerContext;
+  const handleRemoveGraceArea = useCallback(() => {
+    setPointerGraceArea(null);
+    onPointerInTransitChange(false);
+  }, [
+    onPointerInTransitChange
+  ]);
+  const handleCreateGraceArea = useCallback((event, hoverTarget) => {
+    const currentTarget = event.currentTarget;
+    const exitPoint = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    const exitSide = $a093c7e1ec25a057$var$getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
+    const paddedExitPoints = $a093c7e1ec25a057$var$getPaddedExitPoints(exitPoint, exitSide);
+    const hoverTargetPoints = $a093c7e1ec25a057$var$getPointsFromRect(hoverTarget.getBoundingClientRect());
+    const graceArea = $a093c7e1ec25a057$var$getHull([
+      ...paddedExitPoints,
+      ...hoverTargetPoints
+    ]);
+    setPointerGraceArea(graceArea);
+    onPointerInTransitChange(true);
+  }, [
+    onPointerInTransitChange
+  ]);
+  useEffect(() => {
+    return () => handleRemoveGraceArea();
+  }, [
+    handleRemoveGraceArea
+  ]);
+  useEffect(() => {
+    if (trigger && content) {
+      const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
+      const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
+      trigger.addEventListener("pointerleave", handleTriggerLeave);
+      content.addEventListener("pointerleave", handleContentLeave);
+      return () => {
+        trigger.removeEventListener("pointerleave", handleTriggerLeave);
+        content.removeEventListener("pointerleave", handleContentLeave);
+      };
+    }
+  }, [
+    trigger,
+    content,
+    handleCreateGraceArea,
+    handleRemoveGraceArea
+  ]);
+  useEffect(() => {
+    if (pointerGraceArea) {
+      const handleTrackPointerGrace = (event) => {
+        const target = event.target;
+        const pointerPosition = {
+          x: event.clientX,
+          y: event.clientY
+        };
+        const hasEnteredTarget = (trigger === null || trigger === void 0 ? void 0 : trigger.contains(target)) || (content === null || content === void 0 ? void 0 : content.contains(target));
+        const isPointerOutsideGraceArea = !$a093c7e1ec25a057$var$isPointInPolygon(pointerPosition, pointerGraceArea);
+        if (hasEnteredTarget)
+          handleRemoveGraceArea();
+        else if (isPointerOutsideGraceArea) {
+          handleRemoveGraceArea();
+          onClose();
+        }
+      };
+      document.addEventListener("pointermove", handleTrackPointerGrace);
+      return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
+    }
+  }, [
+    trigger,
+    content,
+    pointerGraceArea,
+    onClose,
+    handleRemoveGraceArea
+  ]);
+  return /* @__PURE__ */ createElement($a093c7e1ec25a057$var$TooltipContentImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+    ref: composedRefs
+  }));
+});
+var [$a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, $a093c7e1ec25a057$var$useVisuallyHiddenContentContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME, {
+  isInside: false
+});
+var $a093c7e1ec25a057$var$TooltipContentImpl = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeTooltip, children, "aria-label": ariaLabel, onEscapeKeyDown, onPointerDownOutside, ...contentProps } = props;
+  const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, __scopeTooltip);
+  const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
+  const { onClose } = context;
+  useEffect(() => {
+    document.addEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose);
+    return () => document.removeEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose);
+  }, [
+    onClose
+  ]);
+  useEffect(() => {
+    if (context.trigger) {
+      const handleScroll = (event) => {
+        const target = event.target;
+        if (target !== null && target !== void 0 && target.contains(context.trigger))
+          onClose();
+      };
+      window.addEventListener("scroll", handleScroll, {
+        capture: true
+      });
+      return () => window.removeEventListener("scroll", handleScroll, {
+        capture: true
+      });
+    }
+  }, [
+    context.trigger,
+    onClose
+  ]);
+  return /* @__PURE__ */ createElement(DismissableLayer, {
+    asChild: true,
+    disableOutsidePointerEvents: false,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside: (event) => event.preventDefault(),
+    onDismiss: onClose
+  }, /* @__PURE__ */ createElement(Content, $01b9c$babelruntimehelpersesmextends({
+    "data-state": context.stateAttribute
+  }, popperScope, contentProps, {
+    ref: forwardedRef,
+    style: {
+      ...contentProps.style,
+      "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  }), /* @__PURE__ */ createElement($5e63c961fc1ce211$export$d9f1ccf0bdb05d45, null, children), /* @__PURE__ */ createElement($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, {
+    scope: __scopeTooltip,
+    isInside: true
+  }, /* @__PURE__ */ createElement(Root$1, {
+    id: context.contentId,
+    role: "tooltip"
+  }, ariaLabel || children))));
+});
+function $a093c7e1ec25a057$var$getExitSideFromRect(point, rect) {
+  const top = Math.abs(rect.top - point.y);
+  const bottom = Math.abs(rect.bottom - point.y);
+  const right = Math.abs(rect.right - point.x);
+  const left = Math.abs(rect.left - point.x);
+  switch (Math.min(top, bottom, right, left)) {
+    case left:
+      return "left";
+    case right:
+      return "right";
+    case top:
+      return "top";
+    case bottom:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function $a093c7e1ec25a057$var$getPaddedExitPoints(exitPoint, exitSide, padding = 5) {
+  const paddedExitPoints = [];
+  switch (exitSide) {
+    case "top":
+      paddedExitPoints.push({
+        x: exitPoint.x - padding,
+        y: exitPoint.y + padding
+      }, {
+        x: exitPoint.x + padding,
+        y: exitPoint.y + padding
+      });
+      break;
+    case "bottom":
+      paddedExitPoints.push({
+        x: exitPoint.x - padding,
+        y: exitPoint.y - padding
+      }, {
+        x: exitPoint.x + padding,
+        y: exitPoint.y - padding
+      });
+      break;
+    case "left":
+      paddedExitPoints.push({
+        x: exitPoint.x + padding,
+        y: exitPoint.y - padding
+      }, {
+        x: exitPoint.x + padding,
+        y: exitPoint.y + padding
+      });
+      break;
+    case "right":
+      paddedExitPoints.push({
+        x: exitPoint.x - padding,
+        y: exitPoint.y - padding
+      }, {
+        x: exitPoint.x - padding,
+        y: exitPoint.y + padding
+      });
+      break;
+  }
+  return paddedExitPoints;
+}
+function $a093c7e1ec25a057$var$getPointsFromRect(rect) {
+  const { top, right, bottom, left } = rect;
+  return [
+    {
+      x: left,
+      y: top
+    },
+    {
+      x: right,
+      y: top
+    },
+    {
+      x: right,
+      y: bottom
+    },
+    {
+      x: left,
+      y: bottom
+    }
+  ];
+}
+function $a093c7e1ec25a057$var$isPointInPolygon(point, polygon) {
+  const { x, y } = point;
+  let inside = false;
+  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+    const xi = polygon[i].x;
+    const yi = polygon[i].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
+    const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
+    if (intersect)
+      inside = !inside;
+  }
+  return inside;
+}
+function $a093c7e1ec25a057$var$getHull(points) {
+  const newPoints = points.slice();
+  newPoints.sort((a, b) => {
+    if (a.x < b.x)
+      return -1;
+    else if (a.x > b.x)
+      return 1;
+    else if (a.y < b.y)
+      return -1;
+    else if (a.y > b.y)
+      return 1;
+    else
+      return 0;
+  });
+  return $a093c7e1ec25a057$var$getHullPresorted(newPoints);
+}
+function $a093c7e1ec25a057$var$getHullPresorted(points) {
+  if (points.length <= 1)
+    return points.slice();
+  const upperHull = [];
+  for (let i = 0; i < points.length; i++) {
+    const p = points[i];
+    while (upperHull.length >= 2) {
+      const q = upperHull[upperHull.length - 1];
+      const r = upperHull[upperHull.length - 2];
+      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
+        upperHull.pop();
+      else
+        break;
+    }
+    upperHull.push(p);
+  }
+  upperHull.pop();
+  const lowerHull = [];
+  for (let i1 = points.length - 1; i1 >= 0; i1--) {
+    const p = points[i1];
+    while (lowerHull.length >= 2) {
+      const q = lowerHull[lowerHull.length - 1];
+      const r = lowerHull[lowerHull.length - 2];
+      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
+        lowerHull.pop();
+      else
+        break;
+    }
+    lowerHull.push(p);
+  }
+  lowerHull.pop();
+  if (upperHull.length === 1 && lowerHull.length === 1 && upperHull[0].x === lowerHull[0].x && upperHull[0].y === lowerHull[0].y)
+    return upperHull;
+  else
+    return upperHull.concat(lowerHull);
+}
+var $a093c7e1ec25a057$export$2881499e37b75b9a = $a093c7e1ec25a057$export$f78649fb9ca566b8;
+var $a093c7e1ec25a057$export$be92b6f5f03c0fe9 = $a093c7e1ec25a057$export$28c660c63b792dea;
+var $a093c7e1ec25a057$export$41fb9f06171c75f4 = $a093c7e1ec25a057$export$8c610744efcf8a1d;
+var $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003e2be37ec060;
+var TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
+var Tooltip = $a093c7e1ec25a057$export$be92b6f5f03c0fe9;
+var TooltipTrigger = $a093c7e1ec25a057$export$41fb9f06171c75f4;
+var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  $a093c7e1ec25a057$export$7c6e2c02157bb7d2,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = $a093c7e1ec25a057$export$7c6e2c02157bb7d2.displayName;
+function ColumnTitleIndicator({ column }) {
+  const { width, name, visible, dataEditorType, description } = column;
+  if (!visible)
+    return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex h-9 w-32 shrink-0 items-center border border-t-0 border-l-0 bg-[#F6F6F9] px-2",
+      style: {
+        width,
+        height: COLUMN_TITLE_INITIAL_HEIGHT
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mr-2 w-4 shrink-0 text-[#8E8EA9]", children: [
+          dataEditorType === "String" && /* @__PURE__ */ jsx(TextIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Date" && /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Boolean" && /* @__PURE__ */ jsx(CopyCheckIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Select" && /* @__PURE__ */ jsx(ListTodoIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Float" && /* @__PURE__ */ jsx(DivideIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Decimal" && /* @__PURE__ */ jsx(DivideIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Integer" && /* @__PURE__ */ jsx(IntegerIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Currency" && /* @__PURE__ */ jsx(DollarSignIcon, { className: "h-4 w-4" }),
+          dataEditorType === "Percentage" && /* @__PURE__ */ jsx(PercentIcon, { className: "h-4 w-4" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            title: name,
+            className: "mr-2 line-clamp-2 w-full break-words font-semibold text-[#4A4A6A] text-xs",
+            children: name
+          }
+        ),
+        description ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 100, children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(QuestionMarkCircledIcon, { className: "h-4 w-4 text-[#4A4A6A]" }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-[240px]", children: /* @__PURE__ */ jsx("p", { children: description }) })
+        ] }) }) : /* @__PURE__ */ jsx("div", { className: "w-4 shrink-0" })
+      ]
+    }
+  );
+}
+function CornerIndicator({ className }) {
+  const { emptySize, onSelectSpreadsheet } = useSpreadsheet();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: emptySize,
+      className: cn(
+        "relative flex h-7 w-12 shrink-0 items-center justify-center border border-t border-l bg-white text-xs",
+        className
+      ),
+      onClick: onSelectSpreadsheet,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute top-0 right-0 h-full w-0.5 bg-gray-300" }),
+        /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 h-0.5 w-full bg-gray-300" })
+      ]
+    }
+  );
+}
+function Header() {
+  const { columns } = useSpreadsheet();
+  return /* @__PURE__ */ jsxs("div", { className: "sticky top-[58px] z-50", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex items-center bg-white", children: [
+      /* @__PURE__ */ jsx(CornerIndicator, { className: "border-t-0 border-l-0" }),
+      columns.map((column) => /* @__PURE__ */ jsx(
+        ColumnIndicator,
+        {
+          column
+        },
+        `spreadsheet__column__indicator__key__${column.name}__${column.position}`
+      ))
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-9 w-12 shrink-0 cursor-default border border-t-0 border-l-0 bg-[#F6F6F9]" }),
+      columns.map((column) => /* @__PURE__ */ jsx(
+        ColumnTitleIndicator,
+        {
+          column
+        },
+        `spreadsheet__column__header__key__${column.name}__${column.position}`
+      ))
+    ] })
+  ] });
+}
+var $cc7e05a45900e73f$var$OPEN_KEYS = [
+  " ",
+  "Enter",
+  "ArrowUp",
+  "ArrowDown"
+];
+var $cc7e05a45900e73f$var$SELECTION_KEYS = [
+  " ",
+  "Enter"
+];
+var $cc7e05a45900e73f$var$SELECT_NAME = "Select";
+var [$cc7e05a45900e73f$var$Collection, $cc7e05a45900e73f$var$useCollection, $cc7e05a45900e73f$var$createCollectionScope] = createCollection($cc7e05a45900e73f$var$SELECT_NAME);
+var [$cc7e05a45900e73f$var$createSelectContext, $cc7e05a45900e73f$export$286727a75dc039bd] = createContextScope($cc7e05a45900e73f$var$SELECT_NAME, [
+  $cc7e05a45900e73f$var$createCollectionScope,
+  createPopperScope
+]);
+var $cc7e05a45900e73f$var$usePopperScope = createPopperScope();
+var [$cc7e05a45900e73f$var$SelectProvider, $cc7e05a45900e73f$var$useSelectContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
+var [$cc7e05a45900e73f$var$SelectNativeOptionsProvider, $cc7e05a45900e73f$var$useSelectNativeOptionsContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
+var $cc7e05a45900e73f$export$ef9b1a59e592288f = (props) => {
+  const { __scopeSelect, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, dir, name, autoComplete, disabled, required } = props;
+  const popperScope = $cc7e05a45900e73f$var$usePopperScope(__scopeSelect);
+  const [trigger, setTrigger] = useState(null);
+  const [valueNode, setValueNode] = useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = useState(false);
+  const direction = useDirection(dir);
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const triggerPointerDownPosRef = useRef(null);
+  const isFormControl = trigger ? Boolean(trigger.closest("form")) : true;
+  const [nativeOptionsSet, setNativeOptionsSet] = useState(/* @__PURE__ */ new Set());
+  const nativeSelectKey = Array.from(nativeOptionsSet).map(
+    (option) => option.props.value
+  ).join(";");
+  return /* @__PURE__ */ createElement(Root$3, popperScope, /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectProvider, {
+    required,
+    scope: __scopeSelect,
+    trigger,
+    onTriggerChange: setTrigger,
+    valueNode,
+    onValueNodeChange: setValueNode,
+    valueNodeHasChildren,
+    onValueNodeHasChildrenChange: setValueNodeHasChildren,
+    contentId: useId(),
+    value,
+    onValueChange: setValue,
+    open,
+    onOpenChange: setOpen,
+    dir: direction,
+    triggerPointerDownPosRef,
+    disabled
+  }, /* @__PURE__ */ createElement($cc7e05a45900e73f$var$Collection.Provider, {
+    scope: __scopeSelect
+  }, /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectNativeOptionsProvider, {
+    scope: props.__scopeSelect,
+    onNativeOptionAdd: useCallback((option) => {
+      setNativeOptionsSet(
+        (prev) => new Set(prev).add(option)
+      );
+    }, []),
+    onNativeOptionRemove: useCallback((option) => {
+      setNativeOptionsSet((prev) => {
+        const optionsSet = new Set(prev);
+        optionsSet.delete(option);
+        return optionsSet;
+      });
+    }, [])
+  }, children)), isFormControl ? /* @__PURE__ */ createElement($cc7e05a45900e73f$var$BubbleSelect, {
+    key: nativeSelectKey,
+    "aria-hidden": true,
+    required,
+    tabIndex: -1,
+    name,
+    autoComplete,
+    value,
+    onChange: (event) => setValue(event.target.value),
+    disabled
+  }, value === void 0 ? /* @__PURE__ */ createElement("option", {
+    value: ""
+  }) : null, Array.from(nativeOptionsSet)) : null));
+};
+var $cc7e05a45900e73f$var$TRIGGER_NAME = "SelectTrigger";
+var $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, disabled = false, ...triggerProps } = props;
+  const popperScope = $cc7e05a45900e73f$var$usePopperScope(__scopeSelect);
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$TRIGGER_NAME, __scopeSelect);
+  const isDisabled = context.disabled || disabled;
+  const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
+  const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+  const [searchRef, handleTypeaheadSearch, resetTypeahead] = $cc7e05a45900e73f$var$useTypeaheadSearch((search) => {
+    const enabledItems = getItems().filter(
+      (item) => !item.disabled
+    );
+    const currentItem = enabledItems.find(
+      (item) => item.value === context.value
+    );
+    const nextItem = $cc7e05a45900e73f$var$findNextItem(enabledItems, search, currentItem);
+    if (nextItem !== void 0)
+      context.onValueChange(nextItem.value);
+  });
+  const handleOpen = () => {
+    if (!isDisabled) {
+      context.onOpenChange(true);
+      resetTypeahead();
+    }
+  };
+  return /* @__PURE__ */ createElement(Anchor, $01b9c$babelruntimehelpersesmextends({
+    asChild: true
+  }, popperScope), /* @__PURE__ */ createElement(Primitive.button, $01b9c$babelruntimehelpersesmextends({
+    type: "button",
+    role: "combobox",
+    "aria-controls": context.contentId,
+    "aria-expanded": context.open,
+    "aria-required": context.required,
+    "aria-autocomplete": "none",
+    dir: context.dir,
+    "data-state": context.open ? "open" : "closed",
+    disabled: isDisabled,
+    "data-disabled": isDisabled ? "" : void 0,
+    "data-placeholder": $cc7e05a45900e73f$var$shouldShowPlaceholder(context.value) ? "" : void 0
+  }, triggerProps, {
+    ref: composedRefs,
+    onClick: composeEventHandlers(triggerProps.onClick, (event) => {
+      event.currentTarget.focus();
+    }),
+    onPointerDown: composeEventHandlers(triggerProps.onPointerDown, (event) => {
+      const target = event.target;
+      if (target.hasPointerCapture(event.pointerId))
+        target.releasePointerCapture(event.pointerId);
+      if (event.button === 0 && event.ctrlKey === false) {
+        handleOpen();
+        context.triggerPointerDownPosRef.current = {
+          x: Math.round(event.pageX),
+          y: Math.round(event.pageY)
+        };
+        event.preventDefault();
+      }
+    }),
+    onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event) => {
+      const isTypingAhead = searchRef.current !== "";
+      const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
+      if (!isModifierKey && event.key.length === 1)
+        handleTypeaheadSearch(event.key);
+      if (isTypingAhead && event.key === " ")
+        return;
+      if ($cc7e05a45900e73f$var$OPEN_KEYS.includes(event.key)) {
+        handleOpen();
+        event.preventDefault();
+      }
+    })
+  })));
+});
+var $cc7e05a45900e73f$var$VALUE_NAME = "SelectValue";
+var $cc7e05a45900e73f$export$e288731fd71264f0 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$VALUE_NAME, __scopeSelect);
+  const { onValueNodeHasChildrenChange } = context;
+  const hasChildren = children !== void 0;
+  const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
+  useLayoutEffect(() => {
+    onValueNodeHasChildrenChange(hasChildren);
+  }, [
+    onValueNodeHasChildrenChange,
+    hasChildren
+  ]);
+  return /* @__PURE__ */ createElement(Primitive.span, $01b9c$babelruntimehelpersesmextends({}, valueProps, {
+    ref: composedRefs,
+    style: {
+      pointerEvents: "none"
+    }
+  }), $cc7e05a45900e73f$var$shouldShowPlaceholder(context.value) ? /* @__PURE__ */ createElement(Fragment, null, placeholder) : children);
+});
+var $cc7e05a45900e73f$export$99b400cabb58c515 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, children, ...iconProps } = props;
+  return /* @__PURE__ */ createElement(Primitive.span, $01b9c$babelruntimehelpersesmextends({
+    "aria-hidden": true
+  }, iconProps, {
+    ref: forwardedRef
+  }), children || "\u25BC");
+});
+var $cc7e05a45900e73f$export$b2af6c9944296213 = (props) => {
+  return /* @__PURE__ */ createElement(Portal, $01b9c$babelruntimehelpersesmextends({
+    asChild: true
+  }, props));
+};
+var $cc7e05a45900e73f$var$CONTENT_NAME = "SelectContent";
+var $cc7e05a45900e73f$export$c973a4b3cb86a03d = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, props.__scopeSelect);
+  const [fragment, setFragment] = useState();
+  useLayoutEffect(() => {
+    setFragment(new DocumentFragment());
+  }, []);
+  if (!context.open) {
+    const frag = fragment;
+    return frag ? /* @__PURE__ */ createPortal(/* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectContentProvider, {
+      scope: props.__scopeSelect
+    }, /* @__PURE__ */ createElement($cc7e05a45900e73f$var$Collection.Slot, {
+      scope: props.__scopeSelect
+    }, /* @__PURE__ */ createElement("div", null, props.children))), frag) : null;
+  }
+  return /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectContentImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+    ref: forwardedRef
+  }));
+});
+var $cc7e05a45900e73f$var$CONTENT_MARGIN = 10;
+var [$cc7e05a45900e73f$var$SelectContentProvider, $cc7e05a45900e73f$var$useSelectContentContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME);
+var $cc7e05a45900e73f$var$SelectContentImpl = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const {
+    __scopeSelect,
+    position = "item-aligned",
+    onCloseAutoFocus,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    arrowPadding,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    hideWhenDetached,
+    avoidCollisions,
+    //
+    ...contentProps
+  } = props;
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, __scopeSelect);
+  const [content, setContent] = useState(null);
+  const [viewport, setViewport] = useState(null);
+  const composedRefs = useComposedRefs(
+    forwardedRef,
+    (node) => setContent(node)
+  );
+  const [selectedItem, setSelectedItem] = useState(null);
+  const [selectedItemText, setSelectedItemText] = useState(null);
+  const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+  const [isPositioned, setIsPositioned] = useState(false);
+  const firstValidItemFoundRef = useRef(false);
+  useEffect(() => {
+    if (content)
+      return hideOthers(content);
+  }, [
+    content
+  ]);
+  useFocusGuards();
+  const focusFirst = useCallback((candidates) => {
+    const [firstItem, ...restItems] = getItems().map(
+      (item) => item.ref.current
+    );
+    const [lastItem] = restItems.slice(-1);
+    const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+    for (const candidate of candidates) {
+      if (candidate === PREVIOUSLY_FOCUSED_ELEMENT)
+        return;
+      candidate === null || candidate === void 0 || candidate.scrollIntoView({
+        block: "nearest"
+      });
+      if (candidate === firstItem && viewport)
+        viewport.scrollTop = 0;
+      if (candidate === lastItem && viewport)
+        viewport.scrollTop = viewport.scrollHeight;
+      candidate === null || candidate === void 0 || candidate.focus();
+      if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)
+        return;
+    }
+  }, [
+    getItems,
+    viewport
+  ]);
+  const focusSelectedItem = useCallback(
+    () => focusFirst([
+      selectedItem,
+      content
+    ]),
+    [
+      focusFirst,
+      selectedItem,
+      content
+    ]
+  );
+  useEffect(() => {
+    if (isPositioned)
+      focusSelectedItem();
+  }, [
+    isPositioned,
+    focusSelectedItem
+  ]);
+  const { onOpenChange, triggerPointerDownPosRef } = context;
+  useEffect(() => {
+    if (content) {
+      let pointerMoveDelta = {
+        x: 0,
+        y: 0
+      };
+      const handlePointerMove = (event) => {
+        var _triggerPointerDownPo, _triggerPointerDownPo2, _triggerPointerDownPo3, _triggerPointerDownPo4;
+        pointerMoveDelta = {
+          x: Math.abs(Math.round(event.pageX) - ((_triggerPointerDownPo = (_triggerPointerDownPo2 = triggerPointerDownPosRef.current) === null || _triggerPointerDownPo2 === void 0 ? void 0 : _triggerPointerDownPo2.x) !== null && _triggerPointerDownPo !== void 0 ? _triggerPointerDownPo : 0)),
+          y: Math.abs(Math.round(event.pageY) - ((_triggerPointerDownPo3 = (_triggerPointerDownPo4 = triggerPointerDownPosRef.current) === null || _triggerPointerDownPo4 === void 0 ? void 0 : _triggerPointerDownPo4.y) !== null && _triggerPointerDownPo3 !== void 0 ? _triggerPointerDownPo3 : 0))
+        };
+      };
+      const handlePointerUp = (event) => {
+        if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10)
+          event.preventDefault();
+        else if (!content.contains(event.target))
+          onOpenChange(false);
+        document.removeEventListener("pointermove", handlePointerMove);
+        triggerPointerDownPosRef.current = null;
+      };
+      if (triggerPointerDownPosRef.current !== null) {
+        document.addEventListener("pointermove", handlePointerMove);
+        document.addEventListener("pointerup", handlePointerUp, {
+          capture: true,
+          once: true
+        });
+      }
+      return () => {
+        document.removeEventListener("pointermove", handlePointerMove);
+        document.removeEventListener("pointerup", handlePointerUp, {
+          capture: true
+        });
+      };
+    }
+  }, [
+    content,
+    onOpenChange,
+    triggerPointerDownPosRef
+  ]);
+  useEffect(() => {
+    const close = () => onOpenChange(false);
+    window.addEventListener("blur", close);
+    window.addEventListener("resize", close);
+    return () => {
+      window.removeEventListener("blur", close);
+      window.removeEventListener("resize", close);
+    };
+  }, [
+    onOpenChange
+  ]);
+  const [searchRef, handleTypeaheadSearch] = $cc7e05a45900e73f$var$useTypeaheadSearch((search) => {
+    const enabledItems = getItems().filter(
+      (item) => !item.disabled
+    );
+    const currentItem = enabledItems.find(
+      (item) => item.ref.current === document.activeElement
+    );
+    const nextItem = $cc7e05a45900e73f$var$findNextItem(enabledItems, search, currentItem);
+    if (nextItem)
+      setTimeout(
+        () => nextItem.ref.current.focus()
+      );
+  });
+  const itemRefCallback = useCallback((node, value, disabled) => {
+    const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
+    const isSelectedItem = context.value !== void 0 && context.value === value;
+    if (isSelectedItem || isFirstValidItem) {
+      setSelectedItem(node);
+      if (isFirstValidItem)
+        firstValidItemFoundRef.current = true;
+    }
+  }, [
+    context.value
+  ]);
+  const handleItemLeave = useCallback(
+    () => content === null || content === void 0 ? void 0 : content.focus(),
+    [
+      content
+    ]
+  );
+  const itemTextRefCallback = useCallback((node, value, disabled) => {
+    const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
+    const isSelectedItem = context.value !== void 0 && context.value === value;
+    if (isSelectedItem || isFirstValidItem)
+      setSelectedItemText(node);
+  }, [
+    context.value
+  ]);
+  const SelectPosition = position === "popper" ? $cc7e05a45900e73f$var$SelectPopperPosition : $cc7e05a45900e73f$var$SelectItemAlignedPosition;
+  const popperContentProps = SelectPosition === $cc7e05a45900e73f$var$SelectPopperPosition ? {
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    arrowPadding,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    hideWhenDetached,
+    avoidCollisions
+  } : {};
+  return /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectContentProvider, {
+    scope: __scopeSelect,
+    content,
+    viewport,
+    onViewportChange: setViewport,
+    itemRefCallback,
+    selectedItem,
+    onItemLeave: handleItemLeave,
+    itemTextRefCallback,
+    focusSelectedItem,
+    selectedItemText,
+    position,
+    isPositioned,
+    searchRef
+  }, /* @__PURE__ */ createElement(RemoveScroll, {
+    as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
+    allowPinchZoom: true
+  }, /* @__PURE__ */ createElement(FocusScope, {
+    asChild: true,
+    trapped: context.open,
+    onMountAutoFocus: (event) => {
+      event.preventDefault();
+    },
+    onUnmountAutoFocus: composeEventHandlers(onCloseAutoFocus, (event) => {
+      var _context$trigger;
+      (_context$trigger = context.trigger) === null || _context$trigger === void 0 || _context$trigger.focus({
+        preventScroll: true
+      });
+      event.preventDefault();
+    })
+  }, /* @__PURE__ */ createElement(DismissableLayer, {
+    asChild: true,
+    disableOutsidePointerEvents: true,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside: (event) => event.preventDefault(),
+    onDismiss: () => context.onOpenChange(false)
+  }, /* @__PURE__ */ createElement(SelectPosition, $01b9c$babelruntimehelpersesmextends({
+    role: "listbox",
+    id: context.contentId,
+    "data-state": context.open ? "open" : "closed",
+    dir: context.dir,
+    onContextMenu: (event) => event.preventDefault()
+  }, contentProps, popperContentProps, {
+    onPlaced: () => setIsPositioned(true),
+    ref: composedRefs,
+    style: {
+      // flex layout so we can place the scroll buttons properly
+      display: "flex",
+      flexDirection: "column",
+      // reset the outline by default as the content MAY get focused
+      outline: "none",
+      ...contentProps.style
+    },
+    onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event) => {
+      const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
+      if (event.key === "Tab")
+        event.preventDefault();
+      if (!isModifierKey && event.key.length === 1)
+        handleTypeaheadSearch(event.key);
+      if ([
+        "ArrowUp",
+        "ArrowDown",
+        "Home",
+        "End"
+      ].includes(event.key)) {
+        const items = getItems().filter(
+          (item) => !item.disabled
+        );
+        let candidateNodes = items.map(
+          (item) => item.ref.current
+        );
+        if ([
+          "ArrowUp",
+          "End"
+        ].includes(event.key))
+          candidateNodes = candidateNodes.slice().reverse();
+        if ([
+          "ArrowUp",
+          "ArrowDown"
+        ].includes(event.key)) {
+          const currentElement = event.target;
+          const currentIndex = candidateNodes.indexOf(currentElement);
+          candidateNodes = candidateNodes.slice(currentIndex + 1);
+        }
+        setTimeout(
+          () => focusFirst(candidateNodes)
+        );
+        event.preventDefault();
+      }
+    })
+  }))))));
+});
+var $cc7e05a45900e73f$var$SelectItemAlignedPosition = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, onPlaced, ...popperProps } = props;
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, __scopeSelect);
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$CONTENT_NAME, __scopeSelect);
+  const [contentWrapper, setContentWrapper] = useState(null);
+  const [content, setContent] = useState(null);
+  const composedRefs = useComposedRefs(
+    forwardedRef,
+    (node) => setContent(node)
+  );
+  const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+  const shouldExpandOnScrollRef = useRef(false);
+  const shouldRepositionRef = useRef(true);
+  const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
+  const position = useCallback(() => {
+    if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
+      const triggerRect = context.trigger.getBoundingClientRect();
+      const contentRect = content.getBoundingClientRect();
+      const valueNodeRect = context.valueNode.getBoundingClientRect();
+      const itemTextRect = selectedItemText.getBoundingClientRect();
+      if (context.dir !== "rtl") {
+        const itemTextOffset = itemTextRect.left - contentRect.left;
+        const left = valueNodeRect.left - itemTextOffset;
+        const leftDelta = triggerRect.left - left;
+        const minContentWidth = triggerRect.width + leftDelta;
+        const contentWidth = Math.max(minContentWidth, contentRect.width);
+        const rightEdge = window.innerWidth - $cc7e05a45900e73f$var$CONTENT_MARGIN;
+        const clampedLeft = clamp(left, [
+          $cc7e05a45900e73f$var$CONTENT_MARGIN,
+          rightEdge - contentWidth
+        ]);
+        contentWrapper.style.minWidth = minContentWidth + "px";
+        contentWrapper.style.left = clampedLeft + "px";
+      } else {
+        const itemTextOffset = contentRect.right - itemTextRect.right;
+        const right = window.innerWidth - valueNodeRect.right - itemTextOffset;
+        const rightDelta = window.innerWidth - triggerRect.right - right;
+        const minContentWidth = triggerRect.width + rightDelta;
+        const contentWidth = Math.max(minContentWidth, contentRect.width);
+        const leftEdge = window.innerWidth - $cc7e05a45900e73f$var$CONTENT_MARGIN;
+        const clampedRight = clamp(right, [
+          $cc7e05a45900e73f$var$CONTENT_MARGIN,
+          leftEdge - contentWidth
+        ]);
+        contentWrapper.style.minWidth = minContentWidth + "px";
+        contentWrapper.style.right = clampedRight + "px";
+      }
+      const items = getItems();
+      const availableHeight = window.innerHeight - $cc7e05a45900e73f$var$CONTENT_MARGIN * 2;
+      const itemsHeight = viewport.scrollHeight;
+      const contentStyles = window.getComputedStyle(content);
+      const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
+      const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
+      const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
+      const contentPaddingBottom = parseInt(contentStyles.paddingBottom, 10);
+      const fullContentHeight = contentBorderTopWidth + contentPaddingTop + itemsHeight + contentPaddingBottom + contentBorderBottomWidth;
+      const minContentHeight = Math.min(selectedItem.offsetHeight * 5, fullContentHeight);
+      const viewportStyles = window.getComputedStyle(viewport);
+      const viewportPaddingTop = parseInt(viewportStyles.paddingTop, 10);
+      const viewportPaddingBottom = parseInt(viewportStyles.paddingBottom, 10);
+      const topEdgeToTriggerMiddle = triggerRect.top + triggerRect.height / 2 - $cc7e05a45900e73f$var$CONTENT_MARGIN;
+      const triggerMiddleToBottomEdge = availableHeight - topEdgeToTriggerMiddle;
+      const selectedItemHalfHeight = selectedItem.offsetHeight / 2;
+      const itemOffsetMiddle = selectedItem.offsetTop + selectedItemHalfHeight;
+      const contentTopToItemMiddle = contentBorderTopWidth + contentPaddingTop + itemOffsetMiddle;
+      const itemMiddleToContentBottom = fullContentHeight - contentTopToItemMiddle;
+      const willAlignWithoutTopOverflow = contentTopToItemMiddle <= topEdgeToTriggerMiddle;
+      if (willAlignWithoutTopOverflow) {
+        const isLastItem = selectedItem === items[items.length - 1].ref.current;
+        contentWrapper.style.bottom = "0px";
+        const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
+        const clampedTriggerMiddleToBottomEdge = Math.max(triggerMiddleToBottomEdge, selectedItemHalfHeight + (isLastItem ? viewportPaddingBottom : 0) + viewportOffsetBottom + contentBorderBottomWidth);
+        const height = contentTopToItemMiddle + clampedTriggerMiddleToBottomEdge;
+        contentWrapper.style.height = height + "px";
+      } else {
+        const isFirstItem = selectedItem === items[0].ref.current;
+        contentWrapper.style.top = "0px";
+        const clampedTopEdgeToTriggerMiddle = Math.max(topEdgeToTriggerMiddle, contentBorderTopWidth + viewport.offsetTop + (isFirstItem ? viewportPaddingTop : 0) + selectedItemHalfHeight);
+        const height = clampedTopEdgeToTriggerMiddle + itemMiddleToContentBottom;
+        contentWrapper.style.height = height + "px";
+        viewport.scrollTop = contentTopToItemMiddle - topEdgeToTriggerMiddle + viewport.offsetTop;
+      }
+      contentWrapper.style.margin = `${$cc7e05a45900e73f$var$CONTENT_MARGIN}px 0`;
+      contentWrapper.style.minHeight = minContentHeight + "px";
+      contentWrapper.style.maxHeight = availableHeight + "px";
+      onPlaced === null || onPlaced === void 0 || onPlaced();
+      requestAnimationFrame(
+        () => shouldExpandOnScrollRef.current = true
+      );
+    }
+  }, [
+    getItems,
+    context.trigger,
+    context.valueNode,
+    contentWrapper,
+    content,
+    viewport,
+    selectedItem,
+    selectedItemText,
+    context.dir,
+    onPlaced
+  ]);
+  useLayoutEffect(
+    () => position(),
+    [
+      position
+    ]
+  );
+  const [contentZIndex, setContentZIndex] = useState();
+  useLayoutEffect(() => {
+    if (content)
+      setContentZIndex(window.getComputedStyle(content).zIndex);
+  }, [
+    content
+  ]);
+  const handleScrollButtonChange = useCallback((node) => {
+    if (node && shouldRepositionRef.current === true) {
+      position();
+      focusSelectedItem === null || focusSelectedItem === void 0 || focusSelectedItem();
+      shouldRepositionRef.current = false;
+    }
+  }, [
+    position,
+    focusSelectedItem
+  ]);
+  return /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectViewportProvider, {
+    scope: __scopeSelect,
+    contentWrapper,
+    shouldExpandOnScrollRef,
+    onScrollButtonChange: handleScrollButtonChange
+  }, /* @__PURE__ */ createElement("div", {
+    ref: setContentWrapper,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      position: "fixed",
+      zIndex: contentZIndex
+    }
+  }, /* @__PURE__ */ createElement(Primitive.div, $01b9c$babelruntimehelpersesmextends({}, popperProps, {
+    ref: composedRefs,
+    style: {
+      // When we get the height of the content, it includes borders. If we were to set
+      // the height without having `boxSizing: 'border-box'` it would be too big.
+      boxSizing: "border-box",
+      // We need to ensure the content doesn't get taller than the wrapper
+      maxHeight: "100%",
+      ...popperProps.style
+    }
+  }))));
+});
+var $cc7e05a45900e73f$var$SelectPopperPosition = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, align = "start", collisionPadding = $cc7e05a45900e73f$var$CONTENT_MARGIN, ...popperProps } = props;
+  const popperScope = $cc7e05a45900e73f$var$usePopperScope(__scopeSelect);
+  return /* @__PURE__ */ createElement(Content, $01b9c$babelruntimehelpersesmextends({}, popperScope, popperProps, {
+    ref: forwardedRef,
+    align,
+    collisionPadding,
+    style: {
+      // Ensure border-box for floating-ui calculations
+      boxSizing: "border-box",
+      ...popperProps.style,
+      "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-select-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-select-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  }));
+});
+var [$cc7e05a45900e73f$var$SelectViewportProvider, $cc7e05a45900e73f$var$useSelectViewportContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$CONTENT_NAME, {});
+var $cc7e05a45900e73f$var$VIEWPORT_NAME = "SelectViewport";
+var $cc7e05a45900e73f$export$9ed6e7b40248d36d = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, ...viewportProps } = props;
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$VIEWPORT_NAME, __scopeSelect);
+  const viewportContext = $cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$VIEWPORT_NAME, __scopeSelect);
+  const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
+  const prevScrollTopRef = useRef(0);
+  return /* @__PURE__ */ createElement(Fragment, null, /* @__PURE__ */ createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}`
+    }
+  }), /* @__PURE__ */ createElement($cc7e05a45900e73f$var$Collection.Slot, {
+    scope: __scopeSelect
+  }, /* @__PURE__ */ createElement(Primitive.div, $01b9c$babelruntimehelpersesmextends({
+    "data-radix-select-viewport": "",
+    role: "presentation"
+  }, viewportProps, {
+    ref: composedRefs,
+    style: {
+      // we use position: 'relative' here on the `viewport` so that when we call
+      // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
+      // (independent of the scrollUpButton).
+      position: "relative",
+      flex: 1,
+      overflow: "auto",
+      ...viewportProps.style
+    },
+    onScroll: composeEventHandlers(viewportProps.onScroll, (event) => {
+      const viewport = event.currentTarget;
+      const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
+      if (shouldExpandOnScrollRef !== null && shouldExpandOnScrollRef !== void 0 && shouldExpandOnScrollRef.current && contentWrapper) {
+        const scrolledBy = Math.abs(prevScrollTopRef.current - viewport.scrollTop);
+        if (scrolledBy > 0) {
+          const availableHeight = window.innerHeight - $cc7e05a45900e73f$var$CONTENT_MARGIN * 2;
+          const cssMinHeight = parseFloat(contentWrapper.style.minHeight);
+          const cssHeight = parseFloat(contentWrapper.style.height);
+          const prevHeight = Math.max(cssMinHeight, cssHeight);
+          if (prevHeight < availableHeight) {
+            const nextHeight = prevHeight + scrolledBy;
+            const clampedNextHeight = Math.min(availableHeight, nextHeight);
+            const heightDiff = nextHeight - clampedNextHeight;
+            contentWrapper.style.height = clampedNextHeight + "px";
+            if (contentWrapper.style.bottom === "0px") {
+              viewport.scrollTop = heightDiff > 0 ? heightDiff : 0;
+              contentWrapper.style.justifyContent = "flex-end";
+            }
+          }
+        }
+      }
+      prevScrollTopRef.current = viewport.scrollTop;
+    })
+  }))));
+});
+var $cc7e05a45900e73f$var$GROUP_NAME = "SelectGroup";
+var [$cc7e05a45900e73f$var$SelectGroupContextProvider, $cc7e05a45900e73f$var$useSelectGroupContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$GROUP_NAME);
+var $cc7e05a45900e73f$var$LABEL_NAME = "SelectLabel";
+var $cc7e05a45900e73f$export$f67338d29bd972f8 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, ...labelProps } = props;
+  const groupContext = $cc7e05a45900e73f$var$useSelectGroupContext($cc7e05a45900e73f$var$LABEL_NAME, __scopeSelect);
+  return /* @__PURE__ */ createElement(Primitive.div, $01b9c$babelruntimehelpersesmextends({
+    id: groupContext.id
+  }, labelProps, {
+    ref: forwardedRef
+  }));
+});
+var $cc7e05a45900e73f$var$ITEM_NAME = "SelectItem";
+var [$cc7e05a45900e73f$var$SelectItemContextProvider, $cc7e05a45900e73f$var$useSelectItemContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$ITEM_NAME);
+var $cc7e05a45900e73f$export$13ef48a934230896 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, value, disabled = false, textValue: textValueProp, ...itemProps } = props;
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_NAME, __scopeSelect);
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_NAME, __scopeSelect);
+  const isSelected = context.value === value;
+  const [textValue, setTextValue] = useState(textValueProp !== null && textValueProp !== void 0 ? textValueProp : "");
+  const [isFocused, setIsFocused] = useState(false);
+  const composedRefs = useComposedRefs(forwardedRef, (node) => {
+    var _contentContext$itemR;
+    return (_contentContext$itemR = contentContext.itemRefCallback) === null || _contentContext$itemR === void 0 ? void 0 : _contentContext$itemR.call(contentContext, node, value, disabled);
+  });
+  const textId = useId();
+  const handleSelect = () => {
+    if (!disabled) {
+      context.onValueChange(value);
+      context.onOpenChange(false);
+    }
+  };
+  if (value === "")
+    throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");
+  return /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectItemContextProvider, {
+    scope: __scopeSelect,
+    value,
+    disabled,
+    textId,
+    isSelected,
+    onItemTextChange: useCallback((node) => {
+      setTextValue((prevTextValue) => {
+        var _node$textContent;
+        return prevTextValue || ((_node$textContent = node === null || node === void 0 ? void 0 : node.textContent) !== null && _node$textContent !== void 0 ? _node$textContent : "").trim();
+      });
+    }, [])
+  }, /* @__PURE__ */ createElement($cc7e05a45900e73f$var$Collection.ItemSlot, {
+    scope: __scopeSelect,
+    value,
+    disabled,
+    textValue
+  }, /* @__PURE__ */ createElement(Primitive.div, $01b9c$babelruntimehelpersesmextends({
+    role: "option",
+    "aria-labelledby": textId,
+    "data-highlighted": isFocused ? "" : void 0,
+    "aria-selected": isSelected && isFocused,
+    "data-state": isSelected ? "checked" : "unchecked",
+    "aria-disabled": disabled || void 0,
+    "data-disabled": disabled ? "" : void 0,
+    tabIndex: disabled ? void 0 : -1
+  }, itemProps, {
+    ref: composedRefs,
+    onFocus: composeEventHandlers(
+      itemProps.onFocus,
+      () => setIsFocused(true)
+    ),
+    onBlur: composeEventHandlers(
+      itemProps.onBlur,
+      () => setIsFocused(false)
+    ),
+    onPointerUp: composeEventHandlers(itemProps.onPointerUp, handleSelect),
+    onPointerMove: composeEventHandlers(itemProps.onPointerMove, (event) => {
+      if (disabled) {
+        var _contentContext$onIte;
+        (_contentContext$onIte = contentContext.onItemLeave) === null || _contentContext$onIte === void 0 || _contentContext$onIte.call(contentContext);
+      } else
+        event.currentTarget.focus({
+          preventScroll: true
+        });
+    }),
+    onPointerLeave: composeEventHandlers(itemProps.onPointerLeave, (event) => {
+      if (event.currentTarget === document.activeElement) {
+        var _contentContext$onIte2;
+        (_contentContext$onIte2 = contentContext.onItemLeave) === null || _contentContext$onIte2 === void 0 || _contentContext$onIte2.call(contentContext);
+      }
+    }),
+    onKeyDown: composeEventHandlers(itemProps.onKeyDown, (event) => {
+      var _contentContext$searc;
+      const isTypingAhead = ((_contentContext$searc = contentContext.searchRef) === null || _contentContext$searc === void 0 ? void 0 : _contentContext$searc.current) !== "";
+      if (isTypingAhead && event.key === " ")
+        return;
+      if ($cc7e05a45900e73f$var$SELECTION_KEYS.includes(event.key))
+        handleSelect();
+      if (event.key === " ")
+        event.preventDefault();
+    })
+  }))));
+});
+var $cc7e05a45900e73f$var$ITEM_TEXT_NAME = "SelectItemText";
+var $cc7e05a45900e73f$export$3572fb0fb821ff49 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, className, style, ...itemTextProps } = props;
+  const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+  const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+  const nativeOptionsContext = $cc7e05a45900e73f$var$useSelectNativeOptionsContext($cc7e05a45900e73f$var$ITEM_TEXT_NAME, __scopeSelect);
+  const [itemTextNode, setItemTextNode] = useState(null);
+  const composedRefs = useComposedRefs(
+    forwardedRef,
+    (node) => setItemTextNode(node),
+    itemContext.onItemTextChange,
+    (node) => {
+      var _contentContext$itemT;
+      return (_contentContext$itemT = contentContext.itemTextRefCallback) === null || _contentContext$itemT === void 0 ? void 0 : _contentContext$itemT.call(contentContext, node, itemContext.value, itemContext.disabled);
+    }
+  );
+  const textContent = itemTextNode === null || itemTextNode === void 0 ? void 0 : itemTextNode.textContent;
+  const nativeOption = useMemo$1(
+    () => /* @__PURE__ */ createElement("option", {
+      key: itemContext.value,
+      value: itemContext.value,
+      disabled: itemContext.disabled
+    }, textContent),
+    [
+      itemContext.disabled,
+      itemContext.value,
+      textContent
+    ]
+  );
+  const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
+  useLayoutEffect(() => {
+    onNativeOptionAdd(nativeOption);
+    return () => onNativeOptionRemove(nativeOption);
+  }, [
+    onNativeOptionAdd,
+    onNativeOptionRemove,
+    nativeOption
+  ]);
+  return /* @__PURE__ */ createElement(Fragment, null, /* @__PURE__ */ createElement(Primitive.span, $01b9c$babelruntimehelpersesmextends({
+    id: itemContext.textId
+  }, itemTextProps, {
+    ref: composedRefs
+  })), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? /* @__PURE__ */ createPortal(itemTextProps.children, context.valueNode) : null);
+});
+var $cc7e05a45900e73f$var$ITEM_INDICATOR_NAME = "SelectItemIndicator";
+var $cc7e05a45900e73f$export$6b9198de19accfe6 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, ...itemIndicatorProps } = props;
+  const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_INDICATOR_NAME, __scopeSelect);
+  return itemContext.isSelected ? /* @__PURE__ */ createElement(Primitive.span, $01b9c$babelruntimehelpersesmextends({
+    "aria-hidden": true
+  }, itemIndicatorProps, {
+    ref: forwardedRef
+  })) : null;
+});
+var $cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
+var $cc7e05a45900e73f$export$d8117927658af6d7 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
+  const viewportContext = $cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
+  const [canScrollUp1, setCanScrollUp] = useState(false);
+  const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
+  useLayoutEffect(() => {
+    if (contentContext.viewport && contentContext.isPositioned) {
+      let handleScroll2 = function() {
+        const canScrollUp = viewport.scrollTop > 0;
+        setCanScrollUp(canScrollUp);
+      };
+      const viewport = contentContext.viewport;
+      handleScroll2();
+      viewport.addEventListener("scroll", handleScroll2);
+      return () => viewport.removeEventListener("scroll", handleScroll2);
+    }
+  }, [
+    contentContext.viewport,
+    contentContext.isPositioned
+  ]);
+  return canScrollUp1 ? /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+    ref: composedRefs,
+    onAutoScroll: () => {
+      const { viewport, selectedItem } = contentContext;
+      if (viewport && selectedItem)
+        viewport.scrollTop = viewport.scrollTop - selectedItem.offsetHeight;
+    }
+  })) : null;
+});
+var $cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
+var $cc7e05a45900e73f$export$ff951e476c12189 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
+  const viewportContext = $cc7e05a45900e73f$var$useSelectViewportContext($cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
+  const [canScrollDown1, setCanScrollDown] = useState(false);
+  const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
+  useLayoutEffect(() => {
+    if (contentContext.viewport && contentContext.isPositioned) {
+      let handleScroll2 = function() {
+        const maxScroll = viewport.scrollHeight - viewport.clientHeight;
+        const canScrollDown = Math.ceil(viewport.scrollTop) < maxScroll;
+        setCanScrollDown(canScrollDown);
+      };
+      const viewport = contentContext.viewport;
+      handleScroll2();
+      viewport.addEventListener("scroll", handleScroll2);
+      return () => viewport.removeEventListener("scroll", handleScroll2);
+    }
+  }, [
+    contentContext.viewport,
+    contentContext.isPositioned
+  ]);
+  return canScrollDown1 ? /* @__PURE__ */ createElement($cc7e05a45900e73f$var$SelectScrollButtonImpl, $01b9c$babelruntimehelpersesmextends({}, props, {
+    ref: composedRefs,
+    onAutoScroll: () => {
+      const { viewport, selectedItem } = contentContext;
+      if (viewport && selectedItem)
+        viewport.scrollTop = viewport.scrollTop + selectedItem.offsetHeight;
+    }
+  })) : null;
+});
+var $cc7e05a45900e73f$var$SelectScrollButtonImpl = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
+  const contentContext = $cc7e05a45900e73f$var$useSelectContentContext("SelectScrollButton", __scopeSelect);
+  const autoScrollTimerRef = useRef(null);
+  const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
+  const clearAutoScrollTimer = useCallback(() => {
+    if (autoScrollTimerRef.current !== null) {
+      window.clearInterval(autoScrollTimerRef.current);
+      autoScrollTimerRef.current = null;
+    }
+  }, []);
+  useEffect(() => {
+    return () => clearAutoScrollTimer();
+  }, [
+    clearAutoScrollTimer
+  ]);
+  useLayoutEffect(() => {
+    var _activeItem$ref$curre;
+    const activeItem = getItems().find(
+      (item) => item.ref.current === document.activeElement
+    );
+    activeItem === null || activeItem === void 0 || (_activeItem$ref$curre = activeItem.ref.current) === null || _activeItem$ref$curre === void 0 || _activeItem$ref$curre.scrollIntoView({
+      block: "nearest"
+    });
+  }, [
+    getItems
+  ]);
+  return /* @__PURE__ */ createElement(Primitive.div, $01b9c$babelruntimehelpersesmextends({
+    "aria-hidden": true
+  }, scrollIndicatorProps, {
+    ref: forwardedRef,
+    style: {
+      flexShrink: 0,
+      ...scrollIndicatorProps.style
+    },
+    onPointerDown: composeEventHandlers(scrollIndicatorProps.onPointerDown, () => {
+      if (autoScrollTimerRef.current === null)
+        autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
+    }),
+    onPointerMove: composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {
+      var _contentContext$onIte3;
+      (_contentContext$onIte3 = contentContext.onItemLeave) === null || _contentContext$onIte3 === void 0 || _contentContext$onIte3.call(contentContext);
+      if (autoScrollTimerRef.current === null)
+        autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50);
+    }),
+    onPointerLeave: composeEventHandlers(scrollIndicatorProps.onPointerLeave, () => {
+      clearAutoScrollTimer();
+    })
+  }));
+});
+var $cc7e05a45900e73f$export$eba4b1df07cb1d3 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeSelect, ...separatorProps } = props;
+  return /* @__PURE__ */ createElement(Primitive.div, $01b9c$babelruntimehelpersesmextends({
+    "aria-hidden": true
+  }, separatorProps, {
+    ref: forwardedRef
+  }));
+});
+function $cc7e05a45900e73f$var$shouldShowPlaceholder(value) {
+  return value === "" || value === void 0;
+}
+var $cc7e05a45900e73f$var$BubbleSelect = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { value, ...selectProps } = props;
+  const ref = useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const prevValue = usePrevious(value);
+  useEffect(() => {
+    const select = ref.current;
+    const selectProto = window.HTMLSelectElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(selectProto, "value");
+    const setValue = descriptor.set;
+    if (prevValue !== value && setValue) {
+      const event = new Event("change", {
+        bubbles: true
+      });
+      setValue.call(select, value);
+      select.dispatchEvent(event);
+    }
+  }, [
+    prevValue,
+    value
+  ]);
+  return /* @__PURE__ */ createElement(VisuallyHidden, {
+    asChild: true
+  }, /* @__PURE__ */ createElement("select", $01b9c$babelruntimehelpersesmextends({}, selectProps, {
+    ref: composedRefs,
+    defaultValue: value
+  })));
+});
+$cc7e05a45900e73f$var$BubbleSelect.displayName = "BubbleSelect";
+function $cc7e05a45900e73f$var$useTypeaheadSearch(onSearchChange) {
+  const handleSearchChange = useCallbackRef(onSearchChange);
+  const searchRef = useRef("");
+  const timerRef = useRef(0);
+  const handleTypeaheadSearch = useCallback((key) => {
+    const search = searchRef.current + key;
+    handleSearchChange(search);
+    (function updateSearch(value) {
+      searchRef.current = value;
+      window.clearTimeout(timerRef.current);
+      if (value !== "")
+        timerRef.current = window.setTimeout(
+          () => updateSearch(""),
+          1e3
+        );
+    })(search);
+  }, [
+    handleSearchChange
+  ]);
+  const resetTypeahead = useCallback(() => {
+    searchRef.current = "";
+    window.clearTimeout(timerRef.current);
+  }, []);
+  useEffect(() => {
+    return () => window.clearTimeout(timerRef.current);
+  }, []);
+  return [
+    searchRef,
+    handleTypeaheadSearch,
+    resetTypeahead
+  ];
+}
+function $cc7e05a45900e73f$var$findNextItem(items, search, currentItem) {
+  const isRepeated = search.length > 1 && Array.from(search).every(
+    (char) => char === search[0]
+  );
+  const normalizedSearch = isRepeated ? search[0] : search;
+  const currentItemIndex = currentItem ? items.indexOf(currentItem) : -1;
+  let wrappedItems = $cc7e05a45900e73f$var$wrapArray(items, Math.max(currentItemIndex, 0));
+  const excludeCurrentItem = normalizedSearch.length === 1;
+  if (excludeCurrentItem)
+    wrappedItems = wrappedItems.filter(
+      (v) => v !== currentItem
+    );
+  const nextItem = wrappedItems.find(
+    (item) => item.textValue.toLowerCase().startsWith(normalizedSearch.toLowerCase())
+  );
+  return nextItem !== currentItem ? nextItem : void 0;
+}
+function $cc7e05a45900e73f$var$wrapArray(array, startIndex) {
+  return array.map(
+    (_, index) => array[(startIndex + index) % array.length]
+  );
+}
+var $cc7e05a45900e73f$export$be92b6f5f03c0fe9 = $cc7e05a45900e73f$export$ef9b1a59e592288f;
+var $cc7e05a45900e73f$export$41fb9f06171c75f4 = $cc7e05a45900e73f$export$3ac1e88a1c0b9f1;
+var $cc7e05a45900e73f$export$4c8d1a57a761ef94 = $cc7e05a45900e73f$export$e288731fd71264f0;
+var $cc7e05a45900e73f$export$f04a61298a47a40f = $cc7e05a45900e73f$export$99b400cabb58c515;
+var $cc7e05a45900e73f$export$602eac185826482c = $cc7e05a45900e73f$export$b2af6c9944296213;
+var $cc7e05a45900e73f$export$7c6e2c02157bb7d2 = $cc7e05a45900e73f$export$c973a4b3cb86a03d;
+var $cc7e05a45900e73f$export$d5c6c08dc2d3ca7 = $cc7e05a45900e73f$export$9ed6e7b40248d36d;
+var $cc7e05a45900e73f$export$b04be29aa201d4f5 = $cc7e05a45900e73f$export$f67338d29bd972f8;
+var $cc7e05a45900e73f$export$6d08773d2e66f8f2 = $cc7e05a45900e73f$export$13ef48a934230896;
+var $cc7e05a45900e73f$export$d6e5bf9c43ea9319 = $cc7e05a45900e73f$export$3572fb0fb821ff49;
+var $cc7e05a45900e73f$export$c3468e2714d175fa = $cc7e05a45900e73f$export$6b9198de19accfe6;
+var $cc7e05a45900e73f$export$2f60d3ec9ad468f2 = $cc7e05a45900e73f$export$d8117927658af6d7;
+var $cc7e05a45900e73f$export$bf1aedc3039c8d63 = $cc7e05a45900e73f$export$ff951e476c12189;
+var $cc7e05a45900e73f$export$1ff3c3f08ae963c0 = $cc7e05a45900e73f$export$eba4b1df07cb1d3;
+var Select = $cc7e05a45900e73f$export$be92b6f5f03c0fe9;
+var SelectValue = $cc7e05a45900e73f$export$4c8d1a57a761ef94;
+var SelectTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  $cc7e05a45900e73f$export$41fb9f06171c75f4,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent py-2 pr-px pl-3 text-sm shadow-sm ring-offset-background [&>span]:line-clamp-1 disabled:cursor-not-allowed placeholder:text-muted-foreground disabled:opacity-50 focus:outline-none focus:ring-1 focus:ring-ring",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx($cc7e05a45900e73f$export$f04a61298a47a40f, { asChild: true, children: /* @__PURE__ */ jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = $cc7e05a45900e73f$export$41fb9f06171c75f4.displayName;
+var SelectScrollUpButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  $cc7e05a45900e73f$export$2f60d3ec9ad468f2,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+  }
+));
+SelectScrollUpButton.displayName = $cc7e05a45900e73f$export$2f60d3ec9ad468f2.displayName;
+var SelectScrollDownButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  $cc7e05a45900e73f$export$bf1aedc3039c8d63,
+  {
+    ref,
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+  }
+));
+SelectScrollDownButton.displayName = $cc7e05a45900e73f$export$bf1aedc3039c8d63.displayName;
+var SelectContent = React4.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx($cc7e05a45900e73f$export$602eac185826482c, { children: /* @__PURE__ */ jsxs(
+  $cc7e05a45900e73f$export$7c6e2c02157bb7d2,
+  {
+    ref,
+    className: cn(
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in",
+      position === "popper" && "data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        $cc7e05a45900e73f$export$d5c6c08dc2d3ca7,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = $cc7e05a45900e73f$export$7c6e2c02157bb7d2.displayName;
+var SelectLabel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  $cc7e05a45900e73f$export$b04be29aa201d4f5,
+  {
+    ref,
+    className: cn("px-2 py-1.5 font-semibold text-sm", className),
+    ...props
+  }
+));
+SelectLabel.displayName = $cc7e05a45900e73f$export$b04be29aa201d4f5.displayName;
+var SelectItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  $cc7e05a45900e73f$export$6d08773d2e66f8f2,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx($cc7e05a45900e73f$export$c3468e2714d175fa, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx($cc7e05a45900e73f$export$d6e5bf9c43ea9319, { children })
+    ]
+  }
+));
+SelectItem.displayName = $cc7e05a45900e73f$export$6d08773d2e66f8f2.displayName;
+var SelectSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  $cc7e05a45900e73f$export$1ff3c3f08ae963c0,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = $cc7e05a45900e73f$export$1ff3c3f08ae963c0.displayName;
+function BooleanDataEditor(props) {
+  const { value, onBlur, onChange, onPaste } = props;
+  const _onPaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      onPaste?.();
+    },
+    [onPaste]
+  );
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: (data) => onChange?.({ data }), defaultOpen: true, children: [
+    /* @__PURE__ */ jsx(
+      SelectTrigger,
+      {
+        onBlur,
+        onPaste: _onPaste,
+        className: cn(
+          "h-full w-full rounded-none border-none pl-1 text-xs outline-none focus:ring-0"
+        ),
+        autoFocus: true,
+        children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Selecionar" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(SelectContent, { children: [
+      /* @__PURE__ */ jsx(SelectItem, { className: "text-xs", value: "true", children: "Sim" }),
+      /* @__PURE__ */ jsx(SelectItem, { className: "text-xs", value: "false", children: "N\xE3o" })
+    ] })
+  ] });
+}
+function BooleanDataViewer({ value }) {
+  const empty = value === "";
+  const displayValue = empty ? "Selecionar" : value === "true" ? "Sim" : "N\xE3o";
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center justify-between pr-px pl-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "line-clamp-1 text-xs", children: displayValue }),
+    /* @__PURE__ */ jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" })
+  ] });
+}
+function DateDataEditor(props) {
+  const { value, onBlur, onChange, onPaste } = props;
+  const _onPaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      onPaste?.();
+    },
+    [onPaste]
+  );
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "date",
+      onBlur,
+      onPaste: _onPaste,
+      value,
+      onChange: (e) => onChange?.({ data: e.target.value }),
+      className: cn("h-full w-full bg-transparent pl-1 text-xs outline-none"),
+      autoFocus: true
+    }
+  );
+}
+function DateDataViewer(props) {
+  const { value } = props;
+  const formatter = Intl.DateTimeFormat("pt-BR", { dateStyle: "short" });
+  const formatted = value ? formatter.format(new Date(value)) : "dd/mm/yyyy";
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-1 pl-1 text-xs", children: formatted }) });
+}
+function NumericField(props) {
+  const {
+    className,
+    dataEditorType,
+    onFocus,
+    onBlur,
+    onChange,
+    onClick,
+    onPaste,
+    settings,
+    testid,
+    value,
+    disabled,
+    dataCypress,
+    tabIndex
+  } = props;
+  const thousandSeparator = ".";
+  const decimalSeparator = ",";
+  const decimalScale = getDecimalScale({
+    dataEditorType,
+    decimalScale: settings?.numeric?.decimalPlaces
+  });
+  const allowNegative = settings?.numeric?.allowNegative;
+  const min = settings?.numeric?.min;
+  const max = settings?.numeric?.max;
+  const prefix = dataEditorType.toLocaleLowerCase() === "currency" ? "R$ " : "";
+  const suffix = dataEditorType.toLocaleLowerCase() === "percentage" ? "%" : "";
+  const [strValue, setStrValue] = useState(value);
+  const [waitCapToOnBlur, setWaitCapToOnBlur] = useState(false);
+  const onValueChange = ({ value: value2 }) => {
+    setStrValue(value2);
+    onChange?.(value2);
+  };
+  const _onBlur = () => {
+    let waitCapToOnBlur2 = false;
+    const numValue = Number(value);
+    let newStrValue = value;
+    if (typeof min === "number") {
+      if (numValue < min)
+        newStrValue = min.toString();
+    }
+    if (typeof max === "number") {
+      if (numValue > max)
+        newStrValue = max.toString();
+    }
+    if (newStrValue !== value) {
+      waitCapToOnBlur2 = true;
+      onChange?.(newStrValue);
+      setStrValue(newStrValue);
+      setWaitCapToOnBlur(waitCapToOnBlur2);
+    }
+    if (!waitCapToOnBlur2)
+      onBlur?.();
+  };
+  useEffect(() => {
+    if (waitCapToOnBlur) {
+      onBlur?.();
+      setWaitCapToOnBlur(false);
+    }
+  }, [onBlur, waitCapToOnBlur]);
+  useEffect(() => {
+    setStrValue(value);
+  }, [value]);
+  return /* @__PURE__ */ jsx(
+    NumericFormat,
+    {
+      tabIndex,
+      value: strValue,
+      onPaste,
+      prefix,
+      suffix,
+      fixedDecimalScale: true,
+      onBlur: _onBlur,
+      "data-testid": testid,
+      valueIsNumericString: true,
+      onFocus,
+      onClick,
+      decimalScale,
+      onValueChange,
+      allowNegative,
+      decimalSeparator,
+      thousandSeparator,
+      className: cn(
+        "h-full w-full rounded-none bg-transparent pl-1 text-xs outline-none",
+        className
+      ),
+      disabled,
+      "data-cypress": dataCypress,
+      autoFocus: true
+    }
+  );
+}
+var percentageScaleToBeDisregarded = 2;
+function getDecimalScale(params) {
+  const { dataEditorType, decimalScale } = params;
+  let newDecimalScale = decimalScale;
+  if (dataEditorType.toLowerCase() === "percentage") {
+    if (decimalScale) {
+      newDecimalScale = decimalScale > 2 ? decimalScale - percentageScaleToBeDisregarded : 0;
+    } else {
+      newDecimalScale = 0;
+    }
+  }
+  if (!decimalScale) {
+    if (dataEditorType.toLowerCase() === "decimal")
+      newDecimalScale = 2;
+    if (dataEditorType.toLowerCase() === "float")
+      newDecimalScale = 2;
+    if (dataEditorType.toLowerCase() === "integer")
+      newDecimalScale = 0;
+    if (dataEditorType.toLowerCase() === "currency")
+      newDecimalScale = 2;
+  }
+  return newDecimalScale;
+}
+function NumericEditor(props) {
+  const { value, onBlur, onChange, onPaste, setMode, column } = props;
+  const _onPaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      onPaste?.();
+    },
+    [onPaste]
+  );
+  const _onBlur = useCallback(() => {
+    onBlur?.();
+    setMode?.("view");
+  }, [onBlur, setMode]);
+  return /* @__PURE__ */ jsx(
+    NumericField,
+    {
+      dataEditorType: column.dataEditorType,
+      value,
+      onPaste: _onPaste,
+      onBlur: _onBlur,
+      onChange: (value2) => onChange?.({ data: value2 }),
+      settings: column.settings
+    }
+  );
+}
+function NumericDataViewer(props) {
+  const { value, column } = props;
+  return /* @__PURE__ */ jsx(
+    NumericField,
+    {
+      dataEditorType: column.dataEditorType,
+      value,
+      settings: column.settings,
+      disabled: true,
+      className: "pointer-events-none"
+    }
+  );
+}
+function SelectDataEditor(props) {
+  const { value, onBlur, onChange, onPaste, items } = props;
+  const _onPaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      onPaste?.();
+    },
+    [onPaste]
+  );
+  return /* @__PURE__ */ jsxs(Select, { value, onValueChange: (data) => onChange?.({ data }), defaultOpen: true, children: [
+    /* @__PURE__ */ jsx(
+      SelectTrigger,
+      {
+        onBlur,
+        onPaste: _onPaste,
+        className: cn(
+          "h-full w-full rounded-none border-none pl-1 text-xs outline-none focus:ring-0"
+        ),
+        children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Selecionar" })
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: items.map(({ value: value2, text }) => /* @__PURE__ */ jsx(SelectItem, { className: "text-xs", value: value2, children: text }, value2)) })
+  ] });
+}
+function SelectDataViewer(props) {
+  const { value, items } = props;
+  const selected = useMemo(() => items.find((item) => item.value === value), [items, value]);
+  const displayValue = useMemo(() => selected ? selected.text : "Selecionar", [selected]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center justify-between pr-px pl-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "line-clamp-1 text-xs", children: displayValue }),
+    /* @__PURE__ */ jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" })
+  ] });
+}
+
+// src/shared/lib/move-input-cursor-to-end.ts
+function moveInputCursorToEnd(element) {
+  element.selectionStart = element.selectionEnd = element.value.length;
+}
+
+// src/shared/lib/read-text-from-clipboard.ts
+var PLAIN_TEXT_MIME = "text/plain";
+function readTextFromClipboard(event) {
+  if (window.clipboardData?.getData) {
+    return window.clipboardData.getData("Text");
+  }
+  if (event.clipboardData?.getData) {
+    return event.clipboardData.getData(PLAIN_TEXT_MIME);
+  }
+  return "";
+}
+var CHAR_WIDTH = 6;
+var INPUT_MAX_LENGTH = 200;
+function TextDataEditor(props) {
+  const { value, onBlur, onChange, onPaste, setMode, column, selected } = props;
+  const valueAsString = value;
+  const textareaRef = useRef(null);
+  const [textareaHeight, setTextareaHeight] = useState(0);
+  const overflow = useMemo$1(
+    () => charOverflow(valueAsString, column.width),
+    [valueAsString, column.width]
+  );
+  const _onPaste = useCallback(
+    (e) => {
+      const clipboard = readTextFromClipboard(e);
+      const singleLine = oneLineString(clipboard);
+      if (!singleLine) {
+        e.preventDefault();
+        onPaste?.();
+      }
+    },
+    [onPaste]
+  );
+  const _onBlur = useCallback(() => {
+    onBlur?.();
+    setMode?.("view");
+  }, [onBlur, setMode]);
+  const updateTextareaHeight = useCallback(() => {
+    const element = textareaRef.current;
+    if (!element)
+      return;
+    const scrollHeight = element.scrollHeight;
+    element.style.height = `${scrollHeight}px`;
+    setTextareaHeight(scrollHeight);
+  }, []);
+  const _onChange = useCallback(
+    (e) => {
+      onChange?.({ data: e.target.value });
+      updateTextareaHeight();
+    },
+    [updateTextareaHeight, onChange]
+  );
+  if (overflow) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { height: textareaHeight },
+        className: cn(
+          "-left-0.5 -top-0.5 absolute z-40 h-fit w-fit border bg-white shadow-lg outline outline-2 outline-blue-500",
+          selected ? "bg-blue-50" : "bg-white"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: { height: textareaHeight - 1 },
+            className: "h-full w-full outline outline-[3px] outline-sky-200 outline-offset-2",
+            children: /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: textareaRef,
+                onBlur: _onBlur,
+                onPaste: _onPaste,
+                value: valueAsString,
+                onChange: _onChange,
+                className: cn(
+                  "resize-none break-all rounded-none bg-transparent py-1.5 pr-3 pl-1 text-xs outline-none"
+                ),
+                onFocus: (e) => moveInputCursorToEnd(e.target),
+                maxLength: INPUT_MAX_LENGTH,
+                style: { width: column.width },
+                autoFocus: true
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      onBlur,
+      onPaste: _onPaste,
+      value: valueAsString,
+      maxLength: INPUT_MAX_LENGTH,
+      onChange: _onChange,
+      className: cn("h-full w-full bg-transparent pl-1 text-xs outline-none"),
+      autoFocus: true
+    }
+  );
+}
+function TextDataViewer(props) {
+  const { value, column, selected } = props;
+  const valueAsString = value;
+  const overflow = useMemo$1(
+    () => charOverflow(valueAsString, column.width),
+    [valueAsString, column.width]
+  );
+  if (overflow) {
+    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-1 break-all pl-1 text-left text-xs", children: valueAsString }) }) }),
+      /* @__PURE__ */ jsx(
+        TooltipContent,
+        {
+          align: "start",
+          side: "bottom",
+          alignOffset: -2,
+          sideOffset: -CELL_INITIAL_HEIGHT,
+          className: cn(
+            "h-fit w-full break-all rounded-none border bg-white pl-1 text-black shadow-lg",
+            "data-[state=closed]:transform-none data-[side=bottom]:animate-none data-[state=closed]:animate-none data-[state=closed]:transition-none",
+            selected ? "bg-blue-50" : "bg-white"
+          ),
+          style: { width: column.width },
+          children: /* @__PURE__ */ jsx("p", { children: valueAsString })
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-1 break-all pl-1 text-left text-xs", title: valueAsString, children: valueAsString }) });
+}
+function charOverflow(string, width) {
+  return CHAR_WIDTH * string?.length > width;
+}
+function oneLineString(value) {
+  return ["	", "\n", "\r"].every((regex) => !value.includes(regex));
+}
+
+// src/components/spreadsheet/ui/data-editor/index.tsx
+var DataEditor = {
+  Date: DateDataEditor,
+  Text: TextDataEditor,
+  Boolean: BooleanDataEditor,
+  Numeric: NumericEditor,
+  Select: SelectDataEditor
+};
+var DataViewer = {
+  Date: DateDataViewer,
+  Text: TextDataViewer,
+  Boolean: BooleanDataViewer,
+  Numeric: NumericDataViewer,
+  Select: SelectDataViewer
+};
+function Cell(props) {
+  const { value, coordinates } = props;
+  const { columns, isCellSelected, onChange, onPaste, onSelectCell } = useSpreadsheet();
+  const { dataEditorType, readonly, width, visible, settings } = columns[coordinates.column];
+  const [mode, setMode] = useState(readonly ? "readonly" : "view");
+  const dataEditorContainerRef = useRef(null);
+  const column = useMemo$1(() => columns[coordinates.column], [columns, coordinates.column]);
+  const selected = useMemo$1(() => isCellSelected(coordinates), [coordinates, isCellSelected]);
+  const selectItems = useMemo$1(() => settings?.select?.items || [], [settings?.select?.items]);
+  const common = useMemo$1(
+    () => ({
+      dataEditor: {
+        value,
+        column,
+        setMode,
+        selected,
+        onPaste: () => onPaste(coordinates),
+        onChange: ({ data }) => onChange({ data, point: coordinates })
+      },
+      dataViewer: {
+        value,
+        column,
+        selected
+      }
+    }),
+    [coordinates, value, column, selected, onPaste, onChange]
+  );
+  const dataEditorElementMap = useMemo$1(
+    () => ({
+      Date: /* @__PURE__ */ jsx(DataEditor.Date, { ...common.dataEditor }),
+      String: /* @__PURE__ */ jsx(DataEditor.Text, { ...common.dataEditor }),
+      Currency: /* @__PURE__ */ jsx(DataEditor.Numeric, { ...common.dataEditor }),
+      Decimal: /* @__PURE__ */ jsx(DataEditor.Numeric, { ...common.dataEditor }),
+      Float: /* @__PURE__ */ jsx(DataEditor.Numeric, { ...common.dataEditor }),
+      Integer: /* @__PURE__ */ jsx(DataEditor.Numeric, { ...common.dataEditor }),
+      Percentage: /* @__PURE__ */ jsx(DataEditor.Numeric, { ...common.dataEditor }),
+      Boolean: /* @__PURE__ */ jsx(DataEditor.Boolean, { ...common.dataEditor }),
+      Select: /* @__PURE__ */ jsx(DataEditor.Select, { ...common.dataEditor, items: selectItems })
+    }),
+    [common.dataEditor, selectItems]
+  );
+  const dataViewerElementMap = useMemo$1(
+    () => ({
+      Date: /* @__PURE__ */ jsx(DataViewer.Date, { ...common.dataViewer }),
+      String: /* @__PURE__ */ jsx(DataViewer.Text, { ...common.dataViewer }),
+      Currency: /* @__PURE__ */ jsx(DataViewer.Numeric, { ...common.dataViewer }),
+      Decimal: /* @__PURE__ */ jsx(DataViewer.Numeric, { ...common.dataViewer }),
+      Float: /* @__PURE__ */ jsx(DataViewer.Numeric, { ...common.dataViewer }),
+      Integer: /* @__PURE__ */ jsx(DataViewer.Numeric, { ...common.dataViewer }),
+      Percentage: /* @__PURE__ */ jsx(DataViewer.Numeric, { ...common.dataViewer }),
+      Boolean: /* @__PURE__ */ jsx(DataViewer.Boolean, { ...common.dataViewer }),
+      Select: /* @__PURE__ */ jsx(DataViewer.Select, { ...common.dataViewer, items: selectItems })
+    }),
+    [common.dataViewer, selectItems]
+  );
+  const dataEditorElement = useMemo$1(
+    () => dataEditorType ? dataEditorElementMap[dataEditorType] : null,
+    [dataEditorType, dataEditorElementMap]
+  );
+  const dataViewerElement = useMemo$1(
+    () => dataEditorType ? dataViewerElementMap[dataEditorType] : null,
+    [dataEditorType, dataViewerElementMap]
+  );
+  useEffect(() => {
+    const enterEditMode = (e) => {
+      const enterKey = e.code === "Enter";
+      if (enterKey && selected && mode === "view") {
+        setMode("edit");
+      }
+      if (enterKey && selected && mode === "edit") {
+        setMode("view");
+      }
+    };
+    window.addEventListener("keydown", enterEditMode);
+    return () => window.removeEventListener("keydown", enterEditMode);
+  }, [selected, mode]);
+  useClickAway_default(dataEditorContainerRef, () => setMode("view"));
+  if (!visible)
+    return null;
+  if (mode === "readonly") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: () => onSelectCell(coordinates),
+        className: cn(
+          "flex h-7 shrink-0 cursor-default select-none border border-t-transparent border-l-transparent bg-[#F6F6F9]",
+          selected && "bg-[#EAF5FF]"
+        ),
+        style: { width, height: CELL_INITIAL_HEIGHT },
+        children: dataViewerElement
+      }
+    );
+  }
+  if (mode === "view") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: () => onSelectCell(coordinates),
+        onDoubleClick: () => setMode("edit"),
+        className: cn(
+          "relative flex h-7 shrink-0 cursor-default select-none border border-t-transparent border-l-transparent",
+          selected && "bg-[#EAF5FF]"
+        ),
+        style: { width, height: CELL_INITIAL_HEIGHT },
+        children: dataViewerElement
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: dataEditorContainerRef,
+      "data-testid": "cell__testid",
+      className: "relative h-7 w-32 shrink-0 border border-l-transparent border-t-transparent bg-[#EAF5FF] shadow-lg outline outline-2 outline-blue-500",
+      style: {
+        width,
+        height: CELL_INITIAL_HEIGHT,
+        top: coordinates.row === 0 ? "4px" : "0px"
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "h-full w-full outline outline-[3px] outline-offset-2 outline-sky-200", children: dataEditorElement })
+    }
+  );
+}
+function RowIndicator({ row }) {
+  const { onSelectRow, pointRange, matrix } = useSpreadsheet();
+  const isRowInRange = useMemo$1(
+    () => pointRange && row >= pointRange.start.row && row <= pointRange.end.row,
+    [pointRange, row]
+  );
+  const isEntireRowSelected = useMemo$1(
+    () => !!(pointRange && hasEntireRows({ matrix, pointRange, row })),
+    [matrix, pointRange, row]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex h-7 w-12 shrink-0 cursor-default select-none items-center justify-center border-r border-b text-[#8E8EA9] text-xs",
+        isRowInRange && "bg-blue-100 font-bold text-blue-700",
+        isEntireRowSelected && "bg-[#0085FF] font-bold text-white"
+      ),
+      onClick: (e) => onSelectRow(row, e),
+      style: {
+        height: CELL_INITIAL_HEIGHT
+      },
+      children: row + 1
+    }
+  );
+}
+function Rows() {
+  const id = useId$1();
+  const { highlightLastRow, matrix } = useSpreadsheet();
+  return /* @__PURE__ */ jsx("div", { className: "relative", children: matrix.map((rowValue, row) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center transition-all ease-linear",
+        row === matrix.length - 1 && highlightLastRow && "bg-blue-50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(RowIndicator, { row }),
+        rowValue.map((columnValue, column) => /* @__PURE__ */ jsx(
+          Cell,
+          {
+            value: columnValue,
+            coordinates: { column, row }
+          },
+          `spreadsheet__cell__key__${id}__${row}__${column}`
+        ))
+      ]
+    },
+    `spreadsheet__row__key__${id}__${row}}`
+  )) });
+}
+function Start({ className }) {
+  const { staticRows, emptySize, onInsertNewRow } = useSpreadsheet();
+  if (staticRows)
+    return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "pointer-events-none mt-[calc(28px+36px)] flex h-[calc(100%-28px-28px)] w-full items-center justify-center",
+        emptySize && "pointer-events-auto bg-white/25 backdrop-blur-sm",
+        className
+      ),
+      children: emptySize && /* @__PURE__ */ jsxs("p", { className: "text-neutral-500", children: [
+        /* @__PURE__ */ jsx("span", { children: "Clique " }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: onInsertNewRow, className: "font-bold", children: "AQUI" }),
+        /* @__PURE__ */ jsx("span", { children: " para come\xE7ar a preencher a tabela." })
+      ] })
+    }
+  );
+}
+function AddRowIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      fill: "none",
+      viewBox: "0 0 20 20",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("title", { children: "Add Row" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.5",
+            d: "M10 6.667v6.666M6.667 10h6.666M6.5 17.5h7c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 001.092-1.092c.273-.535.273-1.235.273-2.635v-7c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 00-1.092-1.093C15.6 2.5 14.9 2.5 13.5 2.5h-7c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 00-1.093 1.093C2.5 4.4 2.5 5.1 2.5 6.5v7c0 1.4 0 2.1.272 2.635a2.5 2.5 0 001.093 1.092C4.4 17.5 5.1 17.5 6.5 17.5z"
+          }
+        )
+      ]
+    }
+  );
+}
+function RemoveRowIcon(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      fill: "none",
+      viewBox: "0 0 20 20",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("title", { children: "Remove Row" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.5",
+            d: "M13.333 5v-.667c0-.933 0-1.4-.181-1.756a1.667 1.667 0 00-.729-.729c-.356-.181-.823-.181-1.756-.181H9.333c-.933 0-1.4 0-1.756.181-.314.16-.569.415-.729.729-.181.356-.181.823-.181 1.756V5m1.666 4.583v4.167m3.334-4.167v4.167M2.5 5h15m-1.667 0v9.333c0 1.4 0 2.1-.272 2.635a2.5 2.5 0 01-1.093 1.093c-.534.272-1.235.272-2.635.272H8.167c-1.4 0-2.1 0-2.635-.272a2.5 2.5 0 01-1.093-1.093c-.272-.535-.272-1.235-.272-2.635V5"
+          }
+        )
+      ]
+    }
+  );
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React4.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "button";
+    return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+var $d08ef79370b62062$var$DROPDOWN_MENU_NAME = "DropdownMenu";
+var [$d08ef79370b62062$var$createDropdownMenuContext, $d08ef79370b62062$export$c0623cd925aeb687] = createContextScope($d08ef79370b62062$var$DROPDOWN_MENU_NAME, [
+  createMenuScope
+]);
+var $d08ef79370b62062$var$useMenuScope = createMenuScope();
+var [$d08ef79370b62062$var$DropdownMenuProvider, $d08ef79370b62062$var$useDropdownMenuContext] = $d08ef79370b62062$var$createDropdownMenuContext($d08ef79370b62062$var$DROPDOWN_MENU_NAME);
+var $d08ef79370b62062$export$e44a253a59704894 = (props) => {
+  const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  const triggerRef = useRef(null);
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ createElement($d08ef79370b62062$var$DropdownMenuProvider, {
+    scope: __scopeDropdownMenu,
+    triggerId: useId(),
+    triggerRef,
+    contentId: useId(),
+    open,
+    onOpenChange: setOpen,
+    onOpenToggle: useCallback(
+      () => setOpen(
+        (prevOpen) => !prevOpen
+      ),
+      [
+        setOpen
+      ]
+    ),
+    modal
+  }, /* @__PURE__ */ createElement(Root$2, $01b9c$babelruntimehelpersesmextends({}, menuScope, {
+    open,
+    onOpenChange: setOpen,
+    dir,
+    modal
+  }), children));
+};
+var $d08ef79370b62062$var$TRIGGER_NAME = "DropdownMenuTrigger";
+var $d08ef79370b62062$export$d2469213b3befba9 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
+  const context = $d08ef79370b62062$var$useDropdownMenuContext($d08ef79370b62062$var$TRIGGER_NAME, __scopeDropdownMenu);
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(Anchor$1, $01b9c$babelruntimehelpersesmextends({
+    asChild: true
+  }, menuScope), /* @__PURE__ */ createElement(Primitive.button, $01b9c$babelruntimehelpersesmextends({
+    type: "button",
+    id: context.triggerId,
+    "aria-haspopup": "menu",
+    "aria-expanded": context.open,
+    "aria-controls": context.open ? context.contentId : void 0,
+    "data-state": context.open ? "open" : "closed",
+    "data-disabled": disabled ? "" : void 0,
+    disabled
+  }, triggerProps, {
+    ref: composeRefs(forwardedRef, context.triggerRef),
+    onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
+      if (!disabled && event.button === 0 && event.ctrlKey === false) {
+        context.onOpenToggle();
+        if (!context.open)
+          event.preventDefault();
+      }
+    }),
+    onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+      if (disabled)
+        return;
+      if ([
+        "Enter",
+        " "
+      ].includes(event.key))
+        context.onOpenToggle();
+      if (event.key === "ArrowDown")
+        context.onOpenChange(true);
+      if ([
+        "Enter",
+        " ",
+        "ArrowDown"
+      ].includes(event.key))
+        event.preventDefault();
+    })
+  })));
+});
+var $d08ef79370b62062$export$cd369b4d4d54efc9 = (props) => {
+  const { __scopeDropdownMenu, ...portalProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(Portal$1, $01b9c$babelruntimehelpersesmextends({}, menuScope, portalProps));
+};
+var $d08ef79370b62062$var$CONTENT_NAME = "DropdownMenuContent";
+var $d08ef79370b62062$export$6e76d93a37c01248 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...contentProps } = props;
+  const context = $d08ef79370b62062$var$useDropdownMenuContext($d08ef79370b62062$var$CONTENT_NAME, __scopeDropdownMenu);
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  const hasInteractedOutsideRef = useRef(false);
+  return /* @__PURE__ */ createElement(Content$1, $01b9c$babelruntimehelpersesmextends({
+    id: context.contentId,
+    "aria-labelledby": context.triggerId
+  }, menuScope, contentProps, {
+    ref: forwardedRef,
+    onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+      var _context$triggerRef$c;
+      if (!hasInteractedOutsideRef.current)
+        (_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
+      hasInteractedOutsideRef.current = false;
+      event.preventDefault();
+    }),
+    onInteractOutside: composeEventHandlers(props.onInteractOutside, (event) => {
+      const originalEvent = event.detail.originalEvent;
+      const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+      const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+      if (!context.modal || isRightClick)
+        hasInteractedOutsideRef.current = true;
+    }),
+    style: {
+      ...props.style,
+      "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  }));
+});
+var $d08ef79370b62062$export$76e48c5b57f24495 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...labelProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(Label, $01b9c$babelruntimehelpersesmextends({}, menuScope, labelProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$ed97964d1871885d = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...itemProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(Item, $01b9c$babelruntimehelpersesmextends({}, menuScope, itemProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$53a69729da201fa9 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...checkboxItemProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(CheckboxItem, $01b9c$babelruntimehelpersesmextends({}, menuScope, checkboxItemProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$e4f69b41b1637536 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...radioItemProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(RadioItem, $01b9c$babelruntimehelpersesmextends({}, menuScope, radioItemProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$42355ae145153fb6 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(ItemIndicator, $01b9c$babelruntimehelpersesmextends({}, menuScope, itemIndicatorProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$da160178fd3bc7e9 = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...separatorProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(Separator, $01b9c$babelruntimehelpersesmextends({}, menuScope, separatorProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$21dcb7ec56f874cf = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...subTriggerProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(SubTrigger, $01b9c$babelruntimehelpersesmextends({}, menuScope, subTriggerProps, {
+    ref: forwardedRef
+  }));
+});
+var $d08ef79370b62062$export$f34ec8bc2482cc5f = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const { __scopeDropdownMenu, ...subContentProps } = props;
+  const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
+  return /* @__PURE__ */ createElement(SubContent, $01b9c$babelruntimehelpersesmextends({}, menuScope, subContentProps, {
+    ref: forwardedRef,
+    style: {
+      ...props.style,
+      "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+      "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+      "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+      "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+      "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+    }
+  }));
+});
+var $d08ef79370b62062$export$be92b6f5f03c0fe9 = $d08ef79370b62062$export$e44a253a59704894;
+var $d08ef79370b62062$export$41fb9f06171c75f4 = $d08ef79370b62062$export$d2469213b3befba9;
+var $d08ef79370b62062$export$602eac185826482c = $d08ef79370b62062$export$cd369b4d4d54efc9;
+var $d08ef79370b62062$export$7c6e2c02157bb7d2 = $d08ef79370b62062$export$6e76d93a37c01248;
+var $d08ef79370b62062$export$b04be29aa201d4f5 = $d08ef79370b62062$export$76e48c5b57f24495;
+var $d08ef79370b62062$export$6d08773d2e66f8f2 = $d08ef79370b62062$export$ed97964d1871885d;
+var $d08ef79370b62062$export$16ce288f89fa631c = $d08ef79370b62062$export$53a69729da201fa9;
+var $d08ef79370b62062$export$371ab307eab489c0 = $d08ef79370b62062$export$e4f69b41b1637536;
+var $d08ef79370b62062$export$c3468e2714d175fa = $d08ef79370b62062$export$42355ae145153fb6;
+var $d08ef79370b62062$export$1ff3c3f08ae963c0 = $d08ef79370b62062$export$da160178fd3bc7e9;
+var $d08ef79370b62062$export$2ea8a7a591ac5eac = $d08ef79370b62062$export$21dcb7ec56f874cf;
+var $d08ef79370b62062$export$6d4de93b380beddf = $d08ef79370b62062$export$f34ec8bc2482cc5f;
+var DropdownMenu = $d08ef79370b62062$export$be92b6f5f03c0fe9;
+var DropdownMenuTrigger = $d08ef79370b62062$export$41fb9f06171c75f4;
+var DropdownMenuSubTrigger = React4.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  $d08ef79370b62062$export$2ea8a7a591ac5eac,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = $d08ef79370b62062$export$2ea8a7a591ac5eac.displayName;
+var DropdownMenuSubContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  $d08ef79370b62062$export$6d4de93b380beddf,
+  {
+    ref,
+    className: cn(
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = $d08ef79370b62062$export$6d4de93b380beddf.displayName;
+var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx($d08ef79370b62062$export$602eac185826482c, { children: /* @__PURE__ */ jsx(
+  $d08ef79370b62062$export$7c6e2c02157bb7d2,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=open]:animate-in",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = $d08ef79370b62062$export$7c6e2c02157bb7d2.displayName;
+var DropdownMenuItem = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  $d08ef79370b62062$export$6d08773d2e66f8f2,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = $d08ef79370b62062$export$6d08773d2e66f8f2.displayName;
+var DropdownMenuCheckboxItem = React4.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  $d08ef79370b62062$export$16ce288f89fa631c,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx($d08ef79370b62062$export$c3468e2714d175fa, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = $d08ef79370b62062$export$16ce288f89fa631c.displayName;
+var DropdownMenuRadioItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  $d08ef79370b62062$export$371ab307eab489c0,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors data-[disabled]:pointer-events-none focus:bg-accent focus:text-accent-foreground data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx($d08ef79370b62062$export$c3468e2714d175fa, { children: /* @__PURE__ */ jsx(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = $d08ef79370b62062$export$371ab307eab489c0.displayName;
+var DropdownMenuLabel = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  $d08ef79370b62062$export$b04be29aa201d4f5,
+  {
+    ref,
+    className: cn("px-2 py-1.5 font-semibold text-sm", inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = $d08ef79370b62062$export$b04be29aa201d4f5.displayName;
+var DropdownMenuSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  $d08ef79370b62062$export$1ff3c3f08ae963c0,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = $d08ef79370b62062$export$1ff3c3f08ae963c0.displayName;
+function Toolbar() {
+  const {
+    hasSomeEntireRow,
+    emptySize,
+    staticRows,
+    columns,
+    onInsertNewRow,
+    onRemoveRow,
+    onColumnVisibilityChange
+  } = useSpreadsheet();
+  const visibleColumns = useMemo$1(() => columns.filter(({ visible }) => visible), [columns]);
+  const allVisible = useMemo$1(
+    () => columns.length === visibleColumns.length,
+    [columns.length, visibleColumns.length]
+  );
+  const allVisibleLabel = "Exibindo todas as colunas";
+  const visibleColumnsLabel = `Exibindo ${visibleColumns.length} de ${columns.length} colunas`;
+  const columnVisibilityLabel = allVisible ? allVisibleLabel : visibleColumnsLabel;
+  return /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-50 flex w-full items-center justify-between rounded-t-md border bg-[#EAF5FF] px-4 py-2.5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: staticRows,
+          size: "icon",
+          variant: "ghost",
+          onClick: onInsertNewRow,
+          className: "text-[#4A4A6A] transition-none active:bg-[#0085FF] hover:bg-[#8FD6FF] active:text-white",
+          children: /* @__PURE__ */ jsx(AddRowIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: staticRows || emptySize || !hasSomeEntireRow,
+          size: "icon",
+          variant: "ghost",
+          onClick: onRemoveRow,
+          className: "text-[#4A4A6A] transition-none active:bg-[#0085FF] hover:bg-[#8FD6FF] active:text-white",
+          children: /* @__PURE__ */ jsx(RemoveRowIcon, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, className: "w-56", children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "justify-between px-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs", children: columnVisibilityLabel }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { className: "w-56", children: columns.map(({ name, id, alphabetLetter, visible }) => /* @__PURE__ */ jsxs(
+        DropdownMenuCheckboxItem,
+        {
+          checked: visible,
+          onCheckedChange: () => onColumnVisibilityChange(id),
+          className: "justify-between text-xs",
+          children: [
+            /* @__PURE__ */ jsx("span", { children: name }),
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-500", children: alphabetLetter })
+          ]
+        },
+        `spreadsheet__column__dropdown_checkbox__key__${nanoid()}`
+      )) })
+    ] })
+  ] });
+}
+function Spreadsheet(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(SpreadsheetContextProvider, { ...rest, children: /* @__PURE__ */ jsxs(Container.Root, { className, children: [
+    /* @__PURE__ */ jsx(Toolbar, {}),
+    /* @__PURE__ */ jsxs(Container.Matrix, { children: [
+      /* @__PURE__ */ jsx(Start, { className: "absolute z-50" }),
+      /* @__PURE__ */ jsx(Header, {}),
+      /* @__PURE__ */ jsx(Rows, {})
+    ] })
+  ] }) });
+}
+
+// src/index.ts
+var CapLink = {
+  Spreadsheet
+};
+
+export { CapLink };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map