@multiplatform.one/frappe-ui 7.4.1 → 7.6.0

package/dist/esm/FileBrowser/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AsyncBoundary","Breadcrumbs","DropdownMenu","ImageGrid","List","TreeView","ViewSwitcher","Button","Checkbox","FileUpload","Input","DataTable","OVERLAY_BREAKPOINT","useResolvedKnobs","CaretLeftIcon","CheckIcon","DotsThreeVerticalIcon","DownloadSimpleIcon","EyeIcon","FileIcon","FileArchiveIcon","FileImageIcon","FileTextIcon","FileVideoIcon","FolderIcon","FolderOpenIcon","ListIcon","MagnifyingGlassIcon","PencilSimpleIcon","SquaresFourIcon","TrashIcon","UploadSimpleIcon","XIcon","useCallback","useMemo","useState","useTranslation","Text","XStack","YStack","useWindowDimensions","ancestorFolderIds","breadcrumbItems","buildFolderTree","childrenOf","fileKind","isFolder","parentFolder","readPersistedView","writePersistedView","RAIL_WIDTH","KindIcon","param","kind","size","props","color","formatSize","bytes","Number","isNaN","units","i","Math","min","length","floor","log","pow","toFixed","resolveStatus","status","items","error","FileRowMenu","file","onOpen","onDownload","onRename","onMove","onDelete","t","placement","key","label","icon","onSelect","separator","destructive","children","chromeless","BulkBar","count","onClear","knobProps","alignItems","gap","panelPadding","borderWidth","borderColor","backgroundColor","containerRadius","marginHorizontal","marginTop","marginBottom","fontWeight","fontSize","onPress","flex","FileBrowser","files","foldersStatus","filesStatus","foldersError","filesError","onFoldersRetry","onFilesRetry","view","viewProp","defaultView","onViewChange","surfaceId","selectionMode","selectedIds","selectedIdsProp","onSelectedIdsChange","currentValue","onPick","currentFolder","currentFolderProp","onCurrentFolderChange","tileSize","mediaAspect","selectAllScope","bulkBarPlacement","tableZebra","layout","layoutProp","onUpload","search","searchProp","onSearchChange","accept","_ref","_ref1","_crumbs_","width","persisted","uncontrolledView","setUncontrolledView","setView","next","uncontrolledFolder","setUncontrolledFolder","setFolder","uncontrolledSelected","setUncontrolledSelected","setSelectedIds","uncontrolledSearch","setUncontrolledSearch","setSearch","uploadOpen","setUploadOpen","folderNodes","withFolderIcons","withFolderIcons1","nodes","map","node","weight","iconWhenExpanded","paneFiles","kids","trim","q","toLowerCase","filter","file_name","includes","folderStatus","fileStatus","single","toggleSelected","id","item","handleFileActivate","name","selectedFiles","crumbs","parent","columns","accessorKey","header","cell","param2","row","original","current","file_url","minWidth","numberOfLines","title","fontFamily","file_size","enableSorting","tableRows","toolbar","paddingHorizontal","paddingVertical","borderBottomWidth","disabled","maxVisible","onNavigate","href","value","onChangeText","placeholder","leftIcon","labelHidden","currentView","onViewChange2","views","type","iconOnly","bulk","onDownload1","onMove1","onDelete1","renderGridItem","renderGridItem2","checked","position","top","left","zIndex","event","stopPropagation","onCheckedChange","aspectRatio","justifyContent","src","alt","style","height","objectFit","filesPaneReady","flexGrow","flexShrink","flexBasis","renderItem","onItemClick","emptyMessage","data","enableRowSelection","enableFiltering","enableGlobalSearch","enablePagination","enableColumnVisibility","onRowPress","rowLabel","bulkActions"],"sources":["../../../src/FileBrowser/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,aAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,QAAA,EAAAC,YAAA;AAAA,SACAC,MAAA,EAAAC,QAAA,EAAAC,UAAA,EAAAC,KAAA;AAAA,SACAC,SAAA;AAAA,SACAC,kBAAA,EAAAC,gBAAA;AAAA,SACAC,aAAA,EAAAC,SAAA,EAAAC,qBAAA,EAAAC,kBAAA,EAAAC,OAAA,EAAAC,QAAA,EAAAC,eAAA,EAAAC,aAAA,EAAAC,YAAA,EAAAC,aAAA,EAAAC,UAAA,EAAAC,cAAA,EAAAC,QAAA,EAAAC,mBAAA,EAAAC,gBAAA,EAAAC,eAAA,EAAAC,SAAA,EAAAC,gBAAA,EAAAC,KAAA;AAAA,SACAC,WAAA,EAAAC,OAAA,EAAAC,QAAA;AAAA,SACAC,cAAA;AAAA,SAEKC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,mBAAA;AACP,SAASC,iBAAQ,EAAUC,eAAY,EAAAC,eAAa,EAAAC,UAAA,EAAAC,QAAA,EAAAC,QAAA,EAAAC,YAAA;AACpD,SAASC,iBAAuC,EAAAC,kBAAA;AAChD,IAAAC,UAAS;AACT,SAAAC,SAAAC,KAAA;EACE;IAAAC,IAAA;IAAAC,IAAA;EAAA,IAAAF,KAAA;EACA,IAAAG,KAAA;IACAD,IAAA;IACAE,KAAA;EACA;EACA,IAAAH,IAAA,qCAAAxD,IAAA,CAAA2B,UAAA;IACA,GAAA+B;EACA;EACA,IAAAF,IAAA,oCAAAxD,IAAA,CAAAwB,aAAA;IACA,GAAAkC;EACA;EACA,IAAAF,IAAA,oCAAAxD,IAAA,CAAA0B,aAAA;IACA,GAAAgC;EACA;EACA,IAAAF,IAAA,mCAAAxD,IAAA,CAAAyB,YAAA;IACA,GAAAiC;EACA;EACA,IAAAF,IAAA,kCAAAxD,IAAA,CAAAuB,eAAA;IACA,GAAAmC;EAAA;EAEF,OAAS,eAAa1D,IAAA,CAAAsB,QAAS;IAC/B,GAAAoC;EACA;AACA;AAAA,SACEE,WAAAC,KAAA;EACA,IAAAA,KAAA,YAAAC,MAAA,CAAAC,KAAA,CAAAF,KAAA;EACA,IAAAA,KAAA;EACA,IAAAG,KAAA,IACA,KACA,MACA,UACK,CAWP;EAiBgC,IAAAC,CAAA,GAAAC,IA8G5B,CAAAC,GAAA,CAAAH,KAAA,CAAAI,MA9G4B,MAAAF,IAAA,CAAAG,KAAA,CAAAH,IAAA,CAAAI,GAAA,CAAAT,KAAA,IAAAK,IAAA,CAAAI,GAAA;EAJhC,OAAM,IAAAT,KAAA,GAAaK,IAAA,CAAAK,GAAA,OAAAN,CAAA,GAAAO,OAAA,CAAAP,CAAA,mBAAAD,KAAA,CAAAC,CAAA;AAEnB;AACE,SAAMQ,aAAUA,CAAAC,MAAM,EAAOC,KAAA,EAAAC,KAAmB;EAChD,IAAIA,KAAA,SAAS,OAAU;EACvB,IAAIF,MAAA,SAASA,MAAS;EACtB,OAAIC,KAAA,CAASP,MAAA,KAAS,WAAO;AAC7B;AACA,SAAIS,WAASA,CAAOtB,KAAA;EACpB;IAAAuB,IAAO;IAAAC,MAAA;IAAAC,UAAC;IAAAC,QAAU;IAAGC,MAAA;IAAOC;EAAA,IAAA5B,KAAA;EAC9B;IAAA6B;EAAA,IAAA7C,cAAA;EAEA,OAAS,eAAWvC,IAAwB,CAAAK,YAAA;IAC1CgF,SAAI,EAAS,cAAQ;IACrBV,KAAI,GACJ;MACMW,GAAA,EAAI,MAAK;MACfC,KAAW,EAAAH,CAAA,OAAQ;MACrBI,IAAA,iBAAAxF,IAAA,CAAAqB,OAAA;QAESoC,IAAA;MAKH;MACAgC,QAAQ,WAAOA,SAAA;QACZ,OAAMV,MAAA,KAAW,IAAI,IAAAA,MAAU,uBAAAA,MAAA,CAAAD,IAAA;MACxC;IAEA,GACE;MACAQ,GAAA;MACAC,KAAA,EAAAH,CAAA;MACAI,IAAA,iBAAAxF,IAAA,CAAAoB,kBAAA;QACAqC,IAAA;MACA;MAQCgC,QAAA,WAAAA,SAAA;QACO,OAAMT,UAAA,KAAe,QAAAA,UAAA,uBAAAA,UAAA,EAE3BF,IAAA,CAAC;MAAA;IACC,GACA;MACEQ,GAAA;MAAAC,KACE,EAAKH,CAAA;MAAAI,IACL,iBAAexF,IAAA,CAAA+B,gBAAA;QACf0B,IAAA,EAAM;MAAmB,EACzB;MACFgC,QAAA,WAAAA,SAAA;QACA,OAAAR,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAH,IAAA;MAAA;IACO,GACc;MACiBQ,GACpC;MACFC,KAAA,EAAAH,CAAA;MACAI,IAAA,iBAAAxF,IAAA,CAAAkC,gBAAA;QACEuB,IAAA,EAAK;MAAA,EACL;MAAiBgC,QACX,WAAAA,SAAA,EAAC;QACP,OAAAP,MAAU,KAAM,QAAAA,MAAe,uBAAAA,MAAA,EACjCJ,IAAA,CACA;MAAA;IACO,GACc;MACeY,SAClC;IAA+B,GACjC;MAEAJ,GAAA;MAAAC,KACE,EAAKH,CAAA;MAAAI,IACL,iBAAiBxF,IAAA,CAAAiC,SAAA;QACjBwB,IAAA,EAAM;MAAqB,EAC3B;MAAakC,WACb,EAAU;MACZF,QAAA,WAAAA,SAAA;QACF,OAAAN,QAAA,aAAAA,QAAA,uBAAAA,QAAA,EAEAL,IAAA,CAAC;MAAA;IAAA,EACW;IACLc,QACL,iBAAM5F,IAAA,CAAAU,MAAA;MAAAmF,UACN;MAAuBpC,IACvB;MAAsB+B,IAAA,EAAArE,qBAAA;MACxB,cAAAiE,CAAA;MAAA;IACF;EAEJ;AAEA;AAAiB,SACfU,QAAAvC,KAAA;EACA;IAAAwC,KAAA;IAAAV,SAAA;IAAAL,UAAA;IAAAE,MAAA;IAAAC,QAAA;IAAAa;EAAA,IAAAzC,KAAA;EACA;IAAA6B;EAAA,IAAA7C,cAAA;EACA;IAAA0D;EAAA,IAAAjF,gBAAA;EACA,IAAA+E,KAAA;EACA,sBAAA7F,KAAA,CAAAuC,MAAA;IAQC;IACD,iCAA6B,EAAA4C,SAAA;IAC7Ba,UAAQ,UAAc;IACtB,GAAID,SAAU,CAAAE,GAAG;IACjB,GAAAF,SACE,CAAAG,YAAA;IAACC,WAAA;IAAAC,WAAA;IAAAC,eACC;IAAqB,GACrBN,SAAA,CAAAO,eAAA;IAAiCC,gBACtB;IAAAC,SACP,EAAArB,SAAU;IAAAsB,YACV,EAAAtB,SAAU;IAAAO,QACd,GACA,eAAY5F,IAAA,CAAAwC,IAAA;MACZoE,UAAA,OAAgB;MACfC,QAAG,MAAU;MACdjB,QAAA,EAAAR,CAAA,qBAAiB;QACjBW;MACA;IAEA,mBAAA/F,IAAA,CAAAU,MAAC;MAGD+C,IAAA;MAGAoC,UAAA;MAGAL,IAAA,EAAApE,kBAAC;MAGD0F,OAAA,EAAA9B,UAAA;MACAY,QAAA,EAAAR,CAAA,WAAC;IAED,mBAAApF,IAAA,CAAAU,MAAA;MACF+C,IAAA;MAEJoC,UAAA;MAEOL,IAAS,EAAAtD,gBAAY;MAC1B4E,OAAS,EAAA5B,MAAA;MACTU,QAAA,EAAAR,CAAA;IACA,IACA,eAAApF,IAAA,CAAAU,MAAA;MACA+C,IAAA;MACAoC,UAAA;MACAL,IAAA,EAAAvD,SAAA;MACM6E,OAAA,EAAA3B,QAAA;MACNS,QAAc,EAAAR,CAAA;IACd,IACA,eAAApF,IAAA,CAAAyC,MAAA;MACAsE,IAAA;IACA,IACA,eAAA/G,IAAA,CAAAU,MAAA;MACA+C,IAAA;MACAoC,UAAA;MACAL,IAAA,EAAArD,KAAe;MACf2E,OAAA,EAAAd,OAAA;MACAJ,QAAW,EAAAR,CAAA;IACX;EAEA;AAAmB;AACN,SACb4B,WAAQA,CAAAzD,KAAA;EACR;IAAA0D,KAAA;IAAAC,aAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,YAAA;IAAAC,IAAA,EAAAC,QAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC,WAAA,EAAAC,eAAA;IAAAC,mBAAA;IAAAC,YAAA;IAAAC,MAAA;IAAAC,aAAA,EAAAC,iBAAA;IAAAC,qBAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,cAAA;IAAAC,gBAAA;IAAAC,UAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,QAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,cAAA;IAAAjE,MAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,QAAA;IAAA8D;EAAA,IAAA1F,KAAA;EACA,IAAA2F,IAAQ,EAAAC,KAAA;EACR,IAAAC,QAAA;EACA;IAAAhE;EAAA,IAAA7C,cAAA;EACA;IAAA0D;EAAA,IAAAjF,gBAAA;EACA;IAAAqI;EAAA,IAAA1G,mBAAA;EACA,IAAAgG,MAAA,GAAAC,UAAA,aAAAA,UAAA,cAAAA,UAAA,GAAAS,KAAA,GAAAtI,kBAAA;EACA,IAAAuI,SAAA,GAAAnG,iBAAA,CAAAyE,SAAA;EACA,KAAA2B,gBAAA,EAAAC,mBAAA,IAAAlH,QAAA,EAAA4G,IAAA,GAAAzB,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAA6B,SAAA,cAAAJ,IAAA,cAAAA,IAAA,GAAAxB,WAAA;EACF,IAAqBF,IAAA,GAAAC,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAA8B,gBAAA;EACnB,IAAAE,OAAU,GAAIrH,WAAA,WAAesH,IAAA;IAC7B,IAAMjC,QAAE,KAAU,KAAI,GAAA+B,mBAAiB,CAAAE,IAAA;IACvCtG,kBAAkB,CAAAwE,SAAA,EAAA8B,IAAA;IAClB/B,YAAM,KAA4B,QAAAA,YAAuB,oBAAqB,GAAAA,YAAU,CAAA+B,IAAA;EAExF,IACA/B,YAAO,EACLC,SAAA,EACFH,QAAA,CACA;EACA,KAAAkC,kBAAgB,EAAAC,qBAAA,IAAAtH,QAAA,CAAA8F,iBAAA,aAAAA,iBAAA,cAAAA,iBAAA;EAAA,IACbD,aAA0B,GAAAC,iBAAA,aAAAA,iBAAA,cAAAA,iBAAA,GAAAuB,kBAAA;EACzB,IAAAE,SAAI,GAAAzH,WAAa,CAAW,UAAAsH,IAAA;IAC5B,IAAAtB,iBAAmB,WAAW,EAAAwB,qBAAI,CAAAF,IAAA;IAClCrB,qBAAmB,aAAAA,qBAAA,uBAAAA,qBAAA,CAAAqB,IAAA;EAAA,GACrB,CACAtB,iBAAe,EACjBC,qBAAA,CAEA;EACA,KAAAyB,oBAAsB,EAAAC,uBAAqB,IAAAzH,QAAA,CAAAyF,eAAA,aAAAA,eAAA,cAAAA,eAAA;EAC3C,IAAAD,WAAM,GAAYC,eAAA,aAAAA,eAAA,cAAAA,eAAA,GAAA+B,oBAAA;EAAA,IACfE,cAAiB,GAAA5H,WAAA,WAAAsH,IAAA;IAChB,IAAA3B,eAAI,UAAsB,GAAAgC,uBAAW,CAAAL,IAAsB;IAC3D1B,mBAAA,SAAwB,IAAIA,mBAAA,uBAAAA,mBAAA,CAAA0B,IAAA;EAAA,GAC9B,CACA1B,mBAAC,EACHD,eAAA,CAEA;EACA,KAAAkC,kBAAoB,EAAAC,qBAAmB,IAAA5H,QAAA,CAAAyG,UAAA,aAAAA,UAAA,cAAAA,UAAA;EACvC,IAAAD,MAAM,GAAAC,UAAiB,aAAAA,UAAA,cAAAA,UAAA,GAAAkB,kBAAA;EAAA,IACpBE,SAAmB,GAAA/H,WAAA,WAAAsH,IAAA;IAClB,IAAAX,UAAI,aAAoBmB,qBAAW,CAAAR,IAAA;IACnCV,cAAA,aAAsBA,cAAI,uBAAAA,cAAA,CAAAU,IAAA;EAAA,GAC5B,CACAV,cAAC,EACHD,UAAA,CAEA;EACA,KAAAqB,UAAe,EAAAC,aAAc,IAAA/H,QAAA;EAC7B,IAAAgI,WAAM,GAAYjI,OAAA;IAChB,IAACkI,eAAiB,YAAAC,iBAAAC,KAAA;MAChB,OAAIA,KAAA,CAAAC,GAAA,WAA0BC,IAAA;QAC9B;UACF,GAAAA,IAAA;UACCnF,IAAA,iBAA0BxF,IAAA,CAAA2B,UAAA;YAC7B8B,IAAA;YAEOmH,MAAA;UAKD;UACEC,gBAAA,EAAkB,eACtB7K,IAAM,CAAI4B,cAAW;YAChB6B,IAAA;YACGmH,MAAA;UACN;UACAhF,QAAU,EAAA+E,IAAK,CAAA/E,QAAW,GAAA2E,eAAgB,CAAAI,IAAK,CAAA/E,QAAY;QAC3D;MACJ;IACF,CAAG;IACH,OAAM2E,eAAY,CAAAzH,eAAc,CAAAmE,KAAA;EAC9B,IACAA,KAAK,CACL;EACA,IAAA6D,SAAO,GAAKzI,OAAQ,aAAS;IAC/B,IAAI0I,IAAA,GAAAhI,UAAe,CAAAkE,KAAO,EAAAkB,aAAO;IAEjC,IAAM,CAAAW,MAAA,CAAAkC,IAAA,IAAe,OAAAD,IAAA;IACrB,IAAME,CAAA,GAAAnC,MAAA,CAAAkC,IAAa,GAAAE,WAAc;IACjC,OAAMH,IAAA,CAAAI,MAAS,WAAArG,IAAkB;MAEjC,OAAMA,IAAA,CAAAsG,SAAiB,CAAAF,WAAA,GAAAG,QAAA,CAAAJ,CAAA;IACrB,CAAC;EACC,IAAA9C,aACE,EAA0FlB,KAC5F,EACF6B,MAAA,EACA;EACF,IAAAwC,YAAA,GAAA7G,aAAA,CAAAyC,aAAA,EAAAoD,WAAA,EAAAlD,YAAA;EAEA,IAAAmE,UAAM,GAAA9G,aAAqB,CAAA0C,WAAA,EAAA2D,SAAA,EAAAzD,UAAA;EAAA,IACxBmE,MAAA,GAA0B3D,aAAA;EACzB,IAAA4D,cAAa,GAAIrJ,WAAG,WAAAsJ,EAAA;IAClB1B,cAAU,CAAAlC,WAAS,CAAAuD,QAAA,CAAAK,EAAA,IAAA5D,WAAA,CAAAqD,MAAA,WAAAQ,IAAA;MACnB,OAAAA,IAAA,KAAAD,EAAA;IAAA,EACF,IACA,GAAA5D,WAAY,EACV4D,EAAA,CACA;EAAA,IAEF5D,WAAS,EACXkC,cAAA,EACA;EACF,IAAA4B,kBAAA,GAAAxJ,WAAA,WAAA0C,IAAA;IAEA,IAAM7B,QAAA,CAAA6B,IAAA,GAAgB;MACtB+E,SAAM,CAAA/E,IAAS,CAAA+G,IAAA;MACf;IAEA;IACE,IAAAL,MAAM;MACJtD,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAApD,IAAA;MAAA;IACe;IACGC,MAChB,KAAO,IAAE,IAAIA,MAAM,uBAAAA,MAAA,CAAAD,IAAA;EACjB,IACAC,MAAA,EAKAmD,MAAA,EAEI2B,SAAA,EAAgC2B,MAAA,CAChC;EAAC,IAAAM,aAAA,GAAAhB,SAAA,CAAAK,MAAA,WAAArG,IAAA;IAAA,OAAAgD,WACC,CAAAuD,QAAS,CAAAvG,IAAA,CAAA+G,IAAA;EAAA;EACH,IAAAE,MAAA,GAAAlJ,eACI,CAAAsF,aAAA;EAAA,IAAA6D,MAAA,GAAA9I,YACH,CAAAiF,aAAkB;EAAsB,IAAA8D,OAAA,GAE9C5J,OAAA,aAAK;IAAA;MACR6J,WACC,aACC;MACEC,MACN,EAAA/G,CAAA;MAEJgH,IAAA,WAAAA,KAAAC,MAAA;QACF;UAAAC;QAAA,IAAAD,MAAA;QACA,IAAAvH,IAAA,GAAAwH,GAAA,CAAAC,QAAA;QACE,IAAAC,OAAa,GAAAvE,YAAA,aAAAA,YAAA,KAAAnD,IAAA,CAAA2H,QAAA,IAAAxE,YAAA,KAAAnD,IAAA,CAAA+G,IAAA,IAAA5D,YAAA,KAAAnD,IAAA,CAAAsG,SAAA;QACb,OAAQ,eAAYlL,KAAA,CAAAuC,MAAA;UACtByD,UAAA;UACAC,GAAA;UACEuG,QAAA,EAAa;UACb3F,IAAQ,EAAE;UACVnB,QAAS,EAAI,CAKf,eAAA5F,IAAA,CAAAsD,QAAA;YACIE,IACC,EAAAR,QACD,CAAA8B,IAAA;UACE,IACM,eAAA9E,IAAA,CAAAwC,IAAA;YACJqE,QAAQ;YACRE,IAAA;YACM2F,QAAO;YACV;cAAAC,aAAA;cACCC,KAAM,EAAI9H,IAAA,CAAAsG;YACV;YACAxF,QAAA,EAAAd,IAAA,CAAAsG;UACA,IACAI,MAAA,IAAAgB,OAAA,kBAAAxM,IAAA,CAAAkB,SAAA;YACAuC,IAAA;YAAA;YACF;UAEJ;QAER;MACC;IACH,GAEA;MACEyI,WAAM,EAAU,UAAK;MACpBC,MAAS,EAAA/G,CAAA;IACZ,GAEA;MACG8G,WAAA;MAAAC,MAAA,EAAA/G,CAAA;MACCgH,IAAA,WAAAA,KAAAC,MAAwB;QACxB;UAAAC;QAAW,IAAAD,MAAA;QACP,sBAAUrM,IAAA,CAAAwC,IAAA;UACdqE,QAAA,MAAkB;UAClBgG,UAAA,EAAgB;UAChBjH,QAAA,EAAA3C,QAAmB,CAAAqJ,GAAA,CAAAC,QAAA,eAAA3I,UAAA,CAAA0I,GAAA,CAAAC,QAAA,CAAAO,SAAA;QACnB;MAEC;IAAA,GACC,IAAAtB,MAAC;MAAAE,EACC;MAAUS,MACV,EAAK;MAAAY,aACC;MAAAX,IACN,WAAWA,KAAAC,MAAA;QACX;UAAAC;QAAA,IAAYD,MAAE;QACd,sBAAArM,IAAqB,CAAA6E,WAAA;UACrBC,IAAA,EAAAwH,GAAS,CAAAC,QAAM;UAEdxH,MAAA;UAA4CC,UAAA;UAG/CC,QAAA;UAIDC,MAAW;UACTC;QAAA;MAAA;IACQ,EACO,EACe;EACY,IAC9B8C,YACX,EAA4B9C,QAAA,EAAAH,UAE5B,EAAAE,MACJ,EACEH,MAAC,EAAAE,QAAA,EAAAuG,MAAA,EACcpG,CAAA,CAC0C;EAChD,IAAA4H,SACL,GAAE3K,OAAM,aAAe;IAA0C,OAAAyI,SAC/D,CAAAJ,GAAM,WAAQ5F,IAAO,EAAE;MAA+C,OAC1E;QAAA,GAAAA,IAAA;QACF4G,EAAA,EACF5G,IAAA,CAAA+G;MAAA;IAKI;EAAA,IACNf,SAAA,CAGF;EACE,IAACmC,OAAA,kBAAA/M,KAAA,CAAAuC,MAAA;IAAA;IAAAyD,UACQ;IAAY,GACnBD,SAAA,CAAWE,GAAA;IAAA+G,iBACC,MAAM;IAA0BC,eACpC,EAAM;IAAsBC,iBAC1B,EAAM;IAAwB9G,WAC/B,gBAAM;IAAiBV,QAAA,GAEhC+C,MAAA,8BAAA3I,IAAA,CAAAU,MAAA;MAEEmF,UAAA;MACJpC,IAAM,MAAO;MACb+B,IAAM,EAAAvE,aACJ;MAIFoM,QAAM,GAAArB,MAAU;MAChB,YACE,EAAA5G,CAAA;MACE,uBAAC,MAAO;MACL0B,OAAC,WACAA,QAAA;QAAC,OAAAkF,MAAA,IAAAnC,SAAA,CAAAmC,MAAA;MAAA;MAAApG,QACC,GAAAuD,KAAS,IAAAC,QAAA,GAAA2C,MAAA,CAAAA,MAAA,CAAA3H,MAAA,mBAAAgF,QAAA,uBAAAA,QAAA,CAAA7D,KAAA,cAAA4D,KAAA,cAAAA,KAAA,GAAA/D,CAAA;IAAA,oBACLpF,IAAA,CAAAyC,MAAA;MAAAsE,IACJ;MAAK2F,QACL;MAAQ9G,QACR,iBAAoB5F,IAAA,CAAAI,WAAA;QAClBuE,KAAA,EAAAoH,MAAM;QACNuB,UAAA;QAAwBC,UAC1B,WAAAA,WAAAC,IAAA;UAEA,OAAA3D,SAAA,CAAA2D,IAAA;QAAA;MAAC;IAAA,IACC7E,MAAA,KACA,yBAAuB3I,IAAA,CAAAa,KAAA,EAAe;MAAS4M,KAAA,EAAA3E,MAC/C;MAAyD4E,YACzD,EAAAvD,SAAA;MAAyBwD,WAAA,EAAAvI,CAAA;MAAAwI,QAC3B,iBAAA5N,IAAA,CAAA8B,mBAAA;QAAA2B,IAAA;MACF;MAEFoK,WAAA;MAAA,YAAC,EAAAzI,CAAA;IAAA,0BACCpF,IAAa,CAAA0C,MAAA;MAAA,gCACG;MAAAkD,QAChB,iBAAa5F,IAAA,CAAAS,YAAA;QAAAqN,WACb,EAAAtG,IAAY;QAAAG,YACR,WAAUoG,cAAArE,IAAA;UACd,OAAAD,OAAW,CAAAC,IAAA;QAAA;QACIsE,KAEd,GAAyB;UAExBC,IAAA;UAAA1I,KAAC,EAAAH,CAAA;UAAAI,IAAA,EAAA3D,QAAA;UAAAqM,QACC,EAAK;QAAK,GACN;UACuDD,IAAA;UAC7D1I,KAAA,EAAAH,CAAA;UAAAI,IAEA,EAAAxD,eAAA;UAAgCkM,QAAA;QAEpC;MAEF;IACE,IAAArF,QAAC,kBAAA7I,IAAA,CAAAU,MAAA;MAAA+C,IAAA;MAAA+B,IACC,EAAAtD,gBAAS;MAAA4E,OACT,WAAMA,QAAA;QAAA,OACCuD,aAAA,KAAkB;MAAsB;MAEzCzE,QAAA,EAAAR,CAAA;IAAA,EACR;EAGI;EACN,IACA+I,IAAA,IAAA3C,MAAA,kBAAMxL,IAAA,CAAS8F,OAAK;IAEpBC,KACF,EAAA+B,WAAA,CAAA1D,MAAA;IAEJiB,SAAA,EAAAoD,gBAAA;IAEAzD,UAAM,WACJoJ,WAASA,CAAA;MACN,OAAApJ,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAA8G,aAAA;IAAA;IAAA5G,MACC,WAAAmJ,QAAA;MACA,OAAAnJ,MAAA,aAAAA,MAA4B,uBAAAA,MAAA,CAAA4G,aAAA;IAAA;IAKlB3G,QACV,WAAYmJ,UAAA;MACZ,OAAAnJ,QAAU,aAAAA,QAAA,uBAAAA,QAAA,CAAA2G,aAAA;IAAA;IAEV9F,OAAC,WAAAA,QAAA;MAAA,OAAAgE,cAAA;IAAA;EACQ,SACP;EAAA,IAAAuE,cACA,YAAAC,gBAAA1J,IAAA;IAAA,IAAAtB,IACA,GAAAR,QAAY,CAAA8B,IAAA;IAAA,IAAA0H,OACZ,GAAAvE,YAAa,aAAAA,YAAA,KAAAnD,IAAA,CAAA2H,QAAA,IAAAxE,YAAA,KAAAnD,IAAA,CAAA+G,IAAA,IAAA5D,YAAA,KAAAnD,IAAA,CAAAsG,SAAA;IAAA,IAAAqD,OACb,GAAA3G,WAAgB,CAAAuD,QAAU,CAAAvG,IAAA,CAAA+G,IAAA;IAAA,sBAAA3L,KAAA,CAAAwC,MAAA;MAC5B,yBAAAoC,IAAA,CAAA+G,IAAA;MAAA1F,GAAA;MAEAP,QAAA,GACD,eAAA1F,KAAA,CAAAwC,MAAA;QAAAgM,QAAA;QACC9I,QAAO,GACP,CAAA4F,MAAA,GAAc,eAAOxL,IAAA,CAAA0C,MAAA;UACrBgM,QAAa,YACX;UACEC,GAAA;UACAC,IAAA;UAACC,MAAA;UAAA/H,OAAA,WAAAA,QAAAgI,KAAA;YACCA,KAAA,CAASC,eAAA;YACTtD,cAAM,CAAA3G,IAAA,CAAA+G,IAAA;UACN;UACCjG,QAAM,iBAAkB5F,IAAO,CAAAW,QAAK;YAEpC8N,OAAA;YAAKO,eAAA,WAAAA,gBAAA;cACR,OAAAvD,cAAA,CAAA3G,IAAA,CAAA+G,IAAA;YACC,CAAS;YAKZ,cAAAzG,CAAA;cAEFyG,IAAa,EAAA/G,IAAA,CAAAsG;YACb;YAA0B;UAG5B;QACG,0BAAApL,IAAA,CAAA0C,MAAA;UACOuM,WAAA;UACN1I,eAAA;UACAF,WAAA,EAAqB;UACrBC,WAAA;UACA,GAAAL,SAAiB,CAAAO,eAAA;UACjBN,UAAA,EAAoB;UACpBgJ,cAAkB;UAClBtJ,QAAA,EAAApC,IAAA,KAAwB,WAAAsB,IAAA,CAAA2H,QAAA;UACxB;UACA;UAAqBzM,IAAA;YACVmP,GAAA,EAAArK,IAAQ,CAAA2H,QAAI;YACvB2C,GAAY,EAAE;YACdC,KACE;cAGMhG,KAAA;cACMiG,MAAA;cACKC,SAAU;YACnB;UACF,KACA,eAAAvP,IAAA,CAAAsD,QAAA;YACME,IAAA;YACJC,IAAS;UACT;QACF;MACA,EACE,EAAI,eACKvD,KAAQ,CAAAuC,MAAA;QACjByD,UAAA,EAAY;QACdC,GAAA;QACFP,QAAA,kBAAA5F,IAAA,CAAAwC,IAAA;UAGVqE,QAAA;UAGEE,IAAA,EACJ;UAEK;YAAA4F,aAAA;YACSC,KAAA,EAAA9H,IAAA,CAAAsG;UACR;UACAxF,QAAA,EAAAd,IAAA,CAAAsG;QACA,IACAI,MAAY,IAAAgB,OAAM,kBAAAxM,IAAA,CAAAkB,SAAA;UAAAuC,IAAA;UAGpB;UAAC;QAAA;MAEC,IACA,eAAOzD,IAAe,CAAAwC,IAAA;QACtBqE,QAAO;QACPgG,UAAS;QACTlJ,KAAA,YAAc;QACdiC,QAAY,EAAE3C,QAAA,CAAA6B,IAAA,YAAqB,GAAAlB,UAAA,CAAAkB,IAAA,CAAAgI,SAAA;MACnC;IASU,EACV;EAAY;EAC0B,IAErC0C,cAAA,GAAAhI,IAAA,6BAAAxH,IAAA,CAAA0C,MAAA;IAAA;IACH,4BAEJ,EAAA4F,QAAA;IAGF;IACG;IAAA;IAAA;IACyBmH,QACxB;IAAgCC,UACzB;IAAkCC,SACzC,QAAU;IAAyB/J,QACnC,iBAAY5F,IAAA,CAAAM,SAAA;MACZqE,KAAA,EAAAmG,SAAA;MACAxC,QAAA;MACAC,WAAU;MAEVqH,UAAA,EAAArB,cAAA;MAAAsB,WAAC,EAAAjE,kBAAA;MAAAkE,YAAA,EAAA1K,CAAA;IAAA;EACQ,KAAAuD,MACP,YAAS,kBAAiB3I,IAAA,CAAAO,IAAA;IAAAoE,KAAA,EAC1BmG,SAAO;IAAiB,YACxB,EAAO1F,CAAA;IAAoDwK,UAC3D,WAASA,WAAA9K,IAAA;MAAA,OACT,eAAc5E,KAAA,CAAAuC,MAAY;QAAAyD,UAC1B,UAAc;QAAuBC,GACrC;QAAOY,IACP;QAAM2F,QAIN;QAASrD,KAET;QAAAzD,QAAC,kBAAA5F,IAAA,CAAAsD,QAAA;UAAAE,IACC,EAAAR,QAAO,CAAA8B,IAAA;QAAA,IACK,eACZ9E,IAAA,CAAAwC,IAAoB;UAA+BqE,QACnD,MAAW;UAAWE,IACtB;UAAQ2F,QACR;UAAmB,GACnB;YACAC,aAAA,EAAc,CAAE;YAAYC,KAAA,EAAA9H,IAAA,CAAAsG;UAC9B;UAAAxF,QAAA,EAAAd,IAAA,CAAAsG;QACF,IAAAnI,QAAA,CAAA6B,IAAA,0BAAA9E,IAAA,CAAAwC,IAAA;UACFqE,QAAA;UAIAgG,UAAA;UAAClJ,KAAA;UAAAiC,QAAA,EAAAhC,UAAA,CAAAkB,IAAA,CAAAgI,SAAA;QACC;MAEA;IAAuB;IACK+C,WAC5B,EAAAjE,kBAAA;IAA4BkE,YAC5B,EAAA1K,CAAA;EAA4C,KAC5C,eAAapF,IAAA,CAAA0C,MAAA;IAAA,6BACD;IAAAqE,IACZ;IAAgBnB,QAChB,iBAAS5F,IAAA,CAAAc,SAAA;MACRiP,IAAG,EAAA/C,SAAU;MACdf,OAAA;MAEC+D,kBAAA,GAAAxE,MAAA;MAAAhD,cAAA;MAAAyH,eACA;MAAoCC,kBACzB;MAAAC,gBAAA;MAAAC,sBAAA;MAAArD,aAGV;MACGsD,UAAA,WAAAA,WAAA/D,GAAA;QAAA,OACAV,kBAAA,CAAAU,GAAA;MAAA;MACHgE,QAEA,WAAAA,QAACA,CAAAhE,GAAA;QAIF,OAAAA,GAAA,CAAAlB,SAAA;MAAuC;MAKpC,cAAAhG,CAAA;MAAAmL,WAAA,EAAA/E,MAAA,aACN;QAEJE,EAAA","ignoreList":[]}

package/dist/esm/FileBrowser/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/FileBrowser/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/FileBrowser/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/FileBrowser/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/FileBrowser/viewPersistence.mjs

@@ -0,0 +1,29 @@
+const PREFIX = "mpo.filebrowser.view.";
+const memory = /* @__PURE__ */new Map();
+function storageKey(surfaceId) {
+  return `${PREFIX}${surfaceId}`;
+}
+function coerce(value) {
+  return value === "grid" || value === "list" ? value : void 0;
+}
+function readPersistedView(surfaceId) {
+  if (!surfaceId) return void 0;
+  const key = storageKey(surfaceId);
+  const remembered = memory.get(key);
+  if (remembered) return remembered;
+  try {
+    return coerce(globalThis.localStorage?.getItem(key));
+  } catch {
+    return void 0;
+  }
+}
+function writePersistedView(surfaceId, view) {
+  if (!surfaceId) return;
+  const key = storageKey(surfaceId);
+  memory.set(key, view);
+  try {
+    globalThis.localStorage?.setItem(key, view);
+  } catch {}
+}
+export { readPersistedView, writePersistedView };
+//# sourceMappingURL=viewPersistence.mjs.map

package/dist/esm/FileBrowser/viewPersistence.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["PREFIX","memory","Map","storageKey","surfaceId","coerce","value","readPersistedView","key","remembered","get","globalThis","localStorage","getItem","writePersistedView","view","set","setItem"],"sources":["../../../src/FileBrowser/viewPersistence.ts"],"sourcesContent":[null],"mappings":"AAEA,MAAMA,MAAA,GAAS;AAGf,MAAMC,MAAA,GAAS,mBAAIC,GAAA,CAA6B;AAEhD,SAASC,WAAWC,SAAA,EAA2B;EAC7C,OAAO,GAAGJ,MAAM,GAAGI,SAAS;AAC9B;AAEA,SAASC,OAAOC,KAAA,EAA+D;EAC7E,OAAOA,KAAA,KAAU,UAAUA,KAAA,KAAU,SAASA,KAAA,GAAQ;AACxD;AAEO,SAASC,kBAAkBH,SAAA,EAAiD;EACjF,IAAI,CAACA,SAAA,EAAW,OAAO;EACvB,MAAMI,GAAA,GAAML,UAAA,CAAWC,SAAS;EAChC,MAAMK,UAAA,GAAaR,MAAA,CAAOS,GAAA,CAAIF,GAAG;EACjC,IAAIC,UAAA,EAAY,OAAOA,UAAA;EACvB,IAAI;IACF,OAAOJ,MAAA,CAAOM,UAAA,CAAWC,YAAA,EAAcC,OAAA,CAAQL,GAAG,CAAC;EACrD,QAAQ;IACN,OAAO;EACT;AACF;AAEO,SAASM,mBAAmBV,SAAA,EAA+BW,IAAA,EAA6B;EAC7F,IAAI,CAACX,SAAA,EAAW;EAChB,MAAMI,GAAA,GAAML,UAAA,CAAWC,SAAS;EAChCH,MAAA,CAAOe,GAAA,CAAIR,GAAA,EAAKO,IAAI;EACpB,IAAI;IACFJ,UAAA,CAAWC,YAAA,EAAcK,OAAA,CAAQT,GAAA,EAAKO,IAAI;EAC5C,QAAQ,CAER;AACF","ignoreList":[]}

package/dist/esm/FileBrowser/viewPersistence.native.js

@@ -0,0 +1,31 @@
+var PREFIX = "mpo.filebrowser.view.";
+var memory = /* @__PURE__ */new Map();
+function storageKey(surfaceId) {
+  return `${PREFIX}${surfaceId}`;
+}
+function coerce(value) {
+  return value === "grid" || value === "list" ? value : void 0;
+}
+function readPersistedView(surfaceId) {
+  if (!surfaceId) return void 0;
+  var key = storageKey(surfaceId);
+  var remembered = memory.get(key);
+  if (remembered) return remembered;
+  try {
+    var _globalThis_localStorage;
+    return coerce((_globalThis_localStorage = globalThis.localStorage) === null || _globalThis_localStorage === void 0 ? void 0 : _globalThis_localStorage.getItem(key));
+  } catch (unused) {
+    return void 0;
+  }
+}
+function writePersistedView(surfaceId, view) {
+  if (!surfaceId) return;
+  var key = storageKey(surfaceId);
+  memory.set(key, view);
+  try {
+    var _globalThis_localStorage;
+    (_globalThis_localStorage = globalThis.localStorage) === null || _globalThis_localStorage === void 0 ? void 0 : _globalThis_localStorage.setItem(key, view);
+  } catch (unused) {}
+}
+export { readPersistedView, writePersistedView };
+//# sourceMappingURL=viewPersistence.native.js.map

package/dist/esm/FileBrowser/viewPersistence.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PREFIX","memory","Map","storageKey","surfaceId","coerce","value","readPersistedView","key","remembered","get","_globalThis_localStorage","globalThis","localStorage","getItem","unused","writePersistedView","view","set","setItem"],"sources":["../../../src/FileBrowser/viewPersistence.ts"],"sourcesContent":[null],"mappings":"AAEA,IAAAA,MAAM,0BAAS;AAGf,IAAAC,MAAM,kBAAS,IAAAC,GAAI;AAEnB,SAASC,WAAWC,SAAA,EAA2B;EAC7C,OAAO,GAAGJ,MAAM,GAAGI,SAAS;AAC9B;AAEA,SAASC,OAAOC,KAAA,EAA+D;EAC7E,OAAOA,KAAA,KAAU,UAAUA,KAAA,KAAU,SAASA,KAAA,GAAQ;AACxD;AAEO,SAASC,kBAAkBH,SAAA,EAAiD;EACjF,IAAI,CAACA,SAAA,EAAW,OAAO;EACvB,IAAAI,GAAM,GAAAL,UAAM,CAAAC,SAAW;EACvB,IAAAK,UAAM,GAAAR,MAAa,CAAAS,GAAO,CAAAF,GAAI;EAC9B,IAAIC,UAAA,EAAY,OAAOA,UAAA;EACvB,IAAI;IACF,IAAAE,wBAAyB;IAC3B,OAAQN,MAAA,EAAAM,wBAAA,GAAAC,UAAA,CAAAC,YAAA,cAAAF,wBAAA,uBAAAA,wBAAA,CAAAG,OAAA,CAAAN,GAAA;EACN,SAAOO,MAAA;IACT;EACF;AAEO;AACL,SAAKC,kBAAWA,CAAAZ,SAAA,EAAAa,IAAA;EAChB,KAAAb,SAAY;EACZ,IAAAI,GAAO,GAAAL,UAAa,CAAAC,SAAA;EACpBH,MAAI,CAAAiB,GAAA,CAAAV,GAAA,EAAAS,IAAA;EACF;IACF,IAAAN,wBAAQ;IAER,CAAAA,wBAAA,GAAAC,UAAA,CAAAC,YAAA,cAAAF,wBAAA,uBAAAA,wBAAA,CAAAQ,OAAA,CAAAX,GAAA,EAAAS,IAAA;EACF,SAAAF,MAAA,G","ignoreList":[]}

package/dist/esm/FormSidebar.mjs

@@ -1,15 +1,16 @@
-import { Avatar, getInitials } from "@multiplatform.one/components";
-import { pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Avatar, componentColors, getInitials } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageSquareIcon, PlusIcon, UploadIcon, UserIcon, XIcon } from "@phosphor-icons/react";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Button, Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
+import { Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const avatarColors = ["$blue4", "$green4", "$orange4", "$purple4", "$red4"];
+const avatarColors = ["$orange4", "$blue4", "$purple4", "$pink4"];
 function avatarColor(index) {
   return avatarColors[index % avatarColors.length];
 }
-const textColors = ["$blue11", "$green11", "$orange11", "$purple11", "$red11"];
+const textColors = ["$orange11", "$blue11", "$purple11", "$pink11"];
 function textColor(index) {
   return textColors[index % textColors.length];
 }
@@ -29,15 +30,12 @@ function FormSidebar({
     knobProps
   } = useResolvedKnobs();
   const theme = useTheme();
-  const placeholderIconColor = theme.color10?.val ?? "currentColor";
+  const placeholderIconColor = theme.color11?.val ?? "currentColor";
+  const iconSize = Number(knobProps.controlIcon?.width) || 16;
   const [erroredUrl, setErroredUrl] = React.useState();
   const imageBroken = Boolean(imageUrl) && erroredUrl === imageUrl;
   const sz = knobProps.sizeToken;
-  const headingFontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
-  const labelFontSize = headingFontSize;
-  const subFontSize = sz === "$5" ? "$2" : "$1";
   const avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
-  const metaIconSize = sz === "$3" ? 12 : sz === "$5" ? 16 : 14;
   const imageSize = sz === "$3" ? 160 : sz === "$5" ? 240 : 200;
   const resolvedImageLabel = imageLabel ?? t("Document image");
   const showImageBlock = Boolean(imageUrl) || Boolean(onImageAdd);
@@ -79,50 +77,51 @@ function FormSidebar({
           borderColor: "$borderColor",
           "aria-label": resolvedImageLabel,
           children: [/* @__PURE__ */jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Image failed to load")
           })]
-        }) : /* @__PURE__ */jsxs(Button, {
-          chromeless: true,
+        }) : /* @__PURE__ */jsxs(YStack, {
+          role: "button",
+          tabIndex: 0,
           onPress: onImageAdd,
           "aria-label": t("Add image"),
           width: imageSize,
           height: imageSize,
-          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
           gap: "$2",
           ...knobProps.containerRadius,
           borderWidth: 1,
           borderStyle: "dashed",
           borderColor: "$borderColor",
           children: [/* @__PURE__ */jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Add image")
           })]
         }), imageUrl && (onImageAdd || onImageRemove) && /* @__PURE__ */jsxs(XStack, {
           gap: "$2",
           children: [onImageAdd && /* @__PURE__ */jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: UploadIcon,
             "aria-label": t("Replace image"),
             onPress: onImageAdd,
-            ...pressTargetStyle(),
             children: t("Replace")
           }), onImageRemove && /* @__PURE__ */jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: XIcon,
             "aria-label": t("Remove image"),
             onPress: onImageRemove,
-            ...pressTargetStyle(),
             children: t("Remove")
           })]
         })]
@@ -137,20 +136,20 @@ function FormSidebar({
             alignItems: "center",
             gap: "$2",
             children: [section.icon, /* @__PURE__ */jsx(Text, {
-              fontSize: headingFontSize,
-              fontWeight: "600",
-              color: "$color11",
+              color: componentColors.text.muted,
+              ...knobProps.label,
+              fontWeight: "400",
               children: section.title
             })]
           }), section.onAdd && /* @__PURE__ */jsx(Button, {
-            size: "$1",
+            size: "$2",
+            circular: true,
             chromeless: true,
             icon: PlusIcon,
             "aria-label": t("Add {{section}}", {
               section: section.title
             }),
-            onPress: section.onAdd,
-            ...pressTargetStyle()
+            onPress: section.onAdd
           })]
         }), section.render ? section.render() : section.items && section.items.length > 0 ? /* @__PURE__ */jsx(YStack, {
           ...knobProps.gap,
@@ -164,60 +163,61 @@ function FormSidebar({
               children: /* @__PURE__ */jsx(Avatar.Fallback, {
                 backgroundColor: avatarColor(sectionIdx),
                 children: /* @__PURE__ */jsx(Text, {
-                  fontSize: subFontSize,
                   color: textColor(sectionIdx),
-                  fontWeight: "600",
+                  ...knobProps.label,
+                  fontWeight: "700",
                   children: getInitials(item.label)
                 })
               })
             }), /* @__PURE__ */jsxs(YStack, {
               flex: 1,
               children: [/* @__PURE__ */jsx(Text, {
-                fontSize: labelFontSize,
-                color: "$color12",
+                color: componentColors.text.primary,
                 numberOfLines: 1,
+                ...knobProps.label,
                 children: item.label
               }), item.sublabel && /* @__PURE__ */jsx(Text, {
-                fontSize: subFontSize,
-                color: "$color11",
+                color: componentColors.text.muted,
+                ...knobProps.label,
                 children: item.sublabel
               })]
             }), section.onRemoveItem && /* @__PURE__ */jsx(Button, {
-              size: "$1",
+              size: "$2",
+              circular: true,
               chromeless: true,
               icon: XIcon,
               "aria-label": t("Remove {{name}}", {
                 name: item.label
               }),
-              onPress: () => section.onRemoveItem?.(item),
-              ...pressTargetStyle()
+              onPress: () => section.onRemoveItem?.(item)
             })]
           }, item.id))
         }) : /* @__PURE__ */jsx(Text, {
-          fontSize: subFontSize,
-          color: "$color11",
+          color: componentColors.text.muted,
+          ...knobProps.label,
           children: section.emptyText ?? t("None")
         })]
       }), sectionIdx < sections.length - 1 && /* @__PURE__ */jsx(Separator, {})]
     }, section.key)), metadata.length > 0 && sections.length > 0 && /* @__PURE__ */jsx(Separator, {}), metadata.length > 0 && /* @__PURE__ */jsxs(YStack, {
       gap: "$1",
       children: [/* @__PURE__ */jsx(Text, {
-        fontSize: headingFontSize,
-        fontWeight: "600",
-        color: "$color11",
+        color: componentColors.text.muted,
         paddingHorizontal: "$2",
+        ...knobProps.label,
+        fontWeight: "400",
         children: t("Info")
       }), metadata.map(entry => /* @__PURE__ */jsx(ListItem, {
         size: knobProps.sizeToken,
         icon: entry.icon ?? /* @__PURE__ */jsx(UserIcon, {
-          size: metaIconSize,
-          color: "var(--color11)",
+          size: iconSize,
+          color: placeholderIconColor,
           style: {
             flexShrink: 0
           }
         }),
         title: /* @__PURE__ */jsx(Text, {
-          color: "$color11",
+          color: componentColors.text.muted,
+          ...knobProps.label,
           children: entry.label
         }),
         backgroundColor: "transparent",

package/dist/esm/FormSidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Avatar","getInitials","pressTargetStyle","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","Button","Image","ListItem","Separator","Text","XStack","YStack","isWeb","useTheme","Fragment","jsx","jsxs","avatarColors","avatarColor","index","length","textColors","textColor","FormSidebar","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","stackProps","t","knobProps","theme","placeholderIconColor","color10","val","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","headingFontSize","labelFontSize","subFontSize","avatarSize","metaIconSize","imageSize","resolvedImageLabel","showImageBlock","containerRadius","panelPadding","gapLg","width","borderInlineEndWidth","borderInlineEndStyle","borderInlineEndColor","borderEndWidth","borderEndColor","children","alignItems","gap","src","alt","height","objectFit","onError","justifyContent","borderWidth","borderStyle","borderColor","size","color","fontSize","chromeless","onPress","flexDirection","icon","map","section","sectionIdx","fontWeight","title","onAdd","render","items","item","circular","backgroundColor","Fallback","label","flex","numberOfLines","sublabel","onRemoveItem","name","id","emptyText","key","paddingHorizontal","entry","style","flexShrink","paddingVertical"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Avatar","componentColors","getInitials","Button","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","Image","ListItem","Separator","Text","XStack","YStack","isWeb","useTheme","Fragment","jsx","jsxs","avatarColors","avatarColor","index","length","textColors","textColor","FormSidebar","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","stackProps","t","knobProps","theme","placeholderIconColor","color11","val","iconSize","Number","controlIcon","width","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","avatarSize","imageSize","resolvedImageLabel","showImageBlock","containerRadius","panelPadding","gapLg","borderInlineEndWidth","borderInlineEndStyle","borderInlineEndColor","borderEndWidth","borderEndColor","children","alignItems","gap","src","alt","height","objectFit","onError","justifyContent","borderWidth","borderStyle","borderColor","size","color","text","muted","label","role","tabIndex","onPress","cursor","chromeless","icon","map","section","sectionIdx","fontWeight","title","onAdd","circular","render","items","item","backgroundColor","Fallback","flex","primary","numberOfLines","sublabel","onRemoveItem","name","id","emptyText","key","paddingHorizontal","entry","style","flexShrink","paddingVertical"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FormSidebar.native.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, getInitials } from "@multiplatform.one/components";
-import { pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Avatar, componentColors, getInitials } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { ImageSquareIcon, PlusIcon, UploadIcon, UserIcon, XIcon } from "@phosphor-icons/react";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Button, Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
-var avatarColors = ["$blue4", "$green4", "$orange4", "$purple4", "$red4"];
+import { Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
+var avatarColors = ["$orange4", "$blue4", "$purple4", "$pink4"];
 function avatarColor(index) {
   return avatarColors[index % avatarColors.length];
 }
-var textColors = ["$blue11", "$green11", "$orange11", "$purple11", "$red11"];
+var textColors = ["$orange11", "$blue11", "$purple11", "$pink11"];
 function textColor(index) {
   return textColors[index % textColors.length];
 }
@@ -24,7 +25,7 @@ function FormSidebar(param) {
     ...stackProps
   } = param;
   var _ref;
-  var _theme_color10;
+  var _theme_color11, _knobProps_controlIcon;
   var {
     t
   } = useTranslation();
@@ -32,15 +33,12 @@ function FormSidebar(param) {
     knobProps
   } = useResolvedKnobs();
   var theme = useTheme();
-  var placeholderIconColor = (_ref = (_theme_color10 = theme.color10) === null || _theme_color10 === void 0 ? void 0 : _theme_color10.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+  var placeholderIconColor = (_ref = (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+  var iconSize = Number((_knobProps_controlIcon = knobProps.controlIcon) === null || _knobProps_controlIcon === void 0 ? void 0 : _knobProps_controlIcon.width) || 16;
   var [erroredUrl, setErroredUrl] = React.useState();
   var imageBroken = Boolean(imageUrl) && erroredUrl === imageUrl;
   var sz = knobProps.sizeToken;
-  var headingFontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
-  var labelFontSize = headingFontSize;
-  var subFontSize = sz === "$5" ? "$2" : "$1";
   var avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
-  var metaIconSize = sz === "$3" ? 12 : sz === "$5" ? 16 : 14;
   var imageSize = sz === "$3" ? 160 : sz === "$5" ? 240 : 200;
   var resolvedImageLabel = imageLabel !== null && imageLabel !== void 0 ? imageLabel : t("Document image");
   var showImageBlock = Boolean(imageUrl) || Boolean(onImageAdd);
@@ -92,51 +90,51 @@ function FormSidebar(param) {
           borderColor: "$borderColor",
           "aria-label": resolvedImageLabel,
           children: [/* @__PURE__ */_jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */_jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Image failed to load")
           })]
-        }) : /* @__PURE__ */_jsxs(Button, {
-          chromeless: true,
+        }) : /* @__PURE__ */_jsxs(YStack, {
+          role: "button",
+          tabIndex: 0,
           onPress: onImageAdd,
           "aria-label": t("Add image"),
           width: imageSize,
           height: imageSize,
-          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
           gap: "$2",
           ...knobProps.containerRadius,
           borderWidth: 1,
           borderStyle: "dashed",
           borderColor: "$borderColor",
           children: [/* @__PURE__ */_jsx(ImageSquareIcon, {
-            size: 32,
+            size: iconSize * 2,
             color: placeholderIconColor
           }), /* @__PURE__ */_jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: t("Add image")
           })]
         }), imageUrl && (onImageAdd || onImageRemove) && /* @__PURE__ */_jsxs(XStack, {
           gap: "$2",
           children: [onImageAdd && /* @__PURE__ */_jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: UploadIcon,
             "aria-label": t("Replace image"),
             onPress: onImageAdd,
-            // DG-LAY-04: raw size="$1" buttons measure ~20px tall.
-            ...pressTargetStyle(),
             children: t("Replace")
           }), onImageRemove && /* @__PURE__ */_jsx(Button, {
-            size: "$1",
+            size: "$2",
             chromeless: true,
             icon: XIcon,
             "aria-label": t("Remove image"),
             onPress: onImageRemove,
-            ...pressTargetStyle(),
             children: t("Remove")
           })]
         })]
@@ -154,21 +152,20 @@ function FormSidebar(param) {
               alignItems: "center",
               gap: "$2",
               children: [section.icon, /* @__PURE__ */_jsx(Text, {
-                fontSize: headingFontSize,
-                fontWeight: "600",
-                color: "$color11",
+                color: componentColors.text.muted,
+                ...knobProps.label,
+                fontWeight: "400",
                 children: section.title
               })]
             }), section.onAdd && /* @__PURE__ */_jsx(Button, {
-              size: "$1",
+              size: "$2",
+              circular: true,
               chromeless: true,
               icon: PlusIcon,
               "aria-label": t("Add {{section}}", {
                 section: section.title
               }),
-              onPress: section.onAdd,
-              // DG-LAY-04: raw size="$1" icon buttons measure ~17×20.
-              ...pressTargetStyle()
+              onPress: section.onAdd
             })]
           }), section.render ? section.render() : section.items && section.items.length > 0 ? /* @__PURE__ */_jsx(YStack, {
             ...knobProps.gap,
@@ -183,26 +180,27 @@ function FormSidebar(param) {
                   children: /* @__PURE__ */_jsx(Avatar.Fallback, {
                     backgroundColor: avatarColor(sectionIdx),
                     children: /* @__PURE__ */_jsx(Text, {
-                      fontSize: subFontSize,
                       color: textColor(sectionIdx),
-                      fontWeight: "600",
+                      ...knobProps.label,
+                      fontWeight: "700",
                       children: getInitials(item.label)
                     })
                   })
                 }), /* @__PURE__ */_jsxs(YStack, {
                   flex: 1,
                   children: [/* @__PURE__ */_jsx(Text, {
-                    fontSize: labelFontSize,
-                    color: "$color12",
+                    color: componentColors.text.primary,
                     numberOfLines: 1,
+                    ...knobProps.label,
                     children: item.label
                   }), item.sublabel && /* @__PURE__ */_jsx(Text, {
-                    fontSize: subFontSize,
-                    color: "$color11",
+                    color: componentColors.text.muted,
+                    ...knobProps.label,
                     children: item.sublabel
                   })]
                 }), section.onRemoveItem && /* @__PURE__ */_jsx(Button, {
-                  size: "$1",
+                  size: "$2",
+                  circular: true,
                   chromeless: true,
                   icon: XIcon,
                   "aria-label": t("Remove {{name}}", {
@@ -211,14 +209,13 @@ function FormSidebar(param) {
                   onPress: function onPress() {
                     var _section_onRemoveItem;
                     return (_section_onRemoveItem = section.onRemoveItem) === null || _section_onRemoveItem === void 0 ? void 0 : _section_onRemoveItem.call(section, item);
-                  },
-                  ...pressTargetStyle()
+                  }
                 })]
               }, item.id);
             })
           }) : /* @__PURE__ */_jsx(Text, {
-            fontSize: subFontSize,
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: (_section_emptyText = section.emptyText) !== null && _section_emptyText !== void 0 ? _section_emptyText : t("None")
           })]
         }), sectionIdx < sections.length - 1 && /* @__PURE__ */_jsx(Separator, {})]
@@ -228,24 +225,25 @@ function FormSidebar(param) {
     metadata.length > 0 && /* @__PURE__ */_jsxs(YStack, {
       gap: "$1",
       children: [/* @__PURE__ */_jsx(Text, {
-        fontSize: headingFontSize,
-        fontWeight: "600",
-        color: "$color11",
+        color: componentColors.text.muted,
         paddingHorizontal: "$2",
+        ...knobProps.label,
+        fontWeight: "400",
         children: t("Info")
       }), metadata.map(function (entry) {
         var _entry_icon;
         return /* @__PURE__ */_jsx(ListItem, {
           size: knobProps.sizeToken,
           icon: (_entry_icon = entry.icon) !== null && _entry_icon !== void 0 ? _entry_icon : /* @__PURE__ */_jsx(UserIcon, {
-            size: metaIconSize,
-            color: "var(--color11)",
+            size: iconSize,
+            color: placeholderIconColor,
             style: {
               flexShrink: 0
             }
           }),
           title: /* @__PURE__ */_jsx(Text, {
-            color: "$color11",
+            color: componentColors.text.muted,
+            ...knobProps.label,
             children: entry.label
           }),
           backgroundColor: "transparent",